/************************************************/
/*												*/
/*	IL DISORDINE DELLE COSE						*/
/*	CSS - GENERALE								*/
/*	DEVEL BY TIWI								*/
/*												*/
/************************************************/

/* SECTIONS */
section.start  {
	
} section.start .logo-top  {
	display:block; position:absolute;
	top:30px; right:30px;
	width:260px; height:40px;
	background-image:url(./../img/50.01.start/logo-top.png);
	background-repeat:no-repeat;
}

/* COVER STORIES */

section.start#cover-stories {
	background-color:#333333;
} section.start#cover-stories .logo-top {
	display:none;
} section.start#cover-stories #logo {
	position:absolute; left:50%; top:50%;
	margin-left:-325px; margin-top:-250px;
} section.start#cover-stories #cover-container {
	width:650px; height:400px; position:absolute;
	left:50%; top:50%; margin-top:-100px; margin-left:-325px;
	overflow:hidden;
} section.start#cover-stories .storybackground {
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity  2s ease-in-out;
    -ms-transition: opacity  2s ease-in-out;
    -o-transition: opacity  2s ease-in-out;
    transition: opacity  2s ease-in-out;
} section.start#cover-stories .storybackground + .storybackground {
	opacity: 0;
    filter: alpha(opacity=0);
} section.start#cover-stories #cover-container .stories {
	width:2880px; height:400px; position:absolute;
	left:0px; top:0px; overflow:hidden;
	-webkit-transition: left 1s ease-in-out;
    -moz-transition: left  1s ease-in-out;
    -ms-transition: left  1s ease-in-out;
    -o-transition: left  1s ease-in-out;
    transition: left  1s ease-in-out;
} section.start#cover-stories #cover-container .stories .story {
	width:650px; height:400px; position:absolute;
	left:0px; top:0px; overflow:hidden;
} section.start#cover-stories #cover-container .stories .story + .story {
	left:960px;
} section.start#cover-stories #cover-container .stories .story + .story  + .story {
	left:1920px;
} section.start#cover-stories #cover-container .stories .story + .story  + .story + .story {
	left:2880px;
} section.start#cover-stories #cover-container .stories .story + .story  + .story + .story + .story {
    left:3840px;
} section.start#cover-stories #cover-container .stories .story + .story  + .story + .story + .story + .story {
	left:4800px;
} section.start#cover-stories #cover-container .stories .story h1 {
	top:auto; margin-bottom:30px;
} section.start#cover-stories #cover-container .stories .story h3 {
	color:#e5197e;
} section.start#cover-stories #cover-container .stories .story p {
	font-family: 'Lato', sans-serif;
	font-size:20px; line-height:28px;
	font-weight:300; color:#ffffff;
}

section.start#cover-stories #cover-navigation {
	width:960px; height:400px; position:absolute;
	left:50%; top:50%; margin-top:-100px; margin-left:-480px;
	overflow:hidden;
} section.start#cover-stories #cover-navigation .arrow {
	display:block; position:absolute;
	top:50%; margin-top:-35px;
	left:0px; width:70px; height:70px;
	background-image:url(./../img/50.01.start/cover-back-arrow.png);
	background-repeat:no-repeat; background-position:center center;
	background-size:100% 100%;
}  section.start#cover-stories #cover-navigation .arrow.inactive {
	opacity: 0.4;
    filter: alpha(opacity=40); cursor:default!important;
} section.start#cover-stories #cover-navigation .arrow.back {
	left:0px; background-image:url(./../img/50.01.start/cover-back-arrow.png);
} section.start#cover-stories #cover-navigation .arrow.next {
	left:auto; right:0px; background-image:url(./../img/50.01.start/cover-next-arrow.png);
}

/* TOUR */
section.start.tour {}
section.start.tour h3 {
	position: absolute;
	width: 960px;
	color: #42cbb9;
	left: 50%;
	margin-left: -480px;
	top: 80px;
} section.start.tour h1 {
	position: absolute;
	width: 960px;
	color: #ffffff;
	left: 50%;
	margin-left: -480px;
	top: 110px;
} section.start.tour #tour-dates {
	width:960px; height:400px; position:absolute;
	top:240px; left:50%; margin-left:-480px;
	font-family: "museo-slab", sans-serif;
	font-weight:400; color:#ffffff; font-size:14px; line-height:18px;
	text-transform:uppercase;
} section.start.tour #tour-dates #dates {
	font-weight:800; position:absolute; left:0px; top:0px;
} section.start.tour #tour-dates #days {
	font-weight:400; position:absolute; left:130px; top:0px;
} section.start.tour #tour-dates #tour-detail {
	font-weight:400; position:absolute; left:250px; top:0px;
} section.start.tour #tour-dates #tour-detail b {
	font-weight:800;
} section.start.tour a.button.share {
	top:180px; left:50%; margin-left:-480px;
	width:130px; height:35px;
	line-height:35px;
}  section.start.tour a.button.partecipate {
	top:180px; left:50%; margin-left:-335px;
	width:130px; height:35px;
	line-height:35px;
}

