/* scrollbar custom */
.in21-overflow-scroll {
	scrollbar-width: thin;
	scrollbar-color: #585858 #000;
}
.in21-overflow-scroll::-webkit-scrollbar {
	width: 12px;
}
.in21-overflow-scroll::-webkit-scrollbar-track {
	background: #000;
}
.in21-overflow-scroll::-webkit-scrollbar-thumb {
	background-color: #585858;
	border-radius: 20px;
	border: 3px solid #000;
}
/* end scrollbar custom */

/* home - mosaico */
.in21-mosaico {
	margin-bottom: calc( 4 * var(--gap-utils) );
}
.in21-mosaico .in21-mosaico-item {
	margin-bottom: calc( 4 * var(--gap-utils) );
}
.in21-mosaico .in21-mosaico-item:last-child {
	margin-bottom:0;
}
.in21-mosaico .seeother-post.v-post {
	width:90vw;
	margin-left:5vw;
}
.in21-mosaico .in21-adv-mosaico {
	height:430px;
}
.in21-mosaico .in21-adv-mosaico .seeother-post {
	height:100%;
	background:white;
}
.in21-mosaico .top-block-info-channel {

}
.in21-mosaico .top-block-info-channel .in21-custom-title,
.in21-mosaico .top-block-info-channel .in21-custom-title a {
	color: #000;
	font-family: "Overpass Mono";
	font-size: 60px;
	font-weight: 700;
	line-height: 60px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
}
.in21-mosaico .top-block-info-channel .in21-custom-title:after,
.in21-mosaico .top-block-info-channel .in21-custom-title:after a {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background-image: url("../images/sep-on-right.png");
    background-position: bottom left;
    margin-top: 10px;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}
@media only screen and (max-width: 999px) {
	.in21-mosaico .top-block-info-channel .in21-custom-title,
	.in21-mosaico .top-block-info-channel .in21-custom-title a {
		font-size: 35px;
		line-height: 35px;
	}
}
@media all and (min-width: 1000px) {
	.in21-mosaico {
		opacity:0;
		margin-bottom:0;
	}
	.in21-mosaico.show {
		opacity:1;
	}
	.in21-mosaico:before {
		height:calc(100% - 60px);
	}
	.in21-mosaico .in21-mosaico-item {
		margin-bottom: 0;
	}
	.in21-mosaico .seeother-post picture {
		position:relative;
		height: 0;
		display:block;
		padding-bottom: 68.75%;
	}
	.in21-mosaico .seeother-post picture img {
		position:absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit:cover;
		object-position: center;
	}
	.in21-mosaico .seeother-post.o-post picture {
		padding-bottom: 68.75%;
	}
	.in21-mosaico .seeother-post.v-post picture {
		padding-bottom: 145.83333333333334%
	}
	.in21-mosaico .in21-mosaico-item:nth-child(odd) .seeother-post {
		margin-left:auto;
		margin-right:30px;
	}
	.in21-mosaico .in21-mosaico-item:nth-child(even) .seeother-post {
		margin-left:30px;
	}
	.in21-mosaico .in21-adv-mosaico {
		height:500px;
	}
	.in21-mosaico .top-block-info-channel {
		margin-right:30px;
	}
	.in21-mosaico .top-block-info-channel .in21-custom-title:after {
		background-position: bottom right;
	}
}
/* end home - mosaico */

/* adv - native small */
.in21-native-small-wrap {
	position: relative;
}
.in21-native-small-wrap:before {
	content: "";
	position: absolute;
	left: calc(var(--horizontal-gap)*-2);
	right: calc(var(--horizontal-gap)*-2);
	display: block;
	height: 1px;
	margin: 0 auto;
	background: #E1E4E9;
	top:0;
}
.in21-native-small-wrap > * {
	width:100%;
	max-width: 340px;
    height: 120px;
    background: white;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.02), -20px 20px 20px 0 rgba(0, 0, 0, 0.03);
}
.in21-native-small-wrap > *:first-child {
	padding-top:20px;
	height:140px;
}
@media all and (min-width: 1000px) {
	.in21-native-small-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 1080px;
	}
	.in21-native-small-wrap > * {
		height: 140px;
		max-width: 330px;
		padding: 20px 0;
		margin-left:0;
		margin-right:0;
	}
}
/* end adv - native small */

/* fascione custom */
.in21-fascione-custom {
	padding:0;
	background:none;
}

.in21-fascione-custom-wrap .humansp-img {
	margin:0;
}
.in21-fascione-custom-wrap .humansp-img img {
	width:100%;
}
.in21-fascione-custom-wrap .humansp-descr-cta {
	padding:calc(var(--gap-utils)*4) calc(var(--gap-utils)*4) 60px;
	position:relative;
}
@media all and (min-width: 1000px) {
	.in21-fascione-custom .in21-fascione-custom-wrap {
		display:flex;
	}
}
/* end fascione custom */

