/***********  HOME  ************/
a.scrolldown {
  position: absolute;
  bottom: -10px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  text-decoration: none;
  transition: opacity .3s;
}
a.scrolldown:hover {
  opacity: .5;
}

a.scrolldown span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -16px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}


.cover {
	/*margin-top: 100px;
	height: calc(100vh - 100px);*/
	height: 100vh;
	background-image: url(../images/about_poppi_5.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.cover .row, .dots {
	background-image: url(../img/bg_intro_dots.svg);
	background-repeat: repeat;
	background-size: 12px;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 767px) {
	/*.cover {
		margin-top: 80px;
		height: calc(100vh - 80px);
	}*/

	.cover .row, .dots {background-size: 9px !important;}

}

.cover_shadow {
	background-image: url(../img/bg_shadow.png);
	background-size:contain;
	background-blend-mode: multiply;
	position: absolute;
	width: 100%;
	height: 30vh;
	bottom: 0;
	z-index: 100
}

.cover_shadow_half {
	background-image: url(../img/bg_shadow.png);
	background-size:contain;
	background-blend-mode: multiply;
	position: absolute;
	width: 100%;
	height: 10vh;
	bottom: 0;
	z-index: 100
}

.cover-text {
	position: absolute;
	bottom: 80px;
	color: #fff !important;
	text-align: center;
	z-index: 200
}

.cover-text h1, .cover-text h2 {
	color: #ffffff;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.85);
}

#intro p {
	font-size:16px !important;
	line-height:24px !important;
}

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

	.cover-text {	bottom: 30px; padding: 0 20px}

	.imageHeaderVP .cover-text {	bottom: 80px;}

	#intro p {
		font-size:14px !important;
		line-height:22px !important;
	}
}

.combo_images {
	position: relative;
	padding-bottom: 100px;
}
.combo_images > .border {border: 3px solid #ffffff !important}
.combo_images > .border.bgrey {border: 3px solid #eeeeee !important}

img.combo_single {
	width: 80%;
	float: right;
	margin-right: 20px;
}
img.combo_big {
	width: 60%;
	float: right;
	margin-right: 20px;
}
img.combo_small {
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 60%;
}
img.combo_small.double {
  bottom:-130px !important;
	position: absolute;
	left: 0;
	width: 60%;
}

iframe.combo_small {
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 60%;
	height: 30vh
}

@media only screen and (max-width: 990px) {
	.combo_images {
		margin-top: 20px;
		padding-bottom: 40px;
	}

	img.combo_big {
		width: 80%;
		float: right;
		margin-right: -8px;
	}
	img.combo_small {
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 60%;
	}

	img.combo_big {
		width: 100%;
		float: right;
		margin-right: 0px!important;
	}

	iframe.combo_small {
		position: relative;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 250px;
		margin-top: 5px
	}

  img.combo_small.double {
    position: relative;
    bottom: -10px !important;
		left: 0px;
		width: 100%;
		height: 250px;
		margin-top: 5px
  }

	.combo_images > .border {border: 0px solid #ffffff !important}

	/*
	iframe.combo_small {
		position: absolute;
		bottom: 80px;
		left: -10px;
		width: 60%;
		height: 170px;
	}
	*/

}

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

	img.combo_single {
			width: calc(100% - 40px);
			margin-right: 20px;
			display: none
		}

}

.overtop {margin-top: -150px}

@media only screen and (max-width: 990px) {
	.overtop {margin-top: 20px}
}


.numbersIMG {
	padding-top: 200px;
	padding-bottom: 200px;
	background-image: url(../images/numbers_04.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.85);
}
.numbers {
	/*padding-top: 200px;
	padding-bottom: 200px;
	/*background-image: url(../images/numbers_04.jpg);*/
	height: 100vh;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.85);
}

.numbers .box, .numbersIMG .box {
	text-align: center;
	padding: 50px;
	background-color: rgba(0, 0, 0, 0.45);
	border-radius: 10px;
	height: 100%;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);
}

.numbers .box .h1, .numbersIMG .box .h1 {
	font-size: 50px;
	line-height: 60px
}

@media only screen and (max-width: 990px) {
	.numbers .box, .numbersIMG .box {padding: 25px;}
}




.boxGreyLeft {
	position: absolute;
	background-color: #f4f4f4;
	width: 75%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -10!important;
}

.settori_cont {
	position: absolute;
	right: 0;
	top: calc(90% - 45vh);
	width: 50%;
	min-height: 45vh;
	background-image: url(../images/settori_09.jpg);
	background-position: center center;
	background-size: cover;
	transition: all .3s;
}

.settori-text {width: 40%}

.settori ul {margin-left: 50px}

.settori ul li {
	font-family: 'Semibold', Calibri, Arial, sans-serif;
	color:#0D0C0D;
	font-size:18px;
	line-height:22px;
	padding-bottom: 20px;
	cursor:default !important
}

