@font-face {
	font-family: "Metropolis-Light";
	src: url("font/metropolis/Metropolis-Light.otf");
	src: url("font/metropolis/Metropolis-Light.otf") format("opentype");
	font-style: normal;
}
@font-face {
	font-family: "Metropolis-Regular";
	src: url("font/metropolis/Metropolis-Regular.otf");
	src: url("font/metropolis/Metropolis-Regular.otf") format("opentype");
	font-style: normal;
}
@font-face {
	font-family: "Metropolis-Bold";
	src: url("font/metropolis/Metropolis-Bold.otf");
	src: url("font/metropolis/Metropolis-Bold.otf") format("opentype");
	font-style: normal;
}
@font-face {
	font-family: "Metropolis-Medium";
	src: url("font/metropolis/Metropolis-Medium.otf");
	src: url("font/metropolis/Metropolis-Medium.otf") format("opentype");
	font-style: normal;
}

/****************************** Advertisment ************************/

#divAdvertisment {
	z-index: 99000;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 720px;
	width: 1280px;
}

#iFrameAdv {
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 720px;
	width: 1280px;
	border: none;
}

/* --STRIPE_B-- */

img.adv_STRIPE_B {
	position: absolute;
	bottom: 60px;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
	display: none;
}

/* --CORNER_TL-- */

img.adv_CORNER_TL {
	position: absolute;
	left: 60px;
	top: 60px;
	display: none;
}

/* --CORNER_TR-- */

img.adv_CORNER_TR {
	position: absolute;
	right: 60px;
	top: 60px;
	display: none;
}

/* --CORNER_BR-- */

img.adv_CORNER_BR {
	position: absolute;
	right: 60px;
	bottom: 60px;
	display: none;
}

/* --CORNER_BL-- */

img.adv_CORNER_BL {
	position: absolute;
	left: 60px;
	bottom: 60px;
	display: none;
}

/* --LSHAPE_LB--*/

img.adv_LSHAPE_LB {
	position: absolute;
	display: none;
}

/* --LSHAPE_RB--*/

img.adv_LSHAPE_RB {
	position: absolute;
	right: 0px;
	display: none;
}

.languages {
	position: absolute;
	top: 50%;
	left: 20%;
	transform: translate(-50%, -50%);
	font-size: 18px;
}

/****subtitles***/
#subtitles {
	height: 400px;
	width: 480px;
	z-index: 2;
	display: none;
}
#istructions {
	margin: 20px;
	font-size: 18px;
	white-space: pre-line;
}

/************************* Browser-Information **********************/
#browser {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1100px;
	height: 650px;
	background: rgba(9, 24, 27, 0.9);
	z-index: 9999;
	display: none;
}

#tableInformation {
	position: absolute;
	top: 10%;
	width: 1100px;
	height: 580px;
	overflow-y: auto;
}

#browser #tableInformation div {
	/*  display: table-header-group;*/
	display: flex;
}

#browser #tableInformation span {
	text-align: center;
	border: 1px solid;
	margin-bottom: 3px;
	margin-left: 2px;
	font-size: 21px;
	word-wrap: break-word;
	min-height: 30px;
}
/*span dispari si trovano a left*/
#tableInformation > div span:nth-child(odd) {
	float: left;
	width: 30%;
	color: black;
	background-color: #a5c1d0;
}
/*span pari di trovano a right */
#tableInformation > div span:nth-child(even) {
	float: right;
	width: 69%;
	background-color: rgb(20, 41, 45);
}

#dai-broadband-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	visibility: hidden;
	pointer-events: none;
	background-color: black;
}
#dai-broadband-video {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 110;
	display: none;
	object-fit: cover;
	pointer-events: none;
}

#imaAdContainer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1003;
	display: none;
}

