/* RESET */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

ul, nav{
	list-style: none;
}

a,
a:focus,
a:active,
a:hover {
	text-decoration:none;
	outline:none;
	outline:0;
}

:focus, :active {
    outline: 0;
    border: 0;
}

::-moz-focus-inner {
    border:0;
}

input[type=text]::-ms-clear,
input[type=email]::-ms-clear,
input[type=number]::-ms-clear,
textarea::-ms-clear {
    display: none;
}

label.error,
.text-danger {
    display: none !important;
}

.flex-grow {
	flex: 1 1 auto !important;
}

/* FONTS */

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../webfonts/Gotham-Bold.woff2') format('woff2'),
         url('../webfonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Black';
    src: url('../webfonts/Gotham-Black.woff2') format('woff2'),
         url('../webfonts/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../webfonts/Gotham-Book.woff2') format('woff2'),
         url('../webfonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../webfonts/Gotham-Medium.woff2') format('woff2'),
         url('../webfonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('../webfonts/Gotham-Light.woff2') format('woff2'),
         url('../webfonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/* GENERIC */

body {
	background: #fff;
	font-family: 'Gotham-Book';
	color: #4A4A4A;
	font-size: 15px;
}

body.landing-page,
body.page-content {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

h1 {
	font-family: 'Gotham-Black';
	color: #fff;
	font-size: 28px;
	margin: 0;
}

a.cta {
	height: 50px;
	border-radius: 30px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	color: #fff;
	font-family: 'Gotham-Bold';
}

a.cta i {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #fff;
	background: rgba(0,0,0,0.2);
}

a:hover.cta i {
	background: rgba(0,0,0,0.3);
}

a.cta span {
	display: inline-block;
	padding: 0 35px 0 20px;
}

.container {
	width: 100%;
	padding: 0 15px;
}

/* HEADER */

header {
	width:100%;
	height: 50px;
	background: #FFFFFF;
	box-shadow: 0 10px 10px 0 rgba(0,0,0,0.10);
	position: fixed;
	z-index: 99;
}

.home header {
	position: fixed;
}

header .container {
	max-width: none;
}

header .content {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .logo {
	margin: 4px 0 0 0;
	display: inline-block;
}

header .logo img {
	height: 50px;
}

header .menu-mobile {
	font-size: 25px;
	color: #9B9B9B;
}

header .menu-mobile:hover {
	cursor: pointer;
	color: #004E9E;
}

header .close-menu-mobile {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	font-size: 25px;
	color: #9B9B9B;
	padding: 0 20px;
	border-bottom:1px solid #D8D8D8;
}

header .close-menu-mobile i:hover {
	cursor: pointer;
	color: #004E9E;
}

header nav {
	width: 210px;
	min-height: 100vh;
	position: fixed;
	z-index: 99;
	top:0;
	right:-65%;
	background: #FFFFFF;
	box-shadow: -10px 0 10px 0 rgba(0,0,0,0.10);
	transition: all .75s ease;
}

header nav.open {
	right:0;
}

header nav .primary ul {
	margin: 0;
}

header nav .primary li{
	width: 100%;
	display: inline-flex;
	align-items: center;
	padding: 0 20px;
	height: 50px;
	border-bottom:1px solid #D8D8D8;
}

header nav .primary li:last-child {
	border: none;
}

header nav .primary li a {
	font-size: 16px;
	color: #9B9B9B;
	font-family: 'Gotham-Bold';
}

header nav .primary li a:hover,
header nav .primary li a.active {
	color: #004E9E;
}

header nav .secondary {
	width: 100%;
	position: relative;
	z-index: 2;
}

header nav .cta-container {
	padding: 0 5px;
	background: #F7F7F7;
    position: relative;
    z-index: 2;
}

header nav .secondary a.cta-login {
	width: 100%;
	height: 50px;
	border-bottom-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #fff;
	font-family: 'Gotham-Bold';
	background: #91C13E;
	margin: 5px 0;
	position: relative;
	z-index: 1;
}

header nav .secondary a:hover.cta-login {
	background: #82ad38;
}

header nav .secondary a.cta-signup {
	width: 100%;
	height: 50px;
	border-bottom-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #fff;
	font-family: 'Gotham-Bold';
	background: #E20613;
	margin: 0 0 5px 0;
	position: relative;
	z-index: 2;
}

header nav .secondary a:hover.cta-signup {
	background: #cb0511;
}

header nav .secondary a.cta-login i,
header nav .secondary a.cta-signup i{
	width: 50px;
	height: 50px;
	border-bottom-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	background: rgba(0,0,0,0.2);
}

header nav .secondary a:hover.cta-login i,
header nav .secondary a:hover.cta-signup i{
	background: rgba(0,0,0,0.3);
}

header nav .secondary a.cta-login span {
	display: inline-block;
	padding: 0 45px 0 15px;
}

header nav .secondary a.cta-signup span {
	display: inline-block;
	padding: 0 30px 0 15px;
}

header nav .secondary .lang {
	width: 100%;
	display: inline-block;
	position: relative;
	z-index: 1;
	margin: 0;
}

header nav .secondary .lang .dropdown {
	display: none;
}

header nav .secondary .lang .dropdown .flag {
	max-width: 25px;
	margin: 0 10px 0 0;
}

header nav .secondary .lang .dropdown a.toggle {
	display: inline-flex;
	height: 40px;
	background: #EFEFEF;
	border-bottom-right-radius: 25px;
	align-items: center;
	padding: 0 20px 0 15px;
	color: #9B9B9B;
	font-size: 14px;
	font-family: 'Gotham-Bold';
	position: relative;
	z-index: 2;
}

header nav .secondary .lang .dropdown-menu {
	z-index: 1;
	min-width: inherit;
	width: 100%;
	border-radius: 0px;
	border: 1px solid #D8D8D8;
	top: -40px !important;
	padding: 38px 0 0 0;
}

header nav .secondary .lang .dropdown-item {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 20px 0 15px;
	color: #9B9B9B;
	font-size: 14px;
	font-family: 'Gotham-Bold';
}

header nav .secondary .lang .dropdown-item.active,
header nav .secondary .lang .dropdown-item:active,
header nav .secondary .lang .dropdown-item:focus,
header nav .secondary .lang .dropdown-item:hover {
	background: #91C13E;
	color: #fff;
}

header nav .secondary .lang ul {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 10px 0 0 0;
}

header nav .secondary .lang ul li {
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	padding: 0 20px;
	height: 50px;
	border-right:1px solid #D8D8D8;
}

header nav .secondary .lang ul li:last-child {
	border: none;
}

header nav .secondary .lang ul li a {
	font-size: 16px;
	color: #9B9B9B;
	font-family: 'Gotham-Bold';
}

header nav .secondary .lang ul li a:hover,
header nav .secondary .lang ul li a.active {
	color: #004E9E;
}

header nav .secondary .account .dropdown {
	display: none;
}

header nav .secondary .account .dropdown a.toggle {
	display: inline-flex;
	height: 40px;
	background: #91C13E;
	border-bottom-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	align-items: center;
	padding: 0 5px 0 20px;
	color: #FFF;
	font-size: 16px;
	font-family: 'Gotham-Bold';
	position: relative;
	z-index: 2;
}

header nav .secondary .account .dropdown a.toggle span {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

header nav .secondary .account .dropdown-menu {
	z-index: -1;
	min-width: inherit;
	width: auto;
	border-radius: 0px;
	border: 1px solid #D8D8D8;
	border-top-right-radius: 25px;
	top: -42px !important;
	padding: 40px 0 0 0;
}

header nav .secondary .account .dropdown-item {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 20px;
	color: #9B9B9B;
	font-size: 16px;
	font-family: 'Gotham-Bold';
}

header nav .secondary .account .dropdown-item.active,
header nav .secondary .account .dropdown-item:active,
header nav .secondary .account .dropdown-item:focus,
header nav .secondary .account .dropdown-item:hover {
	background: #91C13E;
	color: #fff;
}

header nav .secondary .account a.cta-account-mobile {
	display: inline-flex;
	width: 100%;
	height: 50px;
	background: #91C13E;
	border-bottom-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	align-items: center;
	padding: 0 20px;
	color: #FFF;
	font-size: 16px;
	font-family: 'Gotham-Bold';
	position: relative;
	z-index: 2;
	margin: 5px 0 0 0;
}

header nav .secondary .account a.cta-account-mobile span {
	width: 30px;
	height: 30px;
	position: absolute;
	top:10px;
	right:10px;
	border-radius: 50%;
	background: rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

header nav .secondary .infos-code ul {
	margin: 0;
}

header nav .secondary .infos-code ul li {
	width: 100%;
	height: 50px;
	position: relative;
	display: inline-flex;
	align-items: center;
	border-bottom: 1px solid #D8D8D8;
	padding: 0 15px;
	font-size: 14px; 
	color: #9B9B9B;
	font-family: 'Gotham-Bold';
}

header nav .secondary .infos-code ul li:last-child {
	border: none;
}

header nav .secondary .infos-code ul span {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #E20613;
	color: #FFF;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top:10px;
	right: 10px;
}

/* LANDING */

.landing {
	background: url(../img/bg-landing.jpg) no-repeat center center;
	background-size: cover;
	padding: 15px 0;
	display: flex;
}

.landing .content {
	position: relative;
	border-radius: 25px;
	background: #D5E9FA;
}

.landing .content .pattern {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	background-image: url(../img/pattern.png);
	opacity: 0.25;
}

.landing .content .inner {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding: 20px;
	text-align: center;
}

.landing .content h1{
	font-size: 30px;
	color: #004E9E;
	margin: 0 0 30px 0;
}

.landing .content p {
	font-size: 18px;
	color: #004E9E;
}

.landing .content .timer {
	max-width: 900px;
	margin: 30px auto 0 auto;
	background: #fff;
	padding: 15px 0;
}

/* HOME */

.home .introduction {
	width: 100%;
	background: url(../img/bg-stadium.jpg) no-repeat center center;
	background-size: cover;
	padding: 65px 0 15px 0;
	position: relative;
	overflow: hidden;
}

.home .block1-home {
	position: relative;
	z-index: 1;
}

.home .block2-home {
	position: relative;
	z-index: 3;
}

.home .pattern {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	background-image: url(../img/pattern.png);
}

.home .inner {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.home a.cta-box {
	font-size: 16px;
	color: #004E9E;
	font-family: 'Gotham-Bold';
	height: 45px;
	padding: 0 25px;
	display: inline-flex;
	align-items: center;
	background: #fff;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

.home a:hover.cta-box {
	background: #004E9E;
	color: #fff;
}

.home a.cta-box i {
	font-size: 18px;
	margin: 0 0 0 15px;
}

.home .box-green {
  	width: 100%;
	position: relative;
	background: #91C13E;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	padding: 20px 0 0 0;
	text-align: center;
	overflow: hidden;
}

.home .box-green .pattern {
	opacity: 0.15;
	background-position: bottom left;
}

.home .box-green h1 {
	line-height: 35px;
	padding: 0 20px;
}

.home .box-green a.cta {
	background: #E20613;
	margin: 25px 0;
}

.home .box-green a:hover.cta {
	background: #cb0511;
}

.home .box-green p {
	line-height: 20px;
	color: #fff;
	font-family: 'Gotham-Medium';
	margin: 0;
	padding: 0 20px;
}

.home .box-green p strong{
	font-family: 'Gotham-Bold';
}

.home .box-green .cta-box {
	float: right;
	margin: 25px 0 0 0;
}

.home .box-welcome {
  	width: 100%;
	position: relative;
	background: #FFF;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	padding: 20px 0;
	text-align: center;
	overflow: hidden;
}

.home .box-welcome .pattern {
	opacity: 0.20;
	background-image: url(../img/pattern-grey.png);
	background-position: bottom left;
}

.home .box-welcome h1 {
	color: #004E9E;
	font-size: 25px;
	line-height: 25px;
	padding: 0 20px;
}

.home .box-welcome h2 {
	font-family: 'Gotham-Black';
	color: #004E9E;
	font-size: 18px;
	line-height: 18px;
	padding: 0 20px;
	margin: 0 0 20px 0;
}

.home .box-welcome p {
	color: #004E9E;
	font-size: 16px;
	line-height: 22px;
	padding: 0 20px;
}

.home .box-welcome a.rules {
    color: #004E9E;
    text-decoration:underline;
}

.home .box-welcome p strong{
	font-family: 'Gotham-Bold';
}

.home .box-welcome p:last-child {
	margin: 0;
}

.home .box-welcome .cta-container {
	padding: 0 15px;
}

.home .box-welcome a.cta-account {
	background: #9B9B9B;
	font-size: 16px;
	margin: 20px 15px 0 15px;
}

.home .box-welcome a:hover.cta-account {
	background: #8b8b8b;
}

.home .box-welcome a.cta-code {
	background: #91C13E;
	font-size: 16px;
	margin: 20px 15px 0 15px;
}

.home .box-welcome a:hover.cta-code {
	background: #82ad38;
}

.home .box-welcome a.cta-account i,
.home .box-welcome a.cta-code i {
	font-size: 16px;
}

.home .box-welcome a.cta-account span,
.home .box-welcome a.cta-code span {
	padding: 0 30px 0 15px;
}

.home .box-blue {
	width: 100%;
	position: relative;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	margin: 15px 0 0 0;
	background: #D5E9FA;
	padding: 20px 0 0 0;
	overflow: hidden;
}

.home .box-blue .pattern {
	opacity: 0.25;
}

.home .box-blue .inner {
	max-width: 320px;
	margin: 0 auto;
	padding: 0 20px;
}

.home .box-blue .title {
	width: 100%;
	text-align: center;
}

.home .box-blue h2 {
	color: #004E9E;
	font-size: 35px;
	line-height: 35px;
	font-family: 'Gotham-Black';
	margin: 0;
}

.home .box-blue p {
	color: #004E9E;
	font-size: 15px;
	line-height: 20px;
	font-family: 'Gotham-Black';
	margin: 0;
}

.home .box-blue.caddy .visu {
	max-width: 100%;
}

.home .box-blue.tshirts .visu {
	max-width: 100%;
	padding: 0 20px;
	position: relative;
	z-index: 2;
}

.home .box-blue .logos {
	max-width: 140px;
	margin: 20px 0 -80px 0;
	float: right;
}

.home .box-blue .cta-box {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
}

.home .home-prono-logoff,
.home .home-prono-logged {
	width:100%;
	background: #D5E9FA;
	position: relative;
}

.home .home-prono-logoff .pattern,
.home .home-prono-logged .pattern{
	opacity: 0.25;
}

.home .home-prono-logoff h2,
.home .home-prono-logged h2{
	color: #004E9E;
	font-size: 38px;
	line-height: 40px;
	font-family: 'Gotham-Black';
	margin: 30px 0;
	text-align: center;
}

.home .home-prono-logoff .box-prono {
	width: 100%;
	max-width: 500px;
	background: #fff;
	padding: 30px 0 90px 0;
	text-align: center;
	position: relative;
	margin: 0 auto 70px auto;
}

.home .home-prono-logoff .box-prono .flag,
.home .home-prono-logged .box-prono .flag{
	max-width: 120px;
	position: absolute;
	pointer-events: none;
}

.home .home-prono-logoff .box-prono .flag-team1,
.home .home-prono-logged .box-prono .flag-team1 {
	top:-7px;
	left: -7px;
	transform: rotate(-90deg);
}

.home .home-prono-logoff .box-prono .flag-team2,
.home .home-prono-logged .box-prono .flag-team2 {
	top:-7px;
	right: -7px;
}

.home .home-prono-logoff .box-prono span.date-match,
.home .home-prono-logged .box-prono span.date-match {
	width: 100%;
	display: inline-block;
	font-size: 20px;
	color: #9B9B9B;
	font-family: 'Gotham-Light';
}

.home .home-prono-logoff .box-prono span.hour-match,
.home .home-prono-logged .box-prono span.hour-match {
	width: 100%;
	display: inline-block;
	font-size: 16px;
	color: #9B9B9B;
	font-family: 'Gotham-Light';
}

.home .home-prono-logoff .box-prono .teams {
	width: 100%;
	display: inline-block;
	font-size: 18px;
	color: #000;
	font-family: 'Gotham-Bold';
	margin: 25px 0;
}

.home .home-prono-logoff .box-prono a.cta {
	height: 40px;
	font-size: 16px;
	background: #91C13E;
}

.home .home-prono-logoff .box-prono a:hover.cta {
	background: #82ad38;
}

.home .home-prono-logoff .box-prono a.cta i{
	width: 40px;
	height: 40px;
	font-size: 16px;
}

.home .home-prono-logoff .box-prono .visu-bottom,
.home .home-prono-logged .box-prono .visu-bottom{
	max-width: 116%;
	position: absolute;
	left: -8%;
	bottom: -20px;
}

.home .home-prono-logged a.cta-allmatchs {
	background: #91C13E;
	margin: 0 0 30px 0;
}

.home .home-prono-logged a:hover.cta-allmatchs {
	background: #82ad38;
}


.home .home-prono-logged .box-prono {
	width: 100%;
	max-width: 500px;
	background: #fff;
	padding: 30px 0 90px 0;
	text-align: center;
	position: relative;
	margin: 0 auto 70px auto;
}

.box-prono .sep {
	width: 100%;
	height: 1px;
	background: rgba(216,216,216,0.5);
}

.box-prono .form-group {
	margin: 0;
}

.home .home-prono-logged .box-prono .match {
	width: 100%;
	border-top:1px solid rgba(216,216,216,0.5);
	border-bottom:1px solid rgba(216,216,216,0.5);
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	margin: 20px 0 0 0;
}

.box-prono .team-container {
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.box-prono .match .team1,
.box-prono .match .team2 {
	font-size: 16px;
	line-height: 18px;
	color: #000;
	font-family: 'Gotham-Bold';
}

.box-prono .match .sep {
	width: 100%;
	height: 15px;
	background: #fff;
}

.box-prono .subsidiary-container,
.box-prono .subsidiary2-container,
.box-prono .code-container{
	width: 100%;
	padding: 0 20px;
	margin: 20px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.box-prono .subsidiary2-container {
	display: none;
}

.box-prono .code-container{
	margin: 15px 0 20px 0;
	flex-direction: column;
	justify-content: flex-start;
	align-items:stretch;
}

.box-prono .code-container a.cta-add-code {
    height:30px;
	background: #c9c9c9;
	font-size: 14px;
	margin: 0;
}

.box-prono .code-container a:hover.cta-add-code {
	background: #9B9B9B;
}

.box-prono .code-container a.cta-add-code i {
    width:30px;
    height:30px;
	font-size: 13px;
}

.box-prono .code-container a.cta-add-code span {
	padding: 0 30px 0 15px;
}

.box-prono label{
	margin: 0 20px 0 0;
	font-size: 16px;
	line-height: 18px;
	color: #000;
	font-family: 'Gotham-Bold';
}

.box-prono .code-container label {
	margin: 0 0 10px 0;
	align-self: flex-start;
}

.box-prono input {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	width: 45px;
	height: 30px;
	border-radius:25px;
	border: 1px solid #D8D8D8;
	background: #FFF;
	text-align: center;
	margin: 0;
	font-size: 16px;
	font-family: 'Gotham-Medium';
	color: #000;
	overflow: hidden;
}

.box-prono input.subsidiary {
	width: 55px;
	margin: 0;
}

.box-prono input:focus{
	outline:none;
}

.box-prono input::-moz-placeholder {
  	color: #9B9B9B;
  	opacity: 1;
}

.box-prono input:-ms-input-placeholder {
  	color: #9B9B9B;
}

.box-prono input::-webkit-input-placeholder {
	color: #9B9B9B;
}

.box-prono .success input {
	border: 1px solid #91C13E;
	background: #91C13E;
	color: #FFF;
}

.box-prono .success input::-moz-placeholder {
  	color: #FFF;
  	opacity: 1;
}

.box-prono .success input:-ms-input-placeholder {
  	color: #FFF;
}

.box-prono .success input::-webkit-input-placeholder {
	color: #FFF;
}

.box-prono .error input {
	border: 1px solid #D8D8D8;
	background: #FFF;
	color: #9B9B9B;
}

.box-prono .error input::-moz-placeholder {
  	color: #9B9B9B;
  	opacity: 1;
}

.box-prono .error input:-ms-input-placeholder {
  	color: #9B9B9B;
}

.box-prono .error input::-webkit-input-placeholder {
	color: #9B9B9B;
}

.box-prono .selectric {
	border: 1px solid #D8D8D8;
  	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
  	background-color: #FFF;
  	position: relative;
}

.box-prono .selectric-focus .selectric {
	border-color: #D8D8D8;
}

.box-prono .selectric-hover .selectric {
	border: 1px solid #D8D8D8;
}

.box-prono form.isValidated .success .selectric-disabled .selectric {
	border: 1px solid #91C13E;
	background-color: #91C13E;
}

.box-prono .selectric-label {
	margin: 0;
	font-size: 15px;
	color: #9B9B9B;
	font-family: 'Gotham-Medium';
	width: 230px;
	height: 30px;
	line-height: 32px;
	text-align: left;
	padding: 0 30px 0 20px;
	display: flex;
    align-items: center;
}

.box-prono .selectric-open .selectric-label,
.box-prono .success .selectric-label {
	color:#000;
}

.box-prono form.isValidated .success .selectric-disabled .selectric-label {
	color: #FFF;
}

.box-prono .selectric-button {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #9B9B9B;
	text-align: center;
	border: none;
	padding: 0;
}

.box-prono .selectric-button::after {
	font-size: 16px;
	color: #FFFFFF;
	content: "\f063";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
	position: relative; 
}

.box-prono .selectric-open .selectric-button,
.box-prono .success .selectric-button{
	background: #91C13E;
}

.box-prono form.isValidated .success .selectric-disabled .selectric-button{
	background: rgba(0,0,0,0.2);
}

.box-prono form.isValidated .success .selectric-disabled .selectric-button::after {
	content: "\f00c";
}

.box-prono .selectric-items {
  	background: #fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border:none;
  	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
  	box-shadow: none;
  	font-size: 16px;
}

.box-prono .selectric-below .selectric-items {
  	top: 0;
	padding: 32px 0 0 0;
}

.box-prono .selectric-above .selectric-items {
  	bottom: 0;
	padding: 0 0 32px 0;
}

.box-prono .selectric-items li {
	width: 100%;
	height: 30px;
	line-height: 32px;
  	display: inline-flex;
  	padding: 0 20px;
	font-size: 15px;
  	color: #000;
	font-family: 'Gotham-Medium';
  	cursor: pointer;
	text-align: left;
	border-bottom: 1px solid #D8D8D8;
}

.box-prono .selectric-items li.disabled {
	opacity: 0.5;
}

.box-prono .selectric-items li:first-child {
	display: none;
}

.box-prono .selectric-items li.selected {
	color: #000;
}

.box-prono .selectric-items li.highlighted {
	background: #91C13E;
  	color: #fff;
}

.box-prono .selectric-items li:hover {
  	background: #91C13E;
  	color: #fff;
}

.box-prono .selectric-label .ico,
.box-prono .selectric-items li .ico {
  	display: inline-block;
  	margin: 0 8px 0 0;
	max-width: 18px;
	align-self: center;
}

.home .home-prono-logged .box-prono .submit-container {
	width: 100%;
	padding: 0 20px;
	position: relative;
	display: flex;
	justify-content: center;
}

.box-prono form button[type=submit] {
	width: 100%;
	max-width: 300px;
	height: 50px;
	border: 1px solid #D8D8D8;
	margin: 30px 0 0 0;
	background: #FFF;
	border-radius: 25px;
	display: inline-block;
	font-size: 16px;
	font-family: 'Gotham-Bold';
	position: relative;
	z-index: 2;
	transition: 1s;
	cursor: pointer;
}

.box-prono form button[type=submit] span.arrow {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #9B9B9B;
	color: #fff;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top:-1px;
	left: -1px;
	transition: 0.5s;
	z-index: 2;
}

.box-prono form button[type=submit] span.arrow::after {
	content: "\f061";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
	position: relative;
}

.box-prono form button[type=submit] span.text {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #9B9B9B;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 0 0 35px;
	transition: 0.5s;
	z-index: 1;
}

.box-prono form button[type=submit] span.text-valid {
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	color: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 35px 0 0;
	transition: 0.5s;
	z-index: 1;
}

.box-prono form button[type=submit]:disabled {
	opacity: 0.5;
	cursor:default;
}

.box-prono form.isValidated button[type=submit] {
	border: 1px solid #91C13E;
	background: #91C13E;
}

.box-prono form.isValidated button[type=submit]:disabled {
	opacity: 1;
	cursor:default;
}

.box-prono form.isValidated button[type=submit] span.arrow{
	left: 100%;
    margin-left: -49px;
	background: rgba(0,0,0,0.2);
}

.box-prono form.isValidated button[type=submit] span.text {
	display: none;
}

.box-prono form.isValidated button[type=submit] span.text-valid {
	display: inline-flex;
}

.box-prono form.isValidated button[type=submit] span.arrow::after {
	content: "\f00c";
}

.box-prono .accroche {
	width: 100%;
	top:100%;
	left: 0;
	position: absolute;
	z-index: 1;
	text-align: center;
	padding: 10px 0 0 0;
	color: #4A4A4A;
	font-size: 14px;
	font-family: 'Gotham-Medium';
}

.box-prono .accroche a{
	color: #4A4A4A;
	text-decoration: underline;
	font-family: 'Gotham-Bold';
}

.box-prono .accroche a:hover {
	color: #004E9E;
	text-decoration: underline;
}

/* PRONOSTICS */

.prono-page {
	width:100%;
	flex: 1 1 auto;
	background: #D5E9FA;
	position: relative;
	padding: 50px 0 30px 0;
}

.prono-page .pattern {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	background-image: url(../img/pattern.png);
	opacity: 0.25;
}

.prono-page .inner {
	width: 100%;
	position: relative;
	z-index: 2;
}

.prono-page h2{
	color: #004E9E;
	font-size: 38px;
	line-height: 40px;
	font-family: 'Gotham-Black';
	margin: 30px 0;
	text-align: center;
}

.prono-page .content {
	padding: 30px 0 0 0;
	background: #fff;
}

.prono-page .content p {
	width: 100%;
	padding: 0 30px;
	color: #004E9E;
}

.prono-page .content p strong {
	font-family: 'Gotham-Bold';
}

.prono-page .content a.rules {
    color: #004E9E;
    text-decoration:underline;
}

.prono-page .content .filters {
	width: 100%;
	margin: 30px 0 60px 0;
	padding: 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.prono-page .content .filters h3{
	color: #000;
	font-size: 18px;
	font-family: 'Gotham-Bold';
	margin: 0;
	display: none;
}

.filters .input-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.filters .input-group {
	width: 100%;
	max-width: 300px;
	margin: 0 0 20px 0;
	position: relative;
}

.filters .selectric-selectpicker-country {
	margin: 0 0 20px 0;
}

.prono-page .filters .form-control,
.account-page .filters .form-control{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	border:1px solid #D8D8D8;
	color: #000;
	font-size: 16px;
	font-family: 'Gotham-Bold';
	padding: 0 30px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.filters .form-control:focus{
	outline:none;
	box-shadow: none;
}

.filters .form-control::-moz-placeholder {
  	color: #9B9B9B;
  	opacity: 1;
}

.filters .form-control:-ms-input-placeholder {
  	color: #9B9B9B;
}

.filters .form-control::-webkit-input-placeholder {
	color: #9B9B9B;
}

.filters button[type=submit] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: none;
	background: #91C13E;
	position: absolute;
	z-index: 2;
	top:0;
	right:0;
	color: #fff;
	font-size: 22px;
}

.filters .selectric {
	border: 1px solid #D8D8D8;
  	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
  	background-color: #FFFF;
  	position: relative;
}

.filters .selectric {
	border-color: #D8D8D8;
}

.filters .selectric-hover .selectric {
	border-color: #D8D8D8;
}

.filters .selectric-label {
	margin: 0;
	font-size: 16px;
	color: #9B9B9B;
	font-family: 'Gotham-Bold';
	width: 100%;
	max-width: 300px;
	height: 50px;
	line-height: 52px;
	text-align: left;
	padding: 0 60px 0 20px;
	display: flex;
}

.filters .selectric-button {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #91C13E;
	text-align: center;
	border: none;
	padding: 0;
}

.filters .selectric-button::after {
	font-size: 22px;
	color: #FFFFFF;
	content: "\f063";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
	position: relative; 
}

.filters .selectric-open .selectric-button,
.filters .success .selectric-button{
	background: #91C13E;
}

.filters .selectric-label .ico,
.filters .selectric-items li .ico {
  	display: inline-block;
  	margin: 0 10px 0 0;
	max-width: 30px;
	align-self: center;
	border: 1px solid #D8D8D8;
}

.filters .selectric-items {
  	top: 0;
	padding: 52px 0 0 0;
  	background: #fff;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border:none;
  	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
  	box-shadow: none;
}

.filters .selectric-items li {
	width: 100%;
	height: 50px;
	line-height: 52px;
  	display: inline-flex;
  	padding: 0 20px;
	font-size: 16px;
  	color: #9B9B9B;
	font-family: 'Gotham-Bold';
  	cursor: pointer;
	text-align: left;
	border-bottom: 1px solid #D8D8D8;
}

.filters .selectric-items li.disabled {
	opacity: 0.5;
}

.filters .selectric-items li.selected {
	color: #000;
}

.filters .selectric-items li.highlighted {
	background: #91C13E;
  	color: #fff;
}

.filters .selectric-items li:hover {
  	background: #91C13E;
  	color: #fff;
}

.prono-page .content .box-prono {
	transition: 0.75s;
}

.prono-page .content .box-prono form{
	width: 100%;
	padding: 0 0 30px 0;
	margin: -30px 0 0 0;
}

.prono-page .content .box-prono:nth-child(odd) form {
	background: rgba(216,216,216,0.2);
	border-top-right-radius: 25px;
}

.prono-page .content .box-prono:nth-child(even) form {
	background: #fff;
	border-top-right-radius: 25px;
}

.prono-page .content .box-prono:last-child form {
	padding: 0;
}

.prono-page .content .box-prono .cta-collapse {
	width: 100%;
	display: flex;
	cursor: pointer;
}

.prono-page .content .box-prono .content-collasped {
	width: 100%;
	display: flex;
	flex-direction: column;
	height: 0;
	overflow: hidden;
}

.prono-page .content .box-prono.open .content-collasped {
	height: auto;
	overflow: inherit;
}

.prono-page .content .box-prono .infos {
	padding: 10px 15px;
	border-right: 1px solid rgba(216,216,216,0.5);
}

.prono-page .content .box-prono .infos .date {
	font-size: 16px;
  	color: #000;
	font-family: 'Gotham-Bold';
}

.prono-page .content .box-prono .infos .hour {
	font-size: 14px;
  	color: rgba(0,0,0,0.5);
	font-family: 'Gotham-Bold';
}

.prono-page .content .box-prono .infos .group {
	font-size: 12px;
  	color: #9B9B9B;
	font-family: 'Gotham-Medium';
}

.prono-page .content .box-prono .mob-infos {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 55px 0 15px;
	position: relative;
}

.prono-page .content .box-prono .mob-infos .team1,
.prono-page .content .box-prono .mob-infos .team2 {
	font-size: 14px;
	line-height: 16px;
	color: #000;
	font-family: 'Gotham-Bold';
}

.prono-page .content .box-prono .mob-infos .arrow {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.2);
	position: absolute;
	right:15px;
}

.prono-page .content .box-prono .mob-infos .arrow::after {
	font-size: 16px;
	color: #FFFFFF;
	content: "\f063";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
	position: relative; 
}

.prono-page .content .box-prono.open .mob-infos .arrow::after {
	content: "\f062";
}

.prono-page .content .box-prono .match {
	width: 100%;
	padding: 30px 15px 15px 15px;
	border-top: 1px solid rgba(216,216,216,0.5);
	border-bottom: 1px solid rgba(216,216,216,0.5);
}

.prono-page .content .box-prono .match .team {
	display: flex;
	margin: 0 0 15px 0;
	align-items: center;
	justify-content: space-between;
}

.prono-page .content .box-prono .match .name {
	width: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	font-family: 'Gotham-Bold';
}

.prono-page .content .box-prono .match .flag {
	max-width: 40px;
	border: 1px solid #D8D8D8;
	margin: 0 15px 0 0;
}

.prono-page .content .box-prono input {
	margin: 0;
}

.prono-page .content .box-prono .questions {
	flex: 1;
	padding: 0;
}

.prono-page .content .box-prono .questions label{
	color: #004E9E;
	font-size: 14px;
}

.prono-page .content .box-prono .questions .subsidiary-container,
.prono-page .content .box-prono .questions .subsidiary2-container,
.prono-page .content .box-prono .questions .code-container{
	width: 100%;
	padding: 0 15px 30px 15px;
	margin: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(216,216,216,0.5);
}

.prono-page .content .box-prono .questions .subsidiary2-container {
	display: none;
}

.prono-page .content .box-prono .submit-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 15px 30px 15px;
	position: relative;
}

.prono-page .content .box-prono form button[type=submit] {
	margin: 0;
	font-size: 14px;
}

.prono-page .content .box-prono .accroche {
	position: relative;
	top:inherit;
	left: inherit;
}

/* TSHIRT */

.tshirt-page {
	width:100%;
	flex: 1 1 auto;
	background: url(../img/bg-stadium.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	padding: 50px 0 0 0;
	overflow: hidden;
}

.tshirt-page .visu-tshirt {
	width: 100%;
	flex: 1 1 auto;
	position: relative;
	margin: 0 0 -50% 0;
}

.tshirt-page .visu-tshirt img{
	width: 100%;
}

.tshirt-page .box {
	max-width: 640px;
	margin: 0 auto;
	padding: 15px 0;
}

.tshirt-page .box .content{
	width: 100%;
	background: #fff;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	padding: 20px;
}

.tshirt-page .box.question .content {
	padding: 20px 0;
}

.tshirt-page .box.thanks .content{
	border-bottom-right-radius: 0;
}

.tshirt-page .box h1 {
	color: #004E9E;
	font-size: 20px;
	margin: 0 0 20px 0;
}

.tshirt-page .box.question h1 {
	width:100%;
	padding: 0 20px;
}

.tshirt-page .box h1 span{
	font-size: 30px;
}

.tshirt-page .box p {
	color: #004E9E;
	font-size: 14px;
	line-height: 20px;
}

.tshirt-page .box p:last-child {
	margin: 0;
}

.tshirt-page .box p.tips {
	font-size: 10px;
	line-height: 14px;
}

.tshirt-page .box p strong{
	font-family: 'Gotham-Bold';
}

.tshirt-page .box a.cta {
	background: #91C13E;
	margin: 20px 0 0 0;
	font-size: 16px;
}

.tshirt-page .box a:hover.cta {
	background: #82ad38;
}

.tshirt-page .question-container {
	width: 100%;
	padding: 0 20px;
}

.tshirt-page label {
	margin: 0;
	font-size: 16px;
	line-height: 18px;
	color: #004E9E;
	font-family: 'Gotham-Bold';
}

.tshirt-page .question-container label {
	margin: 0 0 20px 0;
}

.tshirt-page .code-container label{
	margin: 0 0 10px 0;
}

.tshirt-page .radios {
	display: flex;
	flex-direction: column;
}

.tshirt-page .radios label {
	width:auto;
    display: block;
    cursor: pointer;
    line-height: 28px;
    float: left;
    margin: 0 0 5px 0;
    font-size:16px;
	color: #9B9B9B;
	font-family: 'Gotham-Bold';
	padding: 0 0 0 40px;
	position: relative;
}

.tshirt-page .label-radio.checked {
    color:#000;
}

.tshirt-page .error .radios .label-radio {
    color:#ed1a3b;
}

.tshirt-page .success .radios .label-radio {
    color:#000;
}

.tshirt-page .label-radio .radio_image {
	position: absolute;
	left: 0;
    width: 25px;
	height: 25px;
    background:url(../img/radio-button.png) no-repeat 0 0;
	background-size: 25px 50px;
}

.tshirt-page .label-radio.checked .radio_image {
    background-position: 0 -25px;
}

.tshirt-page .radios input {
	position: absolute;
    visibility: hidden;
}

.tshirt-page .code-container {
	width: 100%;
	padding: 30px 20px;
	border-top:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	margin: 20px 0;
	display: flex;
	flex-direction: column;
}

.tshirt-page .selectric {
	max-width: 300px;
	border: 1px solid #D8D8D8;
  	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
  	background-color: #FFF;
  	position: relative;
}

.tshirt-page .selectric-focus .selectric {
	border-color: #D8D8D8;
}

.tshirt-page .selectric-hover .selectric {
	border: 1px solid #D8D8D8;
}

.tshirt-page .selectric-label {
	margin: 0;
	font-size: 15px;
	color: #9B9B9B;
	font-family: 'Gotham-Medium';
	width: 230px;
	height: 30px;
	line-height: 32px;
	text-align: left;
	padding: 0 30px 0 20px;
	display: flex;
}

.tshirt-page .selectric-open .selectric-label,
.tshirt-page .success .selectric-label {
	color:#000;
}

.tshirt-page .error .selectric-label{
	color: #E20613;
}

.tshirt-page .selectric-button {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #9B9B9B;
	text-align: center;
	border: none;
	padding: 0;
}

.tshirt-page .selectric-button::after {
	font-size: 16px;
	color: #FFFFFF;
	content: "\f063";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
	position: relative; 
}

.tshirt-page .selectric-open .selectric-button,
.tshirt-page .success .selectric-button{
	background: #91C13E;
}

.tshirt-page .error .selectric-button{
	background: #E20613;
}

.tshirt-page .selectric-items {
  	background: #fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border:none;
  	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
  	box-shadow: none;
  	font-size: 16px;
}

.tshirt-page .selectric-below .selectric-items {
  	top: 0;
	padding: 32px 0 0 0;
}

.tshirt-page .selectric-above .selectric-items {
  	bottom: 0;
	padding: 0 0 32px 0;
}

.tshirt-page .selectric-items li {
	width: 100%;
	height: 30px;
	line-height: 32px;
  	display: inline-flex;
  	padding: 0 20px;
	font-size: 15px;
  	color: #000;
	font-family: 'Gotham-Medium';
  	cursor: pointer;
	text-align: left;
	border-bottom: 1px solid #D8D8D8;
}

.tshirt-page .selectric-items li.disabled {
	opacity: 0.5;
}

.tshirt-page .selectric-items li:first-child {
	display: none;
}

.tshirt-page .selectric-items li.selected {
	color: #000;
}

.tshirt-page .selectric-items li.highlighted {
	background: #91C13E;
  	color: #fff;
}

.tshirt-page .selectric-items li:hover {
  	background: #91C13E;
  	color: #fff;
}

.tshirt-page .selectric-label .ico,
.tshirt-page .selectric-items li .ico {
  	display: inline-block;
  	margin: 0 8px 0 0;
	max-width: 18px;
	align-self: center;
}

.tshirt-page .submit-container {
	padding: 0 20px;
}

.tshirt-page button[type=submit] {
	background: #91C13E;
	border: none;
	height: 50px;
	line-height: 50px;
	border-radius: 30px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #fff;
	font-family: 'Gotham-Bold';
}

.tshirt-page button[type=submit]:hover {
	background: #82ad38;
}

.tshirt-page button[type=submit] i {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #fff;
	background: rgba(0,0,0,0.2);
}

.tshirt-page button[type=submit]:hover i{
	background: rgba(0,0,0,0.3);
}

.tshirt-page button[type=submit] span {
	display: inline-block;
	padding: 0 35px 0 20px;
}

.tshirt-page .box .content-prono{
	width: 100%;
	background: #D5E9FA;
	border-bottom-right-radius: 25px;
	padding: 20px 20px 0 20px;
	position: relative;
	display: flex;
}

.tshirt-page .box .content-prono p {
	margin: 0;
}

.tshirt-page .box .content-prono .pattern {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	background-image: url(../img/pattern.png);
	opacity: 0.25;
}

.tshirt-page .box .content-prono .inner {
	width: 100%;
	position: relative;
	z-index: 2;
}

.tshirt-page .box .content-prono a.cta {
	margin: 20px 0;
}

.tshirt-page .box .content-prono .visu {
	align-self: flex-end;
	display: none;
}

.tshirt-page .box .content-prono .visu img {
    width:100%;
}

/* ACCOUNT */

.account-page {
	width:100%;
	flex: 1 1 auto;
	background: #D5E9FA;
	position: relative;
	padding: 50px 0 30px 0;
}

.account-page .pattern {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	background-image: url(../img/pattern.png);
	opacity: 0.25;
}

.account-page .inner {
	width: 100%;
	position: relative;
	z-index: 2;
}

.account-page h2{
	color: #004E9E;
	font-size: 38px;
	line-height: 40px;
	font-family: 'Gotham-Black';
	margin: 30px 0;
	text-align: center;
}

.account-page p a{
	color: #004E9E;
    text-decoration:underline;
    font-family: 'Gotham-Bold';
}

.account-page .account-menu {
	width: 100%;
	position: relative;
}

.account-page .account-menu .account-menu-mob {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #FFF;
	font-family: 'Gotham-Black';
	padding: 0 20px;
	background: #91C13E;
	position: relative;
	cursor: pointer;
}

.account-page .account-menu .account-menu-mob i {
}

.account-page .account-menu .account-menu-mob:after {
	font-size: 25px;
	position: absolute;
	right: 20px;
	content: "\f0c9";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
}

.account-page .account-menu.open .account-menu-mob:after {
	content: "\f00d";
}

.account-page .account-menu ul {
	width: 100%;
	margin: 0;
	display: none;
	position: relative;
}

.account-page .account-menu.open ul {
	display: block;
}

.account-page .account-menu ul li a {
	width: 100%;
	height: 50px;
	display: inline-flex;
	align-items: center;
	padding: 0 20px;
	background: #fff;
	border-bottom: 1px solid #D8D8D8;
	font-family: 'Gotham-Black';
	font-size: 16px; 
	color: #004E9E;
}

.account-page .account-menu ul li:last-child a {
	border: none;
}

.account-page .account-menu ul li a.active,
.account-page .account-menu ul li a:active,
.account-page .account-menu ul li a:focus,
.account-page .account-menu ul li a:hover {
	background: #91C13E;
	color: #fff;
}

.account-page .content {
	background: #fff;
	padding: 20px;
}

.account-page .content h3{
	color: #004E9E;
	font-size: 20px;
	line-height: 25px;
	font-family: 'Gotham-Black';
	margin: 0 ;
}

.account-page .content h3.title-saved-codes {
	margin: 0 0 30px 0;
}

.account-page .content p.delete-account,
.account-page form p.no-code-received{
	margin:0 0 30px 0;
}

.account-page .content .sep {
	width: 100%;
	height: 1px;
	background: #D8D8D8;
	margin: 30px 0;
}

.account-page .code-validated-box {
	margin: 30px 0 0 0;
	border-top:1px solid #D8D8D8;
	padding: 30px 0 0 0;
	display: flex;
	flex-direction: column;
	text-align: center;
}

.account-page .code-validated-box .button {
	width: 100%;
	height: 50px;
	border-radius: 25px;
	border:1px solid #91C13E;
	background: #91C13E;
	color: #FFF;
	font-size: 18px;
	font-family: 'Gotham-Book';
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 30px 0 0;
}

.account-page .code-validated-box .button i {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: none;
	position: absolute;
	z-index: 2;
	top:0;
	right: 0;
	color: #fff;
	font-size: 22px;
	background: rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.account-page .code-validated-box .successMessage {
	color: #91C13E;
	font-size: 16px;
	font-family: 'Gotham-Book';
	margin: 20px 0 10px 0;
}

.account-page .dropdown-match,
.account-page .dropdown-cora,
.account-page .dropdown-delhaize {
    margin:20px 0 0 0;
    display:none;
}

.account-page .content .dropdown-match p,
.account-page .content .dropdown-cora p,
.account-page .content .dropdown-delhaize p {
    font-size:16px;
    margin:0 0 15px 0;
}

.account-page .content .codeForm label.error {
	display: block !important;
	color: #E20613;
	font-size: 16px;
	font-family: 'Gotham-Book';
	margin: 20px 0 0 0;
}

.account-page .content .codeForm .form-group {
	width: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.account-page .content .codeForm .input-group {
	width: 100%;
	margin: 0;
	position: relative;
}

.account-page .content .codeForm .errorMessage {
	flex: 1;
	margin: 0;
	align-self: center;
	display: flex;
	justify-content: center;
}

.account-page .content .codeForm .form-control {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	border:1px solid #D8D8D8;
	background: #fff;
	color: #9B9B9B;
	font-size: 16px;
	font-family: 'Gotham-Book';
	padding: 0 30px 0 0;
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.account-page .content .codeForm .form-control:focus{
	outline:none;
	box-shadow: none;
}

.account-page .content .codeForm .form-control::-moz-placeholder {
  	color: #9B9B9B;
  	opacity: 1;
}

.account-page .content .codeForm .form-control:-ms-input-placeholder {
  	color: #9B9B9B;
}

.account-page .content .codeForm .form-control::-webkit-input-placeholder {
	color: #9B9B9B;
}

.account-page .content .codeForm .error .form-control {
	border: 1px solid #E20613;
	background: #FFF;
	color: #E20613;
}

.account-page .content .codeForm .error .form-control::-moz-placeholder {
  	color: #E20613;
  	opacity: 1;
}

.account-page .content .codeForm .error .form-control:-ms-input-placeholder {
  	color: #E20613;
}

.account-page .content .codeForm .error .form-control::-webkit-input-placeholder {
	color: #E20613;
}

.account-page .content .codeForm .success .form-control {
	border: 1px solid #D8D8D8;
	background: #FFF;
	color: #9B9B9B;
}

.account-page .content .codeForm .success .form-control::-moz-placeholder {
  	color: #9B9B9B;
  	opacity: 1;
}

.account-page .content .codeForm .success .form-control:-ms-input-placeholder {
  	color: #9B9B9B;
}

.account-page .content .codeForm .success .form-control::-webkit-input-placeholder {
	color: #9B9B9B;
}

.account-page .content .codeForm button[type=submit] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: none;
	background: #9B9B9B;
	position: absolute;
	z-index: 2;
	top:0;
	right: 0;
	color: #fff;
	font-size: 22px;
	display: flex;
	justify-content: center;
}

.account-page .content .codeForm button[type=submit]:hover {
	background: #82ad38;
}

.account-page .content .codeForm button[type=submit]::after {
	content: "\f067";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
}

.account-page .content .codeForm .error button[type=submit] {
	background: #E20613;
}

.account-page .content .codeForm .error button[type=submit]::after {
	content: "\f00d";
}

.account-page .content .codeForm .success button[type=submit] {
	background: #9B9B9B;
}

.account-page .content .codeForm .success button[type=submit]::after {
	content: "\f067";
}

.box-prono-saved {
	display: flex;
	flex-direction: column;
	margin: 0 0 20px 0;
}

.box-prono-saved.title,
.box-prono-saved:last-child {
	margin: 0;
}

.box-prono-saved img {
	max-width: 30px;
}

.box-prono-saved .infos {
	flex: 1;
	display: flex;
}

.box-prono-saved .infos > div {
	flex: 1;
	width: 33.33%;
}

.box-prono-saved .pronostic-statut,
.box-prono-saved .tshirt-statut,
.box-prono-saved .shop {
	border-right: 1px solid #D8D8D8;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.box-prono-saved .pronostic-statut:before {
	content: "Pronostics";
	font-size: 11px;
	color: #000;
	font-family: 'Gotham-Bold';	
	margin: 0 0 10px 0;
}

.box-prono-saved .tshirt-statut:before {
	content: "Tshirt";
	font-size: 11px;
	color: #000;
	font-family: 'Gotham-Bold';
	margin: 0 0 10px 0;
}

.box-prono-saved .shop:before {
	content: "Enseigne";
	font-size: 11px;
	color: #000;
	font-family: 'Gotham-Bold';	
	margin: 0 0 10px 0;
}

.box-prono-saved .shop {
	border: none;
}

.box-prono-saved:last-child .pronostic-statut,
.box-prono-saved:last-child .tshirt-statut,
.box-prono-saved:last-child .shop {
	padding: 0;
}

.box-prono-saved.title .code-validate,
.box-prono-saved.title .pronostic-statut,
.box-prono-saved.title .tshirt-statut,
.box-prono-saved.title .shop {
	display: none;
}

.box-prono-saved.title .pronostic-statut,
.box-prono-saved.title .tshirt-statut,
.box-prono-saved.title .shop {
	color: #000;
	font-size: 15px;
	font-family: 'Gotham-Bold';
}

.box-prono-saved .code-validate {
	width: 100%;
	padding: 0 0 20px 0;
	align-items: center;
}

.box-prono-saved .code-validate .button {
	width: 100%;
	height: 50px;
	border-radius: 25px;
	border:1px solid #D8D8D8;
	background: #D8D8D8;
	color: #9B9B9B;
	font-size: 18px;
	font-family: 'Gotham-Book';
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.box-prono-saved span.valid {
	font-size: 18px;
	color: #91C13E;
	display: inline-block;
}

.box-prono-saved span.notvalid {
	font-size: 18px;
	color: #E20613;
	display: inline-block;
}

/* ACOUNT FORM */

.account-page .subscribeForm,
.account-page .loginForm,
.account-page .lostPasswordForm, 
.account-page .resetPasswordForm {
	background: #fff;
	padding: 20px;
}

.account-page .loginForm {
	overflow:hidden;
	margin: 0 0 15px 0;
}

.account-page .subscribeForm h3,
.account-page .loginForm h3,
.account-page .lostPasswordForm h3, 
.account-page .resetPasswordForm h3 {
	color: #004E9E;
	font-size: 20px;
	line-height: 25px;
	font-family: 'Gotham-Black';
	margin: 0 0 20px 0;
}

.account-page form p {
	font-size: 18px;
	color: #004E9E;
	margin: 0 0 10px 0;
}

.account-page .content h3.with-margin {
	margin: 0 0 20px 0;
}

.account-page .content p {
	font-size: 18px;
	color: #004E9E;
	margin: 0 0 10px 0;
}

.account-page .content p strong{
	font-family: 'Gotham-Bold';
}

.account-page a.cta-signup {
	background: #E20613;
	border: none;
	height: 50px;
	border-radius: 25px;
	font-size: 16px;
	margin: 20px 0 0 0;
}

.account-page a:hover.cta-signup {
	background: #cb0511;
}

.account-page a.cta-signup i {
	width: 50px;
	height: 50px;
	font-size: 16px;
}

.account-page a.cta-signup span {
	display: inline-block;
	padding: 0 35px 0 20px;
}

.account-page .subscribeForm .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.account-page .subscribeForm .title p {
	color: #000;
	font-size: 16px;
	display: none;
}

.account-page .loginForm a {
	font-size: 16px;
	color: #004E9E;
	text-decoration: underline;
}

.account-page form .form-group {
	width:100%;
	margin: 0 0 20px 0;
}

.account-page form .form-group.no-margin {
	margin: 0;
}

.account-page .lostPasswordForm .form-group {
	width:100%;
	margin: 30px 0 0 0;
}

.account-page form .errorMessage {
	max-width: 650px;
	display: flex;
	align-self: flex-end;
	margin: -10px 0 20px 0;
}

.account-page form .errorMessage p{
	font-size: 16px;
	color: #9B9B9B;
	margin: 0;
}

.account-page form label.error {
	display: none !important;
	color: #E20613;
	font-size: 16px;
	font-family: 'Gotham-Book';
	margin: 0;
}

.account-page form label {
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #000;
	font-family: 'Gotham-Bold';
}

.account-page form .radios {
	display: flex;
	align-items: center;
	margin: 10px 0 0 0;
}

.account-page form .radios label {
	width:auto;
    display: block;
    cursor: pointer;
    line-height: 28px;
    float: left;
    margin: 0 20px 0 0;
    font-size:16px;
	color: #9B9B9B;
	font-family: 'Gotham-Book';
	padding: 0 0 0 40px;
	position: relative;
}

.account-page form .label-radio.checked {
    color:#000;
}

.account-page form .error .radios .label-radio {
    color:#ed1a3b;
}

.account-page form .success .radios .label-radio {
    color:#000;
}

.account-page form .label-radio .radio_image {
	position: absolute;
	left: 0;
    width: 25px;
	height: 25px;
    background:url(../img/radio-button.png) no-repeat 0 0;
	background-size: 25px 50px;
}

.account-page form .label-radio.checked .radio_image {
    background-position: 0 -25px;
}

.account-page form .radios input {
	position: absolute;
    visibility: hidden;
}

.account-page form .form-control {
	height: 50px;
	border: 1px solid #D8D8D8;
	border-radius: 0;
	color: #4A4A4A;
	font-family: 'Gotham-Book';
	font-size: 16px;
	padding: 0 20px;
}

.account-page form .form-control:disabled {
	border: 1px solid #D8D8D8;
	background: #D8D8D8;
	color: #9B9B9B;
}

.account-page form .form-control:focus{
	outline:none;
	box-shadow: none;
}

.account-page form .form-control::-moz-placeholder {
  	color: #9B9B9B;
  	opacity: 1;
}

.account-page form .form-control:-ms-input-placeholder {
  	color: #9B9B9B;
}

.account-page form .form-control::-webkit-input-placeholder {
	color: #9B9B9B;
}

.account-page form .input-container {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
}

.account-page form .input-container .toggle-password {
	font-size: 18px;
	position: absolute;
    top:16px;
	right:10px;
	color: #9B9B9B;
	align-self: center;
}

.account-page form .input-container .toggle-password:hover {
	cursor:pointer;
    color: #4A4A4A;
}

.account-page form .error .input-container .toggle-password {
	color: #E20613;
}

.account-page form .error .form-control {
	color: #E20613;
	border: 1px solid #E20613;
}

.account-page form .error .input-container::after {
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
	content: "\f057";
	font-size: 20px;
	position: absolute;
    top:12px;
	right:10px;
	color: #E20613;
	align-self: center;
}

.account-page form .error .input-container.password-field::after {
	display:none;
}

.account-page form .error .form-control::-moz-placeholder {
	color: #E20613;
  	opacity: 1;
}

.account-page form .error .form-control:-ms-input-placeholder {
	color: #E20613;
}

.account-page form .error .form-control::-webkit-input-placeholder {
	color: #E20613;
}

.account-page form .success .form-control {
	color: #4A4A4A;
	border: 1px solid #D8D8D8;
}

.account-page form .success .input-container::after {
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
	content: "\f058";
	font-size: 20px;
	position: absolute;
    top:12px;
	right:10px;
	color: #94c24a;
	align-self: center;
}

.account-page form .success .input-container.password-field::after {
	display:none;
}

.account-page form .success .form-control::-moz-placeholder {
	color: #9B9B9B;
  	opacity: 1;
}

.account-page form .success .form-control:-ms-input-placeholder {
	color: #9B9B9B;
}

.account-page form .success .form-control::-webkit-input-placeholder {
	color: #9B9B9B;
}

.account-page form .selectric {
	border: 1px solid #D8D8D8;
  	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
  	background-color: #FFF;
  	position: relative;
}

.account-page form .selectric {
	border-color: #D8D8D8;
}

.account-page form .selectric-hover .selectric {
	border-color: #D8D8D8;
}

.account-page form .error .selectric{
	border-color: #E20613;
}

.account-page form .selectric-disabled .selectric {
	border: 1px solid #D8D8D8;
	background-color: #D8D8D8;
}

.account-page form .selectric-label {
	margin: 0;
	font-size: 16px;
	color: #9B9B9B;
	font-family: 'Gotham-Book';
	width: 100%;
	max-width: 300px;
	height: 48px;
	line-height: 50px;
	text-align: left;
	padding: 0 60px 0 20px;
	display: flex;
}

.account-page form .dropdown-match .selectric,
.account-page form .dropdown-cora .selectric,
.account-page form .dropdown-delhaize .selectric {
	width: 100%;
}

.account-page form .dropdown-match .selectric-label,
.account-page form .dropdown-cora .selectric-label,
.account-page form .dropdown-delhaize .selectric-label {
	width: 100%;
    max-width:none;
}

.account-page form .error .selectric-label{
	color: #E20613;
}

.account-page form .selectric-disabled .selectric-label {
	color: #9B9B9B;
}

.account-page form .selectric-button {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #91C13E;
	text-align: center;
	border: none;
	padding: 0;
}

.account-page form .selectric-disabled .selectric-button {
	background: #9B9B9B;
}

.account-page form .selectric-button::after {
	font-size: 22px;
	color: #FFFFFF;
	content: "\f063";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
	position: relative; 
}

.account-page form .selectric-open .selectric-button,
.account-page form .success .selectric-button{
	background: #91C13E;
}

.account-page form .error .selectric-button{
	background: #E20613;
}

.account-page form .selectric-items {
  	top: 0;
	padding: 50px 0 0 0;
  	background: #fff;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border:none;
  	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
  	box-shadow: none;
}

.account-page form .selectric-items li {
	width: 100%;
	height: 48px;
	line-height: 50px;
  	display: inline-flex;
  	padding: 0 20px;
	font-size: 16px;
  	color: #9B9B9B;
	font-family: 'Gotham-Book';
  	cursor: pointer;
	text-align: left;
	border-bottom: 1px solid #D8D8D8;
}

.account-page form .selectric-items li.disabled {
	opacity: 0.5;
}

.account-page form .selectric-items li.selected {
	color: #000;
}

.account-page form .selectric-items li.highlighted {
	background: #91C13E;
  	color: #fff;
}

.account-page form .selectric-items li:hover {
  	background: #91C13E;
  	color: #fff;
}

.account-page form .sep {
	width: 100%;
	height: 1px;
	background: #D8D8D8;
	margin: 10px 0 40px 0;
}

.account-page .loginForm .sep {
	margin: 0 0 30px 0;
}

.account-page .lostPasswordForm .sep,
.account-page .resetPasswordForm .sep {
	background: #fff;
	margin:0 0 30px 0;
}

.account-page form p.shop-info {
	font-size: 16px;
	width: 100%;
	max-width: 650px;
	color: #004E9E;
	margin: 0 0 30px 0;
}

.account-page form input[type=checkbox] {
    width:25px;
    height:25px;
}

.ez-hide { 
	opacity:0; 
	filter:alpha(opacity=0);
}

.ez-checkbox {
    background: transparent url('../img/checkbox.jpg') 0 0 no-repeat;
    background-size:25px 50px;
    display:inline-block;
    float:left;
}

.ez-checked{ 
	background-position: 0 -25px;
}

.ez-checkbox { 
	zoom:1; 
	*display:inline;
	width:25px;
    height:25px;
    z-index:99;
    position:relative;
}

.account-page form label.checkbox {
	line-height:22px;
	padding-left: 15px;
	font-size:16px;
	color: #4A4A4A;
	font-family: 'Gotham-Book';
	display:inline-block;
	width:auto;
	text-transform:none;
	font-weight: normal;
	margin: 3px 0 0 0;
}

.account-page form .error label.checkbox {
	color: #E20613;
}

.account-page form .success label.checkbox {
	color: #4A4A4A;
}

.account-page form .checkbox-container {
    width:100%;
    overflow:hidden;
	display: flex;
	align-items: flex-start;
}

.account-page form .checkbox a {
    color:#4A4A4A;
	font-family: 'Gotham-Bold';
    text-decoration:underline;
}

.account-page form .error label.checkbox a{
	color: #E20613;
}

.account-page form .success label.checkbox a{
	color: #4A4A4A;
}

.account-page form .checkbox a:hover {
    color:#004E9E;
}

.account-page form .error label.checkbox a:hover {
    color:#DB0439;
}

.account-page form button[type=submit] {
	background: #91C13E;
	border: none;
	height: 50px;
	line-height: 50px;
	border-radius: 30px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #fff;
	font-family: 'Gotham-Bold';
    align-self: flex-start;
}

.account-page form button[type=submit]:hover {
	background: #82ad38;
}

.account-page form button[type=submit] i {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	background: rgba(0,0,0,0.2);
}

.account-page form button[type=submit]:hover i{
	background: rgba(0,0,0,0.3);
}

.account-page form button[type=submit] span {
	display: inline-block;
	padding: 0 35px 0 20px;
}

.account-page form .errorValidation {
	background: rgba(226,6,19,0.10);
	border: none;
	border-radius: 30px;
	display: inline-flex;
	align-items: center;
	text-align: center;
	font-size: 16px;
	color: #E20613;
	font-family: 'Gotham-Bold';
	padding: 15px 50px;
	margin: 20px 0 0 0;
    align-self: flex-start;
}

.account-page form .validation-summary-valid.errorValidation {
    display:none;
}

.account-page form .errorValidation ul{
    margin:0;
}

/* ACCOUNT PRONOSTICS */

.account-page .content-prono {
	background: #fff;
	padding: 20px 0 0 0;
}

.account-page .content-prono h3{
	width: 100%;
	padding: 0 20px;
	color: #004E9E;
	font-size: 20px;
	line-height: 25px;
	font-family: 'Gotham-Black';
	margin: 0 ;
}

.account-page .content-prono p{
	padding: 20px;
	color: #004E9E;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

.account-page .content-prono .filters {
	width: 100%;
	margin: 30px 0 60px 0;
	padding: 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.account-page .content-prono .filters h4{
	color: #000;
	font-size: 18px;
	font-family: 'Gotham-Bold';
	margin: 0;
	display: none;
}

.account-page .content-prono .box-prono {
	transition: 0.75s;
	position: relative;
}

.account-page .content-prono .box-prono .lost {
	width:100%;
	height: calc(100% - 30px);
	position: absolute;
	z-index: 3;
	top:0;
	left: 0;
	background: rgba(155,155,155,0.85);
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 30px;
	font-family: 'Gotham-Bold';
	padding: 0 30px;
	display: none;
}

.account-page .content-prono .box-prono .win {
	width:100%;
	height: calc(100% - 30px);
	position: absolute;
	z-index: 3;
	top:0;
	left: 0;
	background: rgba(145,193,62,0.9);
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	text-align: center;
	display: none;
}

.account-page .content-prono .box-prono .win h2{
	color: #fff;
	font-size: 30px;
	font-family: 'Gotham-Bold';
	margin: 0;
}

.account-page .content-prono .box-prono .win p {
    padding:0;
	margin: 0;
	color: #fff;
	font-size: 20px;
	font-family: 'Gotham-Bold';
}

.account-page .content-prono .box-prono.open .lost,
.account-page .content-prono .box-prono.open .win {
	display: flex;
} 

.account-page .content-prono .box-prono .table{
	width: 100%;
	padding: 0 0 30px 0;
	margin: -30px 0 0 0;
}

.account-page .content-prono .box-prono:last-child .table {
	padding: 0;
}

.account-page .content-prono .box-prono:nth-child(odd) .table {
	background: rgba(216,216,216,0.2);
	border-top-right-radius: 25px;
}

.account-page .content-prono .box-prono:nth-child(even) .table {
	background: #fff;
	border-top-right-radius: 25px;
}

.account-page .content-prono .box-prono .cta-collapse {
	width: 100%;
	display: flex;
	cursor: pointer;
}

.account-page .content-prono .box-prono .content-collasped {
	width: 100%;
	display: flex;
	flex-direction: column;
	height: 0;
	overflow: hidden;
}

.account-page .content-prono .box-prono.open .content-collasped {
	height: auto;
	overflow: inherit;
}

.account-page .content-prono .box-prono .infos {
	padding: 10px 15px;
	border-right: 1px solid rgba(216,216,216,0.5);
}

.account-page .content-prono .box-prono .infos .date {
	font-size: 16px;
  	color: #000;
	font-family: 'Gotham-Bold';
}

.account-page .content-prono .box-prono .infos .hour {
	font-size: 14px;
  	color: rgba(0,0,0,0.5);
	font-family: 'Gotham-Bold';
}

.account-page .content-prono .box-prono .infos .group {
	font-size: 12px;
  	color: #9B9B9B;
	font-family: 'Gotham-Medium';
}

.account-page .content-prono .box-prono .mob-infos {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 55px 0 15px;
	position: relative;
}

.account-page .content-prono .box-prono .mob-infos .team1,
.account-page .content-prono .box-prono .mob-infos .team2 {
	font-size: 14px;
	line-height: 16px;
	color: #000;
	font-family: 'Gotham-Bold';
}

.account-page .content-prono .box-prono .mob-infos .arrow {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.2);
	position: absolute;
	right:15px;
}

.account-page .content-prono .box-prono .mob-infos .arrow::after {
	font-size: 16px;
	color: #FFFFFF;
	content: "\f063";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: normal;
	position: relative; 
}

.account-page .content-prono .box-prono.open .mob-infos .arrow::after {
	content: "\f062";
}

.account-page .content-prono .box-prono .match {
	width: 100%;
	padding: 30px 15px 15px 15px;
	border-top: 1px solid rgba(216,216,216,0.5);
	border-bottom: 1px solid rgba(216,216,216,0.5);
}

.account-page .content-prono .box-prono .match .team {
	display: flex;
	margin: 0 0 15px 0;
	align-items: center;
	justify-content: space-between;
}

.account-page .content-prono .box-prono .match .team:last-child {
	margin: 0;
}

.account-page .content-prono .box-prono .match .name {
	width: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	font-family: 'Gotham-Bold';
}

.account-page .content-prono .box-prono .match .flag {
	max-width: 40px;
	border: 1px solid #D8D8D8;
	margin: 0 15px 0 0;
}

.box-prono .title{
	margin: 0 20px 0 0;
	font-size: 16px;
	line-height: 18px;
	color: #000;
	font-family: 'Gotham-Bold';
}

.account-page .content-prono .box-prono .match .score {
	width: 45px;
	height: 30px;
	border-radius:25px;
	background: #91C13E;
	margin: 0 10px;
	font-size: 16px;
	font-family: 'Gotham-Medium';
	color: #FFF;
	overflow: hidden;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.account-page .content-prono .box-prono .questions {
	flex: 1;
	padding: 0;
}

.account-page .content-prono .box-prono .questions .title{
	color: #004E9E;
	font-size: 14px;
}

.account-page .content-prono .box-prono .questions .answer {
	width: 55px;
	height: 30px;
	border-radius:25px;
	background: #91C13E;
	margin: 0 10px;
	font-size: 16px;
	font-family: 'Gotham-Medium';
	color: #FFF;
	overflow: hidden;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.account-page .content-prono .box-prono .questions .subsidiary-container,
.account-page .content-prono .box-prono .questions .code-container {
	width: 100%;
	padding: 0 15px 30px 15px;
	margin: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(216,216,216,0.5);
}

.account-page .content-prono .box-prono .code-container .code {
	height: 30px;
	border-radius:25px;
	background: #91C13E;
	margin: 0 10px;
	padding: 0 0 0 15px;
	font-size: 16px;
	font-family: 'Gotham-Medium';
	color: #FFF;
	overflow: hidden;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.account-page .content-prono .box-prono .code-container .code img {
	max-width: 20px;
	margin: 0 10px 0 0;
}

.account-page .content-prono .box-prono .code-container .code i {
	width:30px;
	height: 30px;
	border-radius: 50%;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 20px;
	background: rgba(0,0,0,0.2);
}

/* GIFTS */

.gifts-page {
	width:100%;
	flex: 1 1 auto;
	background: #D5E9FA;
	position: relative;
	padding: 50px 0 30px 0;
}

.gifts-page .pattern {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	background-image: url(../img/pattern.png);
	opacity: 0.25;
}

.gifts-page .inner {
	width: 100%;
	position: relative;
	z-index: 2;
}

.gifts-page h2{
	color: #004E9E;
	font-size: 38px;
	line-height: 40px;
	font-family: 'Gotham-Black';
	margin: 30px 0;
	text-align: center;
}

.gifts-page .content {
	padding: 20px;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top-left-radius:25px;
	border-bottom-right-radius:25px;
}

.gifts-page .content.tshirt {
	padding: 20px 20px 0 20px;
}

.gifts-page .visu-caddy,
.gifts-page .visu-tshirt img {
	max-width: 100%;
}

.gifts-page .content.tshirt {
	margin: 15px 0 0 0;
}

.gifts-page .content h3 {
	font-size: 35px;
	line-height: 40px;
	color: #004E9E;
	font-family: 'Gotham-Black';
	margin: 0 0 35px 0;
}

.gifts-page .content h3 span {
	font-size: 20px;
}

.gifts-page .content.tshirt .copy {
	padding: 20px 0;
}

.gifts-page .content p {
	font-size: 16px;
	color: #004E9E;
	margin: 0 0 10px 0;
}

.gifts-page .content p strong {
	font-family: 'Gotham-Bold';
}

.gifts-page a.cta {
	background: #91C13E;
	border: none;
	height: 50px;
	border-radius: 25px;
	font-size: 16px;
	margin: 20px 0 0 0;
}

.gifts-page a:hover.cta {
	background: #82ad38;
}

.gifts-page a.cta i {
	width: 50px;
	height: 50px;
	font-size: 16px;
}

.gifts-page a.cta span {
	display: inline-block;
	padding: 0 35px 0 20px;
}

.gifts-page a.cta-rules {
	font-size: 16px;
	color: #004E9E;
	text-decoration: underline;
	margin: 20px 0 0 0;
	display: inline-block;
}

/* CALENDAR */

.calendar-page {
	width:100%;
	flex: 1 1 auto;
	background: #D5E9FA;
	position: relative;
	padding: 50px 0 30px 0;
}

.calendar-page .pattern {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	background-image: url(../img/pattern.png);
	opacity: 0.25;
}

.calendar-page .inner {
	width: 100%;
	position: relative;
	z-index: 2;
}

.calendar-page h2{
	color: #004E9E;
	font-size: 38px;
	line-height: 40px;
	font-family: 'Gotham-Black';
	margin: 30px 0;
	text-align: center;
}

.calendar-page .content {
	padding: 20px 0 0 0;
	background: #fff;
    overflow:hidden;
}

.calendar-page .content h3 {
	font-size: 30px;
	line-height: 25px;
	color: #004E9E;
	font-family: Gotham-Book;
	margin: 0 0 30px 0;
    padding: 0 20px;
}

.calendar-page .content h3.with-margin {
    margin:30px 0;
}

.calendar-page .box-match {
    width:100%;
    border-bottom: 1px solid rgba(216,216,216,0.5);
}

.calendar-page .journey .box-match:nth-child(odd) {
	background: rgba(216,216,216,0.2);
}

.calendar-page .journey .box-match:nth-child(even) {
	background: #fff;
}

.calendar-page .box-match .infos {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    padding: 15px 20px 0 20px;
    border-right: 1px solid rgba(216,216,216,0.5);
}

.calendar-page .box-match .infos .hour {
	font-size: 16px;
  	color: #000;
	font-family: 'Gotham-Bold';
}

.calendar-page .box-match .infos .group {
	font-size: 16px;
  	color: #000;
	font-family: 'Gotham-Bold';
}

.calendar-page .box-match .infos .group::before {
    content:"-";
    position:relative;
    margin:0 5px;
}

.calendar-page .box-match .infos .stade,
.calendar-page .box-match .infos .city {
	font-size: 14px;
  	color: rgba(0,0,0,0.5);
	font-family: 'Gotham-Book';
    display:none;
}

.calendar-page .box-match .match {
    width:100%;
    padding: 15px 20px 20px 20px;
    display:flex;
    justify-content:space-between;
}

.calendar-page .box-match .team1,
.calendar-page .box-match .team2 {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.calendar-page .box-match .team1 span,
.calendar-page .box-match .team2 span {
    font-size: 14px;
    line-height:16px;
  	color: #000;
	font-family: 'Gotham-Bold';
    margin:0;
}

.calendar-page .box-match .team1 .flag,
.calendar-page .box-match .team2 .flag {
	max-width: 80px;
	border: 1px solid #D8D8D8;
    display:inline-block;
    margin:0 0 5px 0;
}

.calendar-page .box-match .match .sep {
    width:40px;
    text-align:center;
    color: rgba(0,0,0,0.5);
    font-family: 'Gotham-Bold';
    font-size:12px;
    margin:15px 0 0 0;
}

/* BOX RULES */

.box-rules {
    margin:30px 0 0 0;
}

.box-rules .visu {
    flex-grow:1;
    display:flex;
    justify-content:center;
}

.box-rules .visu img{
    width: 80%;
    max-width:150px;
    align-self:center;
}

.box-rules a.cta {
    align-self:center;
    height:40px;
    border-radius:20px;
	background: #91C13E;
	font-size: 16px;
	margin: 40px 0 0 0;
}

.box-rules a:hover.cta {
	background: #82ad38;
}

.box-rules a.cta i {
    width: 40px;
    height:40px;
	font-size: 16px;
}

.box-rules a.cta span {
	padding: 0 30px 0 15px;
}

/* STICKY MESSAGE */

.sticky-messages {
	width: 100%;
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 98;
	transition: all .75s ease;
	height: 0;
	overflow: hidden;
}

.sticky-messages.open {
	bottom: 0;
	height: auto;
}

.prono-page .sticky-messages {
	display: none;
}

.sticky-messages .sticky-prono {
	width: 100%;
	display: flex;
	padding: 50px 30px 0 30px;
}

.sticky-messages .sticky-prono .prono-message {
	flex: 1;
	position: relative;
	background: #91C13E;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
}

.sticky-messages .sticky-prono .prono-message .pattern {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	background-image: url(../img/pattern.png);
	opacity: 0.15;
}

.sticky-messages .sticky-prono .prono-message .inner {
	width: 100%;
	position: relative;
	z-index: 2;
	padding: 30px;
}

.sticky-messages .sticky-prono .prono-message .close-sticky {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	z-index: 3;
	top:-15px;
	left: -15px;
	color: #91C13E;
	font-size: 20px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	
}

.sticky-messages .sticky-prono .prono-message h1 {
	color:#fff;
	font-size: 20px;
	font-family: 'Gotham-Book';
	margin: 0 0 10px 0;
}

.sticky-messages .sticky-prono .prono-message p {
	color:#fff;
	font-size: 20px;
	line-height: 22px;
	font-family: 'Gotham-Medium';
	margin: 0;
}

.sticky-messages .sticky-prono .tshirt-message {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	position: relative;
	background: #D1E6F8;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
	padding: 30px 0 0 30px;
}

.sticky-messages .sticky-prono .tshirt-message .title {
	text-align: left;
	margin: 0 30px 30px 0;
}

.sticky-messages .sticky-prono .tshirt-message h1 {
	color: #004E9E;
	font-size: 35px;
	line-height: 30px;
	font-family: 'Gotham-Black';
	margin: 0;
}

.sticky-messages .sticky-prono .tshirt-message p {
	color: #004E9E;
	font-size: 21px;
	line-height: 24px;
	font-family: 'Gotham-Black';
	margin: 0;
}

.sticky-messages .sticky-prono .tshirt-message .visu {
	max-width: 180px;
	align-self: flex-start;
	position: absolute;
	top:-50px;
	left: -25px;
	display: none;
}

.sticky-messages .sticky-prono .tshirt-message a.cta-box {
	align-self: flex-end;
	font-size: 18px;
	color: #004E9E;
	font-family: 'Gotham-Bold';
	height: 50px;
	padding: 0 25px;
	display: inline-flex;
	align-items: center;
	background: #fff;
	border-top-left-radius: 25px;
	float: right;
}

.sticky-messages .sticky-prono .tshirt-message a:hover.cta-box {
	color: #FFF;
	background: #004E9E;
}

.sticky-messages .sticky-prono .tshirt-message a.cta-box i {
	font-size: 20px;
	margin: 0 0 0 15px;
}

/* FOOTER */

footer {
	position: relative;
	background: #FFFFFF;
	box-shadow: 0 -10px 10px 0 rgba(0,0,0,0.10);
}

footer .copyright {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	border-bottom: 1px solid #D8D8D8;
}

.landing-page footer .copyright {
	border: none;
}

footer .copyright p:last-child{
	margin: 0;
}

footer .logos {
	max-width: 220px;
	margin: 0 0 15px 0;
    align-self:flex-start;
}

.landing-page footer .logos {
	align-self: center;
}

footer .box-container {
	width: 100%;
}

footer .box {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	border-bottom: 1px solid #D8D8D8;
	padding: 20px 0;
	text-align: center;
}

footer .box:last-child {
	border: none;
}

footer ul {
	margin: 0;
}

footer .box h3 {
	color: #004E9E;
	font-size: 18px;
	font-family: 'Gotham-Bold';
	margin: 0 0 20px 0;
}

footer .box a {
	color: #4A4A4A;
}

footer .box a:hover {
	color: #004E9E;
}

footer .box a.cta-facebook,
footer .box a.cta-twitter,
footer .box a.cta-linkedin,
footer .box a.cta-whatsapp {
	width:40px;
	height: 40px;
	border-radius: 50%;
	margin: 0 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
}

footer .box a.cta-facebook {
	background: #547BBC;
}

footer .box a.cta-twitter {
	background: #78CBEF;
}

footer .box a.cta-linkedin {
	background: #9FCDE0;
}

footer .box a.cta-whatsapp {
	background: #53B162;
}

/* HELPER CLASSES */

.hidden {
    display: none !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* MEDIA QUERIES */

@media (min-width: 480px) {
	
	.box-prono .team-container {
		padding: 0 30px;
	}

	.box-prono .subsidiary-container,
	.box-prono .subsidiary2-container,
	.box-prono .code-container{
		padding: 0 30px;
		margin: 30px 0 0 0;
	}

	.box-prono .code-container{
		margin: 15px 0 30px 0;
	}
	
	.home .home-prono-logged .box-prono .submit-container {
		padding: 0 30px;
	}
	
	.prono-page .content .box-prono .infos {
		padding: 10px 20px;
	}

	.prono-page .content .box-prono .mob-infos {
		padding: 0 75px 0 20px;
	}
	
	.prono-page .content .box-prono .mob-infos .team1,
	.prono-page .content .box-prono .mob-infos .team2 {
		font-size: 16px;
		line-height: 18px;
	}

	.prono-page .content .box-prono .mob-infos .arrow {
		width: 45px;
		height: 45px;
		right:20px;
	}

	.prono-page .content .box-prono .mob-infos .arrow::after {
		font-size: 20px; 
	}
	
	.prono-page .content .box-prono .match {
		padding: 30px 20px 15px 20px;
	}
	
	.prono-page .content .box-prono .match .name {
		font-size: 16px;
		line-height: 18px;
	}
	
	.prono-page .content .box-prono .match .flag {
		max-width: 45px;
	}
	
	.prono-page .content .box-prono .questions label{
		font-size: 16px;
	}

	.prono-page .content .box-prono .questions .subsidiary-container,
	.prono-page .content .box-prono .questions .subsidiary2-container,
	.prono-page .content .box-prono .questions .code-container{
		padding: 0 20px 30px 20px;
	}

	.prono-page .content .box-prono .submit-container {
		flex: 1;
		padding: 0 20px 30px 20px;
		position: relative;
	}
	
	.prono-page .content .box-prono form button[type=submit] {
		font-size: 16px;
	}
	
	.tshirt-page .box .content{
		padding: 30px;
	}
	
	.tshirt-page .box.question .content {
		padding: 30px 0;
	}
	
	.tshirt-page .box.thanks .content{
		padding: 30px 30px 20px 30px;
	}

	.tshirt-page .box h1 {
		font-size: 30px;
		margin: 0 0 30px 0;
	}
	
	.tshirt-page .box.question h1 {
		padding: 0 30px;
	}

	.tshirt-page .box h1 span{
		font-size: 40px;
	}

    .tshirt-page .box h1.NL {
		font-size: 25px;
	}

	.tshirt-page .box h1.NL span{
		font-size: 35px;
	}

	.tshirt-page .box p {
		font-size: 16px;
		line-height: 22px;
	}

	.tshirt-page .box p.tips {
		font-size: 12px;
		line-height: 16px;
	}

	.tshirt-page .box a.cta {
		font-size: 18px;
		margin: 30px 0 0 0;
	}
	
	.tshirt-page .question-container {
		padding: 0 30px;
	}
	
	.tshirt-page .code-container {
		padding: 30px;
	}
	
	.tshirt-page .submit-container {
		padding: 0 30px;
	}

	.tshirt-page button[type=submit] {
		font-size: 18px;
	}
	
	.tshirt-page .question-container label {
		margin: 0 0 30px 0;
	}
	
	.tshirt-page .radios label {
		margin: 0 0 10px 0;
	}
	
	.tshirt-page .code-container {
		margin: 30px 0;
	}
	
	.tshirt-page .box .content-prono{
		padding: 30px 30px 0 30px;
	}

	.tshirt-page .box .content-prono a.cta {
		margin: 30px 0;
	}
	
	.account-page .content {
		padding:20px 30px;
	}

	.account-page .content h3{
		font-size: 25px;
		line-height: 30px;
	}

	.account-page .content h3.title-saved-codes {
		margin: 0 0 30px 0;
	}
	
	.account-page .account-menu .account-menu-mob {
		height: 60px;
		font-size: 18px;
		padding: 0 30px;
	}

	.account-page .account-menu .account-menu-mob i {
		font-size: 30px;
		right: 30px;
	}

	.account-page .account-menu ul li a {
		height: 60px;
		padding: 0 30px;
		font-size: 18px; 
	}

    .account-page .dropdown-match,
    .account-page .dropdown-cora,
    .account-page .dropdown-delhaize {
        margin:30px 0 0 0;
    }
	
	.account-page .subscribeForm,
	.account-page .loginForm,
	.account-page .lostPasswordForm,
	.account-page .resetPasswordForm {
		padding: 30px;
	}

	.account-page .subscribeForm h3,
	.account-page .loginForm h3,
	.account-page .lostPasswordForm h3,
	.account-page .resetPasswordForm h3 {
		font-size: 25px;
		line-height: 30px;
		margin: 0 0 30px 0;
	}
	
	.account-page .content h3.with-margin {
		font-size: 25px;
		line-height: 30px;
		margin: 0 0 30px 0;
	}

	.box-prono-saved .pronostic-statut:before,
	.box-prono-saved .tshirt-statut:before,
	.box-prono-saved .shop:before {
		font-size: 13px;
	}
	
	.account-page form button[type=submit],
	.account-page form button[type=submit] i,
	.account-page form .errorValidation {
		font-size: 18px;
	}
	
	.account-page a.cta-signup {
		font-size: 18px;
	}

	.account-page a.cta-signup i {
		font-size: 18px;
	}	
	
	.account-page .content-prono {
		padding: 30px 0 0 0;
	}

	.account-page .content h3{
		font-size: 25px;
		line-height: 30px;
		padding: 0 30px;
	}
	
	.account-page .content h3.with-margin,
    .account-page .content h3.no-padding{
		padding: 0;
	}
	
	.account-page .content-prono .box-prono .infos {
		padding: 10px 20px;
	}

	.account-page .content-prono .box-prono .mob-infos {
		padding: 0 75px 0 20px;
	}
	
	.account-page .content-prono .box-prono .mob-infos .team1,
	.account-page .content-prono .box-prono .mob-infos .team2 {
		font-size: 16px;
		line-height: 18px;
	}

	.account-page .content-prono .box-prono .mob-infos .arrow {
		width: 45px;
		height: 45px;
		right:20px;
	}

	.account-page .content-prono .box-prono .mob-infos .arrow::after {
		font-size: 20px; 
	}
	
	.account-page .content-prono .box-prono .match {
		padding: 30px 20px 15px 20px;
	}
	
	.account-page .content-prono .box-prono .match .name {
		font-size: 16px;
		line-height: 18px;
	}
	
	.account-page .content-prono .box-prono .match .flag {
		max-width: 45px;
	}
	
	.account-page .content-prono .box-prono .questions label{
		font-size: 16px;
	}

	.account-page .content-prono .box-prono .questions .subsidiary-container,
	.account-page .content-prono .box-prono .questions .code-container{
		padding: 0 20px 30px 20px;
	}
	
	.gifts-page .content {
		padding: 30px;
	}
	
	.gifts-page .content.tshirt {
		padding: 30px 30px 0 30px;
	}

	.gifts-page .content.tshirt .copy {
		padding: 30px 0;
	}

	.gifts-page .content p {
		font-size: 18px;
		color: #004E9E;
		margin: 0 0 10px 0;
	}
	
	.gifts-page a.cta {
		font-size: 18px;
	}

	.gifts-page a.cta i {
		font-size: 18px;
	}
	
	.gifts-page a.cta-rules {
		margin: 0 0 0 30px;
	}

    .calendar-page .content {
		padding: 30px 0 0 0;
	}

    .calendar-page .content h3{
		padding: 0 30px;
	}

    .calendar-page .box-match .infos {
        padding: 15px 30px 0 30px;
    }

    .calendar-page .box-match .match {
        padding: 15px 30px 30px 30px;
    }
	
}

@media (min-width: 768px) {
	
	body {
		font-size: 12px;
	}

	.container {
		max-width: none;
		padding: 0 30px;
	}

	header {
		height: 90px;
		position: relative;
	}
	
	.home header {
		position: absolute;
	}
	
	header .container {
		max-width:none;
	}
	
	header .content {
		align-items: flex-start;
	}
	
	header .logo {
		margin: 10px 0 0 0;
		width: 195px;
	}

	header .logo img {
		max-width: 100%;
		height: auto;
	}
	
	header .menu-mobile,
	header .close-menu-mobile {
		display: none;
	}
	
	header nav {
		width: 100%;
		min-height: inherit;
		position: relative;
		right: inherit;
		display: flex;
		background: none;
		box-shadow: none;
	}
	
	header nav .primary {
		margin:50px 0 0 0;
	}
	
	header nav .primary li{
		width: auto;
		padding: 0 20px;
		height: 30px;
		border-bottom: none;
		border-right:1px solid #D8D8D8;
	}
	
	header nav .secondary {
		width: auto;
		position: absolute;
		top: 0;
		right:0;
		display: flex;
		align-items: flex-start;
	}
	
	header nav .secondary .cta-container {
		background: none;
		padding: 0;
		display: flex;
		flex-direction: row;
	}
	
	header nav .secondary a.cta-login {
		width: auto;
		height: 40px;
		font-size: 14px;
		margin: 0;
	}
	
	header nav .secondary a.cta-signup {
		width: auto;
		height: 40px;
		font-size: 14px;
		margin: 0 0 0 -30px;
	}
	
	header nav .secondary a.cta-login i,
	header nav .secondary a.cta-signup i{
		width: 40px;
		height: 40px;
		font-size: 15px;
	}

	header nav .secondary .lang {
		width: auto;
		background: #EFEFEF;
		border-bottom-right-radius: 25px;
		padding: 0 0 0 50px;
		margin: 0 0 0 -50px;
	}
	
	header nav .secondary .lang.logged {
		width: auto;
		background: #EFEFEF;
		border-bottom-right-radius: 25px;
		padding: 0;
		margin: 0;
	}
	
	header nav .secondary .lang .dropdown {
		display: block;
	}
	
	header nav .secondary .lang ul {
		display: none;
	}
	
	header nav .secondary .account {
		border-bottom-left-radius: 25px;
		background: #F7F7F7;
	}
	
	header nav .secondary .account .dropdown {
		display: block;
	}
	
	header nav .secondary .account a.cta-account-mobile {
		display: none;
	}
	
	header nav .secondary .infos-code {
		height: 40px;
		background: #F7F7F7;
		padding: 5px 0;
	}
	header nav .secondary .infos-code ul li {
		width: auto;
		height: 30px;
		border-bottom: none;
		border-right: 1px solid #D8D8D8;
		padding: 0 10px;
		font-size: 12px;
	}

	header nav .secondary .infos-code ul span {
		position: relative;
		top: inherit;
		right: inherit;
		margin: 0 0 0 10px;
	}

    .landing {
	    padding: 30px;
    }

    .landing .content .inner {
	    padding: 30px;
    }

    .landing .content h1{
	    font-size: 50px;
    }

    .landing .content .timer {
	    padding: 30px;
    }
	
	.home .introduction {
		padding: 130px 0 40px 0;
	}
	
	.home .introduction .key-visual {
		width: 100%;
		height: 100%;
		top:0;
		left: -20px;
		background: url(../img/key-visual-home.png) no-repeat top center;
		background-size: cover;
		position: absolute;
		z-index: 2;
		pointer-events: none;
	}
	
	.home .introduction .key-visual.logged {
		display: none;
	}
	
	.home .box-welcome {
		padding: 30px 0;
	}
	
	.home .box-welcome h1 {
		font-size: 35px;
		line-height: 35px;
		padding: 0 40px;
	}

	.home .box-welcome h2 {
		font-size: 25px;
		line-height: 25px;
		padding: 0 40px;
		margin: 0 0 30px 0;
	}

	.home .box-welcome p {
		font-size: 18px;
		line-height: 24px;
		padding: 0 40px;
	}
	
	.home .box-green h1 {
		padding: 0 40px;
	}
	
	.home .box-green p {
		line-height: 18px;
		padding: 0 40px;
	}
	
	.home .box-blue {
		margin: 30px 0 0 0;
	}
	
	.home .box-blue .inner {
		max-width: none;
	}
	
	.home .box-blue.tshirts {
		display: flex;
	}
	
	.home .box-blue h2 {
		font-size: 38px;
		line-height: 35px;
	}

    .home .box-blue h2.NL {
		font-size: 30px;
		line-height: 30px;
	}

    .home .box-blue h2.DE {
		font-size: 30px;
		line-height: 30px;
	}

	.home .box-blue p {
		font-size: 16px;
		line-height: 20px;
	}

    .home .box-blue p.NL {
		font-size: 13px;
		line-height: 16px;
	}

    .home .box-blue p.DE {
		font-size: 13px;
		line-height: 16px;
	}
	
	.home .box-blue.caddy .visu {
		max-width: 270px;
	}

	.home .box-blue.tshirts .visu {
		max-width: 260px;
		position: absolute;
		left: 20px;
		bottom: 0;
		z-index: 2;
		padding: 0;
	}
	
	.home .home-prono-logged .box-prono .match {
		padding: 10px 0;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	
	.home .home-prono-logged .box-prono .team-container {
		padding: 0;
		justify-content: center;
	}
	
	.home .home-prono-logged .box-prono .team-container .score2 {
		order: 1;
	}
	
	.home .home-prono-logged .box-prono .team-container .team2 {
		order: 2;
	}
	
	.home .home-prono-logged .box-prono .match .team1,
	.home .home-prono-logged .box-prono .match .team2 {
		width: 200px;
	}
	
	.box-prono .match .team1 {
		text-align: right;
		margin: 0 10px 0 0;
	}

	.box-prono .match .team2 {
		text-align: left;
		margin: 0 0 0 10px;
	}

	.box-prono .match .sep {
		width: 1px;
		height: 50px;
		background: rgba(216,216,216,0.5);
		display: inline-flex;
		align-self: center;
	}
	
	.box-prono input {
		margin: 0 10px;
	}
	
	.box-prono .code-container{
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.box-prono .code-container label{
		margin: 0 20px 0 0;
		align-self: center;
	}
	
	.home .home-prono-logged .box-prono .submit-container {
		padding: 0 55px;
	}
	
	.prono-page {
		padding: 0 0 30px 0;
	}
	
	.prono-page .content .filters {
		margin: 30px 0;
		padding: 0 20px;
		justify-content: space-between;
	}

	.prono-page .content .filters h3{
		display: block;
	}

	.filters .input-container {
		flex-direction: row;
	}
	
	.filters .input-group {
		width: 280px;
		max-width: none;
		margin: 0 20px 0 0;
	}
	
	.filters .selectric-selectpicker-country {
		margin: 0 20px 0 0;
	}
	
	.filters .form-control {
		font-size: 14px;
		padding: 0 25px;
	}
	
	.filters .selectric-label {
		width: 280px;
		max-width: none;
		font-size: 14px;
	}
	
	.filters .selectric-items li {
		font-size: 14px;
	}
	
	.prono-page .content .box-prono form{
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		display: flex;
		justify-content: space-between;
		margin: 0;
		padding: 0;
	}
	
	.prono-page .content .box-prono:nth-child(odd) form {
		border-radius: 0;
	}

	.prono-page .content .box-prono:nth-child(even) form {
		border-radius: 0;
	}
	
	.prono-page .content .box-prono .cta-collapse {
		width: 15%;
		flex: 0 0 1;
		cursor: default;
	}

	.prono-page .content .box-prono .content-collasped {
		width: 85%;
		flex-direction: row;
		flex: 0 0 1;
		height: auto;
		overflow: inherit;
		border: none;
	}
	
	.prono-page .content .box-prono .infos {
		padding: 30px 20px;
	}
	
	.prono-page .content .box-prono .infos .group {
		margin: 5px 0 0 0;
	}
	
	.prono-page .content .box-prono .mob-infos {
		display: none;
	}
	
	.prono-page .content .box-prono .match {
		width: 40%;
		flex:1;
		padding: 30px 20px;
		border: none;
		border-right: 1px solid rgba(216,216,216,0.5);
	}
	
	.prono-page .content .box-prono .match .team {
		justify-content: flex-end;
		align-items: center;
	}

	.prono-page .content .box-prono .match .name {
		width: 140px;
		text-align: right;
		margin: 0 20px 0 0;
		order: 1;
	}

	.prono-page .content .box-prono .match .flag {
		margin: 0 15px 0 0;
		order: 2;
	}
	
	.prono-page .content .box-prono .match .form-group {
		order: 3;
	}
	
	.prono-page .content .box-prono .form-container {
		width: 60%;
	}
	
	.prono-page .content .box-prono .match .name {
		width: 120px;
		font-size: 14px;
		line-height: 16px;
		margin: 0 15px 0 0;
	}
	
	.prono-page .content .box-prono .match .flag {
		max-width: 40px;
		margin: 0 10px 0 0;
	}
	
	.prono-page .content .box-prono .questions {
		padding: 30px 20px;
	}
	
	.prono-page .content .box-prono .questions label{
		font-size: 14px;
	}
	
	.prono-page .content .box-prono .questions .subsidiary-container,
	.prono-page .content .box-prono .questions .subsidiary2-container,
	.prono-page .content .box-prono .questions .code-container{
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	.prono-page .content .box-prono .questions .code-container{
		margin: 15px 0 0 0;
	}
	
	.prono-page .content .box-prono .submit-container {
		display: flex;
		justify-content: center;
		padding: 0 20px 50px 20px;
	}
	
	.prono-page .content .box-prono form button[type=submit] {
		font-size: 14px;
	}
	
	.prono-page .sticky-messages {
		display: block;
	}
	.tshirt-page .box .content{
		padding: 30px 50px;
	}
	
	.tshirt-page .box.question .content{
		padding: 30px 0;
	}
	
	.tshirt-page .box.question h1{
		padding: 0 50px;
	}
	
	.tshirt-page {
		padding: 0;
		display: flex;
		align-items: center;
	}
	
	.tshirt-page .visu-tshirt {
		display: none;
	}
	
	.tshirt-page .box {
		padding: 30px 0;
	}
	
	.tshirt-page .question-container {
		padding: 0 50px;
	}
	
	.tshirt-page .code-container {
		padding: 30px 50px;
	}
	
	.tshirt-page .submit-container {
		padding: 0 50px;
	}
	
	.tshirt-page .radios {
		flex-direction: row;
		align-items: center;
	}

	.tshirt-page .radios label {
		margin: 0 40px 0 0;
	}
	
	.tshirt-page .code-container {
		margin: 40px 0;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	
	.tshirt-page .code-container label {
		margin: 0;
	}

	.tshirt-page .box .content-prono{
		padding: 0 50px;
	}
	
	.tshirt-page .box .content-prono .inner {
		max-width: 50%;
		margin: 0 20px 0 0;
	}
	
	.tshirt-page .box .content-prono .visu {
        width:40%;
		display: block;
	}

	.tshirt-page .box .content-prono a.cta {
		margin: 30px 0 0 0;
	}
	
	.account-page {
		padding: 0 0 30px 0;
	}
	
	.account-page .code-validated-box {
		text-align: left;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	
	.account-page .code-validated-box .button {
		width: 270px;
	}

	.account-page .code-validated-box .successMessage {
		margin: 0;
	}
	
	.account-page .content .codeForm label.error {
		margin: 0;
	}
	
	.account-page .content .codeForm .form-group {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.account-page .content .codeForm .input-group {
		width: 270px;
	}

    .account-page form .dropdown-match .selectric,
    .account-page form .dropdown-cora .selectric,
    .account-page form .dropdown-delhaize .selectric {
	    width: 270px;
    }
	
	.box-prono-saved {
		flex-direction: row;
		justify-content: space-between;
		margin: 0;
	}
	
	.box-prono-saved img {
		max-width: 50px;
	}
	
	.box-prono-saved.title .code-validate,
	.box-prono-saved.title .pronostic-statut,
	.box-prono-saved.title .tshirt-statut,
	.box-prono-saved.title .shop {
		display: inline-flex;
		border: none;
	}
	
	.box-prono-saved .code-validate {
		width: 300px;
		padding: 0 30px 20px 0;
		border-right: 1px solid #D8D8D8;
	}
	
	.box-prono-saved:last-child .code-validate {
		padding: 0 30px 0 0;
	}
	
	.box-prono-saved .pronostic-statut,
	.box-prono-saved .tshirt-statut,
	.box-prono-saved .shop {
		flex-direction: row;
		justify-content: center;
	}
	
	.box-prono-saved .shop {
		border-right: 1px solid #D8D8D8;
	}
	
	.box-prono-saved .pronostic-statut:before,
	.box-prono-saved .tshirt-statut:before,
	.box-prono-saved .shop:before {
		display: none;
	}
	
	.account-page .loginForm {
		margin: 0;
	}

	.account-page form .radios label {
		margin: 0 40px 0 0;
	}
	
	.account-page .subscribeForm .title p {
		display: block;
	}

	.account-page form .form-group {
		width:50%;
		margin: 0 0 30px 0;
	}
	
	.account-page .loginForm .form-group {
		width:100%;
		margin: 0 0 30px 0;
	}

	.account-page form .form-group.left {
		padding: 0 10px 0 0;
	}

	.account-page form .form-group.right {
		padding: 0 0 0 10px;
	}
	
	.account-page .loginForm .form-group.left,
	.account-page .loginForm .form-group.right {
		padding: 0;
	}

	.account-page form .errorMessage {
		margin: -20px 0 30px 0;
	}
	
	.account-page .subscribeForm .errorValidation {
		height: 50px;
		padding: 0 30px;
	}
	
	.account-page .subscribeForm .errorValidation:before {
		content: "\f06a";
		font-family: "Font Awesome\ 5 Pro";
		font-weight: normal;
		margin: 0 10px 0 0;
	}
	
	.account-page .content-prono .filters {
		margin: 30px 0;
		padding: 0 20px;
		justify-content: space-between;
	}
	
	.account-page .content-prono .filters h4 {
		display:block;
	}
	
	.account-page .content-prono .box-prono .lost,
	.account-page .content-prono .box-prono .win{
		height: calc(100% - 1px);
		display: flex;
		padding: 0 60px;
	}
	
	.account-page .content-prono .box-prono .table{
		display: flex;
		justify-content: space-between;
		margin: 0;
		padding: 0;
	}
	
	.account-page .content-prono .box-prono:nth-child(odd) .table {
		border-radius: 0;
	}

	.account-page .content-prono .box-prono:nth-child(even) .table {
		border-radius: 0;
	}
	
	.account-page .content-prono .box-prono .cta-collapse {
		width: 15%;
		flex: 0 0 1;
		cursor: default;
	}

	.account-page .content-prono .box-prono .content-collasped {
		width: 85%;
		flex-direction: row;
		flex: 0 0 1;
		height: auto;
		overflow: inherit;
		border: none;
	}
	
	.account-page .content-prono .box-prono .infos {
		padding: 30px 20px;
	}
	
	.account-page .content-prono .box-prono .infos .group {
		margin: 5px 0 0 0;
	}
	
	.account-page .content-prono .box-prono .mob-infos {
		display: none;
	}
	
	.account-page .content-prono .box-prono .match {
		width: 40%;
		flex:1;
		padding: 30px 20px;
		border: none;
		border-right: 1px solid rgba(216,216,216,0.5);
	}
	
	.account-page .content-prono .box-prono .match .team {
		justify-content: flex-end;
		align-items: center;
	}

	.account-page .content-prono .box-prono .match .name {
		width: 140px;
		text-align: right;
		margin: 0 20px 0 0;
		order: 1;
	}

	.account-page .content-prono .box-prono .match .flag {
		margin: 0 10px 0 0;
		order: 2;
	}
	
	.account-page .content-prono .box-prono .match .score {
		order: 3;
	}
	
	.account-page .content-prono .box-prono .form-container {
		width: 60%;
	}
	
	.account-page .content-prono .box-prono .questions {
		padding: 30px 20px;
	}
	
	.account-page .content-prono .box-prono .questions .title{
		font-size: 14px;
	}
	
	.account-page .content-prono .box-prono .questions .subsidiary-container,
	.account-page .content-prono .box-prono .questions .code-container{
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	.account-page .content-prono .box-prono .questions .code-container{
		margin: 15px 0 0 0;
	}
	
	.gifts-page {
		padding: 0 0 30px 0;
	}
	
	.gifts-page .visu-caddy,
	.gifts-page .visu-tshirt {
		display: none;
	}
	
	.gifts-page .content.tshirt {
		margin: 30px 0 0 0;
	}
	
	.gifts-page .content h3 {
		font-size: 45px;
		line-height: 40px;
		color: #004E9E;
		font-family: 'Gotham-Black';
		margin: 0 0 35px 0;
	}

	.gifts-page .content h3 span {
		font-size: 30px;
	}

    .calendar-page {
		padding: 0 0 30px 0;
	}

    .calendar-page .box-match .match {
        align-items:center;
    }

    .calendar-page .box-match .team1,
    .calendar-page .box-match .team2 {
        flex:1;
        display:flex;
        flex-direction:row;
        align-items:center;
        text-align:left;
    }

    .calendar-page .box-match .team1 {
        justify-content:flex-end;
    }

    .calendar-page .box-match .team1 span,
    .calendar-page .box-match .team2 span {
        font-size: 18px;
        line-height:22px;
    }

    .calendar-page .box-match .team1 span {
        text-align:right;
        margin:0 20px 0 0;
        order:1;
    }

    .calendar-page .box-match .team2 span {
        text-align:left;
        margin:0 0 0 20px;
    }

    .calendar-page .box-match .team1 .flag,
    .calendar-page .box-match .team2 .flag {
	    max-width: 80px;
        margin:0;
    }

    .calendar-page .box-match .team1 .flag {
        order:2;
    }

    .calendar-page .box-match .match .sep {
        width:50px;
        font-size:16px;
        margin:0;
    }
	
	footer {
		padding: 30px 0;
	}
	
	footer .inner {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	footer .copyright {
		width: 620px;
		max-width: none;
		text-align: left;
		border-bottom: none;
		border-right: 1px solid #D8D8D8;
		padding: 0;
	}

    .landing-page footer .copyright {
        width: 480px;
		text-align: center;
		border: none;
	}
	
	footer .box {
		width: 50%;
		max-width: none;
		float: left;
		border-bottom: none;
		border-right: 1px solid #D8D8D8;
		padding: 0 20px;
		margin: 0 0 20px 0;
		text-align: left;
	}

	footer .box:nth-child(2) {
		border: none;
	}

	footer .box:nth-child(3) {
		margin: 0;
	}

	footer .box:last-child {
		margin: 0;
		border: none;
	}
	
	footer .box h3 {
		font-size: 14px;
		margin: 0 0 15px 0;
	}
	
	footer .box a.cta-facebook,
	footer .box a.cta-twitter,
	footer .box a.cta-linkedin,
	footer .box a.cta-whatsapp {
		width:30px;
		height: 30px;
		margin: 0 5px 0 0;
		font-size: 14px;
	}
	
}

@media (min-width: 992px) {
	
	.container {
		max-width: 960px;
		padding: 0 15px;
	}
	
	header .container {
		max-width:960px;
	}

    .landing {
	    padding: 50px;
    }

    .landing .content .inner {
	    padding: 50px;
    }
	
	.home .introduction .key-visual {
		left: 0;
	}
	
	.home .introduction .key-visual.logged {
		display: block;
	}
	.home .box-blue .inner {
		padding: 0;
	}
	
	.home .box-blue .title {
		padding: 0 20px;
		text-align: right;
	}
	
	.home .box-blue.caddy .visu,
	.home .box-blue.tshirts .visu{
		max-width: none;
		max-height: 100%;
		position: absolute;
		z-index: 2;
		left: 20px;
		bottom:0;
	}
	
	.home .box-blue .logos {
		max-width: 170px;
		margin: 50px 20px 90px 0;
	}
	
	.home .home-prono-logoff h2,
	.home .home-prono-logged h2{
		margin: 50px 0;
	}
	
	.home .home-prono-logoff .box-prono {
		max-width: none;
		padding: 50px 0 90px 0;
	}
	
	.home .home-prono-logged .box-prono {
		max-width: none;
		padding: 30px 0 90px 0;
	}
	
	.home .home-prono-logged .col-lg-6 {
		padding: 0 25px;
	}
	
	.home .home-prono-logged a.cta-allmatchs {
		margin: 0 0 50px 0;
	}
	
	.prono-page {
		padding: 0 0 50px 0;
	}
	
	.prono-page h2{
		margin: 50px 0;
	}
	
	.prono-page .content {
		padding: 50px 0 0 0;
	}

	.prono-page .content p {
		padding: 0 60px;
	}
	
	.prono-page .content .filters {
		margin: 50px 0 30px 0;
	}
	
	.filters .input-group {
		width: 300px;
		margin: 0 30px 0 0;
	}
	
	.filters .selectric-selectpicker-country {
		margin: 0 30px 0 0;
	}
	
	.filters .form-control {
		padding: 0 30px;
	}
	
	.prono-page .content .filters .selectric-label {
		width: 300px;
	}
	
	.prono-page .content .box-prono .infos {
		padding: 30px;
	}
	
	.prono-page .content .box-prono .match {
		padding: 30px;
	}
	
	.prono-page .content .box-prono .match .name {
		width: 140px;
		font-size: 16px;
		line-height: 18px;
		margin: 0 20px 0 0;
	}
	
	.prono-page .content .box-prono .match .flag {
		max-width: 45px;
		margin: 0 15px 0 0;
	}
	
	.prono-page .content .box-prono .questions {
		padding: 30px;
	}
	
	.prono-page .content .box-prono .questions label{
		font-size: 16px;
	}
	
	.prono-page .content .box-prono .submit-container {
		display: flex;
		justify-content: center;
		padding: 0 30px 50px 30px;
	}
	
	.prono-page .content .box-prono form button[type=submit] {
		font-size: 16px;
	}
	
	.tshirt-page .box .content-prono{
		padding:0 30px;
	}
	
	.tshirt-page .box .content-prono a.cta{
        font-size:16px;
		margin: 30px 0 10px 0;
	}
	
	.tshirt-page .visu-tshirt {
		margin: 0;
		display: block;
	}
	
	.tshirt-page .visu-tshirt img{
		max-height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		object-fit: contain;
	}
	
	.account-page {
		padding: 0 0 50px 0;
	}
	
	.account-page h2{
		margin: 50px 0;
	}
	
	.account-page .account-menu {
		border-right: 1px solid #D8D8D8;
	}
	
	.account-page .account-menu .account-menu-mob {
		display: none;
	}

	.account-page .account-menu ul {
		display: block;
		top:inherit;
		position: relative;
	}
	
	.account-page .account-menu.prono .account-menu-mob {
		display: flex;
	}

	.account-page .account-menu.prono ul {
		display: none;
	}
	
	.account-page form .form-group {
		width:320px;
		margin: 0 30px 30px 0;
	}
	
	.account-page form .form-group.left,
	.account-page form .form-group.right {
		padding: 0;
	}
	
	.account-page .modify-account form .form-group {
		width:50%;
		margin: 0 0 30px 0;
	}
	
	.account-page .modify-account form .form-group.left {
		padding: 0 15px 0 0;
	}
	
	.account-page .modify-account form .form-group.right {
		padding: 0 0 0 15px;
	}
	
	.account-page form .errorValidation {
		margin: 20px 0 0 0;
	}
	
	.account-page .loginForm .errorValidation {
		padding: 15px 30px;
		margin: 20px 0 0 0;
        text-align:left;
	}
	
	.account-page .loginForm .errorValidation:before {
		content: "\f06a";
		font-family: "Font Awesome\ 5 Pro";
		font-weight: normal;
		margin: 0 10px 0 0;
	}
	
	.account-page .content-prono .filters {
		margin: 50px 0 30px 0;
	}
	
	.account-page .content-prono .box-prono .infos {
		padding: 30px;
	}
	
	.account-page .content-prono .box-prono .match {
		padding: 30px;
	}
	
	.account-page .content-prono .box-prono .match .name {
		width: 140px;
		font-size: 16px;
		line-height: 18px;
		margin: 0 20px 0 0;
	}
	
	.account-page .content-prono .box-prono .match .flag {
		max-width: 45px;
		margin: 0 15px 0 0;
	}
	
	.account-page .content-prono .box-prono .questions {
		padding: 30px;
	}
	
	.account-page .content-prono .box-prono .questions .title{
		font-size: 16px;
	}
	
	.gifts-page {
		padding: 0 0 50px 0;
	}
	
	.gifts-page h2{
		margin: 50px 0;
	}
	
	.gifts-page .content {
		padding:50px;
		flex-direction: row;
        justify-content:space-between;
	}

    .gifts-page .content .visu-caddy{
		width: 750px;
	}
	
	.gifts-page .content .visu-caddy img {
		width: 100%;
	}

	.gifts-page .content.tshirt {
		padding: 0 50px;
	}
	
	.gifts-page .content .visu-tshirt{
		width: 300px;
		margin: 0 30px 0 0;
		align-self: flex-end;
		order: 1;
	}
	
	.gifts-page .content .visu-tshirt img {
		width: 100%;
	}
	
	.gifts-page .content.tshirt .copy {
		flex: 1;
		order: 2;
	}

    .calendar-page {
		padding: 0 0 50px 0;
	}

    .calendar-page .content {
		padding:50px 0 0 0;
	}

    .calendar-page .content h3 {
		padding:0 30px;
	}

    .calendar-page .box-match {
        display:flex;
        justify-content:space-between;
    }

    .calendar-page .box-match .infos {
        width:30%;
        align-items:flex-start;
        justify-content:flex-start;
        flex-direction:column;
        padding: 15px 30px;
    }

    .calendar-page .box-match .infos .group {
	    font-size: 14px;
    }

    .calendar-page .box-match .infos .group::before {
        content:"";
        margin:0;
    }

    .calendar-page .box-match .infos .stade,
    .calendar-page .box-match .infos .city {
	    display:block;
    }

    .calendar-page .box-match .match {
        width:70%;
        padding: 15px 30px;
    }

    .box-rules {
        padding:0 10px;
    }

    .box-rules .visu img{
        width:50%;
        max-width:none;
    }

    .box-rules a.cta{
        margin:20px 0 0 0;
    }
	
	footer .copyright {
		width: 560px;
	}
	
	footer .box {
		width: 100%;
		margin: 0;
	}
	
	footer .box:nth-child(2) {
		border-right: 1px solid #D8D8D8;
	}
	
}

@media (min-width: 1200px) {

    .visible-whatsapp {
        display: none !important;
    }
	
	body {
		font-size: 14px;
	}
	
	h1 {
		font-size: 35px;
	}
	
	a.cta span {
		padding: 0 45px 0 30px;
	}

	.container {
		max-width: 1140px;
		padding: 0 15px;
	}
	
	header .container {
		max-width:1140px;
	}
	
	header nav .primary {
		margin:50px 0 0 20px;
	}
	
	header nav .primary li{
		padding: 0 30px;
	}

	header nav .primary li a {
		font-size: 18px;
	}
	
	header nav .secondary a.cta-login {
		font-size: 16px;
	}

	header nav .secondary a.cta-signup {
		font-size: 16px;
		margin: 0 0 0 -50px;
	}

	header nav .secondary a.cta-login i,
	header nav .secondary a.cta-signup i{
		font-size: 16px;
	}

	header nav .secondary a.cta-login span {
		padding: 0 75px 0 30px;
	}

	header nav .secondary a.cta-signup span {
		padding: 0 30px 0 25px;
	}
	
	.home .box-green h1 {
		line-height: 35px;
	}
	
	.home .box-welcome .cta-container {
		padding: 0 15px;
	}

	.home .box-welcome a.cta-account {
		margin: 40px 10px 0 10px;
	}

	.home .box-welcome a.cta-code {
		margin: 40px 10px 0 10px;
	}
	
	.home .box-welcome a.cta span {
		padding: 0 40px 0 25px;
	}
	
	.home .box-blue .title {
		padding: 0 30px;
	}

	.home .box-blue h2 {
		font-size: 45px;
		line-height: 40px;
	}

    .home .box-blue h2.NL {
		font-size: 38px;
		line-height: 40px;
	}

    .home .box-blue h2.DE {
		font-size: 38px;
		line-height: 40px;
	}

	.home .box-blue p {
		font-size: 18px;
		line-height: 22px;
	}

    .home .box-blue p.NL {
		font-size: 15px;
		line-height: 18px;
	}

    .home .box-blue p.DE {
		font-size: 15px;
		line-height: 18px;
	}

	.home .box-blue .logos {
		max-width: 200px;
		margin: 60px 30px 120px 0;
	}
	
	.home .box-blue.caddy .visu {
		left: 30px;
	}
	
	.home .box-blue.tshirts .visu {
		left: 30px;
	}	
	
	.home .home-prono-logoff h2,
	.home .home-prono-logged h2 {
		font-size: 45px;
	}

	.home .home-prono-logoff .box-prono {
		padding: 70px 0 110px 0;
	}

	.home .home-prono-logoff .box-prono .flag,
	.home .home-prono-logged .box-prono .flag{
		max-width: 151px;
	}

	.home .home-prono-logoff .box-prono .flag-team1,
	.home .home-prono-logged .box-prono .flag-team1{
		top:-8px;
		left: -8px;
	}

	.home .home-prono-logoff .box-prono .flag-team2,
	.home .home-prono-logged .box-prono .flag-team2{
		top:-8px;
		right: -8px;
	}
	
	.home .home-prono-logoff .box-prono .teams {
		font-size: 20px;
	}

	.home .home-prono-logged .box-prono {
		padding: 40px 0 110px 0;
	}
	
	.home .home-prono-logged .box-prono .match .team1,
	.home .home-prono-logged .box-prono .match .team2 {
		width: 80px;
	}
	
	.home .home-prono-logged .box-prono .submit-container {
		padding: 0 30px;
	}

    .box-prono .selectric-label {
	    font-size: 14px;
	    width: 210px;
	    padding: 0 30px 0 15px;
    }

    .box-prono .selectric-items li {
  	    padding: 0 15px;
	    font-size: 14px;
    }
	
	.prono-page h2{
		font-size: 55px;
		line-height: 50px;
	}
	
	.prono-page .content .filters {
		padding: 0 30px;
	}
	
	.filters .form-control {
		font-size: 16px;
	}
	
	.filters .selectric-label {
		font-size: 16px;
	}
	
	.filters .selectric-items li {
		font-size: 16px;
	}
	
	.prono-page .content .box-prono .cta-collapse {
		width: auto;
	}
	
	.prono-page .content .box-prono .content-collasped {
		flex: 1;
		width: auto;
		flex-direction: row;
	}
	
	.prono-page .content .box-prono .match {
		width: 30%;
	}
	
	.prono-page .content .box-prono .form-container {
		width: 70%;
		display: flex;
	}
	
	.prono-page .content .box-prono .match .name {
		width: 100px;
	}
	
	.prono-page .content .box-prono .questions {
		border-right: 1px solid rgba(216,216,216,0.5);
	}
	
	.prono-page .content .box-prono .submit-container {
		padding: 30px;
		justify-content: flex-start;
	}
	
	.tshirt-page .visu-tshirt img{
		top: 0;
		bottom: inherit;
		max-height: none;
	}
	
	.tshirt-page .question-container {
		margin: 20px 0 0 0;
	}
	
	.tshirt-page .box .content-prono{
		padding: 0 30px;
        justify-content: space-between;
	}
	
	.tshirt-page .box .content-prono .visu {
        width:50%;
	}
	
	.tshirt-page .box .content-prono a.cta{
		margin: 30px 0 0 0;
	}
	
	.sticky-messages .sticky-prono {
		padding: 50px 55px 0 55px;
	}
	
	.account-page h2{
		font-size: 55px;
		line-height: 50px;
	}
	
	.account-page .account-menu.prono .account-menu-mob {
		display: none;
	}

	.account-page .account-menu.prono ul {
		display: block;
		top:inherit;
		position: relative;
	}
	
	.account-page .account-menu ul li a {
		height: 75px;
		font-size: 20px; 
	}
	
	.account-page .content {
		padding: 50px;
	}

	.account-page .content h3{
		font-size: 30px;
		line-height: 35px;
	}
	
	.account-page .code-validated-box .successMessage {
		font-size: 18px;
	}

	.account-page .content .codeForm label.error {
		font-size: 18px;
	}
	
	.box-prono-saved.title .pronostic-statut,
	.box-prono-saved.title .tshirt-statut,
	.box-prono-saved.title .shop {
		font-size: 18px;
	}
	
	.account-page .code-validated-box .button {
		width: 300px;
	}
	
	.account-page .content .codeForm .input-group {
		width: 300px;
	}
	
	.account-page .subscribeForm,
	.account-page .loginForm,
	.account-page .lostPasswordForm,
	.account-page .resetPasswordForm {
		padding: 50px;
	}

	.account-page .subscribeForm h3,
	.account-page .loginForm h3,
	.account-page .lostPasswordForm h3,
	.account-page .resetPasswordForm h3 {
		font-size: 30px;
		line-height: 35px;
	}

	.account-page .content h3.with-margin{
		font-size: 30px;
		line-height: 35px;
	}
	
	.account-page form .form-group {
		width:340px;
		margin: 0 50px 30px 0;
	}
	
	.account-page .loginForm .form-group {
		width:50%;
		margin: 0 0 30px 0;
	}
	
	.account-page .loginForm .form-group.left {
		padding: 0 25px 0 0;
		float: left;
	}
	
	.account-page .loginForm .form-group.right {
		padding: 0 0 0 25px;
		float: right;
	}

    .account-page form .errorValidation {
		margin: 20px 0 0 0;
	}
	
	.account-page .loginForm .errorValidation {
		margin: 30px 0 0 0;
	}
	
	.account-page form .errorMessage {
		max-width: none;
		flex: 1;
		margin: 0 0 30px 0;
	}
	
	.account-page form p.shop-info {
		font-size: 18px;
		max-width: 740px;
	}
	
	.box-prono-saved .code-validate {
		width: 350px;
		padding: 0 50px 20px 0;
	}
	
	.box-prono-saved:last-child .code-validate {
		padding: 0 50px 0 0;
	}
	
	.account-page .content-prono {
		padding: 50px 0 0 0;
	}

	.account-page .content-prono h3{
		font-size: 30px;
		line-height: 35px;
		padding: 0 50px;
	}

    .account-page .content-prono p{
	    padding: 35px 50px 50px 50px;
    }
	
	.account-page .content-prono .filters {
		padding: 0 30px;
	}
	
	.account-page .content-prono .filters .selectric-label {
		width: 300px;
	}
	
	.account-page .content-prono .box-prono .cta-collapse {
		width: auto;
	}
	
	.account-page .content-prono .box-prono .content-collasped {
		flex: 1;
		width: auto;
		flex-direction: row;
	}
	
	.account-page .content-prono .box-prono .match {
		width: 50%;
	}
	
	.account-page .content-prono .box-prono .form-container {
		width: 50%;
		display: flex;
	}
	
	.account-page .content-prono .box-prono .match .name {
		width: 100px;
	}
	
	.gifts-page .content.tshirt {
		margin: 50px 0 0 0;
	}
	
	.gifts-page h2{
		font-size: 55px;
		line-height: 55px;
	}
	
	.gifts-page .visu-caddy,
	.gifts-page .visu-tshirt {
		display: block;
	}
	
	.gifts-page .content .visu-tshirt{
		width: 350px;
	}

    .calendar-page h2{
		font-size: 55px;
		line-height: 50px;
	}

    .calendar-page .content h3 {
		padding:0 50px;
	}

    .calendar-page .box-match .infos {
        padding: 15px 30px 15px 50px;
    }

    .calendar-page .box-match .match {
        padding: 15px 50px;
    }

    .calendar-page .box-match .team1 span,
    .calendar-page .box-match .team2 span {
        font-size: 22px;
        line-height:22px;
    }

    .calendar-page .box-match .team1 span {
        margin:0 25px 0 0;
    }

    .calendar-page .box-match .team2 span {
        margin:0 0 0 25px;
    }

    .calendar-page .box-match .team1 .flag,
    .calendar-page .box-match .team2 .flag {
	    max-width: 100px;
    }

    .calendar-page .box-match .match .sep {
        width:60px;
        font-size:18px;
    }

    .box-rules {
        padding:0 15px;
    }
	
	.sticky-messages .sticky-prono .prono-message p {
		font-size: 25px;
		line-height: 26px;
	}

	.sticky-messages .sticky-prono .tshirt-message {
		border-top-left-radius: 25px;
		padding: 30px 0 0 180px;
	}

	.sticky-messages .sticky-prono .tshirt-message .visu {
		display: block;
	}
	
	footer .copyright {
		width: 640px;
	}
	
	footer .logos {
		max-width: 250px;
	}

	footer .box {
		padding: 0 25px;
	}
	
	footer .box h3 {
		font-size: 16px;
	}

	footer .box a.cta-facebook,
	footer .box a.cta-twitter,
	footer .box a.cta-linkedin,
	footer .box a.cta-whatsapp {
		margin: 0 8px 0 0;
	}

	
}

@media (min-width: 1600px) {
	
	body {
		font-size: 16px;
	}
	
	h1 {
		font-size: 40px;
	}

	a.cta {
		height: 60px;
		font-size: 20px;
	}

	a.cta i {
		width: 60px;
		height: 60px;
		font-size: 30px;
	}
	
	.container {
		max-width: 1320px;
	}
	
	.row {
	  	margin-right: -25px;
	  	margin-left: -25px;
	}
	
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
	.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
	.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
	.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
	.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
	.col-xl-auto {
	  	padding-right: 25px;
	  	padding-left: 25px;
	}
	
	.no-gutters {
	  	margin-right: 0;
	  	margin-left: 0;
	}

	.no-gutters > .col,
	.no-gutters > [class*="col-"] {
	  	padding-right: 0;
	  	padding-left: 0;
	}

    .d-xxl-block {
        display:inline-block !important;
    }
	
	header {
		height: 110px;
	}
	
	header .container {
		max-width:1320px;
	}
	
	header .logo {
		width: 220px;
	}
	
	header nav .primary {
		margin:70px 0 0 20px;
	}
	
	header nav .secondary a.cta-login {
		height: 50px;
		font-size: 18px;
	}
	
	header nav .secondary a.cta-signup {
		height: 50px;
		font-size: 18px;
	}
	
	header nav .secondary a.cta-login i,
	header nav .secondary a.cta-signup i{
		width: 50px;
		height: 50px;
		font-size: 18px;
	}
	
	header nav .secondary .lang .dropdown .flag {
		max-width: 30px;
	}

	header nav .secondary .lang .dropdown a.toggle {
		height: 50px;
	}
	
	header nav .secondary .lang .dropdown-menu {
		top: -50px !important;
		padding: 48px 0 0 0;
	}

	header nav .secondary .lang .dropdown-item {
		height: 50px;
	}
	
	header nav .secondary .account .dropdown a.toggle {
		font-size: 18px;
		height: 50px;
		padding: 0 10px 0 20px;
	}
	
	header nav .secondary .account .dropdown-menu {
		top: -52px !important;
		padding: 50px 0 0 0;
	}

	header nav .secondary .account .dropdown-item {
		height: 50px;
		font-size: 18px;
		padding: 0 30px;
	}
	
	header nav .secondary .infos-code {
		height: 50px;
		padding: 10px 0;
	}
	
	header nav .secondary .infos-code ul li {
		padding: 0 20px;
		font-size: 14px;
	}
	
	.home .introduction {
		padding: 150px 0 50px 0;
	}
	
	.home .cta-box {
		font-size: 18px;
		height: 50px;
	}

	.home .cta-box i {
		font-size: 20px;
	}
	
	.home .box-green {
		padding: 40px 0 0 0;
	}
	
	.home .box-green h1 {
		line-height: 40px;
	}
	
	.home .box-green a.cta {
		margin: 30px 0;
	}

	.home .box-green p {
		line-height: 20px;
	}

	.home .box-green .cta-box {
		margin: 30px 0 0 0;
	}
	
	.home .box-welcome {
		padding: 40px 0;
	}
	
	.home .box-welcome h1 {
		padding: 0 60px;
	}
	
	.home .box-welcome h2 {
		padding: 0 60px;
	}
	
	.home .box-welcome p {
		padding: 0 60px;
	}
	
	.home .box-welcome .cta-container {
		padding: 0 15px;
	}
	
	.home .box-welcome a.cta-account,
	.home .box-welcome a.cta-code {
		height: 50px;
		font-size: 18px;
		margin: 50px 15px 0 15px;
	}

	.home .box-welcome a.cta-account i,
	.home .box-welcome a.cta-code i {
		width: 50px;
		height: 50px;
		font-size: 18px;
	}
	
	.home .box-blue {
		margin: 50px 0 0 0;
		padding: 30px 0 0 0;
	}
	
	.home .box-blue h2 {
		font-size: 55px;
		line-height: 50px;
	}

    .home .box-blue h2.NL {
		font-size: 45px;
		line-height: 50px;
	}

    .home .box-blue h2.DE {
		font-size: 42px;
		line-height: 45px;
	}

	.home .box-blue p {
		font-size: 20px;
		line-height: 24px;
	}

    .home .box-blue p.NL {
		font-size: 17px;
		line-height: 22px;
	}

    .home .box-blue p.DE {
		font-size: 20px;
		line-height: 24px;
	}
	
	.home .box-blue .logos {
		max-width: 250px;
	}
	
	.home .home-prono-logoff h2 {
		font-size: 55px;
		line-height: 50px;
		margin: 60px 0;
	}
	
	.home .home-prono-logoff .box-prono,
	.home .home-prono-logged .box-prono{
		margin: 0 0 80px 0;
	}

	.home .home-prono-logoff .box-prono span.date-match,
	.home .home-prono-logged .box-prono span.date-match{
		font-size: 22px;
	}

	.home .home-prono-logoff .box-prono span.hour-match,
	.home .home-prono-logged .box-prono span.hour-match{
		font-size: 18px;
	}

	.home .home-prono-logoff .box-prono .teams {
		font-size: 25px;
		margin: 30px 0;
	}

	.home .home-prono-logoff .box-prono a.cta {
		height: 50px;
		font-size: 18px;
	}

	.home .home-prono-logoff .box-prono a.cta i{
		width: 50px;
		height: 50px;
		font-size: 18px;
	}
	
	.home .home-prono-logged .box-prono {
		margin: 0 0 80px 0;
	}
	
	.home .home-prono-logged .box-prono .submit-container {
		padding: 0 55px;
	}

    .box-prono .selectric-label {
	    font-size: 15px;
	    width: 230px;
	    padding: 0 30px 0 20px;
    }

    .box-prono .selectric-items li {
  	    padding: 0 20px;
	    font-size: 15px;
    }
	
	.prono-page .content .box-prono .match {
		padding: 30px 50px 30px 30px;
	}

	.prono-page .content .box-prono .match .name {
		width: 150px;
	}
	
	.prono-page .content .box-prono .questions {
		padding: 30px 50px;
	}
	
	.prono-page .content .box-prono .submit-container {
		padding: 30px 30px 30px 50px;
	}
	
	.tshirt-page .box .content{
		padding: 50px;
	}
	
	.tshirt-page .box.question .content{
		padding: 50px 0;
	}
	
	.tshirt-page .box.thanks .content{
		padding: 50px 50px 30px 50px;
	}

	.tshirt-page .box h1 {
		font-size: 35px;
	}

	.tshirt-page .box h1 span{
		font-size: 45px;
	}

    .tshirt-page .box h1.NL {
		font-size: 30px;
	}

	.tshirt-page .box h1.NL span{
		font-size: 40px;
	}

	.tshirt-page .box p {
		font-size: 18px;
		line-height: 24px;
	}
	
	.tshirt-page .box p.tips {
		font-size: 14px;
		line-height: 18px;
	}

    .tshirt-page .box .content-prono{
		padding: 0 50px;
	}

    .tshirt-page .box .content-prono a.cta{
        font-size:18px;
	}
	
	.account-page .code-validated-box .button {
		width: 350px;
	}
	
	.account-page .content .codeForm .input-group {
		width: 350px;
	}

    .account-page form .dropdown-match .selectric,
    .account-page form .dropdown-cora .selectric,
    .account-page form .dropdown-delhaize .selectric {
	    width: 350px;
    }
	
	.box-prono-saved img {
		max-width: none;
		max-height: 40px;
	}
	
	.box-prono-saved .code-validate {
		width: 420px;
		padding: 0 70px 20px 0;
	}
	
	.box-prono-saved:last-child .code-validate {
		padding: 0 70px 0 0;
	}

	.account-page .content-prono .box-prono .match .name {
		width: 150px;
	}
	
	.account-page .content-prono .box-prono .questions {
		padding: 30px 50px 30px 30px;
	}

    .account-page .account-menu ul li a {
		padding: 0 40px;
		font-size: 22px; 
	}
	
	.gifts-page .content {
		padding:20px 50px;
	}

    .gifts-page .content.caddy {
        max-width:none;
    }
	
	.gifts-page .content .visu-tshirt{
        width:410px;
		margin: 0 50px 0 0;
	}

    .box-rules {
        padding:0 25px;
    }

    .box-rules .visu img{
        width:80%;
    }

    .box-rules a.cta{
        margin:40px 0 0 0;
    }
	
	footer {
		padding: 40px 0;
	}

	footer .copyright {
		width: 800px;
	}

	footer .logos {
		max-width: 300px;
		margin: 0 0 20px 0;
	}

	footer .box {
		padding: 0 30px;
	}

	footer .box h3 {
		font-size: 18px;
		margin: 0 0 20px 0;
	}

	footer .box a.cta-facebook,
	footer .box a.cta-twitter,
	footer .box a.cta-linkedin,
	footer .box a.cta-whatsapp {
		width:40px;
		height: 40px;
		font-size: 16px;
	}

}

/* PRINT STYLES */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; 
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}