/*
 Theme Name: 	Stratego
 Theme URI: 	https://auxtintech.it/
 Author: 		Agostino Costantino
 Author URI: 	https://auxtintech.it/
 Description: 	Un tema per Fondazione Saccone
 Version:      	1.0.0
 License:      	GNU General Public License v2 or later
 License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  	stratego
*/
:root{
	--colore-azzurro: #008FB0;
	--colore-grigio: #707070;
	--colore-giallo: #FFEB00;
	--colore-primario: #11265D;
	--colore-secondario: #81BDE9;
	--colore-titoli: #D0D7E8;
	--colore-testo: var(--colore-testo);
	--colore-footer: var(--colore-primario);
	--colore-pulsanti: var(--colore-primario);
	--colore-social: #6E1430;
	--font-family-primario: "Oswald", serif;
	--font-weight-primario: 700;
	--font-family-secondario: "Bebas Neue", serif;
	--font-weight-secondario: 700;
	--font-family-testo: "Oswald", serif;
	--font-weight-testo: 400;
	--font-family-pulsanti: "Oswald", serif;
	--font-weight-pulsanti: 400;
}

/* MOBILE */
@media (min-width: 0px) {

	html{
		font-size: 16px;
		margin-top: 0!important;
		scroll-padding-top: 180px;
	}
	
	/* BASE */
	html, body{
		color: var(--colore-primario);
		position: relative;
		font-style: normal;
		box-sizing: border-box;
		font-family: var(--font-family-primario);
	}
	
	/* RESET CSS */
	*, *::before, *::after {
	  	box-sizing: border-box;
	}
	* {
	  	margin: 0;
	}
	body {
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
	  	line-height: 1.5;
	  	-webkit-font-smoothing: antialiased;
	}
	img, picture, video, canvas, svg {
/*	  display: block;*/
	  max-width: 100%;
	}
	input, button, textarea, select {
	  font: inherit;
	}
	p, h1, h2, h3, h4, h5, h6 {
	  overflow-wrap: break-word;
	  text-wrap: auto;
	}
	a{
		text-decoration: none;
	}
	b, strong{
		font-weight: 700;
	}
	p, li{
		font-size: 20px;
		color: var(--colore-testo);
	}
	img{
		width: 100%;
		height: auto;
	}
	img, svg{
		image-rendering: auto;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0) scale(1, 1);
	}
	.accordion-button:not(.collapsed)::after {
	  	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23005a76' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	}
/*	main:not(.homepage){
		margin-top: 40px;
		margin-bottom: 40px;
	}*/
	/**************************
	 * HEADER
	 * ***********************/
	/* FIX WP IS LOGGED IN */
	.logged-in header {
		top: 32px;
		padding-top: 32px;
	}
	header{
		top: 0;
		height: auto;
		width: 100%;
		z-index: 1056;
		padding-top: 40px;
		padding-bottom: 40px;
		position: absolute;
		transition: .2s;
		background-color: transparent;
	}
	header p{
		font-size: 16px;
		margin: 0;
		padding: 16px;
		border-right: 1px solid black;
	}
	img.custom-logo {
		width: auto;;
		max-width: 200px;
		max-height: 130px;
	}
	ul.dropdown-menu {
		border: 0;
		border-radius: 0;
		box-shadow: 0px 3px 6px #00000029;
	}
	header a.dropdown-item.active{
		background-color: var(--colore-primario);
	}
	header a.nav-link{
		font-size: 20px;
		text-transform: uppercase;
	}
	.navigazione-desktop .menu-item-has-children:hover .dropdown-menu{
		display: block; /* TO DO: TRANSITION OPACITY NOT DISPLAY BLOCK */
	}
	body:not(.page-id-2) ul.navigazione-desktop a {
		color: var(--colore-grigio);
	}
	ul.navigazione-desktop {
		gap: 40px;
		display: flex;
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;
	}
	ul.navigazione-mobile li{
		margin-bottom: 20px;
	}
	ul.navigazione-mobile a{
		color: var(--colore-primario);
		text-transform: uppercase;
	}
    #menu-top-header a{
    	text-transform: uppercase;
    }
	ul.navigazione-desktop a{
		color: white;
		transition: all 1s;
		position: relative;
	}
	ul.navigazione-desktop a:before{
		content: "";
		z-index: -1;
		width: 0;
		height: 0;
		border-radius: 50%;
		position: absolute;
		bottom: 10px;
		left: 0px;
		transition: all .2s;
		background-color: var(--colore-giallo);
	}
	ul.navigazione-desktop a:after{
		content: "";
		z-index: -1;
		width: 0;
		height: 0;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: -40px;
		transition: all .2s;
		transform: translateY(-50%);
		background-color: var(--colore-giallo);
	}
	body.home ul.navigazione-desktop a:hover{
		color: white;
	}
	ul.navigazione-desktop a:hover:after{
		width: 80px;
		height: 80px;
	}
	ul.navigazione-desktop a:hover:before{
		width: 100%;
		height: 2px;
	}
	ul.navigazione-desktop > li > a{
		padding: 20px 0;
	}
	li.menu-item-has-children ul.sub-menu {
	  	display: none;
		position: relative;
	}
	li.menu-item-has-children:hover ul.sub-menu{
		display: block;
		position: absolute;
		padding: 10px !important;
		background-color: var(--colore-footer);
		box-shadow: rgba(51, 51, 51, 0.25) 0px 2px 5px 0px;
	}
	header .dropdown-toggle::after {
		font-size: 1rem;
		margin-left: 10px;
	}
	header .dropdown-menu.depth_0 li a {
		font-size: 1rem;
	}
	.fixato{
/*		box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25);*/
	}
	.preloader {
		opacity: 1;
		width: 100vw;
		height: 100vh;
		z-index: 999999;
		transition: .5s;
		position: fixed;
		background-color: white;
	}
	.preloader.finish{
		width: 0;
		opacity: 0;
		transition: .5s;
	}
	div.logo-preloader {
		top: 50%;
		left: 50%;
		width: 130px;
		height: 130px;
		display: flex;
		position: absolute;
		align-items: center;
		justify-content: center;
		background-color: var(--colore-primario);
		transform: translateX(-50%) translateY(-50%);
	}
	.img-bg-segnaposto{
		z-index: 2;
		top: 63%;
		right: 0;
		width: 100%;
		height: 120px;
		background-repeat: no-repeat;
		background-position: right;
		background-size: contain;
		position: absolute;
	}
	.page-id-12 section#energia {
		z-index: 1056;
		bottom: 0;
		position: sticky;
	}

    /*************************************
     * ICONA MENU
     * **********************************/
		.link-contenitore-icona {
		  top: 0;
		  right: 0;
		  height: 100%;
		  padding: 50px 20px;
		  position: absolute;
		  background-color: var(--colore-secondario);
		}
    .contenitore-icona {
			display: inline-block;
			cursor: pointer;
			position: relative;
    }

    .barra1, .barra2, .barra3 {
			height: calc((10px) * .4) !important;
			width: 40px !important;
			transition: 0.4s !important;
			margin: calc((14px) * 0.6) !important;
			background-color: var(--colore-secondario);
    }

    .cambia .barra1 {
      -webkit-transform: rotate(-45deg) translate(-9px, 6px)!important;
      transform: rotate(-45deg) translate(-10px, 3px) !important;
    }

    .cambia .barra2 {opacity: 0!important;}

    .cambia .barra3 {
      -webkit-transform: rotate(45deg) translate(-14px, -8px) !important;
      transform: rotate(45deg) translate(-14px, -8px) !important;
    }

    /************************************
     * FINE ICONA MENU
     * *********************************/
    /************************************
     * MENU MOBILE
    ************************************/
	.header-menu-fixed {
		height: 170px;
		border-bottom: 0;
	}
	#menu-top-header{
		overflow-x: hidden;
	}
    #menu-top-header h2.titolo-widget{
    	display: none;
    }
    #menu-top-header li{
    	text-align: center;
    }
    .menu-primario a{
    	font-size: 1.4rem;
    	font-weight: 500;
    }
	li.menu-primario {
		position: relative;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid white;
	}
	li.menu-primario::before {
		content: "";
		width: 100%;
		height: 1px;
		left: -100%;
		bottom: -1px;
		position: absolute;
		background-color: white;
	}
	li.menu-primario::after {
		content: "";
		width: 100%;
		height: 1px;
		right: -100%;
		bottom: -1px;
		position: absolute;
		background-color: white;
	}
	.senza-before.menu-primario::before, .senza-before.menu-primario::after {
		content: unset;
	}
    /************************************
     * FINE MENU MOBILE
    ************************************/
	.chiudi-modale{
		top: 10px;
		z-index: 1;
		right: 25px;
		padding: 16px;
		border-bottom: 0;
		border-radius: 0;
		position: relative;
		background-color: transparent;
	}
	.chiudi-header{
		opacity: 1;
		padding: 16px;
		border-radius: 0;
		background-color: var(--colore-primario);
	}
	#mainmenu ul{
		list-style: none;
		padding-left: 0;
	}

	/************************
	 * BREADCRUMB
	 * *********************/
	.stratego-breadcrumb {
  		height: 300px;
	}
	.container-main-breadcrumb{
		height: 300px;
		position: relative;
		padding-left: 0;
		padding-right: 0;
/*		background-size: cover; FIX NUOVO HD */
		background-position: center;
	}
	.titolo-breadcrumb{
		z-index: 2;
		display: flex;
		align-items: end;
	}
	.titolo-breadcrumb a, .titolo-breadcrumb p, .titolo-breadcrumb span.separatore{
		color: #D0D7E8;
		font-size: 2rem;
		text-transform: uppercase;
	}
	.titolo-breadcrumb p{
		font-weight: 600;
	}
	.separatore{
		padding-left: 10px;
		padding-right: 10px;
	}
	/************************
	 * SFONDI
	 * *********************/
	.bg-primario {
	  	background-color: var(--colore-secondario);
	}
	.single-page .bg-primario, .single-page #rivolgiamo.padding-sezione::after{
	  	background-color: var(--colore-azzurro);
	}
	.sfondo-secondario{
		background-color: var(--colore-secondario);
	}
	.sfondo-news-home, .sfondo-blocco-pagine{
		background-color: var(--colore-primario);
	}
	.sfondo-grigio{
		background-color: #EFEFEF;
	}

	/************************
	 * PAGINE
	 ***********************/
	#domande {
		margin-bottom: 80px;
	}
	.striscia.striscia-faq{
		height: 75%;
	}
	.striscia.striscia-faq::after{
		width: 80px;
		height: 80px;
		right: 0;
	}
	.striscia-faq.domanda2::before {
		top: 70px;
	}
	.striscia-faq.domanda3::before {
		top: 130px;
	}
	.striscia-faq.domanda4::before {
		top: 190px;
	}
	.striscia-faq.domanda5::before {
		top: 260px;
	}
	.striscia-faq.domanda6::before {
		top: 320px;
	}
	.striscia-faq.domanda7::before {
		top: 380px;
	}
	h2.accordion-header button{
		font-size: 1.5rem;
	}
	button.clicked{
		border: 2px solid white;
	}
	.form-control {
		padding: 12px;
		border-radius: 15px;
		border-color: var(--colore-grigio);
	}
	.form-control::placeholder{
		color: #6E1430;
		font-size: 1.2rem;
	}

	/* ANCORA NON RISOLTO... */
	.wpcf7-spinner{
		display: none;
	}

	/* FIX COLORE RESPONSE */
	.wpcf7-response-output{
		color: var(--colore-testo);
	}

	.wpcf7-form-control{
	    padding: 1rem;
	}

	.wpcf7-form-control::placeholder {
	    transition: transform .1s ease-in-out;
	}

	.wpcf7-form-control:focus::placeholder {
	    color: #999;
	    font-size: 12px;
	    transform: scale(.85) translateX(.15rem) translateY(-.5rem);
	}

	.wpcf7-form-control:focus::-webkit-input-placeholder{
	    color: #999;
	    font-size: 12px;
	    transform: scale(.85) translateX(.15rem) translateY(-.5rem);
	}

	.wpcf7-form-control:focus + label,
	.wpcf7-form-control:not(:placeholder-shown) + label {
	    transform: translateY(-20px);
	    font-size: 12px;
	}
	.wpcf7-form p {
		margin-bottom: 20px;
	}
	label {
		font-size: 1.5rem;
		font-weight: 600;
		margin-bottom: 10px;
		text-transform: uppercase;
	}

	.pulsante-invio {
	  	color: var(--colore-primario);
	  	text-transform: uppercase;
	  	margin-top: 40px;
	  	padding: 10px 30px;
	  	border: 0;
	  	border-radius: 15px;
	  	background-color: var(--colore-secondario);
	}

	.img-marker-sede {
		max-width: 40px;
	}
	.contenitore-marker {
	  	text-align: center;
	}
	.contenitore-marker :is(img){
		margin-bottom: 20px;
	}
	.iframe-mappa {
		text-align: center;
		padding-top: 40px;
	}
	.iframe-mappa iframe {
		width: 300px;
		height: 300px;
		max-width: 100%;
	}

	h2.titolo-pagina, h2.tipo-sede{
		text-align: center;
		text-transform: uppercase;
		padding-bottom: 40px;
	}
	h2.titolo-pagina.scritta-white{
		color: white;
	}
	.padding-contatti-laterale {
	  	padding-top: 40px;
	  	padding-bottom: 40px;
	}
	div.blocco-punto {
		height: auto;
		text-align: center;
		padding: 40px;
		margin-bottom: 40px;
		background-color: white;
	}
	.blocco-punto p{
		color: var(--colore-testo);
	}
	.blocco-punto h2, .blocco-punto.servizio h2{
		color: var(--colore-primario);
		padding-bottom: 20px;
	}
	div.blocco-punto.servizio{
		height: 100%;
	}
	.blocco-punto.servizio h2{
		font-size: 1.4rem;
		overflow-wrap: inherit;
		text-transform: uppercase;
	}
	.scritte-servizi-white .blocco-punto :is(h2, p){
		color: white!important;
	}
	.scritte-servizi-white .blocco-punto{
		background-color: var(--colore-primario);
	}
	.archivio-partnership h2.nome-partner{
		font-size: 3rem;
		text-transform: uppercase;
		margin-bottom: 40px;
	}
	.container-img-partner {
		max-width: 600px;
	}
	section#energia {
		padding-top: 10px;
	}
	/************************
	 * HOME
	 ***********************/
	img.icona-energia {
	  	max-width: 80px;
	  	position: absolute;
	}
	.slider-main {
		height: 500px;
	}
	span.giallo{
		color: var(--colore-giallo);
	}
	span.azzurroscuro {
  		color: var(--colore-azzurro);
	}
	span.azzurro{
		color: #81BDE9;
	}
	h1.titolo-slide{
		color: white;
		font-size: 3rem;
		text-align: center;
	}
	#sarto.padding-sezione{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.testo-sarto h2 {
	  font-size: 2rem;
	  text-transform: uppercase;
	  margin-top: 40px;
	}
	.testo-sarto p{
		color: #707070;
		font-size: 30px;
		font-weight: 300;
		max-width: 410px;
	}
	.testo-sarto a, .testo-energia a {
	  color: var(--colore-pulsanti);
	  padding: 10px 30px;
	  border-radius: 12px;
	  font-weight: 500;
	  font-size: 1.2rem;
	  margin-top: 20px;
	  margin-left: -10px;
	  display: inline-block;
	  background-color: var(--colore-secondario);
	}
	#rivolgiamo{
		position: relative;
	}
	.container-vantaggi p {
	  color: white;
	  text-transform: uppercase;
	  font-size: 1.5rem;
	  font-weight: 600;
	  border-bottom: 3px solid var(--colore-giallo);
	  padding-bottom: 1px;
	  margin-bottom: 0;
	  display: inline-block;
	}
	.container-vantaggi{
		z-index: 1;
		position: relative;
	}
	.container-vantaggi::after{
		content: "";
		left: 50%;
		top: 50%;
		z-index: -1;
		width: 120px;
		height: 120px;
		border-radius: 50%;
		position: absolute;
		background-color: var(--colore-secondario);
		transform: translate(-50%, -50%);
  	}
	.testo-rivolgiamo p {
		color: white;
	}
	#rivolgiamo.padding-sezione {
		z-index: 1;
	  	padding: 40px 0;
	  	position: relative;
	}
	#rivolgiamo.padding-sezione::after {
		z-index: -1;
		content: "";
		left: 0;
		bottom: -10%;
		width: 100%;
		height: 100px;
		position: absolute;
		transform: skewY(185deg);
		background-color: var(--colore-secondario);
	}
	img.img-offerte.bordo {
		height: 120px;
		width: auto;
	}
	#areestudio {
		height: 600px;
		padding-top: 100px;
	}
	.testo-rivolgiamo p{
		z-index: 1;
		font-size: 2rem;
	}
	.pulsante-finale-home {
		z-index: 2;
		display: flex;
		right: 5%;
		bottom: -200px;
		height: 200px;
		width: 200px;
		font-size: 1.5rem;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		text-align: center;
		text-transform: uppercase;
		position: absolute;
		background-color: var(--colore-azzurro);
	}
	.pulsante-finale-home a{
		color: var(--colore-giallo);
		font-weight: 600;
		line-height: 1.5rem;
	}
	/************************
	 * PAGINE
	 ***********************/
	.stratego-description {
		margin-top: 40px;
	}
	.stratego-description .testo-pagina :is(p, li), .testo-energia :is(p, li){
		color: var(--colore-grigio);
		font-size: 1.5rem;
		font-weight: 200;
	}
	.testo-energia span.azzurroscuro {
  		color: var(--colore-azzurro);
  		font-weight: 600;
  		text-transform: uppercase;
		margin-top: 40px;
		display: block;
	}
	.testo-energia a{
		text-transform: uppercase;
	}
	.testo-energia h2 {
		font-size: 2.5rem;
		margin-bottom: 30px;
	}
	.testo-energia h3{
		font-size: 2rem;
		margin: 30px 0;
	}
	h2.titolo-azzurrino {
		color: #D0D7E8;
		font-size: 3rem;
		margin-top: 80px;
		margin-bottom: 50px;
	}
	ul.punto-azzurro{
		padding-left: 0;
	}
	ul.punto-azzurro li::marker{
		color: var(--colore-azzurro);
	}

	/*************************
	 * FOOTER
	 * **********************/
	footer :is(p, a){
		color: white;
	}
	footer h2{
		color: white;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		margin-top: 40px;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
	footer img{
		width: auto;
	}
	#footer-social {
		text-align: right;
	}
	#footer-logo{
		margin-bottom: 30px;
	}
	.footer-inner{
		font-size: 20px;
		line-height: 40px;
		background-color: var(--colore-footer);
	}
	.footer-copyright{
		padding: 16px 0;
		border-top: 1px solid white;
		background-color: var(--colore-footer);
	}
	.footer-copyright p, .footer-copyright a{
		color: white;
		font-size: 1.2rem;
		text-align: center;
	}
	.cta-footer{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.social a {
		height: 30px;
		width: 30px;
		margin-right: 10px;
		border-radius: 50%;
		align-items: center;
		display: inline-flex;
		justify-content: center;
		background-color: white;
		color: var(--colore-primario);
	}
	img.footer-logo{
		max-width: 140px!important;
	}
	footer ul.menu{
		padding-left: 0;
	}
	footer ul.menu li a{
		color: white;
		font-size: 1.1rem;
		line-height: 2rem;
	}
	footer ul.menu li{
		line-height: 2rem;
		text-align: center;
	}
	.list-social{
		color: white;
		list-style: none;
		padding-left: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	footer .social-inline, footer .col-12:has(img){
		text-align: center;
	}

	.backtotop{
		width: 16px;
		height: 55px;
		bottom: 6%;
		right: 4%;
		z-index: 999;
		color: white;
		position:fixed;
		cursor: pointer;
		font-size: 23px;
		border: 1px solid white;
		border-radius: 15px;
		display: flex;
		background-color: #11265DA5;
		-webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.5);
	}

	/***********************
	 * IMMAGINI
	 * ********************/
	.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after, .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{
		content: unset!important;
	}
	.swiper-button-next i, .swiper-button-prev i{
		font-size: 30px;
	}
/*	.swiper-button-next, .swiper-button-prev{
		width: 50px!important;
		height: 50px!important;
		border-radius: 50%;
	}*/
	.swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-prev-clienti{
		left: calc(0px - 30px) !important;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-next-clienti{
		right: calc(0px - 30px) !important;
	}
	.img-singolo-post {
		width: auto;
		max-width: 100%;
	}

	/***********************
	 * TITOLI
	 * ********************/

	.entrata{
		background-color: #FAFAFA;
		box-shadow: 0px 6px 6px #00000043;
		padding:34px 70px;
	}
	.accordion-button:not(.collapsed){
		color: white;
		background-color: var(--colore-azzurro);
	}
	.stratego-description-page #domande{
		--bs-accordion-border-radius: 0;
		--bs-accordion-inner-border-radius: 0;
		margin-bottom: 40px;
	}

    .paginazione a.page-link{
    	color: var(--colore-primario);
    }
}

