@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&display=swap');

.noscroll {
	overflow: hidden;
}

.swal2-backdrop-black {
	background-color: rgba(0, 0, 0, 0.9) !important;
}

.onetrust-pc-dark-filter {
	background-color: rgba(0, 0, 0, 0.9) !important;
}

.impPixel {
	width: 1px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0;
}

a {
	cursor: pointer;
	color: #000;
}

@media (max-width: 768px) {
	.row:not(.default-gutter) {
		--mdb-gutter-x: 0rem;
		--mdb-gutter-y: 0;
	}
}

@media (min-width: 992px) {
	.sections-container {
		display: none;
	}
}

.row.sectionHeader {
	--mdb-gutter-x: 1.5rem;
}

.row .subsections-container {
	max-width: 100%;
	overflow-x: auto;
}

.subsections-container .nav {
	flex-wrap: nowrap;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.subsections-container .nav {
		flex-wrap: wrap;
		white-space: wrap;
	}

}

.swal2-container.swal2-center {
	z-index: 999999999;
}

/* PAGE TITLE */
.page-title {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 30px 20px 10px 20px;
	margin-bottom: 20px;
	border-bottom: 4px solid #ddd;
}

.page-subtitle {
	text-align: center;
	padding: 0px 30px 20px 30px;
}

/* SUBHEADER */
.subheader {
	font-weight: 700;
	font-size: 1.7rem;
	display: flex;
	align-items: center;
	color: #000;
}

.subheader:hover {
	text-decoration: none !important;
}

.subheader:hover .subheader-title {
	text-decoration: underline;
}

.subheader-icon i {
	font-size: 1.9rem;
}

.ospiteStrip .subheader {
	font-size: 1.4rem;
}

.cantonaliStrip .subheader {
	font-size: 1.4rem;
}

@media (min-width: 1024px) and (max-width: 1440px) {
	.subheader {
		font-size: 2rem;
	}

	.ospiteStrip .subheader {
		font-size: 1.8rem;
	}

	.cantonaliStrip .subheader {
		font-size: 1.8rem;
	}
}

@media (min-width: 1440px) {
	.subheader {
		font-size: 2.5rem;
	}

	.ospiteStrip .subheader {
		font-size: 2.2rem;
	}

	.cantonaliStrip .subheader {
		font-size: 2.2rem;
	}
}

.subheader .section-color {
	display: inline-flex;
	width: 4px;
	height: 1em;
	margin-right: 10px;
	background-color: #000;
	position: relative;
}

.subheader.border_bottom_section_ {
	border-bottom: 3px solid #000;
}


.share-social.sticky {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 1000000;
}


body {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	padding-top: 60px;
	font-size: 1.1rem;
	line-height: 1.7;
}

body.jxa {
	padding-top: 0px;
}

body.jxa .container {
	max-width: unset;
}

.text-orange {
	color: #f57c00 !important;
}

.fs-7 {
	font-size: 0.9rem !important;
}

.fs-8 {
	font-size: 0.8rem !important;
}

.overflow-ellipses span {
	display: inline-block;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.container>.row {
	background-color: #FFF;
}

.container>.row.transparentRow {
	background-color: transparent;
}

.container>.row.videoStrip,
.container>.row.videoitems,
.container>.row.meteoStrip,
.container>.row.breakStrip {
	background-color: transparent;
}

@media (max-width: 1024px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 100%;
		margin-left: auto;
	}
}

@media (min-width: 1024px) and (max-width: 1215px) {
	body {
		width: auto;
	}

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 100%;
		margin-left: 0;
	}

	.ad.maxisky,
	#adspot_sitebar,
	#sitebar_container {
		display: none;
	}
}

@media (min-width: 1215px) {
	.sidebar .ad.maxisky,
	.maxiskyLoaded #adspot_sitebar,
	.maxiskyLoaded #sitebar_container {
		display: block;
		right: 0;
	}
	.sidebar .ad.maxisky {
		top: 0px;
	}
	.maxiskyLoaded .ad.maxisky {
		display: block;
		right: 0;
		width: 300px;
	}
	.maxiskyLoaded .cover,
	.maxiskyLoaded .cover-description {
		max-width: 100%;
		width: 100%;
		left: 0;
	}
}

