@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

	@font-face {
		font-family: 'BTBrikRegular';
		src: url('https://s3.eu-south-1.amazonaws.com/aumentable-milan/v3-assets/campaigns/93/assets/fonts/BTBrikRegular.eot'); 
		src: url('https://s3.eu-south-1.amazonaws.com/aumentable-milan/v3-assets/campaigns/93/assets/fonts/BTBrikRegular.eot?#iefix') format('embedded-opentype'), 
			url('https://s3.eu-south-1.amazonaws.com/aumentable-milan/v3-assets/campaigns/93/assets/fonts/BTBrikRegular.woff2') format('woff2'), 
			url('https://s3.eu-south-1.amazonaws.com/aumentable-milan/v3-assets/campaigns/93/assets/fonts/BTBrikRegular.woff') format('woff'),   
			url('https://s3.eu-south-1.amazonaws.com/aumentable-milan/v3-assets/campaigns/93/assets/fonts/BTBrikRegular.otf') format('opentype'); 
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}

	body { background:url(https://s3.eu-south-1.amazonaws.com/aumentable-milan/v3-assets/campaigns/93/assets/images/bg.jpg) center center no-repeat; background-size:cover; font-family: "Roboto", sans-serif; }
	header { background:#F7D446; color:#000000 }
	nav a { color:#000; text-transform:uppercase; font-family:"BTBrikRegular"; }
	nav a:hover, nav a.active, nav a:focus {color:#8B72BD }

	input, select { font-family: "Roboto", sans-serif; weight:400; }

 
	main { background:url(https://s3.eu-south-1.amazonaws.com/aumentable-milan/v3-assets/campaigns/93/assets/images/ragnatela.png) top left no-repeat; display:flex; flex-grow:1;  }
	main > div { background:url(https://s3.eu-south-1.amazonaws.com/aumentable-milan/v3-assets/campaigns/93/assets/images/pallone.png) bottom left no-repeat; }
	main > div > div { background:url(https://s3.eu-south-1.amazonaws.com/aumentable-milan/v3-assets/campaigns/93/assets/images/cactus.png) bottom right no-repeat; }
	main > div > div > div { padding-bottom:2em; }

	h1 { font-size:2.125em; font-weight:400; text-transform:uppercase; font-family:"BTBrikRegular"; }
	.text-border {color:#fff; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}

	h2, .btn, h4, .n,h3,h5 {font-family:"BTBrikRegular"; }

	.guest .logged { display:none; }
	.logged .not-logged { display:none; }

	footer { background:#8B72BD; color:#fff; font-size:0.85em } 
	footer a { color:#fff; }
	.btn-primary { background:#8B72BD; color:#F5CAFF; border-color:#8B72BD; box-shadow:0px 4px 5px rgba(0,0,0,0.3);}
	.btn-primary:hover,.btn-primary:active,.btn-primary:focus { background:#F5CAFF; color:#8B72BD; border-color:#8B72BD;  }
	.n { font-size:5em; color:#8B72BD }
	h4 { color:#8B72BD; }

	#play_code input { text-align:center; }
	h1.win { background:url(https://aumentable-milan.s3.eu-south-1.amazonaws.com/v3-assets/campaigns/93/assets/images/w.png) center left no-repeat; background-size:contain; }
	.alert.alert-danger { color:#fff; background:#ED1A3B; border:0; }

.navbar-toggler:focus, .navbar-toggler { box-shadow:none !important; border:0 !important; }

@media only screen and (max-width: 1400px) {
        main { background-size:13% }
        main > div, main > div > div  { background-size:15% }
}


@media only screen and (max-width: 768px) {
	main { background-size:16% }
	main > div, main > div > div  { background-size:20% }
	#max-c h1,h1.home-title { font-size:1.25em; }
	h2{font-size:1.55em}
	
 	#max-c { border-radius: 2em;color: #F7D446;background: #243872; }
	header .navbar-nav { position: absolute; background: #F7D446; z-index: 100; right: 0;  padding-left: 3em; padding-right: 1em; }
	.n { font-size:4em; color:#8B72BD }
	h1.win { padding-top:3em !important; background-position:top center; background-size:auto 2.75em; }
}
.gigya-screen-dialog-top { background: #d6bfdd !important; }

.file-area {
  width: 100%;
  position: relative;
}

.file-area input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}

.file-area .file-dummy {
  width: 100%;
  padding: 30px;
  background: rgba(255,255,255,0.2);
  border: 2px dashed rgba(255,255,255,0.2);
  text-align: center;
  transition: background 0.3s ease-in-out;
}

.file-area .file-dummy .success {
  display: none;
}

.file-area:hover .file-dummy {
  background: rgba(255,255,255,0.1);
}

.file-area input[type="file"]:focus + .file-dummy {
  outline: 2px solid rgba(255,255,255,0.5);
  outline: -webkit-focus-ring-color auto 5px;
}

.file-area input[type="file"]:valid + .file-dummy {
  border-color: rgba(0,255,0,0.4);
  background-color: rgba(0,255,0,0.3);
}

.file-area input[type="file"]:valid + .file-dummy .success {
  display: inline-block;
}

.file-area input[type="file"]:valid + .file-dummy .default {
  display: none;
}

.gigya-layout-cell.three .gigya-label-text {
    white-space: nowrap;
}