#main { padding-top: 50px; }

.vc_row.wpb_row.vc_row-fluid.in-box {
	margin: auto
}


.page-header.wpb_column.vc_column_container:before, 
.page-header.wpb_column.vc_column_container:after {
  content: " ";
  display: block;
  height: 70px;
  width: 70px;
  position: absolute;
  top: -39px;
  left: -200%;
  border-style: solid;
  border-width: 17.5px 17.5px 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  transform-origin: top left;
  opacity: 0;
  z-index: -1;
	-webkit-transition: all .9s ease-out .2s;
	-moz-transition: all .9s ease-out .2s;
	transition: all .9s ease-out .2s;
}

	.loaded .page-header.wpb_column.vc_column_container:before {
		left: -20px;
		opacity: 0.6;
		-webkit-transition-delay: .4s;
		-moz-transition-delay: .4s;
		transition-delay: .4s;
	}

		.loaded .page-header.wpb_column.vc_column_container:after {
			left: -2.5px;
			opacity: 0.2;
		}

	.page-header > .vc_column-inner > .wpb_wrapper:after {
		content: " ";
		display: block;
		height: 70px;
		width: 70px;
		position: absolute;
		bottom: 10px;
		right: -200%;
		opacity: 0;
		border-style: solid;
		border-width: 17.5px 17.5px 0 0;
		-webkit-transform: scaleX(-1) rotate(45deg);
		-moz-transform: scaleX(-1) rotate(45deg);
		transform: scaleX(-1) rotate(45deg);
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		transform-origin: top left;
		z-index: -1;
		-webkit-transition: all .9s ease-out .3s;
		-moz-transition: all .9s ease-out .3s;
		transition: all .9s ease-out .3s;
	}
	
		.loaded .page-header > .vc_column-inner > .wpb_wrapper:after {
			opacity: 0.4;
			right: -82px;
		}
		
	.orange .page-header.wpb_column.vc_column_container:before,
	.orange .page-header.wpb_column.vc_column_container:after,
	.orange .page-header > .vc_column-inner > .wpb_wrapper:after { border-color: #ee7736; }
	
	.yellow .page-header.wpb_column.vc_column_container:before,
	.yellow .page-header.wpb_column.vc_column_container:after,
	.yellow .page-header > .vc_column-inner > .wpb_wrapper:after { border-color: #e7b125; }
	
	.blue .page-header.wpb_column.vc_column_container:before,
	.blue .page-header.wpb_column.vc_column_container:after,
	.blue .page-header > .vc_column-inner > .wpb_wrapper:after { border-color: #4e799f; }
	
	.green .page-header.wpb_column.vc_column_container:before,
	.green .page-header.wpb_column.vc_column_container:after,
	.green .page-header > .vc_column-inner > .wpb_wrapper:after { border-color: #4fab84; }
	
	.red .page-header.wpb_column.vc_column_container:before,
	.red .page-header.wpb_column.vc_column_container:after,
	.red .page-header > .vc_column-inner > .wpb_wrapper:after { border-color: #ca2e4b; }

	h1.vc_custom_heading {
		margin-top: 0;
		margin-bottom: 5px;
		line-height: .9em;
		font-family: "Myriad Pro", sans-serif;
		font-weight: 400;
		text-transform: uppercase;
	}
	
	h1.vc_custom_heading + .wpb_text_column p:first-child {
		margin-top: 0;
	}

.category-container {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 15px 35px 15px;
}

.category-label {
    font-family: 'ImmaginiFont';
    text-transform: uppercase;
    margin: 0;
    padding: 1%;
}

	.category-button {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		color: inherit;
	}
	
		.category-button .category-title {
		    display: inline-block;
		    white-space: nowrap;
		    line-height: .8;
		    opacity: 0;
		    -webkit-transition: color .1s linear, opacity .3s linear .5s;
			-moz-transition: color .1s linear, opacity .3s linear .5s;
			transition: color .1s linear, opacity .3s linear .5s;
		}
		
		.loaded .category-button .category-title {
			opacity: 1;
		}
		
		.category-button:hover .category-title {
			color: #efefef;
		}

	.category-label.gray {
		width: 56%;
		color: #424242;
		order: 1;
	}

	.category-label.blue {
	 	width: 44%;
	 	color: #4e799f;
	 	order: 2;
	}

	.category-label.green {
		width: 52%;
	  	color: #4fab84;
	  	order: 3;
	}

	.category-label.orange {
		width: 100%;
		color: #ee7736;
		order: 6;
	}

	.category-label.yellow {
		width: 48%;
		color: #e7b125;
		order: 5;
	}
	
	.category-label.red {
		width: 100%;
		color: #ca2e4b;
		order: 7;
	}

	a.category-button:visited, 
	a.category-button:hover {
		color: inherit;
	}

/* Frecce */
.category-container .category-label .category-arrows {
	position: absolute;
	display: block;
	height: 100%;
	z-index: -1;
}

.category-container .category-label .category-arrows .imm-square {
	height: 100%;
	width: auto;
	max-width: unset;
	visibility: hidden;
}

.category-container .category-label .category-arrows .imm-arrow {
	display: block;
	position: absolute;
	border-style: solid;
	opacity: 0.9;
	top: 10%;
	height: 65%;
	border-width: 0;
	width: 65%;
	padding: 17.5% 17.5% 0 0;
	z-index: -10;
	background-color: currentColor;
	-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;
}

	.category-container .category-label .category-arrows .imm-arrow .imm-arrow-square {
		background: #FFF;
		height: calc(100% + 1px);
		width: calc(100% + 1px);
		margin-left: -1px;
		display: inline-block;
	}

.category-container .category-label a.clicked .category-arrows .imm-arrow.imm-arrow {
	left: 300% !important;
	opacity: 0 !important;
	-webkit-transition-timing-function: cubic-bezier(0.15, -0.07, 1, -0.37);
	   -moz-transition-timing-function: cubic-bezier(0.15, -0.07, 1, -0.37);
	        transition-timing-function: cubic-bezier(0.15, -0.07, 1, -0.37);
}

	.category-container .category-label a .category-arrows .imm-arrow {
		left: -500px;
		opacity: 0;
	}

	.category-container .category-label a:hover .category-arrows .imm-arrow {
		left: 30%;
		opacity: 0.5;
		z-index: 1;
		-webkit-transition-delay: .25s;
		   -moz-transition-delay: .25s;
				transition-delay: .25s;
	}

	.category-container .category-label a:hover .category-arrows .imm-arrow:last-child {
		left: 61%;
		opacity:0.9;
		z-index: 0;
		-webkit-transition-delay: 0s;
		   -moz-transition-delay: 0s;
				transition-delay: 0s;
	}


/* frecce */

@media only screen and (min-width: 768px) {
	.category-label.gray 	{ width: 37%; }
	.category-label.blue 	{ width: 30%; }
	.category-label.green 	{ width: 33%; }
	.category-label.orange 	{ width: 67%; order: 4; }
	.category-label.yellow 	{ width: 33%; }	
}

@media only screen and (min-width: 992px) {
	
}

@media only screen and (min-width: 1200px) {
}