/*
Theme Name: Total Child Theme
Template: Total
*/

.inline_flex {
	display: inline-flex !important;
}

.inline_block {
	display: inline-block !important;
}

.nascosto {
	display:none !important;
} 
.ql-menu-icons ul.sub-menu li.ql-electric a span:after {
    background-image: url(assets/images/elettrico-icon.svg);
}
.ql-menu-icons ul.sub-menu li.ql-photovoltaic a span:after {
    background-image: url(assets/images/fotovoltaico-icon.svg); 
} 
.ql-menu-icons ul.sub-menu li.ql-automation a span:after {
    background-image: url(assets/images/automazione-icon.svg);
}
.ql-menu-icons ul.sub-menu li.ql-safety a span:after { 
    background-image: url(assets/images/sicurezza-icon.svg); 
}
.wpex-post-cards .wpex-card > a:before {
	background-image: url(assets/images/arrow-box.webp);
}
/* .ql-menu-icons ul.sub-menu li a:hover span {
    background-image: url(assets/images/menu-hover-arrow.jpg);
    background-position: 100% 0%;
    transition: background-position 0.3s ease-in-out;
} */
.ql-ft-moreinfo h3 a{
	background-image: url(assets/images/blue-white-arrow.jpg);
}
.ql-service-item::before { 
    background-image: url(assets/images/icon-arrow-up.svg);
}
.ql-service-item::before {
    background-image: url(assets/images/icon-arrow-up.svg);
} 
.ca-navbar-body li .ql-electric {
    background: url(assets/images/elettrico-icon.svg) no-repeat 99% 30px / 35px;
}
.ca-navbar-body li .ql-photovoltaic {
    background: url(assets/images/fotovoltaico-icon.svg) no-repeat right center / 40px;
}
.ca-navbar-body li .ql-automation {
    background: url(assets/images/automazione-icon.svg) no-repeat right center / 35px;
}
.ca-navbar-body li .ql-safety {
    background: url(assets/images/sicurezza-icon.svg) no-repeat 99% 50% / 28px;
}
.ql-case-story-content:after {
	background-image: url(assets/images/arrow-box.webp);
}
.ql-footer:before {
   background-image: url(assets/images/footer-top-shape.jpg);
}
.ql-service-item::before {
	background-image: url(assets/images/icon-arrow-up.svg); 
}  
.ql-no-banner .site-branding #site-logo-link { 
    background-image: url(assets/images/quard-layer-sticky.svg); 
}
.ql-news-page .ql-news-section .wpex-post-cards-entry {
    margin-top: 120px;
}
.ql-image-gallry button.wpex-carousel__arrow {
    background-image: url(assets/images/slider-arrow-white.svg); 
} 
.ql-about-content:before, .ql-about-content:after{ 
	background-image: url(assets/images/quotes.png); 
}
.ql-metodo-title:before {
	background-image: url(assets/images/bg-pattern.png); 
}
.ql-case-story-filters {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
    white-space: nowrap;
    overflow-x: auto;
}
.ql-case-story-filter {
    padding: 7px 15px;
    transition: background-color 0.2s linear;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 400;
}
.ql-case-story-filter.active,
.ql-case-story-filter:hover {
    background: #ffdf43;
}
.ql-play-icon:after {
    content: "";
    background-image: url(assets/images/play-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    height: 77px;
    width: 77px;
    display: block;
    position: absolute;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: opacity 0.1s ease-in-out;
}
.home rs-module iframe {
    transform: scale(2);
}


@media screen and (min-width: 768px) {
	
	 
	.mobile {
		display: none !important;
	}
	
	.center_desktop, .cd {
		text-align: center !important;
	}
	
	.right_desktop, .rd {
		text-align: right !important;
	}
	
	.left_desktop, .ld {
		text-align: left !important;
	}
	
	
	
}

@media screen and (max-width: 1400px) {
	
.ql-case-story-filters {
    justify-content: flex-start;
}
	
}

@media screen and (max-width: 767px) {
	.desktop {
		display: none !important;
	}
	
	.center_mobile, .cm {
		text-align: center !important;
	}
	
	.right_mobile, .rm {
		text-align: right !important;
	}
	
	.left_mobile, .lm {
		text-align: left !important;
	}
	.ql-play-icon:after {
		width: 50px;
		height: 50px;
	}
	
	
}

h1, h2, h3, h4 {
	margin:0px;
}

@media screen and (min-width: 767px) {
	
	
	/* Margini e padding per desktop */

	/* Margin Top */
	.mtd5 { margin-top: 5px; }
	.mtd10 { margin-top: 10px; }
	.mtd15 { margin-top: 15px; }
	.mtd20 { margin-top: 20px; }
	.mtd25 { margin-top: 25px; }
	.mtd30 { margin-top: 30px; }
	.mtd35 { margin-top: 35px; }
	.mtd40 { margin-top: 40px; }
	.mtd45 { margin-top: 45px; }
	.mtd50 { margin-top: 50px; }
	.mtd55 { margin-top: 55px; }
	.mtd60 { margin-top: 60px; }
	.mtd65 { margin-top: 65px; }
	.mtd70 { margin-top: 70px; }
	.mtd75 { margin-top: 75px; }
	.mtd80 { margin-top: 80px; }
	.mtd85 { margin-top: 85px; }
	.mtd90 { margin-top: 90px; }
	.mtd95 { margin-top: 95px; }
	.mtd100 { margin-top: 100px; }
	.mtd105 { margin-top: 105px; }
	.mtd110 { margin-top: 110px; }
	.mtd115 { margin-top: 115px; }
	.mtd120 { margin-top: 120px; }
	.mtd125 { margin-top: 125px; }
	.mtd130 { margin-top: 130px; }
	.mtd135 { margin-top: 135px; }
	.mtd140 { margin-top: 140px; }
	.mtd145 { margin-top: 145px; }
	.mtd150 { margin-top: 150px; }
	.mtd155 { margin-top: 155px; }
	.mtd160 { margin-top: 160px; }
	.mtd165 { margin-top: 165px; }
	.mtd170 { margin-top: 170px; }
	.mtd175 { margin-top: 175px; }
	.mtd180 { margin-top: 180px; }
	.mtd185 { margin-top: 185px; }
	.mtd190 { margin-top: 190px; }
	.mtd195 { margin-top: 195px; }
	.mtd200 { margin-top: 200px; }
	.mtd205 { margin-top: 205px; }
	.mtd210 { margin-top: 210px; }
	.mtd215 { margin-top: 215px; }
	.mtd220 { margin-top: 220px; }
	.mtd225 { margin-top: 225px; }
	.mtd230 { margin-top: 230px; }
	.mtd235 { margin-top: 235px; }
	.mtd240 { margin-top: 240px; }
	.mtd245 { margin-top: 245px; }
	.mtd250 { margin-top: 250px; }

	/* Margin Bottom */
	.mbd5 { margin-bottom: 5px; }
	.mbd10 { margin-bottom: 10px; }
	.mbd15 { margin-bottom: 15px; }
	.mbd20 { margin-bottom: 20px; }
	.mbd25 { margin-bottom: 25px; }
	.mbd30 { margin-bottom: 30px; }
	.mbd35 { margin-bottom: 35px; }
	.mbd40 { margin-bottom: 40px; }
	.mbd45 { margin-bottom: 45px; }
	.mbd50 { margin-bottom: 50px; }
	.mbd55 { margin-bottom: 55px; }
	.mbd60 { margin-bottom: 60px; }
	.mbd65 { margin-bottom: 65px; }
	.mbd70 { margin-bottom: 70px; }
	.mbd75 { margin-bottom: 75px; }
	.mbd80 { margin-bottom: 80px; }
	.mbd85 { margin-bottom: 85px; }
	.mbd90 { margin-bottom: 90px; }
	.mbd95 { margin-bottom: 95px; }
	.mbd100 { margin-bottom: 100px; }
	.mbd105 { margin-bottom: 105px; }
	.mbd110 { margin-bottom: 110px; }
	.mbd115 { margin-bottom: 115px; }
	.mbd120 { margin-bottom: 120px; }
	.mbd125 { margin-bottom: 125px; }
	.mbd130 { margin-bottom: 130px; }
	.mbd135 { margin-bottom: 135px; }
	.mbd140 { margin-bottom: 140px; }
	.mbd145 { margin-bottom: 145px; }
	.mbd150 { margin-bottom: 150px; }
	.mbd155 { margin-bottom: 155px; }
	.mbd160 { margin-bottom: 160px; }
	.mbd165 { margin-bottom: 165px; }
	.mbd170 { margin-bottom: 170px; }
	.mbd175 { margin-bottom: 175px; }
	.mbd180 { margin-bottom: 180px; }
	.mbd185 { margin-bottom: 185px; }
	.mbd190 { margin-bottom: 190px; }
	.mbd195 { margin-bottom: 195px; }
	.mbd200 { margin-bottom: 200px; }
	.mbd205 { margin-bottom: 205px; }
	.mbd210 { margin-bottom: 210px; }
	.mbd215 { margin-bottom: 215px; }
	.mbd220 { margin-bottom: 220px; }
	.mbd225 { margin-bottom: 225px; }
	.mbd230 { margin-bottom: 230px; }
	.mbd235 { margin-bottom: 235px; }
	.mbd240 { margin-bottom: 240px; }
	.mbd245 { margin-bottom: 245px; }
	.mbd250 { margin-bottom: 250px; }

	/* Padding Top */
	.ptd5 { padding-top: 5px; }
	.ptd10 { padding-top: 10px; }
	.ptd15 { padding-top: 15px; }
	.ptd20 { padding-top: 20px; }
	.ptd25 { padding-top: 25px; }
	.ptd30 { padding-top: 30px; }
	.ptd35 { padding-top: 35px; }
	.ptd40 { padding-top: 40px; }
	.ptd45 { padding-top: 45px; }
	.ptd50 { padding-top: 50px; }
	.ptd55 { padding-top: 55px; }
	.ptd60 { padding-top: 60px; }
	.ptd65 { padding-top: 65px; }
	.ptd70 { padding-top: 70px; }
	.ptd75 { padding-top: 75px; }
	.ptd80 { padding-top: 80px; }
	.ptd85 { padding-top: 85px; }
	.ptd90 { padding-top: 90px; }
	.ptd95 { padding-top: 95px; }
	.ptd100 { padding-top: 100px; }
	.ptd105 { padding-top: 105px; }
	.ptd110 { padding-top: 110px; }
	.ptd115 { padding-top: 115px; }
	.ptd120 { padding-top: 120px; }
	.ptd125 { padding-top: 125px; }
	.ptd130 { padding-top: 130px; }
	.ptd135 { padding-top: 135px; }
	.ptd140 { padding-top: 140px; }
	.ptd145 { padding-top: 145px; }
	.ptd150 { padding-top: 150px; }
	.ptd155 { padding-top: 155px; }
	.ptd160 { padding-top: 160px; }
	.ptd165 { padding-top: 165px; }
	.ptd170 { padding-top: 170px; }
	.ptd175 { padding-top: 175px; }
	.ptd180 { padding-top: 180px; }
	.ptd185 { padding-top: 185px; }
	.ptd190 { padding-top: 190px; }
	.ptd195 { padding-top: 195px; }
	.ptd200 { padding-top: 200px; }
	.ptd205 { padding-top: 205px; }
	.ptd210 { padding-top: 210px; }
	.ptd215 { padding-top: 215px; }
	.ptd220 { padding-top: 220px; }
	.ptd225 { padding-top: 225px; }
	.ptd230 { padding-top: 230px; }
	.ptd235 { padding-top: 235px; }
	.ptd240 { padding-top: 240px; }
	.ptd245 { padding-top: 245px; }
	.ptd250 { padding-top: 250px; }

	/* Padding Bottom */
	.pbd5 { padding-bottom: 5px; }
	.pbd10 { padding-bottom: 10px; }
	.pbd15 { padding-bottom: 15px; }
	.pbd20 { padding-bottom: 20px; }
	.pbd25 { padding-bottom: 25px; }
	.pbd30 { padding-bottom: 30px; }
	.pbd35 { padding-bottom: 35px; }
	.pbd40 { padding-bottom: 40px; }
	.pbd45 { padding-bottom: 45px; }
	.pbd50 { padding-bottom: 50px; }
	.pbd55 { padding-bottom: 55px; }
	.pbd60 { padding-bottom: 60px; }
	.pbd65 { padding-bottom: 65px; }
	.pbd70 { padding-bottom: 70px; }
	.pbd75 { padding-bottom: 75px; }
	.pbd80 { padding-bottom: 80px; }
	.pbd85 { padding-bottom: 85px; }
	.pbd90 { padding-bottom: 90px; }
	.pbd95 { padding-bottom: 95px; }
	.pbd100 { padding-bottom: 100px; }
	.pbd105 { padding-bottom: 105px; }
	.pbd110 { padding-bottom: 110px; }
	.pbd115 { padding-bottom: 115px; }
	.pbd120 { padding-bottom: 120px; }
	.pbd125 { padding-bottom: 125px; }
	.pbd130 { padding-bottom: 130px; }
	.pbd135 { padding-bottom: 135px; }
	.pbd140 { padding-bottom: 140px; }
	.pbd145 { padding-bottom: 145px; }
	.pbd150 { padding-bottom: 150px; }
	.pbd155 { padding-bottom: 155px; }
	.pbd160 { padding-bottom: 160px; }
	.pbd165 { padding-bottom: 165px; }
	.pbd170 { padding-bottom: 170px; }
	.pbd175 { padding-bottom: 175px; }
	.pbd180 { padding-bottom: 180px; }
	.pbd185 { padding-bottom: 185px; }
	.pbd190 { padding-bottom: 190px; }
	.pbd195 { padding-bottom: 195px; }
	.pbd200 { padding-bottom: 200px; }
	.pbd205 { padding-bottom: 205px; }
	.pbd210 { padding-bottom: 210px; }
	.pbd215 { padding-bottom: 215px; }
	.pbd220 { padding-bottom: 220px; }
	.pbd225 { padding-bottom: 225px; }
	.pbd230 { padding-bottom: 230px; }
	.pbd235 { padding-bottom: 235px; }
	.pbd240 { padding-bottom: 240px; }
	.pbd245 { padding-bottom: 245px; }
	.pbd250 { padding-bottom: 250px; }
}


@media screen and (max-width: 767px) {
	/* Margini e padding per mobile */

	/* Margin Top */
	.mtm5 { margin-top: 5px; }
	.mtm10 { margin-top: 10px; }
	.mtm15 { margin-top: 15px; }
	.mtm20 { margin-top: 20px; }
	.mtm25 { margin-top: 25px; }
	.mtm30 { margin-top: 30px; }
	.mtm35 { margin-top: 35px; }
	.mtm40 { margin-top: 40px; }
	.mtm45 { margin-top: 45px; }
	.mtm50 { margin-top: 50px; }
	.mtm55 { margin-top: 55px; }
	.mtm60 { margin-top: 60px; }
	.mtm65 { margin-top: 65px; }
	.mtm70 { margin-top: 70px; }
	.mtm75 { margin-top: 75px; }
	.mtm80 { margin-top: 80px; }
	.mtm85 { margin-top: 85px; }
	.mtm90 { margin-top: 90px; }
	.mtm95 { margin-top: 95px; }
	.mtm100 { margin-top: 100px; }
	.mtm105 { margin-top: 105px; }
	.mtm110 { margin-top: 110px; }
	.mtm115 { margin-top: 115px; }
	.mtm120 { margin-top: 120px; }
	.mtm125 { margin-top: 125px; }
	.mtm130 { margin-top: 130px; }
	.mtm135 { margin-top: 135px; }
	.mtm140 { margin-top: 140px; }
	.mtm145 { margin-top: 145px; }
	.mtm150 { margin-top: 150px; }
	.mtm155 { margin-top: 155px; }
	.mtm160 { margin-top: 160px; }
	.mtm165 { margin-top: 165px; }
	.mtm170 { margin-top: 170px; }
	.mtm175 { margin-top: 175px; }
	.mtm180 { margin-top: 180px; }
	.mtm185 { margin-top: 185px; }
	.mtm190 { margin-top: 190px; }
	.mtm195 { margin-top: 195px; }
	.mtm200 { margin-top: 200px; }
	.mtm205 { margin-top: 205px; }
	.mtm210 { margin-top: 210px; }
	.mtm215 { margin-top: 215px; }
	.mtm220 { margin-top: 220px; }
	.mtm225 { margin-top: 225px; }
	.mtm230 { margin-top: 230px; }
	.mtm235 { margin-top: 235px; }
	.mtm240 { margin-top: 240px; }
	.mtm245 { margin-top: 245px; }
	.mtm250 { margin-top: 250px; }
	
	/* Margin Bottom */
	.mbm5 { margin-bottom: 5px; }
	.mbm10 { margin-bottom: 10px; }
	.mbm15 { margin-bottom: 15px; }
	.mbm20 { margin-bottom: 20px; }
	.mbm25 { margin-bottom: 25px; }
	.mbm30 { margin-bottom: 30px; }
	.mbm35 { margin-bottom: 35px; }
	.mbm40 { margin-bottom: 40px; }
	.mbm45 { margin-bottom: 45px; }
	.mbm50 { margin-bottom: 50px; }
	.mbm55 { margin-bottom: 55px; }
	.mbm60 { margin-bottom: 60px; }
	.mbm65 { margin-bottom: 65px; }
	.mbm70 { margin-bottom: 70px; }
	.mbm75 { margin-bottom: 75px; }
	.mbm80 { margin-bottom: 80px; }
	.mbm85 { margin-bottom: 85px; }
	.mbm90 { margin-bottom: 90px; }
	.mbm95 { margin-bottom: 95px; }
	.mbm100 { margin-bottom: 100px; }
	.mbm105 { margin-bottom: 105px; }
	.mbm110 { margin-bottom: 110px; }
	.mbm115 { margin-bottom: 115px; }
	.mbm120 { margin-bottom: 120px; }
	.mbm125 { margin-bottom: 125px; }
	.mbm130 { margin-bottom: 130px; }
	.mbm135 { margin-bottom: 135px; }
	.mbm140 { margin-bottom: 140px; }
	.mbm145 { margin-bottom: 145px; }
	.mbm150 { margin-bottom: 150px; }
	.mbm155 { margin-bottom: 155px; }
	.mbm160 { margin-bottom: 160px; }
	.mbm165 { margin-bottom: 165px; }
	.mbm170 { margin-bottom: 170px; }
	.mbm175 { margin-bottom: 175px; }
	.mbm180 { margin-bottom: 180px; }
	.mbm185 { margin-bottom: 185px; }
	.mbm190 { margin-bottom: 190px; }
	.mbm195 { margin-bottom: 195px; }
	.mbm200 { margin-bottom: 200px; }
	.mbm205 { margin-bottom: 205px; }
	.mbm210 { margin-bottom: 210px; }
	.mbm215 { margin-bottom: 215px; }
	.mbm220 { margin-bottom: 220px; }
	.mbm225 { margin-bottom: 225px; }
	.mbm230 { margin-bottom: 230px; }
	.mbm235 { margin-bottom: 235px; }
	.mbm240 { margin-bottom: 240px; }
	.mbm245 { margin-bottom: 245px; }
	.mbm250 { margin-bottom: 250px; }
	
	/* Padding Top */
	.ptm5 { padding-top: 5px; }
	.ptm10 { padding-top: 10px; }
	.ptm15 { padding-top: 15px; }
	.ptm20 { padding-top: 20px; }
	.ptm25 { padding-top: 25px; }
	.ptm30 { padding-top: 30px; }
	.ptm35 { padding-top: 35px; }
	.ptm40 { padding-top: 40px; }
	.ptm45 { padding-top: 45px; }
	.ptm50 { padding-top: 50px; }
	.ptm55 { padding-top: 55px; }
	.ptm60 { padding-top: 60px; }
	.ptm65 { padding-top: 65px; }
	.ptm70 { padding-top: 70px; }
	.ptm75 { padding-top: 75px; }
	.ptm80 { padding-top: 80px; }
	.ptm85 { padding-top: 85px; }
	.ptm90 { padding-top: 90px; }
	.ptm95 { padding-top: 95px; }
	.ptm100 { padding-top: 100px; }
	.ptm105 { padding-top: 105px; }
	.ptm110 { padding-top: 110px; }
	.ptm115 { padding-top: 115px; }
	.ptm120 { padding-top: 120px; }
	.ptm125 { padding-top: 125px; }
	.ptm130 { padding-top: 130px; }
	.ptm135 { padding-top: 135px; }
	.ptm140 { padding-top: 140px; }
	.ptm145 { padding-top: 145px; }
	.ptm150 { padding-top: 150px; }
	.ptm155 { padding-top: 155px; }
	.ptm160 { padding-top: 160px; }
	.ptm165 { padding-top: 165px; }
	.ptm170 { padding-top: 170px; }
	.ptm175 { padding-top: 175px; }
	.ptm180 { padding-top: 180px; }
	.ptm185 { padding-top: 185px; }
	.ptm190 { padding-top: 190px; }
	.ptm195 { padding-top: 195px; }
	.ptm200 { padding-top: 200px; }
	.ptm205 { padding-top: 205px; }
	.ptm210 { padding-top: 210px; }
	.ptm215 { padding-top: 215px; }
	.ptm220 { padding-top: 220px; }
	.ptm225 { padding-top: 225px; }
	.ptm230 { padding-top: 230px; }
	.ptm235 { padding-top: 235px; }
	.ptm240 { padding-top: 240px; }
	.ptm245 { padding-top: 245px; }
	.ptm250 { padding-top: 250px; }
	
	/* Padding Bottom */
	.pbm5 { padding-bottom: 5px; }
	.pbm10 { padding-bottom: 10px; }
	.pbm15 { padding-bottom: 15px; }
	.pbm20 { padding-bottom: 20px; }
	.pbm25 { padding-bottom: 25px; }
	.pbm30 { padding-bottom: 30px; }
	.pbm35 { padding-bottom: 35px; }
	.pbm40 { padding-bottom: 40px; }
	.pbm45 { padding-bottom: 45px; }
	.pbm50 { padding-bottom: 50px; }
	.pbm55 { padding-bottom: 55px; }
	.pbm60 { padding-bottom: 60px; }
	.pbm65 { padding-bottom: 65px; }
	.pbm70 { padding-bottom: 70px; }
	.pbm75 { padding-bottom: 75px; }
	.pbm80 { padding-bottom: 80px; }
	.pbm85 { padding-bottom: 85px; }
	.pbm90 { padding-bottom: 90px; }
	.pbm95 { padding-bottom: 95px; }
	.pbm100 { padding-bottom: 100px; }
	.pbm105 { padding-bottom: 105px; }
	.pbm110 { padding-bottom: 110px; }
	.pbm115 { padding-bottom: 115px; }
	.pbm120 { padding-bottom: 120px; }
	.pbm125 { padding-bottom: 125px; }
	.pbm130 { padding-bottom: 130px; }
	.pbm135 { padding-bottom: 135px; }
	.pbm140 { padding-bottom: 140px; }
	.pbm145 { padding-bottom: 145px; }
	.pbm150 { padding-bottom: 150px; }
	.pbm155 { padding-bottom: 155px; }
	.pbm160 { padding-bottom: 160px; }
	.pbm165 { padding-bottom: 165px; }
	.pbm170 { padding-bottom: 170px; }
	.pbm175 { padding-bottom: 175px; }
	.pbm180 { padding-bottom: 180px; }
	.pbm185 { padding-bottom: 185px; }
	.pbm190 { padding-bottom: 190px; }
	.pbm195 { padding-bottom: 195px; }
	.pbm200 { padding-bottom: 200px; }
	.pbm205 { padding-bottom: 205px; }
	.pbm210 { padding-bottom: 210px; }
	.pbm215 { padding-bottom: 215px; }
	.pbm220 { padding-bottom: 220px; }
	.pbm225 { padding-bottom: 225px; }
	.pbm230 { padding-bottom: 230px; }
	.pbm235 { padding-bottom: 235px; } 
	.pbm240 { padding-bottom: 240px; }
	.pbm245 { padding-bottom: 245px; }
	.pbm250 { padding-bottom: 250px; }
}