.singleImageCenter {
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.singleImageLeft{
    float: left;
    margin-left: 60px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.singleImageRight{
    float: right;
    margin-right: 60px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.custom-textarea {
	font-size: 20px;
	height: 300px;
	width: 750px;
	line-height: 20px;
	margin: 25px;
	font-family: verdana, Tahoma;
}
#custom-textarea-in{
	
	white-space: pre-line;
}
.custom-pages {
	list-style: none;
	display: inline;
}
.tp-control-pages {
	height: 40px;
}
.tp-page {
	background: transparent;
	/*color: #FFFFFF;
	cursor: pointer;*/
	float: left;
	margin: 0 5px;
	padding: 6px;
	font-family: verdana, Tahoma;
	width: 10px;
	text-align: center;
	font-size: 18px;
}
.tp-page.active {
	background: transparent;
	border-bottom: 3px solid;
	/*il colore e' presente nel file jquery.textpager.js */
}
.tp-control-arrows {
	height: 40px;
	float: left;
}
/*
.tp-control-arrow-left {
	cursor: pointer;
	background: #777777;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	margin: 0 5px;
	padding: 10px;
	display:none;
}

.tp-control-arrow-right {
	cursor: pointer;
	background: #777777;
	color: #FFFFFF;
	float: left;
	margin: 0 5px;
	padding: 10px;
	display:none;
}
*/
/*sono le freccine ovvero:  <<    >>  ma sono nascote  perchè non servono 
.tp-control-arrow-left.unactive {
	background: #eee;
	display:none;
	border-style: none;
		
}
.tp-control-arrow-right.unactive {
	background: #eee;
	display:none;
	
}
*/
.divHistory{
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	width: 800px;
	height: 460px;
	
}
#historyTitle{
	font-size: 23px;
    margin: 20px;
    font-family: verdana, Tahoma;
}
.custom-control{
	border: 0px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 30px;
}	
/*
.control-arrow-left{
	border-style: none;
}
.control-arrow-right{
	border-style: none;
}*/



.galleryBigCenter {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.containerArrow{
    position: absolute;
    top: 50%;
    width: 1000px;
    left: 50%;
    transform: translate(-50%,-50%);

}

.leftArrow{
    float:left;
   
}

.rightArrow{
    float:right;
}

.borderImageGalleryBig{
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.playImageGalleryBig{
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.containerTemplateSmall{
    position: absolute;
    display: block;
    width: 1280px;
    height: 133px;
    top: 530px;
    margin-left:auto;
    margin-right:auto;
}

.containerGallery{
    position: relative;
    display: block;
    width: 996px;
    left: 50%;
    transform: translate(-50%,0);
    overflow: hidden;
}

.carousel{
    position: relative;
    width: 10000px;
}

.singleCenterImage .borderImageGallerySmall, .singleCenterImage .imgContainer{
    left: 50% !important;
    transform: translate(-50%,0);
}

.thumb{
    margin-left: 2px;
    margin-top: 2px;
}

.singleCenterImage .thumb {
    margin-left: 0;
}

.borderImageGallerySmall{
    display: block;
    top: 0;
    left: 0;
    position: absolute;
}

.playImageGallerySmall{
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.imgContainer{
    margin-right: 20px;
    display: inline-block;
    position: relative;
}

.containerArrowSmall{
    position: absolute;
    top: 50%;
    width: 1200px;
    left: 50%;
    transform: translate(-50%,-50%);

}

#mainNavigationMenu{
    position: absolute;
    display: block;
    width: 1280px;
    height: 72px;
    top: 62px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    z-index: 3;
}

#mainNavigationMenu figure{
    display: inline-block;
    width: 236px;
    height: 72px;
    line-height: 72px;
    text-decoration: none;
}
.divMinisite {
	/*position: absolute;*/
}
#mainContainerSection {
	/*position: absolute;*/
	width: 1280px;
	/*margin: 172px 50px auto 50px;*/
	padding: 0px;
	height: 720px;
	overflow: hidden;
	z-index: 1;
}

.templateMinisite {
	width: 1280px;
	/*margin: 172px 50px auto 50px;*/
	padding: 0px;
	height: 720px;
	overflow: hidden;
	z-index: 2;
}
.imgBackground {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.containerTemplate {
	position: absolute;
	display: block;
	width: 1280px;
	height: 586px;
	top: 134px;
	margin-left: auto;
	margin-right: auto;
}

.loadingPanelBkg {
}

.loadingPannelLogo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.fullScreen {
	top: 0px;
	left: 0px;
	z-index: 11;
	position: absolute;
}
/*
.containerArrowFullScreen{
    position: absolute;
    top: 50%;
    width: 1150px;
    left: 50%;
    transform: translate(-50%,-50%);
}
*/
.containerArrowFullScreen {
	position: absolute;
	width: 1150px;
	left: 65px;
	transform: translate(0, -50%);
	top: 360px;
	z-index: 999;
}
.rightArrowFullScreen {
	float: right;
}
.leftArrowFullScreen {
	float: left;
}
/*
.arrows{
	position: absolute;
	width: 1150px;
	left: 65px;
	transform: translate(0,-50%);
	z-index: 2;
	top: 360px;
}
*/

.video {
	width: 1280px;
	height: 720px;
	position: relative;
}

.positionVideo {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#pannelForVideoImg {
	background-color: black;
	position: absolute;
	height: 720px;
	width: 1280px;
	display: none;
	z-index: 5;
}

#notification {
	position: fixed;
	top: 65px;
	right: -550px;
	width: 440px;
}