.rotazione {
  animation-name: rotazione;
  animation-duration: 3s;
}
@keyframes rotazione {
  0%   {width: 0%; transform: rotate(30deg);}
  40%  {transform: rotate(0deg);}
  100% {width: 100%;}
}  

.sfumatura {
  animation-name: sfumatura;
  animation-duration: 3s;
}
@keyframes sfumatura {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}   


@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
.hidden-ios {
  display: none;
     }
}
@supports (-webkit-user-drag: none) {
  /* CSS specific to iOS devices */ 
.hidden-ios {
  display: none;
     }
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */
.visible-ios {
  display: none;
     }
}
@supports not (-webkit-user-drag: none) {
  /* CSS for other than iOS devices */
.visible-ios {
  display: none;
     }
}

/*COLORE DEL TESTO*/
.arancione {
  color: #f1ae0e;
}
/*-END- COLORE DEL TESTO*/


/*CENTRA DIV IN UN DIV*/
.centra-vert-padre {
    position: relative;
}
.centra-vert-figlio {
	position: absolute;
    top: 50%;
    transform: translate(0, -50%);
	text-align: center;
}
/*-END- CENTRA DIV IN UN DIV*/


.section {
    position: relative;
    width: 100%;
    height: 100vh;
}

.bg-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.bg {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
    will-change: transform;
}

.bg2 {
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
    will-change: transform;
}

.overlay {
    position: fixed;
    right: 0;
    bottom: 30px;
    left: 0;
    padding: 0 15px;
    z-index: 10;
}

h1 .iphone{
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    
    a {
        position: relative;
        color: inherit;
        font-weight: 600;
        text-decoration: none;
        
        &:hover {
            &:before {
                width: 100%;
                transition: width 0.4s;
            }    
        }   
        
        &:before {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #FFF;
            transition: width 0.2s;
        }
    }
}


/*IL MIO BOTTONE ARANCIONE*/
.btn-arancione {
  font-weight: 600 !important;
  color: #111111;
  background-color: #f5c554;
  border-color: transparent;
}
.btn-arancione:focus,
.btn-arancione.focus {
  color: #111111;
  background-color: #f1ae0e;
  border-color: transparent;
}
.btn-arancione:hover {
  color: #ffffff !important;
  background-color: #f1ae0e;
  border-color: #transparent;
}
.btn-arancione:active,
.btn-arancione.active,
.open > .dropdown-toggle.btn-arancione {
  color: #ffffff !important;
  background-color: #f1ae0e;
  background-image: none;
  border-color: #transparent;
}
.btn-arancione:active:hover,
.btn-arancione.active:hover,
.open > .dropdown-toggle.btn-arancione:hover,
.btn-arancione:active:focus,
.btn-arancione.active:focus,
.open > .dropdown-toggle.btn-arancione:focus,
.btn-arancione:active.focus,
.btn-arancione.active.focus,
.open > .dropdown-toggle.btn-arancione.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-arancione.disabled:hover,
.btn-arancione[disabled]:hover,
fieldset[disabled] .btn-arancione:hover,
.btn-arancione.disabled:focus,
.btn-arancione[disabled]:focus,
fieldset[disabled] .btn-arancione:focus,
.btn-arancione.disabled.focus,
.btn-arancione[disabled].focus,
fieldset[disabled] .btn-arancione.focus {
  background-color: #f9de9b;
  border-color: transparent;
}
.btn-arancione .badge {
  color: #ffffff !important;
  background-color: #f9de9b;
}
/*-END- IL MIO BOTTONE ARANCIONE*/