@media (min-width: 1215px) and (max-width: 1680px) {

	.maxiskyLoaded .container-fluid {
		max-width: 100%;
		width: 100%;
		left: 0;
		margin-left: 0;
	}

	.maxiskyLoaded .container,
	.maxiskyLoaded .container-lg,
	.maxiskyLoaded .container-md,
	.maxiskyLoaded .container-sm,
	.maxiskyLoaded .container-xl,
	.maxiskyLoaded .container-xxl {
		max-width: calc(100% - 300px);
		margin-left: 0;
	}

	.sidebar .ad.maxisky,
	.maxiskyLoaded .ad.maxisky,
	.maxiskyLoaded #adspot_sitebar,
	.maxiskyLoaded #sitebar_container {
		width: 300px;
		display: block;
	}

	.maxiskyLoaded.sidebar .cover,
	.maxiskyLoaded.sidebar .cover-description {
		width: calc(100% - 300px);
	}
}

@media (min-width: 1681px) and (max-width: 1920px) {

	.maxiskyLoaded .container,
	.maxiskyLoaded .container-lg,
	.maxiskyLoaded .container-md,
	.maxiskyLoaded .container-sm,
	.maxiskyLoaded .container-xl,
	.maxiskyLoaded .container-xxl {
		max-width: calc(100% - 600px);
	}

	.maxiskyLoaded.sidebar .container,
	.maxiskyLoaded.sidebar .container-lg,
	.maxiskyLoaded.sidebar .container-md,
	.maxiskyLoaded.sidebar .container-sm,
	.maxiskyLoaded.sidebar .container-xl,
	.maxiskyLoaded.sidebar .container-xxl {
		max-width: calc(100% - 600px);
		left: 0;
	}

	.sidebar .ad.maxisky,
	#adspot_sitebar,
	#sitebar_container {
		width: 600px;
	}

	.maxiskyLoaded.sidebar .cover,
	.maxiskyLoaded.sidebar .cover-description {
		width: calc(100% - 600px);
	}
}

@media (min-width: 1920px) and (max-width: 2304px) {

	.maxiskyLoaded .container,
	.maxiskyLoaded .container-lg,
	.maxiskyLoaded .container-md,
	.maxiskyLoaded .container-sm,
	.maxiskyLoaded .container-xl,
	.maxiskyLoaded .container-xxl {
		max-width: calc(100% - 600px);
	}

	.maxiskyLoaded.sidebar .container,
	.maxiskyLoaded.sidebar .container-lg,
	.maxiskyLoaded.sidebar .container-md,
	.maxiskyLoaded.sidebar .container-sm,
	.maxiskyLoaded.sidebar .container-xl,
	.maxiskyLoaded.sidebar .container-xxl {
		max-width: calc(100% - 700px);
		left: 0;
	}

	.sidebar .ad.maxisky,
	#adspot_sitebar,
	#sitebar_container {
		width: 700px;
	}

	.maxiskyLoaded.sidebar .cover,
	.maxiskyLoaded.sidebar .cover-description {
		width: calc(100% - 700px);
	}
}

@media (min-width: 2304px) {

	.maxiskyLoaded .container,
	.maxiskyLoaded .container-lg,
	.maxiskyLoaded .container-md,
	.maxiskyLoaded .container-sm,
	.maxiskyLoaded .container-xl,
	.maxiskyLoaded .container-xxl {
		max-width: 1604px;
	}

	.sidebar .ad.maxisky,
	#adspot_sitebar,
	#sitebar_container {
		width: calc(100% - 1604px);
	}
}


.logo {
	height: 60px;
	width: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;

}

.logotio img {
	width: 40px;
	height: 40px;
}

.logo20min img {
	width: 23px;
	height: 30px;
}


.logos {
	display: inline-flex;
	align-items: center;
}


.hidden {
	display: none;
}


.title {
	font-size: 1.5rem;
}



@media (min-width: 992px) and (max-width: 1441px) {
	.title {
		font-size: 1.2rem;
	}
}

@media (min-width: 1441px) {
	.header-fluid {
		padding-left: calc((100vw - 1320px) / 2);
		padding-right: calc((100vw - 1320px) / 2);
	}
}


@media (min-width: 1441px) and (max-width: 1920px) {
	.header-fluid {
		padding-left: 300px;
		padding-right: 300px;
	}
}