/* library */
.in21-head-library {
	font-family: "Overpass Mono";
}
.in21-head-library .in21-head-content {
	overflow: hidden;
}
.in21-head-library .in21-head-title {
	font-size: 35px;
	font-weight: bold;
	line-height: 1em;
	color: #000000;
	text-transform: uppercase;
	margin:0;
}
.in21-head-library .in21-head-content .filter {
	float:left;
	font-size: 13.5px;
	font-weight: bold;
	color: #000000;
	padding: 8px 30px 8px 10px;
	margin:0 0 10px;
	background-color: #e1e4e9;
	line-height:1em;
	position:relative;
	text-transform: uppercase;
}
.in21-head-library .in21-head-content .filter:before,
.in21-head-library .in21-head-content .filter:after {
	position: absolute;
	right: 15px;
	top:9px;
	content: ' ';
	height: 12px;
	width: 3px;
	background-color: #bdc1ca;
}
.in21-head-library .in21-head-content .filter:before {
	transform: rotate(45deg);
}
.in21-head-library .in21-head-content .filter:after {
	transform: rotate(-45deg);
}
.in21-head-library .in21-head-content .filter:hover:before,
.in21-head-library .in21-head-content .filter:hover:after {
	background-color: var(--common-color-primary);
}
.in21-head-library .in21-head-content .filter.red {
	color: #fff;
	background-color: var(--common-color-primary);
}
.in21-head-library .in21-head-content .filter.red:before,
.in21-head-library .in21-head-content .filter.red:after {
	background-color: #fff;
}
.in21-head-library .in21-head-filters {
	display:flex;
	justify-content: space-between;
	width:100%;
}
.in21-head-library .in21-head-filters select {
	font-family: "Roboto Slab";
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
		appearance: none;
	height: 44px;
	border-radius: 5px;
	border: 1px solid #E1E4E9;
	background-color: #fff;
	margin: 0;
	padding: 0 50px 0 15px;
	background-image: url("../images/arrow-select.png");
	background-repeat: no-repeat;
	background-position: right center;
	width: 48%;
	color: #000;
	font-size: 16px;
	display: inline-block;
}
.in21-head-library .in21-head-filters select:first-child {
	margin-left:0;
}
/* player */
.in21-player-module {
	font-family: "Overpass Mono";
	color:#fff;
}
.in21-player-module .in21-tag {
	font-size: 16px;
	line-height:1em;
	font-weight: bold;
	color:white;
	text-transform: uppercase;
}
.in21-player-module .in21-tag a {
	color: var(--common-color-primary);
}
.in21-player-module .in21-title {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: -2px;
}
.in21-player-module:not(.interni-podcast) .in21-title {
	max-width:calc(100% - 50px);
}
.in21-player-module .in21-title > * {
	font-size: 25px;
}
.in21-player-module .in21-description {
	font-family: "Roboto Slab";
	font-size: 15px;
	font-weight: 300;
	line-height: 1.67;
}
.in21-player-module .in21-description a {
	text-decoration: underline;
	text-underline-offset: 1px;
	color:#fff;
	font-weight:400;
}
.in21-player-module .in21-description .in21-date {
	font-size: 13px;
	font-weight: bold;
}
.in21-player-module .in21-brand-name {
	font-size: 11px;
	font-weight: 600;
}
.in21-player-module .in21-brand-name a {
	font-family: "Roboto Slab";
	font-size: 15px;
	font-weight: 600;
	color:white;
	text-decoration: underline;
}
.in21-player-module .in21-brand-logo {
	position:absolute;
	bottom:0;
	right:0;
	display:flex;
	align-items: center;
}
.in21-player-module .in21-brand-logo .in21-featured-label {
	position:relative;
	bottom:auto;
	right:auto;
}
.in21-player-module .in21-goto {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: -0.93px;
	color: #ffffff;
	text-transform: uppercase;
	position:relative;
	display: inline-block;
	transition: color .2s linear;
	margin-right:10px;
}
.in21-player-module .in21-goto svg {
	position:absolute;
	bottom: 2px;
	right: -1px;
	width:15px;
	transform:rotate(-45deg);
	--color-svg: var(--common-color-primary);
}
.in21-player-module .dj-btn {
	width:100%;
	margin:0 auto;
}
.in21-player-module .in21-player-container.player-ratio-16-9,
.in21-player-module .in21-player-container.player-ratio-16-9 {
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	position:relative;
	display:block;
}
.in21-player-module .in21-player-container.player-ratio-16-9 .av-content-wrapper,
.in21-player-module .in21-player-container.player-ratio-16-9 .av-content-wrapper {
	max-width:none;
	max-height:none;
}
.in21-player-module .in21-player-container.player-ratio-16-9 iframe,
.in21-player-module .in21-player-container.player-ratio-16-9 video,
.in21-player-module .in21-player-container.player-ratio-16-9 iframe,
.in21-player-module .in21-player-container.player-ratio-16-9 video {
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* end player */
/* player podcast */
.in21-player-module.interni-podcast {
	padding:var(--horizontal-gap) 0 0;
	background:#000;
	position:relative;
}
.in21-player-module.interni-podcast .in21-content {
	position:relative;
	padding:0 calc(var(--horizontal-gap) * 2);
}
.in21-player-module.interni-podcast .in21-description {
	padding-bottom:50px;
}
.in21-player-module.interni-podcast .dj-btn {
	width:calc(100% + (var(--horizontal-gap) * 2));
	margin-left:calc(var(--horizontal-gap) * -1);
}
/* end player podcast */

/* player video & talks */
.in21-player-module.interni-video .in21-right,
.in21-player-module.interni-talk .in21-right {
	flex: 0 0 30%;
	position:relative;
	background:#000;
	height:100%;
}
.in21-player-module.interni-video .in21-overflow-scroll,
.in21-player-module.interni-talk .in21-overflow-scroll {
	padding:var(--horizontal-gap);
	position:relative;
}
.in21-player-module.interni-video .in21-description,
.in21-player-module.interni-talk .in21-description {
	padding-bottom:50px;
}
/* end player video & talks */

/* player video & talks in foglia */
.so-panel.widget .in21-player-module {
	background:#000;
}
.so-panel.widget .in21-player-module .in21-content {
	padding:var(--horizontal-gap);
}
.so-panel.widget .in21-player-module .in21-description {
	font-weight:500;
}
.so-panel.widget .in21-player-module .in21-goto svg {
	right: -1px;
    top: 2px;
    bottom: auto;
}
/* end player video & talks in foglia */

@media all and (min-width: 1000px) {
	.in21-head-library {
		display:flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.in21-head-library .in21-head-content {
		max-width:50%;
	}
	.in21-head-library .in21-head-title {
		font-size: 60px;
	}
	.in21-head-library .in21-head-content .filter {
		font-size: 18px;
		padding: 10px 35px 10px 15px;
		margin:0;
	}
	.in21-head-library .in21-head-content .filter:before,
	.in21-head-library .in21-head-content .filter:after {
		top:13px;
	}
	.in21-head-library .in21-head-filters {
		max-width:50%;
		justify-content: flex-end;
	}
	.in21-head-library .in21-head-filters select {
		width: 42%;
		height: 50px;
		font-size: 20px;
		margin: 0 0 0 10px;
	}
	/* player podcast */
	.in21-player-module.interni-podcast {
		padding:var(--horizontal-gap) var(--horizontal-gap) 0;
	}
	.in21-player-module.interni-podcast .in21-content {
		display:flex;
		padding:var(--horizontal-gap) 0;
	}
	.in21-player-module.interni-podcast .in21-left {
		width: 35%;
		padding-right: 5%;
		border-right: 1px solid #333333;
	}
	.in21-player-module.interni-podcast .in21-right {
		width: 60%;
		padding-left: 5%;
	}
	.in21-player-module.interni-podcast .in21-brand-logo {
		right:calc(var(--horizontal-gap)*-1);
	}
	/* end player podcast */
	/* player video & talks */
	.in21-player-module.interni-video .in21-content,
	.in21-player-module.interni-talk .in21-content {
		display:flex;
	}
	.in21-player-module.interni-video .in21-left,
	.in21-player-module.interni-talk .in21-left {
		flex: 0 0 70%;
	}
	.in21-player-module.interni-video .in21-right:after,
	.in21-player-module.interni-talk .in21-right:after {
		content:"";
		position:absolute;
		bottom:45px;
		left:0;
		width:calc(100% - 10px);
		height:80px;
		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		pointer-events: none;
	}
	.in21-player-module.interni-video .in21-overflow-scroll,
	.in21-player-module.interni-talk .in21-overflow-scroll {
		max-height: calc(100% - 45px);
		overflow-y: scroll;
		padding-bottom:0;
	}
	/* end player video & talks */
	/* player video & talks in foglia */
	.so-panel.widget .in21-player-module .in21-content {
		display:flex;
	}
	.so-panel.widget .in21-player-module .in21-left {
		width: 85%;
		padding-right: 5%;
		border-right: 1px solid #333333;
	}
	.so-panel.widget .in21-player-module .in21-right {
		width: 15%;
		padding-left: 5%;
	}
	/* end player video & talks in foglia */
	.in21-listing-card {
		display: grid;
		grid-template-columns: 31% 31% 31%;
		justify-content: space-between;
	}
}
/* end library */

/* card */
.in21-card {
	background:white;
	font-family: "Overpass Mono";
	box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.02), -20px 20px 20px 0 rgba(0, 0, 0, 0.03);
}
.in21-card .in21-card-content {
	padding:10px 15px;
}
.in21-card .in21-card-content .in21-card-title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: -1px;
	color: #000000;
}
.in21-card .in21-card-content .in21-card-title a {
	color: #000000;
}
.in21-card .in21-card-content .in21-card-category {
	font-size: 15px;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: -0.94px;
    color: #e1e4e9;
}
.in21-card .in21-card-content .in21-card-category a {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: -0.94px;
	color: #ff3e00;
}
.in21-card .in21-card-content .in21-card-description {
	font-family: "Roboto Slab";
	font-size: 13px;
	line-height: 1.54;
	color: #000000;
}
/* variazione card orizzontale */
.in21-card.horizontal {
	display:flex;
	background: none;
	box-shadow: none;
}
.in21-card.horizontal .in21-block-image {
	width:25%;
}
.in21-card.horizontal .in21-card-content {
	width:75%;
	padding:7px 20px;
	background:white;
	box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.02), -20px 20px 20px 0 rgba(0, 0, 0, 0.03);
}
.in21-card.horizontal .in21-card-category {
	margin-bottom:5px;
}
@media all and (max-width: 999px) {
	.in21-card.horizontal .in21-card-category {
		font-size:12px;
	}	
	.in21-card.horizontal .in21-card-title {
		font-size:16px;
	}	
}
/* end variazione card orizzontale */
@media all and (min-width: 1000px) {
	/* variazione card orizzontale */
	.in21-card.horizontal .in21-block-image {
		width:25%;
	}
	.in21-card.horizontal .in21-card-content {
		width:75%;
		padding:25px 30px;
	}
	/* end variazione card orizzontale */
}
/* end card */

