.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select  : none;
	-khtml-user-select   : none;
	-moz-user-select     : none;
	-ms-user-select      : none;
	user-select          : none;
}

html {
	font-size       : 16px;
	background-color: #fff;
	line-height     : 1.4;
	font-family     : 'Source Sans Pro', sans-serif;
	font-weight     : 400;
	color           : #444;
}

h1,
h2,
h3 {
	font-size  : 1rem;
	margin     : initial;
	font-weight: initial;
}

h1 a:hover,
h2 a:hover,
h3 a:hover {
	color: #0065ff;
}

a {
	color: var(--main);
}

a,
a:visited,
a:hover,
a:focus {
	text-decoration   : none;
	-webkit-transition: color 0.2s ease-in-out;
	transition        : color 0.2s ease-in-out;
}

ol,
ul,
li {
	list-style: none;
}



p {
	margin: 0 0 20px 0;
}

hr {
	height    : 1px;
	border    : 0;
	border-top: 1px dotted var(--color2);
	margin    : 30px 0 40px 0;
	clear     : both;
}

strong {
	font-weight: 700;
}

::selection {
	background : rgba(0, 101, 255, 0.2);
	text-shadow: none;
}

.modifica a {
	text-transform : uppercase;
	text-decoration: none;
	background     : rgba(0, 0, 0, 0.2);
	color          : #fff;
	padding        : 5px 10px;
	font-size      : 0.7rem;
	letter-spacing : 1px;
	border-radius  : 2px;
}

.btn {
	display           : inline-block;
	background-color  : #ff3365;
	border            : 2px solid #ff3365;
	color             : #fff;
	font-weight       : bold;
	font-size         : 14px;
	text-decoration   : none;
	border-radius     : 4px;
	padding           : 5px 20px;
	margin            : 10px 0;
	cursor            : pointer;
	box-shadow        : 0px 2px 3px rgba(0, 0, 0, .2);
	-webkit-transition: 0.2s ease-in-out;
	transition        : 0.2s ease-in-out;
	-moz-transition   : 0.2s ease-in-out;
	-ms-transition    : 0.2s ease-in-out;
	-o-transition     : 0.2s ease-in-out;
}

.btn:hover {
	background-color: #fff;
	color           : #ff3365;
}

.btn-white {
	display           : inline-block;
	background-color  : transparent;
	border            : 2px solid #ffffff;
	color             : #fff;
	font-weight       : bold;
	font-size         : 14px;
	text-decoration   : none;
	border-radius     : 4px;
	padding           : 5px 20px;
	margin            : 10px 0;
	cursor            : pointer;
	-webkit-transition: 0.2s ease-in-out;
	transition        : 0.2s ease-in-out;
	-moz-transition   : 0.2s ease-in-out;
	-ms-transition    : 0.2s ease-in-out;
	-o-transition     : 0.2s ease-in-out;
}

.btn-white:hover {
	background-color: #ff3365;
	color           : #ffffff;
	border          : 2px solid #ff3365;
}


.bgcover {
	background-color   : #eee;
	background-position: center;
	background-size    : cover;
	background-repeat  : no-repeat;
}

.bgcontain {
	background-color   : #fff;
	background-position: center;
	background-size    : contain;
	background-repeat  : no-repeat;
}

/* ARTICLE */
article {
	font-size  : 1.2rem;
	font-weight: 300;
}

article h1 {
	font-size  : 2.7rem;
	margin     : 0 0 0.5em 0;
	line-height: 1.2;
	font-weight: bold;
}

article h2,
article h3 {
	font-size  : 1.7rem;
	margin     : 1em 0 0.5em 0;
	line-height: 1.3;
	font-weight: 700;
	clear      : left;
}

/* article ul,
article ol {
	list-style: none;
	margin    : 0;
	padding   : 0;
	width     : 100%;
}

article li {
	clear          : left;
	background     : url(../images/li.svg) 25px 9px no-repeat;
	background-size: 10px 10px;
	padding-left   : 40px;
	margin-bottom  : 10px;
} */

