/** Regole Generali **/
.imm-arrow {
	display: block;
    height: 70px;
    width: 70px;
    border-style: solid;
    border-width: 17.5px 17.5px 0 0;
    -webkit-transition: all .9s ease-out .2s;
    -moz-transition: all .9s ease-out .2s;
    transition: all .9s ease-out .2s;
}

	.imm-arrow.orange   { border-color: #ee7736; }
	.imm-arrow.yellow   { border-color: #e7b125; }
	.imm-arrow.blue 	{ border-color: #4e799f; }
	.imm-arrow.green 	{ border-color: #4fab84; }
	.imm-arrow.red 		{ border-color: #ca2e4b; }

#main {
  padding-top: 50px;
  padding-bottom: 50px;
}

h2 {
	font-size: 32px;
}

h3{
	font-size: 25px;
}

/** END - Regole Generali **/

/** Archivio Lavori **/
	.page-header { margin-bottom: 50px; }
	
		.page-header h1.page-title {
			position: relative;
			top: -300px;
			opacity: 0;
			margin-top: 0;
			margin-bottom: 5px;
			line-height: .9em;
			font-family: "Myriad Pro", sans-serif;
			font-weight: 400;
			text-transform: uppercase;
			-webkit-transition: all .5s ease-out .2s;
			-moz-transition: all .5s ease-out .2s;
			transition: all .5s ease-out .2s;
		}
		
			.loaded .page-header h1.page-title { top: 0; opacity: 1; }
		
		.page-header .imm-arrows-container {
			position: absolute;
			height: 100px;
		 	z-index: -1;
			opacity: 0;
			-webkit-transition: all .7s ease-out;
			-moz-transition: all .7s ease-out;
			transition: all .7s ease-out;
		}
		
			.loaded .page-header .imm-arrows-container { opacity: 1; }
			
			.page-header .imm-arrows-container .imm-arrow {
				position: absolute;
				top: 0;
				opacity: 0.4;
			}
		
			.page-header .imm-arrows-container.left-arrows {
				left: -100%;
				top: -39px;
				-webkit-transition-delay: .25s;
				-moz-transition-delay: .25s;
				transition-delay: .25s;
			}
			
				.loaded .page-header .imm-arrows-container.left-arrows { left: -25px; }
				
				.page-header .imm-arrows-container.left-arrows .imm-arrow {
					left: 0;
					-webkit-transform-origin: top left;
					-moz-transform-origin: top left;
					transform-origin: top left;
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					transform: rotate(45deg);
				}
						
					.page-header .imm-arrows-container.left-arrows .imm-arrow:nth-child(1) { opacity: 0.6; }
					.page-header .imm-arrows-container.left-arrows .imm-arrow:nth-child(2) { left: 500px; opacity: .2; }
					.loaded .page-header .imm-arrows-container.left-arrows .imm-arrow:nth-child(2) { left: 17.5px; }
						
			.page-header .imm-arrows-container.right-arrows {
				right: -100%;
				bottom: -20px;
				-webkit-transition-delay: .35s;
				-moz-transition-delay: .35s;
				transition-delay: .35s;
			}
			
				.loaded .page-header .imm-arrows-container.right-arrows { right: -72.5px; }
				
				.page-header .imm-arrows-container.right-arrows .imm-arrow {
					right: 0;
					-webkit-transform-origin: top left;
					-moz-transform-origin: top left;
					transform-origin: top left;
					-webkit-transform: scaleX(-1) rotate(45deg);
					-moz-transform: scaleX(-1) rotate(45deg);
					transform: scaleX(-1) rotate(45deg);
				}
				
			.page-header .archive-description {
				top: -300px;
				opacity: 0;
				-webkit-transition: all .5s ease-out;
				-moz-transition: all .5s ease-out;
				transition: all .5s ease-out;
			}
				
					.loaded .page-header .archive-description { opacity: 1; top: 0; }
				
				.page-header .archive-description p:first-child {
					margin-top: 0;
				}

	/* Filtri Categorie */
	#grid-filters {
		margin-bottom: 30px;
		top: -300px;
		opacity: 0;
		-webkit-transition: all .5s ease-out .2s;
		-moz-transition: all .5s ease-out .2s;
		transition: all .5s ease-out .2s;
	}
	
		.loaded #grid-filters {
			top: 0;
			opacity: 1;
		}
		
		#grid-filters .filter-labels {
			display: flex;
			list-style-type: none;
			flex-wrap: nowrap;
			justify-content: left;
			margin: 0;
			padding: 0;
		}
		
			#grid-filters .filter-labels .filter-label label {
				display: inline-block;
				position: relative;
			    width: 150px;
				padding-right: 30px;
			    font-family: "Myriad Pro SB", sans-serif;
				font-size: 16px;
				padding-left: 15px;
				border-bottom: 2px solid #efefef;
				line-height: 24px;
				text-transform: uppercase;
				cursor: pointer;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				transition: all 0.3s linear;
			}
			
				#main.orange #grid-filters .filter-labels .filter-label.active label,
				#main.orange #grid-filters .filter-labels .filter-label label:hover  { border-color: #ee7736; }
				#main.yellow #grid-filters .filter-labels .filter-label.active label,
				#main.yellow #grid-filters .filter-labels .filter-label label:hover  { border-color: #e7b125; }
				#main.blue #grid-filters .filter-labels .filter-label.active label,
				#main.blue #grid-filters .filter-labels .filter-label label:hover 	 { border-color: #4e799f; }
				#main.green #grid-filters .filter-labels .filter-label.active label,
				#main.green #grid-filters .filter-labels .filter-label label:hover   { border-color: #4fab84; }
				#main.red #grid-filters .filter-labels .filter-label.active label,
				#main.red #grid-filters .filter-labels .filter-label label:hover     { border-color: #ca2e4b; }
				
				#grid-filters .filter-labels .filter-label label:after {	
					display: inline-block;
					position: relative;
					content: " ";
					height: 10px;
					width: 10px;
					left: 10px;
					top: -3.5px;
					border-width: 3px 3px 0 0;
					border-style: solid;
					border-color: #949494;
					-webkit-transform: rotate(135deg);
					-moz-transform: rotate(135deg);
					transform: rotate(135deg);
				}
				
					#grid-filters .filter-labels .filter-label.active label:after,
					#grid-filters .filter-labels .filter-label label:hover:after {
						border-color: inherit;
					}
				
			#grid-filters .filter-buttons {
				display: flex;
				margin: 0;
				padding: 10px 0;
				width: 100%;
				list-style-type: none;
				flex-wrap: wrap;
				left: 0;
			}
			
				#grid-filters .filter-buttons > li {
					margin-right: 20px;
				    margin-bottom: 5px;
				}
				
					#grid-filters .filter-buttons[data-activefilters="lavori"] > li:not(.gf-all):not([data-filtertype="lavori"]) { display: none; }
					#grid-filters .filter-buttons[data-activefilters="clienti"] > li:not(.gf-all):not([data-filtertype="clienti"]) { display: none; }
				
					#grid-filters .filter-buttons > li > a {
						display: inline-block;
						padding: 5px 10px 1px;
						color: #424242;
						text-transform: uppercase;
						font-size: 16px;
						letter-spacing: 0.25px;
						-webkit-transition: all 0.3s linear;
						-moz-transition: all 0.3s linear;
						transition: all 0.3s linear;
					}
					
					#grid-filters .filter-buttons > li.active > a,
					#grid-filters .filter-buttons > li > a:hover {
						background-color: #efefef;
					}
		
	/* Elenco Lavori */
		#grid-lavori {
			top: 300px;
			opacity: 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-evenly;
			transition: opacity .5s ease-out .5s, top .5s ease-out .45s;
		}
		
			.loaded #grid-lavori {
				top: 0;
				opacity: 1;
			}
		
			#grid-lavori article.grid-item {
	   			overflow: hidden;
				-webkit-transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				transition: all .3s ease-in-out;
				width: 45%;
			}	
			
				#grid-lavori article.grid-item.hiding {
					width: 0;
					-webkit-transform: scale(0);
					-moz-transform: scale(0);
					transform: scale(0);
				}
			
				#grid-lavori article.grid-item.hidden {
					width: 0;
					display: none;
					-webkit-transform: scale(0);
					-moz-transform: scale(0);
					transform: scale(0);
				}
		
				#grid-lavori article.grid-item a, #grid-lavori article.grid-item .lavori-thumb {
					display: block;
					position: relative;
				}
					
					#grid-lavori article.grid-item .work-arrows {
						position: absolute;
						display: block;
						height: 100%;
						width: 100%;
					}
					
					#grid-lavori article.grid-item .work-arrows .imm-arrow {
						left: -100%;
						opacity: 0.9;
					    top: calc(50% - 25px);
						height: 50px;
						width: 50px;
						border-width: 12.5px 12.5px 0 0;
						z-index: 1;
						position: absolute;
						-webkit-transform: translate(-50%) rotate(45deg);
						-moz-transform: translate(-50%) rotate(45deg);
						transform: translate(-50%) rotate(45deg);
						-webkit-transition: all .5s cubic-bezier(0,-0.02, 0.22, 1.71) .2s;
						-moz-transition: all .5s cubic-bezier(0,-0.02, 0.22, 1.71) .2s;
						transition: all .5s cubic-bezier(0,-0.02, 0.22, 1.71) .2s;
					}
		
					#grid-lavori article.grid-item a:hover .work-arrows .imm-arrow {
		       			left: calc(50% - 5px);
					}
					#grid-lavori article.grid-item a:hover .work-arrows .imm-arrow:last-child {
						left: calc(50% - 15px);
						opacity: 0.5;
		       			-webkit-transition-delay: .25s;
		       			-moz-transition-delay: .25s;
		       			transition-delay: .25s;
					}
			
					#grid-lavori article.grid-item a.clicked .work-arrows .imm-arrow.imm-arrow {
						left: 150% !important;
						-webkit-transition-timing-function: cubic-bezier(0.49, -0.79, 1, 0.82);
		       			-moz-transition-timing-function: cubic-bezier(0.49, -0.79, 1, 0.82);
		       			transition-timing-function: cubic-bezier(0.49, -0.79, 1, 0.82);
					}
		
				#grid-lavori article.grid-item img {
					width: 100%;
				    filter: none;
				    -webkit-transition: all .3s linear;
				    -moz-transition: all .3s linear;
				    transition: all .3s linear;
				}
			
					#grid-lavori article.grid-item img.orange   { background-color: #ee7736; }
					#grid-lavori article.grid-item img.yellow   { background-color: #e7b125; }
					#grid-lavori article.grid-item img.blue 	{ background-color: #4e799f; }
					#grid-lavori article.grid-item img.green 	{ background-color: #4fab84; }
					#grid-lavori article.grid-item img.red 		{ background-color: #ca2e4b; }

					#grid-lavori article.grid-item a:hover img {
						filter: grayscale(1) blur(2px);
					}
					
				#grid-lavori article.grid-item .lavori-title {
					font-family: "Myriad Pro", sans-serif;
					font-size: 14px;
					font-weight: normal;
					text-transform: uppercase;
					margin: 5px 0 0 0;
				}
				
				#grid-lavori article.added.animate { 
					-webkit-transform: translateY(100%);
					-moz-transform: translateY(100%);
					transform: translateY(100%);
				}
				
					#grid-lavori article.added.animate { opacity: 0; }
					
					#grid-lavori article.added { 
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						transform: translateY(0);
					}
					
				
				.loadmore {
				  width: 100%;
				  text-align: center;
				  padding: 30px 0 30px 0;
				  background-size: 70px;
				}

					.loadmore.loading .loadmore-btn {
						visibility: hidden;
					}

					.loadmore .loadmore-btn {
					text-align: center;
					padding: 12px 15px 10px 15px;
					border: 1px solid currentColor;
					margin: 40px 0;
					border-radius: 3px;
					}

