
body{
	background-color: #e2e6e8;
	color: #000;
	font-family: 'Rubik', sans-serif;
	
}

strong{
	/* font-family: 'Raleway', sans-serif;*/
    font-family: 'Playfair Display', serif;
	font-weight: 900;
}


h2, h3, h4{
	/* font-family: 'Raleway', sans-serif;*/
	font-weight: 700;
    font-family: 'Playfair Display', serif;

    
}

.nav-link{
	 font-family: 'Raleway', sans-serif;
	font-weight: 700;

}



h2{
	color: #005da6;
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 900;
}

h3{
	color: #4386c6;
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 900;
	
}

 @media (min-width: 992px) {
	.navbar-collapse{ /*flex-basis: 50% !important;*/ margin-right: 15%;}
}
 @media (max-width: 991px) {
	 .navbar-nav{
		 margin-top: 50px;
	 }
}

a{color: #2f2d7d;}

.ion-navicon{ color:#fff; font-size: 30px;}

.mb-3{ color:#fff;}

#clock{
	padding-top:20px;
	margin: auto;
	color: #fff;
}

#clock table{
	padding:50px;
	background-color: #4386c6;
	margin: auto;
	color: #fff;
	border: 1px solid #ccc;
	box-shadow: 2px 1px 1px 1px #ccc;
	background: linear-gradient(#4386c6, #005da6);
}

#clock td{
	vertical-align: top;
}

@media (min-width: 1024px) {
	.tnumber{ font-size: 40px; padding-top: 10px; padding-left: 20px; padding-right: 20px;width: 100px;}
	.tnumber-m{ font-size: 33px; padding-top: 10px; padding-left: 5px; padding-right: 5px; color: #9bb2ca; }
	.tnumber-t{ font-size: 12px; padding-top: 0px; padding-left: 5px; padding-right: 5px;padding-bottom: 20px;  color: #9bb2ca; }
}
@media (max-width: 1023px) {
	.tnumber{ font-size: 30px; padding-top: 10px; padding-left: 5px; padding-right: 5px;}
	.tnumber-m{ font-size:23px; padding-top: 10px; padding-left: 5px; padding-right: 5px; color: #9bb2ca; }
	.tnumber-t{ font-size: 12px; padding-top: 0px; padding-left: 5px; padding-right: 5px;padding-bottom: 20px;  color: #9bb2ca; }
}

	
 @media (max-width: 992px) {
	 
	 .pb_navbar .navbar-brand-logo{
   		position: absolute;
		width: 250px;
		top: -20px;
		left:5px;
	}
	 .max-with
	 {
		width: 100%;	
	 }
	 
	 .navbar-brand-logo-desk{
		 display: none;
	 }
	 
}


 @media (min-width: 992px) {
	 

	 
	 
	/*LOGO TOP*/
	 
	.pb_navbar .navbar-logo-top{
		position: absolute;
		top:-12px;
		right: 0px;
		z-index: 100;
		background-image: url(../images/header_logo.png);
		background-repeat: no-repeat;
		background-position: left;
		width: 130px;
		height: 65px;	
		-webkit-transition: .3s all ease-out;
     	-o-transition: .3s all ease-out;
     	transition: .3s all ease-out; 
		
	}
.pb_navbar.scrolled.awake .navbar-logo-top{
		top:-20px;
	}
}



.gradient {
  background-image:
    radial-gradient(
      circle 
		at 30% 20%,
      #ff8401 20%, #c33a00 50%,
		 #ff8401 20%, #c33a00 50%
    );
}


.nav-link{
	color: #000 !important;
}

.pb_footer{
	padding: 1em 0;
	background: #e89a3e;
	color: #fff;
}

 @media (min-width: 993px) {
	 
	.pb_navbar .navbar-brand-logo{
		position: absolute;
		z-index: 70;
		-webkit-transition: .3s all ease-out;
     	-o-transition: .3s all ease-out;
     	transition: .3s all ease-out; 
		width: 350px;
		top: -20px;
		
	
	}
	 
	 .pb_navbar.scrolled.awake .navbar-brand-logo{
   		position: absolute;
		z-index: 70;
		width: 190px;
		-webkit-transition: .3s all ease-out;
     	-o-transition: .3s all ease-out;
     	transition: .3s all ease-out; 
		 
	}
	 
	 
	 .navbar-brand-logo-mob{
		 display: none;
	 }
	 
	 

	.ml-auto {
		margin-left: 330px !important;
	}

	.nav-link {
		padding: 0px !important; 
	}

}


@media (min-width: 768px){

	#BtnTop {
		display: none; /* Hidden by default */
		position: fixed; /* Fixed/sticky position */
		bottom: 20px; /* Place the button at the bottom of the page */
		right: 30px; /* Place the button 30px from the right */
		z-index: 99; /* Make sure it does not overlap */
		border: none; /* Remove borders */
		outline: none; /* Remove outline */
		background-color: #005da6; /* Set a background color */
		color: #fff; /* Text color */
		cursor: pointer; /* Add a mouse pointer on hover */
		padding: 5px; /* Some padding */
		border-radius: 5px; /* Rounded corners */
		font-size: 30px; /* Increase font size */
		box-shadow: 2px 2px 20px 5px #fff;
		width: 50px;
	}

}	
@media (max-width: 767px){

	#BtnTop {
		display: none; /* Hidden by default */
		position: fixed; /* Fixed/sticky position */
		bottom: 0px; /* Place the button at the bottom of the page */
		right: 0px; /* Place the button 30px from the right */
		z-index: 99; /* Make sure it does not overlap */
		border: none; /* Remove borders */
		outline: none; /* Remove outline */
		background-color: #005da6; /* Set a background color */
		color: #fff; /* Text color */
		cursor: pointer; /* Add a mouse pointer on hover */
		padding-left: 20px; /* Some padding */
		padding-top: 10px; /* Some padding */
		border-radius: 50px 0px 0px 0px; /* Rounded corners */
		font-size: 30px; /* Increase font size */
		box-shadow: 2px 2px 20px 5px #000;
		width: 50px;
	}

}		
	
#BtnTop:hover {
    background-color: #fff; /* Add a dark-grey background on hover */
	color: #2f2d7d;
}


	



.hideme
{
    opacity:0;
}




/********/



.mouse-wrap, .scroll-wrap {
     position: absolute;
     bottom: 50px;
     z-index: 3;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
}
 .mouse-wrap.left, .scroll-wrap.left {
     left: 30px;
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
}
 .mouse {
     width: 30px;
     height: 50px;
     border-radius: 20px;
     border: 2px solid #212529;
     position: absolute;
     top: calc(50% - 30px);
     left: calc(50% - 20px);
}
 .mouse:before, .mouse:after {
     content: "";
     display: block;
     position: absolute;
}
/* Second */
 .m-1:before {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     top: 10px;
     left: calc(50% - 3px);
     background: #212529;
     -webkit-animation: m-1-ball 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
     animation: m-1-ball 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
 @-webkit-keyframes m-1-ball {
     0%, 65%, 100% {
         opacity: 0;
    }
     10%, 40% {
         opacity: 1;
    }
     0% {
         -webkit-transform: translateY(5px) scale(0.7);
         transform: translateY(5px) scale(0.7);
    }
     5% {
         -webkit-transform: scale(0.7);
         transform: scale(0.7);
    }
     15%, 100% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     45%, 65% {
         -webkit-transform: translateY(24px) scale(0.7);
         transform: translateY(24px) scale(0.7);
    }
}
 @keyframes m-1-ball {
     0%, 65%, 100% {
         opacity: 0;
    }
     10%, 40% {
         opacity: 1;
    }
     0% {
         -webkit-transform: translateY(5px) scale(0.7);
         transform: translateY(5px) scale(0.7);
    }
     5% {
         -webkit-transform: scale(0.7);
         transform: scale(0.7);
    }
     15%, 100% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     45%, 65% {
         -webkit-transform: translateY(24px) scale(0.7);
         transform: translateY(24px) scale(0.7);
    }
}
 .scroll-wrap {
     -webkit-transition: .3s all ease-out;
     -o-transition: .3s all ease-out;
     transition: .3s all ease-out;
     bottom: 50px;
     opacity: 1;
     visibility: visible;
}
 .scroll-wrap.sleep {
     bottom: 0;
     opacity: 0;
     visibility: hidden;
}
 .pb_navbar {
     top: 0;
     left: 0;
     z-index: 100;
     width: 100%;
     background-color: #4386c6;
     text-align: center;
     text-transform: uppercase;
     padding-top:15px;
     padding-bottom:25px;
}



/* MENU */

 .pb_navbar .navbar-toggler:active, .pb_navbar .navbar-toggler:focus {
     outline: none;
}
 .pb_navbar > .container {
     position: relative;
}
 .pb_navbar .navbar-toggler {
     border: none;
     color: #000;
     border-color: white;
     font-weight: bold !important;
     cursor: pointer;
     padding-right: 0;
}
 .pb_navbar .navbar-toggler i {
     font-size: 30px;
}
 .pb_navbar ul > li > a {
     color: #fff !important;
}
 .pb_navbar ul > li > a.active {
     color: #000 !important;
}
 .pb_navbar ul > li.cta-btn > a > span {
     padding: 10px;
     border: 1px solid rgba(255, 255, 255, 0.5);
}
 .pb_navbar .nav-link {
     padding-left: 1rem !important;
     padding-right: 1rem !important;
}


 @media (max-width: 1199px) {
     .pb_navbar .nav-link {
         padding-top: .5rem;
         padding-bottom: .5rem;
    }
}
 @media (max-width: 991px) {
     .pb_navbar .nav-link {
         padding-left: 0rem !important;
         padding-right: 0rem !important;
    }
}
 @media (max-width: 767px) {
     .pb_navbar .nav-link {
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
}
 @media (max-width: 991px) {
     .pb_navbar .navbar-nav {
        
         border-radius: 0px;
         padding-left: 1rem !important;
         padding-right: 1rem !important;
    }
}
 .pb_navbar.scrolled {
     position: fixed;
     right: 0;
     left: 0;
     top: 0;
     margin-top: -130px;
}
 @media (max-width: 991px) {
     .pb_navbar.scrolled .navbar-nav {
         background: none;
         border-radius: 0px;
         padding-left: 0rem !important;
         padding-right: 0rem !important;
    }
}
 @media (max-width: 767px) {
     .pb_navbar.scrolled .navbar-nav {
         background: none;
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
}
 .pb_navbar.scrolled .navbar-toggler {
     border: none;
     color: rgba(0, 0, 0, 0.5);
     border-color: rgba(0, 0, 0, 0.5);
     cursor: pointer;
     padding-right: 0;
}
 .pb_navbar.scrolled .nav-link {
     padding-top: .5rem;
     padding-bottom: .5rem;
}
 .pb_navbar.scrolled.awake {
     margin-top: 0px;
     -webkit-transition: .3s all ease-out;
     -o-transition: .3s all ease-out;
     transition: .3s all ease-out;
}
 .pb_navbar.scrolled.sleep {
     -webkit-transition: .3s all ease-out;
     -o-transition: .3s all ease-out;
     transition: .3s all ease-out;
}
 .pb_navbar.scrolled.pb_scrolled-light {
     background: #fff !important;
     -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);
}
 .pb_navbar.scrolled.pb_scrolled-light .navbar-brand {
     color: #1d82ff;
}
 @media (max-width: 991px) {
     .pb_navbar.scrolled.pb_scrolled-light .navbar-nav {
         background: none;
         border-radius: 0px;
         padding-left: 0rem !important;
         padding-right: 0rem !important;
    }
	 
	.pb_navbar ul li{
     	border-bottom: 1px solid #fff;
	} 
	 
}



 .pb_navbar.scrolled.pb_scrolled-light ul li a {
     color: #212529 !important;
}
 .pb_navbar.scrolled.pb_scrolled-light ul li a:hover, .pb_navbar.scrolled.pb_scrolled-light ul li a:active, .pb_navbar.scrolled.pb_scrolled-light ul li a:focus {
     color: #868e96 !important;
}
 .pb_navbar.scrolled.pb_scrolled-light ul li a.active {
     color: #1d82ff !important;
}
 .pb_navbar.scrolled.pb_scrolled-light ul li.cta-btn > a > span {
     border: none;
     background: #00CA4C;
}

/* AGGIUNTIVE */

	.tesseramento{
		 background-color: #005da6;
		 text-align: center; 
		 padding-top: 80px;
		 padding-bottom: 50px;
		 border-bottom:1px solid #fff;
		 color:#fff;
		 line-height: 40px;
		 font-size: 25px;
		
	}

	.tesseramento strong{
		color:#e89a3e;

	}
	.tesseramento p{
		margin-left: 10px;
		margin-right: 10px;
		font-weight: 100;
	}
	.tesseramento-line{
		border-bottom:10px solid #4386c6;
	}

	.tesseramento span{
	/* font-family: 'Raleway', sans-serif;*/
    font-family: 'Playfair Display', serif;
		font-weight: 900;
	
	}


@media (max-width: 1023px){

	
	.conteggio{
		text-align: center;
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

@media (min-width: 1024px){
	.conteggio{
		text-align: center;
		margin-top: 150px;
		margin-bottom: 100px;
	}
}


/*CSS PAGINA VINCITORI */


.vincitori{
	display: none; 
	position: fixed; 
	width: 100%; 
	height: 100%; 
	top: 0px; 
	left: 0px; 
	background-color:rgba(0, 0, 0, 0.6);
	z-index: 101;
	/*opacity:0.1;*/
	overflow-y: scroll;
}

.chiudi{
	color: #fff; 
	position: absolute; 
	right: 20px; 
	top:80px;
	text-align: center;
	vertical-align: middle;
	z-index: 102;
	display: none;
}

.lista-vincitori{
	margin: auto;
	color: #fff; 
	text-align: center;
}

.box-animazione{margin: auto; margin-top: 50px;}

.fotogramma{display: none; position: absolute}

@media (min-width: 768px){
	.ballon{
		width: 40%;
		min-height: 100%;
		position: absolute;
		z-index: 78;
		right: 40px;	
	}
	
	.ballon-img{
		position: absolute;
	}
	
	.ballon-text{
		position: absolute; 
		z-index: 100; 
		margin-left: 10%; 
		padding: 10%; 
		text-align: right;
		line-height: 1.5vw;
	}

	.ballon-text h4{
		font-size: 1.5vw;
		color: #005da6;
	}
	.ballon-text h4 strong{
		color:#e89a3e;
	}

	.animation-click{
		background-color: #005da6;
		padding: 0.5vw;
		margin: 0.5vw;
		margin-top: 2.5vw;
		border-radius: 0.8vw;
		font-size: 1.5vw;
		color:#fff;
	}
	
	.box-animazione-elements{margin: auto; position: relative;min-height: 750px;}
	
	

}

@media (max-width: 767px){
	
	.ballon{
		width: 60%;
		min-height: 100%;
		position: absolute;
		z-index: 78;
		right: 5px;	
	}
	
	
	.ballon-img{
		position: absolute;
	}
	
	.ballon-text{
		position: absolute; 
		z-index: 100; 
		margin-left: 10%; 
		padding: 8%; 
		text-align: right;
		line-height: 1.5vw;
	}

	.ballon-text h4{
		font-size: 3.0vw;
		color: #005da6;
		margin-bottom: 10.0vw;
	}
	.ballon-text h4 strong{
		color:#e89a3e;
	}

	.animation-click{
		background-color: #005da6;
		padding: 1.5vw;
		margin: 1.5vw;
		border-radius: 1.5vw;
		font-size: 3.0vw;
		color:#fff;
	}
	
	.box-animazione-elements{margin: auto; position: relative;min-height: 650px; margin-top: 50px;}
	
}

.animation-click:hover{
	background-color:#4386c6 ;
	color:#005da6;
}

/* CONFETTI / FESTONI*/

#confetti{
				position: absolute;
				left: 0;
				top: 0;
				height: 100%;
				width: 100%;
				z-index: 100;
				display: none;
			}