/* search */
.in21-search-container {
	font-family: "Overpass Mono";
}
.in21-search-container .in21-search-content {
	position: relative;
	margin-top:calc(var(--gap-utils)*4);
	padding-top:calc(var(--gap-utils)*4);
	border-top:1px solid #E1E4E9;
}
.in21-search-container .in21-search-sidebar {
	width:95vw;
}
.in21-search-container .in21-search-sidebar ul {
	margin:0;
	padding:0;
	overflow: auto;
	white-space: nowrap;
}
.in21-search-container .in21-search-sidebar ul li {
	display:inline-block;
	margin-right:10px;
}
.in21-search-container .in21-search-sidebar ul li a {
	background:#E1E4E9;
	font-size:13.5px;
	color:black;
	font-weight:bold;
	padding:10px 10px 9px;
	line-height:1em;
	display:block;
}
.in21-search-container .in21-search-sidebar ul li.selected a {
	background:var(--common-color-primary);
	color:white;
}
.in21-search-container .in21-search-sidebar ul li a span {
	color:#BDC1CA;
	display:inline-block;
	margin-left:10px;
}
.in21-search-container .in21-search-sidebar ul li.selected a span {
	color:#A12800;
}
.top-search {
	padding-top: 0;
}
.in21-search-container .in21-did-you-mean {
	font-family: "Roboto Slab";
	font-size:18px;
	font-weight:400;
}
.in21-search-container .in21-did-you-mean a {
	color:var(--common-color-primary);
	text-decoration: underline;
}
@media only screen and (max-width: 999px) {
	.top-search {
		padding-bottom: 20px;
	}
	.top-search .title-page {
		font-size:35px;
		margin-bottom:20px;
	}
	.top-search .relative-input {
		height:60px;
		padding:10px 15px;
	}
	.top-search input[type="text"] {
		height:40px;
		line-height:40px;
	}
	.top-search input[type="button"] {
		height:60px;
		line-height:60px;
	}
}
@media all and (min-width: 1000px) {
	.in21-search-container {
		display:flex;
		justify-content: space-between;
	}
	.in21-search-container .in21-search-content {
		width:66%;
		order:0;
		margin-top:0;
		padding-top:0;
		border-top:none;
	}
	.in21-search-container .in21-search-content:after {
		content:"";
		position:absolute;
		width:1px;
		height:100%;
		background:#E1E4E9;
		right:-8%;
		top:0;
	}
	.in21-search-container .in21-search-sidebar {
		width:24%;
		order:1;
	}
	.in21-search-container .in21-search-sidebar ul li {
		display:flex;
		margin-bottom:calc(var(--gap-utils)*1);
		margin-right:0;
	}
	.in21-search-container .in21-search-sidebar ul li a {
		font-size:18px;
	}
}
/* end search */

