html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 { 
	clear: both; display: block; padding: 0 0 5px 0; margin:0; line-height:1.4; text-align: inherit; font-weight:bold; /* text-transform: uppercase;*/ }
h1, h2, h3{ margin: 1em 0 .8em 0; }
h4, h5, h6{ margin: .5em 0 .8em 0; }
	
h3{ margin: 24px 10px 8px 10px; font-size: 24px; font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
	text-align: left;
}

:root{--yellow: #fc0; --black: #000000; --white: #ffffff; --grey-0: #0f0f0f; --grey-1: #1e1e1e; --grey-3: #333333; --grey-4: #8e8e8e; --swiper-theme-color: #fecb2e; --viola_chiaro: #eb0078; --viola_medio: #503566; --viola_scuro: #31124b; --turchese: #1C90A2; --blu: #27689F;}

img{ width: 100%; height: auto; display: block; line-height: 1;}
#toolbarContainer img{ width: auto;}
blockquote { padding: 1.5em; }
p, .likeP, .likeP p{ font-size:14px;  line-height:1.5; padding:10px 0; font-weight:inherit; font-weight: 400;}
ol, ul {}
del { 	text-decoration: line-through ;}
table { border-collapse: collapse;	border-spacing: 0;}
a img { border: none;}
a {text-decoration:none; transition: color 0.3s ease, background 0.3s ease, background-color 0.3s ease; color: var(--white); outline: none;}
a:hover { }
hr{ border:none; border-top:1px solid #000; font-size:1px; height:0px; padding:0px; display:block; margin:5px 20px;}
figure{position: relative; display: block; height: 100%;}

.myRow, .row{ width: 100%; padding: 0 0; margin: 0 auto;  clear:both; display:block;}
.myClear{clear:both; padding:0; margin:0; font-size:0px; height:0px; display:block; }
.myIn{ width: 96%; max-width: 1140px; padding: 0 0; margin: 0 auto; clear:both; display:block;  }
  .col_full{ box-sizing: border-box; width: 100%; clear: both; display: block;}
  .col_half{box-sizing: border-box; width: 50%; float: left; display: block;}
.center{ text-align: center;}

.media_copy{position: absolute; bottom: 5px; right: 10px; text-align: right; color: #FFF; font-size: 12px; text-shadow: 1px 1px 2px black;}

button{outline: none;}

strong{}

body { background-color:#000; color: #fff; font-family: 'Roboto',Verdana,Arial,Helvetica,sans-serif;}

body.eserie-a-tim__efootball-pes-2021, body.eserie-a-tim__efootball-pes-2021 .head_fill .main_navbar{background-color: var(--viola_scuro);}
body.besports__efootball-pes-2021, body.besports__efootball-pes-2021 .head_fill .main_navbar{background-color: var(--blu);}

.content, #main_container{margin-top: 72px;}


.desktop-yes{display: block;}
.desktop-no{ display: none; }
	
	.main_navbar{position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 0 2.5rem; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; background: transparent; transition: background .3s ease;}

	.head_fill .main_navbar, .head_fill_static .main_navbar{background: #000;}

	
	#logo a{padding-top: 14px; padding-bottom: 14px; margin-right: 1rem; display: inline-block;}
		#logo a img{height: 40px; width: auto;}
	
	#main_navigation_cnt{display: flex; flex-grow: 1; flex-wrap: wrap; align-items: center; flex-basis: auto; padding: 0;}
	
		#main_navigation_cnt ul{-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; list-style: none; align-items: center;}
			.menu-item{margin: 0 5px; position: relative;}
		.site_menu{flex-direction: row; margin-right: auto; display: flex;}
		.site_menu_user_n_social{display: flex; flex-direction: row;}
		
		li.menu-item-euro2024 a{font-weight: bold;  color: var(--yellow);  }
		li.menu-item-current a{color: var(--yellow);}
		
			.menu-social-item{width: 25px; display: inline-block; margin-left: 10px;}
		
		
			.sub_menu_stagioni, .header_search_container{display: none;}
			.header_search_container{position: fixed; width: 100%; top: 70px; left: 0; padding: 0 20px 30px 20px; z-index: 999; background: rgba(0,0,0,.9); box-sizing: border-box;}
				.header_search_container_in{margin: 15px auto; display: flex; align-items: flex-start; flex-direction: column; width: 100%; max-width: 1200px;}
				
					.header_search_container_in h4{margin: 10px 0 5px 0; padding: 0; text-transform: uppercase;}
					.header_search_container_in hr{border-top: 1px solid #FFF; width: 100%; margin: 10px 0;}
				
					.lista_stagioni{padding: 10px 0;}
						.lista_stagioni a{border: 1px solid var(--white); color: var(--white); border-radius: 5px; padding: 2px 5px; margin: 0 5px 0 0;}
							.lista_stagioni a:hover{background: var(--yellow); color: #000 !important; border: 1px solid var(--yellow);}
				
				
				.head_form{width: 100%;}
				.head_form_row{display: flex; flex-direction: row;}
					.head_form_row div{flex: 0 0 20%; max-width: 20%; width: 100%; position: relative; padding: 10px; display: flex; align-items: center;}
			
						.head_form_row select, .head_form_row input{border: 1px solid #fff; border-radius: 0; color: #DDD; background-color: #000; padding: 8px 20px 8px 5px; font-size: 16px; width: 100%;}
						
						.btn-cerca{padding: 10px 30px; background: var(--yellow); font-size: 16px; text-transform: uppercase; border: none; box-shadow: none; cursor: pointer; transition: all .3s ease;}
							.btn-cerca:hover{background: var(--grey-3); color: #FFF;}
							.btn-cerca.disabled{opacity: .5; cursor: default;}
			
						.close-mobile{display: none;}
			
			
		.menu-item a{padding: 2px 6px; font-size: 13px;}
			.menu-item a:hover{color: var(--yellow);}
			
			.menu-item a.menu-item-link-eseriea{color: var(--viola_chiaro);}
			
			
		.menu-item a.open_sub::after {
		    display: inline-block;
		    width: 0;
		    height: 0;
		    margin-left: .555em;
		    vertical-align: .200em;
		    content: "";
		    border-top: .3em solid;
		    border-right: .3em solid transparent;
		    border-bottom: 0;
		    border-left: .3em solid transparent;
		}

		
		
		.menu-item-subscribe a{padding-left: 25px; padding-right: 25px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; background: var(--yellow); color: var(--black); border-radius: 5px;}
			.menu-item-subscribe a:hover{background: var(--grey-3); color: #FFF;}
		
		.sub_menu_stagioni.aperto, .header_search_container.aperto{display: block;}
		
		.sub_menu_stagioni{position: absolute; top: 40px; background: var(--black);}
		.sub_menu_stagioni a {
		    display: block;
		    padding: 10px 30px;
		    clear: both;
		    font-weight: 400;
		    color: var(--white);
		    text-transform: uppercase;
		    font-size: 16px;
		    text-align: inherit;
		    white-space: nowrap;
		    background-color: transparent;
		    border: 0;
		}
			.sub_menu_stagioni a:hover{background: var(--yellow); color: #000;}

		.sub_menu_stagioni a:first-child{border-bottom: 1px solid var(--white);}
		.sub_menu_stagioni a:last-child{border-top: 1px solid var(--white);}
		
		

.video_home{position: relative; overflow: hidden; top: 0; left: 0; bottom: auto; right: 0; height: 55vh; background: rgba(0,0,0,0.8); display: flex; align-items: center;
    background: -webkit-linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 50%), linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.1) 0%)!important;
    background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 50%), linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 50%), linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 10%)!important;}

.vimeo-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    width: 60%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    opacity: .8; 
    animation: fade_in 10s ease 1;
    transform: skewX(-5deg);
    
 }
 .vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) skewX(5deg);
 }
 
 
 
 	main.category .list_header .myIn{/* padding: 120px 0; */ text-align: center; margin-bottom: 10px;}
 
 		main.category .list_header h1 {
	    font-size: 52px;
	    line-height: 1.1;
	    margin-bottom: 0;
	    color: var(--yellow);
	    font-weight: normal;
	   /* margin-top: 0; */
	}
	main.category .list_header h2{
	    margin: 0px;
	    padding: 0px;
	    font-size: 15px;
	    margin-bottom: 0;
	    color: var(--white);
	    text-transform: uppercase;
	    font-weight: normal;
	 }
 
 
	 main.category .list_header{ 
		background-repeat: no-repeat;
	    background-position: center center;
	    background-size: cover;
	    position: relative;
	    overflow: hidden;
	    margin-bottom: 40px;
	    }
 
	/*
	.blog_home_cnt{width: 60%; height: 70%; padding: 10px 0 10px 40px; box-sizing: border-box;}
		.blog_home_in{display: flex; flex-direction: column; height: 100%; flex-wrap: wrap; align-content: flex-start;}
			.post_single{height: 50%; padding: 5px; box-sizing: border-box; max-width: 50%; position: relative;}
				.post_single a img{height: 100%; object-fit: cover;}
				.post_single a:before{content: ''; position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; background-color: #000; opacity: .4;}
			.post_single:first-child{height: 100%;}	
				
				.post_single a h4{position: absolute; bottom: 5px; left: 15px; right: 15px;}	
	*/		
		
	
	.blog_home_cnt{width: 50%; height: 100%; padding: 0; box-sizing: border-box;}
		.blog_home_in{display: flex; height: 100%;}
			.post_single{height: 100%; padding: 0; box-sizing: border-box; position: relative; transform: skewX(-5deg); overflow: hidden; width: 50%; transition: width .5s ease;}
				.post_single a{display: block; height: 100%; width:200%; transform: skewX(5deg) translateX(-30%);}
				.post_single a img{height: 100%; object-fit: cover;}
				.post_single a:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0) 50%), linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0) 50%), linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 10%)!important;}
				
				.post_single a:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: .3;}
				
				.post_single a .titolo{position: absolute; bottom: 10%; top: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; z-index: 99; text-align: center; }
				
				.post_single a h4{width: 200px; text-align: center; margin: 0;}
				.post_single a h5{background: var(--yellow); padding: 10px 20px; color: #000; font-weight: normal; text-transform: uppercase; border-radius: 5px;}
				.post_single a h6{color: var(--yellow); margin: 0; font-size: 12px;}
				
			.post_single:first-child{transform: skewX(0) translateX(-50%); overflow: visible;}	
				.post_single:first-child a{transform: skewX(0);}
		
			.post_single:last-child{display: none;}
		
		.post_single:hover{width: 80%;}
		.post_single:hover a:after{opacity: 0;}
		
	
	.blog_hp{background: var(--grey-1); padding: 50px 0 50px 0; margin: 20px 0 40px 0;}
		.blog_hp_cnt{display: flex; justify-content: space-between; margin: 10px 0;}
			.blog_hp h2, .blog_hp .h2{color: var(--yellow); margin: 0 0 10px 0; font-size: 28px; margin: 10px 0;}
				
				.blog_hp_single{width: 24%; box-sizing: border-box; background: #000; transition: transform .4s ease; box-shadow: 5px 5px 10px #00000054; position: relative;}
				.blog_hp_single a{display: block;}
				.blog_hp_titolo{padding: 10px;}
				.blog_hp_titolo h6{margin: 3px 0;}
				.blog_hp_titolo h4{margin: 5px 0; padding-bottom: 50px;}
				.blog_hp_titolo h5{background: var(--yellow); padding: 5px 15px; color: #000; font-weight: normal; text-transform: uppercase; display: inline-block; border-radius: 5px; position: absolute; bottom: 0; right: 10px;}
		
				.blog_hp_single:hover{transform: scale(1.02);}
		
	.archive_cta_cnt{text-align: center; margin: 40px 0 0 0;}
		.archive_cta_cnt a{background: var(--yellow); padding: 10px 20px; color: #000; display: inline-block; border-radius: 5px;}
			.archive_cta_cnt a:hover{background: var(--grey-4);}
	
	
	.archivio_news{padding: 40px 0; background: var(--grey-1); margin-bottom: 40px;}
	
	.card_listing_cnt{display: flex; flex-wrap: wrap;}
		.card_listing_item{width: 33.33%; transition: transform .4s ease;}
			.card_listing_item a{display: block; padding: 10px; box-sizing: border-box;}
				.card_listing_item_all{box-shadow: 5px 5px 10px #00000054; border-radius: 5px; overflow: hidden;}
				.card_listing_item_in{display: block; position: relative;}
					.card_listing_item_in h4{position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 25px 20px 10px 20px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
					.abst{padding: 20px 20px; box-sizing: border-box; background: #000; font-size: 14px;}
		
		.card_listing_item:hover{transform: scale(1.02);}
		
	
	
			
		
	.news_blog{margin: 50px 0;}
	
	.news_blog .player_article{max-width: none;}
	
	.article_in{display: flex; padding-top: 30px;}
		.article_share{width: 50px; margin-right: 50px; padding: 10px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box;}
    .article_cnt{width: 100%; min-width: 0;}
		.article_cnt ul{ padding: 15px;}
		.article_cnt ul li{ padding: 3px 0; margin: 2px 5px;}
		.article_cnt .myIn{width: 100%; padding: 0; margin: 0;}
		
			.article_share .social_share_cnt_item{margin: 10px 0;}
			.article_share span{font-weight: bold; font-size: 16px; margin-bottom: 10px;}
			
			.article_share .social_share_cnt_item svg path{transition: fill .4s ease;}
			.article_share .social_share_cnt_item:hover svg path{fill: var(--yellow);}
		
		.titolo_news{font-size: 52px; font-weight: bold; color: var(--yellow); margin: 0 0 10px 0;}
		.sottotitolo_news{margin: 10px 0; font-weight: normal; font-size: 21px; color: var(--grey-4)}
		.testo_news, .testo_news p{font-size: 16px;}
		
		
	h4.blog_post_dett_category{margin: 5px 0; font-weight: normal;}	
	h4.blog_post_dett_category a{color: var(--yellow); text-decoration: underline;}
		
		
	.video_home_info.post_content{background: transparent; width: 40%; text-align: right; max-width: 1000px; margin: 0 auto;}
 
 	.content_video_ima-ad-container{z-index: 5 !important;}
 	
 	.player_article_row{padding-bottom: 30px; padding-top: 100px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
 		.player_article{width: 100%; max-width: 970px; display: block; margin: 0 auto; position: relative;}
 			.player_article:before{padding-top: 56.25%; content: ''; display: block;}
 			
 		.player_article .video-js{position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
 		
    .player_article *{outline: none !important;}
 
	.btn_guarda, .btn{background: var(--yellow); color: #000; padding: 8px 30px; margin: 0; display: inline-block; text-transform: uppercase; border-radius: 5px;}

		.btn_guarda:hover, .btn:hover{background: var(--grey-3); color: #FFF;}
 
 
	.video_home_info .btn_guarda, .mess_utente .btn{margin: 20px 0;}
 
 
	.player_live_row{padding-bottom: 30px; padding-top: 60px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
	.player_live{width: 90%; max-width: 800px; margin: 0 auto; display: block; position: relative;}
    .player_live iframe{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
 
	.besports_player_live_row{background-position: center bottom; position: relative;}
 
 .flex{display: flex; align-items: center; justify-content: space-between;}
 
 	.pubblicita_square{margin: 20px;}
 
 	.pubblicita_horiz{max-width: 970px; margin: 10px auto; padding: 0 20px; box-sizing: border-box;}
 
 
	.post_content{background-color: var(--grey-1); padding: 30px 0;}
 
	.post_content h6{font-size: 15px; text-transform: uppercase; color: var(--white); font-weight: 500;}
		.post_content h6 a:hover{text-decoration: underline;}
		
		 .post_content h1{font-size: 36px; line-height: 1.1; margin-bottom: 8px; color: var(--yellow); padding: 0; margin-top: 0; font-weight: 400;}
		 .post_content h2{font-size: 14px; font-weight: 400; margin: 0 0 5px 0;}
		 .description{margin-bottom: 25px;}
		 .description p {font-size: 14px; margin-bottom: 25px; color: var(--white); text-transform: uppercase; padding: 0; font-weight: 400;}
	
	
	
	.col_footer #ot-sdk-btn.ot-sdk-show-settings, .col_footer #ot-sdk-btn.optanon-show-settings{background: transparent; border: none; margin: 0; color: #FFF; padding: 0;}
	.col_footer #ot-sdk-btn.ot-sdk-show-settings:after, .col_footer #ot-sdk-btn.optanon-show-settings:after{content: 'Cookie'; display: inline-block; margin-left: 3px;}
	.col_footer #ot-sdk-btn.ot-sdk-show-settings:hover, .col_footer #ot-sdk-btn.optanon-show-settings:hover{color: #FFF; background: transparent;}
	
	
	/* ---- E-SERIEA ---- */
	
	
	
	.post_content.post_content_eseriea{background-color: var(--viola_medio);}
		.post_content.post_content_eseriea h1{color: var(--viola_chiaro);}
	
	
	body.eseriea .post_content h3{font-size: 14px;}
		.post_content h3{margin: 10px 0;}	 
		 
		 
		 .e_seriea_logo_player{max-width: 280px; width: 90%; margin: 0 auto 10px auto;}
		 
		 	.no_eventi  .e_seriea_logo_player{padding: 120px 0;}
		 
	ul.tag li, .post ul.tag li{
	    display: inline-block;
	    line-height: 1;
	    margin: 0 7px 5px 0;
	    padding: 7px;
	    border-radius: 5px;
	    font-size: 11px;
	    font-weight: 700;
	    border: 1px solid var(--white);
		text-transform:uppercase;
	}

	ul.tag li a, .post ul.tag li a{
		color: var(--white);
	}	 
		
	ul.tag li a:hover{text-decoration: underline;}
.social_share_cnt{ display: block; margin: 5px 0; padding: 15px 0 0 0;}
  .social_share_cnt_item{ display: inline-block; margin: 0 10px 0 0;}
	
	
	.next_live_cnt{display: flex; flex-direction: column; /* justify-content: center; */ align-items: center; padding: 40px 0 100px 0;}
	
		.next_live_cnt h2{font-size: 36px; text-transform: uppercase; font-weight: bold; margin: 15px 10px; text-align: center;}
		.next_live_cnt hr{border-top: 1px solid #FFF; min-width: 300px;}
		.next_live_cnt h1{color: var(--viola_chiaro); font-size: 36px;  text-transform: uppercase; font-weight: bold; margin: 15px 10px; text-align: center;}
	
	
	#countdown_inizio{padding: 20px 0; display: flex;}
	
	#giorni, #ore, #minuti, #secondi{text-align: center; margin: 0 10px;  text-transform: uppercase; font-weight: bold; font-size: 18px;}
	
		.countdown_number{font-size: 46px; color: var(--viola_chiaro);}
    body.besports__efootball-pes-2021 .countdown_number,
    body.besports__efootball-pes-2021 .next_live_cnt h1{ color: #FFF;}

	
	.cta_calendario a{padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; margin: 20px 0; display: block; font-size: 16px; background: var(--yellow); color: var(--black); text-transform: uppercase;}
	
	.calendario_eseriea_giornata{margin: 10px; padding: 20px; background: var(--viola_medio); width: 43%;}
	.calendario_eseriea_giornata h3{color: var(--viola_chiaro);}	
	
	.calendario_eseriea_matchs{padding: 10px;}	
	
	.calendario_eseriea_match_item{}
		.calendario_eseriea_match_item h4, .calendario_eseriea_match_item h5{display: inline-block; margin: 0 5px; line-height: 1; padding: 10px 0;}
	
		.calendario_all_eseriea .myIn{display: flex; flex-wrap: wrap;}
		
	.matchs-giornata{margin: 20px 0; display: block; cursor: grab;}	
		
		#orari_matchs .swiper-slide{width: 300px; padding: 0 1px;}
		
		#orari_matchs .swiper-slide h5{background: var(--viola_chiaro); padding: 10px 10px; margin: 0;}
		#orari_matchs .swiper-slide h4{padding: 10px 10px; margin: 0; background: rgb(255 255 255 / 10%);}
		
	.pagination{text-align: center; margin: 10px 0 20px 0;}
		.pagination li{display: inline-block;}
			.pagination li a{padding: 5px 10px; border: 1px solid var(--yellow); color: #FFF; border-radius: 5px; margin: 0 2px; display: block;}
				.pagination li a:hover{background: #FFF; color: #000;}
 
				 .pagination li.active a{background: var(--yellow); color: #000; }
				 
				 
				 .first_page{margin-right: 10px;}
				 .last_page{margin-left: 10px;}
				 
	.giornata_row{padding: 0 20px; margin-bottom: 20px;}
		.giornata_row h4{padding: 5px 20px; font-weight: normal; text-transform: uppercase; margin: 0;}
 
 
 
 
 
	/* --- BESERIE --- */
 
 
 .sub_menu_esports.aperto{display: flex;}
		
		.sub_menu_esports{position: absolute; top: 40px; display: none;}
		.sub_menu_esports a {
		    display: block;
		    padding: 10px 30px;
		    clear: both;
		    font-weight: 400;
		    color: var(--white);
		    text-transform: uppercase;
		    font-size: 16px;
		    text-align: inherit;
		    white-space: nowrap;
		    background-color: transparent;
		    border: 0;
		    border-bottom: 1px solid var(--white);
		    margin: 0 1px;
		    background: var(--black); 
		}
			.sub_menu_esports a:hover{background: var(--viola_chiaro); color: #FFF;}
			.sub_menu_esports .esports_league_besports a:hover{background: var(--turchese);}

 
 
 
	.loghi_b{position: absolute; right: 40px; bottom: 20px; width: 120px;}
 
 
 
 
	.post_content.post_content_besports{background-color: var(--turchese); position: relative;}
		.post_content.post_content_besports h1{color: #FFF;}
		.logo_b{position: absolute; right: 40px; top: 70px; width: 150px; padding: 20px; background: #FFF; border-radius: 10px;}
 
 
 
 
 
 
 
 
 
		.capitalize{font-size: 52px; line-height: 1.1; margin-bottom: 0; color: var(--yellow); font-weight: normal; text-transform: uppercase;} 
	
		.list_header{padding: 50px 0 120px 0; text-align: center; margin-bottom: 40px; background-repeat: no-repeat;  background-position: center center;  background-size: cover; background-image:url('/assets/img/visual.jpg');}
			.list_header .description{margin: 0; font-weight: normal; text-transform: uppercase; font-size: 15px;}
 
 
		.list_header_esports{margin: 0; height: 16vh;}
		
			.list_header_esports-homepage{ height: 40vh;}
		
		
			.list_header_esports .e_seriea_logo_player img{filter: drop-shadow( 0px 0px 4px rgba(0, 0, 0, 1));}
			
		.submenu_esports ul li.submenu_item-current a{background: var(--grey-1); color: var(--yellow)}	
			
		.submenu_esports{background: var(--yellow); position: sticky; top: 72px; z-index: 90;}
			.submenu_esports ul{list-style: none; text-align: center;}
				.submenu_esports ul li{display: inline-block;}
					.submenu_esports ul li a{padding: 10px 20px; color: #000; display: block; cursor: pointer; text-transform: uppercase; z-index: 100; font-size: 14px; transition: all .4s ease; background-color: transparent; background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, var(--grey-1) 50%);}
						.submenu_esports ul li a:hover{color: var(--yellow); background-position: 0 100%;}


		
		.row__inner.posts_list_cnt{display: flex; flex-wrap: wrap; margin: 50px 0;}
 
		.posts_list_cnt.row__inner:hover {
		  -webkit-transform: translate3d(0, 0, 0);
		          transform: translate3d(0, 0, 0);
		}
		
		.posts_list_cnt.row__inner:hover:first-child {
		  -webkit-transform: translate3d(0px, 0, 0);
		          transform: translate3d(0px, 0, 0);
		}
		
		.posts_list_cnt.row__inner:hover .gui-card {
		  opacity: 1;
		}
		.posts_list_cnt.row__inner:hover .gui-card:hover {
		  -webkit-transform: scale(1.5);
		          transform: scale(1.5);
		  opacity: 1;
		  z-index: 99;
		}
		.posts_list_cnt .gui-card:hover ~ .gui-card {
		  -webkit-transform: translate3d(0, 0, 0);
		          transform: translate3d(0, 0, 0);
		}

		.posts_list_cnt .gui-card_item{transform-origin: center; flex: 0 0 25%; max-width: 25%; margin: 0; padding: 0 0 30px 0; box-sizing: border-box;}
		
		.posts_list_cnt .gui-card{transform-origin: center;}

		
	/*	.posts_list_cnt .gui-card__details{left: 15px; right: 15px; bottom: -2px;}*/
		
			.posts_list_cnt .gui-card__media{position: relative;}
			.posts_list_cnt .gui-card__media .img-shadow{bottom: 0;}
 
		.row__inner.posts_list_cnt{white-space: normal; font-size: 15px;}
 
 
		.gui-card__giornata{text-transform: uppercase;}
 
 
		
		.flex_archive{display: flex; align-items: center;}
			.flex_archive h3{margin: 0 10px 0 5px;}
		
		.see_all{display: inline-block; border-radius: 3px; background: var(--yellow); color: #000; padding: 5px 10px; font-size: 13px;}
 
 
 .swiper-container-horizontal.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
 
 
 .mess_video_not_found{text-align: center; padding: 120px 0; font-size: 32px;}
 
 	.gui-card__giornata a:hover{color: var(--yellow);}
 
 
 .page404{margin: 200px 0; text-align: center;}
 
 	.webpage{margin: 200px 0;}
 
 	.registrazione{margin: 200px 0;}
 	
 	.registrazione .myIn{padding: 40px; background: var(--grey-0); max-width: 900px; box-sizing: border-box;}
 
 
 	.form_registrazione_cnt h1{font-size: 40px; font-weight: normal; margin: 0;}
 	.form_registrazione_cnt p{color: #666; margin: 0; font-size: 16px; padding: 0;}
 	
 	.form_registrazione{margin: 10px 0;}
 
 		.form_registrazione input, .form_registrazione select{border: 1px solid #fff; border-radius: 0; background-color: #000; color: #7e7e7e; margin: 10px 0; display: block; width: 100%; padding: 5px 10px; font-size: 16px; line-height: 1.5; box-sizing: border-box;}
 
 	.form_registrazione .form-check-input{width: auto; margin-right: 10px;}
 
 	.form-check{display: flex; justify-content: flex-start; align-items: center;}
 
 	.g-recaptcha{margin: 10px 0;}
 
 	.form_registrazione input.btn-primary{background-color: var(--yellow); text-transform: uppercase; color: #000; border: none;}
 
 
 	.user_mess {background: #3f3f3f; padding: 5px 10px; margin: 5px 0;}
 	.user_mess_txt{padding: 5px 0;}
 	.user_mess_error{background: #ef2c2c;}
 
 	.user_mess_txt ul{list-style: none;}
 
 	.web_page_row h1{font-size: 42px; font-weight: normal;}
 
 		.web_page_row p{color: #cfcfcf; font-size: 15px;}
 
 			.web_page_row a{color: var(--yellow);}
 
 .swiper-container{width: 100%; height: 100%;}
 
  .slick-slide{width: 100px;}
 
 
 .squadre_strip_hp{margin-top: -67px;/* background: var(--black); */position: relative; z-index: 10;}
 
  .squadre_strip_hp{
  /* background-color:var(--black);
 background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(16,16,16,1) 100%);*/
  margin-top: -60px;
  margin-bottom:20px;
}

 .squadre_strip_hp img{
  transition: all .4s ease-in-out; outline: none;
}

.squadre_strip_hp img:hover{
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
 
 .slick-slide {
	margin: 0px 10px;
	height: auto;
}

.slick-slide img {
	width: 100%;
}

.mySwiper-button-prev:before,
   .mySwiper-button-next:before {
	color: black;
}

.slick-slide {
	transition: all ease-in-out .3s;
  opacity:1;
  padding-top: 30px;
  padding-bottom: 30px;
}
  
.slick-active {
	opacity:1;
}

.slick-current {
	opacity: 1;
}

.mySwiper-button-prev {
	left: 15px;
	z-index:99;
}

 .mySwiper-button-next {
	right: 15px;
	z-index:99;
}
/*
.slick-dots li.slick-active button:before{color: #ffffee;}

.slick-dots li button {
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: var(--white);
    background: transparent;
}

.slick-dots li button::before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    color: var(--white);
}

.slick-dots li{
	margin:0px;
}
*/
.navbar-toggler-icon{
	font-size:30px;
}

.mySwiper-button-next, .mySwiper-button-prev
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}


 .mySwiper-button-next, .mySwiper-button-prev {
    width: 25px;
    height: 45px;}
 
 .mySwiper-button-next::before {
    content: "\f0da";
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 45px;
}
 
 .mySwiper-button-prev::before {
    content: "\f0d9";
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 45px;
}
 
 
 .swiper-pagination-bullet{background: #FFF;}
 
 .matches_slide_row{padding: 0 20px;}
 
 
.giornata_row .swiper-wrapper{margin: 0 auto;}
 
 .giornata_row{margin-top: 20px;}
 
 
 .netflixSlider {
    height: 214px;
    position: relative;
    margin: 0;
    padding: 0 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.netflixSlider h3{
  position: absolute;
  top: 22px;
  z-index: 30;
}

.netflixSlider .handle.handlePrev {
    left: 0px;

}

.netflixSlider .handle.handleNext {
    right: 0px;

}

.netflixSlider .handle.active {
    cursor: pointer;
}

.netflixSlider .handle {
    /*background: rgba(20, 20, 20, 0.26);*/
    position: absolute;
    top: 0;
    height: auto;
    bottom: 0;
    z-index: 20;
    width: 2%;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
}

.netflixSlider .fa{
  font-size: 46px;
  margin-top: 74px;
}

.netflixSlider .row {
  overflow: hidden;
  margin-top:-30px;
}

.row__inner {
  -webkit-transition: 450ms -webkit-transform;
  transition: 450ms -webkit-transform;
  transition: 450ms transform;
  transition: 450ms transform, 450ms -webkit-transform;
  font-size: 0;
  white-space: nowrap;
  margin: 30px 0;
  padding-bottom: 10px;
  align-items: center;
}

.gui-card {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 140.625px;
  /*margin-right: 10px;*/
  margin-right: 6px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: 450ms all;
  transition: 450ms all;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.gui-card__img {
  width: 250px;
  height: 140.625px;
  -o-object-fit: cover;
     object-fit: cover;
}

.gui-card__media .gui-card__title{
  position: absolute;
  bottom: 0;
  padding: 5px 10px;
  opacity: 1;
  font-size:15px;
  z-index:10
}

.gui-card__title h5{font-weight: normal; font-size: 15px;}

.gui-card:hover .gui-card__media .gui-card__title{
  opacity: 0;
}

.gui-card__details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  font-size: 10px;
  opacity: 0;
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  /*background: -webkit-linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 40%), linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 40%);
  background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 40%), linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 40%);*/
  -webkit-transition: 450ms opacity;
  transition: 450ms opacity;
}
.gui-card__details:after,
.gui-card__details:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: #000;
}
.gui-card__details:after {
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border: 3px solid #ecf0f1;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}
.gui-card__details:before {
	content: '▶';
    left: 0;
    width: 100%;
    font-size: 30px;
    margin-left: 3px;
    margin-top: -22px;
    text-align: center;
    z-index: 2;
    color: #fff;
}
.gui-card:hover .gui-card__details {
  opacity: 1;
}
.gui-card__title {
  position: absolute;
  bottom: 0;
  padding: 10px;
}

.card__media .card__title {
  position: absolute;
  bottom: 0;
  padding: 5px 10px;
  opacity: 1;
  font-size: 15px;
  z-index:10;
}

.card_:hover .card__details {
  opacity: 1;
}
.card__details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  font-size: 10px;
  opacity: 0;
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  -webkit-transition: 450ms opacity;
  transition: 450ms opacity;
}

.img-shadow{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  top: 0;
  background-color: rgba(0,0,0,0.5);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
}

.card__details::before {
  content: '▶';
  left: 0;
  width: 100%;
  font-size: 30px;
  margin-left: 3px;
  margin-top: -22px;
  text-align: center;
  z-index: 2;
  color: #fff;
}

.card__details::after {
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border: 3px solid #ecf0f1;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}

.card__title {
  position: absolute;
  bottom: 0;
  padding: 10px;
}

.card_ {
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: 450ms opacity;
  transition: 450ms opacity;
  -webkit-transition: 450ms -webkit-transform;
  transition: 450ms -webkit-transform;
  transition: 450ms transform;
  transition: 450ms transform, 450ms -webkit-transform;
  position:relative;
}

.card_:hover {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  z-index: 9;
}

section#squadre img{
  transition: all .4s ease-in-out;
}

section#squadre img:hover{
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.card_:hover ~ .card_ {
  -webkit-transform: translate3d(125px, 0, 0);
          transform: translate3d(125px, 0, 0);
}

.row__inner:hover {
  -webkit-transform: translate3d(-62.5px, 0, 0);
          transform: translate3d(-62.5px, 0, 0);
}
.row__inner:hover .gui-card {
  opacity: 0.3;
}
.row__inner:hover .gui-card:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 1;
}

.card_:hover ~ .card_ {
  -webkit-transform: translate3d(125px, 0, 0);
          transform: translate3d(125px, 0, 0);
}

.card__media .gui-card__title{
  position: absolute;
  bottom: 0;
  padding: 5px 10px;
  opacity: 1;
  font-size:12px;
}

.card_:hover .card__media .card__title{
  opacity: 0;
}

.card__details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  font-size: 10px;
  opacity: 0;
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  -webkit-transition: 450ms opacity;
  transition: 450ms opacity;
}
.card__details:after,
.card__details:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: #000;
}
.card__details:after {
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border: 3px solid #ecf0f1;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}
.card__details:before {
	content: '▶';
    left: 0;
    width: 100%;
    font-size: 30px;
    margin-left: 3px;
    margin-top: -22px;
    text-align: center;
    z-index: 2;
    color: #fff;
}

.card__title {
  position: absolute;
  bottom: 0;
  padding: 10px;
  font-size:15px;
}

.netflix{
	margin-bottom:30px;
}

.netflix.p-tb{
  margin-bottom:0px;
  padding-bottom:0px;
}

.gui-card__img {
  width: 250px;
  height: 140.625px;
  -o-object-fit: cover;
     object-fit: cover;
}
.gui-card__details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  font-size: 10px;
  opacity: 0;
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  /* background: -webkit-linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 40%), linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 40%);
  background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 40%), linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 40%); */
  -webkit-transition: 450ms opacity;
  transition: 450ms opacity;
}
.gui-card__details:after,
.gui-card__details:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: #000;
}
.gui-card__details:after {
  margin-top: -35px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border: 3px solid #ecf0f1;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}
.gui-card__details:before {
  content: '▶';
  left: 0;
  width: 100%;
  font-size: 30px;
  text-align: center;
  z-index: 2;
  left: 3px;
  top: 48%;
}
.gui-card:hover .gui-card__details {
  opacity: 1;
}

.gui-card:hover .img-shadow{opacity: 0;}

.gui-card__title {
  position: absolute;
  bottom: 0;
  padding: 10px;
  font-size: 15px;
}

.row__inner:hover {
  -webkit-transform: translate3d(-62.5px, 0, 0);
          transform: translate3d(-62.5px, 0, 0);
}

.row__inner:hover:first-child {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.row__inner:hover .gui-card {
  opacity: 0.3;
}
.row__inner:hover .gui-card:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 1;
}
.gui-card:hover ~ .gui-card {
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
}

.gui-card.col-12{
  padding:0;
}

.post .main-visual{
  height:auto;
}

.slick-prev, .slick-next {
  width: 45px;
  height: 45px;
}

.slick-next::before {
  content: "\f0da";
  color:#fff;
  font: normal normal normal 14px/1 FontAwesome;
  font-size:45px;
}

.slick-prev::before {
  content: "\f0d9";
  color:#fff;
  font: normal normal normal 14px/1 FontAwesome;
  font-size:45px;
}





#modal-login.modal-open{display: block;}
#modal-login{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.85); z-index: 1099; overflow: hidden;}
	
	.modal-dialog{display: block; margin: 60px auto; max-width: 500px;}	
		.modal-content{background: var(--grey-1); padding: 20px; position: relative; display: flex;	flex-direction: column; align-items: center; justify-content: center; text-align: center;}
	

		.modal-body button{float: right; font-size: 31px; font-weight: 700; line-height: 1; color: #d2d2d2; background: transparent; border: none; opacity: .5;}
			.modal-body button:hover{color: #fafafa;}
			
			.header-2{font-size: 32px;}

			.modal-body input{border: 1px solid #fff; border-radius: 0; color: #DDD; background-color: #000; padding: 8px 10px 8px 10px; font-size: 16px; width: 100%; box-sizing: border-box; margin: 5px 0;}

			.modal-body .btn {
			    background: var(--yellow);
			    color: #000;
			    padding: 8px 30px;
			    margin: 0;
			    display: inline-block;
			    text-transform: uppercase;
			    border: none;
			    margin: 20px 0;
			}
			
			.modal-body a.small{font-size: 13px; float: left; text-decoration: underline;}

			.modal-footer{align-self: flex-end;}
				.modal-footer a{color: var(--yellow);}
			


.footer{ padding: 40px 0; background: #000; margin-top: 30px;}

.footer_in{display: flex; justify-content: space-between; align-items: center;}

	.col_footer{padding: 0 15px; box-sizing: border-box;}


  .footer_sponsor_cnt{ display: flex; flex-wrap: nowrap; justify-content: space-between; border-bottom: 1px solid #FFF; margin-bottom: 30px; padding: 0 10px 20px 10px; }
.col_footer_sponsor{text-align: center;}
	.col_footer_sponsor h5{padding: 0;}
	.col_footer_sponsor ul{display: flex; border-left: none !important; padding: 10px 0 !important; margin: 10px 0; justify-content: center; }
		.col_footer_sponsor ul li{height: 60px; padding: 0; box-sizing: border-box; margin: 0 5px;}
		.col_footer_sponsor ul li.border_left{ border-left: 1px solid #FFF; padding: 0 0 0 5px;}
			.col_footer_sponsor ul li img{height: 100%; width: auto;}
			.col_footer_sponsor_uefa ul li{height: 75px;}

	.logo_footer img{height: auto; width: 100%; max-width: 240px;}

.footer ul{list-style: none; border-left: 1px solid #FFF; padding: 15px 10px;}
	.footer ul li a{font-size: 12px; white-space: nowrap;}

	.footer p{font-size: 12px;}
	
/*	.col_footer:last-child{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} */
	
.cookie_content strong{color: #FFF;}



/* EURO2020 */


.euro2020_header_home{background-image:url('/assets/img/back_euro.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 60vh; min-height: 450px; max-height: 600px; padding-top: 100px; position: relative; border-bottom: 2px solid #3C3C3B;}
	.euro2020_logo_header{width: 50%; max-width: 300px; margin: 0 auto; position: relative; z-index: 40;}

		#euro_lottie{position: absolute; bottom: -2px; left: 0; right: 0; z-index: 10;}
			#euro_lottie svg{display: block; max-width: 1200px; margin: 0 auto;}

		.euro2020_header_home:before{content: ''; display: block; position: absolute; left: 0; bottom: -36px; background: url('/assets/img/sgrimolo.svg'); background-repeat: no-repeat; width: 100%; height: 70px; z-index: 20;}
		.euro2020_header_home:after{content: ''; display: block; position: absolute; right: 0; transform: rotate(180deg); bottom: -35px; background: url('/assets/img/sgrimolo.svg'); background-repeat: no-repeat; width: 100%; height: 70px; z-index: 20;}

	.euro2020_logo_header_home{width: 80%; max-width: none;  text-align: center;}	
	.euro2020_logo_header_home h3{text-align: center; font-size: 32px; text-transform: uppercase;}
	.euro2020_logo_header_home img{width: 220px; display: block; margin: 0 auto 20px auto;}
	.euro2020_logo_header_home a{background: #ec8c24; padding: 10px 20px; border-radius: 10px; color: #FFF; text-align: center; display: inline-block;}


.teams_nazionali_index{ padding: 80px 0; background: url(/assets/img/bg_arancio.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}

	.teams_nazionali_index h3{text-align: center; text-transform: uppercase; font-size: 28px; margin: 0 0 40px 0;}

	.teams_nazionali_index_list{display: flex; flex-wrap: wrap;  align-items: flex-start; justify-content: center; max-width: 1400px; margin: 0 auto;}
		.teams_nazionali_index_list_item{flex-basis: 100px; text-align: center; margin: 20px 20px;}
			.teams_nazionali_index_list_item img{max-width: 60px; margin: 5px auto; border: 2px solid #00000040; border-radius: 50%; transition: transform .4s cubic-bezier(0.64, 0.1, 0.29, 2);}
			.teams_nazionali_index_list_item-name{font-size: 14px; text-transform: uppercase; padding-top: 5px;}
		
			.teams_nazionali_index_list_item:hover img{transform: scale(1.09);}
			.teams_nazionali_index_list_item:hover a{color: #FFF07E;}
			
	.euro2020_banner_home{margin-top: 0; display: flex; align-items: center; min-height: none; max-height: none; padding-top: 70px; height: 40vh;}		
			
		
	.euro2020_header_scheda{background-image:url('/assets/img/back_euro.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 100px 0 150px 0; position: relative; border-bottom: 2px solid #3C3C3B;}		
			
		.euro2020_header_scheda .euro2020_logo_header{margin: 0 auto 40px auto; max-width: 200px;}
			
		.euro2020_header_scheda:before{content: ''; display: block; position: absolute; left: 0; bottom: -36px; background: url('/assets/img/sgrimolo.svg'); background-repeat: no-repeat; width: 100%; height: 70px; z-index: 20;}
		.euro2020_header_scheda:after{content: ''; display: block; position: absolute; right: 0; transform: rotate(180deg); bottom: -35px; background: url('/assets/img/sgrimolo.svg'); background-repeat: no-repeat; width: 100%; height: 70px; z-index: 20;}

		.team_nazionale-flag{position: absolute; left: 0; right: 0; top: -85px; z-index: 99;}
			.team_nazionale-flag img{width: 150px; margin: 0 auto; border: 5px solid #00000040; border-radius: 50%;}
			
		.team_nazionale-body{position: relative; background-image:url('/assets/img/bg_grigio.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 60px 0; color: #696969;}	
			
			.team_nazionale-nome{text-align: center; font-size: 28px; text-transform: uppercase;}
			
			.team_nazionale-body .myIn{display: flex;}
			.team_nazionale-body h3{margin: 10px 0; font-size: 21px; color: var(--turchese); text-transform: uppercase;}
			
			.team_nazionale-post_content{margin-right: 60px; width: 60%;}
			.team_nazionale-col2{width: 40%;}
			
			.team_nazionale-body ul{list-style: none;}
				.team_nazionale-body ul li{padding: 10px 0;}
			
			
			.team_nazionale-palmares{margin-top: 40px;}
      
      
      
/* ------EURO CUP------- */      

.header-eurocup__top{display: flex; flex-direction: column; justify-content: space-between; min-height: 40vh;}
.header-eurocup{background-size: cover; background-position: center;}
  .header-eurocup__by, .header-eurocup__versus{font-size: 12px; max-width: 100px; margin: 10px auto; text-align: center;}
  .header-eurocup__logo{width: 60%; max-width: 500px; margin: 0 auto;}
  
  .header-eurocup__top .player_article{max-width: 800px; margin: 20px auto;}
  
  
  
  .header-eurocup__menu{
      text-align: center;
      font-size: 20px;
      text-transform: uppercase;
      margin: 0;
    background: var(--yellow);
  }
  .header-eurocup__menu ul{
      display: flex;
      justify-content: center;
      margin: 0;
      list-style: none;
  }
  .header-eurocup__menu ul li{
    margin: 0 10px;
  }
  .header-eurocup__menu ul li a{
    color: #FFF;
  }
  
  .header-eurocup__menu ul{list-style: none; text-align: center;}
  .header-eurocup__menu ul li{display: inline-block;}
    .header-eurocup__menu ul li a{padding: 10px 20px; color: #000; display: block; cursor: pointer; text-transform: uppercase; z-index: 100; font-size: 14px; transition: all .4s ease; background-color: transparent; background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, var(--grey-1) 50%);}
      .header-eurocup__menu ul li a:hover{color: var(--yellow); background-position: 0 100%;}
  		.header-eurocup__menu ul li.submenu_item-current a{background: var(--grey-1); color: var(--yellow)}	


			

/* ------MENU BUTTON------- */

.hamburger {
    padding: 0 10px;
    display: none;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    overflow: visible;
    position: relative;
    z-index: 80;
    float: right;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger span {
    padding: 5px 10px;
    display: block;
    float: left;
    font-weight: bold;
    border-left: 3px solid #000;
}

.hamburger-box {
    width: 25px;
    height: 24px;
    display: block;
    float: right;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 25px;
    height: 3px;
    background-color: var(--white);
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s;
}





@keyframes fade_in {
  from {opacity: 0;}
  to {opacity: 0.8;}
}