article iframe {
	display     : block;
	width       : 100%;
	height      : auto;
	aspect-ratio: 16 / 9;
	margin      : 30px 0;
}

/* BOTTONE */
article a.btn {
	display           : inline-block;
	background-color  : #fc3668;
	color             : #fff !important;
	font-weight       : bold;
	text-decoration   : none;
	border-radius     : 4px;
	padding           : 14px 30px;
	margin            : 10px auto;
	text-shadow       : none;
	-webkit-transition: 0.2s ease-in-out;
	transition        : 0.2s ease-in-out;
}

article a.btn:after {
	content: '';
}

article a.btn:hover,
article a.btn:focus {
	outline         : none;
	background-color: #fc3668;
}

/* SOTTOLINEATO */
article a,
article a:visited {
	position       : relative;
	color          : #0065ff;
	text-decoration: none;

	-webkit-transition: all 0.4s ease-in-out;
	transition        : all 0.4s ease-in-out;
}

article a:hover {
	background-color: #eee;
	border-radius   : 2px;
}

/* article blockquote {
	border-left : 8px solid rgb(0 101 255 / .5);
	margin      : 30px 0;
	padding-left: 32px;
}

.product-article ul {
	margin: 40px 0;
}

.product-article ul li {
	padding    : 15px 0 15px 50px;
	font-size  : 1.3rem;
	font-weight: 300;

	background-image   : url(../images/list.svg);
	background-position: left center;
	background-repeat  : no-repeat;
	background-size    : 40px;
} */


.clear {
	height: 1px;
	clear : both;
}


.duecolonne {
	column-count: 2;
	column-gap  : 20px;

	-moz-column-count: 2;
	-moz-column-gap  : 20px;

	-webkit-column-count: 2;
	-webkit-column-gap  : 20px;
}

/* HTML5 */
figure img,
.imm-100 img {
	max-width: 100%;
	width    : 100% !important;
	height   : auto !important;
	display  : block;
}

.radius {
	-webkit-border-radius: 2px;
	-moz-border-radius   : 2px;
	border-radius        : 2px;
}

.boxShadow {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-moz-shadow       : 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow        : 0 1px 3px rgba(0, 0, 0, 0.4);
}

.textShadow {
	text-shadow: 0px 1px 0px #000000;
}

.bezier {
	-webkit-transition: .8s cubic-bezier(.75, -.52, .36, 1.3);
	transition        : .8s cubic-bezier(.75, -.52, .36, 1.3);
}


/* GOOGLE MAPS */
.gmaps {
	margin-bottom : 20px;
	-webkit-filter: grayscale(100%);
	filter        : grayscale(100%);
	opacity       : 0.8;
}

.gmaps img {
	width : 100%;
	height: auto;
}


.post-translation {
	font-family: 'Source Code Pro', monospace;
	font-size  : 14px;
	color      : #888;
	margin     : 20px 0;
}

.post-translation a {
	color: #888;
}



/* SOCIAL */
.footer-social {
	width        : 100%;
	min-height   : 30px;
	margin-bottom: 10px;
}

.post-share span {
	float      : left;
	color      : #0065ff;
	font-family: 'Source Code Pro', monospace;
	font-size  : 14px;
	display    : inline-block;
	padding    : 6px 10px 0px 0;
}

.social-network {
	display: block;
	float  : left;

	width            : 25px;
	height           : 25px;
	margin           : 2px;
	background-color : #f6f6f6;
	background-image : url(../images/social-networks.svg);
	background-repeat: no-repeat;

	-webkit-border-radius: 2px;
	-moz-border-radius   : 2px;
	border-radius        : 2px;

	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition   : background-color 0.2s ease-in-out;
	-o-transition     : background-color 0.2s ease-in-out;
	-ms-transition    : background-color 0.2s ease-in-out;
	transition        : background-color 0.2s ease-in-out;
}