/* TABLET */

@media (min-width: 768px) {

	table{
		overflow-x: hidden;
		display: inline-table;
	}

	/********************************
	 * HEADER
	 * *****************************/
    #menu-top-header a{
    	color: white;
    }
	.titolo-breadcrumb a, .titolo-breadcrumb p, .titolo-breadcrumb span.separatore{
		font-size: 4rem;
	}
	 header a.nav-link{
		font-size: 1.4rem;
	 }
	 .custom-logo-link{
	 	position: relative;
	 }
	img.custom-logo {
		width: auto;
		position: absolute;
		top: 90px;
		left: -140px;
		max-width: 370px;
		max-height: 130px;
		transform: rotate(-90deg);
	}
	.link-contenitore-icona {
	  padding: 60px 40px;
	}

	.barra1, .barra2, .barra3 {
		background-color: var(--colore-secondario);
	}

	/********************************
	 * TITOLI
	 * *****************************/

	/********************************
	* HOME
	*******************************/
	img.icona-energia {
		max-width: 260px;
		margin-bottom: 40px;
		position: relative;
	}
	.testo-sarto a, .testo-energia a {
	  	font-size: 1.5rem;
	}
	section#energia {
		padding-top: 200px;
	}
	#rivolgiamo.padding-sezione::after {
		bottom: -25%;
		height: 300px;
	}
	#sarto.padding-sezione{
		padding-top: 150px;
	}
	.img-sarto{
		z-index: 2;
		top: 0;
		left: 0;
		max-width: 600px;
		position: absolute;
	}
	.testo-sarto h2{
		position: relative;
	}
	.testo-sarto h2::after {
		z-index: 3;
		content: "";
		width: 94%;
		height: 1px;
		bottom: -10px;
		right: -14.3vw;
		position: absolute;
		background-color: var(--colore-azzurro);
	}
	.slider-main{
		height: 100vh;
		max-height: 900px;
	}
	#areestudio {
	  height: 900px;
	  max-height: 100vh;
	  background-size: cover;
	}
	#rivolgiamo.padding-sezione {
	  	padding-top: 100px;
	}
	div.icona-energia{
		text-align: right;
	}
	.home div.testo-energia p{
		color: var(--colore-giallo);
		font-weight: 400;
		margin-top: 80px;
	}
	.single-page div.testo-energia::after{
		content: unset;
	}
	div.testo-energia{
		margin-bottom: 80px;
	}
	div.testo-energia::after {
		content: "";
		z-index: -1;
		top: -40px;
		left: -1000px;
		width: 3000px;
		height: 300px;
		transform: skewY(186deg);
		position: absolute;
		background-color: var(--colore-secondario);
	}
	section#areestudio{
		position: relative;
	}
	div.fulmine-giallo{
		z-index: 1;
		bottom: -10px;
		position: absolute;
	}
	.fulmine-giallo::after {
		z-index: -1;
		content: "";
		top: 0;
		right: 0;
		width: 47%;
		height: 100%;
		position: absolute;
		border-top-left-radius: 60%;
		background-color: white;
	}
	section#rivolgiamo .container{
		position: relative;
	}
	.container-img-offerte {
		top: 80%;
		left: 70%;
		width: 240px;
		height: auto;
		position: absolute;
	}

	/************************
	 * PAGINE
	 ***********************/
	label {
		font-size: 2rem;
	}
	.wpcf7-form p {
		margin-bottom: 40px;
	}
	.img-energia{
		top: 0;
		left: -200px;
		max-width: 1100px;
		position: absolute;
	}
	.container-img-energia .img-energia.bordo {
	  	z-index: 0;
	  	top: 0px;
	  	max-width: 600px;
	}
	#dopovantaggi {
		min-height: 50vh;
		padding: 100px 0;
		margin-bottom: 150px;
	}
	.testo-energia {
		z-index: 1;
		position: relative;
	}
	.striscia-faq {
		margin-top: 60px!important;
	}
	.striscia-page::after{
		width: 80px!important;
		height: 80px!important;
	}
	.striscia-page::before{
		content: unset;
	}
	.striscia-page{
		height: 85%;
		width: 4px;
		border-right: 1px dashed var(--colore-grigio);
		margin-top: 200px;
		margin-right: auto;
		margin-left: 200px;
		position: relative;
	}
	.striscia {
		height: 85%;
		width: 4px;
		border-right: 1px dashed var(--colore-grigio);
		margin-top: 100px;
		margin-left: auto;
		margin-right: 40px;
		position: relative;
	}
	.striscia::before{
		content: "";
		top: 0;
		right: 0;
		height: 20px;
		width: 20px;
		border-radius: 50%;
		margin-right: -10px;
		position: absolute;
		transition: all 1s ease 0s;
		background-color: var(--colore-giallo);
	}
	.striscia::after, .striscia-page::after{
		content: "";
		bottom: -40px;
		right: 0;
		height: 0px;
		width: 0px;
		border-radius: 50%;
		margin-right: -40px;
		position: absolute;
		transition: all 1s ease 0s;
		background-image: url('https://miglioraspa.it/wp-content/uploads/2025/02/img-06.png');
		background-size: contain;
	}
	.striscia.email::before {
		top: 150px;
	}
	.striscia.tel::before {
		top: 320px;
	}
	.striscia.indirizzo::before {
		top: 340px;
	}
	.striscia.ragionesociale::before {
		top: 480px;
	}
	.striscia.piva::before {
		top: 630px;
	}
	.striscia.legalerappresentante::before {
		top: 790px;
	}
	.striscia.pec::before {
		top: 840px;
	}
	.striscia.sedelegale::before {
		top: 1060px;
		width: 0;
		height: 0;
	}
	.striscia.sedelegale::after{
		width: 80px;
		height: 80px;
	}

  /********************************
   * SFONDI
   *******************************/

	.swiper-button-prev, .swiper-rtl .swiper-button-next{
		left: calc(0px - 50px) !important;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev{
		right: calc(0px - 50px) !important;
	}
	.swiper-next-clienti{
		right: calc(0px - 30px) !important;
	}
	.swiper-prev-clienti{
		left: calc(0px - 30px) !important;
	}
	/************************************
	 * PAGINE
	 * *********************************/
	.home .container-img-energia .img-energia.bordo {
	  	z-index: 2;
	  	top: 100px;
	  	max-width: 600px;
	}
}

