.fixed-top {
position: fixed !important;
}
.google-map {
width: 100%;
min-height: 307px;
border-radius: 20px;
}
.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
background: var(--white-color);
display: flex;
justify-content: center;
align-items: center;
}
.spinner-border {
border: var(--bs-spinner-border-width) solid var(--primary-color);
border-right-color: var(--primary-color-light);
} .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;
} .w-100 {
height: auto;
}
.h-100 {
width: auto;
}
.min-height-page {
min-height: 60vh;
}
.splide__arrow--prev {
left: -30px;
}
.splide__arrow--next {
right: -30px;
}
#gallery .splide__arrow--prev {
left: -45px;
}
#gallery .splide__arrow--next {
right: -45px;
}
.splide__pagination__page {
opacity: 1;
background: var(--primary-color-light);
}
#gallery .splide__pagination__page {
bottom: -2.5em;
}
.splide__pagination__page.is-active {
background: var(--primary-color);
}
.index-99 {
z-index: 99;
}@font-face {
font-family: 'DM Sans';
src: url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Regular.eot);
src: url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Regular.eot?#iefix) format('embedded-opentype'),
url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Regular.woff2) format('woff2'),
url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Regular.woff) format('woff'),
url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Regular.ttf) format('truetype'),
url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Regular.svg#DMSans-Regular) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Bold.eot);
src: url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Bold.woff2) format('woff2'),
url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Bold.woff) format('woff'),
url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Bold.ttf) format('truetype'),
url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/css/fonts/dm-sans/DMSans-Bold.svg#DMSans-Bold) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
} :root {
--primary-color: #412782;
--primary-color-light: rgba(236, 233, 242);
--secondary-color: #067a35;
--secondary-color-light: rgba(226, 239, 232);
--light-color: #F8F8F8;
--black-color: #333333;
--white-color: #fff;
--border-solid-color: #EEE;
--font-family: 'DM Sans', Fallback, sans-serif;
}
::selection {
color: black;
background: var(--primary-color-light);
}
body {
font-family: var(--font-family);
color: var(--black-color);
line-height: 28px;
font-size: 16px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-weight: bold;
}
h1,
.h1 {
font-size: 60px;
}
a {
color: var(--black-color);
text-decoration: none;
}
a:hover {
color: var(--black-color);
}
.underline-link,
.single-post-blog a,
main section a:not(#single-prodotto a):not(#servizi a):not(#richiediInformazioni):not(#single-servizio a):not(aside a):not(#tax a):not(.bottone-cerchio) {
background:
linear-gradient(to right, var(--primary-color), var(--primary-color));
background-size: 100% 0.1em, 0 0.1em;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: background-size 400ms;
color: var(--primary-color)
}
#tax a:not(#richiestaInfo) {
background:
linear-gradient(to right, var(--primary-color), var(--primary-color));
background-size: 100% 0.1em, 0 0.1em;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: background-size 400ms;
color: var(--primary-color);
}
#tax a:not(#richiestaInfo):hover {
background-size: 0 0.1em, 100% 0.1em;
color: var(--secondary-color)
}
.underline-link:hover,
.underline-link:focus,
.single-post-blog a:hover,
.single-post-blog a:focus,
main section a:hover {
background-size: 0 0.1em, 100% 0.1em;
color: var(--secondary-color)
} .primary-bg {
background-color: var(--primary-color);
}
.primary-bg-light {
background-color: var(--primary-color-light);
}
.secondary-bg {
background-color: var(--secondary-color);
}
.secondary-bg-light {
background-color: var(--secondary-color-light);
}
.light-bg {
background-color: var(--light-color);
}
.black-bg {
background-color: var(--black-color);
}
.white-bg {
background-color: var(--white-color);
}
.custom-shadow {
box-shadow: 0 0 20px 0px rgba(33, 49, 89, 0.08);
}
.border-radius-20 {
border-radius: 20px !important;
} .primary-text {
color: var(--primary-color);
}
.titoletto {
text-transform: uppercase;
font-size: 1rem;
color: var(--primary-color);
}
#editor a {} .primary-button,
.gform-button {
font-family: var(--font-family);
color: var(--white-color);
background-color: var(--primary-color);
padding: 10px 20px;
transition: 0.2s ease-in-out;
line-height: 1.5;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2.5px solid var(--primary-color);
border-radius: 10px;
font-weight: bold;
text-decoration: none !important
}
.primary-button:hover,
.gform-button:hover {
background-color: var(--secondary-color);
color: #fff;
border-color: var(--secondary-color);
}
.btn-primary {
font-family: var(--font-family);
color: var(--white-color);
background-color: var(--primary-color);
padding: 10px 20px;
transition: 0.2s ease-in-out;
line-height: 1.5;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2.5px solid var(--primary-color);
border-radius: 10px;
font-weight: bold;
text-decoration: none !important
}
.btn-primary:hover {
background-color: var(--secondary-color);
color: #fff;
border-color: var(--secondary-color);
}
.bottone-cerchio {
min-width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-left: 1.5rem;
}  .mt-70 {
margin-top: 70px;
}
#breadcrumbs {
opacity: 0.5;
}
#breadcrumbs,
#breadcrumbs a {
color: var(--black-color);
font-size: 14px;
margin-bottom: 0;
text-decoration: none !important;
background: none;
}
.btn-secondary {
font-family: var(--font-family);
color: var(--white-color);
background-color: var(--secondary-color);
padding: 10px 20px;
transition: 0.2s ease-in-out;
line-height: 1.5;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2.5px solid var(--secondary-color);
border-radius: 10px;
font-weight: bold;
text-decoration: none !important
}
.btn-secondary:hover {
background-color: var(--white-color);
color: #fff;
border-color: var(--secondary-color);
color: var(--secondary-color);
}
#ajaxsearchlite1 .probox,
div.asl_w .probox {
padding: 8px !important;
height: 20px !important;
background-color: #f2f2f2 !important;
border: 2px solid #fff !important;
}
#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input,
div.asl_w .probox .promagnifier {
margin-top: -3px !important;
}
div.asl_w .probox .proclose {
margin-top: -3px !important;
}
#ajaxsearchliteres1 img.asl_image {
width: 50px !important;
height: 50px !important;
}#header {
z-index: 999;
background-color: white;
transition: 0.3s ease-in-out;
}
#menuDesktop {
transition: 0.3s ease-in-out;
background-color: white;
}
#menu-menu-principale {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
margin-bottom: 0;
}
#menu-menu-principale .menu-item {
padding: 0 20px;
}
#menu-menu-principale .menu-item a {
font-weight: normal;
font-size: 13px;
}
#menu-menu-principale .menu-item {
position: relative;
}
#menu-menu-principale .menu-item-has-children a:after,
.prodotti_menu li a:after {
content: "\f078";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin-left: 0.3rem;
transition: 0.3s ease-in-out;
position: relative;
font-size: 9px;
bottom: 2px;
color: var(--black-color);
}
.prodotti_menu li:last-child a:after {
display: none !important
}
#menu-menu-principale .menu-item-has-children:hover a:after,
.prodotti_menu li:active a:after,
.prodotti_menu li:focus a:after,
.prodotti_menu li:hover a:after {
content: "\f077";
}
#menu-menu-principale .sub-menu {
list-style: none;
opacity: 0;
visibility: hidden;
transform: translateY(-1rem);
transition: 0.3 ease-in-out;
position: absolute;
left: 0;
min-width: 280px;
padding: 0.5rem 0;
top: 40px;
transform: translateY(1rem);
transition: 0.3s ease-in-out;
box-shadow: 0 0 20px 0px rgba(33, 49, 89, 0.08);
border-radius: 10px;
z-index: 10;
}
#menu-menu-principale .sub-menu {
background-color: var(--primary-color-light);
}
#menu-menu-principale .sub-menu li {
padding-right: 0;
padding-left: 0;
}
#menu-menu-principale .sub-menu li a {
padding: 0.2rem 0.8rem;
transition: 0.3s ease-in-out;
color: var(--black-color);
display: block;
}
#menu-menu-principale .sub-menu li a:after {
content: '' !important;
}
#menu-menu-principale .sub-menu li a:hover {
color: var(--white-color);
background-color: var(--primary-color)
}
#menu-menu-principale .menu-item:hover .sub-menu {
transform: translateY(-5px);
opacity: 1;
visibility: visible;
}
.logo-container {
min-height: 69px;
width: 200px;
display: flex;
justify-content: center;
align-items: center;
}
.prodotti_menu {
display: flex;
justify-content: space-between;
align-items: center;
list-style: none;
margin-bottom: 0;
padding: 0;
}
.prodotti_menu li a {
color: var(--black-color);
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.prodotti_menu li.open a {
color: var(--primary-color);
font-weight: bold;
}
.menu-prodotti__item.active a {
color: var(--black-color) !important;
}
.menu-prodotti__item.active .menu-prodotti__item__subitem {
opacity: 1;
visibility: visible;
}
.submenu-absolute {
width: 100%;
height: auto;
max-height: 80vh;
top: 125px;
overflow: auto;
font-size: 13px;
border-radius: 0 0 20px 20px !important;
border-top: var(--bs-border-width) var(--bs-border-style) var(--primary-color) !important;
}
#menu-menu-prodotti li:hover .term-link {
color: var(--primary-color);
}
.menu-prodotti__item__subitem a.secondary-button {
padding-left: 2rem;
color: white !important;
}
.menu-prodotti__item__subitem a.secondary-button:hover {
padding-left: 2rem;
color: var(--secondary-color) !important;
}
.menu-prodotti__gallery-item {
border-radius: 50px;
width: 130px;
min-height: 45px;
padding: 0.2rem 0.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.menu-prodotti__gallery-item img {
max-height: 35px;
}
.submenu-h4 {
border-bottom: 1px solid #f1f1f1;
font-size: 14px !important;
}
.submenu-categorie {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}
.submenu-categorie li {
border-bottom: 1px solid #f2f2f2;
padding: 2px 0;
}
.label-categoria-menu {
font-size: 26px;
font-weight: bold;
background-color: rgba(6, 122, 53, 0.7);
border-radius: 0 0 20px 20px;
margin-bottom: 0px;
width: 100%
}
.hover-underline-animation:after {
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
background: #fff;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.hover-underline-animation:hover:after {
width: 100%;
left: 0;
} .navbar__menu__hamburger__item {
width: 35px;
height: 2.5px;
background-color: var(--color);
position: relative;
transition: 0.3s ease-in-out;
}
.navbar__menu__hamburger__item--top {
top: 0;
}
.navbar__menu__hamburger__item--center {
margin-top: 9px;
margin-bottom: 9px;
transition: 0.3s ease-in-out;
}
.navbar__menu__hamburger__item--bottom {
bottom: 0;
}
#iconMobile.open .navbar__menu__hamburger__item--center {
opacity: 0;
transition: 0.3s ease-in-out;
}
#iconMobile.open .navbar__menu__hamburger__item--top {
transform: rotate(45deg);
transition: 0.3s ease-in-out;
top: 11px;
}
#iconMobile.open .navbar__menu__hamburger__item--bottom {
transform: rotate(-45deg);
transition: 0.3s ease-in-out;
bottom: 11px;
}  .probox {
border: none !important;
padding: 5px !important;
border-radius: 50px !important;
background-color: rgb(227, 227, 227) !important;
}
.probox input {
font-size: 16px !important;
}
.proinput {
min-width: 250px;
}
#ajaxsearchpro1_1 .probox .promagnifier {
box-shadow: none !important;
} .navbar__menu__hamburger__item {
width: 35px;
height: 4px;
background-color: var(--primary-color);
position: relative;
transition: 0.3s ease-in-out;
border-radius: 2px;
}
.navbar__menu__hamburger__item--top {
top: 0;
}
.navbar__menu__hamburger__item--center {
margin-top: 7px;
margin-bottom: 7px;
transition: 0.3s ease-in-out;
}
.navbar__menu__hamburger__item--bottom {
bottom: 0;
}
#iconMobile.open .navbar__menu__hamburger__item--center {
opacity: 0;
transition: 0.3s ease-in-out;
}
#iconMobile.open .navbar__menu__hamburger__item--top {
transform: rotate(45deg);
transition: 0.3s ease-in-out;
top: 10px;
}
#iconMobile.open .navbar__menu__hamburger__item--bottom {
transform: rotate(-45deg);
transition: 0.3s ease-in-out;
bottom: 12px;
}
.mobile-menu {
position: fixed;
top: -1rem;
left: -1.5rem;
background: var(--white-color) !important;
padding-top: 170px;
display: none;
min-height: 103vh;
list-style: none;
}
.mobile-menu .menu-item {
color: var(--black-color);
display: flex;
justify-content: space-between;
padding-right: 2rem;
margin-bottom: 1rem;
width: calc(100vw - 2rem);
font-weight: bold;
}
.mobile-menu .menu-item-has-children .mobile-menu__arrow {
font-weight: 900;
right: 1rem;
transition: 0.3s ease-in-out;
bottom: 1px;
background-color: transparent;
}
.mobile-menu .menu-item a {
color: var(--black-color);
}
.mobile-menu .menu-item .sub-menu {
position: absolute;
z-index: 0;
left: 100%;
padding-left: 66px;
padding-top: 150px;
padding-bottom: 150px;
transition: 0.2s ease-in-out;
height: 103vh;
top: 0;
background: var(--white-color);
overflow: auto;
}
.mobile-menu .menu-item .sub-menu.openMenu {
left: 0%;
}
.back-arrow {
background: var(--primary-color-light);
position: absolute;
top: 0;
left: 0;
height: 103vh;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
}
.mobile-menu .wpml-ls-native {
text-transform: uppercase;
}
a.mobile-menu__arrow {
color: var(--primary-color) !important;
}footer {
background-image: url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/images/bg-footer.svg);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
content: '';
width: 100% !important;
position: relative;
z-index: 1;
transition: .7s ease-in-out;
color: var(--white-color);
}
footer a{
color: var(--white-color);
}
footer a:hover{
color: var(--white-color);
text-decoration: underline;
}
.logo-footer {
margin-bottom: -22px;
}
.footer-content {
border-radius: 40px 40px 0 0;
}
.footer-social a:hover {
text-decoration: none;
}
.copyright {
font-size: 80%;
color: #ccc;
}
.copyright a {
color: #ccc;
}
.custom-shape-divider-top-1698128724 {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
transform: rotate(180deg);
}
.custom-shape-divider-top-1698128724 svg {
position: relative;
display: block;
width: calc(100% + 1.3px);
height: 290px;
}
.custom-shape-divider-top-1698128724 .shape-fill {
fill: #FFFFFF;
}.bg-none {
background: none !important;
}
.list-unstyled li {
line-height: 20px;
transition: .1s ease-in-out;
}
.list-unstyled li:hover a {
color: var(--secondary-color);
}
#clearfix {
height: 110px;
} .object-fit {
object-fit: cover;
object-position: center;
}
#testata {
height: 100vh;
}
#testata h1 {
font-size: 70px;
text-shadow: 4px 4px 5px rgba(159, 136, 215, 0.5);
}
.container {
position: relative;
z-index: 1;
}
.overlay .primary-button:hover {
background-color: transparent;
color: var(--white-color);
}
.bg-right:after {
background-image: url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/images/bg-right.png);
background-size: contain;
background-position: bottom left;
background-repeat: no-repeat;
content: '';
width: 600px !important;
height: 600px !important;
position: absolute;
right: 0%;
top: 0%;
z-index: -1;
transition: .7s ease-in-out;
}
#bg-right,
#bg-left {
transition: all .7s ease-in-out;
}
.bg-left {
background-image: url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/images/bg-left.png);
background-size: auto;
background-position: bottom left !important;
background-repeat: no-repeat;
width: 440px;
height: 1920px;
position: absolute;
}
.bg-footer {
background-image: url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/images/bg-footer.png);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
}
.bg-center {
background-image: url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/images/bg.gif);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: #e2efe8; padding-bottom: 250px !important;
}
.badge:empty {
display: block !important;
}
.icona {
width: 80px;
height: 80px;
display: inline-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;
}
#clienti {
transform: translateY(-100px);
margin-bottom: -150px;
}
#clientiCarousel img {
filter: grayscale(1);
} .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(--secondary-color-light);
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(--primary-color-light);
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 6px;
}
.servizio__immagine:after {
content: '';
width: 100%;
height: 100%;
background-color: var(--primary-color-light);
transform: rotate(-30deg);
position: absolute;
left: 0;
top: 0;
z-index: -1;
border-radius: 20px;
}
.accordion-button:not(.collapsed) {
color: var(--primary-color);
background-color: var(--white-light);
box-shadow: none;
}
.accordion-button:focus {
z-index: 3;
border-color: transparent;
outline: 0;
box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-icon);
} .gform_required_legend {
display: none;
}
.gform-button--width-full {
border: 0;
}
.ginput_container_consent {
margin-top: 10px;
}
.contact-form-image {
margin-top: -150px;
}
#gform_1 input[type=text],
#gform_1 input[type=email],
#gform_1 textarea,
#gform_1 input[type=tel],
#gform_3 select,
#gform_3 input[type=text],
#gform_3 input[type=email],
#gform_3 input[type=file],
#gform_3 textarea,
#gform_3 input[type=tel],
#gform_3 select {
border: 1px solid var(--border-solid-color);
border-radius: 10px;
}
#gform_3 input[type=file] {
min-height: 46px;
padding: 10px;
}
.gfield_required_asterisk {
color: var(--primary-color) !important;
}
.form-container-white {
min-height: 500px;
}
.page-template-page-contatti .form {
transform: translateY(-140px);
}
#contattiForm {
margin-bottom: -140px;
}
.form-container {
min-height: 420px;
margin: 280px 0 230px 0;
}
.form-absolute {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.stampo-disegno img,
.stampo-finito img {
width: 55%;
}
.stampo-disegno {
margin-bottom: -150px;
position: relative;
}
.translate-bottom {
transform: translateY(80px);
}
#serviceSlider,
#serviceImage,
#settoreImage {
position: sticky;
top: 150px;
}
.single-prodotto h1 {
font-size: 40px;
}
#product-data a:not(.btn-secondary) {
background: none;
}
.wpml-ls-item {
padding: 0 10px !important;
}
#organizzazione i {
font-size: 80px;
margin-bottom: 20px;
color: var(--secondary-color);
}
#ajaxsearchliteres1 {
width: 400px !important;
left: 947px !important;
}
.asp_image {
margin: 2px 8px 20px 0 !important;
}
.proinput input {
font-size: 13px !important;
}
#ajaxsearchpro1_1,
#ajaxsearchpro1_2,
div.asp_m.asp_m_1 {
box-shadow: unset !important;
}
.asp_res_url {
color: var(--primary-color) !important;
}
.ce-logo {
display: flex;
align-items: center;
}
.ce-logo::before {
content: '';
background: url(//www.kbpromotion.it/wp-content/themes/iimage-boiler/assets/images/logo-ce.png);
width: 30px;
height: 30px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 8px;
border-radius: 50px;
}
.scroll-down {
width: 55px;
margin-bottom: 30px;
}
.brightness-0 {
filter: brightness(0);
}@media (max-width: 1199.98px) {
.logo-container {
min-height: 69px;
width: 150px;
}
#bg-right,
.bg-right:after {
display: none !important;
}
#bg-left,
.bg-left {
display: none !important;
}
}
@media (max-width: 991.98px) {
#ajaxsearchpro1_2 {
background: unset !important;
}
#ajaxsearchpro1_2 .probox .promagnifier {
box-shadow: unset !important;
}
.modal-content {
border: unset !important;
}
.btn-close {
width: 25px;
height: 25px;
background-size: 100%;
}
.storia-row:after {
content: '';
width: 3px;
height: calc(100% + 56px);
left: 60px;
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(--light-color);
border-left: 0;
}
.storia__item:after {
left: 0px !important;
}
.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;
}
#testata {
height: 100vh; margin-bottom: -100px;
position: relative !important;
z-index: 0 !important;
}
main.pb-5.mb-5.pt-5.mt-5 { padding-top: 50px !important;
position: relative;
z-index: 0;
}
.fototestata {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.page-template-page-contatti .form {
transform: translateY(0);
}
}
@media (max-width: 767.98px) {
#prodotti {
margin-top: 100px;
}
#searchModalBox .modal-dialog .modal-content {
top: 5vh !important;
}
#testata h1 {
font-size: 50px;
}
.mobile-menu {
left: 0rem;
}
.storia-row:after {
left: 32px;
}
#storia .icona--storia {
border-radius: 15px !important;
}
#storia .icona--storia i {
font-size: 20px;
}
h1,
.h1 {
font-size: 40px;
}
.mobile-menu {
left: 0rem;
}
.logo-footer {
margin-bottom: -13.5px;
}
.form-container {
margin: 48px 0 230px 0;
}
.stampo-disegno {
margin-bottom: -30px;
}
.stampo-disegno img,
.stampo-finito img {
width: 75%;
}
.icona {
min-width: 80px;
height: 80px;
}
footer {
background-size: 310%;
}
}.fixed-top {
position: fixed !important;
}
.google-map {
width: 100%;
min-height: 307px;
border-radius: 20px;
}
.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
background: var(--white-color);
display: flex;
justify-content: center;
align-items: center;
}
.spinner-border {
border: var(--bs-spinner-border-width) solid var(--primary-color);
border-right-color: var(--primary-color-light);
} .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;
} .w-100 {
height: auto;
}
.h-100 {
width: auto;
}
.min-height-page {
min-height: 60vh;
}
.splide__arrow--prev {
left: -30px;
}
.splide__arrow--next {
right: -30px;
}
#gallery .splide__arrow--prev {
left: -45px;
}
#gallery .splide__arrow--next {
right: -45px;
}
.splide__pagination__page {
opacity: 1;
background: var(--primary-color-light);
}
#gallery .splide__pagination__page {
bottom: -2.5em;
}
.splide__pagination__page.is-active {
background: var(--primary-color);
}
.index-99 {
z-index: 99;
}