/* ALBUMS */
section.start.album {
	
} section.start.album  .arrow {
	display:block; position:absolute;
	top:50%; margin-top:-90px;
	left:50%; margin-left:-480px; width:70px; height:70px;
	background-image:url(./../img/50.01.start/cover-back-arrow.png);
	background-repeat:no-repeat; background-position:center center;
	background-size:100% 100%;
}  section.start.album  .arrow.inactive {
	opacity: 0.4;
    filter: alpha(opacity=40); cursor:default!important;
} section.start.album  .arrow.back {
	margin-left:-480px; background-image:url(./../img/50.01.start/cover-back-arrow.png);
} section.start.album  .arrow.next {
	left:auto; right:50%; margin-right:-480px; background-image:url(./../img/50.01.start/cover-next-arrow.png);
} section.start.album #album-container {
	position:absolute; top:0px; left:0px;
	width:100%; height:100%; overflow:hidden;
} section.start.album #album-container .albums {
	position:absolute; top:0px; left:0px;
	width:500%; height:100%; overflow:hidden;
	-webkit-transition: left 400ms ease-in-out;
    -moz-transition: left  400ms ease-in-out;
    -ms-transition: left  400ms ease-in-out;
    -o-transition: left  400ms ease-in-out;
    transition: left  400ms ease-in-out;
} section.start.album #album-container .albums .album {
	position:absolute;
	width:25%; height:100%; overflow:hidden;
	top:0px; left:0px;
} section.start.album #album-container .albums .album + .album {
	position:absolute;
	width:25%; height:100%; overflow:hidden;
	top:0px; left:20%;
} section.start.album #album-container .albums .album + .album + .album {
	position:absolute;
	width:25%; height:100%; overflow:hidden;
	top:0px; left:40%;
}

section.start.album #album-container .albums .album + .album + .album + .album {
	position:absolute;
	width:25%; height:100%; overflow:hidden;
	top:0px; left:60%;
}
section.start.album #album-container .albums .album + .album + .album + .album + .album  {
	position:absolute;
	width:25%; height:100%; overflow:hidden;
	top:0px; left:80%;
}
section.start.album #album-container .albums .album h3 {
	width:800px; position:absolute; top:50px; left:50%; margin-left:-400px;
	color:#ff0066;
} section.start.album #album-container .albums .album#la-giostra h3 {
	color:#000000; top:105px;
} section.start.album #album-container .albums .album h1 {
	width:800px; position:absolute; top:80px; left:50%; margin-left:-400px;
	
} section.start.album #album-container .albums .album#la-giostra h1 {
	top:135px;
} section.start.album #album-container .albums .album .description {
	width: 800px;
	position: absolute;
	top: 195px;
	left: 50%;
	margin-left: -400px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #ffffff;

} section.start.album #album-container .albums .album#la-giostra .description {
	color:#000000;
} section.start.album #album-container .albums .album .packaging {
	position:absolute;
	top:260px; width:800px; height:280px;
	left:50%; margin-left:-400px;
} section.start.album #album-container .albums .album .packaging .cover {
	position:absolute; top:0px; left:0px; z-index:1; display:block;
} section.start.album #album-container .albums .album .packaging .cd {
	position:absolute; top:0px; left:0px; z-index:0; display:block;
	-webkit-transition: left 300ms ease-in-out;
    -moz-transition: left 300ms ease-in-out;
    -ms-transition: left 300ms ease-in-out;
    -o-transition:left 300ms ease-in-out;
    transition: left 300ms ease-in-out;
} section.start.album #album-container .albums .album .packaging .cover:hover + .cd {
	left:140px;
} section.start.album #album-container .albums .album .packaging .tracks {
	position:absolute; left:330px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #ffffff; letter-spacing:1px;
	-webkit-transition: left 300ms ease-in-out;
    -moz-transition: left 300ms ease-in-out;
    -ms-transition: left 300ms ease-in-out;
    -o-transition:left 300ms ease-in-out;
    transition: left 300ms ease-in-out;
} section.start.album #album-container .albums .album .packaging .tracks b {
	font-weight: 800;
} section.start.album #album-container .albums .album .packaging .cover:hover + .cd + .tracks {
	left:470px;
} section.start.album #album-container .albums .album .button.listen {
	top:550px;
} section.start.album #album-container .albums .album .button.buy {
	left:50%; margin-left:-390px;
	top:550px;
} section.start.album #album-container .albums .album .icon {
	display:inline-block; width:30px; height:30px;
	overflow:hidden; background-size:60px 30px;
	top:553px;
	background-position:0px 0px; margin-bottom:5px; position:absolute;
	left:50%; margin-left:-260px; top:555px;
} section.start.album #album-container .albums .album .icon:hover {
	background-position:-30px 0px;
} section.start.album #album-container .albums .album .icon.fisico {
	background-image:url(./../img/50.99.social/cd.png);
	margin-left:-250px;
} section.start.album #album-container .albums .album .icon.itunes {
	background-image:url(./../img/50.99.social/itunes.png);
	margin-left:-210px;
} section.start.album #album-container .albums .album .icon.google {
	background-image:url(./../img/50.99.social/google.png);
	margin-left:-170px;
}