/* LAPTOP */
@media (min-width: 1366px) {

	/************************************
	 * HEADER
	 * *********************************/
	#lente{
		color: white;
		padding: 12px 1rem;
		border-radius: 0 10px 10px 0px;
		border-color: var(--colore-social);
		background-color: var(--colore-social);
	}
	.testo-sarto h2::after {
		width: 100%;
		right: -260px;
	}
	.testo-sarto h2 {
	  	font-size: 2.5rem;
	}
	.container-vantaggi p {
	  	font-size: 2rem;
	}
	.header-menu-fixed {
		height: 300px;
	}

	/************************************
	 * IMMAGINI
	 * *********************************/

	/****************************
	 * SWIPER
	 * *************************/
	.swiper-home-next, .swiper-home-prev{
		top: auto!important;
		bottom: calc(0% + 13%);
		border-color: white;
		right: 30px !important;
	}
	.swiper-home-next i, .swiper-home-prev i{
		color: white;
	}
	.swiper-home-prev{
		left: 89%!important;
	}
	.info-img-slide-home{
		padding-right: calc(0% + 20%);
	}

	.home .container-img-energia .img-energia.bordo {
	  	z-index: 2;
	  	top: 100px;
	  	max-width: 900px;
	}
	div.titolo-energia p {
		font-size: 2.5rem;
	}
	.pulsante-finale-home {
		font-size: 2.5rem;
	}
	.pulsante-finale-home a{
		line-height: 3rem;
	}
	#dopovantaggi {
		height: 100vh;
	}
	.testo-rivolgiamo p {
		font-size: 3rem;
	}
	.container-img-energia .img-energia.bordo {
	  	max-width: 1100px;
	}
	h2.titolo-azzurrino {
		font-size: 4rem;
	}
	.testo-energia h3{
		font-size: 2.5rem;
	}
	.stratego-description .testo-pagina :is(p, li), .testo-energia :is(p, li){
		font-size: 1.8rem;
	}
	/************************************
	 * FOOTER
	 * *********************************/
	footer h2{
		text-align: left;
		margin-top: 0px;
	}
	footer ul.menu li{
		text-align: left;
	}
	footer .social-inline, footer .col-12:has(img){
		text-align: left;
	}
}

/* DESKTOP */
@media (min-width: 1680px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1640px; /* FIX RETINA DISPLAY WIDTH */
  }
	img.custom-logo {
		top: 130px;
		left: -160px;
		max-width: 490px;
		max-height: 130px;
	}
}