/* archivio */
.archive .top-block-info-channel .in21-submenu {
	font-family: "Overpass Mono";
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1.25px;
	color: #000000;
	margin-left:-10px;
	margin-right:-10px;
	position:relative;
	overflow: hidden;
}
.archive .top-block-info-channel .in21-submenu > div {
	max-height:80px;
	overflow: hidden;
}
.archive .top-block-info-channel .in21-submenu a {
	display:inline-block;
	color: #000000;
	text-transform: uppercase;
	margin:0 10px 10px;
	line-height:1em;
	word-spacing: -0.15em;
}
.archive .top-block-info-channel .in21-submenu label,
.archive .top-block-info-channel .in21-submenu input {
	display:none;
	position: absolute;
	margin:0;
	cursor:pointer;
}
.archive .top-block-info-channel .in21-submenu.in21-with-clamp label,
.archive .top-block-info-channel .in21-submenu.in21-with-clamp input {
	display:block;
}
.archive .top-block-info-channel .in21-submenu label {
	height:18px;
	width:20px;
	background:var(--common-color-primary);
	z-index:1;
	right:0;
	bottom:3px;
}
.archive .top-block-info-channel .in21-submenu label:before {
    content: "";
    display: block;
    bottom: 0;
    right: 0;
    position: relative;
    width: 100%;
    height: 100%;
    background: none;
    box-shadow: -15px -14px 16px 18px white;
}
.archive .top-block-info-channel .in21-submenu input:checked,
.archive .top-block-info-channel .in21-submenu input:checked ~ label {
	display:none;
}
.archive .top-block-info-channel .in21-submenu input:checked ~ div {
	max-height:1000px;
}
.archive .top-block-info-channel .in21-submenu input {
    height:18px;
	width:20px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='536.602px' height='536.602px' viewBox='0 0 536.602 536.602' style='enable-background:new 0 0 536.602 536.602;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Crect x='389.722' y='194.86' width='146.88' height='146.881'/%3E%3Crect x='194.861' y='194.86' width='146.88' height='146.881'/%3E%3Crect y='194.86' width='146.88' height='146.881'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 39% auto;
	z-index: 2;
    right:0;
	bottom:3px;
    pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	filter: invert();
}
.archive .top-block-info-channel .in21-back a {
	display:inline-block;
	text-transform: uppercase;
	font-family: "Overpass Mono";
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1.25px;
	color: var(--common-color-primary);
}
.archive .top-block-info-channel .in21-back a svg {
	width:14px;
	--color-svg:var(--common-color-primary);
	transform: rotate(180deg);
	margin-right:10px;
}
@media only screen and (max-width: 999px) {
	body.archive .top-block-info-channel h1:after, .top-block-info-channel .title-int-page:after {
		background-position: bottom left;
	}
}
@media all and (min-width: 1000px) {
	.archive .top-block-info-channel .in21-submenu {
		font-size: 20px;
		margin-left:0;
		margin-right:0;
	}
	.archive .top-block-info-channel .in21-submenu a {
		margin:0 0 10px 25px;
		border-bottom:2px solid transparent;
		transition: border .2s linear;
	}
	.archive .top-block-info-channel .in21-submenu a:hover {
		border-color:#000;
	}
	.archive .top-block-info-channel .in21-submenu > div {
		max-height:100px;
	}
}
/* end archivio */