.social-network.facebook-sprite {
	background-position: 0px 0px;
}

.social-network.google-sprite {
	background-position: -25px 0px;
}

.social-network.twitter-sprite {
	background-position: -50px 0px;
}

.social-network.youtube-sprite {
	background-position: -75px 0px;
}

.social-network.vimeo-sprite {
	background-position: -100px 0px;
}

.social-network.linkedin-sprite {
	background-position: -125px 0px;
}

.social-network.rss-sprite {
	background-position: -150px 0px;
}

.social-network.pinterest-sprite {
	background-position: -175px 0px;
}

.social-network.dropbox-sprite {
	background-position: -200px 0px;
}

.social-network.wechat-sprite {
	background-position: -225px 0px;
}

.social-network.flickr-sprite {
	background-position: -250px 0px;
}

.social-network.skype-sprite {
	background-position: -275px 0px;
}

.social-network.tumblr-sprite {
	background-position: -300px 0px;
}

.social-network.instagram-sprite {
	background-position: -325px 0px;
}

.social-network.whatsapp-sprite {
	background-position: -350px 0px;
}

.social-network.email-sprite {
	background-position: -375px 0px;
}

/*
.social-network:hover {
    -webkit-filter: saturate(0) brightness(30%);
    filter: saturate(0) brightness(30%);
}
*/

/* GALLERY WP */
.gallery-wrap {
	position           : relative;
	width              : 40%;
	padding-bottom     : 40%;
	float              : left;
	margin             : 7px 20px 20px 0;
	cursor             : pointer;
	border-radius      : 2px;
	overflow           : hidden;
	background-color   : #eee;
	background-size    : cover;
	background-position: center;
}

.gallery-wrap:after {
	content            : '';
	position           : absolute;
	top                : 0;
	right              : 0;
	bottom             : 0;
	left               : 0;
	background-color   : rgba(0, 0, 0, 0.6);
	background-image   : url(../images/icon/enlarge.svg);
	background-repeat  : no-repeat;
	background-position: center;
	opacity            : 0;

	-webkit-transition: .4s ease-out;
	transition        : .4s ease-out;
}

.gallery-wrap:hover:after {
	opacity: 1;
}


/* ARTICLE GUTENBERG DROPDOWN */
.drops {
	margin: 2rem 0;
}

.drop {
	position        : relative;
	padding         : 1rem;
	background-color: #edf2f5;
}

.drop .drop-label {
	cursor     : pointer;
	font-weight: bold;
	font-size  : 1.1em;
}

.drop .drop-label small {
	display       : block;
	font-size     : .6em;
	color         : #0065ff;
	text-transform: uppercase;
}

.drop .drop-label:after {
	content : 'Show more';
	position: absolute;
	bottom  : -12px;
	right   : 20px;
	color   : #fff;

	padding      : 4px 30px 4px 10px;
	font-weight  : 600;
	font-size    : 13px;
	border-radius: 15px;

	background-color   : #0364ff;
	background-image   : url(../images/icon/arrow-drop.svg);
	background-repeat  : no-repeat;
	background-position: center right 10px;
	background-size    : 10px;

	-webkit-transition: .2s linear;
	transition        : .2s linear;
}

.drop.active .drop-label:after {
	content: 'Hide content';
}

.drop .drop-content {
	max-height: 0;
	opacity   : 0 !important;
	overflow  : hidden;
}

.drop.active .drop-label {}

.drop.active .drop-content {
	max-height : initial;
	padding-top: 1rem;
	opacity    : 1 !important;

	-webkit-transition: .4s linear !important;
	transition        : .4s linear !important;
}

.drop-content iframe {
	display     : block;
	border      : 0;
	width       : 100%;
	aspect-ratio: 16 / 9;
	margin      : 10px 0;
}



/* PAGINATION */
.post-pagination {
	font-family  : 'Source Code Pro', monospace;
	display      : inline-block;
	clear        : both;
	font-size    : 0;
	margin-bottom: 20px;
	width        : 100%;
	text-align   : center;
}

