@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&display=swap');
html, body{
  font-family: 'Open Sans','Arial',sans-serif;
  font-size: 105%;
} 
#myTab a,h1,h2,h3{
  font-family: 'Montserrat','Arial',sans-serif;

}
/* green:#339966  / green hover : #208a73;*/
/* new pink : #598FBF / rgb(51, 153, 255) : */

#wrap{
/*max-width: 1366px;*/
}
.hidden{display:none;}
/* #header{background:url('img/black-and-white-cow-in-front-of-green-leafed-tree-1276235.jpg');background-position:bottom center;background-size:cover;height:590px;background-repeat: no-repeat;background-color:#06090e;}*/
#header{background-color:#fff;background-position:top center;background-size:cover;background-repeat: no-repeat;color:#339966}
.hero{margin:0.25rem auto;text-transform: uppercase;background-color: #339966;color:#fff;text-align: center;font-size: 120%;padding:0.5rem;}
.heroBtn{border:none;margin:0.5rem auto;background-color: #598FBF;color:#fff;text-align: center;font-size: 100%;padding:0.5rem 2rem;}
.heroBtn:hover{background-color: rgb(51, 153, 255);}
a.heroBtn:hover{background-color: rgb(51, 153, 255);color:#fff;}

.upperText{text-transform: uppercase;}
.upperProfileBox{font-size:150%;color:#339966;font-weight: bold;padding-top: 4rem}
#footer{margin-top:2rem;background-color: #fff;color:#339966;padding:2rem;}
#footer .followUs{
  font-weight: bold;
  text-decoration: underline;
}
#headerLogo{
  max-height: 80%;
  display: inline-block;
  margin: 1rem auto;
}
#footer a{
  color: #fff;
}
.mt1{
	margin-top: 2rem;
}
.mb1{
	margin-bottom: 2rem;
}
h3{
  margin-top: 2rem;
  margin-bottom: 1rem;
  /* border-left:8px solid #000; */
  padding-left: 0;
  font-size: 1.4rem;
}
h4{font-weight: bold;font-size: 130%;}

ol {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: list-number;
}


ol li {
  counter-increment: list-number;
  padding-left: 1em; 
  text-indent: -.7em;
}

ol li::before {
  content: counter(list-number);
  color: #339966; /* or whatever color you prefer */
  margin-right: 5px;
}

li.disabled,
li.disabled a{
  cursor:not-allowed;
}
#myTab2{
  float: right;
  background-color: transparent!important;
}
#myTab2 img{max-width: 50px;}
.nav-tabs{border-bottom: none}
.primaryColor, a{
  color: #339966;
  background: none;
}
a.nav-link{
  color: #fff;
  background: #000;
}
#myTab2 a.nav-link{ 
  text-align:center;
  background-color: transparent!important;
}

#myTab li.nav-item{
  width: 100%
}

#myTab a.nav-link{
  background-color: #339966;
  border-radius:5px;
  margin:1rem 0;
  width: 100%;
  box-shadow: 5px 5px 5px #ccc;
  text-transform: uppercase;
}
#myTab a.nav-link:after{
/*  content:" ➡ "; */
}

#myTab.nav-tabs .nav-link.active{
  color:#fff!important;
  background-color: #598FBF;
/*  text-decoration: underline;*/
}
#myTab2.nav-tabs .nav-link.active{
  color:#fff!important;
/*  text-decoration: underline; */
}

#subfooter{background-color: #fff;color:#339966;text-align: center;padding:0.5rem;}
a#logoutLink{color:#339966;background:#fff}

#mentions{font-size: 90%;}


#menuTrigger{
  display:none;
  color:#fff;
}

.nav-link {
    padding: .5rem .75rem;
}

#club-tab-2,#referral-tab-2,#referral-tab-3{
  color:#fff;
  cursor: pointer;
}

#anonymousLinkShare{
  padding: 1rem ;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: rgba(196, 196, 196, 0.29) 2px 2px 20px 0px, rgba(196, 196, 196, 0.6) 0px 2px 4px 0px;
}

#anonymousLinkShare h4{
  margin: 2rem 0.5rem 0rem;
  font-size: 110%;
}
#anonymousLinkShare .tip{
  color:rgb(153, 204, 51);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom:0.5rem;
}
#referCodeBox{
  color:#208a73;
  font-weight: bold;

}
#referLinkBox{
  color:#208a73;
  margin-bottom:1rem;
  padding:0.5rem;

}

#myTab2 label{display:block;}

.sponsorship-invitation{
  width:100%;
}
.sponsorship-part{

  outline: 1px #174 dashed;
}
#row-partner{
  margin-top:100px;
}
#row-partner-sub{
  margin-bottom:50px
}
.code-details-2-infos{font-weight: bold;}
.reward{
  width:60%;
  margin:20px 20%;
  padding: 30px;
  background: #339966 url('img/coupon.jpg') no-repeat;
  background-size: cover;
  color:#333;
/*  border: 2px #174 dashed; */
  outline: 2px #174 dashed;
  filter:grayscale(0.1);

}
.reward.unavailable{
  filter: grayscale(1);
}
.reward h3{
  width:80%;
  font-size: 200%;
  color:#339966;
  font-weight: bold;
}
.reward .code-details{
  font-style: italic;
  background-color:#339966;
  width:20%;  
  padding: 50px 3px;
  float: right;
  color:#fff;
  font-size: 200%;
  text-align: center;
  border:1px solid #333;
}

  
.reward .code-xxx{
  width:100%;
}

.reward .code-xxx strong{font-size:160%}
.reward .code-usage{
  width:100%;
  
}


@media screen and (max-width: 1220px){
.reward{
  width:96%;
  margin:20px 2%;
  text-align: center;
}
.reward h3{
  width: 100%;
}
.reward .code-details{
  width:auto;
  float:none;
  margin: 0 auto;
}
}

@media screen and (max-width: 1220px){
  .nav-link {
      padding: .5rem 0.6rem;
  }
}

@media screen and (max-width: 1000px){
  .nav-link {
      font-size:75%;
      padding: .5rem 0.6rem;
  }
  #header .container {
    max-width: 100%;
  }
}

@media screen and (max-width: 720px){
  #follow{margin-top:20px;text-align: center!important;}
  #mentions{margin-top:20px;margin-bottom:20px;text-align: center!important;}

  li.nav-item{
    width: 100%
  }

  #myTab{
    width: 100%;
    display: none;
  }
  #myTab2{
    max-width:70%;
  }
  #myTab2Container{
    display: block;
  }

  #myTab2 li.nav-item {
    width: 30%;
  }
  #myTab2 img {
    max-width: 25px;
  }
  #myTab2 li{display:inline;}
  #myTab2 label{display:none;}
  .nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #logoContainer{
    max-height: 100px;
  }
  #welcome{
    text-align: center;
  }
  #menuTrigger{
    display:block;
    color:#fff;
    background: #598FBF;
    padding: 5px;
  }
  .heroBtn{
    margin: 0.25rem auto;
  }
  #footer{
    padding: 0.1rem;
    font-size: 75%;
    text-align: center;
  }
  #footer img{
    max-width: 60%;
  }
  .nav-item-mobile-only{display:block!important;}
  #leftMenu{
    display:none;
  }
  .upperProfileBox{font-size:110%;padding-top: 1rem;}
  #myTab2.nav-tabs .nav-link.active {
    border:none;
  }
}