body, body.custom-background {	background-position: top left!important;	background-size: cover!important;}

body {background-color: #fff;}
/*.header-outer {
	opacity:0;
	-webkit-animation-name:projects-tausta;
	-webkit-animation-duration:0.3s;
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:normal;
	-webkit-animation-delay:0s;
	-webkit-animation-play-state:running;
	-webkit-animation-fill-mode:forwards;
	
	-moz-animation-name:projects-tausta;
	-moz-animation-duration:0.3s;
	-moz-animation-timing-function:ease-out;
	-moz-animation-iteration-count:1;
	-moz-animation-direction:normal;
	-moz-animation-delay:0s;
	-moz-animation-play-state:running;
	-moz-animation-fill-mode:forwards;
	
	-o-animation-name:projects-tausta;
	-o-animation-duration:0.3s;
	-o-animation-timing-function:ease-out;
	-o-animation-iteration-count:1;
	-o-animation-direction:normal;
	-o-animation-delay:0s;
	-o-animation-play-state:running;
	-o-animation-fill-mode:forwards;
	
	animation-name:projects-tausta;
	animation-duration:0.3s;
	animation-timing-function:ease-out;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-delay:0s;
	animation-play-state:running;
	animation-fill-mode:forwards;
}

	@-webkit-keyframes projects-tausta{		0%{opacity:0;-webkit-transform:scale(1.04)}		100%{opacity:1;-webkit-transform:scale(1)}	}
	@-moz-keyframes projects-tausta{		0%{opacity:0;-moz-transform:scale(1.04)}		100%{opacity:1;-moz-transform:scale(1)}	}
	@-o-keyframes projects-tausta{			0%{opacity:0;-o-transform:scale(1.04)}			100%{opacity:1;-o-transform:scale(1)}	}
	@keyframes projects-tausta{				0%{opacity:0;transform:scale(1.04)}				100%{opacity:1;transform:scale(1)}	}
*/
.page-header{ 
	-webkit-animation-name:otsikko-alasivu;
	-webkit-animation-duration:0.3s;
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:normal;
	-webkit-animation-delay:0.4s;
	-webkit-animation-play-state:running;
	-webkit-animation-fill-mode:forwards;
	-webkit-backface-visibility: hidden;
	opacity:0;
	
	-moz-animation-name:otsikko-alasivu;
	-moz-animation-duration:0.3s;
	-moz-animation-timing-function:ease-out;
	-moz-animation-iteration-count:1;
	-moz-animation-direction:normal;
	-moz-animation-delay:0.4s;
	-moz-animation-play-state:running;
	-moz-animation-fill-mode:forwards;
	
	-o-animation-name:otsikko-alasivu;
	-o-animation-duration:0.3s;
	-o-animation-timing-function:ease-out;
	-o-animation-iteration-count:1;
	-o-animation-direction:normal;
	-o-animation-delay:0.4s;
	-o-animation-play-state:running;
	-o-animation-fill-mode:forwards;
	
	animation-name:otsikko-alasivu;
	animation-duration:0.3s;
	animation-timing-function:ease-out;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-delay:0.4s;
	animation-play-state:running;
	animation-fill-mode:forwards
}
	
	@-webkit-keyframes otsikko-alasivu{		0%{opacity:0;-webkit-transform:scale(0.98)}		100%{opacity:1;-webkit-transform:scale(1)}	}
	@-moz-keyframes otsikko-alasivu{		0%{opacity:0;-moz-transform:scale(0.98)}		100%{opacity:1;-moz-transform:scale(1)}	}
	@-o-keyframes otsikko-alasivu{			0%{opacity:0;-o-transform:scale(0.98)}			100%{opacity:1;-o-transform:scale(1)}	}
	@keyframes otsikko-alasivu{				0%{opacity:0;transform:scale(0.98)}				100%{opacity:1;transform:scale(1)}	}

.entry-content { opacity:0;
	-webkit-animation-name:sisalto;
	-webkit-animation-duration:0.5s;
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:normal;
	-webkit-animation-delay:0.6s;
	-webkit-animation-play-state:running;
	-webkit-animation-fill-mode:forwards;
	-webkit-backface-visibility: hidden;

	-moz-animation-name:sisalto;
	-moz-animation-duration:0.5s;
	-moz-animation-timing-function:ease-out;
	-moz-animation-iteration-count:1;
	-moz-animation-direction:normal;
	-moz-animation-delay:0.6s;
	-moz-animation-play-state:running;
	-moz-animation-fill-mode:forwards;
	
	-o-animation-name:sisalto;
	-o-animation-duration:0.5s;
	-o-animation-timing-function:ease-out;
	-o-animation-iteration-count:1;
	-o-animation-direction:normal;
	-o-animation-delay:0.6s;
	-o-animation-play-state:running;
	-o-animation-fill-mode:forwards;
	
	animation-name:sisalto;
	animation-duration:0.5s;
	animation-timing-function:ease-out;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-delay:0.6s;
	animation-play-state:running;
	animation-fill-mode:forwards}
	
	@-webkit-keyframes sisalto{		0%{opacity:0}	100%{opacity:1}	}
	@-moz-keyframes sisalto{		0%{opacity:0}	100%{opacity:1}	}
	@-o-keyframes sisalto{			0%{opacity:0}	100%{opacity:1}	}
	@keyframes sisalto{				0%{opacity:0}	100%{opacity:1}	}


.header-outer {	background-attachment: fixed!important;	background-size: cover!important;}


#primary-nav .sf-menu a { padding: 0 22px 10px; color: #fff; font-weight: bold; text-decoration: none; }
#primary-nav .sf-menu a:hover, #primary-nav .sf-menu li.sfHover > a { color: #fff; text-decoration: none;}
#primary-nav .sf-menu li.current_page_item > a, #primary-nav .sf-menu li.current-menu-item > a { color: #000; }

.page-id-1568 #primary-nav .sf-menu a {
	padding: 0 22px 10px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
.page-id-1568 #primary-nav .sf-menu a:hover,
.page-id-1568 #primary-nav .sf-menu li.sfHover > a,
.page-id-1568 #primary-nav .sf-menu li.current_page_item > a,
.page-id-1568 #primary-nav .sf-menu li.current-menu-item > a {
	color: #333;
	text-decoration: none;
}
.page-id-1568 #primary-nav .sf-menu .sub-menu {
	background: #232527;
	border-radius: 5px;
	padding: 20px 30px;
}
.page-id-1568 #primary-nav .sf-menu .sub-menu a { 
	padding-top: 0; 
	padding-bottom: 0;
	color: #fff;
}
.page-id-1568 #primary-nav .sf-menu .sub-menu li.sfHover > a { color: #9da0a4; }
.page-id-1568 #primary-nav .sf-menu .sub-menu li.sfHover a:hover,
.page-id-1568 #primary-nav .sf-menu .sub-menu li.current_page_item > a,
.page-id-1568 #primary-nav .sf-menu .sub-menu li.current-menu-item > a,
.page-id-1568 #primary-nav .sf-menu .sub-menu a:hover { color: #ff6600; }