.post-pagination .page-numbers {
	display        : inline-block;
	text-decoration: none;
	font-size      : 1.1rem;
	line-height    : 50px;
	width          : 40px;
	text-align     : center;
	color          : #333;
}

.post-pagination a:hover {
	text-decoration: underline;
}

.post-pagination span.current {
	font-weight    : bold;
	color          : #0165ff;
	text-decoration: underline;
}

.post-pagination .page-numbers.prev {
	background-image   : url(../images/icon/arrow-left.svg);
	background-repeat  : no-repeat;
	background-position: center;
	border-left        : 0;
	float              : left;
}

.post-pagination .page-numbers.next {
	background-image   : url(../images/icon/arrow-right.svg);
	background-repeat  : no-repeat;
	background-position: center;
	border-right       : 0;
	float              : right;
}

.post-pagination .page-numbers.next:hover,
.post-pagination .page-numbers.prev:hover {
	text-decoration: none;
}



/* COOKIE BAR */
#cookiebar {
	background : rgba(0, 0, 0, 0.9);
	color      : #fff;
	text-align : center;
	padding    : 10px;
	font-size  : 0.8rem;
	line-height: 2;
	position   : fixed;
	bottom     : 0;
	left       : 0;
	width      : 100%;
	z-index    : 9999;
}

#cookiebar p {
	margin : 0 auto;
	padding: 0;
}

#cookiebar a {
	color          : #ccc;
	padding        : 0px 10px;
	margin-left    : 10px;
	border         : 1px solid #666;
	text-decoration: none;
	display        : inline-block;
	white-space    : nowrap;
}

#cookiebar a:hover {
	border    : 1px solid #FFF;
	background: #FFF;
	color     : #000;
}




/* 404 */
.p404 {
	background-image   : url(../images/icon/404.svg);
	background-repeat  : no-repeat;
	background-position: center top;
	padding-top        : 100px;
	margin             : 200px 0;
	text-align         : center;
	font-size          : 2.5rem;
	line-height        : 120%;
}

.p404 small {
	display  : block;
	font-size: 1.2rem;
}


/* TABELLE */
table.mytable {
	position  : relative;
	display   : block;
	overflow  : hidden;
	margin-top: 40px;

	border               : 1px solid #eeeeee;
	-webkit-border-radius: 2px;
	-moz-border-radius   : 2px;
	border-radius        : 2px;
}

table.mytable::after {
	position      : absolute;
	content       : '';
	right         : 0;
	top           : 0;
	width         : 50px;
	height        : 100%;
	z-index       : 1;
	pointer-events: none;
}

table.mytable tbody {
	display    : block;
	width      : 100%;
	overflow-y : auto;
	text-align : left;
	font-size  : 0.9rem;
	line-height: 120%;
	padding    : 0px;
	margin     : 0px;
}

table.mytable tr {
	width  : 100%;
	display: table;
}

table.mytable td {
	width        : 50%;
	margin       : 0px;
	padding      : 10px 15px;
	border-bottom: 1px solid #eeeeee;
	border-right : 1px solid #eeeeee;
}

table.mytable td:first-of-type {
	font-weight: bold;
	width      : 30%;
}

table.mytable tr:nth-child(even) {
	background-color: #ffffff;
}

table.mytable tr:nth-child(odd) {
	background-color: #f6f6f6;
}


/* WYSIWYG */
img.alignnone,
img.aligncenter {
	margin   : 15px auto;
	display  : block;
	max-width: 100%;
	width    : auto;
	height   : auto;
}

img.alignleft {
	margin   : 6px 15px 6px 0;
	float    : left;
	display  : block;
	max-width: 100%;
	width    : auto;
	height   : auto;
}

img.alignright {
	margin   : 6px 0px 6px 15px;
	float    : right;
	display  : block;
	max-width: 100%;
	width    : auto;
	height   : auto;
}

