/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/*scroll-mouse*/
	@-webkit-keyframes scrollDown {
		0% {
			top: 10px;
			opacity: 0;
		}
		15% {
			top: 10px;
			opacity: 1;
		}
		30% {
			top: 10px;
			opacity: 1;
		}
		45% {
			top: 28px;
			opacity: 1;
		}
		100% {
			top: 28px;
			opacity: 0;
		}
	}
	@keyframes scrollDown {
		0% {
			top: 10px;
			opacity: 0;
		}
		15% {
			top: 10px;
			opacity: 1;
		}
		30% {
			top: 10px;
			opacity: 1;
		}
		45% {
			top: 28px;
			opacity: 1;
		}
		100% {
			top: 28px;
			opacity: 0;
		}
	}
	.scroll-down {
		position: absolute;
		top: auto;
		bottom: 150px;
		left: 50%;
		display: inline-block;
		width: auto;
		margin: 0 auto;
		text-align: center;
		background-color: transparent;
		border: none;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 9;
		opacity: .8;
	}
	.scroll-mouse {
		position: relative;
		display: inline-block;
		width: 28px;
		height: 46px;
		margin: 0 auto;
		border: 2px solid #ff5555;
		border-radius: 20px;
	}
	.scroll-wheel {
		position: absolute;
		top: 14px;
		left: 10px;
		width: 4px;
		height: 4px;
		background-color: #ff5555;
		border-radius: 50%;
		-webkit-animation: scrollDown 2.5s infinite;
				animation: scrollDown 2.5s infinite;
	}
	.svg-discount {
		position: absolute;
		display: block;
		opacity: .7;
		top: 0;
		right: 50%;
		margin-top: -15px;
		margin-right: -190px;
		background: url(images/discount.svg) no-repeat 0 0,-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent));
		background: url(images/discount.svg) no-repeat 0 0,-moz-linear-gradient(transparent,transparent);
		background: url(images/discount.svg) no-repeat 0 0,linear-gradient(transparent,transparent);
		width: 60px;
		height: 39px;
	}
	/*Carousel Story*/
	.owl-demo .item img {
		  display: block;
		  width: 100%;
		  height: auto;
		}

		.slide-progress {
		  width: 0;
		  max-width: 100%;
		  height: 4px;
		  background: #FF5555;
		}
	.owl-dots{display:none;}

	/*Sette colonne*/
	@media (min-width: 768px){
		  .seven-cols .col-md-1,
		  .seven-cols .col-sm-1,
		  .seven-cols .col-lg-1  {
			width: 100%;
			*width: 100%;
		  }
		  .seven-cols .col-md-2{width: 50%;}
		}
		@media (min-width: 992px) {
		  .seven-cols .col-md-1,
		  .seven-cols .col-sm-1,
		  .seven-cols .col-lg-1 {
			width: 14.285714285714285714285714285714%;
			*width: 14.285714285714285714285714285714%;
		  }
		}
		@media (min-width: 1200px) {
		  .seven-cols .col-md-1,
		  .seven-cols .col-sm-1,
		  .seven-cols .col-lg-1 {
			width: 14.285714285714285714285714285714%;
			*width: 14.285714285714285714285714285714%;
		  }
		}
	.map {
		-webkit-filter: grayscale(100%);
		   -moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			 -o-filter: grayscale(100%);
				filter: grayscale(100%);
	}

	/*Button float*/
	.content__item {
		position: fixed;
		top: 20px;
		right: 20px;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		z-index: 1000;
		pointer-events: none;
	}
	.button {
		pointer-events: auto;
		cursor: none;
		background: #e7e7e7;
		border: none;
		padding: 1.5rem 3rem;
		margin: 0;
		font-family: inherit;
		font-size: inherit;
		position: relative;
		display: inline-block;
		box-shadow: 0px 20px 10px #0000001f;
	}

	.button::before,
	.button::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.button--skoll {
		overflow: hidden;
		border-radius: 50%;
		color: #fff;
		width: 100px;
		height: 100px;
		padding: 0;
		font-weight: 500;
	}

	.button--skoll > svg{
		overflow: hidden;
		mix-blend-mode: screen;
	}

	.button--skoll span {
		display: block;
		position: relative;
		color: #fff;
	}

	.button--skoll > span {
		overflow: hidden;
		mix-blend-mode: screen;
		font-size: 12px;
	}

	.button--skoll:hover > span > span {
		animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
	}

	.button--skoll::before {
		content: '';
		background: #FF5555;
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		border-radius: 50%;
		transform: translate3d(0,0,0);
		transition: transform 0.3s;
		transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
	}

	.button--skoll:hover::before {
		transform: translate3d(0,100%,0);
	}
	@media (max-width: 768px){
		//.content__item{ display: none;} /*Nascondere pulsante su disp mobile*/
		.content__item {
			position: fixed;
			bottom: -75%;
			right: 10px;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			z-index: 999;
			pointer-events: none;
		}
		.button--skoll {
			overflow: hidden;
			border-radius: 50%;
			color: #fff;
			width: 70px;
			height: 70px;
			padding: 0;
			font-weight: 500;
		}
		.button--skoll span{
			font-size:10px;
		}
	}

