.loader-item
{
	background : url(../images/logo/img-loader.png) 50% 50% no-repeat;
}

.color-soft
{
	color : #f6a92d;
}

.color-innova
{
	color : #34a6b8
}

.pointer
{
	cursor : pointer;
}

.w100
{
	width : 100%;
}

#video-container
{
	position : absolute;
	top      : 0;
	height   : 100%;
	width    : 100%;
	overflow : hidden;
}

.icon
{
	display         : flex;
	flex-wrap       : nowrap;
	flex-direction  : row;
	justify-content : center;
	align-items     : center;
}

.blur
{
	backdrop-filter         : blur(10px);
	-webkit-backdrop-filter : blur(10px);
}

#icon-innovazione,
#icon-collaborazione,
#icon-personalizzazione,
#icon-qualita
{
	width               : 40px;
	height              : 40px;
	background-repeat   : no-repeat;
	background-size     : contain;
	background-position : center center;
}

#icon-innovazione
{
	background-image : url(../images/items/Innovazione.png);
}

#icon-collaborazione
{
	background-image : url(../images/items/Collaborazione.png);
}

#icon-personalizzazione
{
	background-image : url(../images/items/Personalizzazione.png);
}


#icon-qualita
{
	background-image : url(../images/items/Qualita.png);
}

#icon-senza-pensieri,
#icon-su-misura,
#icon-scalabilita,
#icon-cloud-computing
{
	width               : 75px;
	height              : 75px;
	background-repeat   : no-repeat;
	background-size     : contain;
	background-position : center center;
}

#icon-senza-pensieri
{
	background-image : url(../images/items/Protezione.png);
}

#icon-cloud-computing
{
	background-image : url(../images/items/Cloud.png);
}

#icon-su-misura
{
	background-image : url(../images/items/Misura.png);
}

#icon-scalabilita
{
	background-image : url(../images/items/Crescita.png);
}


#icon-migration,
#icon-development,
#icon-integration
{
	width               : 90px;
	height              : 90px;
	background-repeat   : no-repeat;
	background-size     : contain;
	background-position : center center;
}

#icon-migration
{
	background-image : url(../images/items/migration.png);
}

#icon-development
{
	background-image : url(../images/items/development.png);
}

#icon-integration
{
	background-image : url(../images/items/integration.png);
}


#ui-ux-design img,
#sviluppo-web img,
#sviluppo-e-commerce img,
#ottimizzazioni-seo img,
#sviluppo-app img,
#gestionali-personalizzati img,
#industria-4 img
{
	box-shadow      : 0 0 5px 0;
	width           : 100%;
	height          : 350px;
	object-fit      : cover;
	object-position : bottom;
}

#servizi h3
{
	font-size : 23px;
}

nav.navbar .collapsing ul li a,
nav.navbar .collapse.in ul li a
{
	color: white !important;
}

.navbar-collapse.collapse.in ul li.active a
{
	color: #34a6b8 !important;
}

.bg-grad-animation-innova
{
	color             : #fff;
	background        : -webkit-linear-gradient(-45deg, #f6a92d, #fa9e00, #00dcff, #34a6b8);
	background        : -moz-linear-gradient(-45deg, #f6a92d, #fa9e00, #00dcff, #34a6b8);
	background        : -o-linear-gradient(-45deg, #f6a92d, #fa9e00, #00dcff, #34a6b8);
	background        : linear-gradient(-45deg, #f6a92d, #fa9e00, #00dcff, #34a6b8);
	background-size   : 400% 400%;
	-webkit-animation : animation2 5s ease infinite;
	-moz-animation    : animation2 5s ease infinite;
	animation         : animation2 5s ease infinite;
}

/*** SCROLLBAR ***/
::-webkit-scrollbar
{
	width  : 5px;
	height : 5px;
}

::-webkit-scrollbar-track
{
	background : #f6a92d;
}

::-webkit-scrollbar-thumb
{
	background-color : #34a6b8;
	border-radius    : 6px;
}

::-webkit-scrollbar-thumb:hover
{
	background-color : #34a6b8;
}

#modalCookieConsent
{
	background-color : transparent !important;
}

/*** COOKIE POLICY ***/
#cookieConsent
{
	position         : fixed;
	bottom           : 0;
	left             : 0;
	width            : 100%;
	background-color : #f1f1f1;
	color            : #000;
	text-align       : center;
	padding          : 10px;
	z-index          : 1000;
	padding-top      : 20px;
	box-shadow       : 0 0 10px 0;
}

#cookieConsent button
{
	margin  : 5px;
	padding : 5px 20px;
	cursor  : pointer;
}