@media (min-width: 2304px) {
	.header-fluid {
		padding-left: calc((100vw - 1604px) / 2);
		padding-right: calc((100vw - 1604px) / 2);
	}
}



.sectionVideoStrip::before {
	content: "";
	background-color: #777474;
	position: absolute;
	height: var(--sectionVideoStripHeight);
	width: 100%;
	left: 0;
	z-index: -1;
}

.row.sectionVideoStrip {
	background-color: transparent;
}

.sectionVideoStrip .com-item {
	background-color: transparent;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.sectionVideoStrip .com-item .text {
	display: none;
}


.notify {
	display: block;
	background-color: #222;
	color: #fff;
	width: 100%;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	font-size: 16px;
	right: 0;
	float: left;
	z-index: 9999;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.notify div {
	margin-left: 10px;
	margin-top: 14px;
	margin-bottom: 14px;
}

.notify .boxclose {
	display: none;
	float: right;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	padding: 13px 8px;
}

.notify img {
	float: right;
	height: 50px;
	margin-top: 7px;
}

.notify.breakingnews {
	background-color: #B31D1F;
	color: #FFF;
}

.notify.error {
	background-color: #ff0000;
	color: #fff;
}

.notify.info {
	background-color: #0070ff;
	color: #fff;
}

.notify.warning {
	background-color: #e07e19;
	color: #fff;
}

.notify.success {
	background-color: #22b148;
	color: #fff;
}

.cursor-pointer {
	cursor: pointer;
}

.white-space-normal {
	white-space: normal;
}

.text-ellipsis {
	text-overflow: ellipsis;
}


@media (max-width: 1280px) {
	.rightbox-item .text {
		display: none !important;
	}
}

.rightbox-item .title {
	font-size: 1.3rem;
	line-height: 1.7rem
}

.rightbox-item .text {
	font-size: 0.9rem;
	line-height: 1.3rem;
}


[data-link="@goTo"] {
	cursor: pointer;
}


[data-link="@goTo"]:hover {
	text-decoration: underline;
	opacity: 0.7;
}


/* START - PUSH NOTIFICATIONS */
.push_notifications_alert {
	z-index: 99999999;
	position: fixed;
	left: 50%;
	margin-left: -190px;
	width: 100%;
	max-width: 380px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	padding: 25px 20px 20px 20px;
	border-radius: 4px;
}

.push_notifications_alert .push_alert_logo {
	float: left;
	margin-right: 12px;
	width: 60px;
	height: 60px;
	background-size: cover;
}

.push_notifications_alert .push_alert_content {
	float: right;
	width: calc(100% - 72px);
	font-size: 15px;
	line-height: 21px;
	margin-top: 2px;
	margin-bottom: 18px;
}

.push_notifications_alert .button {
	border-radius: 5px;
	padding: 8px 18px;
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 0.8rem;
	color: #ffffff;
	border-width: 0px;
}

.push_notifications_alert .button_cancel {
	float: right;
	background-color: #FFFFFF;
	color: #000000;
}

.push_notifications_alert .button_cancel:hover {
	background-color: #EFEFEF;
}

.push_notifications_alert .button_accept {
	float: right;
	background-color: #42b179;
}

.push_notifications_alert .button_accept:hover {
	background-color: #379C69;
}

@media only screen and (max-width: 768px) {
	.push_notifications_alert {
		max-width: calc(100% - 40px);
		margin-left: 0px;
		left: 20px;
		border-radius: 0px;
		padding-bottom: 25px;
	}

	.push_notifications_alert .button {
		padding: 10px 20px;
	}
}

.push_notifications_background {
	z-index: 99999999;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}

.push_notifications_indicator {
	z-index: 99999999;
	position: fixed;
	top: 30px;
	left: 470px;
	color: #FFFFFF;
	font-size: 16px;
	max-width: 250px;
	line-height: 23px;
}

.push_notifications_indicator_firefox {
	margin-left: 220px;
}

.push_notifications_indicator i {
	color: #FFFFFF;
	margin-right: 10px;
	font-size: 40px;
	float: left;

}

.push_notifications_alert .push_alert_logo {
	background-image: url('https://media.tio.ch/static/img/loghi/tio_logo_sito.png');
}

/* END - PUSH NOTIFICATIONS */

/* START - DEBUG CONSOLE */

#consoleHandle {
	height: 25px;
	text-align: center;
	background-color: #1b1b1b;
	width: 130px;
	color: #FFF;
	position: fixed;
	bottom: 0px;
	cursor: pointer;
	z-index: 999999999;
	padding-top: 7px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	font-size: 14px;
}

#console {
	height: 150px;
	position: fixed;
	bottom: -150px;
	overflow: auto;
	width: calc(100% - 10px);
	background-color: #424242;
	border-top: 5px solid #1b1b1b;
	color: #FFF;
	z-index: 999999999;
	padding-left: 10px;
}