/*IL MIO BOTTONE TRASPARENTE*/
.btn-trasparente {
  font-weight: 600 !important;
  color: #ffffff !important;
  background-color: transparent;
  border-color: #ffffff !important;
  border: 2px solid #ffffff !important;
}
.btn-trasparente:focus,
.btn-trasparente.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-trasparente:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-trasparente:active,
.btn-trasparente.active,
.open > .dropdown-toggle.btn-trasparente {
  color: #333333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-trasparente:active:hover,
.btn-trasparente.active:hover,
.open > .dropdown-toggle.btn-trasparente:hover,
.btn-trasparente:active:focus,
.btn-trasparente.active:focus,
.open > .dropdown-toggle.btn-trasparente:focus,
.btn-trasparente:active.focus,
.btn-trasparente.active.focus,
.open > .dropdown-toggle.btn-trasparente.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-trasparente.disabled:hover,
.btn-trasparente[disabled]:hover,
fieldset[disabled] .btn-trasparente:hover,
.btn-trasparente.disabled:focus,
.btn-trasparente[disabled]:focus,
fieldset[disabled] .btn-trasparente:focus,
.btn-trasparente.disabled.focus,
.btn-trasparente[disabled].focus,
fieldset[disabled] .btn-trasparente.focus {
  background-color: #ffffff !important;
  border-color: #cccccc;
}
.btn-trasparente .badge {
  color: #ffffff !important;
  background-color: #333333;
}
 /*-END- IL MIO BOTTONE TRASPARENTE*/
 
 /*CROP IMMAGINE PER ARTICOLO*/
 img.img-crop {
	 position: absolute !important;
	 left: 0;
     top: 0;
	 width: 100% !important;
	 height: 100%  !important;
	 object-fit: cover;
	 display: block;
	 vertical-align: middle;
	 background-size: cover;
	 background-position: 50% 50%;
	 background-repeat: no-repeat;
 }
 /*-END- CROP IMMAGINE PER ARTICOLO*/
 
 
 
 /*DIV CIRCOLARE PER CONTATTI*/
div.cerchio {
  border-radius: 50%;
  background: #f5c554;
  padding: 20px; 
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#111111;
}
a.chatnow {
	color: #ffffff !important; 
}
 /*-END- DIV CIRCOLARE PER CONTATTI*/
 
 
 /*BOTTONE LIGHT*/
 button.btn-light.disabled{
	 background-color: #fcdb81;
	 color: #999999;
 }
 /*-END- BOTTONE LIGHT*/
 
 
 /*BOTTONE DANGER HOVER*/
 .btn.btn-danger:hover, .blog-list .item-readmore a:hover {
    color: var(--t4-btn-hover-color);
    background-color: var(--t4-btn-hover-bg);
    border-color: var(--t4-btn-hover-border-color);
}
 
 /*BOTTONE PRIMARY HOVER*/
 .btn.btn-primary:hover, .blog-list .item-readmore a:hover {
    color: var(--t4-btn-hover-color);
    background-color: #ffc107;
    border-color: #ffc107;
 }
 
 /* STILE CALENDARIO PER PAGINA SQUARE */
 .calendario-square .iccalendar table td div { /*dimensione font numeri e altezza riga*/
    line-height: 32px;
    font-size: 18px;
}
.calendario-square .iccalendar table td div.style_Today { /*dimensione font numero giorno oggi e altezza riga*/
    line-height: 32px;
    font-size: 18px;
}
.calendario-square .iccalendar table th { /*dimensione font giorni settimana*/
    font-size: 14px;
}
.calendario-square .icnav .titleic { /*dimensione font mese/anno*/
    font-size: 16px;
    text-transform: uppercase;
}
div.calendario-square {
	padding: 30px !important;
}
.calendario-square .iccalendar div {
	max-width: 450px;
	margin: 0 auto !important;
}

/*DIMENSIONE SEZIONI T4 FULL SCREEN*/
.full .t4-section-inner {
    margin: 0px;
	padding: 0px;
    min-width: 100vw;
}
.full {
    margin: 0px;
	padding: 0px;
    min-width: 100vw;
}

.full .t4-section-inner .t4-row {
	min-width: 100vw;
}
.full .t4-row {
	min-width: 100vw;
}

.full .t4-section-inner .t4-row .t4-col {
    padding: 0px;
}
.full .t4-row .t4-col {
    padding: 0px;
}


/*CENTRA VERTICALE COLONNE T4*/
.align-items-center .t4-section-inner .t4-row {
    align-items: center !important;
}
.align-items-center .t4-row {
    align-items: center !important;
}

/*ALLINEA AL CENTRO PER NEWSLETTER*/
div.t4-col.centra {
	text-align: center;
    text-align: -webkit-center;
	padding: 30px;
}

/*larghezza campi form acymailing*/
.acym_module_form input{
	width: 500px;
}

.acym_module_form input.checkbox{
	width: 30px !important;
}
/***CONTENUTO CAMPI NEWSLETTER IN NERO***/
.newsletter-nero input.cell {
    color: #000;
}

/* IMMAGINI CON OVERLAY SERVIZI */
.contenitore {
  position: relative;
  width: 100%;
  margin-top: 20px;
}

.immagine {
  display: block;
  width: 100%;
  height: auto;
}

.sovrapponi {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black see-through */
  overflow: hidden;
  width: 100%;
  height: 25%;
  transition: .5s ease;
}

.contenitore:hover .sovrapponi {
  height: 100%;
  margin-top:20px;
}

.testo {
  color: white;
  font-size: 12pt;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contenitore:hover .sovrapponi .testo {
	font-size: 16pt;
}

/* FINE IMMAGINI CON OVERLAY SERVIZI */


/****RIQUADRI SOCIAL****/
.social {
	min-height: 350px;
	border-radius: 10px 10px 10px 10px;
    margin: 20px;
    padding: 6px 6px 6px 6px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.social .cerchio {
  border-radius: 50%;
  background: #fff;
  margin-top: 60px;
  margin-bottom: 35px;
  padding: 20px; 
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  /*color:#111111;*/
}


.youtube {
	background-image: linear-gradient(180deg, #C4302BB8 0%, #C4302B 100%);
}
.youtube .cerchio {
	color:#C4302B;
}

.instagram {
	background-image: linear-gradient(180deg, #DD2A7BB8 0%, #dd2a7b 100%);
}
.instagram .cerchio {
	color:#DD2A7B;
}

.facebook {
	background-image: linear-gradient(180deg, #3B5998B8 0%, #3B5998 100%);
}
.facebook .cerchio {
color:#3B5998;
}

.tiktok {
	background-image: linear-gradient(180deg, #A3A3A3 0%, #000000 100%);
}
.tiktok .cerchio {
	color:#000;
}

.kofi {
	background-image: linear-gradient(180deg, #29ABE0 0%, #29ABE0 100%);
}
.kofi .cerchio {
	color:#000;
}
/****FINE RIQUADRI SOCIAL****/


/****STILE MENU FOOTER****/
.footermenu .nav-link {
    font-size: 0.7rem;
    font-weight: 300;
    color: #FFF;
    border: 0;
}

.footermenu .nav-link:hover, .nav-link:focus {
    color: #FFB800 !important;
}
.footermenu .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #999 !important;
}
.footermenu .dropdown-item {
    font-weight: 300;
    color: #999;
    font-size: 0.7rem;
}
.footermenu ul.dropdown-menu.show {
    background-color: transparent;
    border-width: 0px;
}
.footermenu .dropdown-item:hover, .dropdown-item:focus {
    color: #fff !important;
    background-color: transparent;
}
/****FINE STILE MENU FOOTER****/