#comments { display: none; }
#content { width: 92.5%!important; }

h1 { color: #fff !important; margin-top: 50px!important;}
.page-header { position: relative!important; height: auto !important;}

.page-id-139 .header-outer { background: url('../../../../wp-content/uploads/fanta-gp_bg.jpg') #000; height: 1120px;}
.page-id-163 .header-outer { background: url('../../../../wp-content/uploads/sky-sport_bg.jpg') #000; height: 1320px;}
.page-id-164 .header-outer { background: url('../../../../wp-content/uploads/iprospect_bg.jpg') #000; height: 1320px;}
.page-id-158 .header-outer { background: url('../../../../wp-content/uploads/us-polo_bg.jpg') #000; height: 1320px;}
.page-id-153 .header-outer { background: url('../../../../wp-content/uploads/braccialini_bg.jpg') #333; height: 1320px;}
.page-id-829 .header-outer { background: url('../../../../wp-content/uploads/skygo_bg.jpg') #151515; height: 1120px;}
.page-id-aol .header-outer { background: url('../../../../wp-content/uploads/aol_pagina_bg.jpg') #151515; height: 1120px;}
.page-id-1568 .header-outer { background: url('../../../../wp-content/uploads/sky-sport-f1_bg.png') #fff; height: 1120px;}
.page-id-1568 .page-title { color: #333!important;}

.page-id-139 #primary, .page-id-829 #primary, .page-id-aol #primary { margin-top: -850px; position: relative; }
.page-id-163 #primary, .page-id-164 #primary, .page-id-153 #primary, .page-id-158 #primary { margin-top: -1050px; position: relative;}
.page-id-1568 #primary {margin-top: -850px; position: relative;}

.page-id-139 #new-royalslider-1,
.page-id-139 #new-royalslider-1 .rsOverflow,
.page-id-139 #new-royalslider-1 .rsSlide,
.page-id-139 #new-royalslider-1 .rsVideoFrameHolder,
.page-id-139 #new-royalslider-1 .rsThumbs {
    background: #790b05!important;
}

.page-id-163 #new-royalslider-2,
.page-id-163 #new-royalslider-2 .rsOverflow,
.page-id-163 #new-royalslider-2 .rsSlide,
.page-id-163 #new-royalslider-2 .rsVideoFrameHolder,
.page-id-163 #new-royalslider-2 .rsThumbs {
    background: #001535!important;
}

.page-id-164 #new-royalslider-2,
.page-id-164 #new-royalslider-2 .rsOverflow,
.page-id-164 #new-royalslider-2 .rsSlide,
.page-id-164 #new-royalslider-2 .rsVideoFrameHolder,
.page-id-164 #new-royalslider-2 .rsThumbs {
    background: #8ec63f!important;
}

.page-id-153 #new-royalslider-5,
.page-id-153 #new-royalslider-5 .rsOverflow,
.page-id-153 #new-royalslider-5 .rsSlide,
.page-id-153 #new-royalslider-5 .rsVideoFrameHolder,
.page-id-153 #new-royalslider-5 .rsThumbs {
    background: #1e1e20!important;
}

.page-id-158 #new-royalslider-3,
.page-id-158 #new-royalslider-3 .rsOverflow,
.page-id-158 #new-royalslider-3 .rsSlide,
.page-id-158 #new-royalslider-3 .rsVideoFrameHolder,
.page-id-158 #new-royalslider-3 .rsThumbs {
    background:#8d0521!important;
}

.page-id-829 #new-royalslider-4,
.page-id-829 #new-royalslider-4 .rsOverflow,
.page-id-829 #new-royalslider-4 .rsSlide,
.page-id-829 #new-royalslider-4 .rsVideoFrameHolder,
.page-id-829 #new-royalslider-4 .rsThumbs {
    background: #2a3c3e!important;
}

.page-id-aol #new-royalslider-4,
.page-id-aol #new-royalslider-4 .rsOverflow,
.page-id-aol #new-royalslider-4 .rsSlide,
.page-id-aol #new-royalslider-4 .rsVideoFrameHolder,
.page-id-aol #new-royalslider-4 .rsThumbs {
    background: #2a3c3e!important;
}

.centered-column { width: 92.5%; max-width: 710px!important; margin: 100px auto 100px;}
.centered-column2 { width: 90%; max-width: 1140px!important; margin: 100px auto 100px;}
.centered-column3 { width: 90%; max-width: 900px!important; margin: 100px auto 100px;}

h2.the-client, h2.the-objective, h2.the-story, .the-outcome h2, h2.the-feedback  {
	font: 12px "Helvetica Neue", Helvetica, Arial;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
.the-outcome h2, h2.the-client {
	text-align: center;
	color: #fff;
}
h2.the-objective {
	color: #333;
}
h2.the-story {
	color: #333;
	margin-top: 100px;
}
p.the-client-copy {
	text-align: center;
	color: #fff;
	font-style: italic;
	margin: 20px auto 100px;
	max-width: 600px;
	width: 92.5%;
}

p.the-client-copy a { color: #91dcff; text-decoration: none; }
p.the-client-copy a:hover { text-decoration: underline; }

hr.the-client, hr.the-objective, hr.the-story, .the-outcome hr {
	border: none;
	height: 1px;
}
hr.the-client {
	width: 117px;
	background-color: #fff;
	margin: 25px auto;
}

.page-id-158 hr.the-client {	
	width: 117px;
	background-color: #fff;
	margin: 25px auto;
}


hr.the-objective {
	width: 155px;
	margin: 25px 0;
	background: #666;
}
hr.the-story {
	width: 109px;
	margin: 25px 0;
	background: #666;
}
.the-outcome hr {
	width: 143px;
	margin: 30px auto ;
	background: #fff;
}

h2.the-feedback { text-align: center;
	color: #666; }
hr.the-feedback {
	width: 143px;
	margin: 25px auto 0;
	background: #333;
}

.zilla-one-half {margin-bottom: 0;}

hr.actions { margin: 0 0 90px;}

.the-outcome {
	position: relative;
	z-index: 999;
	padding: 40px 0 0px;
	top: 35px;
}

 {
	text-align: center;
	font-style:  italic;
	font-size: 32px;
	line-height: 44px;
	color: #666;
	letter-spacing: -0.05em;
	margin-top: 60px;
}


.page-fantagp .rollpage span { color: #FFF; background-color: #1d8fd8; }
.page-fantagp .rollpage span:after { color: #FFF; background-color: #146699; }
.page-fantagp .centered-column a {color: #1d8fd8; float: left;}
.page-fantagp .centered-column a:hover {color: #000; }

.page-skygo .rollpage span { color: #FFF; background-color: #2a3c3e; }
.page-skygo .rollpage span:after { color: #FFF; background-color: #111; }
.page-skygo .centered-column a {color: #1d8fd8; float: left;}
.page-skygo .centered-column a:hover {color: #000; }

.page-skysport .rollpage span { color: #FFF; background-color: #1d8fd8; }
.page-skysport .rollpage span:after { color: #FFF; background-color: #146699; }
.page-skysport .centered-column a {color: #1d8fd8; float: left;}
.page-skysport .centered-column a:hover {color: #000; }

.page-braccialini .rollpage span { color: #FFF; background-color: #444; }
.page-braccialini .rollpage span:after { color: #FFF; background-color: #111; }
.page-braccialini .centered-column a {color: #1d8fd8; float: left;}
.page-braccialini .centered-column a:hover {color: #000; }

.page-uspolo .rollpage span { color: #FFF; background-color: #1d8fd8; }
.page-uspolo .rollpage span:after { color: #FFF; background-color: #146699; }
.page-uspolo .centered-column a {color: #1d8fd8; float: left;}
.page-uspolo .centered-column a:hover {color: #000; }

.page-skysportf1 .rollpage span { color: #FFF; background-color: #1d8fd8; }
.page-skysportf1 .rollpage span:after { color: #FFF; background-color: #146699; }
.page-skysportf1 .centered-column a {color: #1d8fd8; float: left;}
.page-skysportf1 .centered-column a:hover {color: #000; }







@media only screen and (max-width: 1140px) {

	#header {margin: 0 auto 70px;}
	
	.page-id-139 .header-outer { background: url('../../../../wp-content/uploads/fanta-gp_bg.jpg') #000; height: 900px; background-attachment: scroll!important; }
	.page-id-163 .header-outer { /* background: url('../../../../../wp-content/uploads/sky-sport_bg.jpg') #0095da; */ height: 900px; background-attachment: scroll!important; }
	.page-id-164 .header-outer { /* background: url('../../../../../wp-content/uploads/sky-sport_bg.jpg') #0095da; */ height: 900px; background-attachment: scroll!important; }
	.page-id-158 .header-outer { background: url('../../../../wp-content/uploads/us-polo_bg.jpg') #000; height: 900px; background-attachment: scroll!important; }
	.page-id-153 .header-outer { background: url('../../../../wp-content/uploads/braccialini_bg.jpg') #333; height: 900px; background-attachment: scroll!important; }
	.page-id-829 .header-outer { background: url('../../../../wp-content/uploads/skygo_bg.jpg') #151515; height: 900px; background-attachment: scroll!important; }
	.page-id-aol .header-outer { background: url('../../../../wp-content/uploads/aol_pagina_bg.jpg') #151515; height: 900px; background-attachment: scroll!important; }
	
	.page-id-139 #primary, .page-id-163 #primary, .page-id-164 #primary, .page-id-158 #primary, .page-id-153 #primary, .page-id-829 #primary, .page-id-aol #primary { margin-top: -700px; position: relative; }
	
	.entry-content { max-width: 100%!important;	}
	
	#content {width: 100% !important;}
	
	p.the-client-copy { margin: 20px auto 70px; }
	
	.centered-column { width: 92.5%; max-width: 600px!important; margin: 100px auto -20px;}
	
	
}


@media only screen and (max-width: 640px) {

	.page-id-139 .header-outer, .page-id-163 .header-outer, .page-id-164 .header-outer, .page-id-158 .header-outer, .page-id-153 .header-outer, .page-id-829 .header-outer, .page-id-aol .header-outer  { height: 650px; }
	
	.page-id-139 #primary, .page-id-163 #primary, .page-id-164 #primary, .page-id-158 #primary, .page-id-153 #primary, .page-id-829 #primary, .page-id-aol #primary  { margin-top: -490px; }
	
	p.the-client-copy { margin: 20px auto 40px; }
	
	.page-title { width: 92.5%; letter-spacing: -0.04em;}

	.centered-column { margin: 50px auto 100px; width: 92.5%!important; }	
	
	h2.the-story { margin-top: 60px; }
	
	.the-outcome {
	position: relative;
	z-index: 999;
	color: #333;
	padding: 40px 0 0px;
	top: 35px;
	}
	.the-outcome h2 { color: #fff; }
	
	.the-outcome hr {
	width: 143px;
	margin: 20px auto;
	background: #fff;
	}
	
	.rsUni .rsBullets { width: 8px; height: 8px; margin: -55px auto; }
	.rsUni .rsBullet.rsNavSelected span { width: 8px!important; height: 8px!important;}
	
	#logo, #logo a {
	margin: 7px 0 0 6px!important;
	height: 46px!important;
	width: 35px!important;
	}

}


@media only screen and (max-width: 360px) {

	h2.the-outcome, h2.the-client, h2.the-client-copy { text-align: left; }
	
	h2.the-client {margin-left: 3.75%;}
	
	p.the-client-copy { margin: 20px auto 40px; text-align: left;}
	
	hr.the-client { margin: 15px 0 10px 3.75%; }
	
	.page-id-139 .header-outer  { height: 620px; }
	
	.page-id-829 .header-outer { height: 820px; }
	.page-id-829 #primary { margin-top: -560px; }

	.page-id-aol .header-outer { height: 820px; }
	.page-id-aol #primary { margin-top: -560px; }
	
	.page-id-163 .header-outer, .page-id-164 .header-outer, .page-id-158 .header-outer, .page-id-153 .header-outer { height: 720px; }
	.page-id-163 #primary, .page-id-164 #primary, .page-id-158 #primary, .page-id-153 #primary  { margin-top: -460px; }
	
	.page-id-158 hr.the-client { margin: 15px 0 10px 3.75%; }

	
	.page-id-139 #primary { margin-top: -360px; }
	
	#logo, #logo a {
	margin: 7px 0 0 6px!important;
	height: 46px!important;
	width: 35px!important;
	}

}