/* ********************************************************************** */
/* Counter / Countdown */
/* ********************************************************************** */
/**********************************************/
/* Color definitions
  Blue 1: rgb(22,65,148) #0E4194
  Blue 2: rgb(30,104,129) 
  Turquoise: rgb(56,181,176) #38B5B1
  Orange: rgb(245,164,0) #F69D25
  Brown: rgb(211,172,43) #D3AC2B
  Grey: rgb(90,90,90) #5A5A5A

  Green(2016): rgb(141,201,114) #8DC972

  Pink(2017): rgb(245,179,195), #F5B3C3;
  Blue(2017): rgb(77,160,216), #4DA0D8;
  Orange(2017): rgb(245,164,0), #F5A400;


  Blue (2018): rgb(22,65,148), #164194
  Orange (2018): rgb(245,164,0), #F5A400;
  Light Blue (2018): rgb(78,160,212) #4EA0D4
  Yellow (2018): rgb(235,188,0), #EBBC00
  Grey (2018): rgb(235,233,221), #EBE9DD
  Pink (2018): rgb(245,179,195), #F5B3C3;
  Turquoise: rgb(56,181,176) #38B5B1
 
  Pink(2021): rgb(245,121,119), #F57977;

*/




/* ********************************************************************** */
/* Counter/Countdown Box (all)
/* ********************************************************************** */
#content_box .counter_countdown_box{text-align:center; margin:0; padding:20px 10px 10px 10px;}
#content_box .counter_countdown_box span{ color:white;}
#content_box .counter_countdown_box .icon{font-size: 5em; color:rgba(255,255,255,0.3);}

#content_box .counter_countdown_box .nobreak{white-space: nowrap;}
#content_box .counter_countdown_box .number{font-size:4em; font-weight: bold;}
#content_box .counter_countdown_box .text{ font-size:1.3em;}

/*For more than 100*/
#content_box .counter_countdown_box.participants_counter_box  .number {font-size: 4em; margin: 15px 0 0 0;}





/* ********************************************************************** */
/* Participants Counter
/* ********************************************************************** */
#content_box .participants_counter_box{display:block; border:1px solid rgb(78,160,212); background-color:rgb(78,160,212);}
#content_box .participants_counter_box:hover{background-color:white;}
#content_box .participants_counter_box:hover *{color:rgb(78,160,212);}
#content_box .participants_counter_box .all_text{display:inline-block;}
#content_box .participants_counter_box .all_text .icon{float:left;}
#content_box .participants_counter_box .all_text .number{float:left; margin:25px 10px 0 10px;}
#content_box .participants_counter_box .all_text .text{margin:15px 0 0 3px; float:left; text-align:left;}
#content_box .participants_counter_box .all_text .text .sub_text{font-size: 0.7em;}




/* ********************************************************************** */
/* Participants Counter during week
/* ********************************************************************** */
#content_box .participants_counter_box_during_week{text-align:center; margin:-10px -10px -20px -10px;}
#content_box .participants_counter_box_during_week{
  background: url(../images/counter/banner_during_week_bg.jpg);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;

}


#content_box .participants_counter_box_during_week h1{font-size: 3em; margin:10px auto; color:rgb(22,65,148));}
#content_box .participants_counter_box_during_week h1 strong{color:rgb(22,65,148));}
#content_box .participants_counter_box_during_week p{}
#content_box .participants_counter_box_during_week .share{font-size: 1.8em; margin:10px auto;}

#content_box .participants_counter_box_during_week .counter *{ text-align:center; color:rgb(22,65,148));}
#content_box .participants_counter_box_during_week .counter a.number_link{display:inline-block; color:rgb(22,65,148)); font-weight: bold; font-size: 1.3em; border:1px solid white; margin:40px auto; border-radius:5px; padding: 10px; background-color:white; box-shadow: 0px 0px 20px 3px rgba(100,100,100,1);}
#content_box .participants_counter_box_during_week .counter a.number_link:hover{background-color:rgb(22,65,148)); }
#content_box .participants_counter_box_during_week .counter a.number_link:hover span{color:white;}

#content_box .participants_counter_box_during_week .counter .number{display:block; font-size: 4em; line-height:1em;}
#content_box .participants_counter_box_during_week .wish{font-size: 1.6em; }





/* ********************************************************************** */
/* Participants Counter during week
/* ********************************************************************** */
#content_box .participants_counter_box_after_week{text-align:center; margin:-10px -10px -20px -10px; padding: 20px 0; border:1px solid rgb(30,104,129); border-radius:3px;}
#content_box .participants_counter_box_after_week{
  background: url(../images/counter/banner_after_week_bg.jpg);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;

}


#content_box .participants_counter_box_after_week h1{font-size: 3em; margin:10px auto; color:rgb(22,65,148));}
#content_box .participants_counter_box_after_week h1 strong{color:rgb(22,65,148));}
#content_box .participants_counter_box_after_week p{}
#content_box .participants_counter_box_after_week .text{font-size: 1.8em; margin:10px auto; color:rgb(22,65,148));}

#content_box .participants_counter_box_after_week #counter_box{display:inline-block; margin:20px auto; width:auto;}

