form input:not(input[type=checkbox]),
form textarea {
border: 1px solid rgb(201, 201, 201) !important;
border-radius: 10px !important;
box-shadow: none !important;
padding: 20px !important;
}
form input[type=checkbox] {
border: 1px solid rgb(201, 201, 201) !important;
border-radius: 0;
}
.gform-theme--foundation .gform_fields {
grid-row-gap: 25px !important;
}
.gform_required_legend {
display: none;
}
.gfield_required_asterisk {
color: red !important;
}
#field_submit {
display: flex;
justify-content: end;
}
#gform_submit_button_1 {
text-decoration: none;
padding: 13px 25px;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
border-radius: 15px;
border: none !important;
box-shadow: 0px 3px 20px #57575652;
color: var(--white-color);
background: linear-gradient(180deg, #FEC907 0%, #F9B106 37%, #F18705 100%) 0% 0% no-repeat padding-box;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#gform_submit_button_1:hover {
background: linear-gradient(180deg, #000000 0%, #575756 100%) 0% 0% no-repeat padding-box;
color: var(--white-color);
}
.box-form-height {
min-height: 600px;	
} #breadcrumbs,
#breadcrumbs a {
font-size: 13px;
color: var(--breadcrumbs-color);
font-weight: 300;
transition: .1s ease-in-out;
}
#breadcrumbs a:hover {
opacity: 0.8;
} .google-map {
width: 100%;
min-height: 350px;
} .preloader {
position: fixed;
width: 100%;
height: 100%;
background-color: var(--white-color);
display: flex;
justify-content: center;
align-items: center;
z-index: 100000000000000000;
}
.loader {
border: 2px solid #f3f3f3;
border-top: 2px solid var(--first-color);
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .radius-10 {
border-radius: 10px;
}
.radius-15 {
border-radius: 15px;
}
.radius-20 {
border-radius: 20px;
}
.radius-25 {
border-radius: 25px;
}
.radius-30 {
border-radius: 30px;
}
.radius-35 {
border-radius: 35px;
}
.radius-40 {
border-radius: 40px;
}
.radius-45 {
border-radius: 45px;
}
.radius-50 { border-radius: 15px;
} .box-shadow {
box-shadow: 0 0 20px 0px rgba(33, 49, 89, 0.08);
}
.custom-shadow-1 {
box-shadow: 0px 3px 20px #0000000D;
} .padding-10 {
padding: 10px;
}
.padding-20 {
padding: 20px;
}
.padding-30 {
padding: 30px;
}
.padding-40 {
padding: 40px;
}
.padding-50 {
padding: 50px;
}
.padding-60 {
padding: 60px;
}
.padding-70 {
padding: 70px;
}
.padding-80 {
padding: 80px;
}
.padding-90 {
padding: 90px;
}
.padding-100 {
padding: 100px;
}
.padding-y-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.padding-y-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.padding-y-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.padding-y-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.padding-y-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.padding-y-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.padding-y-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.padding-y-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.padding-y-90 {
padding-top: 90px;
padding-bottom: 90px;
}
.padding-y-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.padding-y-110 {
padding-top: 110px;
padding-bottom: 110px;
}
.padding-y-120 {
padding-top: 120px;
padding-bottom: 120px;
}
.padding-y-130 {
padding-top: 130px;
padding-bottom: 130px;
}
.padding-y-140 {
padding-top: 140px;
padding-bottom: 140px;
}
.padding-y-150 {
padding-top: 150px;
padding-bottom: 150px;
}
.padding-top-10 {
padding-top: 10px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-top-70 {
padding-top: 70px;
}
.padding-top-80 {
padding-top: 80px;
}
.padding-top-90 {
padding-top: 90px;
}
.padding-top-100 {
padding-top: 100px;
}
.padding-top-110 {
padding-top: 110px;
}
.padding-top-120 {
padding-top: 120px;
}
.padding-top-130 {
padding-top: 130px;
}
.padding-top-140 {
padding-top: 140px;
}
.padding-top-150 {
padding-top: 150px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-bottom-70 {
padding-bottom: 70px;
}
.padding-bottom-80 {
padding-bottom: 80px;
}
.padding-bottom-90 {
padding-bottom: 90px;
}
.padding-bottom-100 {
padding-bottom: 100px;
}
.padding-bottom-110 {
padding-bottom: 110px;
}
.padding-bottom-120 {
padding-bottom: 120px;
}
.padding-bottom-130 {
padding-bottom: 130px;
}
.padding-bottom-140 {
padding-bottom: 140px;
}
.padding-bottom-150 {
padding-bottom: 150px;
} .fade-in {
opacity: 0;
transition: all 2s cubic-bezier(.215, .60, .355, 1);
}
.fade-in.in-page {
opacity: 1;
}
.fade-in-top {
opacity: 0;
transform: translateY(10vh);
transition: all 1s cubic-bezier(.215, .60, .355, 1);
}
.fade-in-top.in-page {
opacity: 1;
transform: translateY(0);
}
.fade-in-top.in-page {
opacity: 1;
transform: translateY(0);
}
.fade-in-left {
opacity: 0;
transform: translateX(-10vw);
transition: all 1s cubic-bezier(.215, .60, .355, 1);
overflow: hidden;
}
.fade-in-left.in-page {
opacity: 1;
transform: translateX(0);
}
.fade-in-right {
opacity: 0;
transform: translateX(10vw);
transition: all 1s cubic-bezier(.215, .60, .355, 1);
overflow: hidden;
}
.fade-in-right.in-page {
opacity: 1;
transform: translateX(0);
}
.transition-delay-0 {
transition-delay: 0ms;
}
.transition-delay-1 {
transition-delay: 100ms;
}
.transition-delay-2 {
transition-delay: 200ms;
}
.transition-delay-3 {
transition-delay: 300ms;
}
.transition-delay-4 {
transition-delay: 400ms;
}
.transition-delay-5 {
transition-delay: 500ms;
}
.transition-delay-6 {
transition-delay: 600ms;
}
.transition-delay-7 {
transition-delay: 700ms;
}
.transition-delay-8 {
transition-delay: 800ms;
}
.transition-delay-9 {
transition-delay: 900ms;
}
.transition-delay-10 {
transition-delay: 1000ms;
}:root { --first-color: #F18705;
--first-color2: #FB9A23;
--first-color3: #FBAC4D;
--first-color4: #FCBE73;
--first-color5: #FDD19B;
--second-color: #FEC907;
--second-color2: #FED234;
--second-color3: #FED85D;
--second-color4: #FEE485;
--second-color5: #FEEDAE;
--third-color: #575756;
--third-color2: #f2f2f2;
--breadcrumbs-color: #c3c3c3;
--grey-color: #f2f2f2;
--white-color: #fff;
--black-color: #000;
--copyright-color: #cfcfcf; --main-font: 'Fira Sans', sans-serif;
--fontawesome-font: "Font Awesome 6 Pro" !important;
} * {
font-family: var(--main-font);
}
i {
font-family: var(--fontawesome-font);
}
.fa-classic,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fal,
.far,
.fas,
.fat {
font-family: "Font Awesome 6 Pro" !important;
} #editor p {
color: var(--third-color);
text-align: justify
}
#editor h2 {
color: var(--first-color);
font-size: 32px;
font-weight: bold;
}
#editor h3 {
color: var(--third-color);
font-size: 24px;
font-weight: bold;
margin-top: 20px
}
#editor h4 {
font-size: 18px;
font-weight: bold;
}
#editor a {
color: var(--first-color);
transition: .1s ease-in-out;
}
#editor a:hover {
opacity: 0.7;
text-decoration: none;
}
#editor ul {
padding-left: 25px;
margin-bottom: 40px;
}
#editor ul li {
color: var(--third-color);
font-size: 16px;
}
#editor ul li::marker {
color: var(--first-color);
font-size: 25px;
line-height: 25px;
}
#editor blockquote {
background-color: var(--third-color2);
padding: 40px;
border-radius: 15px;
}
#editor blockquote p {
margin-bottom: 0;
} .bg-first {
background-color: var(--first-color);
}
.bg-second {
background-color: var(--second-color);
}
.bg-second2 {
background-color: #FEEDAE;
}
.bg-third {
background-color: var(--third-color);
}
.bg-third2 {
background-color: var(--third-color2);
} .first-color {
color: var(--first-color);
}
.second-color {
color: var(--second-color);
}
.third-color {
color: var(--third-color);
}
.grey-color {
color: var(--grey-color);
}
.copyright-color {
color: var(--copyright-color);
} .subtitle-size {
font-size: 16px;
}
.h1-size {
font-size: 40px;
}
.h2-size {
font-size: 32px;
}
.h3-size {
font-size: 22px;
}
.h4-size {
font-size: 20px;
}
.p-size {
font-size: 16px;
} .fw-100 {
font-weight: 100;
}
.fw-200 {
font-weight: 200;
}
.fw-300 {
font-weight: 300;
}
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-800 {
font-weight: 800;
}
.fw-900 {
font-weight: 900;
} .hover-opacity-5,
.hover-opacity-6,
.hover-opacity-7,
.hover-opacity-8 {
transition: .1s ease-in-out;
}
.hover-opacity-5:hover {
opacity: 0.50;
}
.hover-opacity-6:hover {
opacity: 0.60;
}
.hover-opacity-7:hover {
opacity: 0.70;
}
.hover-opacity-8:hover {
opacity: 0.80;
} .category-badge {
text-decoration: none;
padding: 5px 15px;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
border-radius: 15px;
box-shadow: 0px 3px 20px #57575652;
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
}
.category-badge:nth-child(2) {
top: 55px;
}
.button-small {
text-decoration: none;
padding: 13px;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
border-radius: 15px;
box-shadow: 0px 3px 20px #57575652;
}
.button-big {
text-decoration: none;
padding: 13px;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
border-radius: 15px;
box-shadow: 0px 3px 20px #57575652;
}
.button-first {
color: var(--white-color);
background: linear-gradient(180deg, #FEC907 0%, #F9B106 37%, #F18705 100%) 0% 0% no-repeat padding-box;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.button-first:hover {
background: linear-gradient(180deg, #000000 0%, #575756 100%) 0% 0% no-repeat padding-box;
color: var(--white-color);
}
.button-second {
color: var(--first-color);
background: linear-gradient(180deg, #FEEDAE 0%, #FDD19B 100%) 0% 0% no-repeat padding-box;
border: 2px solid var(--first-color);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.button-second:hover {
color: var(--white-color);
background: var(--first-color);
}
.button-third {
color: var(--white-color);
background: linear-gradient(180deg, #000000 0%, #575756 100%) 0% 0% no-repeat padding-box;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 13px 40px;
}
.button-third:hover {
color: var(--white-color);
}
#topbar {
font-size: 12px !important
}#topbar a {
transition: 0.1s ease-in-out;
}
#topbar a:hover {
color: var(--white-color);
opacity: 0.5;
}
#topbar .topbar-menu li a {
text-decoration: none;
font-size: 13px;
color: var(--white-color);
text-transform: uppercase;
}
#topbar .topbar-menu li:not(:last-child)::after {
content: "/";
margin: 0 10px;
color: var(--white-color);
}
.wpml-ls-link {
color: var(--white-color);
font-size: 14px;
padding: 0 !important;
}
.wpml-ls-legacy-list-horizontal {
border: none;
padding: 0;
} #menu-desktop {
background-color: var(--white-color);
z-index: 10000;
}
#menu-desktop img {
width: 260px;
transition: 0.3s ease-in-out;
}
#menu-desktop .smaller {
width: 180px !important;
}
#menu-desktop .desktop-menu li:not(.sub-menu li) {
margin: 0 20px;
position: relative;
display: flex;
align-items: center;
gap: 5px;
}
#menu-desktop .desktop-menu li:last-child:not(.sub-menu li) {
margin-right: 0;
}
#menu-desktop .desktop-menu li a:not(.sub-menu li a) {
display: flex;
align-items: center;
gap: 3px;
text-decoration: none;
color: var(--third-color);
font-size: 16px !important;
font-weight: bold;
text-transform: uppercase;
transition: .1s ease-in-out;
}
#menu-desktop .desktop-menu li a:not(.sub-menu li a):hover {
color: var(--first-color);
}
#menu-desktop .desktop-menu li a:not(.sub-menu li a):hover::after {
color: var(--first-color) !important;
}
#menu-desktop .desktop-menu li:last-child a:not(.sub-menu li a) {
text-decoration: none;
padding: 13px;
font-size: 16px !important;
text-transform: uppercase;
font-weight: bold;
border-radius: 15px;
box-shadow: 0px 3px 20px #57575652;
color: var(--white-color);
background: linear-gradient(180deg, #FEC907 0%, #F9B106 37%, #F18705 100%) 0% 0% no-repeat padding-box;
}
#menu-desktop .desktop-menu li:last-child a:not(.sub-menu li a):hover {
background: linear-gradient(180deg, #000000 0%, #575756 100%) 0% 0% no-repeat padding-box;
color: var(--white-color);
}
#menu-desktop .menu-item-has-children a:not(.sub-menu li a):after { 
content: ' \f078';
color: var(--third-color);
cursor: pointer;
font-family: FontAwesome;
font-size:  16px !important;
}
#menu-desktop .menu-item-has-children .sub-menu {
list-style-type: none;
position: absolute;
top: 150%;
left: 0;
padding: 0;
margin: 0;
visibility: hidden;
opacity: 0;
z-index: 100000000;
background-color: var(--white-color);
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
transition: 0.3s ease;
}
#menu-desktop .menu-item-has-children:hover .sub-menu {
visibility: visible;
top: 90%;
opacity: 1;
box-shadow: 0px 0px 20px #0000001A;
}
#menu-desktop .sub-menu li {
min-width: 300px;
margin: 0;
}
#menu-desktop .sub-menu li a {
display: block;
font-size:  16px !important;
text-decoration: none;
color: var(--black-color);
padding: 6px 12px;
transition: .1s ease-in-out;
}
#menu-desktop .sub-menu li a:hover {
background-color: var(--first-color);
color: var(--white-color);
} #menu-mobile {
height: 80px;
width: 100%;
z-index: 10000;
background-color: #ffffff;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
#menu-mobile img {
padding: 12px;
width: 200px;
}
#menu-mobile a img {
height: 100%;
}
#menu-mobile .hamburger {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: transform 0.3s;
width: 35px;
height: 23px;
}
#menu-mobile .hamburger__line {
height: 4px;
width: 100%;
border-radius: 3px;
background-color: var(--third-color);
transition: 0.2s;
position: absolute;
z-index: 100000;
}
#menu-mobile .hamburger__line:nth-child(1) {
top: 0;
left: 0;
}
#menu-mobile .hamburger__line:nth-child(2) {
top: 50%;
left: 0;
transform: translateY(-50%);
}
#menu-mobile .hamburger__line:nth-child(3) {
bottom: 0;
left: 0;
}
#menu-mobile .opened .hamburger__line:nth-child(1) {
transform: rotate(45deg);
top: 50%;
}
#menu-mobile .opened .hamburger__line:nth-child(2) {
opacity: 0;
}
#menu-mobile .opened .hamburger__line:nth-child(3) {
transform: rotate(-45deg);
top: 50%
}
#menu-mobile .mobile-menu {
display: none;
position: fixed;
top: 79px;
left: 0;
height: calc(100% - 80px);
width: 100%;
background-color: var(--white-color);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
padding: 30px 0;
list-style-type: none;
z-index: 1000000000000;
}
#menu-mobile .open {
left: 0 !important;
}
#menu-mobile .mobile-menu li {
padding: 15px 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
#menu-mobile .mobile-menu li:last-child {
border-bottom: none !important;
}
#menu-mobile .mobile-menu li a {
text-decoration: none;
color: var(--third-color);
font-weight: bold;
height: 100%;
padding: 0 12px;
}
#menu-mobile .menu-item-has-children:after {
display: none;
}
#menu-mobile .mobile-menu li ul { background-color: var(--white-color);
position: fixed;
z-index: 1000000;
margin: 0;
padding: 20px 0 30px 56px;
top: 80px;
left: 100%;
width: 100%;
transition: 0.2s ease-in-out;
height: calc(100vh - 80px);
overflow: auto;
}
#menu-mobile .go-back {
color: var(--third-color);
position: absolute;
z-index: 100000000;
top: 0;
left: 100%;
width: 55px;
height: calc(100vh - 80px);
background-color: var(--grey-color);
display: flex;
align-items: center;
justify-content: center;
border: none !important;
font-size: 25px;
transition: 0.2s ease-in-out;
}
#menu-mobile .fixed {
position: fixed !important;
}
#menu-mobile .openMenu {
left: 0 !important;
}
#menu-mobile .sub-menu-arrow {
padding: 3px 6px;
background-color: transparent !important;
border: none !important;
color: var(--third-color);
} #mobile-bar {
position: fixed;
bottom: 0;
left: 0;
z-index: 10000;
}
#mobile-bar a:not(#mobile-bar a:last-child) {
margin: 5px;
text-decoration: none !important;
}
#mobile-bar i {
color: var(--third-color);
font-size: 25px;
}footer #logoBrand {
width: 250px;
}
footer a:not(.footer-img) {
text-decoration: none;
transition: .1s ease-in-out;
}
footer a:not(.footer-img):hover {
color: var(--third-color);
opacity: 0.5;
}
.copyright a:hover {
color: var(--copyright-color) !important;
opacity: 0.5;
}
.footer-social i {
color: var(--third-color) !important;
}.splide__pagination {
bottom: -1em;
}
.splide__pagination__page {
height: 9px;
width: 9px;
}
.splide__pagination__page.is-active {
background-color: var(--third-color);
}
#box-carousel-soluzioni-track,
#box-carousel-prodotti-track,
#box-carousel-blog-track,
#box-carousel-progetti-track {
padding: 25px !important;
}
#box-carousel-settori-track,
#box-carousel-settori-2-track,
#box-carousel-prodotti-correlati-track,
#box-carousel-realizzazioni-correlate-track {
padding: 40px 25px !important;
}
#box-carousel-numeri-track {
padding: 80px 25px 40px 25px;
}
.splide__arrow:disabled {
display: none;
}
#sezione-settori .splide__arrow {
background: var(--third-color);
height: 4em;
width: 4em;
opacity: .7;
}
#sezione-settori .splide__arrow svg {
fill: var(--white-color);
height: 1.5em;
width: 1.5em;
}
#sezione-settori .splide__arrow--next {
right: -4em;
}
#sezione-settori .splide__arrow--prev {
left: -4em;
} #carbon-credits {
height: 750px;
}
#carbon-credits::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.60);
}
.custom-img-radius {
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
}
.badge-carboncredits {
position: absolute;
top: -220px;
right: 0;
}
#banner-carbon-credits {
margin-top: -5vw;
}
.logo-carbon-credit {
margin-bottom: -170px;
}
.img-carboncredits {
position: relative;
width: 35vw;
height: 400px;
max-width: 550px;
float: right;
margin: 10vh 0 15vh 10vh;
}
.img-carboncredits img {
height: 100%;
border-radius: 50px;
object-fit: cover;
overflow: hidden;
}
.img-carboncredits::before {
content: '';
position: absolute;
top: 60px;
right: -60px;
height: 100%;
width: 100%;
background-color: var(--third-color2);
border-radius: 50px;
z-index: -1;
}
.img-carboncredits::after {
content: url(//offgridsun.com/wp-content/themes/iimage-boiler/assets/images/carbon-offset-project-developer.png);
position: absolute;
top: -160px;
right: -160px;
border-radius: 50px;
z-index: 10;
transform: scale(0.5);
} #accordion-prodotti .accordion-item {
border: none;
border-bottom: 1px solid var(--third-color2);
}
#accordion-prodotti .accordion-item:first-of-type,
#accordion-prodotti .accordion-item:first-child .accordion-button {
border-top-left-radius: 15px !important;
border-top-right-radius: 15px !important;
}
#accordion-prodotti .accordion-item:last-of-type {
border-bottom-left-radius: 15px !important;
border-bottom-right-radius: 15px !important;
}
.accordion-button:focus {
box-shadow: none;
}
#accordion-prodotti .accordion-button:not(.collapsed) {
background-color: #FEEDAE !important;
color: var(--third-color) !important;
}
.accordion-button::after {
background-image: none !important;
content: '\f078';
color: var(--third-color);
font-family: "Font Awesome 6 Pro" !important;
}
#accordion-files .accordion-button::after,
#accordion-categorie-blog .accordion-button::after {
background-image: none !important;
content: '\f078';
color: #C2C2C1;
font-size: 22px;
font-family: "Font Awesome 6 Pro" !important;
} .storia-row {
position: relative;
overflow: hidden;
}
.storia-row:after {
content: '';
width: 3px;
height: calc(100% - 48px);
left: 50%;
transform: translateX(-50%);
position: absolute;
top: 48px;
background-color: #EEE;
z-index: -1;
}
.storia__item.order-lg-1:after {
width: 0;
height: 0;
line-height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid var(--third-color2);
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 4px;
}
.storia__item.order-lg-3:after {
width: 0;
height: 0;
line-height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid var(--second-color5);
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 6px;
}
#storia .icona {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.icona--min-width {
min-width: 80px;
}
.icona--storia {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.icona i {
font-size: 45px;
}
.icona--storia i {
font-size: 35px;
} #tabella-dati-tecnici ul {
padding: 0;
margin: 0;
list-style-position: inside;
} .read-more {
transition: 0.1s ease-in-out;
}
.read-more:hover {
opacity: 0.7;
color: inherit !important;
}
.copyright-size {
font-size: 11px;
}
.background {
background-position: center center;
background-size: cover;
}
.background::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.60);
}
.slider-height {
height: calc(100vh - 139px);
}
.slider-height-short {
height: 50vh;
}
.img-after:after,
.box-hover-effect,
.box-hover-effect h3,
.box-hover-effect img {
transition: .15s ease-in-out;
}
.box-hover-effect:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
} #sezione-blog .img-after {
height: 240px;
} .img-after:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: transparent;
}
#sezione-prodotti .box-hover-effect:hover {
background-color: var(--first-color);
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
}
.box-hover-effect:hover .img-after:after {
background-color: var(--first-color);
opacity: 0.4;
}
#sezione-prodotti .box-hover-effect:hover h3 {
color: var(--white-color) !important;
}
.icona {
height: 50px;
width: 50px;
}
.icona-settore {
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
}
.icona-settore-big {
position: absolute;
top: -80px;
left: 50%;
transform: translateX(-50%);
}
.icona-cat-prodotto {
position: absolute;
bottom: 25px;
left: 25px;
z-index: 1000;
}
.icona-settore>div,
.icona-settore-2>div,
.icona-cat-prodotto>div {
height: 80px;
width: 80px;
background: transparent linear-gradient(225deg, var(--first-color) 0%, var(--second-color) 100%) 0% 0% no-repeat padding-box;
}
.icona-settore-big>div {
height: 115px;
width: 115px;
border-radius: 60px;
background: transparent linear-gradient(225deg, var(--first-color) 0%, var(--second-color) 100%) 0% 0% no-repeat padding-box;
}
.img-decoration {
position: relative;
float: right;
margin: 0 0 6vw 8vw;
}
#intestazione-prodotto .img-decoration {
float: none !important;
margin: 0;
position: relative;
}
#pagina-prodotti .img-decoration img {
width: 35vw;
max-width: 550px;
}
.img-decoration::after {
content: '';
position: absolute;
top: 60px;
height: 100%;
width: 100%;
background-color: var(--third-color2);
border-radius: 15px;
z-index: -1;
}
.right:after {
left: 60px;
}
.left:after {
left: -60px;
}
.border-bottom {
border-bottom: 1px solid #e7e7e7 !important;
}
.border-left {
border-left: 1px solid #e7e7e7 !important;
}
.download-icon {
font-size: 14px;
height: 30px;
width: 30px;
}
.fascia-richiedi-info {
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
padding: 200px 0 160px 0;
}
.grafica-info {
position: absolute;
top: 0;
left: -90%;
width: 90%;
}
#pagina-contatti a {
transition: .1s ease-in-out;
}
#pagina-contatti a:hover {
opacity: 0.7;
}
#pagina-contatti .box-form {
margin-top: -150px;
}
.img-obiettivi {
width: 120px;
}
.mt-negativo {
margin-top: -80px;
}
.box-sezione-alternata {
position: relative;
}
.box-sezione-alternata.dispari {
margin-left: -180px;
}
.box-sezione-alternata.pari {
margin-right: -180px;
}
.badge-sezione-alternata {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 150px;
width: 150px;
display: flex;
align-items: center;
justify-content: center;
font-size: 60px;
color: #ffffff;
left: -150px;
border-radius: 15px 0 0 15px;
display: none !important
}
.badge-left {
left: -150px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.badge-right {
right: -150px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
left: 100%;
}
.box-sezione-alternata #editor ul {
margin-bottom: 0 !important;
}
.box-before::before {
content: '';
position: absolute;
bottom: -60px;
left: -60px;
height: 70%;
width: calc(100% + 60px);
background-color: var(--third-color2);
border-radius: 50px;
z-index: -1;
}
.img-badge {
position: absolute;
top: -280px;
left: -131px;
width: 350px;
}
.scale {
transition: .2s ease-in-out;
}
.scale:hover {
transform: scale(1.05);
}
#contenuto-articolo-blog .sticky-top {
top: 100px;
}
iframe {
width: 100%;
height: 600px;
border-radius: 20px;
}
.img-dopo {
position: relative;
}
.mg-negative-120-desktop {
margin-top: -120px;
}
.ii {
position: absolute;
transform: rotateY(180deg);
top: 20%;
right: 40px;
z-index: 100;
}
.photogallery-after:after {
content: '';
position: absolute;
height: 100%;
width: calc(100% + 60px);
left: -60px;
top: 60px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
background-color: var(--third-color2);
z-index: -1;
}
.wpml-ls-native {
margin-right: 10px !important;
}
.wpml-ls-native:last-of-type {
margin-right: 0;
}
#iubenda_policy .iub_content {
padding: 0 !important;
} #input_3_13 {
padding: 0 5px !important;
background-color: #f5f5f5;
}
#input_3_13 {
padding: 0 5px !important;
background-color: #f5f5f5;
}
#input_3_15 {
background-color: #ffffff;
}
#gform_submit_button_3 {
color: var(--white-color);
background: linear-gradient(180deg, #FEC907 0%, #F9B106 37%, #F18705 100%) 0% 0% no-repeat padding-box;
text-decoration: none;
padding: 13px;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
border-radius: 15px;
box-shadow: 0px 3px 20px #57575652;
}
#gform_submit_button_3:hover {
background-color: #FEC907;
}
.gform_title {
font-size: 32px;
color: var(--first-color);
font-weight: 700 !important;
}@media (max-width: 991.98px) {
.img-decoration img {
width: 100%;
max-width: auto;
}
.img-decoration {
position: relative;
float: none;
margin: 0;
}
.img-decoration::after {
display: none;
}
#contattiForm .box-form {
margin-top: 0;
}
#sezione-progetti .img-after {
height: auto;
}
.badge-carboncredits {
top: -47vh;
right: auto;
left: 5px;
width: 230px !important;
}
.img-carboncredits {
width: 100%;
height: auto;
margin: 0 0 12vh 0;
}
.img-carboncredits::before {
display: none;
}
.img-carboncredits::after {
transform: scale(0.4);
top: 100px;
right: -150px;
}
.img-obiettivi {
width: 49%;
}
#pagina-prodotti .img-decoration img {
width: 100%;
max-width: auto;
}
.box-sezione-alternata.pari,
.box-sezione-alternata.dispari {
margin-left: 0;
margin-right: 0;
}
.badge-sezione-alternata {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
border-radius: 15px;
}
.box-sezione-alternata #editor {
margin-top: 0px;
padding-top: 80px !important;
}
.storia-row:after {
content: '';
width: 3px;
height: calc(100% + 56px);
left: 32px;
transform: translateX(-50%);
position: absolute;
top: 0;
background-color: #EEE;
z-index: -1;
}
.storia__item.order-lg-1:after {
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid var(--third-color2);
border-left: 0;
}
.storia__item:after {
left: 0px !important;
}
#storia .icona--storia {
border-radius: 15px !important;
}
#storia .icona--storia i {
font-size: 35px;
}
.mt-70 {
margin-top: 0;
}
.form-absolute {
position: relative;
top: auto;
transform: translateY(0);
margin-top: 48px;
margin-bottom: -250px;
}
.mobile-menu {
left: -3rem;
}
.form-container {
margin: 80px 0 230px 0;
}
.slider-height-short {
height: auto !important;
min-height: 400px !important;
}
.box-before::before { display: none;
}
.img-badge {
top: -115%;
left: 50%;
width: 202px;
transform: translateX(-50%);
}
#contenuto-articolo-blog iframe {
height: 250px;
}
.mg-negative-120-desktop {
margin-top: 0;
}
#slider-homepage .h1-size {
font-size: 28px;
padding: 0 30px;
}
#mobile-bar .button-small { padding: 10px 20px; }
.wpml-ls ul {
display: flex;
}
.wpml-mobile-menu ul {
padding-left: 4px !important;
}
.wpml-mobile-menu ul li {
padding: 10px 0 !important;
}
.wpml-mobile-menu ul li a {
color: var(--first-color) !important;
font-size: 20px !important;
font-weight: bold;
}
#pagina-contatti .box-form {
margin-top: 0;
}
}
@media (max-width: 575.98px) {}
@media (min-width: 576px) and (max-width: 767.98px) {}
@media (min-width: 576px) {}
@media (max-width: 767.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {
#gtmMailMenu span, #gtmPhoneMenu span, #MarkerMenu span {
display: none!important
}
}
@media (min-width: 992px) {}
@media (max-width: 1199.98px) {}
@media (min-width: 1200px) {}@keyframes aslAnFadeInDrop {
0% {
opacity: 0;
transform: translate(0, -50px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@-webkit-keyframes aslAnFadeInDrop {
0% {
opacity: 0;
transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
}
100% {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
}
@keyframes aslAnFadeOutDrop {
0% {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
100% {
opacity: 0;
transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
}
}
@-webkit-keyframes aslAnFadeOutDrop {
0% {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
100% {
opacity: 0;
transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
}
}
.hiddend {
display: none !important;
}
div.asl_w.asl_an_fadeInDrop,
div.asl_w.asl_an_fadeOutDrop {
-webkit-animation-duration: 100ms;
animation-duration: 100ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
div.asl_w.asl_an_fadeInDrop {
animation-name: aslAnFadeInDrop;
-webkit-animation-name: aslAnFadeInDrop;
}
div.asl_w.asl_an_fadeOutDrop {
animation-name: aslAnFadeOutDrop;
-webkit-animation-name: aslAnFadeOutDrop;
}
div.asl_w.asl_main_container {
transition: width 130ms linear;
-webkit-transition: width 130ms linear;
}
div.asl_w,
div.asl_w *,
div.asl_r,
div.asl_r *,
div.asl_s,
div.asl_s * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
text-transform: none;
text-shadow: none;
box-shadow: none;
text-decoration: none;
text-align: left;
letter-spacing: normal;
}
div.asl_r,
div.asl_r * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.asl_r {
box-sizing: border-box;
margin: 12px 0 0 0;
}
div.asl_m .proinput input::-ms-clear {
display: none !important;
width: 0 !important;
height: 0 !important;
}
div.asl_m .proinput input::-ms-reveal {
display: none !important;
width: 0 !important;
height: 0 !important;
}
div.asl_m input[type="search"]::-webkit-search-decoration,
div.asl_m input[type="search"]::-webkit-search-cancel-button,
div.asl_m input[type="search"]::-webkit-search-results-button,
div.asl_m input[type="search"]::-webkit-search-results-decoration {
display: none;
}
div.asl_m input[type="search"] {
appearance: auto !important;
-webkit-appearance: none !important;
}
.clear {
clear: both;
}
.hiddend {
display: none;
}
div.asl_m textarea:focus,
div.asl_m input:focus {
outline: none;
}
div.asl_m {
width: 100%;
height: auto;
border-radius: 0;
background: rgba(255, 255, 255, 0);
overflow: hidden;
position: relative;
z-index: 200;
}
div.asl_m .probox {
width: auto;
border-radius: 5px;
background: #fff;
overflow: hidden;
border: 1px solid #fff;
box-shadow: 1px 0 3px #ccc inset;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}
div.asl_m .probox .proinput {
width: 1px;
height: 100%;
margin: 0 0 0 10px;
padding: 0 5px;
float: left;
box-shadow: none;
position: relative;
flex: 1 1 auto;
-webkit-flex: 1 1 auto;
order: 5;
-webkit-order: 5;
}
div.asl_m .probox .proinput form {
height: 100%; margin: 0 !important;
padding: 0 !important;
display: block !important;
max-width: unset !important;
}
div.asl_m .probox .proinput input:before,
div.asl_m .probox .proinput input:after,
div.asl_m .probox .proinput form:before,
div.asl_m .probox .proinput form:after {
display: none;
}
div.asl_m .probox .proinput input {
height: 28px;
border: 0;
background: transparent;
width: 100%;
box-shadow: none;
margin: -1px;
padding: 0;
left: 0;
line-height: normal !important;
display: block;
min-height: unset;
max-height: unset;
}
div.asl_m .probox .proinput input::-webkit-input-placeholder {
opacity: .85;
}
div.asl_m .probox .proinput input::-moz-placeholder {
opacity: .85;
}
div.asl_m .probox .proinput input:-ms-input-placeholder {
opacity: .85;
}
div.asl_m .probox .proinput input:-moz-placeholder {
opacity: .85;
}
div.asl_m .proinput input.orig {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
background-color: transparent !important;
box-shadow: none !important;
z-index: 10;
position: relative;
}
div.asl_m .proinput input.autocomplete {
padding: 0 !important;
margin: 0;
background: transparent !important;
border: none !important;
background-color: transparent !important;
box-shadow: none !important;
opacity: .2;
}
div.asl_m .probox .proinput input.autocomplete {
border: 0;
background: transparent;
width: 100%;
box-shadow: none;
margin: 0;
margin-top: -28px !important;
padding: 0;
left: 0;
position: relative;
z-index: 9;
}
div.asl_m .probox .proinput.iepaddingfix {
padding-top: 0;
}
div.asl_m .probox .proinput .loading {
width: 32px;
background: #000;
height: 100%;
box-shadow: none;
}
div.asl_m .probox .proloading,
div.asl_m .probox .proclose,
div.asl_m .probox .promagnifier,
div.asl_m .probox .prosettings {
width: 20px;
height: 20px;
background: none;
background-size: 20px 20px;
float: right;
box-shadow: none;
margin: 0;
padding: 0;
text-align: center;
flex: 0 0 auto;
-webkit-flex: 0 0 auto;
z-index: 100;
}
div.asl_m .probox .promagnifier {
order: 10;
-webkit-order: 10;
}
div.asl_m .probox .prosettings {
order: 1;
-webkit-order: 1;
}
div.asl_m .probox .proloading,
div.asl_m .probox .proclose {
background-position: center center;
display: none;
background-size: auto;
background-repeat: no-repeat;
background-color: transparent;
order: 6;
-webkit-order: 6;
}
div.asl_m .probox .proclose {
position: relative;
cursor: pointer;
}
div.asl_m .probox .promagnifier .innericon,
div.asl_m .probox .prosettings .innericon,
div.asl_m .probox .proclose .innericon {
background-size: 20px 20px;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
line-height: initial;
display: block;
}
div.asl_m .probox .promagnifier .innericon svg,
div.asl_m .probox .prosettings .innericon svg,
div.asl_m .probox .proloading svg {
height: 100%;
width: 22px;
vertical-align: baseline;
display: inline-block;
}
div.asl_m .probox .proloading {
padding: 2px;
box-sizing: border-box;
}
div.asl_m .probox div.asl_loader,
div.asl_m .probox div.asl_loader * {
box-sizing: border-box !important;
margin: 0;
padding: 0;
box-shadow: none;
}
div.asl_m .probox div.asl_loader {
box-sizing: border-box;
display: flex;
flex: 0 1 auto;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 28px;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
div.asl_m .probox div.asl_loader-inner {
width: 100%;
margin: 0 auto;
text-align: center;
height: 100%;
}
@-webkit-keyframes rotate-simple {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-simple {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
div.asl_m .probox div.asl_simple-circle {
margin: 0;
height: 100%;
width: 100%;
animation: rotate-simple .8s infinite linear;
-webkit-animation: rotate-simple .8s infinite linear;
border: 4px solid #fff;
border-right-color: transparent !important;
border-radius: 50%;
box-sizing: border-box;
}
div.asl_m .probox .proclose svg {
background: #333;
border-radius: 50%;
position: absolute;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
left: 50%;
margin-left: -10px;
fill: #fefefe;
padding: 4px;
box-sizing: border-box;
box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
}
div.asl_r * {
text-decoration: none;
text-shadow: none;
}
div.asl_r .results .asl_nores {
overflow: hidden;
width: auto;
height: 100%;
line-height: initial;
text-align: center;
margin: 0;
background: #fff;
padding: 10px 3px;
color: #222;
}
div.asl_r.horizontal {
padding: 2px 0 10px;
}
div.asl_r.horizontal .results .nores {
background: transparent;
}
div.asl_r .results {
overflow: hidden;
width: auto;
height: 0;
margin: 0;
padding: 0;
}
div.asl_r.horizontal .results {
height: auto;
width: auto;
}
div.asl_r .results .item {
overflow: hidden;
width: auto;
margin: 0;
padding: 3px;
position: relative;
background: #f4f4f4;
border-left: 1px solid rgba(255, 255, 255, .6);
border-right: 1px solid rgba(255, 255, 255, .4);
animation-delay: 0s;
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: ease;
backface-visibility: hidden;
-webkit-animation-delay: 0s;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-timing-function: ease;
-webkit-backface-visibility: hidden;
}
div.asl_r.vertical .results .item:last-child {
margin-bottom: 0;
}
div.asl_r.vertical .results .item:last-child:after {
height: 0;
margin: 0;
width: 0;
}
div.asl_r .results .item .asl_image {
overflow: hidden;
background: transparent;
margin: 2px 8px 0 0;
padding: 0;
float: left;
background-position: center;
background-size: cover;
}
div.asl_r .results .item .asl_image img {
width: 100%;
height: 100%;
}
div.asl_r .results .item .asl_content {
overflow: hidden;
height: auto;
background: transparent;
margin: 0;
padding: 3px 3px 5px 3px;
}
div.asl_r .results .item .asl_content h3 {
margin: 0;
padding: 0;
display: inline;
line-height: inherit;
}
div.asl_r .results .item .asl_content .asl_desc {
margin-top: 4px;
font-size: 12px;
line-height: 18px;
}
div.asl_r .results .item div.etc {
margin-top: 4px;
}
div.asl_r .results a span.overlap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
div.asl_r p.showmore {
text-align: center;
padding: 0;
margin: 0;
font-weight: normal;
font-family: Open Sans;
color: #055e94;
font-size: 12px;
line-height: 30px;
text-shadow: 0 0 0 rgba(255, 255, 255, 0);
background-color: #fff;
margin-top: 3px;
cursor: pointer;
}
div.asl_r p.showmore span {
font-weight: normal;
font-family: Open Sans;
color: #055e94;
font-size: 12px;
line-height: 30px;
text-shadow: 0 0 0 rgba(255, 255, 255, 0);
display: block;
text-align: center;
cursor: pointer;
}
.results .asl_nores .asl_keyword {
padding: 0 6px;
cursor: pointer;
font-weight: bold;
font-family: Open Sans;
}
div.asl_r .resdrg {
height: auto;
}
div.asl_w .group:first-of-type {
margin: 0 0 -3px;
}
div.asl_s.searchsettings {
width: 200px;
height: auto;
position: absolute;
display: none;
z-index: 1101;
border-radius: 0 0 3px 3px;
visibility: hidden;
padding: 0;
}
div.asl_s.searchsettings form {
display: flex;
flex-wrap: wrap;
margin: 0 0 12px 0 !important;
padding: 0 !important;
}
div.asl_s.searchsettings .asl_option_inner {
margin: 2px 10px 0 10px;
*padding-bottom: 10px;
}
div.asl_s.searchsettings.ie78 .asl_option_inner {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
div.asl_s.searchsettings .asl_option_label {
font-size: 14px;
line-height: 20px !important;
margin: 0;
width: 150px;
text-shadow: none;
padding: 0;
min-height: 20px;
border: none;
background: transparent;
float: none;
}
div.asl_s.searchsettings .asl_option_inner input[type=checkbox] {
display: none !important;
}
div.asl_s.searchsettings.ie78 .asl_option_inner input[type=checkbox] {
display: block;
}
div.asl_s.searchsettings.ie78 .asl_option_label {
float: right !important;
}
div.asl_s.searchsettings .asl_option {
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
align-items: flex-start;
margin: 0 0 10px 0;
cursor: pointer;
}
div.asl_s.searchsettings .asl_option.asl-o-last,
div.asl_s.searchsettings .asl_option:last-child {
margin-bottom: 0;
}
div.asl_s.searchsettings .asl_option_inner {
width: 17px;
height: 17px;
position: relative;
flex-grow: 0;
-webkit-flex-grow: 0;
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox {
cursor: pointer;
position: absolute;
width: 17px;
height: 17px;
top: 0;
padding: 0;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
overflow: hidden;
font-size: 0 !important;
color: rgba(0, 0, 0, 0);
} div.asl_r.vertical .results,
div.asl_s.searchsettings .asl_sett_scroll {
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
}
div.asl_r.vertical .results {
scrollbar-color: rgba(0, 0, 0, 0.5) rgb(255,255,255);
}
div.asl_r.vertical .results::-webkit-scrollbar {
width: 10px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar {
width: 6px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-track {
background: transparent;
box-shadow: inset 0 0 12px 12px transparent;
border: none;
}
div.asl_r.vertical .results::-webkit-scrollbar-track {
background: rgb(255, 255, 255);
box-shadow: inset 0 0 12px 12px transparent;
border: solid 2px transparent;
}
div.asl_r.vertical .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
background: transparent;
box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0);
border: solid 2px transparent;
border-radius: 12px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
border: none;
}
div.asl_r.vertical:hover .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings:hover .asl_sett_scroll::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5);
}
@media (hover: none), (max-width: 500px) {
div.asl_r.vertical .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5);
}
} div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:after {
opacity: 0;
font-family: 'aslsicons2';
content: "\e800";
font-weight: normal !important;
background: transparent;
border: none !important;
box-sizing: content-box;
color: #fff;
height: 100%;
width: 100%;
padding: 0 !important;
margin: 1px 0 0 0 !important;
line-height: 17px;
text-align: center;
text-decoration: none;
text-shadow: none;
display: block;
font-size: 11px !important;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
div.asl_s.searchsettings.ie78 .asl_option_inner .asl_option_checkbox:after {
display: none;
}
div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:hover::after {
opacity: .3;
}
div.asl_s.searchsettings .asl_option_inner input[type=checkbox]:checked+.asl_option_checkbox:after {
opacity: 1;
}
div.asl_s.searchsettings fieldset {
position: relative;
float: left;
}
div.asl_s.searchsettings fieldset {
background: transparent;
font-size: .9em;
margin: 12px 0 0 !important;
padding: 0;
width: 192px;
}
div.asl_s.searchsettings fieldset .asl_option_label {
width: 130px;
display: block;
}
div.asl_s.searchsettings form fieldset legend {
padding: 5px 0 8px 10px;
}
#asl_hidden_data {
display: none !important;
}
.asl_r .item { .asl__af-tt-container {
position: relative;
z-index: 2;
.asl__af-tt-link {
transition: opacity 0.2s;
&:hover {
opacity: 0.7;
}
}
}
.average-rating {
--percent: 0%;
--color: #2EA3F2;
--bg-color: rgba(0,0,0,0.2);
--size: 17px;
position: relative;
appearance: none;
width: auto;
display: inline-block;
vertical-align: baseline;
font-size: var(--size);
line-height: calc(var(--size) - 15%);
color: var(--bg-color);
background: linear-gradient(90deg, var(--color) var(--percent), var(--bg-color) var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.asl_r .item {
.price {
--regular-price-color: #666;
--sale_price_color: #666;
color: var(--regular-price-color);
del {
opacity: .5;
display: inline-block;
text-decoration: line-through;
color: var(--regular-price-color);
}
ins {
margin-left: 0.5em;
text-decoration: none;
font-weight: 700;
display: inline-block;
color: var(--sale_price_color);
}
}
.add-to-cart-container {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
z-index: 10;
width: 100%;
margin: 12px 0;
.add-to-cart-quantity {
padding: 8px 0 8px 8px;
background: #eaeaea;
width: 32px;
border-radius: 4px 0 0 4px;
height: 18px;
min-height: unset;
display: inline-block;
font-size: 13px;
line-height: normal;
}
.add-to-cart-button {
padding: 8px;
border-radius: 4px;
background: #6246d7;
color: white;
height: 18px;
min-height: unset;
display: block;
text-align: center;
min-width: 90px;
font-size: 13px;
line-height: normal;
&.add-to-cart-variable {
border-radius: 4px;
}
&.loading {
content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
}
a.added_to_cart {
flex-basis: 100%;
margin-top: 8px;
}
}
.add-to-cart-container:has(.add-to-cart-quantity) {
.add-to-cart-button {
border-radius: 0 4px 4px 0;
}
}
}
.rtl .asl_content,
.rtl .asl_nores,
.rtl .asl_content *,
.rtl .asl_nores *,
.rtl .searchsettings form {
text-align: right !important;
direction: rtl !important;
}
.rtl .asl_nores>* {
display: inline-block;
}
.rtl div.asl_r .results .item .asl_image {
float: right;
margin: 2px 0 0 8px;
}
.rtl .searchsettings .asl_option {
flex-direction: row-reverse !important;
-webkit-flex-direction: row-reverse !important;
}
.rtl .asl_option {
direction: ltr;
}
.rtl .asl_label,
.rtl .asl_option div.asl_option_label {
text-align: right !important;
}
.rtl .asl_label {
max-width: 1000px !important;
width: 100%;
direction: rtl !important;
}
.rtl .asl_label input[type=radio] {
margin: 0 0 0 6px !important;
}
.rtl .asl_option_cat_level-0 div.asl_option_label {
font-weight: bold !important;
}
.rtl fieldset .asl_option_cat_level-1 {
margin-right: 12px !important;
margin-left: 0;
}
.rtl fieldset .asl_option_cat_level-2 {
margin-right: 24px !important;
margin-left: 0;
}
.rtl fieldset .asl_option_cat_level-3 {
margin-right: 36px !important;
margin-left: 0;
}
.rtl .searchsettings legend {
text-align: right !important;
display: block;
width: 100%;
}
.rtl .searchsettings input[type=text],
.rtl .searchsettings select {
direction: rtl !important;
text-align: right !important;
}
.rtl div.asl_w.asl_s.searchsettings form,
.rtl div.asl_w.asl_sb.searchsettings form {
flex-direction: row-reverse !important;
}
.rtl div.horizontal.asl_r div.item {
float: right !important;
}
.rtl p.asl-try {
direction: rtl;
text-align: right;
margin-right: 10px;
width: auto !important;
}