/** END - Archivio Lavori **/
	
/** Lavoro Singolo ***/
	.single-lavori .imm-arrow {
		top: 13.5px;
		height: 120px;
		width: 120px;
		border-width: 30px 30px 0 0;
	}
	
	.customer-card {
		background-color: #f2f2f2;
		min-width: 300px;
		max-width: 50%;
		margin: 0 auto 50px auto;
		padding: 10px;
		opacity: 0;
		-webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out;
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        transform: translateY(-50px);
	}
	
		.loaded .customer-card { 
			opacity: 1; 
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			transform: translateY(0px);
		}
	
		.customer-card .imm-arrows-container {
            position: absolute;
            height: 100%;
            top: calc(50% - 99px);
            left: -300%;
            opacity: 0;
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            transition: all .5s ease-out;
            -webkit-transition-delay: .25s;
            -moz-transition-delay: .25s;
            transition-delay: .25s;
		}
		
			.loaded .customer-card .imm-arrows-container {
				left: -11%;
				opacity: 1;
			}
			
		.customer-card .imm-arrows-container .imm-arrow {
			position: absolute;
            /* top: 0; */
            left: 0;
            opacity: 0.8;
            -webkit-transform-origin: top left;
            -moz-transform-origin: top left;
            transform-origin: top left;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            transform: rotate(45deg);
		}
					
			.customer-card .imm-arrows-container .imm-arrow:nth-child(2) { left: 350px; opacity: .65; }
				.loaded .customer-card .imm-arrows-container .imm-arrow:nth-child(2) { left: 35px; }
			.customer-card .imm-arrows-container .imm-arrow:nth-child(3) { left: 700px; opacity: .5;  }
				.loaded .customer-card .imm-arrows-container .imm-arrow:nth-child(3) { left: 70px; }
	
		.customer-card > .vc_column-inner,
		.work-card > .vc_column-inner {
			padding: 10px;
		}
		
	img.customer-logo {
		width: 95px;
	}

	.customer-name {
		margin-top: 5px;
		margin-bottom: 0px;
		font-size: 1.3em;
	}
	
	.customer-categories {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 0.9em;
		font-style: italic;
	}
	
		.customer-categories li:not(:last-child):after {
			content: ", ";
		}
		
	.work-card {
		opacity: 0;
		transform: translateY(-50px);
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		transition: all .3s ease-out;
		-webkit-transition-delay: .15s;
		-moz-transition-delay: .15s;
		transition-delay: .15s;
	}
	
		.loaded .work-card { 
			opacity: 1; 
			-webkit-transform: translateY(0px); 
			-moz-transform: translateY(0px);
			transform: translateY(0px);
		}
		
	.work-card.work-card > .vc_column-inner {
		padding-left: 30px;
		padding-bottom: 0;
	}
	
		.work-card .imm-arrows-container {
			display: none;
			position: absolute;
			height: 100%;
			top: calc(50% - 99px);
			right: -300%;
			opacity: 0;
			-webkit-transition: all .5s ease-out;
			-moz-transition: all .5s ease-out;
			transition: all .5s ease-out;
			-webkit-transition-delay: .3s;
			-moz-transition-delay: .3s;
			transition-delay: .3s;
		}
		
				.loaded .work-card .imm-arrows-container { 
					right: -2%;
					opacity: 1;
				}

			
		.work-card .imm-arrows-container .imm-arrow {
			position: absolute;
			left: 0;
			opacity: 0.8;
			-webkit-transform-origin: top left;
			-moz-transform-origin: top left;
			transform-origin: top left;
			-webkit-transform: scaleX(-1) rotate(45deg);
			-moz-transform: scaleX(-1) rotate(45deg);
			transform: scaleX(-1) rotate(45deg);
			-webkit-transition-delay: .4s;
			-moz-transition-delay: .4s;
			transition-delay: .4s;
		}
		
				.work-card .imm-arrows-container .imm-arrow:nth-child(1) { left: -350px; opacity: 0.4; }
				.loaded .work-card .imm-arrows-container .imm-arrow:nth-child(1) { left: -35px; }

	.entry-title {
    	display: inline;
		text-transform: uppercase;
		margin-top: 0;
		margin-bottom: 0;
    	margin-right: -2px;
	}
	
		.entry-title:after {
			content: ", ";
			font-family: "Myriad Pro", sans-serif;
			font-weight: 400;
		}
	
	.entry-years {
		display: inline-block;
		line-height: 1.15em;
		margin: 0;
		font-size: 2em;
  }
		
	.entry-categories {
		font-family: "Myriad Pro SB", sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		.entry-categories li {
			display: inline-block;
			line-height: 1.1em;
		}
		
			.entry-categories li:not(:last-child):after { content: ", "; }
		
			.entry-categories li a {
				-webkit-transition: all .2s linear;
				-moz-transition: all .2s linear;
				transition: all .2s linear;
			}
			
			.entry-categories li a:hover {
				font-family: "ImmaginiFont", sans-serif;
				font-size: 1.05em;
			}
	
			.entry-categories .brand-identity a:hover { color: #424242; }
			.entry-categories .comunicazione-grafica a:hover { color: #ee7736; }
			.entry-categories .sviluppo-web a:hover { color: #e7b125; }
			.entry-categories .web-marketing a:hover { color: #4e799f; }
			.entry-categories .service-foto-video a:hover { color: #4fab84; }
			.entry-categories .formazione a:hover { color: #ca2e4b; }
			
			.entry-halftitle {
				margin-top: 25px;
				font-size: 1.125em;
				line-height: 1.25em;
				padding-bottom: 8px;
			}


			
	/* Menu Laterale */
	.categories-nav {
		position: fixed;
		margin: 0;
		top: calc((100vh - 160px) / 2);
		padding: 0;
		right: 1.5vw;
		list-style: none;
		text-align: right;
		z-index: 10000;
	}
	
		.categories-nav li {
			-webkit-transition: all 0.3s cubic-bezier(0.53, 1.33, 0, 2.38) 1.1s;
			-moz-transition: all 0.3s cubic-bezier(0.53, 1.33, 0, 2.38) 1.1s;
			transition: all 0.3s cubic-bezier(0.53, 1.33, 0, 2.38) 1.1s;
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			transform: scale(0);
		}
		
			.loaded .categories-nav li {
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				transform: scale(1);
			}
	
		.categories-nav li a {
			line-height: 30px;
			text-transform: uppercase;
			font-family: "ImmaginiFont", sans-serif;
			font-weight: 600;
			font-size: 20px;
			display: inline-block;
			padding-right: 9px;
			opacity: .6;
			-webkit-transition: all .3s ease-out;
			-moz-transition: all .3s ease-out;
			transition: all .3s ease-out;
		}	
		
			.categories-nav li.to-top a { 
				line-height: 18px;
				color: #d0d0d0;
			}
			
			.categories-nav li.brand-identity a { color: #424242; }
			.categories-nav li.comunicazione-grafica a { color: #ee7736; }
			.categories-nav li.sviluppo-web a { color: #e7b125; }
			.categories-nav li.web-marketing a { color: #4e799f; }
			.categories-nav li.service-foto-video a { color: #4fab84; }
			.categories-nav li.formazione a { color: #ca2e4b; }
			
				.categories-nav li a:after {
						height: 15px;
						width: 15px;
						transform: rotate(45deg);
						content: " ";
						display: inline-block;
						top: 1px;
						position: relative;
						left: 6px;
						border-width: 5px 0 0 5px;
						border-style: solid;
						border-color: currentColor;
						-webkit-transition: all .3s ease-out;
						-moz-transition: all .3s ease-out;
						transition: all .3s ease-out;
					}
					
					.categories-nav li a:after { border-width: 5px 0 0 5px; }
					.categories-nav li.active ~ li a:after {	border-width: 0 5px 5px 0; }
					
					.categories-nav li:not(.to-top):not(.disabled).active a:after {
						transform: unset;
						background: currentColor;
						border-width: 5px;
					}
					
					.categories-nav li:not(.to-top):not(.disabled).active a {
						opacity: 1;
					}
		
			.categories-nav li:not(.disabled) a:hover { opacity: 1; }
			
			.categories-nav li.to-top a:hover { color: #a5a5a5; }
			
			.categories-nav li a .category-label {
				display: none;
				width: 0;
				white-space: nowrap;
				overflow: hidden;
				line-height: 20px;
				position: relative;
				top: 4px;
				-webkit-transition: all .3s ease-out;
				-moz-transition: all .3s ease-out;
				transition: all .3s ease-out;
			}
			
			.categories-nav li:not(.disabled) a:hover .category-label { width: calc(100% - 15px); }
 
	/* END - Menu Laterale */
		  
	article .entry-content {
		margin-top: 50px;
		opacity: 0;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		transition: all .3s ease-out;
		-webkit-transform: translateY(75px);
		-moz-transform: translateY(75px);
		transform: translateY(75px);
		-webkit-transition-delay: .3s;
		-moz-transition-delay: .3s;
		transition-delay: .3s;
	}
	
		.loaded article .entry-content {
			opacity: 1;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			transform: translateY(0);
		}
		  
	article .entry-content > section {
		position: relative;
		padding-top: 50px;
	}
	
		 
		article .entry-content > section:before {
			display: inline-block;
			position: absolute;
			top: 0;
			padding-top: 3px;
			letter-spacing: 0.5px;
			font-family: "ImmaginiFont", sans-serif;
			font-size: 24px;
			line-height: 16px;
			text-transform: uppercase;
			font-weight: 600;
		}
			
			article .entry-content > section:nth-child(odd):before {
				padding-left: 10px;
				left: 15px;
				border-left: 19px solid;
			}
			
			article .entry-content > section:nth-child(even):before {
				padding-right: 11px;
				right: 15px;
				border-right: 19px solid;
				text-align: right;
			}
			
			article .entry-content > section#brand-identity:before {
				content: "Brand Identity";
				border-color: #424242;
				color: #424242;
			}
			
			article .entry-content > section#comunicazione-grafica:before {
				content: "Comunicazione & Grafica";
				border-color: #ee7736;
				color: #ee7736;
			}
			
			article .entry-content > section#sviluppo-web:before {
				content: "Sviluppo Web";
				border-color: #e7b125;
				color: #e7b125;
			}
			
			article .entry-content > section#web-marketing:before {
				content: "Web Marketing";
				border-color: #4e799f;
				color: #4e799f;
			}
			
			article .entry-content > section#service-foto-video:before {
				content: "Foto & Video";
				border-color: #4fab84;
				color: #4fab84;
			}
			
			article .entry-content > section#formazione:before {
				content: "Formazione";
				border-color: #ca2e4b;
				color: #ca2e4b;
			}
	
	article .entry-content .wpb_text_column .wpb_wrapper > *:not(h2):not(h3) {
		font-size: 1.05em;
		line-height: 1.5em;
	}

	article .entry-content .square-box {
		padding-top: 0;
		height: auto;
	}
	
		article .entry-content .square-box > div {
			height: auto;
			display: block;
			align-items: center;
			position: relative;
		 	top: 0;
		}
	
	article .entry-content .vc-hoverbox-block {
		transition: none;
	}
	
		article .entry-content .vc-hoverbox-block .vc-hoverbox-block-inner {
			padding: 1px;
		}
		
			article .entry-content .vc-hoverbox-block .vc-hoverbox-block-inner * {
				margin: 0;
			}
	
	
	article .wpb_gallery_slides.wpb_flexslider.flexslider_fade.flexslider {
		margin-bottom: 0;
		border: none;
		box-shadow: none;
		overflow: visible !important;
		border-radius: 0;
	}
		
		article .wpb_gallery, article .wpb_gallery a 							 { color: #424242; }
		article .wpb_gallery.orange, article .wpb_gallery.orange a { color: #ee7736; }
		article .wpb_gallery.yellow, article .wpb_gallery.yellow a { color: #e7b125; }
		article .wpb_gallery.blue, article .wpb_gallery.blue a		 { color: #4e799f; }
		article .wpb_gallery.green, article .wpb_gallery.green a	 { color: #4fab84; }
		article .wpb_gallery.red, article .wpb_gallery.red a			 { color: #ca2e4b; }
		article .wpb_gallery.transparent, article .wpb_gallery.transparent a { color: transparent; }
		
		article .wpb_gallery .wpb_flexslider .flex-control-nav {
			height: 25px;
			padding: 7px 0;
			position: absolute;
			top: auto;
			bottom: 0;
			margin: 0;
		}
		
			article .wpb_gallery .wpb_flexslider .flex-control-nav.flex-control-paging li a {
				border-radius: 0;
				background: currentColor;
				opacity: .5;
				box-shadow: none;
				-webkit-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;
			}
			
				article .wpb_gallery .wpb_flexslider .flex-control-nav.flex-control-paging li a.flex-active,
				article .wpb_gallery .wpb_flexslider .flex-control-nav.flex-control-paging li a:hover {
					background: currentColor;
					opacity: 1;
				}
		
		article .wpb_gallery .wpb_flexslider .flex-direction-nav a {
			text-shadow: none;
			margin: -23.5px 0 0;
			height: 47px;
			width: 47px;
			color: currentColor;
		}
		
			article .wpb_gallery .wpb_flexslider .flex-direction-nav a.flex-prev:before {
				content: " ";
				height: 30px;
				width: 30px;
				border-width: 10px 0 0 10px;
				border-style: solid;
				border-color: currentColor;
				transform: rotate(-45deg);
				transform-origin: right center;
				margin-left: 2px;
				margin-bottom: 20px;
				margin-top: -2px;
			}
			
			article .wpb_gallery .wpb_flexslider .flex-direction-nav a.flex-next:before {
				content: " ";
				height: 30px;
				width: 30px;
				border-width: 0 10px 10px 0;
				border-style: solid;
				border-color: currentColor;
				transform: rotate(-45deg);
				transform-origin: right center;
				margin-right: 11px;
				margin-bottom: 20px;
				margin-top: -2px;
			}
	
/*** END - Lavoro Singolo ***/

/*** TABLET ***/
@media only screen and (min-width: 768px) {	
	article .entry-content .square-box {
		padding-top: calc(100% - 11px);
		height: 0;
	}
	
		article .entry-content .square-box > div {
			height: 100%;
			display: flex;
			align-items: center;
			position: absolute;
			top: 0;
		}
		
	#grid-lavori article.grid-item .lavori-title {
		font-size: 18px;
	}
	
	#grid-lavori article.grid-item .work-arrows .imm-arrow {
		top: calc(50% - 37.5px);
		height: 75px;
		width: 75px;
		border-width: 17.5px 17.5px 0 0;
	}
	
		#grid-lavori article.grid-item a:hover .work-arrows .imm-arrow:last-child {
   			left: calc(50% - 20px);
   		}
	
}
/*** END - TABLET ***/

/*** LAPTOP ***/
@media only screen and (min-width: 992px) {
	.customer-card {
		min-width: unset;
		max-width: unset;
		margin: 0;
	}
	
	.work-card .imm-arrows-container { display: block; }
	
	.categories-nav li a .category-label { display: inline-block; }
	
	article .entry-content { margin-top: 93px; }
	
	#grid-lavori article.grid-item {
    	width: 30%;
	}
}
/*** END - LAPTOP ***/

/*** DESKTOP ***/
@media only screen and (min-width: 1200px) {
	#grid-lavori article.grid-item {
    	width: 22%;
	}
	
		#grid-lavori article.grid-item .work-arrows .imm-arrow {
			top: calc(50% - 50px);
			height: 100px;
			width: 100px;
			border-width: 22.5px 22.5px 0 0;
		}
}
/*** END - DESKTOP ***/


/*** WIDE DESKTOP ***/
@media only screen and (min-width: 1400px) {
	#grid-lavori article.grid-item {
    	width: 17.5%;
	}
	
		#grid-lavori article.grid-item .work-arrows .imm-arrow {
			top: calc(50% - 37.5px);
			height: 75px;
			width: 75px;
			border-width: 17.5px 17.5px 0 0;
		}
}