.settori ul li a {	color:#0D0C0D;}

.settori ul li::after{
	display: block;
	content: "";
	height:2px;
	width:50px;
	margin:10px 0 0 0;
	background-color:#d6b794;
	transition: all .3s;
}
.settori ul li:HOVER::after{width:150px;}
.settori ul li:last-child::after {
	width: 0px
}

@media only screen and (max-width: 990px) {
	.settori-text {width: 100%}
	.settori_cont {display: none}
	.boxGreyLeft {width: 100%;}

}

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

}



.newsBorderBot {
	border-bottom: 2px solid #d6b794;
	padding-bottom: 30px;
	transition: all .3s;
}
.newsBorderBot:HOVER {
	border-bottom: 4px solid #d6b794;
	padding-bottom: 28px;
	background-color: #f0f0f0
}


.app1:HOVER ~ .settori_cont {	background-image: url(../images/settori_04.jpg) !important;}
.app2:HOVER ~ .settori_cont {	background-image: url(../images/settori_05.jpg) !important;}
.app3:HOVER ~ .settori_cont {	background-image: url(../images/settori_01.jpg) !important;}
.app4:HOVER ~ .settori_cont {	background-image: url(../images/settori_06.jpg) !important;}
.app5:HOVER ~ .settori_cont {	background-image: url(../images/settori_07.jpg) !important;}
.app6:HOVER ~ .settori_cont {	background-image: url(../images/settori_08.jpg) !important;}



