[v-cloak]
{
	display: none !important;
}

.w-1
{
	width: 1% !important;
}

.bb-1
{
	border-bottom: 1px solid #dcdcdc;
}

label
{
	font-size: 1.2rem;
}

.color-soft
{
	color: #f6a92d;
}

.color-innova
{
	color: #34a6b8;
}

/**** LOADER ****/
#loader
{
	display:          none;
	position:         fixed;
	z-index:          10000000;
	top:              0;
	left:             0;
	width:            100%;
	height:           100%;
	background-color: rgba(0, 0, 0, 0.5);
}

#loader > div
{
	display:         flex;
	justify-content: center;
	align-items:     center;
	height:          100%;
}

#loader > div > img
{
	width: 25%;
}

.rotateLogo
{
	animation-name:            rotateLogo;
	animation-duration:        3.5s;
	animation-timing-function: linear;
	animation-fill-mode:       forwards;
	animation-iteration-count: infinite;
}

.justify-items-center
{
	justify-items: center;
}

@keyframes rotateLogo
{
	0%, 100%
	{
		opacity: 0;
	}
	10%, 90%
	{
		opacity:          0;
		transform:        perspective(1700px) rotateY(-270deg) translateZ(0) scale(0.5);
		transform-origin: center center;
	}
	40%, 60%
	{
		opacity:          0.7;
		transform:        perspective(1700px) rotateY(0deg) translateZ(5px) scale(1);
		filter:           drop-shadow(0 0 1px rgba(245, 245, 245, 0.5));
		transform-origin: center center;
	}
	50%
	{
		opacity:          1;
		transform:        perspective(1700px) rotateY(0deg) translateZ(5px) scale(1);
		filter:           drop-shadow(0 0 15px rgba(245, 245, 245, 1));
		transform-origin: center center;
	}
}