.consolePre {
	overflow: auto;
	max-height: 100px;
}

.debugOverlay {
	position: absolute;
	z-index: 999999998;
	min-width: 100px;
	min-height: 50px;
}

.debugOverlayHandle {
	position: absolute;
	bottom: 0;
	background-color: #1b1b1b;
	color: #FFFFFF;
	cursor: pointer;
	padding: 5px;
}

.modal {
	z-index: 2000;
}

.closeModal {
	cursor: pointer;
}

/*END  DEBUG CONSOLE */


.breakStrip::before {
	content: "";
	background-color: #e6e6e6;
	position: absolute;
	height: var(--breakStripHeight);
	width: 100%;
	left: 0;
	z-index: -1;

}

.rcontent .blockquote {
	margin: 1em;
	padding: 1em;
	background-color: #e6e6e6;
	border-radius: 1em;
	font-style: italic;
}

.rcontent h5 {
	font-size: 0.8rem;
	font-weight: 700;
}

/**/
.subtitle_2 {
	display: none;
}

.showSubtitle2 .subtitle_2 {
	display: block;
}

/*TOPNEWS*/
.container>.row.topnewsStrip {
	background-color: transparent;
}

.topnewsStrip .com-item {
	margin-top: 1rem;
}

.topnewsStrip::before {
	content: "";
	background-color: #efefef;
	position: absolute;
	height: var(--topnewsStripHeight);
	width: 100%;
	left: 0;
	z-index: -1;

}

.topnewsStrip .com-item-small,
.topnewsStrip .com-item {
	background-color: transparent;
}

/* Ospite */
.container>.row.ospiteStrip {
	background-color: transparent;
	padding-top: 1.5rem;
}

.container>.row.cantonaliStrip {
	background-color: transparent;
	padding-top: 1.5rem;
}

.ospiteStrip::before {
	content: "";
	background-color: #cfcfcf;
	position: absolute;
	height: var(--ospiteStripHeight);
	width: 100%;
	left: 0;
	z-index: -1;

}

.ospiteStrip .com-item-small {
	background-color: transparent;

}

.cantonaliStrip::before {
	content: "";
	background-color: #268BCC;
	position: absolute;
	height: var(--cantonaliStripHeight);
	width: 100%;
	left: 0;
	z-index: -1;

}

.cantonaliStrip .com-item-small {
	background-color: transparent;

}

@media(max-width: 768px) {
	.ospiteStrip div:nth-of-type(n+4) {
		display: none;
	}

	.cantonaliStrip div:nth-of-type(n+4) {
		display: none;
	}
}

/* Aziende ticinesi informano */
.container>.row.aziendetiStrip {
	background-color: transparent;
	padding-top: 1.5rem;
}

.aziendetiStrip::before {
	content: "";
	background-color: #efefef;
	position: absolute;
	height: var(--aziendetiStripHeight);
	width: 100%;
	left: 0;
	z-index: -1;

}

.aziendetiStrip .com-item-small {
	background-color: transparent;

}


@media(max-width: 768px) {
	.aziendetiStrip div:nth-of-type(n+4) {
		display: none;
	}
}

/* START VIDEO */

.piazzaticinoStrip::before {
	content: "";
	background-color: #d01d4a;
	position: absolute;
	height: var(--piazzaticinoStripHeight);
	width: 100%;
	left: 0;
	z-index: -1;

}

.container>.row.piazzaticinoStrip {
	background-color: transparent;
	margin-top: 1rem;

}

.piazzaticinoStrip .subheader .section-color {
	background-color: #FFF;
}

.piazzaticinoStrip .subheader-icon {
	color: #FFF;
}

.piazzaticinoStrip .subheader.border_bottom_section_ {
	border-color: #FFF;
	margin-bottom: 1rem;
}

.piazzaticinoStrip .subheader-title img {
	height: 40px;
}

