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; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 { clear: both; display: block; padding: 0 0 5px 0; margin:0; line-height:1; text-align: inherit; font-weight:bold; color: inherit; font-family: var(--exo);}

h1, .h1{ font-size: 68px; line-height: 1.1;}
h2, .h2{ font-size: 32px; }
h3, .h3{ font-size: 28px; }
h4, .h4{ font-size: 24px; }
h5, .h5{ font-size: 18px; }
h6, .h6{ font-size: 14px; }
.h1, .h2, .h3, .h4, .h5{margin-bottom: 10px;}

.par-col-txt .h1, .par-col-txt .h2, .par-col-txt .h3{margin-bottom: 25px;}

.padding-y{padding-top: 1.5em; padding-bottom: 1.5em;}
.padding-bottom{ padding-bottom: 1.5em;}
.padding-top{padding-top: 1.5em;}
.font-bold{font-weight:bold;}
.text-left{ text-align: left;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}

:root{ --primario: #18233D; --secondario: #6595C2 ; --grigio: #EDEDED ; --bianco: #fff ; --blu: #4784F3; --rosso: #c22323;
    --swiper-theme-color: #4784F3; 
    --myInWidth: 90%;
    --myInMaxWidth: 1200px;
    --exo: 'Exo', sans-serif;
    --lato: 'Lato', sans-serif;
    --shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    
    --fontmain: 13px;


     /* --rosso: #FF004D; --giallo: #F6FF00; --fucsia: #E6007E; --verde: #8CF788;  */
    }
img{ width: 100%; height: auto; display: block; line-height: 1;}
a{display: block; text-decoration: none; color: var(--primario);}

p{font-size: 15px; padding: 10px 0; line-height: 1.4;}

.myIn{ max-width: var(--myInMaxWidth); width: var(--myInWidth); margin: 0 auto; box-sizing: border-box;}

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

.txt-min{ font-size: 1em; line-break: anywhere;}