/**** MEDIA QUERIES lx ****/
@media (min-width: 769px) and (max-width: 1199px)
{
	.col-lx-1
	{
		flex:  0 0 auto;
		width: 8.333333%;
	}

	.col-lx-2
	{
		flex:  0 0 auto;
		width: 16.666667%;
	}

	.col-lx-3
	{
		flex:  0 0 auto;
		width: 25%;
	}

	.col-lx-4
	{
		flex:  0 0 auto;
		width: 33.333333%;
	}

	.col-lx-5
	{
		flex:  0 0 auto;
		width: 41.666667%;
	}

	.col-lx-6
	{
		flex:  0 0 auto;
		width: 50%;
	}

	.col-lx-7
	{
		flex:  0 0 auto;
		width: 58.333333%;
	}

	.col-lx-8
	{
		flex:  0 0 auto;
		width: 66.666667%;
	}

	.col-lx-9
	{
		flex:  0 0 auto;
		width: 75%;
	}

	.col-lx-10
	{
		flex:  0 0 auto;
		width: 83.333333%;
	}

	.col-lx-11
	{
		flex:  0 0 auto;
		width: 91.666667%;
	}

	.col-lx-12
	{
		flex:  0 0 auto;
		width: 100%;
	}

	/* Ordine di default */
	.order-lx-0
	{
		order: 0 !important;
	}

	.order-lx-1
	{
		order: 1 !important;
	}

	.order-lx-2
	{
		order: 2 !important;
	}

	.order-lx-3
	{
		order: 3 !important;
	}

	.order-lx-4
	{
		order: 4 !important;
	}

	.order-lx-5
	{
		order: 5 !important;
	}

	/* Speciali come Bootstrap */
	.order-lx-first
	{
		order: -1 !important;
	}

	.order-lx-last
	{
		order: 6 !important;
	}

	.m-lx-0
	{
		margin: 0 !important;
	}

	.m-lx-1
	{
		margin: .25rem !important;
	}

	.m-lx-2
	{
		margin: .5rem !important;
	}

	.m-lx-3
	{
		margin: 1rem !important;
	}

	.m-lx-4
	{
		margin: 1.5rem !important;
	}

	.m-lx-5
	{
		margin: 3rem !important;
	}

	.mx-lx-0
	{
		margin-left:  0 !important;
		margin-right: 0 !important;
	}

	.mx-lx-1
	{
		margin-left:  .25rem !important;
		margin-right: .25rem !important;
	}

	.mx-lx-2
	{
		margin-left:  .5rem !important;
		margin-right: .5rem !important;
	}

	.mx-lx-3
	{
		margin-left:  1rem !important;
		margin-right: 1rem !important;
	}

	.mx-lx-4
	{
		margin-left:  1.5rem !important;
		margin-right: 1.5rem !important;
	}

	.mx-lx-5
	{
		margin-left:  3rem !important;
		margin-right: 3rem !important;
	}

	.my-lx-0
	{
		margin-top:    0 !important;
		margin-bottom: 0 !important;
	}

	.my-lx-1
	{
		margin-top:    .25rem !important;
		margin-bottom: .25rem !important;
	}

	.my-lx-2
	{
		margin-top:    .5rem !important;
		margin-bottom: .5rem !important;
	}

	.my-lx-3
	{
		margin-top:    1rem !important;
		margin-bottom: 1rem !important;
	}

	.my-lx-4
	{
		margin-top:    1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.my-lx-5
	{
		margin-top:    3rem !important;
		margin-bottom: 3rem !important;
	}

	.mt-lx-0
	{
		margin-top: 0 !important;
	}

	.mt-lx-1
	{
		margin-top: .25rem !important;
	}

	.mt-lx-2
	{
		margin-top: .5rem !important;
	}

	.mt-lx-3
	{
		margin-top: 1rem !important;
	}

	.mt-lx-4
	{
		margin-top: 1.5rem !important;
	}

	.mt-lx-5
	{
		margin-top: 3rem !important;
	}

	.mb-lx-0
	{
		margin-bottom: 0 !important;
	}

	.mb-lx-1
	{
		margin-bottom: .25rem !important;
	}

	.mb-lx-2
	{
		margin-bottom: .5rem !important;
	}

	.mb-lx-3
	{
		margin-bottom: 1rem !important;
	}

	.mb-lx-4
	{
		margin-bottom: 1.5rem !important;
	}

	.mb-lx-5
	{
		margin-bottom: 3rem !important;
	}

	.ms-lx-0
	{
		margin-left: 0 !important;
	}

	.ms-lx-1
	{
		margin-left: .25rem !important;
	}

	.ms-lx-2
	{
		margin-left: .5rem !important;
	}

	.ms-lx-3
	{
		margin-left: 1rem !important;
	}

	.ms-lx-4
	{
		margin-left: 1.5rem !important;
	}

	.ms-lx-5
	{
		margin-left: 3rem !important;
	}

	.me-lx-0
	{
		margin-right: 0 !important;
	}

	.me-lx-1
	{
		margin-right: .25rem !important;
	}

	.me-lx-2
	{
		margin-right: .5rem !important;
	}

	.me-lx-3
	{
		margin-right: 1rem !important;
	}

	.me-lx-4
	{
		margin-right: 1.5rem !important;
	}

	.me-lx-5
	{
		margin-right: 3rem !important;
	}

	/* ============================
	   PADDINGS
	   ============================ */
	.p-lx-0
	{
		padding: 0 !important;
	}

	.p-lx-1
	{
		padding: .25rem !important;
	}

	.p-lx-2
	{
		padding: .5rem !important;
	}

	.p-lx-3
	{
		padding: 1rem !important;
	}

	.p-lx-4
	{
		padding: 1.5rem !important;
	}

	.p-lx-5
	{
		padding: 3rem !important;
	}

	.px-lx-0
	{
		padding-left:  0 !important;
		padding-right: 0 !important;
	}

	.px-lx-1
	{
		padding-left:  .25rem !important;
		padding-right: .25rem !important;
	}

	.px-lx-2
	{
		padding-left:  .5rem !important;
		padding-right: .5rem !important;
	}

	.px-lx-3
	{
		padding-left:  1rem !important;
		padding-right: 1rem !important;
	}

	.px-lx-4
	{
		padding-left:  1.5rem !important;
		padding-right: 1.5rem !important;
	}

	.px-lx-5
	{
		padding-left:  3rem !important;
		padding-right: 3rem !important;
	}

	.py-lx-0
	{
		padding-top:    0 !important;
		padding-bottom: 0 !important;
	}

	.py-lx-1
	{
		padding-top:    .25rem !important;
		padding-bottom: .25rem !important;
	}

	.py-lx-2
	{
		padding-top:    .5rem !important;
		padding-bottom: .5rem !important;
	}

	.py-lx-3
	{
		padding-top:    1rem !important;
		padding-bottom: 1rem !important;
	}

	.py-lx-4
	{
		padding-top:    1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.py-lx-5
	{
		padding-top:    3rem !important;
		padding-bottom: 3rem !important;
	}

	.pt-lx-0
	{
		padding-top: 0 !important;
	}

	.pt-lx-1
	{
		padding-top: .25rem !important;
	}

	.pt-lx-2
	{
		padding-top: .5rem !important;
	}

	.pt-lx-3
	{
		padding-top: 1rem !important;
	}

	.pt-lx-4
	{
		padding-top: 1.5rem !important;
	}

	.pt-lx-5
	{
		padding-top: 3rem !important;
	}

	.pb-lx-0
	{
		padding-bottom: 0 !important;
	}

	.pb-lx-1
	{
		padding-bottom: .25rem !important;
	}

	.pb-lx-2
	{
		padding-bottom: .5rem !important;
	}

	.pb-lx-3
	{
		padding-bottom: 1rem !important;
	}

	.pb-lx-4
	{
		padding-bottom: 1.5rem !important;
	}

	.pb-lx-5
	{
		padding-bottom: 3rem !important;
	}

	.ps-lx-0
	{
		padding-left: 0 !important;
	}

	.ps-lx-1
	{
		padding-left: .25rem !important;
	}

	.ps-lx-2
	{
		padding-left: .5rem !important;
	}

	.ps-lx-3
	{
		padding-left: 1rem !important;
	}

	.ps-lx-4
	{
		padding-left: 1.5rem !important;
	}

	.ps-lx-5
	{
		padding-left: 3rem !important;
	}

	.pe-lx-0
	{
		padding-right: 0 !important;
	}

	.pe-lx-1
	{
		padding-right: .25rem !important;
	}

	.pe-lx-2
	{
		padding-right: .5rem !important;
	}

	.pe-lx-3
	{
		padding-right: 1rem !important;
	}

	.pe-lx-4
	{
		padding-right: 1.5rem !important;
	}

	.pe-lx-5
	{
		padding-right: 3rem !important;
	}
}