/*Progetti*/
	.linkprogetto-title{
		position:absolute;top:30px;left:30px;
		color: #fff;
		font-size: 22px;
	}
	.linkprogetto-link{
		position:absolute;bottom:30px;right:30px;
		color: #fff;
		text-transform: uppercase;
		font-size: 16px;
	}
	.linkprogetto-link:after{
		content: ' ➝';
	}

/*Categorie partner*/
#logoMarqueeSection {max-width: 1920px!important;margin: 0 auto;}
.default-content-container {margin-left: auto;margin-right: auto;margin-top: 0;margin-bottom: 0;padding-top: 4.5rem;padding-bottom: 4.5rem;width: 100%;min-height: 100vh;}
div.marquee-partner>a>img {height: 220px;}
.logoMarqueeSection>div>div {padding-top: 0;padding-bottom: 0;min-height: 0;}
.marquee-wrapper {display:  inline-block;white-space: nowrap;}
.marquee-partner {display:  inline-block;white-space: nowrap;position: relative;transform: translate3d(0%, 0, 0);animation-name: marquee;animation-timing-function: linear;animation-iteration-count: infinite;}
.marquee-partner a {display:  inline-block;white-space: nowrap;padding-right: 5.4rem;filter: grayscale(100%);}
.marquee-partner a:hover {filter: grayscale(0%);}
@keyframes marquee {
	0% {
		transform: translate3d(0%, 0, 0);}
	100% {
		transform: translate3d(-100%, 0, 0);
	}}

/*Categorie slider*/
.marquee{background: #ff5555;position: relative;width: 100%;height: 100%;overflow: hidden;padding: 20px 0px;}
.marquee .scroll{width: 100%;display: flex;}
.marquee .scroll div{color: #fff;font-size: 50px;background: #ff5555;white-space: nowrap;font-weight: 500;animation: animate 80s linear infinite;animation-delay: -40s;}
.marquee .scroll div:nth-child(2){animation: animate2 80s linear infinite;animation-delay: -80s;}
.marquee .scroll div .cat{padding: 30px 30px 30px 30px;}
.cat{color: #fff;font-size: 60px;font-weight: 600!important;clear: both;display: inline-block;overflow: hidden;white-space: nowrap;line-height: 30px;margin-bottom: -13px; font-family: 'Darker Grotesque', sans-serif;}

@keyframes animate{
	0%{
		-moz-transform: translateX(100%); /* Firefox bug fix */
		-webkit-transform: translateX(100%); /* Firefox bug fix */
		transform: translateX(100%);
	}
	100%{
		-moz-transform: translateX(-100%); /* Firefox bug fix */
		-webkit-transform: translateX(-100%); /* Firefox bug fix */
		transform: translateX(-100%);
	}
}
@keyframes animate2{
	0%{
		-moz-transform: translateX(0%); /* Firefox bug fix */
		-webkit-transform: translateX(0%); /* Firefox bug fix */
		transform: translateX(0%);
	}
	100%{
		-moz-transform: translateX(-200%); /* Firefox bug fix */
		-webkit-transform: translateX(-200%); /* Firefox bug fix */
		transform: translateX(-200%);
	}
}

@media (max-width:991px){
	.topmargin-lg-mobile{
		  margin-top: 0px !important;
	  }
}

.job-name{margin-bottom:10px;}
.job-title{font-weight: 100;font-size:13px;}


.firsttitle{margin-bottom:5rem;}

/*RESPONSIVE MOBILE*/
@media (max-width:425px){
	#rev_slider_3_1_wrapper .ares.tparrows.tp-rightarrow{margin-left: 10px;}
	#rev_slider_3_1_wrapper .ares.tparrows.rs-touchhover{left: -5px;}
	#rev_slider_3_1_wrapper .ares.tparrows{background-color: transparent!important;}
	rs-arrow{width: 20%;}
	.marquee{padding: 0;}
	.formcontacttitle{padding-right: 52px;}
	.privacyform{font-size:12px;}
	.tiny{font-size:16px;}
	.content__item{display:none;}
	.teamagp{margin-top: 10px !important;padding-bottom: 10px !important;}
	.divider{margin: 0rem auto;}
	.firsttitle{margin-bottom:3rem;}
	.mt-7m{margin-top:-70px;}
	.fluid-width-video-wrapper{height: 200px;}
	.mb-1m{margin-bottom: -10px!important;}
	.mb-2m{margin-bottom: -20px!important;}
	.mb-3m{margin-bottom: -30px!important;}

	.center-mobile{justify-content: center;}

	.marquee-partner a {padding-right: 0rem!important;	margin-left: 0px!important;}
	div.marquee-partner>a>img{	height: 150px;}

	#logo{justify-content: center;}
	#logo img{margin-bottom: 20px;margin-top: 10px;}
	.standard-logo{width: 75%;}
	.retina-logo{width: 75%;}

	/*Parallasse resp*/
	.seven-cols{padding-left: 10px;padding-right: 10px;}
	.dalanno{margin-bottom: 15px;margin-left: -2px;}
}