/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 15, 2015 */
@font-face {
    font-family: 'aniversbold';
    src: url('../fonts/anivers-bold-webfont.eot');
    src: url('../fonts/anivers-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/anivers-bold-webfont.woff2') format('woff2'),
         url('../fonts/anivers-bold-webfont.woff') format('woff'),
         url('../fonts/anivers-bold-webfont.ttf') format('truetype'),
         url('../fonts/anivers-bold-webfont.svg#aniversbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aniversitalic';
    src: url('../fonts/anivers-italic-webfont.eot');
    src: url('../fonts/anivers-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/anivers-italic-webfont.woff2') format('woff2'),
         url('../fonts/anivers-italic-webfont.woff') format('woff'),
         url('../fonts/anivers-italic-webfont.ttf') format('truetype'),
         url('../fonts/anivers-italic-webfont.svg#aniversitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aniversregular';
    src: url('../fonts/anivers-regular-webfont.eot');
    src: url('../fonts/anivers-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/anivers-regular-webfont.woff2') format('woff2'),
         url('../fonts/anivers-regular-webfont.woff') format('woff'),
         url('../fonts/anivers-regular-webfont.ttf') format('truetype'),
         url('../fonts/anivers-regular-webfont.svg#aniversregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aniverssc_regular';
    src: url('../fonts/aniverssc-regular-webfont.eot');
    src: url('../fonts/aniverssc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aniverssc-regular-webfont.woff2') format('woff2'),
         url('../fonts/aniverssc-regular-webfont.woff') format('woff'),
         url('../fonts/aniverssc-regular-webfont.ttf') format('truetype'),
         url('../fonts/aniverssc-regular-webfont.svg#aniverssc_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ---------- TYPO ---------- */ 
.bold-title {
	font-family:'aniversbold';
	font-size:44px;
	letter-spacing:-1px;
	font-weight:normal;
}
.bold-text {
	font-family:'aniversbold';
	font-size:25px;
	letter-spacing:-1px;
	font-weight:normal;
}
.bold-text-link {
	font-family:'aniversbold';
	font-size:20px;
	letter-spacing:-1px;
	font-weight:normal;
}
.bold-payoff-link {
	font-family:'aniversbold';
	font-size:14px;
	font-weight:normal;
}
.regular-text {
	font-family:'aniversbold';
	font-size:12px;
	font-weight:normal;
}
.link-stabilimento {
	cursor: pointer;
}
/* ---------- ANIMAZIONI ---------- */ 
.logo-stabilimento:hover {
	cursor: pointer;
}

.anima-arrivo-greggio {
	animation: dash 3s linear;	
	animation-iteration-count: one;
	animation-fill-mode: forwards;
	animation-delay: 7s;	
	-webkit-animation: dash 3s linear;
	-webkit-animation-iteration-count: one;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 7s;
}
@keyframes dash {
	from {
		stroke-dashoffset: 1047;
	}
	to {
		stroke-dashoffset: 0;
	}
} 
@-webkit-keyframes dash {
	from {
		stroke-dashoffset: 1047;
	}
	to {
		stroke-dashoffset: 0;
	}
}
.anima-refining-1 {
	-webkit-animation: dash1 2s linear;
	-webkit-animation-delay: 11s;
	-webkit-animation-iteration-count: one;
	-webkit-animation-fill-mode: forwards;
	animation-iteration-count: one;
	animation: dash1 2s linear;
	animation-delay: 11s;
	animation-fill-mode: forwards;
}
@keyframes dash1 {
	from {
		stroke-dashoffset: 343;
	}
	to {
		stroke-dashoffset: 0;
	}
} 
@-webkit-keyframes dash1 {
	from {
		stroke-dashoffset: 343;
	}
	to {
		stroke-dashoffset: 0;
	}
}                
.anima-refining-2 {
	-webkit-animation: dash2 1s linear;
	-webkit-animation-delay: 14s;
	-webkit-animation-iteration-count: one;
	-webkit-animation-fill-mode: forwards;
	animation-iteration-count: one;
	animation: dash2 1s linear;
	animation-delay: 14s;
	animation-fill-mode: forwards;
}
@keyframes dash2 {
	from {
		stroke-dashoffset: 129;
	}
	to {
		stroke-dashoffset: 0;
	}
} 
@-webkit-keyframes dash2 {
	from {
		stroke-dashoffset: 129;
	}
	to {
		stroke-dashoffset: 0;
	}
}
.anima-refining-3 {
	-webkit-animation: dash3 2s linear;
	-webkit-animation-delay: 25s;
	-webkit-animation-iteration-count: one;
	-webkit-animation-fill-mode: forwards;
	animation-iteration-count: one;
	animation: dash3 2s linear;
	animation-delay: 25s;
	animation-fill-mode: forwards;	
}
@keyframes dash3 {
	from {
		stroke-dashoffset: 345;
	}
	to {
		stroke-dashoffset: 0;
	}
} 
@-webkit-keyframes dash3 {
	from {
		stroke-dashoffset: 345;
	}
	to {
		stroke-dashoffset: 0;
	}
}    
.anima-refining-4 {
	-webkit-animation: dash4 3s linear;
	-webkit-animation-delay: 24s;
	-webkit-animation-iteration-count: one;
	-webkit-animation-fill-mode: forwards;
	animation-iteration-count: one;
	animation: dash4 3s linear;
	animation-delay: 24s;
	animation-fill-mode: forwards;	
}
@keyframes dash4 {
	from {
		stroke-dashoffset: 626;
	}
	to {
		stroke-dashoffset: 0;
	}
} 
@-webkit-keyframes dash4 {
	from {
		stroke-dashoffset: 626;
	}
	to {
		stroke-dashoffset: 0;
	}
}    
.anima-stoccaggio-pr-01 {
	-webkit-animation: dash-pr-01 3s linear;
	-webkit-animation-delay: 20s;
	-webkit-animation-iteration-count: one;
	-webkit-animation-fill-mode: forwards;
	animation-iteration-count: one;
	animation: dash-pr-01 3s linear;
	animation-delay: 20s;
	animation-fill-mode: forwards;		
}
@keyframes dash-pr-01 {
	from {
		stroke-dashoffset: 579;
	}
	to {
		stroke-dashoffset: 0;
	}
} 
@-webkit-keyframes dash-pr-01 {
	from {
		stroke-dashoffset: 579;
	}
	to {
		stroke-dashoffset: 0;
	}
}  
.anima-stoccaggio-pr-02 {
	-webkit-animation: dash-pr-02 4s linear;
	-webkit-animation-delay: 28s;
	-webkit-animation-iteration-count: one;
	-webkit-animation-fill-mode: forwards;
	animation-iteration-count: one;
	animation: dash-pr-02 4s linear;
	animation-delay: 28s;
	animation-fill-mode: forwards;
}
@keyframes dash-pr-02 {
	from {
		stroke-dashoffset: 1408;
	}
	to {
		stroke-dashoffset: 0;
	}
} 
@-webkit-keyframes dash-pr-02 {
	from {
		stroke-dashoffset: 1408;
	}
	to {
		stroke-dashoffset: 0;
	}
} 
.anima-traliccio {
	-webkit-animation: stroke-01 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay: 16s;
	animation: stroke-01 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-delay: 16s;
}
.anima-traliccio-2 {
	-webkit-animation-delay: 17s;
	animation-delay: 17s;
}
.anima-traliccio-3 {
	-webkit-animation-delay: 18s;
	animation-delay: 18s;
}
.anima-traliccio-4 {
	-webkit-animation-delay: 19s;
	animation-delay: 19s;
}
.anima-traliccio-5 {
	-webkit-animation-delay: 20s;
	animation-delay: 20s;
}
@keyframes stroke-01 {
	from {
		stroke-width: 1;
		stroke: #D96912
	}
	to {
		stroke-width: 3;
		stroke: #F0B803;		
	}
} 
@-webkit-keyframes stroke-01 {
	from {
		stroke-width: 1;
		stroke: #D96912		
	}
	to {
		stroke-width: 3;
		stroke: #F0B803;		
	}
} 
#stoccaggio_materie_prime {
	-webkit-animation: fill-01 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 10s;
	animation: fill-01 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: once;
	animation-delay: 10s;
}
@keyframes fill-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #D4F3F1;
	}
} 
@-webkit-keyframes fill-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #D4F3F1;
	}
}
#stoccaggio_materie_prime_1 {
	-webkit-animation: fill-01-01 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 9s;
	animation: fill-01-01 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: once;
	animation-delay: 9s;
}
@keyframes fill-01-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #A6B7B8;
	}
} 
@-webkit-keyframes fill-01-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #A6B7B8;
	}
} 
#produzione_prodotti_petroliferi {
	-webkit-animation: fill-02 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 13s;
	animation: fill-02 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: once;
	animation-delay: 13s;
}
@keyframes fill-02 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #F3F1B9;
	}
} 
@-webkit-keyframes fill-02 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #F2F0A9;
	}
}
#produzione_prodotti_petroliferi_1 {
	-webkit-animation: fill-02-01 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 12s;
	animation: fill-02-01 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: once;
	animation-delay: 12s;
}
@keyframes fill-02-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #BABB91;
	}
} 
@-webkit-keyframes fill-02-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #BABB91;
	}
} 