.piazzaticinoStrip .text-black {
	color: #FFF !important;
}

.piazzaticinoStrip .com-item,
.piazzaticinoStrip .subheader {
	background-color: transparent;
}

.mondiali_subheader {
	border-bottom-width: 0px !important;
}

.mondiali_subheader .subheader-title {
	color: #8A1538;
}

.mondiali_subheader:hover .subheader-title {
	text-decoration: none;
}

.mondiali_subheader .section-color {
	display: none;
}


.videoStrip::before {
	content: "";
	background-color: #343434;
	position: absolute;
	height: var(--videoStripHeight);
	width: 100%;
	left: 0;
	z-index: -1;

}

.videoStrip .subheader-title {
	color: #FFF;
}

.videoStrip .subheader .section-color {
	color: #FFF;
	background-color: #FFF;
}

.videoStrip .subheader-icon {
	color: #FFF;
}

.videoStrip .subheader.border_bottom_section_ {
	border-color: #FFF;
}



.videoStrip .videoplayer {
	margin-top: 1.5rem;
}

.videoStrip {
	padding-top: 1rem;
}


.videoplayer .bg-image {
	display: none;

}

.videoStrip .text-black {
	color: #FFF !important;
}

.videoStrip .videoplayer .com-item {
	background-color: transparent;
	color: #FFF;
}

.videoStrip .videoplayer .com-item .col-4 {
	display: none !important;
}

.videoStrip .videoplayer .com-item .col-8 {
	width: 100% !important;
}

.videoitems {
	margin-top: 1.5rem;
}

.videoitems .com-item .text {
	display: none;
}

.videoitems .com-item {
	background-color: transparent;
	color: #FFF;
}

.videoitems .com-item .text-black {
	color: #FFF !important;
}

/* END VIDEO */

/*START - ADS*/
.ad {
	text-align: center;
}

.ad .ad_header {
	display: none;
}

.ad.maxiboard {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.videoStrip .monsterboard_video {
	padding: 2rem;
}

/*END - ADS*/


.navbar.sticky {
	position: fixed;
	top: 0;
	z-index: 10002;
}

/*LINK A */

a:hover {
	color: inherit;
	text-decoration: none;
}

.img-overlay:hover .tools .icon,
.com-open:hover .tools .icon,
.com-item:hover .tools .icon {
	background-color: #f57c00;

}


.img-overlay:hover .live-update .text {
	text-decoration: none;
}


.btn-primary {
	background-color: #f57c00;
}

.select-input.focused~.select-arrow {
	color: #f57c00;
}

.select-input.focused~.form-notch .form-notch-leading,
.form-outline .form-control:focus~.form-notch .form-notch-leading {
	border-top: 2px solid #f57c00;
	border-bottom: 2px solid #f57c00;
	border-left: 2px solid #f57c00;
}

.select-input.focused~.form-notch .form-notch-middle,
.form-outline .form-control:focus~.form-notch .form-notch-middle {
	border-color: #f57c00;
}

.select-input.focused~.form-notch .form-notch-trailing,
.form-outline .form-control:focus~.form-notch .form-notch-trailing {
	border-color: #f57c00;
	border-top: 2px solid #f57c00;
	border-bottom: 2px solid #f57c00;
	border-right: 2px solid #f57c00;
}

.select-option.active,
.select-option.selected.active,
.select-option:hover:not(.disabled) {
	background-color: #f57c00;
	color: #FFF;
}

.form-outline .form-control:focus~.form-label {
	color: #f57c00;
}

.datepicker-header {
	background-color: #f57c00;
}

.datepicker-footer-btn {
	color: #f57c00;
}

.datepicker-toggle-button:focus,
.datepicker-toggle-button:hover {
	color: #f57c00;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
	background-color: #f57c00;
}

.datepicker-cell.selected .datepicker-cell-content {
	background-color: #f57c00;
	color: #FFF;
}


.rcontent .block_html a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: #f57c00;
	text-decoration-thickness: 0.13em;
}

.rcontent .block_html a:hover {
	opacity: 0.8;
	text-decoration-thickness: 0.15em;
}


