@font-face {

	font-family: "GothamPro-Bold";

	src: url("fonts/gotham-bold.eot"); /* IE9*/

	src: url("fonts/gotham-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

	url("fonts/gotham-bold.woff2") format("woff2"), /* chrome、firefox */

	url("fonts/gotham-bold.woff") format("woff"), /* chrome、firefox */

	url("fonts/gotham-bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

	url("fonts/gotham-bold.svg#GothamPro-Bold") format("svg"); /* iOS 4.1- */

}

@font-face {

	font-family: "Gotham Pro Regular";

	src: url("fonts/gotham-pro.eot"); /* IE9*/

	src: url("fonts/gotham-pro.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

	url("fonts/gotham-pro.woff2") format("woff2"), /* chrome、firefox */

	url("fonts/gotham-pro.woff") format("woff"), /* chrome、firefox */

	url("fonts/gotham-pro.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

}

@font-face {

	font-family: "Gotham Pro Light Regular";

	src: url("fonts/gotham-pro-light.eot"); /* IE9*/

	src: url("fonts/gotham-pro-light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

	url("fonts/gotham-pro-light.woff2") format("woff2"), /* chrome、firefox */

	url("fonts/gotham-pro-light.woff") format("woff"), /* chrome、firefox */

	url("fonts/gotham-pro-light.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

	url("fonts/gotham-pro-light.svg#Gotham Pro Light Regular") format("svg"); /* iOS 4.1- */

}

@font-face {

    font-family: "gotham_blackregular";

    src: url("fonts/gotham-black.woff2") format("woff2"),

         url("fonts/gotham-black.woff") format("woff");

    font-weight: normal;

    font-style: normal;



}

* { outline: none !important; }

html { scroll-behavior: smooth; }

body { margin: 0; padding: 0; }

a, a:hover, a:active, a:focus { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

header { background-color: #e6007e; padding: 45px 0; }

header ul { margin: 0; padding: 0; list-style: none; }

header ul li { display: inline-block; margin-right: 40px; }

header ul li:last-child { margin-right: 0; }

header ul li a { font-family: "GothamPro-Bold"; text-decoration: none; font-size: 30px; line-height: 36px; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #FFED00; color: transparent; }

header ul li a:hover, header ul li a.active { color: #FFED00; -webkit-text-stroke-width: #fff; -webkit-text-stroke-color: #fff; -webkit-animation: neon3 1.5s ease-in-out infinite alternate; -moz-animation: neon3 1.5s ease-in-out infinite alternate; animation: neon3 1.5s ease-in-out infinite alternate; }

header .header_logo { text-align: right; }

.container { max-width: 900px; margin: 0 auto; }

.container_header, .container_footer { max-width: 1200px; margin: 0 auto; }

.container_header { display: grid; grid-template-columns: 3fr 1fr; align-items: center; }

.show { display: block; }

.hide { display: none; }

.section_title { text-align: center; }

.section_title h2 { font-family: "Gotham Pro Light Regular"; font-size: 30px; line-height: 32px; text-align: center; color: #fff; margin: 0; font-weight: 100; }

.fullheight { height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: space-around; }

.grid { display: grid; }

#logo_top { position: fixed; top: 80px; right: 10vw; z-index: 999; }

#logo_top img { -webkit-transition: .3s; transition: .3s; }

#logo_top:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .3s; transition: .3s; }

#menu { position: fixed; top: 80px; left: 10vw; z-index: 999; }

#menu ul { list-style: none; margin: 0; padding: 0; }

#menu ul li { margin-bottom: 40px; }

#menu ul li:last-child { margin-bottom: 0; }

#menu ul li a { font-family: "GothamPro-Bold"; text-decoration: none; font-size: 60px; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #FFED00; color: transparent; }

/* #menu ul li a:hover { color: #FFED00; -webkit-text-stroke-width: #fff; -webkit-text-stroke-color: #fff; -webkit-animation: neon3 1.5s ease-in-out infinite alternate; -moz-animation: neon3 1.5s ease-in-out infinite alternate; animation: neon3 1.5s ease-in-out infinite alternate; } */

#menu ul li a.active { font-size: 80px; -webkit-text-stroke-width: #fff; -webkit-text-stroke-color: #fff; -webkit-animation: neon3 1.5s ease-in-out infinite alternate; -moz-animation: neon3 1.5s ease-in-out infinite alternate; animation: neon3 1.5s ease-in-out infinite alternate; }

#intro { position: relative; background-color: #f9787f; min-height: 700px; }

#intro #myVideo { position: absolute; width: 100%; height: 100%; }

#intro .content { position: absolute; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: space-around; }

#intro .logo { margin-top: 20vh; }

#intro .frecciagiu { margin-bottom: -10vh; }

#intro .frecciagiu img { border-radius: 50%; }

#planet { background-image: url("img/Home_SFONDOBLU.png"); background-repeat: no-repeat; background-size: cover; background-position: top; min-height: 1100px; }

#planet .grid { width: 100%; height: 100%; grid-template-columns: 70% 30%; }

#planet .grid .left { text-align: right; padding: 10vh; }

#planet .grid .left h3 { font-family: "Gotham Pro Regular"; color: #e6007e; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); font-size: 33px; top: -50px; position: relative; }

#planet .grid .right { padding: 9vh; background-color: yellow; }

#planet .grid .right h2 { font-family: "GothamPro-Bold"; font-size: 30px; margin: 0; text-align: right; color: #e6007e; line-height: 1; margin-bottom: 50px; }

#planet .grid .right h2 span { font-size: 45px; vertical-align: middle; position: relative; top: -1px; line-height: 0; }

#planet .grid .right iframe { width: 100%; max-width: 310px; height: auto; margin-bottom: 10px; }

#news { background-color: #009fe3; background-image: url("img/Home_SfondoFascia1.png"); background-size: 100%; background-position: top center; background-repeat: no-repeat; padding: 18% 0 200px; }

#news .albums { display: grid; grid-template-columns: 300px 300px; grid-column-gap: 200px; align-items: center; margin: 200px auto 100px; width: max-content; }

#news .albums .album { position: relative; }

#news .albums .album .date { font-family: "GothamPro-Bold"; text-align: left; position: absolute; color: #e6007e; font-size: 50px; line-height: 60px; top: -40px; left: -80px; }

#news .albums .album .date .dot { color: #FFED00; }

#news .albums .album .img { width: 100%; height: auto; }

#news .albums .album h5 { font-family: "GothamPro-Bold"; text-transform: uppercase; font-size: 25px; line-height: 30px; position: absolute; bottom: 20px; right: -30px; max-width: 250px; }

#news .albums .album h5 mark { background-color: #FFED00; color: #e6007e; display: inline-block; min-width: 80%; height: 15px; line-height: 10px; }

#news .albums .album h5 mark:nth-child(odd) { -webkit-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); }

#news .albums .album h5 mark:nth-child(even) { -webkit-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }

#news .albums .album .readmore { width: max-content; float: right; text-align: center; margin-top: 60px; }

#news .albums .album .readmore a { font-size: 12px; line-height: 14px; font-family: "gotham_blackregular"; color: #fff; text-decoration: none; }

#news .albums .album .readmore img { display: block; margin: 0 auto; }

#tour { background-color: #009fe3; background-image: url("img/Home_SfondoFascia2.png"); background-size: 100%; background-position: top center; background-repeat: no-repeat; padding: 18% 0 200px; }

#tour .section_title { margin-bottom: 200px; }

#tour .tour_dates { margin-bottom: 100px; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 100px; }

#tour .tour_dates .tour_date > img { display: block; margin-bottom: 50px; }

#tour .tour_dates .gorillaz_date .day { font-size: 250px; }

#tour .tour_dates .gorillaz_date .month { font-size: 150px; }

#tour .tour_dates .tour_date .readmore { text-align: center; margin-top: 30px; }

#tour .tour_dates .tour_date .readmore a { font-size: 12px; line-height: 14px; font-family: "gotham_blackregular"; color: #fff; text-decoration: none; }

#tour .tour_dates .tour_date .readmore img { display: block; margin: 0 auto; }

#store { background-color: #009fe3; background-image: url("img/Home_SfondoFascia3.png"); background-size: 100%; background-position: top center; background-repeat: no-repeat; padding: 18% 0 200px; }

#store .section_title { margin-bottom: 200px; }

.store_products { margin-bottom: 100px; display: grid; grid-template-columns: 1fr 1fr; align-items: end; }

.store_products .store_product > img { display: block; margin-bottom: 30px; }

.store_products .store_product .product_image { margin: 0 auto 30px; }

.store_products .store_product h5 { text-align: center; font-size: 18px; line-height: 22px; font-family: "Gotham Pro Regular"; color: #e6007e; margin: 0 0 5px; }

.store_products .store_product .price { font-size: 18px; line-height: 22px; font-family: "GothamPro-Bold"; color: #ffed00; text-align: center; }

.store_products .store_product .readmore { text-align: center; margin-top: 50px; }

.store_products .store_product .readmore a { font-size: 12px; line-height: 14px; font-family: "gotham_blackregular"; color: #fff; text-decoration: none; }

.store_products .store_product .readmore img { display: block; margin: 0 auto; }

#albums { background-color: #009fe3; background-image: url("img/Home_SfondoFascia4.png"); background-size: 100%; background-position: top center; background-repeat: no-repeat; padding: 18% 0 200px; }

#albums .section_title { margin-bottom: 200px; }

#albums .albums_albums { margin-bottom: 100px; display: grid; grid-template-columns: 1fr 1fr; }

#albums .albums_albums .albums_album > img { display: block; margin-bottom: 30px; }

#albums .albums_albums .albums_album .readmore { text-align: center; }

#albums .albums_albums .albums_album .readmore a { font-size: 12px; line-height: 14px; font-family: "gotham_blackregular"; color: #fff; text-decoration: none; }

#albums .albums_albums .albums_album .readmore img { display: block; margin: 0 auto; }

#signup { background-color: #009fe3; background-image: url("img/Home_SfondoFascia5.png"); background-size: 100%; background-position: top center; background-repeat: no-repeat; padding: 18% 0 200px; }

#signup .section_title { margin-bottom: 200px; }

#signup form { max-width: 65%; float: right; margin-bottom: 120px; }

#signup form > div.form_input { margin-bottom: 30px; display: grid; grid-template-columns: auto 1fr; align-items: center; }

#signup form label { font-size: 25px; line-height: 30px; color: #e6007e; font-family: "GothamPro-Bold"; margin-right: 15px; }

#signup form input { background: none; border: 0; border-bottom: 5px solid #FFED00; font-family: "Gotham Pro Regular"; color: #FFED00; font-size: 25px; line-height: 30px; }

#signup form input[type="checkbox"] { display: block; width: 30px; height: 30px; margin: 0; }

#signup form input[type="submit"] { border-radius: 3px; cursor: pointer; margin: 0 auto; font-family: "GothamPro-Bold"; font-size: 35px; line-height: 42px; color: #e6007e; background-color: #ffed00; width: 140px; height: 40px; line-height: 40px; text-align: center; }

#signup form > div.checkbox_div { float: right; margin-bottom: 30px; }

#signup form > div.checkbox_div label { margin: 0; }

#signup form > div.checkbox_div input { margin: 0 auto; }

#signup form > div.submit_div { clear: both; text-align: center; }

#signup form p { margin: 0 0 30px; font-size: 14px; line-height: 17px; color: #ffed00; font-family: "Gotham Pro Regular"; font-weight: 400; text-align: justify; }

.section_title img { width: 600px; height: 300px; object-fit: contain; }

.you_may h3 { text-align: left; color: #FFED00; font-size: 25px; line-height: 30px; font-family: "GothamPro-Bold"; margin-bottom: 100px; }

.you_may .you_may_grid { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; }

.box_with_vertical { position: relative; text-align: center; }

.box_with_vertical .vertical { -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: -85px; margin: 0; font-family: "GothamPro-Bold"; text-decoration: none; font-size: 50px; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #FFED00; color: transparent; bottom: 80px; width: 100%; height: 100%; text-align: left; }

.box_with_vertical.albums_ { padding-left: 50px; }

.box_with_vertical .gorillaz_date { margin-left: 15px; }

.box_with_vertical a { text-decoration: none; }

.box_with_vertical img { -webkit-transition: .3s; transition: .3s; }

.box_with_vertical img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .3s; transition: .3s; }

.gorillaz_date .day { color: #FFED00; display: block; font-family: "GothamPro-Bold"; font-size: 150px; line-height: 85px; text-align: center; }

.gorillaz_date .month { color: #e6007e; display: block; font-family: "Gotham Pro Regular"; font-size: 75px; line-height: 25px; text-align: center; }

.gorillaz_date .place { display: block; margin-top: 50px; color: #FFED00; font-family: "GothamPro-Bold"; font-size: 35px; line-height: 35px; text-align: center; }

.gorillaz_date .place span { color: #e6007e; }

#main { background-image: url("img/Sfondo_pagineinterne.png"); background-repeat: no-repeat; background-position: top center; background-size: cover; min-height: 100vh; padding: 120px 0; }

#main .main_h1 {  padding-bottom: 60px; text-align: center; }

#main .albums { display: grid; grid-template-columns: 300px 300px; grid-column-gap: 200px; grid-row-gap: 100px; margin: 100px auto; width: max-content; align-items: start; }

#main .albums .album { position: relative; }

#main .albums .album:nth-child(odd) { margin-top: 200px; }

#main .albums .album:last-child { margin-top: 0; margin-left: 500px; width: 100%; }

#main .albums .album .date { font-family: "GothamPro-Bold"; text-align: left; position: absolute; color: #e6007e; font-size: 50px; line-height: 60px; top: -40px; left: -80px; }

#main .albums .album .date .dot { color: #FFED00; }

#main .albums .album .img { width: 100%; height: auto; }

#main .albums .album h5 { font-family: "GothamPro-Bold"; text-transform: uppercase; font-size: 25px; line-height: 30px; position: absolute; bottom: 20px; right: -30px; max-width: 250px; }

#main .albums .album h5 mark { background-color: #FFED00; color: #e6007e; display: inline-block; min-width: 80%; height: 15px; line-height: 10px; }

#main .albums .album h5 mark:nth-child(odd) { -webkit-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); }

#main .albums .album h5 mark:nth-child(even) { -webkit-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }

#main.tour { padding-bottom: 120px; }

#main .tour_dates { margin-top: 100px; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 100px; }

#main .tour_dates .tour_date { position: relative; }

#main .tour_dates .tour_date > img { display: block; margin-bottom: 50px; }

#main .tour_dates .tour_date:nth-child(odd) { margin-top: 300px; }

#main .tour_dates .tour_date h4.vertical { -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: -175px; margin: 0; font-family: "GothamPro-Bold"; text-decoration: none; font-size: 32px; bottom: auto; top: 0; text-align: left; color: #e6007e; text-transform: uppercase; width: 100%; }

#main .tour_dates .tour_date:nth-child(odd) h4.vertical { left: auto; right: -175px; }

#main .tour_dates .tour_date:last-child h4.vertical { width: max-content; top: 40px; }

#main .tour_dates .gorillaz_date .day { font-size: 250px; }

#main .tour_dates .gorillaz_date .month { font-size: 150px; }

#main .tour_dates .price_buy { display: grid; grid-template-columns: 1fr 1fr; align-items: center; width: max-content; margin: 20px auto 0; }

#main .tour_dates .price_buy .price { font-family: "GothamPro-Bold"; color: #e6007e; font-size: 30px; line-height: 36px; text-align: center; }

#main .tour_dates .price_buy .buy { text-align: right; }

#main .tour_dates .price_buy .buy a { text-decoration: none; display: block; border-radius: 3px; cursor: pointer; margin: 0 auto; font-family: "GothamPro-Bold"; font-size: 28px; line-height: 42px; color: #fff; background-color: #e6007e; width: 140px; height: 40px; line-height: 40px; text-align: center; }

#main .store_products { margin-bottom: 100px; display: grid; grid-template-columns: 1fr 1fr; align-items: start; }

#main .store_products .store_product { position: relative; min-width: 50%; }

#main .store_products .store_product:nth-child(odd) { margin-top: 300px; }

#main .store_products .store_product:last-child { width: 100%; margin-top: 0; margin-left: 400px; }

#main .store_products .store_product > img { display: block; margin-bottom: 30px; }

#main .store_products .store_product .product_image { margin: 0 auto 30px; }

#main .store_products .store_product h5 { text-transform: uppercase; position: relative; z-index: 2; text-align: center; font-size: 20px; line-height: 22px; font-family: "Gotham Pro Regular"; color: #e6007e; margin: 0; }

#main .store_products .store_product .price { position: relative; z-index: 2; font-size: 24px; line-height: 22px; font-family: "GothamPro-Bold"; color: #e6007e; text-align: center; }

#main .store_products .store_product .bg_yellow { position: absolute; z-index: 0; width: 70%; height: 40px; background: #ffed00; -webkit-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); bottom: 5px; left: 15%; }

footer { background-color: #e6007e; padding: 30px 0; position: relative; }

footer .container_footer { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: center; align-items: center; text-align: center; }

footer .pre_footer { position: absolute; top: -50px; width: 100%; text-align: center; }

footer .signup a { font-family: "gotham_blackregular"; display: block; width: 90px; height: 30px; line-height: 30px; text-decoration: none; border: 2px solid; color: #ffed00; border-radius: 20px; padding: 5px 10px; font-size: 20px; line-height: 24px }

footer .socials ul { margin: 0; padding: 0; list-style: none; }

footer .socials ul li { display: inline-block; margin-right: 30px; }

footer .socials ul li:last-child { margin-right: 0; }

footer .logo { text-align: right; }

@-webkit-keyframes neon3 {

	from { text-shadow: 0 0 1px #FFED00, 0 0 2px #FFED00, 0 0 3px #FFED00, 0 0 4px #FFED00, 0 0 7px #FFED00, 0 0 8px #FFED00, 0 0 10px #FFED00, 0 0 15px #FFED00; }

	to { text-shadow: 0 0 5px #FFED00, 0 0 10px #FFED00, 0 0 15px #FFED00, 0 0 20px #FFED00, 0 0 35px #FFED00, 0 0 40px #FFED00, 0 0 50px #FFED00, 0 0 75px #FFED00; }

}

@-moz-keyframes neon3 {

	from { text-shadow: 0 0 1px #FFED00, 0 0 2px #FFED00, 0 0 3px #FFED00, 0 0 4px #FFED00, 0 0 7px #FFED00, 0 0 8px #FFED00, 0 0 10px #FFED00, 0 0 15px #FFED00; }

	to { text-shadow: 0 0 5px #FFED00, 0 0 10px #FFED00, 0 0 15px #FFED00, 0 0 20px #FFED00, 0 0 35px #FFED00, 0 0 40px #FFED00, 0 0 50px #FFED00, 0 0 75px #FFED00; }

}

@keyframes neon3 {

	from { text-shadow: 0 0 1px #FFED00, 0 0 2px #FFED00, 0 0 3px #FFED00, 0 0 4px #FFED00, 0 0 7px #FFED00, 0 0 8px #FFED00, 0 0 10px #FFED00, 0 0 15px #FFED00; }

	to { text-shadow: 0 0 5px #FFED00, 0 0 10px #FFED00, 0 0 15px #FFED00, 0 0 20px #FFED00, 0 0 35px #FFED00, 0 0 40px #FFED00, 0 0 50px #FFED00, 0 0 75px #FFED00; }

}



@media ( max-width: 767px ) {

	#planet .grid { grid-template-columns: 1fr; }

}



@media ( max-width: 1800px ) {

	#logo_top { right: 5vh; }

	#menu { left: 5vh; }

}



@media ( max-width: 1400px ) {

	#logo_top { right: 4vh; }

	#menu { left: 4vh; }

	#menu ul li a { font-size: 40px; }

	#menu ul li a.active { font-size: 60px; }

}



@media ( max-width: 1300px ) {

	#logo_top { right: auto; left: 30px; bottom: 30px; top: auto; }

	#menu { top: auto; bottom: 30px; left: auto; right: 0; }

	#menu ul li { display: inline-block; margin: 0; margin-right: 30px; }

	#menu ul li a.active { font-size: 40px; }

	footer { padding-bottom: 110px; }

}