/***********  HOME  ************/
#vid {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	/*z-index: 100;*/
	overflow: hidden;
}

.video-background {
	position: relative;
	overflow: hidden;
	/*width: 100vw;*/
	height: 100vh;
}

.video-background h1 {
	position: absolute;
	bottom: 45px;
	left: 8.33%;
	z-index: 2000;
}

.video-background iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
	.video-background iframe {
		/* height = 100 * (9 / 16) = 56.25 */
		height: 56.25vw;
	}
}
@media (max-aspect-ratio: 16/9) {
	.video-background iframe {
		/* width = 100 / (9 / 16) = 177.777777 */
		width: 177.78vh;
	}
}

@media only screen and (max-width: 992px) {
	.mobile { margin-top: 100px}
	.video-background {
		position: relative;
		overflow: hidden;
		/*width: 100vw;*/
		height: 75vh;
	}



}



/***********  HOME  ************/
.boxProducts {	text-align: center;	margin-bottom: 25px;}
.boxProducts div {
	background-color:  rgba(256, 256, 256, 1);
	transition: all 0.2s ease-in-out;
	padding: 30px 20px;
	/*margin-bottom: 25px;*/
	border-bottom: 2px solid #cccccc;
}
.boxProducts div:HOVER {background-color: rgba(256, 256, 256, 1);border-bottom: 2px solid #05519c;}
.boxProducts div img { max-width: 200px}


.boxNumbers {	text-align: center;	}
.boxNumbers div {
	background-color:  rgba(256, 256, 256, 0.7);
	transition: all 0.2s ease-in-out;
	padding: 30px 20px;
	margin-bottom: 25px
}
.boxNumbers div:HOVER {background-color:  rgba(256, 256, 256, 1);}
.boxNumbers div img { width: 100px}


/***********  PRODOTTO  ************/
.productInfo {
	background-color: #eaeaea;

}

.productInfo .bgInfoTr {
	background-image: url(../img/Poly_Prod.svg);
	background-position:bottom right;
	background-repeat: no-repeat;
	background-size:cover
}
.productInfo .bgInfoColor {
	background-image: url(../img/Poly_Prod.svg);
	background-position:bottom left;
	background-repeat: no-repeat;
	background-size:cover
}

@media only screen and (max-width: 768px) {

	.productInfoNO {
		background-image: url(../img/Poly_Prod.svg);
		background-position:0px 0px;
		background-repeat: no-repeat;
		background-size:cover
	}

	.productInfo .bgInfoTr {
		background-image: none;
		background-position:bottom right;
		background-repeat: no-repeat;
		background-size:cover
	}
}

.prodSerie {
	border: 1px solid #0D0C0D;
	background-color: #fff;
	text-align: center;
	padding: 20px;
	transition: all 0.2s ease-in-out;
}

.blended {
  background-blend-mode: multiply;
}

.prodSerie:HOVER { border: 1px solid #05519c;}

.prodSerie img {width: 50%}

@media only screen and (max-width: 992px) {
	.prodSerie img {width: 80%}
}

.prodApplications  {
	background-color:rgba(25,65,87,1);
	background-blend-mode: overlay;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 20vh;
	min-height: 200px;
	transition: all 0.2s ease-in-out;
}

.prodApplications:HOVER  {
	background-color:rgba(25,65,87,.3);
}


.boxTools {
	text-align: center;
	background-color:  rgba(256, 256, 256, 0.5);
	transition: all 0.2s ease-in-out;
	padding: 30px 20px;
	margin-bottom: 5px;
	border: 2px solid #05519c;
}
.boxTools:HOVER {
	background-color:  rgba(256, 256, 256, 1);
	border: 2px solid #0D0C0D;
}
.boxTools img { width: 100%; max-height: 80px}


.boxApplicazioni {	text-align: center;	}
.boxApplicazioni div.imgBG {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 300px;
	transition: all 0.2s ease-in-out;
	padding: 0px;
	margin-bottom: 0px;
	border-bottom: 2px solid #cccccc;
	filter: grayscale(100%);
}
.boxApplicazioni div.imgBG:HOVER {background-color: rgba(256, 256, 256, 1);border-bottom: 2px solid #61b23a;filter: grayscale(0%);}
.boxApplicazioni div img { max-width: 200px}

.productText ul {
	list-style:disc!important; margin:0; padding:10px 20px!important
}
.productText ul li {
	margin-bottom:10px;
}



/***********  LINEA DI PRODOTTO  ************/
.lineaProd {
	border: 1px solid #CCCCCC;
	background-color: #fff;
	padding:0px;
	transition: all 0.2s ease-in-out;
	height: 100%;
}
.lineaProd:HOVER {
	border: 1px solid #0D0C0D;
}
.lineaProd .titleBox {
	background-image: url(../img/Poly_03.svg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 40px 20px 20px;
	transition: all 0.2s ease-in-out;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	margin-left: 0!important;
}
.lineaProd img { vertical-align: bottom}
.lineeList {
	text-align: left;
	padding-left: 20px;
	list-style-type:disc;
	margin-left: 20px;
	font-family: 'Normal', Calibri, Arial, sans-serif;
	font-size: 13px !important;
	line-height: 15px;
	color: #333;
	width: calc(100% - 180px);
}
.certificate {
	position: absolute;
	top: 0;
	right: 70px;
	width: 80px;
	height: 25px;
	text-align: right;
}
.certificate img {
	height: 100%;
	max-width: 100%;
}


/***********  SETTORI  ************/
.appProd {
	border: 1px solid #05519c;
	padding:0px;
	transition: all 0.2s ease-in-out;
	height: 100%;
	min-height: 250px;
	background-image: url(../images/provaSettori01.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #ffffff;
}
.appProd .titleBox {
	background-image: url(../img/Poly_03.svg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 40px 20px 20px;
	transition: all 0.2s ease-in-out;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	margin-left: 0!important;
}


/***********  SERIE  ************/
.serieProd {
	border: 1px solid #0D0C0D;
	background-color: #fff;
	padding:0px;
	transition: all 0.2s ease-in-out;
}
.serieProd:HOVER {
	border: 1px solid #05519c;
}
.serieProd .titleBox {
	/*background-image: url(../img/Poly_03.svg);*/
	background-color: #eaeaea;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 120px 20px 20px;
	transition: all 0.2s ease-in-out;
	color: #0D0C0D;
	text-align: left;
	text-transform: uppercase
}
.serieProd .titleBox2 {
	padding: 0px 0px 0px 20px;
	text-align: left;
}
.serieProdsss img {
	vertical-align: top !important;
  display: table-cell;
	max-width: 100%;
	max-height: 100%;
}

.serieText ul {
	list-style:disc!important; margin:0; padding:10px 20px!important
}
.serieText ul li {
	margin-bottom:10px;
}

.serieText table {
	margin-top: 10px;
	margin-bottom: 10px
}

.serieList {
	text-align: left;
	padding-left: 38px;
	font-family: 'Normal', Calibri, Arial, sans-serif;
	font-size: 15px !important;
	line-height: 16px;
	color: #333;
	width: 100%;
}

.serieList li {
	margin-bottom: 5px;
	list-style-type:disc;
	font-size: 13px !important;
	line-height: 14px;
}
.serieList span {
}

.certificateSerie {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 80px;
	height: 25px;
	text-align: right;
}
.certificateSerie img {
	height: 100%;
	max-width: 100%;
}

.serieAction {
	text-align: left;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: 'Normal', Calibri, Arial, sans-serif;
	font-size: 12px !important;
	color: #333;
	width: 100%;
	background-image: url(../img/Poly_05.svg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
}

.serieAction li {	display: inline-block;}
.serieAction li {
	width: 30px;
	height: 30px;
	padding: 5px;
	margin: 0px !important;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 18px;
	border: 1px solid #eaeaea;
	transition: all 0.2s ease-in-out;
}
.serieAction li:HOVER 			{border: 1px solid #05519c;}
.serieAction li.actDett 		{background-image: url(../img/icons/productInfo.svg);}
.serieAction li.actDown 		{background-image: url(../img/icons/Download.svg);}
.serieAction li.act3D 			{background-image: url(../img/icons/ConfigurationManager.svg);}
.serieAction li.actDynamic 	{background-image: url(../img/icons/DynamicChoice.svg);}



/***********  CHI SIAMO  ************/
.aboutValori {
	background-image: url(../images/provaHomeAbout.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.aboutMission {
	background-image: url(../images/provaAziendaTramec2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.missionTitle {text-align: right}

.imgPartners img {
	width: 100%;
	max-width: 300px;
}

.imgPartners ul li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
}
.imgPartners ul li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px solid #eaeaea;
}


@media only screen and (max-width: 768px) {
	.aboutMission {
		background-image: none;
		background-color: #eaeaea
	}
}


/***********  GRUPPO  ************/
.gruppoBg {
	background-image: url(../img/gruppoMap6.png);
	background-position: center right;
	background-size: contain;
	background-repeat: no-repeat
}
@media only screen and (max-width: 992px) {
	.gruppoBg {
		background-image:none;
	}
}

.boxFiliali {	text-align: left;	margin-bottom: 20px}
.boxFiliali .h3 {margin-bottom: 0px !important}
.boxFiliali .cont {
	background-color:  rgba(256, 256, 256, 0.7);
	transition: all 0.2s ease-in-out;
	padding:0px;
	border: 1px solid #eaeaea;
	height: 100%!important;
	/*margin-bottom: 25px*/
}
.boxFiliali div.cont:HOVER {background-color:  rgba(256, 256, 256, 1);}
.boxFiliali img {width: 42px;}
.boxFiliali img.prod {width: 30px; margin-left: 6px}

.boxFiliali .line {min-height: 35px;}
.boxFiliali .numberBox {
	clip-path: polygon(0 1%, 100% 0%, 55% 100%, 0% 100%);
	padding: 0px 5px 0px 10px;
	transition: all 0.2s ease-in-out;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	width: 75px;
	min-height: 35px;
	float: left
}
.boxFiliali .col1 {background-color: #22a0c8;}
.boxFiliali .col2 {background-color: #194157;}
.boxFiliali .col3 {background-color: #d8b144;}


.boxFiliali .titleBox {	width: calc(100% - 100px); margin-left: 90px;}

.boxFiliali .flag {
	width: 80px;
	float: left;
}
.boxFiliali .textBox {
	padding: 0px 5px 5px 90px;
	transition: all 0.2s ease-in-out;
	color: #333333;
	text-align: left;
	width: 100%;
	font-family: 'Bold', Calibri, Arial, sans-serif;
}

.tableFiliali {
	padding: 0px 5px 5px 90px;
	color: #333333;
	font-family: 'Bold', Calibri, Arial, sans-serif;
}
.filialeLogo {
	width: 150px;
	margin-left: 10px;
	margin-bottom: 20px;
	float: left;
}
.filialeLogo img {width: 100%;}
.filialeInfo {
	width: calc(100% - 250px);
	float: left;
	padding-top: 10px
}
.filialeInfo .infoBox {
	padding: 0px 0px 0px 40px;
	margin-bottom: 0px;
	transition: all 0.2s ease-in-out;
	color: #333333;
	text-align: left;
	width: 100%;
	font-family: 'Bold', Calibri, Arial, sans-serif;
}


@media only screen and (max-width: 1375px) {
	.filialeInfo {
		width: calc(100%);
	}
	.filialeInfo .infoBox {
		padding: 0px 0px 0px 90px !important;
	}
}

@media only screen and (max-width: 768px) {
	.filialeInfo .infoBox {
		padding: 0px 0px 0px 130px !important;
	}
	.filialeLogo {
		margin-bottom: 10px !important;
	}
}




.aboutRes {
	background-image: url(../img/../img/icons/Risorsa_7.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.boxInfographic div {
	border: 2px solid #61b23a;
	margin-top: 20px;
	padding: 0 10px
}
.boxInfographic .infoNumber {
	font-size: 40px;
	margin-bottom: 20px;
	margin-top: -15px;
	padding: 0px 20px;
	display: inline-block;
	background-color: #fff;
	line-height: 20px;
}
.boxInfographic .infoNumberG {
	font-size: 40px;
	margin-bottom: 20px;
	margin-top: -15px;
	padding: 0px 20px;
	display: inline-block;
	background-color: #eaeaea;
	line-height: 20px;
}



/***********  SUPPORTO  ************/
.supporto .list-group {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: 0 !important;
}

.supporto .list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #05519c;
	border-color: #0D0C0D;
}
.supporto ul {
	margin-left: 20px;
	list-style-type: disc
}
.supporto ul li {
	padding-left: 10px;
	padding-bottom: 5px
}


/***********  DOWNLOAD  ************/
.aboutDown {
	background-image: url(../img/../img/icons/ConfigurationManager.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.accordion-item {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 10px;
}

.accordion-item .badge {
	background-color: #05519c !important;
}

.accordion-button:not(.collapsed) {
	color: #000000;
	background-color: #61b23a;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}


/***********  CONTATTI  ************/
.contact li{
	padding: 5px 0px 10px 15px;
	margin-bottom: 10px;
	border-bottom: .5px solid #0D0C0D;
	border-left: .5px solid #0D0C0D;
	background-color: #fff;
	transition: all 0.2s ease-in-out;
}
.contact li:HOVER{
	border-bottom: .5px solid #05519c;
	border-left: .5px solid #05519c;

}

.contactForm .btn {
	border: 1px solid #0D0C0D;
	transition: all 0.2s ease-in-out;
}
.contactForm .btn:HOVER {
	border: 1px solid #05519c;
	background-color: #eaeaea;
	transition: all 0.2s ease-in-out;
}


/***********  NEWS  ************/
.newsLatest .card {
	border: 1px solid #eaeaea;
}

.newsArchivio .newsDate {
	font-family: 'Normal', Calibri, Arial, sans-serif;
	color:#0D0C0D;
	font-size:14px;
}
.newsArchivio .newsTitle {
	font-family: 'Normal', Calibri, Arial, sans-serif;
	color:#0D0C0D;
	font-size:14px;
}
.newsArchivio .newsText {
	font-family: 'Normal', Calibri, Arial, sans-serif;
	color:#333333;
	font-size:14px;
}


/***********  LAVORA CON NOI  ************/
.lavora tbody tr {
	border-color: #ffffff !important;
}


/***********  RETE DI VENDITA  ************/
.containers .mix{display: none;}

.reteVendita .underLine {
	height: 1px;
	background-color: #ccc;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

.reteVendita .btn {
	border: 1px solid #ccc;
	padding: 10px 35px;
	margin-top: 0px;
	background-color: #eaeaea
}
.reteVendita .btn:HOVER {
	background-color: #ffffff
}

.reteList {
	border: 1px solid #05519c;
	padding:0px;
	transition: all 0.2s ease-in-out;
	height: 100%;
	background-color: #ffffff;
}
.reteList .titleBox {
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px 40px 10px 20px;
	transition: all 0.2s ease-in-out;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	margin-left: 0!important;
}

.reteList .azienda 		{/*background-image: url(../img/Poly_03.svg);*/ background-color: #65b33a}
.reteList .agente 	{/*background-image: url(../img/Poly_04.svg);*/ background-color: #05519c}
.reteList .distribuzioni 	{/*background-image: url(../img/Poly_04.svg);*/ background-color: #666666}

.reteList img.compLogo 	{ width: 180px; max-width:100%; margin-top: 10px}

.reteList .titleBox img {
	vertical-align: middle;
	margin-right: 15px;
	margin-top: -5px
}

.reteList .listAddress {color:#666666;}
.reteList .info {padding: 20px; text-align: left}

.reteList .info .rete-info {
	margin-bottom: 10px}


.reteList .contatti {
	border-top:1px solid #eaeaea;
	padding: 20px;
	padding-bottom: 0px;
}

.reteList .contatti li {
	margin-bottom: 5px;
	padding-left: 25px;
	background-image: url(../img/icons/rete_tel.svg);
	background-repeat: no-repeat;
	background-size: 13px;
}
.reteList .contatti li:last-child {margin-bottom: 0px;}

.reteList .contatti li.reteContTel  {background-image: url(../img/icons/rete_tel.svg);}
.reteList .contatti li.reteContFax  {background-image: url(../img/icons/rete_fax.svg);}
.reteList .contatti li.reteContMail {background-image: url(../img/icons/rete_mail.svg);}
.reteList .contatti li.reteContWeb  {background-image: url(../img/icons/rete_web.svg);}
.reteList .contatti li.reteContRef  {background-image: url(../img/icons/rete_user.svg);}

.reteList .contatti {
  overflow: hidden;
  text-overflow: ellipsis;
}