.com-item-small:hover .title,
.com-item-small:hover .text,
.com-open:hover .title,
.com-open:hover .text,
.img-overlay:hover .title,
.img-overlay:hover .text,
.com-item:hover .section-title,
.com-item:hover .title,
.com-item:hover .text,
.agenda-home .multi-carousel-inner:hover .card-title,
.agenda-home .multi-carousel-inner:hover .card-text.description,
.agenda-day .agenda-event:hover .card-title,
.agenda-day .agenda-event:hover .card-text.description,
.agenda-search .agenda-event:hover .card-title,
.agenda-search .agenda-event:hover .card-text.description,
a.chip:hover {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: #f57c00;
	opacity: 0.8;
	text-decoration-thickness: 0.13em;
}

@media (max-width: 768px) {
	.rcontent .block_html a {
		text-decoration-thickness: 0.1em;
	}

	.rcontent .block_html a:hover {
		text-decoration-thickness: 0.1em;
	}

	.com-item-small:hover .title,
	.com-item-small:hover .text,
	.com-open:hover .title,
	.com-open:hover .text,
	.img-overlay:hover .title,
	.img-overlay:hover .text,
	.com-item:hover .section-title,
	.com-item:hover .title,
	.com-item:hover .text,
	.agenda-home .multi-carousel-inner:hover .card-title,
	.agenda-home .multi-carousel-inner:hover .card-text.description,
	.agenda-day .agenda-event:hover .card-title,
	.agenda-day .agenda-event:hover .card-text.description,
	.agenda-search .agenda-event:hover .card-title,
	.agenda-search .agenda-event:hover .card-text.description,
	a.chip:hover {
		text-decoration-thickness: 0.1em;
	}

}

.agenda-day:hover .stretched-link .card-text .text-muted {
	text-decoration: none;
	opacity: 1;
}

/*CONTENT*/


.rcontent {
	font-size: 1.3rem;
}


/*rightbox*/
.rightbox .subheader,
.rcontent .subheader {
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #000;
}

.toplive {
	border-right: 1px solid #000;
}

@media(max-width: 991px) {
	.toplive {
		border-right: 0;
	}
}

/* FONT SIZE */
.rcontent.font-size-0,
.rcontent.font-size-0 .block_html p,
.rcontent.font-size-0 .block_html strong {
	font-size: 1.1rem !important;
}

.rcontent.font-size-1,
.rcontent.font-size-1 .block_html p,
.rcontent.font-size-1 .block_html strong {
	font-size: 1.2rem;
}

.rcontent.font-size-2,
.rcontent.font-size-2 .block_html p,
.rcontent.font-size-2 .block_html strong {
	font-size: 1.3rem;
}

.rcontent.font-size-3,
.rcontent.font-size-3 .block_html p,
.rcontent.font-size-3 .block_html strong {
	font-size: 1.4rem;
}

.rcontent.font-size-4,
.rcontent.font-size-4 .block_html p,
.rcontent.font-size-4 .block_html strong {
	font-size: 1.5rem;
}

/* FOCUS */

.indexToggle {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 10001;
	font-size: 1.6rem;
	cursor: pointer;
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 60px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}

.indexToggle .fa {
	color: #FFFFFF;
}

.indexFocus {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	padding: 20px;
	height: 100%;
	overflow-y: auto;
	padding-top: 0;
	padding-bottom: 0;
	width: 200px;
	z-index: 10000;
}

.indexFocus[data-link] {
	cursor: auto;
}

.indexFocus .h1 {
	font-size: 30px;
	line-height: 35px;
	margin-top: 20px;
}

.indexFocus span {
	margin-left: 15px;
	font-size: 18px;
	display: block;
}

.indexFocus li:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: #000000;
}

.indexFocus li.active {
	background-color: rgba(255, 255, 255, 0.8);
	color: #000000;
}

.indexFocus ul {
	padding: 0;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	list-style-type: '';
}

.indexFocus li {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.indexFocus li .h2 {
	font-size: 25px;
	line-height: 32px;
}


@media(max-width: 425px) {
	.subheader-title {
		font-size: 1.3rem;
	}
}

.subheader-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media(min-width: 425px) and (min-width: 768) {
	.subheader-title {
		font-size: 1.5rem;
	}
}

/*POLL*/


#divPoll {
	cursor: default;
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
}

@media(min-width: 991px) {
	#divPoll {
		padding: 20px;
	}
}

.ad.inread {
	overflow: hidden;
	height: 0 !important;
}