/* CONTACTS */
section.start.contacts h1 {
	position: absolute;
	width: 900px;
	color: #ffffff;
	left: 50%;
	margin-left: -450px;
	top: 70px;
} section.start.contacts #contact-list {
	position:absolute; width:900px; color:#ffffff;
	left: 50%;
	margin-left: -440px;
	top: 140px;
	font-family: 'Lato', sans-serif;
	font-size:18px; line-height:24px;
	font-weight:400; color:#ffffff;
} section.start.contacts #logos-bg {
	position:absolute; bottom:0px; width:100%; height:175px;
	background-color:#34d3d5;
	opacity:0.8;
	filter: alpha(opacity=80);
} section.start.contacts #logos-links {
	position:absolute; bottom:0px; left:50%; margin-left:-450px; width:900px; height:175px;
} section.start.contacts #logos-links .logo {
	display:block; position:absolute; top:50%; margin-top:-45px;
	left:0px; width:80px; height:90px; overflow:hidden;
	background-size:200%; background-position:0px;
	cursor:pointer;
} section.start.contacts #logos-links .logo:hover {
	background-position:-100%;
} section.start.contacts #logos-links .logo.coseindisordine {
	background-image:url(./../img/50.98.logos/coseindisordine.png);
	left:0px; width:80px;
} section.start.contacts #logos-links .logo.blackcandy {
	background-image:url(./../img/50.98.logos/blackcandy.png);
	left:220px; width:120px;
} section.start.contacts #logos-links .logo.gilda {
	background-image:url(./../img/50.98.logos/gilda.png);
	left:115px; width:80px;
} section.start.contacts #logos-links .logo.warner {
	background-image:url(./../img/50.98.logos/warner.png);
	left:355px; width:80px;
} section.start.contacts #logos-links .logo.audioglobe {
	background-image:url(./../img/50.98.logos/audioglobe.png);
	left:460px; width:80px;
} section.start.contacts #logos-links .logo.abuzzsupreme {
	background-image:url(./../img/50.98.logos/abuzzsupreme.png);
	left:560px; width:140px;
}
section.start.contacts #logos-links .logo.manita {
	background-image:url(./../img/50.98.logos/manita.png);
	left:115px; width:135px;
}

section.start.contacts #social-bg {
	position:absolute; bottom:145px; width:100%; height:140px;
	background-color:#dbd997;
	opacity:0.8;
	filter: alpha(opacity=80);
} section.start.contacts #social-links {
	position:absolute; bottom:145px; left:50%; margin-left:-450px; width:900px; height:140px;
} section.start.contacts #social-links .icon {
	display:inline-block; cursor:pointer;
	width:60px; height:60px; background-size:200%; margin-right:60px;
	background-position:0% 0%; margin-top:25px;
} section.start.contacts #social-links .icon:hover {
	background-position:-100% 0%;
} section.start.contacts #social-links .icon.facebook {
	background-image:url(./../img/50.99.social/facebook60.png);
} section.start.contacts #social-links .icon.youtube {
	background-image:url(./../img/50.99.social/youtube60.png);
} section.start.contacts #social-links .icon.twitter {
	background-image:url(./../img/50.99.social/twitter60.png);
} section.start.contacts #social-links .icon.soundcloud {
	background-image:url(./../img/50.99.social/soundcloud60.png);
} section.start.contacts #social-links .icon.spotify {
	background-image:url(./../img/50.99.social/spotify60.png);
} section.start.contacts #social-links .icon.itunes {
	background-image:url(./../img/50.99.social/itunes60.png);
} section.start.contacts #social-links .icon.google {
	background-image:url(./../img/50.99.social/google60.png);
}