#content_box .participants_counter_box_after_week .counter {float:left;}
#content_box .participants_counter_box_after_week .counter *{ text-align:center;}
#content_box .participants_counter_box_after_week .counter a.number_link{ display:inline-block; width:320px; font-weight: bold; font-size: 1.3em; border-radius:3px; padding: 10px; box-shadow: 0px 0px 10px 3px rgba(200,200,200,1);}
#content_box .participants_counter_box_after_week .counter a.number_link:hover{}
#content_box .participants_counter_box_after_week .counter a.number_link:hover span{}

#content_box .participants_counter_box_after_week .counter a#emw_number_link{ color:rgb(22,65,148); background-color:white; margin-right:20px; border:1px solid rgb(22,65,148));;}
#content_box .participants_counter_box_after_week .counter a#emw_number_link:hover{background-color:rgb(22,65,148); color:white;}
#content_box .participants_counter_box_after_week .counter a#emw_number_link:hover span{}

#content_box .participants_counter_box_after_week .counter a#ma_number_link{ color:rgb(235,188,0); background-color:white; border:1px solid rgb(235,188,0);}
#content_box .participants_counter_box_after_week .counter a#ma_number_link:hover{background-color:rgb(235,188,0); color:white;}
#content_box .participants_counter_box_after_week .counter a#ma_number_link:hover span{}

#content_box .participants_counter_box_after_week .counter .number{display:block; font-size: 3.5em; line-height:1em;}







/* ********************************************************************** */
/* Countdown
/* ********************************************************************** */
#content_box .counter_countdown_box.countdown_box{padding: 0;}
#content_box .counter_countdown_box.countdown_box .all_text{display:inline-block; padding:0; }
#content_box .counter_countdown_box.countdown_box .all_text .icon{float:left; color:rgb(120,120,120);color:rgb(22,65,148);}
#content_box .counter_countdown_box.countdown_box .all_text .number{float:left; color:rgb(120,120,120); color:rgb(22,65,148);margin:27px 0 0 20px;}
#content_box .counter_countdown_box.countdown_box .all_text .text{float:left; text-align:left; color:rgb(120,120,120);color:rgb(22,65,148); margin:28px 0 0 10px;}



/* ********************************************************************** */
/* MOBILITYACTIONS Counter
/* ********************************************************************** */
#content_box .mobilityactions_counter_box{display:block; border:1px solid rgb(22,65,148); background-color:rgb(22,65,148);}
#content_box .mobilityactions_counter_box:hover{background-color:white;}
#content_box .mobilityactions_counter_box:hover *{color:rgb(22,65,148);}
#content_box .mobilityactions_counter_box .all_text{display:inline-block; padding:0;}
#content_box .mobilityactions_counter_box .all_text .icon{float:left;}
#content_box .mobilityactions_counter_box .all_text .number{float:left; margin:25px 10px 0 10px;}
#content_box .mobilityactions_counter_box .all_text .text{margin:15px 0 0 3px; float:left; text-align:left;}
#content_box .mobilityactions_counter_box .all_text .text .mobility_actions_text{font-size:0.9em;}
#content_box .mobilityactions_counter_box .all_text .text .mobility_action_sub_text{font-size:0.7em;}


















/**********************************************/
/* Media Queries 
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {          

  #content_box .participants_counter_box{}
  #content_box .participants_counter_box .all_text{}
  #content_box .participants_counter_box .all_text .icon{float:none;}
  #content_box .participants_counter_box .all_text .number{float:none;}
  #content_box .participants_counter_box .all_text .text{display:block; margin:0; float:none; text-align:center;}

  #content_box .countdown_box{}
  #content_box .countdown_box .all_text{margin-bottom:0;}
  #content_box .countdown_box .all_text .icon{float:none;}
  #content_box .countdown_box .all_text .number{float:none;}
  #content_box .countdown_box .all_text .text{display:block; margin:0 0 27px 0; float:none; text-align:center;}

  #content_box .mobilityactions_counter_box{}
  #content_box .mobilityactions_counter_box .all_text{}
  #content_box .mobilityactions_counter_box .all_text .icon{float:none;}
  #content_box .mobilityactions_counter_box .all_text .number{float:none;}
  #content_box .mobilityactions_counter_box .all_text .text{margin:0; float:none; text-align:center;}

}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {   

  #content_box .participants_counter_box{}
  #content_box .participants_counter_box .all_text{}
  #content_box .participants_counter_box .all_text .icon{float:none;}
  #content_box .participants_counter_box .all_text .number{float:none;}
  #content_box .participants_counter_box .all_text .text{display:block; margin:0; float:none; text-align:center;}

  #content_box .countdown_box{}
  #content_box .countdown_box .all_text{margin-bottom:0;}
  #content_box .countdown_box .all_text .icon{float:none;}
  #content_box .countdown_box .all_text .number{float:none;}
  #content_box .countdown_box .all_text .text{display:block; margin:0 0 27px 0; float:none; text-align:center;}

  #content_box .mobilityactions_counter_box{}
  #content_box .mobilityactions_counter_box .all_text{}
  #content_box .mobilityactions_counter_box .all_text .icon{float:none;}
  #content_box .mobilityactions_counter_box .all_text .number{float:none;}
  #content_box .mobilityactions_counter_box .all_text .text{margin:0; float:none; text-align:center;}
}
  
 

/* < 768  */
@media only screen and (max-width: 767px){


  #content_box .countdown_box{margin:0;}


} /* end of < 768  */