/* MD - tablet landscape */
@media (max-width: 991px) {
	html {
		font-size: calc(15px + 0.3vw);
	}
}


/* SM - tablet portrait */
@media (max-width: 767px) {
	html {
		font-size: calc(17px + 0.3vw);
	}

	table {
		border-right: none;
	}

	table td {
		white-space: nowrap;
	}

	table::after {
		background: -moz-linear-gradient(left, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 100%);
		background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 100%);
		background: linear-gradient(to right, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 100%);
	}

	.gallery-wrap {
		width : 100%;
		height: 30vh;
	}

	img.alignnone,
	img.aligncenter,
	img.alignleft,
	img.alignright {
		margin: 20px 0;
		width : 100%;
	}

}

/* XS - smartphone */
@media (max-width: 575px) {
	.duecolonne {
		column-count        : 1;
		-moz-column-count   : 1;
		-webkit-column-count: 1;
	}
}



/* SECTION TABS */
.guida-titolo-documenti {
	font-size     : 2em;
	line-height   : 1.2;
	font-weight   : bold;
	padding-bottom: 20px;
	color         : #0065ff;
}

.tabx {
	padding-top: 60px;
}

.tabx ul.tabs-label {
	display   : block;
	width     : 100%;
	margin    : 20px 0;
	padding   : 0;
	list-style: none;
}

.tabx ul.tabs-label li {
	display      : inline-block;
	cursor       : pointer;
	margin       : 6px;
	padding      : 4px;
	border-radius: 2px;
	white-space  : nowrap;

	width : 32px;
	height: 32px;
}

.tabx ul.tabs-label li img {
	display        : block;
	border-radius  : 2px;
	width          : 100%;
	height         : 100%;
	object-fit     : cover;
	object-position: center;
}

.tabx ul.tabs-label li:hover img {
	box-shadow: 0px 0px 0px 2px #ccc;
}

.tabx ul.tabs-label li.current img {
	transform : scale(1.4);
	box-shadow: 0px 0px 0px 2px #ccc;
}

.tabx .tabs-content {
	width     : 100%;
	min-height: 300px;
}

.tabx .tabs-content .tab-content {
	display: none;
}

.tabx .tabs-content .tab-content.current {
	display: block;
}

@media (max-width: 767px) {
	.tabx .tabs-content .tab-content.current {
		display: block;
	}

	.tabx .tab-content {
		padding: 1rem 0;
	}

	.tabx ul.tabs-label li span {
		display: none;
	}
}

.tabx h1 {
	font-size     : 1.2rem;
	color         : var(--color4);
	font-weight   : bold;
	padding-top   : 1em;
	padding-bottom: 0.5em;
}

.tabx ul {
	padding-left: 20px;
}

.tabx li {
	list-style: disc;
}




.tabv {}

.tabv ul.tabs-label {
	display   : block;
	width     : 100%;
	margin    : 60px 0 30px 0;
	padding   : 10px;
	list-style: none;
}

.tabv ul.tabs-label li {
	display     : inline-block;
	cursor      : pointer;
	margin-right: 20px;
	padding     : 10px 20px 10px 0;
	font-size   : 1.2rem;
	white-space : nowrap;
}

.tabv ul.tabs-label li:hover,
.tabv ul.tabs-label li.current {
	color     : #0065ff;
	box-shadow: inset 0 -3px 0px -1px;
}

.tabv .tabs-content {
	width     : 100%;
	min-height: 300px;
}

.tabv .tab-content {
	display      : -webkit-box;
	display      : -ms-flexbox;
	display      : flex;
	-ms-flex-wrap: wrap;
	flex-wrap    : wrap;
}

.tabv .tabs-content .tab-content {
	display: none;
}

.tabv .tabs-content .tab-content.current {
	display: flex;
}

@media (max-width: 767px) {
	.vendor-sticky {
		position        : sticky;
		top             : 50px;
		z-index         : 9;
		background-color: #fff;
	}
}


@media (max-width: 767px) {}