#main { padding-top: 50px; }

p, ul {
	font-size: 16px;
}

ul{
	padding:0
}

body:not(.loaded) .in-box {
    display: none;
}

.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;
	}
	

/* FRECCE */
.imm-arrow {
	display: block;
	height: 45px;
	width: 45px;
	border-style: solid;
	border-width: 15px 15px 0 0; 
}

/* TITOLI */
h2 { 
	line-height: 1;
	margin-top: 0;
	text-transform: uppercase;
}

h2:before {
    content: " ";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    position: relative;
    top: 0.03em;
    margin-right: 0.25em;
    background-color: currentColor;
}

h2[style*="text-align: right"]:before {
	content: none;
}

h2[style*="text-align: right"]:after {
    content: " ";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    position: relative;
    top: 0.03em;
    margin-left: 0.25em;
    background-color: currentColor;
}

/* PULSANTI */

body #main .button  {
    display: inline-block;
    position: relative;
    font-family: "ImmaginiFont", sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #424242;
    padding: 13px 20px 10px 20px;
    border-radius: 0;
    height: 100%;
    opacity: 0.9;
    -webkit-transition: right .15s linear, left .15s linear, opacity .15s linear;
	-moz-transition: right .15s linear, left .15s linear, opacity .15s linear;
	transition: right .15s linear, left .15s linear, opacity .15s linear;
}

	body #main .button:hover {
		opacity: 1;
	}

	body  #main .button.orange { background-color: #ee7736; }
	body  #main .button.yellow { background-color: #e7b125; }
	body  #main .button.blue { background-color: #4e799f; }
	body  #main .button.green { background-color: #4fab84; }
	body  #main .button.red { background-color: #ca2e4b; }
	
	body #main .button.right-arrow-btn:before,
	body #main .button.right-arrow-btn:after,
	body #main .button.left-arrow-btn:before,
	body #main .button.left-arrow-btn:after {
		content: " ";
		position: absolute;
		display: block;
		top: 19px;
		height: 15px;
		width: 15px;
		border-width: 0 0 5px 5px;
		border-style: solid;
		border-color: currentColor;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
		
	body #main .button.right-arrow-btn {
		padding-right: 45px;
		right: 0;
	}

		body #main .button.right-arrow-btn:hover {
			right: -5px;
		}
		
		body #main .button.right-arrow-btn:before, 
		body #main .button.right-arrow-btn:after {
			border-width: 5px 5px 0 0;
		}
		
		body #main .button.right-arrow-btn:before {
			right: 17px;
			opacity: .75;
		}
		
		body #main .button.right-arrow-btn:after {
			right: 21px;
		}

	body #main .button.left-arrow-btn {
		padding-left: 45px;
		left: 0;
	}

		body #main .button.left-arrow-btn:hover {
			left: -5px;
		}
		
		body #main .button.left-arrow-btn:before {
			left: 17px;
			opacity: .75;
		}
		
		body #main .button.left-arrow-btn:after {
			left: 21px;
		}

@media only screen and (min-width: 768px) {
	body  #main .button {
		font-size: 30px;
	}	
}