.pollResultTable {
	display: table;
	width: calc(100% - 6px);
	padding: 3px;
	font-size: 12px;
	font-weight: bold
}

.pollResultTableAll {
	background-color: #e6e9ed;
	margin-bottom: 5px;
	width: 100%;
	border-radius: 5px;
	display: table;
}


.pollPercBar {
	border-radius: 5px;
	text-align: center;
	float: left;
}

.pollSpanPercBar {
	font-size: 10px;
	color: #FFF;
}

.pollSpanPercBarRest {
	font-size: 10px;
	color: #656D78;
	padding-left: 5px;
}

.pollBackgroundBase {
	background-color: #FFFFFF;
}

.pollTitle {
	margin-bottom: 10px;
}

.pollEndMsg {
	font-style: italic;
	margin-top: 15px;
	font-size: 12px;
	line-height: 15px;
}

.pollBoxQuestion {
	margin-bottom: 15px;
	color: #656D78;
}

.pollBoxQuestionTitle {
	font-weight: bold;
	margin-bottom: 10px;

}

.pollBoxQuestionAnswerRadio {
	margin-bottom: 5px;
	font-size: 14px;
	display: table;
	background-color: #ececec;
	width: 100%;
}


.pollBoxQuestionAnswerRadioInput {
	float: left;
	width: 30px;
	padding-top: 2px;
}

.pollBoxQuestionAnswerRadioTitle {
	float: left;
	font-size: 12px;
	margin-left: 5px;
	color: #434A54;
}

.pollBackgroundAnswerBase {
	display: table;
	width: 100%;
	margin-bottom: 5px;
	padding: 3px;
	font-size: 14px;
}

.pollBackgroundAnswerBaseRadio {
	float: left;
	padding-right: 5px;
}

.pollBackgroundAnswerBaseTitle {
	float: left;
	width: calc(100% - 20px);
}

.pollBtnResult {
	background-color: #ececec;
	color: #434A54;
}


button .pollBtnIco,
.button .pollBtnIco {
	color: #434A54;
}


.pollBackgroundAnswer {
	background-color: #ececec;
	cursor: pointer;
}

.pollBackgroundAnswerChecked {
	background-color: #ebf6df;
	cursor: normal;
}

.pollBackgroundBar1 {
	background-color: #da4453;
}

.pollBackgroundBar2 {
	background-color: #3bafda;
}

.pollBackgroundBar3 {
	background-color: #8cc152;
}

.pollBackgroundBar4 {
	background-color: #f6bb42;
}

.pollBackgroundBar5 {
	background-color: #37bc9b;
}

@media(min-width: 991px) {
	.col-lg-8.rcontent {
		max-width: calc(100% - 350px - 3rem);
	}

	.col-lg-4.rightbox {
		min-width: 350px;
		padding-left: 0.8rem !important;
		padding-right: 0.8rem !important;
	}
}

@media(min-width: 991px) and (max-width: 1880px) {

	.rightbox-col .ad,
	.rightbox-col .ad.promotion .adsbygoogle {
		border: 0 !important;
		border-radius: 0.5rem !important;
		padding: 0 !important;
	}
}


.fonte {
	font-style: italic;
	font-size: 1.2rem;
}


/* default */
.background_section_opacity_ {
	background-color: rgba(13, 40, 128, .7);
	color: #fff;
}



.vjs-volume-control {
	display: inline-block !important;
}



/* ZATTOO */
.zattoo_fullscreen {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999992;
}

.zattoo_fullscreen .zattoo_close {
	position: absolute;
	top: 13px;
	right: 125px;
	height: 40px;
	border-radius: 20px;
	font-size: 17px;
	line-height: 18px;
	background-color: #4C4C4C;
	color: #FFFFFF;
	padding: 0px 12px;
	z-index: 99999993;
	border-width: 0px;
}

.zattoo_fullscreen .zattoo_close:hover {
	background-color: #3D3D3D;
}

.zattoo_fullscreen .zattoo_close i {
	color: #FFFFFF;
	font-size: 20px;
	margin-right: 3px;
}

@media(min-width: 1200px) {
	.zattoo_fullscreen .zattoo_close {
		right: 160px;
	}
}

.xscores-live-tv-button {
	display: inline-block;
	padding: 0px 6px;
	border-radius: 3px;
	margin-top: 4px;
	height: 24px;
	line-height: 22px;
	position: relative;
	border: 1px solid rgba(255, 0, 0, 0.3);
	background-color: rgba(255, 0, 0, 0.1);
}