/***********  GRUPPO  ************/
.cover-page {
	/*margin-top: 100px;
	height: calc(50vh - 100px);*/
	height: 50vh;
	background-image: url(../images/about_poppi_1.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.cover-page .row {
	background-image: url(../img/../img/bg_intro_dots.svg);
	background-repeat: repeat;
	background-size: 12px;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 576px) {
	.cover-page {
		margin-top:0px;
	}

	.cover-page .row {background-size: 9px !important;}
}

.gruppo_aziende img {
	width: 50%;
	margin-top: 30px;
	margin-bottom: 50px;
}


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

	.gruppo_aziende img {
		width: 80%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

}


.numbers-light {background-color: #e3e3e3}
.numbers-light div {
	border-left: 1px solid #d6b794;
	border-right: 1px solid #d6b794;
	text-transform: uppercase;
}
.numbers-light div:first-child {border-left: none;}
.numbers-light div:last-child {border-right: none;}

.numbers-light h2, .numbers-light h3, .numbers-light p {color: #666666 !important;}

.numbers-light.green {
   background-color:#6ab66d;
   animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.numbers-light.green h2, .numbers-light.green h3, .numbers-light.green p {color: #333333 !important;}
.numbers-light.greentxt h2  {color: #549f57 !important;}
.numbers-light.greentxt h3, .numbers-light.greentxt p {color: #333333 !important;}

.greenicon {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.greenicon.gi1 {background-image: url(../img/green_panel.svg);}
.greenicon.gi2 {background-image: url(../img/green_power.svg);}
.greenicon.gi3 {background-image: url(../img/green_energy.svg);}
.greenicon.gi4 {background-image: url(../img/green_co2.svg);}


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

	.numbers-light div {
		border-left: 0px solid #d6b794;
		border-right: 0px solid #d6b794;
		border-bottom: 1px solid #d6b794;
		text-transform: uppercase;
	}
	.numbers-light div:last-child {border-bottom: none;}

}


.numbers.gruppo {
	padding-top: 200px;
	padding-bottom: 200px;
	background-image: url(../images/numbers_02.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: inset 0 20px 15px -10px rgba(0,0,0,0.4);
}


.mission {
	background-image:url(../img/logo_bg.svg);
	background-position: right 100px	;
	background-repeat: no-repeat;
	background-size: contain;
	background-blend-mode: multiply;
	padding-bottom: 100px !important;
}

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

	.mission {background-image:none !important;}

}



/***********  SERVIZI  ************/
.numberCircle {
	display: inline-block;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	padding: 6px;

	border: 1.5px solid #d6b794;
	color: #000;
	text-align: center;
	font-size: 30px;
	margin-bottom: 20px
}



.lineeBox {
	background-color: #f4f4f4;
	padding: 50px
}
/*.lineeBox > div {
	height: 100%
}*/
.lineeBox img {
	width: 100%;
	max-width: 40px;
	margin-bottom: 10px;
	transition: all .3s;
}

.lineeTecno {
	background-color: #f4f4f4;
	padding: 50px
}
.lineeTecno img {
	max-width: 100%;
	margin-bottom: 10px;
	margin-top: 15px;
	transition: all .3s;
	border-bottom: 2px solid #d6b794;
}

.imageBg {
	background-image: url(../images/poppi_07.jpg);
	background-position:center right;
	background-size:cover;
	background-repeat: no-repeat;
}

ul.listArrow {
	list-style-image:url(../img/ul_right.svg);
	margin-left: 13px
}

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

	.imageBg {	height: 30vh}


	.lineeTecno {padding: 20px !important}

	.w-50 {	width: 75%!important;}

}

/***********  PRODOTTI  ************/
@media only screen and (max-width: 767px) {
.text-center-md {text-align: center}
}


.prodotti_top {
	background-image: url(../images/esempio_prodotti2.png);
	background-position: -40% 60%;
	background-size:80%;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
	.prodotti_top {
		background-image:none !important;
	}

}

.prodotti img.azienda {
	max-width: 250px;
	width: 100%;
	text-align: left;
}

.prodotti_list div {border: 1px solid #d6b794;}

.prodotti_list img {
	width: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

.prodotti_list p {
	font-size: 13px;
	padding: 12px;
	line-height: 16px;
}

.imageBgSost {
	background-image: url(../images/elettrostamperie_mag_01.jpg);
	background-position:center right;
	background-size:cover;
	background-repeat: no-repeat;
}

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

	.imageBgSost {
		height: 30vh
	}

}



/***********  PRODOTTO  ************/
.desc-prod p {
	font-size: 12px !important;
	line-height: 15px !important;
}
img.imgProdOpac {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

img.imgBorder {border: 3px solid #ffffff !important; transition: all .3s;}
.settori_prod .settori_cont {
	position: absolute;
	right: 0;
	top: 25px;
	width: 50%;
	min-height: 45vh;
	background-image: url(../images/settori_01.jpg);
	background-position: center center;
	background-size: cover;
	transition: all .3s;
}

.contactForm {
	font-family: 'Semibold', Calibri, Arial, sans-serif;
	color:#333;
	font-size:11px;
	line-height:16px;
}


/***********  CERTIFICAZIONI  ************/
.no-intro {margin-top: 100px}

.cover-page-slim {
	margin-top: 100px;
	height: 150px;
	border-top: 1px solid #eee;
	border-bottom: 3px solid #eee;
}
.cover-text-slim {
	position: absolute;
	bottom: 60px;
	color: #fff !important;
	text-align: center;
	z-index: 200
}

.cover-text-slim h1, .cover-text-slim h2 {
	color: #000000;
}

.numberCircleCert {
	display: inline-block;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	padding: 15px;
	border: 1.5px solid #d6b794;
	color: #000;
	text-align: center;
	font-size:0px;
	margin-bottom: 10px;
	transition: all .3s;
}
.numberCircleCert:HOVER {
	border: 1.5px solid #000;
	background-color: #eee
}

.certDwn li a {border: 1px solid #d6b794;}
.certDwn img {
	width: 30%;
	margin-top: 100px;
	margin-bottom: 30px;
}


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

	.certDwn img {
		width: 80%;
		margin-top: 100px;
		margin-bottom: 10px;
	}

}


/***********  GLOBALE  ************/
.global {
	background-color: #eeeeee;
	background-image: url(../img/bg_global_04.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode:multiply;
	padding-bottom: 100px !important;
}
.global_gold {
	background-color: #d6b794;
	background-image: url(../img/logo_bg.svg);
	background-position: right 100px	;
	background-repeat: no-repeat;
	background-size: contain;
	background-blend-mode: multiply;
	padding-bottom: 100px !important;
}




/***********  NEWS/FIERE  ************/

.newsImageBg {
	height: 300px;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.news_bot {
	border-bottom: 1px solid #eee;
	transition: all .3s;
}

.news_bot:HOVER {background-color: #f4f4f4}


/***********  CONTATTI  ************/
.privacy, .privacy a {
	font-family: 'Light', Calibri, Arial, sans-serif;
	color:#333;
	font-size:11px;
	line-height:16px;
}

.form-select, .form-control {
	font-size: 13px !important;
	font-weight:normal !important;
	font-family: 'Normal';
}



/* VIDEO FULLSCREEN */
.imageHeader video {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	/*position: fixed;*/
	top: 0;
	left: 0;
	z-index: -1;
	/*opacity: .45*/
}

.imageHeaderVP video {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	/*position: fixed;*/
	top: 0;
	left: 0;
	z-index: -1;
}

.imageHeaderHS video {
	width: 100vw;
	height: 50vh;
	object-fit: cover;
	/*position: fixed;*/
	top: 0;
	left: 0;
	z-index: -1;
}

@media only screen and (max-width: 992px) {
	.mobile {display: none !important}


	.imageHeaderHS video {
		width: 100vw;
		height: 50vh;
		object-fit: cover;
		position:relative;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.imageHeaderVP video {
		width: 100vw;
		height: 100vh;
		object-fit: cover;
		position:relative;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.imageHeader video {
		width: 200%;
		height: 100vh;
		object-fit: cover;
		position:relative;
		top: 0;
		right: 0 !important;
		z-index: -1;
	}
}

.imageHeader {
	position: relative;
	overflow: hidden;
	color: #fff;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.imageHeaderVP {
	position: relative;
	overflow: hidden;
	color: #fff;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.imageHeaderHS {
	position: relative;
	overflow: hidden;
	color: #fff;
	height: calc(50vh);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.imageContTop {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -100;

}
/*.fullscreen-bg {background-color:#000000}