/* Main Layout */
#assettopoll {
  scroll-margin-top: 100px; /* Adatta in base all'altezza della navbar */
}

.pill-small {
	font-size: .5rem;
}

.bi {
	opacity: 0.8 !important;
}

body::-webkit-scrollbar {
	width: 4px;
}

body::-webkit-scrollbar:hover {
	width: 8px;
}

body::-webkit-scrollbar-thumb {
	background: #fe821d;
	border-radius: 20px;
}

body::-webkit-scrollbar-track {
	background: #010101;
	
}

.avatar {
	width: 150px;
	height: 150px;

}

.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	
	
	padding: 0;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border: 0px;
	/* border-top: 10px solid transparent; */
	/* border-bottom: 10px solid transparent; */
	opacity: .5;
	transition: opacity .6s ease;
}


.nc1eu-viewer {
	margin-left: 8px;
	margin-right: 8px;
}

.blink_me {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

button#chatbase-bubble-button {
	bottom: 88px !important;
	right: 30px !important;
	width: 50px !important;
	height: 48px !important;
	border-radius: 10px !important;
	background-color: rgba(34, 34, 34, 0.6) !important;
}

div#chatbase-bubble-window {
	max-width: 670px !important;
	bottom: 9rem !important;
	box-shadow: rgb(150 150 150 / 92%) 0px 10px 30px 0px, rgb(150 150 150 / 90%) 0px 0px 0px 1px !important;

}

div#chatbase-message-bubbles {
	right: 5.5rem !important;
	bottom: 6rem !important;
	box-shadow: #1f1e1edb 0px 10px 30px 0px, #1f1e1edb 0px 0px 0px 1px;
	background-color: #fff;
}

.btn-steam {
	background-color: #1b2838;
	/* Blu scuro Steam */
	color: #66c0f4;
	/* Blu chiaro Steam per il testo */
	border: 1px solid #66c0f4;
	/* Bordo blu chiaro */
	border-radius: 50px;
	/* Stile pillola */
	font-weight: bold;
	/* Testo in grassetto */
	padding: 10px 20px;
	transition: background-color 0.3s, color 0.3s;
}

.btn-steam:hover {
	background-color: #66c0f4;
	/* Cambia il background al blu chiaro */
	color: #1b2838;
	/* Testo diventa blu scuro */
	border: 1px solid #1b2838;
	/* Bordo diventa blu scuro */
}

span.head-boxes-title {
	color: white;
	text-shadow: 3px 3px 3px black;
}

.image-wrap {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.image-wrap img {
	width: 100%;
	animation: move 40s ease;
	/* Add infinite to loop. */

	-ms-animation: move 40s ease;
	-webkit-animation: move 40s ease;
	-0-animation: move 40s ease;
	-moz-animation: move 40s ease;
	position: absolute;
}

@-webkit-keyframes move {
	0% {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		transform-origin: bottom left;
		transform: scale(1.0);
		-ms-transform: scale(1.0);
		/* IE 9 */

		-webkit-transform: scale(1.0);
		/* Safari and Chrome */

		-o-transform: scale(1.0);
		/* Opera */

		-moz-transform: scale(1.0);
		/* Firefox */
	}

	100% {
		transform: scale(1.2);
		-ms-transform: scale(1.2);
		/* IE 9 */

		-webkit-transform: scale(1.2);
		/* Safari and Chrome */

		-o-transform: scale(1.2);
		/* Opera */

		-moz-transform: scale(1.2);
		/* Firefox */
	}
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;


}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

}

.ch-info>div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-box-shadow: 3px 3px 18px 1px rgba(0, 0, 0, 0.63);
	-moz-box-shadow: 3px 3px 18px 1px rgba(0, 0, 0, 0.63);
	box-shadow: 3px 3px 18px 1px rgba(0, 0, 0, 0.63);
}

.ch-info .ch-info-front {

	transform-origin: 50% 0%;
	-webkit-box-shadow: 3px 3px 18px 1px rgba(0, 0, 0, 0.63);
	-moz-box-shadow: 3px 3px 18px 1px rgba(0, 0, 0, 0.63);
	box-shadow: 3px 3px 18px 1px rgba(0, 0, 0, 0.63);

}



.ch-info .ch-info-back {
	-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	background: #000;
	opacity: 0;

}

.ch-img-1 {
	background-image: url(/images/19.avif);

}

.ch-img-2 {
	background-image: url(/images/20.avif);
}

.ch-img-3 {
	background-image: url(/images/21.avif);
}

.ch-img-4 {
	background-image: url(/images/18.avif);
}

.ch-img-5 {
	background-image: url(/images/22.avif);
}

.ch-img-6 {
	background-image: url(/images/23.avif);
}

.ch-img-7 {
	background-image: url(/images/24.avif);
}

.ch-img-8 {
	background-image: url(/images/25.avif);
}

.ch-img-9 {
	background-image: url(/images/27.avif);
}

.ch-img-10 {
	background-image: url(/images/26.avif);
}

.ch-img-28 {
	background-image: url(/images/28.avif);
}

.ch-img-29 {
	background-image: url(/images/29.avif);
}

.ch-img-30 {
	background-image: url(/images/30.avif);
}

.ch-img-31 {
	background-image: url(/images/31.avif);
}

.ch-img-32 {
	background-image: url(/images/32.avif);
}

.ch-img-33 {
	background-image: url(/images/33.avif);
}

.ch-img-34 {
	background-image: url(/images/34.avif);
}

.ch-info h3 {
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 24px;
	margin: 15px 15px;
	padding: 40px 0 0 0;
	height: 110px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow:
		0 0 1px #fff,
		0 1px 2px rgba(0, 0, 0, 0.3);
}

.ch-info p {
	color: #fff !important;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 23px;
	border-top: 3px solid rgb(237 179 21);
}

.ch-info p a {
	display: block;
	color: #fff !important;
	color: rgba(255, 255, 255, 0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255, 242, 34, 0.8);
}

.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	-moz-transform: rotate3d(1, 0, 0, 0deg);
	-o-transform: rotate3d(1, 0, 0, 0deg);
	-ms-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg);
	opacity: 1;
}

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
	display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}

.nav-link:hover .iconmenu {
	animation: swing 1.5s infinite;
	/* Usa un'animazione di Animate.css */
	font-size: large !important;
}

.iconmenu-avatar:hover {
	animation: swing 1.5s infinite;
	font-size: large !important;
	height: 32px !important;
	width: auto !important;
}

.iconmenu:hover {
	animation: swing 1.5s infinite;
	/* Usa un'animazione di Animate.css */

}

.dropdown-item:hover .icon-menu {
	animation: swing 1.5s infinite;
	/* Usa l'animazione Animate.css */
	font-size: large !important;
}

a:hover .faa-wrench {
	animation: swing 1.5s infinite;
	/* Usa l'animazione Animate.css */
	font-size: large !important;
}

a:hover .ani-menu {
	animation: shakeX 1.0s infinite;
	/* Usa l'animazione Animate.css */

}

.btn-xs {
	font-size: xx-small;
}

.sprd-product-list--4cols .sprd-product-list-item {
	width: calc(25% - 20px);
	border-radius: 8px;
}

button.btn.btn-sm.btn-outline-primary {
    color: var(--bs-btn-hover-color);
    background-color: #ffffff;
    border-color: #ff0000;
}

.card {
    transition: transform .2s;
}

.card:hover {
    transform: translate(0, -5px);
}
iframe#instagram-embed-0 {
    min-width: auto !important;
}