/* modale - fake and not */
.in21-modal-overlay {
	background:#000;
	width:100vw;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}
.in21-modal {
	font-family: "Overpass Mono";
	color:#fff;
	overflow: hidden;
	display:block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:100vw;
	height:100%;
}
.in21-modal-inner {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.in21-modal .in21-modal-left {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.in21-modal .in21-modal-left .swiper-container {
	height:100%;
}
.in21-modal .in21-modal-left .swiper-container .swiper-button-prev,
.in21-modal .in21-modal-left .swiper-container .swiper-button-next {
	display: inline-block;
	background:none;
	outline:none;
	width: 20px; height: 20px;
	display:none;
}
.in21-modal .in21-modal-left .swiper-container .swiper-button-prev span,
.in21-modal .in21-modal-left .swiper-container .swiper-button-next span {
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	width: 100%; height: 100%;
	display:block;
}
.in21-modal.swiper-initialized .swiper-button-prev:not(.swiper-button-disabled),
.in21-modal.swiper-initialized .swiper-button-next:not(.swiper-button-disabled) {
	display:block;
}
.in21-modal .in21-modal-left .swiper-container .swiper-button-prev {
	left:15px;
}
.in21-modal .in21-modal-left .swiper-container .swiper-button-prev span {
	transform: rotate(-225deg);
}
.in21-modal .in21-modal-left .swiper-container .swiper-button-next {
	right:15px;
}
.in21-modal .in21-modal-left .swiper-container .swiper-button-next span {
	transform: rotate(-45deg);
}
.in21-modal .in21-modal-left .swiper-container .swiper-wrapper {}
.in21-modal .in21-modal-left .swiper-container .swiper-slide {
	background:none;
}
.in21-modal .in21-modal-left .swiper-container .swiper-slide img {
	max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}
.in21-modal .in21-modal-right {
	position:relative;
}
.in21-modal .in21-modal-right .in21-head {
	width:100%;
	height:105px;
	padding:15px calc(var(--horizontal-gap)*2);
	position:fixed;
	top:0;
	left:0;
	z-index:2;	
}
.in21-modal .in21-modal-right.opened .in21-head {
    height: 60px;
    background: black;
}
.in21-modal .in21-modal-right .in21-head .in21-head-inner {
	position: relative;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.in21-modal .in21-modal-right .in21-head .in21-modal-count {
	border-top:1px solid rgba(255,255,255,.25);
	width:100%;
	padding-top:15px;
	margin-top:10px;
	font-size:10px;
	text-align:center;
	position:relative;
}
.in21-modal .in21-modal-right .in21-head .in21-modal-count svg {
	width:20px;
	height:auto;
	vertical-align: sub;
}
.in21-modal .in21-modal-right.opened .in21-head .in21-toggle-mobile {
    position: fixed;
    left: 50%;
    margin-top: 30px;
    margin-left: -15px;
    text-indent: -99999px;
    width: 30px;
    height: 30px;
    z-index: 3;
    border: none;
    background: rgba(0,0,0,.5);
    padding: 0;
    border-radius: 50%;
}
.in21-modal .in21-modal-right.opened .in21-head .in21-toggle-mobile:before,
.in21-modal .in21-modal-right.opened .in21-head .in21-toggle-mobile:after {
    position: absolute;
    left: 14px;
    content: ' ';
    height: 18px;
    width: 2px;
    background-color: #fff;
    top: 6px;
}
.in21-modal .in21-modal-right.opened .in21-head .in21-toggle-mobile:before {
	transform: rotate(45deg);
}
.in21-modal .in21-modal-right.opened .in21-head .in21-toggle-mobile:after {
	transform: rotate(-45deg);
}
.in21-modal .in21-modal-right .in21-foot {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:45px;
	z-index:1;
}
.in21-modal .in21-modal-right .in21-content {
	height:100%;
	padding:var(--gap-utils) calc(var(--horizontal-gap)*2) calc(var(--horizontal-gap)*2);
	position:fixed;
	bottom:0;
	left:0;
	z-index:1;
	width:100%;
	height:auto;
}
.in21-modal .in21-modal-right.opened .in21-content:before {
	content:"";
	background: rgba(0,0,0,.7);
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events: none;
	opacity:0;
	z-index:-1;
}
.in21-modal .in21-modal-right .in21-content > *:not(.in21-share) {
    position: relative;
}
.in21-modal .in21-modal-right .in21-content .in21-title {
	max-width:calc(100% - 50px);
}
.in21-modal .in21-modal-right .in21-content .in21-link-social {
	display:flex;
	align-items: center;
}
.in21-modal .in21-modal-right .in21-content .in21-link-social > span {
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	display:inline-block;
}
.in21-modal .in21-modal-right .in21-content .in21-link-social .social-icons {
	margin-left:10px;
}
.in21-modal .in21-modal-right .in21-content .in21-link-social .social-icons a {
    border: solid 2px rgba(255,255,255,.2);
    border-radius: 50%;
    padding: 8px;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.in21-modal .in21-modal-right .in21-content .in21-link-social .social-icons img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    vertical-align: baseline;
}
.in21-modal .in21-modal-right.opened .in21-content {
    overflow-y: auto;
    height: calc(100% - 105px);
	bottom:45px;
	padding-bottom:0;
	padding-top:50px;
}
.in21-modal .in21-modal-right.in21-no-foot.opened .in21-content {
    height: calc(100% - 70px);
	bottom:10px;
}	
.in21-modal .in21-modal-right.opened .in21-content:before {
	opacity:1;
}
.in21-modal .in21-modal-right .in21-content .in21-toggle-mobile {
	display:block;
	font-size: 13px;
	color: #ffffff;
	text-decoration:underline;
	line-height:1em;
	letter-spacing: -2px;
}
.in21-modal .in21-modal-right.opened .in21-content .in21-toggle-mobile {
    display:none;
}
.in21-modal .in21-header-logo {
	flex:0 0 30%;
}
.in21-modal .in21-modal-right .in21-head .in21-goto svg {
	right: -1px;
    top: 2px;
    bottom: auto;
}
@media all and (max-width: 999px) {
	.in21-modal .in21-modal-right:not(.opened) .in21-head:before {
		content:"";
		display:block;
		width:100%;
		height:calc(100% + 40px);
		position:absolute;
		left:0;
		top:0;
		background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	}
	.in21-modal .in21-modal-right:not(.opened) .in21-content:before {
		content:"";
		display:block;
		width:100%;
		height:calc(100% + 40px);
		position:absolute;
		left:0;
		bottom:0;
		background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	}
	.in21-modal .in21-modal-right .in21-content .in21-brand-name,
	.in21-modal .in21-modal-right .in21-content .in21-description,
	.in21-modal .in21-modal-right .in21-content .in21-link-social,
	.in21-modal .in21-modal-right .in21-foot {
		display:none;
	}
	.in21-modal .in21-modal-right.opened .in21-content .in21-description {
		font-weight:400;
	}
	.in21-modal .in21-modal-right.opened .in21-content .in21-description,
	.in21-modal .in21-modal-right.opened .in21-content .in21-brand-name,
	.in21-modal .in21-modal-right.opened .in21-foot {
		display:block;
	}
	.in21-modal .in21-modal-right.opened .in21-content .in21-link-social {
		display:flex;
	}
}
@media all and (min-width: 1000px) {
	.in21-modal {}
	.in21-modal-inner {
		display:flex;
		justify-content: space-between;
	}
	.in21-modal .in21-modal-left {
		position:relative;
		flex:1;
		top:auto;
		left:auto;
		height:auto;
		background:#222;
		overflow:hidden;
	}
	.in21-modal .in21-modal-left .swiper-container .swiper-button-prev,
	.in21-modal .in21-modal-left .swiper-container .swiper-button-next {
		width: 100px; height: 100%;
		top:0;
		margin-top:0;
		transition:all .3s linear;
	}
	.in21-modal .in21-modal-left .swiper-container .swiper-button-prev:hover,
	.in21-modal .in21-modal-left .swiper-container .swiper-button-next:hover {
		background:rgba(0,0,0,.3);
	}
	.in21-modal .in21-modal-left .swiper-container .swiper-button-prev span,
	.in21-modal .in21-modal-left .swiper-container .swiper-button-next span {
		width: 30px; height: 30px;
		border-right: 5px solid #fff;
		border-bottom: 5px solid #fff;
		top:50%;
		margin-top:-30px;
		position:absolute;
	}
	.in21-modal .in21-modal-left .swiper-container .swiper-button-prev {
		left:0;
	}
	.in21-modal .in21-modal-left .swiper-container .swiper-button-next {
		right:0;
	}
	.in21-modal .in21-modal-left .swiper-container .swiper-button-prev span {
		left:40px;
	}
	.in21-modal .in21-modal-left .swiper-container .swiper-button-next span {
		right:40px;
	}
	.in21-modal .in21-modal-right {
		flex:0 0 400px;
		position: relative;
	}
	.in21-modal .in21-modal-right:after {
		content:"";
		position:absolute;
		bottom:45px;
		left:0;
		width:calc(100% - 10px);
		height:80px;
		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		pointer-events: none;
		z-index:1;
	}
	.in21-modal .in21-modal-right.in21-no-foot:after {
		bottom:0;
	}
	.in21-modal .in21-modal-right .in21-head {
		position:relative;
		top:auto;
		left:auto;
		padding:15px var(--horizontal-gap);
		height:120px;
	}
	.in21-modal .in21-modal-right .in21-head .in21-modal-count {
		padding-top:15px;
		margin-top:20px;
		text-align:left;
	}
	.in21-modal .in21-modal-right .in21-content {
		padding:var(--gap-utils) var(--horizontal-gap);
		position:relative;
		bottom:auto;
		left:auto;
		max-height:calc(100% - 165px);
		overflow-y: auto;
		padding-bottom:50px;
	}
	.in21-modal .in21-modal-right.in21-no-foot .in21-content {
		max-height:calc(100% - 120px);
	}
	.in21-modal .in21-modal-right .in21-content:before {
		display:none;
	}
	.in21-modal .in21-modal-right .in21-content .in21-toggle-mobile {
		display:none;
	}
	.in21-modal .in21-modal-right .in21-foot {
		position:absolute;
	}

}
/* end modale - fake and not */




/* share */
.in21-share {
	position: absolute;
	right: 15px;
	top: 30px;
	z-index: 3;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius:50%;
	background: var(--common-color-primary);
}
.in21-share-btn {
	width: 50px;
	height: 50px;
	background: var(--common-color-primary);
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	position:absolute;
	cursor:pointer;
}
.in21-share-btn .in21-icon {
	position: absolute;
	top: 10px;
	left: 12px;
	right: 0;
	width: 25px;
	height: 31px;
	transition: opacity .2s ease;
}
.in21-share-btn .in21-icon.in21-close{
	display: block;
	margin-top: 2px;
	opacity: 0;
}
.in21-share-btn .in21-icon.share{
	opacity: 1;
}
.in21-share.share-open {
	width: 250px;
	background-color: #FFF;
	border-radius: 30px;
}
.in21-share.share-open .in21-icon.in21-close{
	opacity: 1;
}
.in21-share.share-open .in21-icon.share{
	opacity: 0;
}
.in21-share.share-open .in21-share-btn {
	background-color: #FFF;
}
.in21-share-panel {
	display: flex;
	justify-content: space-around;
	width: 196px;
	position: absolute;
	top: 4px;
	right: 50px;
}
.in21-share-panel .in21-socialBtn {
	fill: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 43px;
	height: 43px;
	background-color: var(--common-color-primary);
	border-radius: 50%;
	margin: 0;
	cursor:pointer;
	padding:0;
}
.in21-share-panel .in21-socialBtn svg{
	height: 20px;
	width: auto;
	max-width: 25px;
}
@media all and (max-width: 999px) {
	.in21-modal .in21-modal-right.opened .in21-share {
		top:60px;
	}	
}
/* end share */

/* placeholder card carousel random */
.home-dw-article.placeholder figure {
	width:100%;
	aspect-ratio: 16 / 10.9;
	margin-bottom:10px !important;
	position:relative;
}
.home-dw-article.placeholder figure:after {
	content:"";
	background:url(https://www.internimagazine.it/content/themes/interni/assets/images/interni-logo-w.svg) no-repeat;
	background-position:center;
	width:100%;
	height:100%;
	display:block;
	background-size: 150px auto;
	filter:grayscale(100%);
	position: absolute;
	top: 0;
	left: 0;
	opacity:.6;
}
.home-dw-article.placeholder .home-dw-article-subtitle {
	height:20px;
	width:100px;
	background: lightgray;
	margin-bottom:5px;
}
.home-dw-article.placeholder .home-dw-article-title {
	height:20px;
	width:150px;
}
.home-dw-article.placeholder *.animation {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;

	background: #f6f7f8;
	background: linear-gradient(to right, lightgray 8%, #dddddd 18%, lightgray 33%);
	background-size: 800px 104px;
}
@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}
/* end placeholder card carousel random */

/*#develop {display:none;}*/

/* autocomplete */
.in21-tendina {
    position: absolute;
    box-sizing: border-box;
    top: calc(100% - 3px);
    background: #FFFFFF;
    width: calc(100% - 30px);
	max-width:700px;
    display: none;
	border-radius: 5px;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.32), 0 0 20px 0 rgba(0, 0, 0, 0.2);
	z-index:1;
}
.in21-tendina ul:empty {
    display: none;
}
.in21-tendina ul {
	padding: 0;
	margin:0;
    list-style-type: none;
}
.in21-tendina ul li {
    list-style-type: none;
	display: flex;
    align-items: center;
    width: 100%;
	border-bottom:1px solid #F4F5F8;
}
.in21-tendina ul li:last-child {
	border:none;
}
.in21-tendina ul li a {
    display: block;
	width: 100%;
    text-decoration: none;
	line-height: 1.2;
    padding: calc(var(--gap-utils)) ;
	text-align: left;
    color: #000;
	overflow: hidden;
	font-size: 16px;
	font-weight:bold;
	text-transform: unset;
	font-family: "Overpass Mono";
}
.in21-tendina ul li a .in21-tendina-item-subtitle {
	color:#ff3e00;
	text-transform: uppercase;
	font-size: 10px;
	display:block;
}
.in21-tendina ul li a .in21-tendina-item-title {
	display:block;
}
.in21-tendina ul li a .in21-tendina-item-title span {
	text-decoration: underline;
}
body.designers-week-home .dw-head-search .in21-tendina {
    top: calc(100% - 15px);
	width: calc(100% - 40px);
}
@media all and (min-width: 1000px) {
	.in21-tendina {
		width: calc(100% - 40px);
	}
	.in21-tendina ul li a:hover {
		background-blend-mode: multiply;
		background-image: linear-gradient(to bottom, #F4F5F8, #F4F5F8);
	}
	body.designers-week-home .dw-head-search .in21-tendina {
		top: calc(100% - 20px);
	}
}
/* end autocomplete */

/* modulo separator */
.in21-separator {
	height: 1px;
	background: #E1E4E9;
	margin-bottom: calc( 4 * var(--gap-utils) );
	width:100%;
}
/* end modulo separator */

/* dossier */
.in21-featured-dossier .in21-block-image:after {
	content:"";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-blend-mode: multiply;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
}
.in21-featured-dossier .in21-featured-dossier-subtitle {
	font-family: "Overpass Mono";
	font-size: 16px;
	line-height:1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	background: var(--common-color-primary);
	padding:15px 20px;
}
.in21-featured-dossier .in21-featured-dossier-title {
	line-height: 1.17;
	letter-spacing: -1.72px;
	font-size: 30px;
	color: #ffffff;
	font-family: "Overpass Mono";
	font-weight: bold;
	position:absolute;
    bottom: 0;
    left: 0;
	margin: 0;
    padding: 0 10% 10%;
	z-index:1;
}
.in21-featured-dossier-abstract {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	color: #000000;
}
.in21-featured-dossier-abstract a {
	text-decoration:underline;
	color: #000000;
}
@media all and (min-width: 1000px) {
	.in21-featured-dossier .in21-featured-dossier-subtitle {
		position:absolute;
		z-index:1;
		font-size: 25px;
	}
	.in21-featured-dossier .in21-featured-dossier-title {
		font-size: 80px;
		line-height: 1;
		letter-spacing: -6.4px;
	}
	.in21-featured-dossier-abstract {
		max-width: 840px;
		margin-left:auto;
		margin-right:auto;
	}
}
/* end dossier */