#ex_versalis > polygon {
	-webkit-animation: fill-03 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 23s;
	animation: fill-03 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: once;
	animation-delay: 23s;
}
@keyframes fill-03 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #ECF1F4;
	}
} 
@-webkit-keyframes fill-03 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #ECF1F4;
	}
}
#ex_versalis_1 > polygon {
	-webkit-animation: fill-03-01 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 15s;
	animation: fill-03-01 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: once;
	animation-delay: 15s;
}
@keyframes fill-03-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #B7BCBD;
	}
} 
@-webkit-keyframes fill-03-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #B7BCBD;
	}
} 
#stoccaggio_prodotti {
	-webkit-animation: fill-04 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 27s;
	animation: fill-04 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: once;
	animation-delay: 27s;
}
@keyframes fill-04 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #F6CB7B;
	}
} 
@-webkit-keyframes fill-04 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #F6CB7B;
	}
}
#stoccaggio_prodotti_1 {
	-webkit-animation: fill-04-01 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 15s;
	animation: fill-04-01 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: once;
	animation-delay: 15s;
}
@keyframes fill-04-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #BC9E61;
	}
} 
@-webkit-keyframes fill-04-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #BC9E61;
	}
}
#igcc > polygon {
	-webkit-animation: fill-05 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 15s;
	animation: fill-05 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: once;
	animation-delay: 15s;
}
@keyframes fill-05 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #FFE496;
	}
} 
@-webkit-keyframes fill-05 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #FFE496;
	}
}
#igcc_1 > polygon {
	-webkit-animation: fill-05-01 1s linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 15s;
	animation: fill-05-01 1s linear;
	animation-fill-mode: forwards;
	animation-iteration-count: once;
	animation-delay: 15s;
}
@keyframes fill-05-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #C3B178;
	}
} 
@-webkit-keyframes fill-05-01 {
	from {
		fill: #FDFDF2;
	}
	to {
		fill: #C3B178;
	}
}
#nave_x5F_rossa_x5F_2 {
	-webkit-animation: move-ship-01 6s ease-in;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 32s;
	-webkit-animation-fill-mode: forwards;
	animation: move-ship-01 6s ease-in;
	animation-iteration-count: once;
	animation-delay: 32s;
	animation-fill-mode: forwards;	
}
@keyframes move-ship-01 {
    from {
		transform: none;
	}
    to {
		transform: translate(600px,350px);
	}
}
@-webkit-keyframes move-ship-01 {
    from {
		-webkit-transform: none;
	}
    to {
		-webkit-transform: translate(532px,357px);
	}
}
#nave_x5F_grande_1_ {
	-webkit-animation: move-ship-02 6s ease-out;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	animation: move-ship-02 6s ease-out;
	animation-iteration-count: once;
	animation-delay: 1s;	
	animation-fill-mode: forwards;
}
@keyframes move-ship-02 {
    from {
		transform: none;
	}
    to {
		transform: translate(-641px,371px);
	}
}
@-webkit-keyframes move-ship-02 {
    from {
		-webkit-transform: none;
	}
    to {
		-webkit-transform: translate(-641px,371px);
	}
}
#truck {
	-webkit-animation: move-truck 5s ease-in;
	-webkit-animation-iteration-count: once;
	-webkit-animation-delay: 28s;
	-webkit-animation-fill-mode: forwards;	
	animation:move-truck 5s ease-in;
	animation-iteration-count: once;
	animation-delay: 28s;
	animation-fill-mode: forwards;		
}
@keyframes move-truck {
    from {
		transform: none;
	}
    to {
		transform:  translate(645px,-373px);
	}
}
@-webkit-keyframes move-truck {
    from {
		-webkit-transform: none;
	}
    to {
		-webkit-transform: translate(645px,-373px);
	}
}