.xscores-live-tv-button-title {
	padding-left: 18px;
	font-size: 10px;
}

.xscores-live-tv-button-icon {
	width: 20px;
	position: relative;
}

.xscores-live-tv-button-icon .circle--inner {
	position: absolute;
	left: 3px;
	top: 7px;
	background: #e50040;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	opacity: .8;
}

.xscores-live-tv-button-icon .circle--outer {
	position: absolute;
	left: 1px;
	top: 5px;
	border: 1px solid #e50040;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 auto 5px;
	opacity: .8;
	-webkit-animation: circle 2s ease-in-out infinite;
	animation: circle 2s ease-in-out infinite;
}

.com-zattoo {
	cursor: pointer;
	margin-bottom: 20px;
}

.zattoo_obj {
	display: none;
	margin: 10px auto;
	max-width: 100%;
	width: 600px;
	max-height: 100%;
	height: 400px;
}

.zattoo_obj.full {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 600px) {
	.zattoo_obj {
		width: 100%;
		padding-top: calc(56.25% + 64px);
		position: relative;
	}

	.zattoo_obj .zattoo_iframe {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
}

.zattoo_iframe {
	max-width: 100% !important;
	max-height: 100% !important;
	pointer-events: none;
}

.zattoo_fullscreen {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999992;
}

.zattoo_fullscreen .zattoo_close {
	position: absolute;
	top: 13px;
	right: 150px;
	height: 40px;
	border-radius: 20px;
	font-size: 17px;
	line-height: 18px;
	background-color: #4C4C4C;
	padding: 0px 12px;
	z-index: 99999993;
}

@media only screen and (max-width: 600px) {
	.zattoo_fullscreen .zattoo_close {
		right: 125px;
	}
}

.zattoo_fullscreen .zattoo_close:hover {
	background-color: #3D3D3D;
}

.zattoo_fullscreen .zattoo_close i {
	color: #FFFFFF;
	font-size: 20px;
	margin-right: 3px;
}

.zattoo_preview {
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	padding: 30px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	line-height: 30px;
}

.zattoo_preview i {
	font-size: 30px;
	color: #ADADAD;
	margin-bottom: 15px;
}

@-webkit-keyframes circle {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes circle {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}


@media(min-width: 1200px) {
	.videoStrip .videoplayer {
		width: calc(100% - 540px);
	}

	.videoStrip .videobanner {
		width: 500px;
	}
}

.hiddenfile {
	width: 0;
	height: 0;
	overflow: hidden;
}

.imageuploadthumb {
	width: 92px;
	float: left;
	margin: 8px;
	border: 1px solid #c0c0c0;
	background-color: #fff;
	padding: 6px;
	font-size: 12px;
	overflow: hidden;
}

@media print {

	.newhomecard,
	.searchcontainer,
	.header-menu,
	.sidenav,
	.ad,
	.ad-complete,
	.teads-inread,
	.sectionHeader,
	.cover,
	.cover-block,
	.navbar .link-light,
	.navbar .login,
	.navbar .profile,
	.social-toolbar .reactions,
	.social-toolbar .btn,
	footer .btn,
	.rightbox,
	.toplive,
	.rcontent .subheader,
	.rcontent .comments,
	.author-image,
	.com-xscores-live,
	.xscores-button {
		display: none !important;
	}

	body {
		overflow: visible;
	}

	header,
	footer {
		position: absolute !important;
	}

	.rcontent .article_title {
		display: block !important;
		font-weight: bold;
	}

	.social-toolbar,
	.social-toolbar .d-flex {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.com-tags .btn {
		box-shadow: 0 0;
		border: 1px solid #DDDDDD;
	}
}

#ot-sdk-btn.ot-sdk-show-settings.cookie-button,
#ot-sdk-btn.optanon-show-settings.cookie-button {
	color: #FFF;
	border: 0;
	padding: 0;
	transition: inherit;
	background-color: inherit;
	font-size: inherit;
}

#ot-sdk-btn.ot-sdk-show-settings.cookie-button:hover,
#ot-sdk-btn.optanon-show-settings.cookie-button:hover {
	color: #FFF;
	background-color: inherit;
	text-decoration: underline;
	opacity: 0.7;
}