.cta_cnt{display: inline-block; margin: 10px 0;}
.btn {font-size: 13px; padding: 10px 20px; border-radius: 5px; color: #FFF; border: none; display: inline-block; text-transform: uppercase;}
  .btn-blu{background: var(--blu); display: inline-block;}
  
.LoadingMess{font-size: 14px; padding: 10px 0;}
.mess_no_data_list{font-style: italic;}

body{ background-color: var(--grigio); color: var(--primario); font-family: var(--lato); font-size: var(--fontmain);}

.appContainer{min-height: 60vh}

.site_header{
    background-color: var(--primario); color: var(--bianco);
}
    .site_header a{ color: var(--grigio);}
    .site_header_top{padding: 18px 0;} 
        .site_logo{ max-width: 250px; cursor: pointer;}
         .site_logo a{line-height: 0;}

    .site_header_nav{}
    .site_header_nav_in{ max-width: var(--myInMaxWidth); width: var(--myInWidth); margin: 0 auto; box-sizing: border-box; display: flex; justify-content: space-between; position: relative;}
    ul.sport_menu, ul.cms_menu{ display: flex; list-style: none; font-family: var(--exo); text-transform: uppercase; font-size: 14px; font-weight: 600;}
    ul.sport_menu li > ul, ul.cms_menu li > ul{ list-style: none; display: none; }

    ul.sport_menu li > ul.is-open, ul.cms_menu li > ul.is-open{ list-style: none; display: block; }

    ul.sport_menu li a, ul.cms_menu li a{}
    ul.sport_menu li.selected a, ul.cms_menu li.selected a{}
    ul.sport_menu li a:hover, ul.cms_menu li a:hover{}

   .menuitem-concorsi{display: none;}

    

    .sport_menu-item a, .cms_menu-item a{opacity: .7; background-repeat: no-repeat; background-position: 0 1px; background-size: 15px; padding: 0 5px 10px 19px; margin-right: 20px; transition: opacity .4s ease;}
        .sport_menu-item.active a, .cms_menu-item.active a{opacity: 1; /* border-bottom: 4px solid var(--blu);*/}
        .sport_menu-item a:hover, .cms_menu-item a:hover{opacity: 1;}

    .cms_menu-item:last-child a{margin-right: 0;}

    #tratto-selected{position: absolute; left: 0; bottom: 0; height: 4px; transition: 0.4s; height: 5px; z-index: 1; border-radius: 8px 8px 0 0; background: var(--blu);}

    .sport_menu-item-calcio a{background-image: url(img/calcio.svg);}
    .sport_menu-item-basket a{background-image: url(img/basket.svg);}
    .sport_menu-item-baseball a{background-image: url(img/baseball.svg);}
    .sport_menu-item-tennis a{background-image: url(img/tennis.svg);}
    .sport_menu-item-football a{background-image: url(img/football.svg);}
    .sport_menu-item-volley a{background-image: url(img/volley.svg);}
    .sport_menu-item-hockey a{background-image: url(img/hockey.svg); background-position: 0 3px;}
    .sport_menu-item-all-sports > a{padding: 0 20px 10px 0; background-image: url(img/freccia_giu.svg); background-position: right 6px; white-space: nowrap; cursor: pointer;}
    
    .sport_menu-item-all-sports{position: relative;}
    .all_sports_submenu{position: absolute; top: 25px; right: 0; z-index: 9; background: var(--primario); padding: 5px 10px; border-radius: 0 0 10px 10px; column-count: 2; column-gap: 10px;}
        .all_sports_submenu a{padding: 10px 0;}

    .hide_for_width{display: none;}
    .sub_show_for_width{display: block;}
    .sub_hide_for_width{display: none;}

    .cms_menu-item-podcast a{background-image: url(img/podcast.svg); background-size: 13px; background-position: 0 2px;}
    .cms_menu-item-video a{background-image: url(img/video.svg); background-size: 12px; background-position: 0 2px;}
    .cms_menu-item-concorsi a{background-image: url(img/concorsi.svg); background-position: 0 2px;}
    .cms_menu-item-sondaggi a{background-image: url(img/sondaggi.svg); background-position: 0 0;}
    
    .site_header_tools_in form{display: flex; align-items: center; }
    .site_header_tools_in input{background: #FFF; border-radius: 5px; font-size: 13px; padding: 5px 10px; border: none; margin: 0 5px;}

    .loginFormBtn{background: var(--blu); color: #FFF; padding: 5px 10px; border-radius: 5px; border: none; text-transform: uppercase; font-family: var(--exo); font-weight: bold;}
    
    .registratiFormBtn{background: transparent; color: #FFF; padding: 5px 10px; border-radius: 5px; border: 1px solid #FFF;; text-transform: uppercase; font-family: var(--exo); font-weight: bold; margin-left: 5px;}
    
    .headerUserMess-cnt{width: 250px; height: auto; position: fixed; left: calc(50% - 125px); top: 10px; padding: 20px 10px 10px 10px; background: #FFF; border-radius: 10px; z-index: 999; box-shadow: var(--shadow);}
    
    .headerUserMess-close{position: absolute; top: 5px; right: 5px; font-size: 16px; border: none;}
    
    .form_logout{display: flex; align-items: center; flex-direction: row-reverse;}
      .btn-app-logout{background: var(--blu); color: #FFF; padding: 5px 10px; border-radius: 5px; border: none; text-transform: uppercase; font-family: var(--exo); font-weight: bold; margin-right: 5px;}

.main_container{ display: grid; grid-template-columns: auto 230px; max-width: var(--myInMaxWidth); width: var(--myInWidth); margin: 20px auto; box-sizing: border-box; align-items: start;}
    main{ display: block; width: auto; }
    main.livescrore_main{ display: grid; grid-template-columns: 150px auto;  width: auto; align-items: start; position: relative;}
        
    
        .livescoreHeaderBar{ 
            background-color: var(--bianco);
            color: var(--primario);
            border-radius: 5px;
            box-shadow: var(--shadow);
            padding: 1em 1em;
            margin-bottom: 1em;
        }
        
        .livescoreHeaderBar-index{margin-bottom: 0; box-shadow: none;}

        .livescoreMainCol{ }
        .livescoreMainBlock{background-color: var(--bianco); color: var(--primario); border-radius: 5px; box-shadow: var(--shadow); margin-bottom: 1em;}

        .livescore_bar{position: relative; /* top: 20px; */ padding-right: 10px;}
            .livescore_bar ul{list-style: none;}
                .livescore_bar ul a{cursor: pointer; text-indent: -20px; padding-left: 20px;}
                    .livescore_bar ul li ul, .livescore_bar ul li ul li ul{padding-left: 8px;}
            
            
            .sb-search-cnt{margin-bottom: 5px; display: none;}
            .sb-search-cnt input{width: 100%; border: none; border-radius: 5px; padding: 5px 10px; background: #FFF; font-size: var(--fontmain);}
        
            .sb-preferiti-btn-cnt{margin: 20px 0 10px 0;}
                .sb-preferiti-btn{background-image: url(img/stella.svg); background-repeat: no-repeat; background-position: 0 1px; background-size: 15px; padding: 0 5px 10px 19px; display: flex; align-items: center; justify-content: space-between;}
                .sb-preferiti-count{background: var(--primario); color: #FFF; padding: 2px 7px; border-radius: 5px; text-align: center; font-size: 12px;}
            
            
            .sb-link-list-cnt{margin-top: 10px; margin-bottom: 20px;}
                .sb-link-list-tit{color: var(--blu); font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px;}
            
        
                .sb-link-list-item-btn{font-size: var(--fontmain); padding: 5px 0;}
                    .sb-link-list-item-btn i{margin-right: 5px;}
                
                
              .sb-block-header .sb-link-list-tit{margin-bottom: 0;}  
                
                .podcast-sb-item{background: #FFF; border-radius: 10px; margin-bottom: 10px; padding: 5px;}
                    .podcast-sb-item img{border-radius: 5px; margin: 5px 0;}
                    .podcast-sb-item h5{font-size: 14px;}
                    .podcast-sb-item .btn{padding: 5px 10px;}
        
        .competitonItem{ padding: 1em 1em;}
        .competitonItem-header{ 
            background-color: var(--grigio);
            color: var(--primario);
            font-size: var(--fontmain);
            font-family: var(--lato); 
            padding: 7px 10px;
            border-radius: 5px;
            display: flex;
        }
        .competitonItem-name{ padding: 0 5px;}
        .eventInList{ padding: 5px 10px; border-bottom: 1px solid var(--grigio);}
            .eventInListBar{ display: grid;  grid-template-columns: auto 300px 25px; margin: 4px 0;}
                .eventInListInfoMin{  display: grid; grid-template-columns: 65px auto 60px; align-items: center; }
                    .eventInList-time{ margin: 0 10px 0 0; padding: 5px 0; text-align: center; font-weight: bold; border-radius: 5px;}
                        .eventInList-time div{padding: 0; }
                        .eventInList-time div.data-evento-inlist{ font-weight: normal; font-size: 11px; color: var(--primario); }
                    .eventInList-teams{  padding: 0 10px 0 0; width: auto;}
                    .eventInList-scored{ padding: 0 10px 0 0; border-right: 1px solid var(--grigio); margin: 0 10px 0 0; text-align: center;}
                
                .eventInList-participant-name, .eventInList-participant-goals{padding: 3px 0;}
                .eventInList-participant-goals{font-weight: bold;}
                
                .eventInList-participant-name a{transition: color .4s ease; display: inline-block;}
                .eventInList-participant-name a:hover{color: var(--blu);}
               
                .eventInListBar.eventInListBar-basketball{ }
                
                
                .eventInListBar.eventInListBar-basketball .eventInListInfoMin,
                .eventInListBar-tennis .eventInListInfoMin,
                .eventInListBar-pallavolo .eventInListInfoMin,
                .eventInListBar-beachvolley .eventInListInfoMin{ grid-template-columns: 65px auto 150px; }
                
                
                .eventInList-participant-multi-scored{padding: 3px 0; display: flex;}
               .eventInList-participant-multi-scored .result{padding: 0 1px 0 0; width: 3em; }
               .eventInList-participant-multi-scored .result.result-result{ background-color: var(--grigio); color: var(--blu); border-radius: 5px; font-weight: bold;}
               
              

            .eventInListDetailsContainer{border-radius: 5px; box-shadow: 0 5px 20px var(--grigio); background: var(--bianco);}
            .eventInListDetailsContainer-detail{margin-bottom: 20px;}

            .eventInListDetailsContainer-head{background-color: var(--secondario); text-align: center; color: var(--bianco); font-weight: bold; padding: 5px 10px; box-sizing: border-box; border-radius: 5px 5px 0 0; position: sticky; top: 0; z-index: 50;}
            .eventInListDetailsContainer-body{ background: var(--bianco); padding: 20px; box-sizing: border-box; border-radius: 0 0 5px 5px;}

            .eventInList-time-status-finished div:not(.data-evento-inlist) {color: var(--secondario); background: var(--grigio); border-radius: 5px; margin: 2px 0; display: inline-block; padding: 2px 4px 4px 4px;}
            .eventInList-time-status-live span{color: var(--bianco); background-color: var(--rosso); animation-name: blink; animation-duration: .8s; animation-direction: alternate; animation-iteration-count: infinite; padding: 5px; border-radius: 5px;}
            .eventInList-time-status-scheduled {font-weight: normal; color: var(--secondario);}

            .eventInList-time-status-live .currentQuartoInTimeMin{color: var(--bianco); background-color: var(--rosso); animation-name: blink; animation-duration: .8s; animation-direction: alternate; animation-iteration-count: infinite; padding: 5px; border-radius: 5px; font-size: 12px;}

        .eventTools{display: flex; align-items: center; justify-content: flex-end; border-right: 1px solid var(--grigio); padding: 0 10px 0 0; margin: 0 10px 0 0; gap: 4%;}
            
            .toolsBtn{margin: 0 5px; transform: scale(1.2); padding: 0 5px 0 5px; display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 5px 5px 0 0; position: relative; width: 40px;}
                .toolsBtn.active{background-color: var(--secondario);}
                    .toolsBtn.active:before{content: ''; background: no-repeat center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjUiIGhlaWdodD0iOS41IiB2aWV3Qm94PSIwIDAgOS41IDkuNSI+CiAgPHBhdGggaWQ9ImN1cnZhIiBkPSJNNi40NjQsNi41NzhDOC44MzksNC4yLDkuNSwwLDkuNSwwVjkuNUgwUzQuMDg5LDguOTUzLDYuNDY0LDYuNTc4WiIgZmlsbD0iIzY1OTVjMiIvPgo8L3N2Zz4K"); position: absolute; left: -9px; bottom: -1px; width: 10px; height: 10px;}
                    .toolsBtn.active:after{content: ''; transform: scaleX(-1); background: no-repeat center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjUiIGhlaWdodD0iOS41IiB2aWV3Qm94PSIwIDAgOS41IDkuNSI+CiAgPHBhdGggaWQ9ImN1cnZhIiBkPSJNNi40NjQsNi41NzhDOC44MzksNC4yLDkuNSwwLDkuNSwwVjkuNUgwUzQuMDg5LDguOTUzLDYuNDY0LDYuNTc4WiIgZmlsbD0iIzY1OTVjMiIvPgo8L3N2Zz4K"); position: absolute; right: -9px; bottom: -1px; width: 10px; height: 10px;}
                

        .eventFavToos{display: flex; align-items: center; justify-content: center;}
            .preferiti-btn{transform: scale(1.2); position: relative;}
                .preferiti-btn.active svg{animation: stretch-bounce 0.5s ease-in-out; background-image: url(img/stella.svg);}
                    .preferiti-btn:before{content: ''; background-image: url(img/stella.svg); position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: contain; background-repeat: no-repeat; opacity: 0;}
                    .preferiti-btn.active:before{animation: star 0.3s ease-in-out; }




        .roundName-as-in-list-header{background-color: var(--grigio); color: var(--primario); font-size: var(--fontmain); font-family: var(--exo); padding: 7px 10px; border-radius: 5px; display: flex; font-weight: bold; margin-top: 5px;}

    
    
        .eventInListDetailsContainer-head .h5{font-size: 15px; margin: 0;}

        .eventInListDetailsContainer-participants{display: flex; justify-content: space-around;}
            .eventInListDetailsContainer-participant-col{width: 35%; text-align: center; padding-top: 10px;}
            .eventInListDetailsContainer-eventInfo{text-align: center;}
            
            .eventInListDetailsContainer-participant-name{font-size: 16px; font-weight: normal; font-family: var(--lato);}

                .eventInfo-goals-cnt{font-size: 32px; font-weight: bold; margin-bottom: 5px;}
                .eventDetail-time-cnt{display: flex; flex-direction: column; color: var(--blu); font-size: 14px;}
                    .eventDetail-time-running{font-size: 16px;}
                
                .goalNumber-none{display: none;}
                
                .resoconto-stadio{padding: 5px 0;}
               
            .eventInfo-quanter-pts-cnt{padding: 5px 0;}   
            .eventInfo-quanter-pts-quarto{background: var(--primario); color: var(--bianco); padding: 4px; border-radius: 3px; margin: 5px; text-align: center;}    
                
        .eventInListDetailsContainer-eventInfo-cnt{display: flex; flex-direction: column;}
            .info-item-resoconto{padding: 5px 0; display: flex; justify-content: center;}
            .info-item-resoconto:first-child{padding: 20px 0 5px 0;}
                .info-item-resoconto-label{text-transform: uppercase; color: var(--blu); font-weight: bold; margin-right: 5px;}
                .info-item-resoconto-value{font-size: 13px;}
                
        
        .cartellini-cnt{display: flex; justify-content: center;}    
            .cartellini-item{display: flex; padding: 5px 8px; }
            .cartellini{padding: 5px 5px; border-radius: 3px; font-weight: bold;}    
                .cartellino-giallo{background: linear-gradient(0deg, #ffce0f, #ffea09);}
                .cartellino-rosso{background: linear-gradient(0deg, #c20e0e, #ff1818); color: #FFF;}
                
          
        .report-goals-item{display: flex; align-items: center; gap: 5px; justify-content: center; margin: 5px 0;} 
          .report-goals-time{font-weight: bold;}
          .report-goals-player a:hover{color: var(--blu);} 
                
                
        .eventInListDetailsContainer-participants-lineups{display: flex;} 
            .eventInListDetailsContainer-participant-lineup-col{width: 50%; text-align: center;}
            .titolari-cnt{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--grigio);}
            .lineup-item{display: flex; justify-content: center; align-items: center;}
            .lineup-item-shirt_nr{font-weight: bold; margin-right: 5px; padding: 3px 0;} 
            
            .coach{padding-bottom: 10px;}
            .lineup-group-tit{display: inline-block; background: var(--blu); color: var(--bianco); padding: 5px 10px; border-radius: 5px; font-size: 12px; margin-bottom: 5px;}
            
        .eventInListDetailsContainer{max-height: 60vh; overflow-y: auto;}
        
    .livescoreHeaderBar-tools{position: relative; margin-bottom: 5px;}   
    .competition-dett-current-season-label{color: var(--secondario); font-size: 15px; cursor: pointer; display: flex;}
        .competition-dett-current-season-label:after{content: ''; background: url(img/freccia_giu_blu.svg) no-repeat center; width: 20px; height: 20px;}
    .seasonSwitch-list{list-style: none; position: absolute; left: -13px; top: 25px; padding: 0 20px; background: var(--bianco); border-radius: 5px; box-shadow: var(--shadow); z-index: 9; border: 1px solid #ddd9d9;}    
        .seasonSwitch-list li a{padding: 10px 0; font-size: 14px;}

    .calendar-container{display: flex; align-items: center; margin-left: auto; position: relative;}
        .calendar-container .data-calendar{border: none; color: var(--secondario); background-color: transparent; background-image: url(img/calendario.svg); padding: 2px 0 0 20px; background-position: left center; background-size: 15px; background-repeat: no-repeat;}
        
        .calendar-container-tool{position: absolute; right: 0; top: 40px; z-index: 9;}
        
        .react-calendar{border: 1px solid var(--grigio) !important; border-radius: 10px;}

    .headerCompetionsTools{display: flex; flex-wrap: wrap; padding-right: 20px;} 
    
    
        .headerCompetionsTools-items{margin: 5px 5px 5px 0; position: relative;}
        .headerCompetionsTools-items a, .headerCompetionsTools-item-label{color: var(--primario); background: var(--grigio); font-weight: bold; text-transform: uppercase; border-radius: 5px; padding: 10px 15px; cursor: pointer; display: flex; align-items: center;}
        
        .headerCompetionsTools-items.active > a, .headerCompetionsTools-items.active .headerCompetionsTools-item-label{background: var(--blu); color: var(--bianco);}
        
        .standingsSwitch-list{list-style: none; position: absolute; left: 0; top: 40px; box-shadow: var(--shadow); border-radius: 5px; overflow: hidden; z-index: 2; max-height: 60vh; overflow-y: auto; border: 1px solid var(--grigio);}   
        .standingsSwitch-list li a{background: var(--bianco); border-radius: 0; white-space: nowrap; font-size: 12px;}

        .headerCompetionsTools-item-label:after{content: ''; background: url(img/freccia_giu_scura.svg) no-repeat center; width: 20px; height: 10px;}
        .headerCompetionsTools-items.active .headerCompetionsTools-item-label:after{filter: brightness(10);}
        
        .titBloccoMenuSelect{padding: 5px 10px; text-transform: uppercase; background: var(--grigio); font-size: 12px;}
        
    .titoletti-blocchi{margin-bottom: 10px;}

    .divAsTableResults{display: flex; justify-content: center; padding: 20px 0; gap: 10px;}
    
        .divAsTableResults-col{text-align: center;}
        
            .divAsTableResults-row-name{background: var(--primario); color: var(--bianco); padding: 3px 5px; border-radius: 3px; margin-bottom: 3px;}


        
    .classifica-cnt{width: 100%; border-spacing: 0; border-collapse: separate; border-radius: 10px; overflow: hidden;}
        .classifica-cnt th, .classifica-cnt td{text-align: center; padding: 2px 2px; height: 30px; vertical-align: middle;}
    
        .classifica-items .name, .classifica-header .name{text-align: left;}
        
            .classifica-items .Pts{font-weight: bold;}

            .classifica-header{background: var(--grigio);}
            
            .rank{max-width: 20px;}
            .rank span{padding: 3px 7px; border-radius: 4px;}
            .rank-qualifica-championsleague span{background: var(--blu); color: var(--bianco);}
            .rank-qualifica-europaleague span{background: var(--rosso); color: var(--bianco);}
            .rank-qualifica-europaconferenceleaguequal span{background: #CEAC3F; color: var(--bianco);}
            .rank-qualifica-relegation span{background: var(--grigio);}
            .rank-qualifica-playoffs span{background: #3CCB3C; color: var(--bianco);}
            
        
        .squadPage-items-table{width: 100%; border-spacing: 0; border-collapse: separate; border-radius: 10px; overflow: hidden;}
        .squadPage-items-table th, .squadPage-items-table td{text-align: center; padding: 2px 2px; height: 30px; vertical-align: middle;}
        .squadPage-items-table thead{display: none;}
        .squadPage-items-table thead tr{background: var(--grigio);}
        
        td.squadPage-item-name{text-align: left;}
        td.squadPage-items-role{padding: 20px 0 5px 0; font-family: var(--exo); font-size: 16px; font-weight: bold; text-align: left;}
            
            .squadPage-items-table tr:first-child td.squadPage-items-role {padding: 5px 0;}

            .form-item{width: 22px; height: 22px; font-size: 11px; align-items: center; justify-content: center; display: inline-flex; margin: 0 2px; border-radius: 4px; color: var(--bianco); background: var(--primario);}
                .form-item-W{background: #3CCB3C;}
                .form-item-D{background: #E5CE39;}
                .form-item-L{background: var(--rosso);}
                
           .classifica-header .standing-col.YC{background: linear-gradient(0deg, #ffce0f, #ffea09);}   
           .classifica-header .standing-col.RC{background: linear-gradient(0deg, #c20e0e, #ff1818); color: #FFF;}    
           
           
        .listPagination{display: flex; justify-content: space-between; margin: 20px 0;}
            .listPagination-button{font-size: 18px; background: var(--blu); color: var(--bianco); border: none; border-radius: 5px; padding: 2px 10px;}
            .listPagination-button:disabled{opacity: .5;}

        .stat-tit-mp, .stat-tit-ms{font-size: 16px; font-family: var(--exo);}
            .stat-tit-mp span, .stat-tit-ms span{font-weight: bold; font-family: var(--lato);}

        
        .statsPage-items-row{display: flex; flex-wrap: wrap;}

        .stat-box{padding: 15px 5px;}
        .stat-box.full{width: 100%;}
        .stat-box.half{width: 50%;}
        .stat-box.third{width: 33.3%;}
        .stat-box-tit, .statsPage-items-row-tit{background-color: var(--primario); color: var(--bianco); font-size: var(--fontmain); font-family: var(--exo); padding: 5px 10px;border-radius: 5px; display: flex; font-weight: bold; justify-content: center; margin-bottom: 10px;}
            
        .stat-box-values-cnt{display: flex; justify-content: space-around;}
            .stat-box-values-cnt > div{width: 33%; text-align: center; padding: 0 10px; box-sizing: border-box;}
            .stat-box-values-name{padding-bottom: 5px;}
            .stat-box-values-val{font-size: 21px;}
            
        .stat-box-values-barretta-cnt{height: 8px; background: var(--grigio); margin-top: 5px; border-radius: 3px; overflow: hidden;}
            .stat-box-values-barretta-item{height: 100%; background: var(--blu);}

        .statsPage-items-over-items{display: flex; justify-content: space-around;}
            .stat-over-item{padding: 10px 0; text-align: center;}
                .stat-over-item span{font-size: 21px; display: block; padding: 5px 0;}


        .eventIncident-item{display: flex; align-items: center; justify-content: center; position: relative; margin: 5px 0;}
        .eventIncident-item-solo-incident_name{display: none;}
        .eventIncident-item.eventIncident-item-all .eventIncident-item-solo-incident_name{display: block;}
        .eventIncident-item.eventIncident-item-all .eventIncident-item-data,
        .eventIncident-item.eventIncident-item-all .eventIncident-item-event_time,
        .eventIncident-item.eventIncident-item-all .vuoto {display: none;}
        
        .eventIncident-item-data, .vuoto{width: 100%; display: flex; align-items: center;}
            .eventIncident-item-home .eventIncident-item-data{text-align: right; justify-content: flex-end;}
            .eventIncident-item-away .eventIncident-item-data{flex-direction: row-reverse; justify-content: flex-end;}
            .eventIncident-item-away{flex-direction: row-reverse;}
            .eventIncident-item-event_time, .eventIncident-item-solo-incident_name{margin: 10px 10px; padding: 5px 10px; border-radius: 5px; background: var(--blu); color: var(--bianco); position: relative;}
            
            .eventIncident-item-incident_name{font-weight: bold;}
            
            .eventIncident-item:before{content: ''; height: 100%; width: 2px; background: var(--blu); position: absolute; top: 30px; bottom: 0;}
            .eventIncident-item:last-child:before{display: none;}
            
            .eventIncident-item-event_time-string{font-size: 11px; text-align: center;}

    .eventIncident-item-type-kickoff:after, .eventIncident-item-type-rigore:after{content: ''; background: url(img/fischietto.svg) no-repeat center; display: block; background-size: contain; width: 25px; height: 25px; margin: 0 5px;}

    .eventIncident-item-type-cartellinogiallo:after{content: ''; background: url(img/yellowcard.svg) no-repeat center; display: block; background-size: contain; width: 25px; height: 25px; margin: 0 1px;}
    
    .eventIncident-item-type-cartellinorosso:after{content: ''; background: url(img/redcard.svg) no-repeat center; display: block; background-size: contain; width: 25px; height: 25px; margin: 0 1px;}

    .eventIncident-item-type-gol:after{content: ''; background: url(img/soccerball.svg) no-repeat center; display: block; background-size: contain; width: 25px; height: 25px; margin: 0 5px;}

    .eventIncident-item-type-entrainsostituzione:after{content: ''; background: url(img/entra.svg) no-repeat center; display: block; background-size: contain; width: 25px; height: 25px; margin: 0 5px;}

    .eventIncident-item-type-escepersostituzione:after{content: ''; background: url(img/esce.svg) no-repeat center; display: block; background-size: contain; width: 25px; height: 25px; margin: 0 5px;}

    .eventIncident-item-type-calciodangolo:after{content: ''; background: url(img/angolo.svg) no-repeat center; display: block; background-size: contain; width: 25px; height: 25px; margin: 0 5px;}

    
    .statsPage-item-13, .statsPage-item-31, .statsPage-item-718, .statsPage-item-639, .statsPage-item-697, .statsPage-item-772, .statsPage-item-773, .statsPage-item-774, .statsPage-item-775, .statsPage-item-776, .statsPage-item-777, .statsPage-item-782, .statsPage-item-1134, .statsPage-item-1126, .statsPage-item-1127, .statsPage-item-1128, .statsPage-item-1129, .statsPage-item-1130, .statsPage-item-1131{display: none;}

    /* H2H */

    .eventInListDetailsContainer-h2h-all_matches_stats{ display: flex; justify-content: space-between; position: relative; margin-bottom: 10px;}
    .barretta_matches_stat-col{ width: 30%; z-index: 2;}
    .barretta_matches_stat-container{ width: 100%; height: 120px; display: flex; align-items: flex-end; min-height: 1%;}
    .barretta_matches_stat{ background-color: var(--blu); width: 100%; border-radius: 5px 5px 0 0;}
    .barretta_matches_stat.barretta_matches_stat-par{ background-color: var(--grigio); }
    .barretta_matches_stat-number{ text-align: center; text-transform: uppercase; padding: 5px 5px 2px 5px; font-size: 18px; font-weight: bold;}
    .barretta_matches_stat-label{ text-align: center; text-transform: uppercase; padding: 0 5px 5px 5px;}
    
        .eventInListDetailsContainer-h2h-all_matches_stats:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 49px; background-image:linear-gradient(to right, #fff 5px, transparent 1px), linear-gradient(var(--grigio) 1px, transparent 1px); background-size: 10px 20px; z-index: 1; border-bottom: 1px solid #888;}
    
    
    .eventInListDetailsContainer-h2h-participants{display: flex; justify-content: space-between; padding-bottom: 10px;}
        .eventInListDetailsContainer-h2h-participant-col{width: 30%; text-align: center;}
    
    .h2h-competition{border-top: 1px solid var(--grigio);}
    .h2h-competition-season-stage-group-event{padding: 5px 0 6px 0; border-bottom: 1px solid var(--grigio);}
    .h2h-competition-event-header{ display: flex; justify-content: center; font-weight: bold; margin-bottom: 2px;}
    .h2h-competition-event-competitionName,
    .h2h-competition-event-date{ padding: 2px 5px;}
    .h2h-competition-event-participants{ display: flex; justify-content: space-between;}
    .h2h-competition-event-participant-item{ display: flex; justify-content: space-between; width: 49.8%; align-items: center; }
    .h2h-competition-event-participant-item:first-child{ flex-direction: row; justify-content: end; }
    .h2h-competition-event-participant-item:last-child{  flex-direction: row-reverse; justify-content: start;}
    .h2h-competition-event-participant-name{ width: auto; padding: 2px 5px;  }
    .h2h-competition-event-participant-numGoal{ width: 60px; padding: 5px 5px; text-align: center; background-color: var(--blu); color: var(--bianco); border-radius: 5px 0 0 5px;}
    .h2h-competition-event-participant-item:last-child .h2h-competition-event-participant-numGoal{border-radius: 0 5px 5px 0;}
    .h2h-competition-event-participant-item:first-child .h2h-competition-event-participant-name{text-align: right;}
    /* H2H */
              

    /* STATISTICHE */
    .stat-item{ width: 100%; margin: 10px 0;  position: relative; height: 2.5em;}
        .stat-item-valori{ width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; font-weight: bold;}
            .stat-item-val{ padding: .3em;}
            .stat-item-label{ padding: .3em;}
        .stat-barretta-cnt{display: grid; grid-template-columns: 1fr 1fr; background-color: var(--grigio); border-radius: 3px;}
            .stat-barretta-item-h{ background-color: var(--blu); height: 8px; margin-left: auto; border-radius: 3px 0 0 3px; border-right: 1px solid #FFF;}
            .stat-barretta-item-a{ background-color: var(--primario); height: 8px; border-radius: 0 3px 3px 0; border-left: 1px solid #FFF;}
    /* STATISTICHE */

    /* TEAMS DETT */
    .team-dett-dettagli{ padding: 1em 0;}
        .team-dett-dettagli-item{ display: flex; padding: .15em 0; align-items: baseline; }
        .team-dett-dettagli-item-label{ padding: 0 .5em 0 0 ;}
        .team-dett-dettagli-item-value{ color: var(--blu);}
        .team-dett-dettagli-item-value a{ color: var(--blu); text-decoration: underline;}

        .team-dett-dettagli-item-values-list{display: flex; flex-wrap: wrap; }
            .team-dett-dettagli-item-values-list-item{ padding: .2em .4em .2em 0;}
            .team-dett-dettagli-item-values-list-item a{ padding: .3em .5em; text-decoration: none; background-color: var(--grigio); border-radius: .3em; }
    /* TEAMS DETT */

    @keyframes stretch-bounce {
      0% {-webkit-transform: scale(1.2);}
      25% {-webkit-transform: scale(1.5);}
      50% {-webkit-transform: scale(0.9);}
      75% {-webkit-transform: scale(1.2);}
      100% {-webkit-transform: scale(1.2);}
    }

    @keyframes star {
      0% {transform: scale(1); opacity: 0;}
      50% {opacity: .5;}
      100% {transform: scale(3); opacity: 0;}
    }

    @keyframes blink {
      from {background-color: var(--rosso);}
      to {background-color: #e50f0f;}
    }

    @keyframes scaleX {
       from {transform: scaleX(0);}
       to {transform: scaleX(1);}
     }

    
    aside > div{margin-bottom: 20px;}
    
    .classificaSB-cnt{background-color: var(--bianco); color: var(--primario); border-radius: 5px; box-shadow: var(--shadow); padding: 10px;}

    aside h5.titoletti-blocchi-sb{font-family: var(--exo); font-weight: bold; font-size: 12px; margin: 5px 0; padding: 0;}

    aside .classifica-cnt th, aside .classifica-cnt td{height: 33px;}
    
    aside .classifica-cnt{border-radius: 0;}
    
    aside .rank{max-width: 35px;}
    
    .header-blocchi-sb{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 5px;}
    
    .pulsante_piccolo, .header-blocchi-sb a{background: var(--blu); color: var(--bianco); font-weight: bold; text-transform: uppercase; border-radius: 5px; padding: 3px 5px; cursor: pointer; display: inline-flex; align-items: center; font-size: 10px; margin: 5px 0;}

    .main_container_no_livescore{grid-template-columns: auto;}

    .site_sidebar{width: auto; padding: 0 0 10px 10px; box-sizing: border-box;}
    
    .sb-block-header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
    
    .page_all_container{background-color: var(--bianco); color: var(--primario); border-radius: 5px; box-shadow: var(--shadow); overflow: hidden; margin-bottom: 20px;}
    
    .page_title{padding: 20px 20px 0 20px;}
    .page_container{padding: 20px;}
    
    .blog_data_container{background-color: var(--bianco); color: var(--primario); border-radius: 5px; box-shadow: var(--shadow); overflow: hidden; margin-bottom: 20px;}
    
    .blog_data_container .team-dett-name{padding: 20px 20px 0 20px;}
    
    .video-list-cnt{display: flex; flex-wrap: wrap; box-sizing: border-box; gap: 4%; padding: 20px;}
    
    .video-list-item{width: 48%; box-sizing: border-box; background-size: cover; background-position: center; height: 230px; position: relative; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); border-radius: 5px; margin-bottom: 30px;}
      .video-listitem-title{padding: 10px 20px; position: absolute; bottom: 0; left: 0; right: 0;}
      .video-listitem-title h4{font-size: 15px; color: #FFF; font-family: var(--lato); line-height: 1.2; padding-bottom: 0; transition: padding-bottom .6s ease;}
      
      .video-list-item:before{content: ''; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(24, 35, 61, 0.75) 48.77%, #18233d 100%); position: absolute; left: 0; bottom: 0; right: 0; top: 40%; border-radius: 0 0 5px 5px;}

      .video-list-item:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 0; display: flex; align-items: center; justify-content: center; background-image: url(img/play.svg); background-size: 70px 70px; background-position: center; background-repeat: no-repeat; transition: transform .2s ease;}

      .video-list-item:hover:after{transform: scale(1.1);}
      .video-list-item:hover .video-listitem-title h4{padding-bottom: 5px;}
      
      .video-correlati-cnt .video-list-cnt{gap: 1%; padding: 20px 0;}
      .video-correlati-cnt .video-list-item{width: 24%;}
    
      
      .blog-dett-contenuti{display: flex; padding: 40px 20px 40px 0;}
      
        .blog-dett-mini-info{min-width: 170px; display: flex; justify-content: center;}
          .blog-dett-data{text-align: center; font-family: var(--exo); text-transform: capitalize;}
          .blog-dett-data-day{font-size: 32px; font-weight: bold; color: var(--blu);}
          .blog-dett-data-month{font-size: 24px; font-weight: bold; color: var(--primario); margin-top: -9px;}
          .blog-dett-data-year{font-size: 17px; font-weight: bold; color: var(--blu);}
      
        .blog-dett-contenuti h1{font-size: 32px;}
    

    .sondaggio-cnt{border-radius: 5px; overflow: hidden; background-color: var(--primario);}
    .sondaggio-item{background-repeat: no-repeat; background-size: cover; background-position: center;}
    
    .sondaggi_data_container{margin: 5px 0;}
    
    .sondaggi_data_container .sondaggi-all-cnt{display: flex; flex-wrap: wrap;}
    .main_container_no_livescore .sondaggio-list-item{width: calc(25% - 10px); margin: 5px; background-color: var(--primario); height: 150px; display: flex; align-items: center; justify-content: center;}
    
    .main_container_no_livescore .sondaggio-item-result, .main_container_no_livescore .sondaggio-item-btn{width: calc(33% - 10px); font-size: 16px;}
    .main_container_no_livescore .sondaggio-item-btns{flex-direction: row; flex-wrap: wrap; padding: 40px;}
    
      .main_container_no_livescore .sondaggio-item-header{padding: 40px;}
      .main_container_no_livescore .sondaggio-item-header h4{font-size: 32px;}
    
    .main_container_no_livescore .sondaggio-list-item .sondaggio-item-header{padding: 10px 15px;}
    .main_container_no_livescore .sondaggio-list-item .sondaggio-item-header h4{font-size: 16px;}
    
    .sondaggio-list-item-header{min-width: 100%;}
    
      .sondaggio-item-header{background: rgba(24, 35, 61, 0.7); padding: 10px 15px; position: relative;}
         .sondaggio-item-header h4{color: #FFF; font-size: 15px; text-align: center; padding-bottom: 0; text-transform: uppercase;}
         
            .sondaggio-item-header:before{content: ''; background: url(img/grafica_left.svg) no-repeat; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; background-position: bottom left;}
            
            .sondaggio-item-header:after{content: ''; background: url(img/grafica_right.svg) no-repeat; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; background-position: top right;}
            
            
            .sondaggio-item-btns{padding: 10px; display: flex; flex-direction: column;}
               .sondaggio-item-result, .sondaggio-item-btn{background: var(--grigio); color: var(--primario); text-align: center; font-family: var(--exo); font-weight: bold; font-size: 13px; text-transform: uppercase; margin: 5px; border-radius: 5px; padding: 5px; box-sizing: border-box; border: none; display: block; position: relative; cursor: pointer;}
            
            .bacchetta_perc_sondaggio{background: var(--blu); position: absolute; left: 0; bottom: 0; top: 0; z-index: 1; border-radius: 5px 0 0 5px;    transform: scaleX(1); transform-origin: left; animation: scaleX 1.5s ease forwards;}
            
            .val_sondaggio{position: relative; z-index: 5;}
            
            .sondaggio-dett-page-header{margin: 20px auto; text-align: center;}
            .sondaggio-dett-page-header a{background: var(--blu); color: var(--bianco); display: inline-block; font-family: var(--exo); font-size: 16px; text-transform: uppercase; font-weight: bold; padding: 10px 15px; border-radius: 5px;}

    .pageTxtContainer{width: 90%; max-width: 900px; margin: 40px auto;}
    .pageTxtContainer table{border-collapse: collapse; margin: 10px 0;}
        .pageTxtContainer table td{border: 1px solid #bbb; padding: 5px; box-sizing: border-box;}
        
        .pageTxtContainer a{display: inline; color: var(--blu);}
   
   .outer-container{padding-bottom: 0;}  
     
  .podcast-list-item-row{margin: 50px 0; padding: 0 20px; display: flex; align-items: center;}   
     
    .podcast-list-item-img{width: 60%; border-radius: 5px; overflow: hidden;}
      .podcast-list-item-img img{transition: transform .4s ease;}
    .podcast-list-item-info{width: 40%; padding: 0 0 0 15px;}
      .podcast-list-item-info p{padding: 0;}
      .podcast-list-item-info a{margin: 10px 0;}
     
     .podcast-list-item-row:hover .podcast-list-item-img img{transform: scale(1.02);}
     
     
     .podcast-puntate-list-item{margin: 0 !important; padding: 0 40px;  
      /* width: 25% !important;  */
      text-align: center;}
     
     .podcast-puntate-list-cnt{padding: 40px 0;}
     
      .podcast-puntate-list-item-data{font-size: 12px; color: var(--blu); }
        .podcast-puntate-list-item-data-str{background: url(img/calendario.svg) no-repeat left center; padding-left: 20px; display: inline-block;}
        
        .podcast-puntate-list-item h4{padding: 5px 0; font-size: 15px; font-weight: bold;}
        
    .site_footer{background: var(--primario); padding: 40px 0;}
        .footer_logo{width: 250px;}
        .footer_info{color: #FFF;}
        .footer_firma, .footer_firma p{font-size: 12px; padding: 3px 0;}
        
        .menuFooter{list-style: none; display: flex;}
            .menuFooter li a{color: #FFF; padding-right: 5px; text-decoration: underline;}


    .footer-adv .myIn{display: flex; justify-content: center; margin: 10px auto 30px auto;}
      
      .adv_half{ margin: 0 2px;}
      
      .desktop-no.myIn{display: none;}


.loading_placeholder_text, .loading_placeholder_text *{
    color: var(--grigio) !important;
}
    
/* ------MENU BUTTON------- */
    
    
    .user-tools-btn{display: none;}
    
    
    .hamburger {
      padding: 0;
      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; }
      
    
    .hamburger span{padding: 5px 10px; display: block; float: left; font-weight: bold; color: var(--bianco);}
    
    .hamburger-box {
      width: 25px;
      height: 24px;
      display: block;
      float: left;
      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(--bianco);
        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; }	
        
        
        
/* FORM */

label, input, select, textarea, button{ font-family: var(--lato);}

/* .recupera_pass_link_cnt{ text-align: right; display: block;  margin: 5px ;}
	.recupera_pass_link{  text-decoration: underline; color: #FFF; font-size: 16px; } */
	.alert, .userMess{ display: block; text-align: center; margin: 10px auto; border-radius: 10px; padding: 10px 10px; background-color: var(--primario); color: var(--bianco);} 
	.alert-danger, .dati_mancanti, .fail{background-color: var(--rosso); color: var(--bianco);}
	form{
		display: block; clear: both; margin: 0; padding: 0; box-sizing: border-box;
	}
	.form_row{ display: flex; width: 100%; box-sizing: border-box; padding: 5px;}
	.form_field{ box-sizing:  border-box; padding: 5px; width: 100%;}
    .form_row_checkbox{ padding: 5px 10px;}
	label{
		font-size: 16px; line-height: 1; margin: 0; padding: 15px 0 5px 0 ; font-weight: 600; display: block; clear: both; box-sizing: border-box; color: var(--primario);
	}
	
	input{
		font-size: 18px; width: 100%; line-height: 1; margin: 0; padding: 5px ; background-color: var(--bianco); font-weight: 400; display: block; clear: both; box-sizing: border-box; border: 1px solid var(--grigio); border-radius: 5px;
	}
	select{
		font-size: 18px; width: 100%; line-height: 1; margin: 0; padding: 5px ; background-color: var(--bianco); font-weight: 400; display: block; clear: both; box-sizing: border-box; border: 1px solid var(--secondario); border-radius: 5px;

	}
	.form_field_btn{ display: flex;justify-content:center }
	.btn-app,  
	.btn-app-login{ 
		background-color: var(--primario); font-size: 16px;  border-radius: 10px; color: #FFF; border: none;  cursor: pointer;
		display: inline-block; text-align: center; padding: 10px 15px; line-height: 1; 
	}
	.btn-app-login{ 
		background-color: var(--primario); color: var(--bianco);
	}

	.form_field_checkbox .label_checkbox{display: flex; justify-content: flex-start; align-items: center; font-weight: 400; font-size: 13px; padding: 5px 0;}
	
	.form_field_checkbox .label_checkbox input{width: auto; margin-right: 10px;}
	.form_field_checkbox .label_checkbox a{color: var(--primario); text-decoration: underline; display: inline;}
	

/* FORM */







@media only screen and (max-width: 1150px) {
        
        :root{ 
        --myInWidth: 97%;
        --fontmain: 13px;
    }
        
        .toolsBtn{margin: 0; transform: scale(1.1); padding: 0 5px 0 5px; width: 30px;}
        .eventInListBar{grid-template-columns: auto 200px 25px; margin: 2px 0;}
        
        
        
        .sport_menu-item a, .cms_menu-item a{margin-right: 15px;}
    
    
    /*  .eventInListBar.eventInListBar-basketball, .eventInListBar-tennis{grid-template-columns: auto 160px 25px;} */
        
    
    }
    


@media only screen and (max-width: 940px) {
    
    h1, .h1{ font-size: 58px;}
    h2, .h2{ font-size: 28px; }
    h3, .h3{ font-size: 24px; }
    h4, .h4{ font-size: 21px; }
    h5, .h5{ font-size: 16px; }
    h6, .h6{ font-size: 12px; }
    
   .main_container{grid-template-columns: auto 180px; margin: 5px auto 40px auto;}
   .main_container_no_livescore{grid-template-columns: auto;}
   
   .site_sidebar{padding: 44px 0 10px 10px;}
  .sondaggio-item-result, .sondaggio-item-btn{font-size: 12px;}
  .main_container_no_livescore .sondaggio-list-item{width: calc(50% - 10px);}
  
    main.livescrore_main{grid-template-columns: auto;}
    
    .classificaSB-cnt{padding: 7px;}
    aside .classifica-items{font-size: 12px;}
    
    aside .rank{max-width: 30px;}
    
    .livescore_bar{margin-bottom: 5px; padding-right: 0; overflow-x: hidden; position: relative; top: 0;}
    .livescore_bar *{white-space: nowrap;}
    
        .livescore_bar:after{position: absolute; content: ''; height: 40px; width: 60px; bottom: 0; right: 0; background: linear-gradient(270deg, rgba(236,237,236,1) 30%, rgba(236,237,236,0) 100%);}
    
    /* Hide scrollbar for Chrome, Safari and Opera */
    .sb-livescore-all-links-cnt::-webkit-scrollbar {
      display: none;
    }
    
    /* Hide scrollbar for IE, Edge and Firefox */
    .sb-livescore-all-links-cnt {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }
    
   

    .podcast-list-item-row{flex-direction: column;}
      .podcast-list-item-img, .podcast-list-item-info{width: 100%; margin: 0;}
      .podcast-list-item-info{padding: 10px 0;}
    
    .sb-livescore-all-links-cnt{display: flex; overflow-x: auto; padding: 10px 60px 10px 5px;}
        .sb-preferiti-btn-cnt{margin: 0 5px; border-right: 1px solid var(--primario); padding-right: 5px;}
        .sb-link-list-cnt{margin: 0;}
            .sb-link-list-tit{display: none;}
            .sb-link-list{display: flex;}
        .sb-preferiti-btn{padding: 0 5px 0 19px;} 
        .sb-preferiti-count{margin-left: 5px;} 
            
        .sb-link-list-item-btn{padding: 0 5px;}
            
    .sb-link-list-areas{display: none;}    
            
   .desktop-no.myIn{display: flex;}
   .mobile-no.myIn{display: none;}         
            
}

@media only screen and (max-width: 720px) {
    
    
    
    .user-tools-btn{display: block;}
    
    :root{ 
        --myInWidth: 95%;
        --fontmain: 13px;
    }
    .hamburger{display: block;}
    
    .main_container{grid-template-columns: auto;}
    
    .site_sidebar{padding: 0;}
    .classificaSB-cnt{padding: 10px;}
    aside .classifica-items, aside .classifica-cnt th, aside .classifica-cnt td{font-size: 14px;}
    aside .rank{max-width: 15px;}
    
    .site_logo{max-width: 180px;}
    
    .site_header{position: fixed; left: 0; right: 0; top: 0; z-index: 99;}
    .appContainer{padding-top: 100px;}
        
    .site_header_nav_in{position: fixed; left: -70%; top: 100px; bottom: 0; width: 70%; flex-direction: column; background: var(--primario); z-index: 51; justify-content: flex-start; padding: 0 20px; transition: all .4s ease-in-out;} 
        .site_header_nav_in.is-active{left: 0;}
    
    .registratiFormBtn{margin-left: 0; margin-top: 5px;}
    
    
    .mobile_sondaggio{padding: 0; grid-row-start: 1;}
    .sondaggio-cnt{margin-bottom: 5px;}
    .sondaggio-item-btns{flex-direction: row; flex-wrap: wrap;}
    .sondaggio-item-result, .sondaggio-item-btn{width: calc(50% - 10px); font-size: 11px;}
    .main_container_no_livescore .sondaggio-list-item{width: 100%;}
    
    .main_container_no_livescore .sondaggio-item-result, .main_container_no_livescore .sondaggio-item-btn{width: 100%; font-size: 14px;}
     .main_container_no_livescore .sondaggio-item-btns{flex-direction: row; flex-wrap: wrap; padding: 20px;}
     
       .main_container_no_livescore .sondaggio-item-header{padding: 20px;}
       .main_container_no_livescore .sondaggio-item-header h4{font-size: 18px;}
    
    
    ul.sport_menu{flex-direction: column;}
    ul.sport_menu{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #8E8E8E;}
    .sport_menu-item{display: none; padding-top: 10px;}
    .sport_menu-item-all-sports{display: block;}
    
   ul.cms_menu{justify-content: center;}
   .cms_menu-item{padding: 0 10px;} 
    
    .cms_menu{position: fixed; top: 60px; left: 0; right: 0; z-index: 9; background: var(--primario); justify-content: space-between; align-items: center; border-top: 1px solid #FFF; padding-top: 10px;}
    
    .openSportsSubMenu{display: none;}
    .sub_hide_for_width{display: block;}
    
    #sportsSubMenu{display: block; position: relative; column-count: auto; top: auto; right: auto; column-gap: 0;}
    
    .sport_menu-item a, .cms_menu-item a{margin: 0;}
    
    #tratto-selected{display: none;}
    
    .competitonItem{padding: 0.5em;}
    
    .eventInList{padding: 10px 5px;}
    .eventInListBar{grid-template-columns: auto; position: relative; margin: 0;}
    .eventInListInfoMin{grid-template-columns: 60px auto 40px; padding-right: 15px;}
    .eventFavToos{position: absolute; right: 0; top: 11px;}
    .eventTools{padding: 0 0 0 0; justify-content: space-around; border: none; margin: 0; max-height: 0; overflow: hidden; transition: all .2s ease-in-out;}
        .eventTools.active{max-height: 100%; padding: 10px 0 0 0;}
        
    .eventInList-time{font-size: 12px; margin: 0 5px 0 0;}
   
    .eventInListDetailsContainer{display: none;}
        .eventInListDetailsContainer.active{display: block;}
   
    .eventInList-participant-name, .eventInList-participant-goals{padding: 1px 0;}
    
    .eventInList-time div.data-evento-inlist{font-size: 10px;}
    
    .toolsBtn{padding: 8px 6px; width: 35px; transform: scale(1.0);}
    .toolsBtn svg{transform: scale(1.2);}
    
    .eventInListDetailsContainer-head{border-radius: 0; position: sticky; top: 0; z-index: 50;}
    .eventInListDetailsContainer{border-radius: 0 0 5px 5px;}
        
        .toolsBtn:first-child.active:before, .toolsBtn:last-child.active:after{display: none;}
        
    
    
    .site_header_tools_in{position: fixed; right: -70%; top: 98px; bottom: auto; width: 70%; flex-direction: column; background: var(--primario); z-index: 99; justify-content: flex-start; padding: 10px 20px 20px 20px; transition: all .4s ease-in-out; border-radius: 0 0 0 10px;}
        .site_header_tools_in form{flex-direction: column;}
        .site_header_tools_in input{margin: 10px 0; box-sizing: border-box; width: 100%;}
        
        .site_header_tools_in.active{right: 0;}
        
       
    .eventInListDetailsContainer-body{padding: 10px;} 
    .eventInListDetailsContainer-participant-name, .eventDetail-time-running{font-size: 14px;}
    .eventDetail-time-cnt{font-size: 12px;}
    .eventInfo-goals-cnt{font-size: 18px;}
    
    .eventInListDetailsContainer-participants{align-items: flex-start;}
    
    .info-item-resoconto{grid-template-columns: 30% auto;}
    
    
    .eventInListDetailsContainer::-webkit-scrollbar{display: none;}
    
    .h2h-competition-event-participant-name{font-size: 12px;}
    .h2h-competition-event-participant-numGoal{width: 30px;}
    
    
    .classifica-cnt th, .classifica-cnt td{font-size: 11px;}
    .form-item{width: 15px; margin: 0 1px; font-size: 10px;}
    .rank span{padding: 2px 4px;}
    
    .titoletti-blocchi{margin-top: 5px;}
    
    .team-dett-dettagli-item-competitions{flex-direction: column;}
    
    
    .video-correlati-cnt .video-list-item{width: 49%;}
    
    .eventInListBar.eventInListBar-basketball .eventInListInfoMin{grid-template-columns: 65px auto 60px;}
    .eventInList-participant-multi-scored .result{display: none;}
    .eventInList-participant-multi-scored .result:first-child{display: block;}
    
    
    .video-list-item{width: 100%; margin-bottom: 20px;}
    
    .blog-dett-contenuti{padding: 20px; flex-direction: column;}
    .blog-dett-mini-info{min-width: auto; justify-content: flex-start; align-items: center; margin-bottom: 5px;}
    
    .blog-dett-data{text-align: left; font-family: var(--exo); text-transform: capitalize; display: flex; align-items: center; gap: 2px;}
    .blog-dett-data-day{font-size: 13px; font-weight: bold; color: var(--blu);}
    .blog-dett-data-month{font-size: 13px; font-weight: bold; color: var(--blu); margin-top: 0;}
    .blog-dett-data-year{font-size: 13px; font-weight: bold; color: var(--blu);}
    
    .stat-box.half{width: 100%;}
    .stat-box.third{width: 100%;}
    
    .statsPage-items-over-items{flex-direction: column;}
    
    .site_footer .flex{flex-direction: column;}
    
        .footer_logo{margin-bottom: 10px;}
        .footer_info{text-align: center;}
        .menuFooter{justify-content: center;}
        
        
    .eventInListBar.eventInListBar-basketball .eventInListInfoMin,
    .eventInListBar-tennis .eventInListInfoMin,
    .eventInListBar-pallavolo .eventInListInfoMin,
    .eventInListBar-beachvolley .eventInListInfoMin{ grid-template-columns: 65px auto 50px; }    
    
    .outer-container{padding-bottom: 75px;}
    
    .podcast-detail-player-cnt{height: 320px;}
    
    #background{height: 100% !important; object-fit: cover;}

    /* .swiper-slide{width: 50% !important;} */
}



.podcast-list-item-info-titolo{margin: 5px 0;}

.podcast-detail-player-cnt{position: relative;}

.podcast-dett-info{margin: 20px;}

.audio_off_btn{width: 25px;}
.audio_on_btn{width: 20px;}

#background {
    height: auto;
    width: 100%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* z-index: -1; */
  }
  
  .outer-container {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
  }
  
  .player-container {
    position: absolute;
    height: auto;
    width: 80%;
    margin: auto;
    top: auto;
    left: 0;
    right: 0;
    bottom: 20px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 30px #00000030;
  }
  
  #thumbnail {
    height: auto;
    width: 100%;
    z-index: 3;
  }
  
  .box {
    width: 100%;
    background: #FFF;
    border: 1px solid var(--grigio);
    z-index: 4;
    display: grid;
    grid-template-colums: 35px 255px 35px;
    grid-template-rows: 80px 25px 25px;
    grid-template-areas:
      "one two two three"
      "four four four four"
      "five five five five";
    column-gap: 10px;
    border-radius: 10px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  
  
  .play-pause {
    grid-area: one;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fa-pause-circle {
    cursor: pointer;
    display: none;
  }
  
  #play,
  #prev-track,
  #next-track {
    cursor: pointer;
  }
  
  .track-info {
    grid-area: two;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 5%;
    font-size: 14px;
    line-height: 1.2;
    /* border: 1px solid red; */
  }
  
  #track-artist {
    color: var(--primario);
    font-family: var(--exo);
    font-weight: bold;
    font-size: 15px;
    text-shadow: 0 0 15px white;
  }
  
  #track-title {
    color: var(--blu);
    font-family: var(--exo);
    font-size: 12px;
  }
  
  .next-prev {
    grid-area: three;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* border: 1px solid red; */
  }
  
  .progress-bar {
    grid-area: four;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #progressBar {
    appearance: none;
    height: 5px;
    background: var(--grigio);
    width: 87.5%;
    outline: none;
    border-radius: 30px;
    padding: 3px 0;
  }
  
  #progressBar::-webkit-slider-thumb {
    appearance: none;
    height: 11px;
    width: 11px;
    outline: none;
    background: var(--blu);
    border-radius: 30px;
    cursor: pointer;
  }
  
  .track-time {
    grid-area: five;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 87.5%;
    margin: 0 auto;
    /* border: 1px solid red; */
  }
  
  #currentTime {
    font-family: var(--exo);
    font-size: 12px;
    color: var(--blu);
    font-weight: bold;
  }
  
  #durationTime {
    font-family: var(--exo);
    font-size: 12px;
    color: var(--blu);
    font-weight: bold;
  }