@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,300;0,400;0,600;0,900;1,900&display=swap");
@import url(../../components/homeHotNews/owl.carousel.css);
@import url(../../components/homeHotNews/owl.theme.default.css);
.color-purple {
  color: #461572; }

.color-turquoise {
  color: #3cffd9; }

.color-orange {
  color: #ffa532; }

@-webkit-keyframes rotating {
  from {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
  to {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    transform: translateX(-50%) translateY(-50%) rotate(360deg); } }
@keyframes rotating {
  from {
    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
  to {
    -ms-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    transform: translateX(-50%) translateY(-50%) rotate(360deg); } }
.border-animation {
  --border-width: 0.1em;
  --animation-speed: 0.5s;
  --color: #3cffd9;
  color: var(--color);
  position: relative;
  display: inline-block;
  font-size: 4em;
  line-height: 1em;
  transform: scale(1);
  border: var(--border-width) solid transparent; }
  .border-animation .border-animation__inner {
    position: relative;
    cursor: pointer;
    z-index: 1;
    border: solid var(--border-width) transparent; }
  .border-animation:before, .border-animation:after {
    content: '';
    position: absolute;
    background: var(--color); }
  .border-animation:focus:before, .border-animation:hover:before {
    animation: beforeBorders var(--animation-speed) forwards ease-in-out; }
  .border-animation:focus:after, .border-animation:hover:after {
    animation: afterBorders var(--animation-speed) forwards ease-in-out; }
  .border-animation:focus, .border-animation:hover {
    animation: borderColors var(--animation-speed) steps(1) forwards; }

@keyframes beforeBorders {
  0% {
    top: calc(var(--border-width) * -1);
    left: 50%;
    bottom: auto;
    right: auto;
    width: 0;
    height: var(--border-width); }
  33% {
    top: calc(var(--border-width) * -1);
    left: calc(var(--border-width) * -1);
    bottom: auto;
    right: auto;
    width: calc(var(--border-width) + 50%);
    height: var(--border-width); }
  66% {
    top: calc(var(--border-width) * -1);
    left: calc(var(--border-width) * -1);
    bottom: auto;
    right: auto;
    width: var(--border-width);
    height: calc((var(--border-width) * 2) + 100%); }
  100% {
    top: auto;
    left: calc(var(--border-width) * -1);
    bottom: calc(var(--border-width) * -1);
    right: auto;
    width: calc(var(--border-width) + 50%);
    height: calc((var(--border-width) * 2) + 100%); } }
@keyframes afterBorders {
  0% {
    top: calc(var(--border-width) * -1);
    left: auto;
    bottom: auto;
    right: 50%;
    width: 0;
    height: var(--border-width); }
  33% {
    top: calc(var(--border-width) * -1);
    left: auto;
    bottom: auto;
    right: calc(var(--border-width) * -1);
    width: calc(var(--border-width) + 50%);
    height: var(--border-width); }
  66% {
    top: calc(var(--border-width) * -1);
    left: auto;
    bottom: auto;
    right: calc(var(--border-width) * -1);
    width: var(--border-width);
    height: calc((var(--border-width) * 2) + 100%); }
  100% {
    top: auto;
    left: auto;
    bottom: calc(var(--border-width) * -1);
    right: calc(var(--border-width) * -1);
    width: calc(var(--border-width) + 50%);
    height: calc((var(--border-width) * 2) + 100%); } }
@keyframes borderColors {
  0% {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 10px; }
  33% {
    border-top-color: var(--color);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 10px; }
  66% {
    border-top-color: var(--color);
    border-right-color: var(--color);
    border-bottom-color: transparent;
    border-left-color: var(--color);
    border-radius: 10px; }
  100% {
    border-top-color: var(--color);
    border-right-color: var(--color);
    border-bottom-color: var(--color);
    border-left-color: var(--color);
    border-radius: 10px; } }
.clearfix:after, .row:after {
  display: block;
  content: "";
  clear: both; }

.wrapper {
  width: 90%;
  max-width: 1140px;
  margin: 0 auto; }

.row .col1 {
  float: left; }
.row .col1 {
  width: 5.3333333333%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col1.nogutter {
  width: 8.3333333333%;
  margin-left: 0;
  margin-right: 0; }
.row .col1.nogutterleft, .row .col1.nogutterright {
  width: 6.8333333333%; }
.row .col1.nogutterleft {
  margin-left: 0; }
.row .col1.nogutterright {
  margin-right: 0; }
.row .col2 {
  float: left; }
.row .col2 {
  width: 13.6666666667%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col2.nogutter {
  width: 16.6666666667%;
  margin-left: 0;
  margin-right: 0; }
.row .col2.nogutterleft, .row .col2.nogutterright {
  width: 15.1666666667%; }
.row .col2.nogutterleft {
  margin-left: 0; }
.row .col2.nogutterright {
  margin-right: 0; }
.row .col3 {
  float: left; }
.row .col3 {
  width: 22%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col3.nogutter {
  width: 25%;
  margin-left: 0;
  margin-right: 0; }
.row .col3.nogutterleft, .row .col3.nogutterright {
  width: 23.5%; }
.row .col3.nogutterleft {
  margin-left: 0; }
.row .col3.nogutterright {
  margin-right: 0; }
.row .col4 {
  float: left; }
.row .col4 {
  width: 30.3333333333%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col4.nogutter {
  width: 33.3333333333%;
  margin-left: 0;
  margin-right: 0; }
.row .col4.nogutterleft, .row .col4.nogutterright {
  width: 31.8333333333%; }
.row .col4.nogutterleft {
  margin-left: 0; }
.row .col4.nogutterright {
  margin-right: 0; }
.row .col5 {
  float: left; }
.row .col5 {
  width: 38.6666666667%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col5.nogutter {
  width: 41.6666666667%;
  margin-left: 0;
  margin-right: 0; }
.row .col5.nogutterleft, .row .col5.nogutterright {
  width: 40.1666666667%; }
.row .col5.nogutterleft {
  margin-left: 0; }
.row .col5.nogutterright {
  margin-right: 0; }
.row .col6 {
  float: left; }
.row .col6 {
  width: 47%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col6.nogutter {
  width: 50%;
  margin-left: 0;
  margin-right: 0; }
.row .col6.nogutterleft, .row .col6.nogutterright {
  width: 48.5%; }
.row .col6.nogutterleft {
  margin-left: 0; }
.row .col6.nogutterright {
  margin-right: 0; }
.row .col7 {
  float: left; }
.row .col7 {
  width: 55.3333333333%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col7.nogutter {
  width: 58.3333333333%;
  margin-left: 0;
  margin-right: 0; }
.row .col7.nogutterleft, .row .col7.nogutterright {
  width: 56.8333333333%; }
.row .col7.nogutterleft {
  margin-left: 0; }
.row .col7.nogutterright {
  margin-right: 0; }
.row .col8 {
  float: left; }
.row .col8 {
  width: 63.6666666667%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col8.nogutter {
  width: 66.6666666667%;
  margin-left: 0;
  margin-right: 0; }
.row .col8.nogutterleft, .row .col8.nogutterright {
  width: 65.1666666667%; }
.row .col8.nogutterleft {
  margin-left: 0; }
.row .col8.nogutterright {
  margin-right: 0; }
.row .col9 {
  float: left; }
.row .col9 {
  width: 72%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col9.nogutter {
  width: 75%;
  margin-left: 0;
  margin-right: 0; }
.row .col9.nogutterleft, .row .col9.nogutterright {
  width: 73.5%; }
.row .col9.nogutterleft {
  margin-left: 0; }
.row .col9.nogutterright {
  margin-right: 0; }
.row .col10 {
  float: left; }
.row .col10 {
  width: 80.3333333333%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col10.nogutter {
  width: 83.3333333333%;
  margin-left: 0;
  margin-right: 0; }
.row .col10.nogutterleft, .row .col10.nogutterright {
  width: 81.8333333333%; }
.row .col10.nogutterleft {
  margin-left: 0; }
.row .col10.nogutterright {
  margin-right: 0; }
.row .col11 {
  float: left; }
.row .col11 {
  width: 88.6666666667%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col11.nogutter {
  width: 91.6666666667%;
  margin-left: 0;
  margin-right: 0; }
.row .col11.nogutterleft, .row .col11.nogutterright {
  width: 90.1666666667%; }
.row .col11.nogutterleft {
  margin-left: 0; }
.row .col11.nogutterright {
  margin-right: 0; }
.row .col12 {
  float: left; }
.row .col12 {
  width: 97%;
  margin-left: 1.5%;
  margin-right: 1.5%; }
.row .col12.nogutter {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }
.row .col12.nogutterleft, .row .col12.nogutterright {
  width: 98.5%; }
.row .col12.nogutterleft {
  margin-left: 0; }
.row .col12.nogutterright {
  margin-right: 0; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

a {
  text-decoration: none; }

:root {
  --slidergradienttop: #e83c12;
  --slidergradientbottom: #32023b; }

html body {
  padding: 0;
  padding-top: 80px;
  margin: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  background: #000; }
  html body * {
    box-sizing: border-box; }

#header {
  background: #000;
  height: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: height 0.3s;
  /*
  &.sticky{
  	ul.menu{
  		> li{
  			&:hover{
  				ul.sub-menu{
  					//top:110% !important;
  					//top:110% !important;
  					top:90% !important;
  				}
  			}
  		}
  	}
  }
  */ }
  #header.sticky {
    height: 80px; }
    #header.sticky.small {
      height: 80px; }
  #header.small {
    height: 80px; }
    #header.small > .wrapper {
      height: 100%; }
  #header #infobarretop {
    background: #000;
    padding: 7px; }
    #header #infobarretop p {
      color: #000;
      font-size: 14px;
      text-align: center;
      margin: 0;
      padding: 0 1.5%; }
    #header #infobarretop .closeinfobarretop {
      color: #000;
      border-radius: 100%;
      padding: 0 8px 5px;
      position: absolute;
      top: 3px;
      right: 3px;
      z-index: 20;
      cursor: pointer; }
      #header #infobarretop .closeinfobarretop:hover {
        background: #000;
        color: #3cffd9; }
    #header #infobarretop.hide {
      display: none; }
    @media screen and (max-width: 560px) {
      #header #infobarretop p {
        font-size: 12px; } }
    @media screen and (max-width: 420px) {
      #header #infobarretop {
        padding: 7px 13px 7px 3px; }
        #header #infobarretop .wrapper {
          width: 96%;
          padding-left: 0; }
        #header #infobarretop p {
          font-size: 9px;
          padding: 0; }
        #header #infobarretop .closeinfobarretop {
          top: 2px;
          right: 0;
          z-index: 20;
          cursor: pointer;
          font-size: 15px; } }
  #header > .wrapper {
    height: 70%; }
    #header > .wrapper > .row {
      padding: 0;
      height: 100%; }
      #header > .wrapper > .row > div {
        height: 100%; }
        #header > .wrapper > .row > div.wrapper-logo {
          padding-top: 10px;
          padding-bottom: 10px; }
  #header .logo {
    height: 100%;
    max-height: 35px; }
  #header .ico_burger {
    display: none; }
  #header .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 100%;
    justify-content: space-between;
    position: relative;
    background: #000; }
    #header .menu > li {
      display: flex;
      align-items: center;
      /*
      &:hover{
      	> ul.sub-menu{
      		top:120%;
      		opacity: 1;
      	}
      }
      */
      /* pictos menus */
      /* FIN pictos menus */ }
      #header .menu > li:last-child {
        margin-right: 0; }
      #header .menu > li > a {
        padding: 8px 5px 6px; }
      #header .menu > li a {
        color: white;
        transition: color 0.5s; }
        #header .menu > li a + ul {
          padding: 0 5px 0; }
          #header .menu > li a + ul li a {
            padding: 0; }
            #header .menu > li a + ul li a:hover {
              color: #3cffd9; }
      #header .menu > li a {
        z-index: 1;
        overflow: hidden;
        position: relative;
        color: white;
        text-align: center;
        	/*
        	&:before, &:after{
        		content: "";
        		display: block;
        		position: absolute;
        		border-radius: $border_radius;
        
        	}
        	&:before{
        		left: -101%;
        		top: 0;
        		width: 201%;
        		height: 100%;
        		background: $turquoise;
        		background: linear-gradient(90deg, $turquoise 0%, $turquoise 50%, $new_purple_dark 50%, $new_purple_dark 100%);
        		z-index: -2;
        		transition: left 0.7s;
        	}
        	$size:rem(2px);
        	&:after{
        		background: $turquoise;
        		left: $size;
        		top: $size;
        		right: $size;
        		bottom: $size;
        		z-index: -1;
        	}
        	*/
        font-size: 18px; }
        #header .menu > li a:before {
          content: "";
          position: absolute;
          z-index: -1;
          left: -110%;
          right: auto;
          bottom: 0;
          background: #3cffd9;
          height: 2px;
          transition-property: left;
          transition-duration: .3s;
          transition-timing-function: ease-out;
          width: 100%; }
        #header .menu > li a:hover:before {
          left: 0; }
        #header .menu > li a:after {
          background: #180822; }
      #header .menu > li.current-menu-item a:before, #header .menu > li.current-page-ancestor a:before {
        left: 0% !important; }
      #header .menu > li.current_page_item a:before {
        left: 0; }
      #header .menu > li.connexion a {
        border-radius: 50px !important;
        font-size: 0.875rem;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        display: inline-block;
        color: white;
        text-decoration: none;
        padding: 0.3125rem 0.625rem;
        background: transparent;
        border: 2px solid #ffa532;
        border: 2px solid #00fe82;
        font-size: 15px;
        text-transform: none;
        padding: 0.3125rem 0.9375rem !important;
        font-weight: 700; }
        #header .menu > li.connexion a:hover {
          background: #ffa532;
          color: #000;
          font-weight: 700; }
        #header .menu > li.connexion a:after, #header .menu > li.connexion a:before {
          display: none !important; }
        #header .menu > li.connexion a:hover {
          font-weight: 700;
          color: #000;
          background: #00fe82; }
      #header .menu > li.connexion:hover {
        font-weight: 700; }
        #header .menu > li.connexion:hover a {
          color: #000 !important; }
      #header .menu > li.picto-menu > a {
        padding-left: 17px; }
        #header .menu > li.picto-menu > a:after {
          content: ' ';
          background-size: 12px 12px !important;
          width: 12px;
          height: 12px;
          display: inline-block !important;
          border-radius: 0 !important;
          position: absolute;
          left: 0;
          top: 12px; }
      #header .menu > li.picto-menu.casino-bonuses > a:after {
        background: url("../../images/picto-menu-casino-bonuses.svg") no-repeat center center !important; }
      #header .menu > li.picto-menu.free-tournaments > a:after {
        background: url("../../images/picto-menu-free-tournaments.svg") no-repeat center center !important; }
      #header .menu > li.picto-menu.giveaways > a:after {
        background: url("../../images/picto-menu-giveaways.svg") no-repeat center center !important; }
      #header .menu > li.picto-menu.tools > a:after {
        background: url("../../images/picto-menu-tools.svg") no-repeat center center !important; }
      #header .menu > li.picto-menu.casinos-infos > a:after {
        background: url("../../images/picto-menu-casinos-infos.svg") no-repeat center center !important; }
      #header .menu > li.picto-menu.slots > a {
        padding-left: 20px; }
        #header .menu > li.picto-menu.slots > a:after {
          background: url("../../images/picto-menu-slots.svg") no-repeat center center !important;
          background-size: 16px 12px !important;
          width: 16px; }
      #header .menu > li.picto-menu.blog > a {
        padding-left: 20px; }
        #header .menu > li.picto-menu.blog > a:after {
          background: url("../../images/picto-menu-blog.svg") no-repeat center center !important;
          background-size: 16px 12px !important;
          width: 16px; }
      #header .menu > li.picto-menu.store > a {
        padding-left: 20px; }
        #header .menu > li.picto-menu.store > a:after {
          background: url("../../images/picto-menu-store.svg") no-repeat center center !important;
          background-size: 16px 12px !important;
          width: 16px; }
      #header .menu > li.pll-parent-menu-item a {
        padding: 3px 19px 3px 5px !important;
        border: 1px solid #3cffd9;
        border-radius: 6px;
        position: relative; }
        #header .menu > li.pll-parent-menu-item a img {
          width: 25px !important;
          height: auto !important;
          margin-top: 4px;
          margin-left: 2px; }
        #header .menu > li.pll-parent-menu-item a:hover {
          background: #3cffd9; }
          #header .menu > li.pll-parent-menu-item a:hover:after {
            background: transparent !important;
            border-color: #000 transparent transparent transparent; }
        #header .menu > li.pll-parent-menu-item a:before {
          display: none; }
        #header .menu > li.pll-parent-menu-item a:after {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4px 4px 0 4px;
          border-color: #3cffd8 transparent transparent transparent;
          position: absolute;
          top: 14px;
          right: 5px;
          content: ""; }
      #header .menu > li.pll-parent-menu-item ul.sub-menu {
        width: 39px !important;
        left: 10px; }
        #header .menu > li.pll-parent-menu-item ul.sub-menu li {
          margin-bottom: 7px;
          padding: 0;
          border-radius: 6px; }
          #header .menu > li.pll-parent-menu-item ul.sub-menu li.current-lang {
            display: none; }
          #header .menu > li.pll-parent-menu-item ul.sub-menu li a {
            width: 50px !important;
            padding: 5px !important;
            border-radius: 6px !important; }
      #header .menu > li.account .user {
        background: none;
        padding: 3px 0 3px 0;
        border-radius: 0;
        display: block;
        font-size: 16px;
        color: #000;
        position: relative;
        font-weight: bold; }
        #header .menu > li.account .user a.link_user_to_account {
          display: block;
          float: left;
          width: 100%;
          height: 100%;
          position: relative;
          padding: 8px 25px 8px 5px;
          	/*
              &:after{
              	display: none;
              }
              */ }
          #header .menu > li.account .user a.link_user_to_account:after {
            content: "";
            width: 0px;
            height: 0px;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #fff;
            margin-top: 7px;
            margin-left: 6px;
            position: absolute;
            top: auto;
            bottom: 19px;
            right: 6px; }
          #header .menu > li.account .user a.link_user_to_account:hover:before {
            display: none; }
          #header .menu > li.account .user a.link_user_to_account.not_linked_to_twitch .name {
            margin-top: 18px; }
          #header .menu > li.account .user a.link_user_to_account.not_linked_to_twitch:after {
            bottom: 32px;
            right: 3px; }
        #header .menu > li.account .user i {
          margin-top: 0;
          margin-right: 5px;
          width: 16px;
          height: 17px;
          background: center center/16px 17px url("../../images/user-black.svg") no-repeat;
          display: inline-block;
          position: relative;
          top: 3px; }
        #header .menu > li.account .user .current_photo_profil_header {
          text-align: center;
          margin: 7px 11px 0 0;
          display: inline-block;
          float: left; }
          #header .menu > li.account .user .current_photo_profil_header .border_img {
            width: 45px;
            height: 45px;
            border-radius: 100%;
            overflow: hidden;
            display: inline-block; }
            #header .menu > li.account .user .current_photo_profil_header .border_img img {
              max-width: 45px;
              height: auto; }
        #header .menu > li.account .user .name_points {
          float: left;
          width: 100px; }
        #header .menu > li.account .user .name {
          max-width: 130px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #ffa532;
          float: left;
          margin-top: 8px;
          font-size: 17px;
          display: block; }
        #header .menu > li.account .user .points_twitch {
          margin-left: 0;
          font-size: 14px;
          font-weight: 700;
          margin-top: 3px;
          display: inline-block;
          color: #fff;
          position: relative;
          float: left; }
        #header .menu > li.account .user .logout, #header .menu > li.account .user .myaccount {
          transition: opacity 1s;
          opacity: 0;
          font-size: 14px;
          border-radius: 50px !important;
          font-size: 0.875rem;
          text-align: center;
          font-weight: 400;
          text-transform: none;
          display: inline-block;
          color: white;
          text-decoration: none;
          padding: 0.3125rem 0.625rem;
          background: transparent;
          border: 2px solid #ffa532;
          position: absolute;
          bottom: -25px;
          padding: 5px 15px;
          left: 50%;
          transform: translateX(-50%);
          text-transform: none;
          white-space: nowrap;
          background: #180822; }
          #header .menu > li.account .user .logout:hover, #header .menu > li.account .user .myaccount:hover {
            background: #ffa532;
            color: #000;
            font-weight: 700; }
        #header .menu > li.account .user .logoutonly {
          bottom: -65px; }
        #header .menu > li.account .user:hover .logout, #header .menu > li.account .user:hover .myaccount {
          opacity: 1; }
          #header .menu > li.account .user:hover .logout:before, #header .menu > li.account .user:hover .myaccount:before {
            display: none; }
      #header .menu > li.mouseover > a:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: auto;
        bottom: 0;
        background: #3cffd9;
        height: 2px;
        transition-property: left;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        width: 100%; }
      #header .menu > li.mouseover ul.sub-menu {
        opacity: 1;
        top: 97%; }
        #header .menu > li.mouseover ul.sub-menu:before {
          top: 0; }
        #header .menu > li.mouseover ul.sub-menu li a {
          padding: 0 !important; }
      #header .menu > li ul.sub-menu {
        position: absolute;
        top: -180px;
        left: 0;
        width: 60vw;
        padding-top: 16px;
        opacity: 0;
        z-index: -1;
        height: 0;
        transition: opacity 0.42s cubic-bezier(0.52, 0.16, 0.24, 1), top 0.7s cubic-bezier(0.52, 0.16, 0.24, 1), height 0.7s cubic-bezier(0.52, 0.16, 0.24, 1);
        /*
        display: flex;
        flex-flow: column wrap;
        align-content: flex-start;
        flex-grow: 1;
        margin-right: auto;
        */
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr; }
        #header .menu > li ul.sub-menu:before {
          height: 115%;
          position: absolute;
          top: -120%;
          left: -120%;
          right: -120%;
          content: "";
          background: #170927;
          width: auto;
          z-index: -1;
          transition-property: top;
          transition-duration: .7s;
          transition-timing-function: ease-out; }
        #header .menu > li ul.sub-menu li {
          margin-bottom: 7px;
          margin: 0;
          display: block;
          padding: 7px 0; }
          #header .menu > li ul.sub-menu li a {
            border: none;
            color: #fff !important;
            text-align: left !important;
            font-family: 'Work Sans', sans-serif; }
            #header .menu > li ul.sub-menu li a:before, #header .menu > li ul.sub-menu li a:after {
              display: none !important; }
            #header .menu > li ul.sub-menu li a:hover {
              color: #3cffd9 !important;
              font-weight: 900 !important; }
          #header .menu > li ul.sub-menu li.ico-blackjack a {
            display: inline-block;
            position: relative;
            /*
            &:after{
            	content:' ';
            	//background:$turquoise url("../../images/ico-site_blackjack.svg") no-repeat center center !important;
            	background-size:20px 20px !important;
            	width:20px;
            	height:20px;
            	display: inline-block !important;
            	margin-top:6px !important;
            	margin-left:6px !important;
            	border-radius: 0 !important;
            	position: absolute;
                left: 2px;
                top: 1px;
            }
            */ }
          #header .menu > li ul.sub-menu li.ico-blackjack:hover a, #header .menu > li ul.sub-menu li.ico-blackjack.current-menu-item a {
            color: #3cffd9; }
          #header .menu > li ul.sub-menu li.ico-hunt a {
            display: inline-block;
            position: relative;
            /*
            &:after{
            	content:' ';
            	//background:$turquoise url("../../images/ico-site_hunt.svg") no-repeat center center !important;
            	background-size:20px 20px !important;
            	width:20px;
            	height:20px;
            	display: inline-block !important;
            	margin-top:6px !important;
            	margin-left:6px !important;
            	border-radius: 0 !important;
            	position: absolute;
                left: 2px;
                top: 1px;
            }
            */ }
          #header .menu > li ul.sub-menu li.ico-stake a {
            display: inline-block;
            position: relative;
            /*
            &:after{
            	content:' ';
            	//background:$turquoise url("../../images/ico-site_crypto.svg") no-repeat center center !important;
            	background-size:20px 20px !important;
            	width:20px;
            	height:20px;
            	display: inline-block !important;
            	margin-top:6px !important;
            	margin-left:6px !important;
            	border-radius: 0 !important;
            	position: absolute;
                left: 2px;
                top: 1px;
            } 
            */ }
          #header .menu > li ul.sub-menu li.ico-live a {
            display: inline-block;
            position: relative;
            /*
            &:after{
            	content:' ';
            	//background:$turquoise url("../../images/ico-site_live.svg") no-repeat center center !important;
            	background-size:20px 20px !important;
            	width:20px;
            	height:20px;
            	display: inline-block !important;
            	margin-top:6px !important;
            	margin-left:6px !important;
            	border-radius: 0 !important;
            	position: absolute;
                left: 2px;
                top: 1px;
            }
            */ }
          #header .menu > li ul.sub-menu li.ico-roulette a {
            display: inline-block;
            position: relative;
            /*
            &:after{
            	content:' ';
            	//background:$turquoise url("../../images/ico-site_roulette.svg") no-repeat center center !important;
            	background-size:20px 20px !important;
            	width:20px;
            	height:20px;
            	display: inline-block !important;
            	margin-top:6px !important;
            	margin-left:6px !important;
            	border-radius: 0 !important;
            	position: absolute;
                left: 2px;
                top: 1px;
            }
            */ }
          #header .menu > li ul.sub-menu li.ico-paris-sportifs a {
            display: inline-block;
            position: relative;
            /*
            &:after{
            	content:' ';
            	//background:$turquoise url("../../images/ico-site_ballon.svg") no-repeat center center !important;
            	background-size:20px 20px !important;
            	width:20px;
            	height:20px;
            	display: inline-block !important;
            	margin-top:6px !important;
            	margin-left:6px !important;
            	border-radius: 0 !important;
            	position: absolute;
                left: 2px;
                top: 1px;
            }
            */ }
          #header .menu > li ul.sub-menu li.ico-le-100 a {
            display: inline-block;
            position: relative;
            /*
            &:after{
            	content:' ';
            	//background:$turquoise url("../../images/ico-site_the100.svg") no-repeat center center !important;
            	background-size:20px 20px !important;
            	width:20px;
            	height:20px;
            	display: inline-block !important;
            	margin-top:6px !important;
            	margin-left:6px !important;
            	border-radius: 0 !important;
            	position: absolute;
                left: 2px;
                top: 1px;
            }
            */ }
          #header .menu > li ul.sub-menu li.ico-patchinko a {
            display: inline-block;
            position: relative;
            /*
            &:after{
            	content:' ';
            	//background:$turquoise url("../../images/ico-site_patchinko.svg") no-repeat center center !important;
            	background-size:14px 14px !important;
            	width:14px;
            	height:14px;
            	display: inline-block !important;
            	margin-top:9px !important;
            	margin-left:10px !important;
            	border-radius: 0 !important;
            	position: absolute;
                left: 2px;
                top: 1px;
            }
            */ }
    #header .menu .lang-item {
      position: relative;
      color: white;
      text-align: center;
      border-radius: 20px;
      padding: 0.3125rem 0.9375rem;
      font-size: 17px;
      overflow: hidden; }
      #header .menu .lang-item:before, #header .menu .lang-item:after {
        content: "";
        display: block;
        position: absolute;
        border-radius: 20px; }
      #header .menu .lang-item:before {
        left: -101%;
        top: 0;
        width: 201%;
        height: 100%;
        background: #3cffd9;
        background: linear-gradient(90deg, #3cffd9 0%, #3cffd9 50%, #180822 50%, #180822 100%);
        z-index: -2;
        transition: left 0.7s; }
      #header .menu .lang-item:after {
        background: #3cffd9;
        left: 0.125rem;
        top: 0.125rem;
        right: 0.125rem;
        bottom: 0.125rem;
        z-index: -1; }
      #header .menu .lang-item:hover:before {
        left: 0%; }
      #header .menu .lang-item:after {
        background: #180822; }
      #header .menu .lang-item a:before {
        display: none; }
      #header .menu .lang-item img {
        width: 25px !important;
        margin-top: 7px; }

.page-template-template-betsport #header {
  background: #002b78;
  background: linear-gradient(90deg, #002b78 0%, #840173 100%); }

@media screen and (max-width: 1024px) {
  #header .menu li a {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 1.125rem; } }
/* MOBILE */
@media screen and (max-width: 768px) {
  #header .col3 {
    position: relative;
    z-index: 3; }
  #header .col11 {
    position: relative;
    z-index: 2; }
  #header .logo {
    max-height: 45px; }
  #header .ico_burger {
    display: block;
    float: right;
    width: 1.5625rem;
    height: 1.5625rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transition: all 0.6s; }
    #header .ico_burger span {
      position: absolute;
      top: calc( 50% - 1px);
      right: 0;
      display: block;
      width: 1.5625rem;
      background: white;
      height: 0.1875rem;
      position: relative;
      border-radius: 0.625rem; }
      #header .ico_burger span:before, #header .ico_burger span:after {
        background: white;
        height: 0.1875rem;
        width: 1.5625rem;
        border-radius: 0.625rem;
        content: "";
        left: 0;
        position: absolute; }
      #header .ico_burger span:before {
        transform: translateY(-8px); }
      #header .ico_burger span:after {
        transform: translateY(8px); }
    #header .ico_burger:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      width: 1.5625rem;
      height: 1.5625rem;
      background: #200F36;
      border-radius: 50%;
      transition: all 0.3s; }
  #header .menu {
    top: 150%;
    left: 0;
    visibility: hidden;
    z-index: 5;
    position: absolute;
    height: auto;
    text-align: center; }
    #header .menu li {
      margin: 0 0 17px 0;
      text-align: center;
      opacity: 0;
      transition: opacity 0.5s;
      width: 100%; }
      #header .menu li a {
        width: auto;
        max-width: 12.5rem;
        text-align: center; }
      #header .menu li.lang-item {
        display: inline-block; }
  #header .col11.open .menu {
    display: block;
    visibility: visible; }
    #header .col11.open .menu li {
      opacity: 1; }
  #header .col11.open .ico_burger {
    transform: translateY(-50%) rotate(360deg); }
    #header .col11.open .ico_burger span {
      background: rgba(255, 255, 255, 0); }
      #header .col11.open .ico_burger span:before {
        transform: translateY(0px) rotate(45deg); }
      #header .col11.open .ico_burger span:after {
        transform: translateY(0px) rotate(-45deg); }
    #header .col11.open .ico_burger:before {
      width: 300vh;
      height: 300vh; } }
/* MOBILE */
@media screen and (max-width: 768px) {
  #header {
    height: 96px; }
    #header.header_with_infobar .wrapper .menu li.menu-item.account .user {
      top: 20px !important; }
    #header .wrapper .menu {
      top: 110px;
      left: 10%;
      position: fixed;
      width: 80%;
      background: #200F36;
      /* nouveau menu mon compte header mobile */ }
      #header .wrapper .menu li:not(.lang-item) {
        justify-content: center; }
        #header .wrapper .menu li:not(.lang-item).account .user {
          width: 100%; }
          #header .wrapper .menu li:not(.lang-item).account .user i, #header .wrapper .menu li:not(.lang-item).account .user span, #header .wrapper .menu li:not(.lang-item).account .user:after {
            display: none; }
          #header .wrapper .menu li:not(.lang-item).account .user .logout, #header .wrapper .menu li:not(.lang-item).account .user .myaccount {
            position: relative;
            opacity: 1;
            font-size: 1.25rem;
            bottom: unset; }
        #header .wrapper .menu li:not(.lang-item) a:not(.user):not(.logout), #header .wrapper .menu li:not(.lang-item) a:not(.user):not(.myaccount) {
          font-size: 24px;
          max-width: none; }
      #header .wrapper .menu li.connexion a {
        display: inline-block;
        width: auto;
        padding: 4px 15px 8px !important; }
      #header .wrapper .menu li.lang-item:before, #header .wrapper .menu li.lang-item:after {
        display: none; }
      #header .wrapper .menu li.menu-item.account {
        visibility: visible;
        opacity: 1;
        position: fixed;
        top: 0;
        left: 100px;
        right: 70px;
        width: auto; }
        #header .wrapper .menu li.menu-item.account .logout {
          display: none; }
        #header .wrapper .menu li.menu-item.account .user {
          top: 15px;
          transition: all 0.6s;
          text-align: center;
          margin: 0 auto;
          width: 100%; }
          #header .wrapper .menu li.menu-item.account .user a.link_user_to_account {
            display: block;
            text-align: center;
            padding-right: 8px; }
            #header .wrapper .menu li.menu-item.account .user a.link_user_to_account * {
              display: block; }
            #header .wrapper .menu li.menu-item.account .user a.link_user_to_account:after {
              display: none; }
            #header .wrapper .menu li.menu-item.account .user a.link_user_to_account .name {
              font-size: 15px; }
            #header .wrapper .menu li.menu-item.account .user a.link_user_to_account .points_twitch {
              font-size: 13px; }
      #header .wrapper .menu li.picto-menu.slots > a:after {
        top: 16px; }
      #header .wrapper .menu li.picto-menu.giveaways > a:after {
        top: 18px; }
      #header .wrapper .menu li.picto-menu.fakehover > a:after {
        content: '';
        background: transparent !important; }
      #header .wrapper .menu li.picto-menu.fakehover > a:before {
        margin-left: 0; }
      #header .wrapper .menu li.picto-menu > a {
        padding-left: 22px; }
      #header .wrapper .menu li.menu-item-has-children > a {
        padding-right: 0px !important;
        position: relative !important;
        overflow: visible !important;
        padding-left: 22px;
        /*
        &:before{
        	display: none;
        }
        */ }
        #header .wrapper .menu li.menu-item-has-children > a:before {
          content: '';
          background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M30.3%2C97.4c1.9%2C0%2C3.9-0.7%2C5.3-2.2L75.8%2C55c2.9-2.9%2C2.9-7.7%2C0-10.7L35.6%2C4.1c-2.9-2.9-7.7-2.9-10.7%2C0s-2.9%2C7.7%2C0%2C10.7%0A%09l34.9%2C34.9L24.9%2C84.5c-2.9%2C2.9-2.9%2C7.7%2C0%2C10.7C26.4%2C96.6%2C28.3%2C97.4%2C30.3%2C97.4z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center center !important;
          width: .8em;
          height: .7em;
          position: absolute;
          display: inline-block;
          margin-left: 10px;
          top: 33%;
          left: 115%; }
        #header .wrapper .menu li.menu-item-has-children > a:after {
          top: 18px;
          background-size: 15px 15px !important; }
      #header .wrapper .menu li.menu-item-has-children.current-menu-item:before, #header .wrapper .menu li.menu-item-has-children.current-page-ancestor:before {
        display: block; }
      #header .wrapper .menu li {
        justify-content: left !important; }
        #header .wrapper .menu li.hidden, #header .wrapper .menu li.parentactive {
          display: none; }
        #header .wrapper .menu li:hover ul.sub-menu {
          opacity: 0; }
        #header .wrapper .menu li ul.sub-menu {
          transition: none !important; }
        #header .wrapper .menu li.pll-parent-menu-item > a {
          display: none !important; }
        #header .wrapper .menu li.pll-parent-menu-item ul {
          top: 0;
          left: 0;
          position: relative;
          width: 100% !important;
          opacity: 1;
          text-align: left; }
          #header .wrapper .menu li.pll-parent-menu-item ul:before {
            display: none; }
          #header .wrapper .menu li.pll-parent-menu-item ul li {
            display: inline-block !important;
            width: auto; }
            #header .wrapper .menu li.pll-parent-menu-item ul li.current-lang {
              border: 1px solid #3cffd9;
              border-radius: 5px; }
            #header .wrapper .menu li.pll-parent-menu-item ul li a {
              padding: 3px 6px;
              background: none !important; }
        #header .wrapper .menu li.fakehover {
          margin-top: 0; }
          #header .wrapper .menu li.fakehover > a {
            display: none; }
          #header .wrapper .menu li.fakehover.opensub {
            margin-top: 10px; }
            #header .wrapper .menu li.fakehover.opensub > a {
              display: block !important;
              text-align: left !important;
              color: #fff !important;
              font-size: 1.4em !important;
              background: none !important;
              position: relative !important;
              width: 100% !important;
              height: 22px;
              padding-bottom: 8px !important;
              font-weight: 900 !important; }
              #header .wrapper .menu li.fakehover.opensub > a span.back {
                color: #fff;
                font-size: 22px;
                font-weight: 900;
                position: absolute;
                left: 25px;
                top: 13%; }
              #header .wrapper .menu li.fakehover.opensub > a span.current {
                color: #3cffd9;
                display: block;
                text-align: right;
                width: 100%;
                font-size: 0.9em; }
              #header .wrapper .menu li.fakehover.opensub > a span.previous {
                color: #fff;
                display: block;
                font-size: 0.7em;
                text-align: right;
                width: 100%;
                line-height: 1em; }
          #header .wrapper .menu li.fakehover > a:before {
            content: '';
            background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M70.5%2C97.4c-1.9%2C0-3.9-0.7-5.3-2.2L24.9%2C55c-2.9-2.9-2.9-7.7%2C0-10.7L65.1%2C4.1c2.9-2.9%2C7.7-2.9%2C10.7%2C0s2.9%2C7.7%2C0%2C10.7%0A%09L40.9%2C49.6l34.9%2C34.9c2.9%2C2.9%2C2.9%2C7.7%2C0%2C10.7C74.3%2C96.6%2C72.4%2C97.4%2C70.5%2C97.4z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center center !important;
            width: 18px !important;
            height: 14px !important;
            position: absolute !important;
            display: inline-block !important;
            top: 44% !important;
            left: 0 !important; }
          #header .wrapper .menu li.fakehover > a:after {
            display: none; }
          #header .wrapper .menu li.fakehover ul.sub-menu {
            width: 100% !important;
            opacity: 1;
            margin-left: 0;
            display: block;
            position: absolute;
            top: 40px;
            left: 0; }
            #header .wrapper .menu li.fakehover ul.sub-menu:before {
              display: none; }
            #header .wrapper .menu li.fakehover ul.sub-menu > li {
              text-align: left; }
              #header .wrapper .menu li.fakehover ul.sub-menu > li a {
                width: auto !important;
                background: transparent !important;
                color: #fff !important;
                text-align: center !important;
                font-size: 20px !important;
                text-align: left !important; }
                #header .wrapper .menu li.fakehover ul.sub-menu > li a:after {
                  background-color: transparent !important; }
              #header .wrapper .menu li.fakehover ul.sub-menu > li.current-menu-item a {
                border-bottom: 2px solid #3cffd9;
                border-radius: 0; }
    #header > .wrapper > .row > div {
      height: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      position: relative;
      text-align: center; }
    #header .logo {
      z-index: 10;
      position: relative; }
    #header.sticky .wrapper .menu li:not(.lang-item).account .user {
      top: -11px; }
    #header.sticky > .wrapper > .row > div {
      height: 90%;
      padding-top: 8px;
      padding-bottom: 4px; } }
#footer_top {
  margin-top: 3.75rem;
  background: #000;
  color: #fff;
  padding: 25px 0; }
  #footer_top * {
    font-size: 1.0625rem;
    color: white; }
  #footer_top h3 {
    font-size: 15px;
    text-transform: none;
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-style: italic;
    margin: 0 0 10px 0; }
    #footer_top h3.marginTop {
      margin-top: 2.5rem; }
  #footer_top table {
    width: 100% !important; }
  #footer_top p, #footer_top ul li, #footer_top td {
    margin: 0;
    font-size: 1rem; }
    #footer_top p a, #footer_top ul li a, #footer_top td a {
      font-size: 1rem;
      text-decoration: underline; }
  #footer_top .socialsMenu {
    list-style-type: none;
    display: block; }
    #footer_top .socialsMenu li {
      margin-right: 0;
      margin-bottom: 10px;
      display: block;
      clear: both;
      line-height: 28px; }
      #footer_top .socialsMenu li a {
        background: url(../../images/picto-socials-orange.png) transparent no-repeat;
        background-size: auto 2.875rem;
        height: 1.4375rem;
        display: block;
        transition: background-position 0.3s;
        font-size: 13px;
        text-decoration: none;
        white-space: nowrap; }
        #footer_top .socialsMenu li a:hover {
          color: #00fe82; }
      #footer_top .socialsMenu li.contact a {
        width: 28px;
        height: 28px;
        padding-left: 35px;
        background: url(../../images/icon-mail.svg) no-repeat left center/contain; }
      #footer_top .socialsMenu li.twitter a {
        width: 28px;
        height: 28px;
        padding-left: 35px;
        background: url(../../images/icon-twitter.svg) no-repeat left center/contain; }
      #footer_top .socialsMenu li.facebook a {
        width: 0.625rem;
        background-position: -6.4375rem 0;
        padding-left: 35px; }
        #footer_top .socialsMenu li.facebook a:hover {
          background-position: -6.4375rem -1.4375rem; }
      #footer_top .socialsMenu li.twitch a {
        width: 1.15625rem;
        background-position: -1.25rem 0; }
        #footer_top .socialsMenu li.twitch a:hover {
          background-position: -1.25rem -1.4375rem; }
      #footer_top .socialsMenu li.discord a {
        width: 1.21875rem;
        background-position: -2.4375rem 0; }
        #footer_top .socialsMenu li.discord a:hover {
          background-position: -2.4375rem -1.4375rem; }
      #footer_top .socialsMenu li.instagram a {
        width: 28px;
        height: 28px;
        padding-left: 35px;
        background: url(../../images/icon-ig.svg) no-repeat left center/contain; }
      #footer_top .socialsMenu li.youtube a {
        width: 1.46875rem;
        background-position: -4.9375rem 0; }
        #footer_top .socialsMenu li.youtube a:hover {
          background-position: -4.9375rem -1.4375rem; }
  #footer_top .menu_footer {
    width: 62.5%; }
    #footer_top .menu_footer #footer_menu {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      justify-content: space-between;
      padding-right: 25px; }
      #footer_top .menu_footer #footer_menu > li a {
        text-decoration: none;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        display: inline-block;
        margin-bottom: 5px;
        font-size: 13px; }
        #footer_top .menu_footer #footer_menu > li a:hover {
          color: #00fe82; }
      #footer_top .menu_footer #footer_menu > li.not_a_link {
        cursor: default; }
        #footer_top .menu_footer #footer_menu > li.not_a_link > a {
          cursor: default;
          font-size: 15px;
          pointer-events: none; }
          #footer_top .menu_footer #footer_menu > li.not_a_link > a:hover {
            color: white; }
        #footer_top .menu_footer #footer_menu > li.not_a_link ul li a {
          font-size: 13px; }
          #footer_top .menu_footer #footer_menu > li.not_a_link ul li a:hover {
            color: #00fe82; }
      #footer_top .menu_footer #footer_menu > li > a {
        font-weight: 800;
        /*text-transform: uppercase;*/
        text-transform: none;
        font-size: 15px; }
  #footer_top div.fca_eoi_layout_16, #footer_top form.fca_eoi_layout_16 {
    padding-top: 0; }
  #footer_top .fca_eoi_form_wrapper .fca_eoi_layout_headline_copy_wrapper.fca_eoi_form_text_element {
    margin: 0;
    padding: 0;
    text-align: left; }
    #footer_top .fca_eoi_form_wrapper .fca_eoi_layout_headline_copy_wrapper.fca_eoi_form_text_element > div {
      font-weight: 900;
      font-family: "Work Sans", sans-serif;
      margin-bottom: 10px; }
  #footer_top .fca_eoi_form_wrapper .fca_eoi_layout_email_field_wrapper {
    float: left;
    border-radius: 55px;
    margin-bottom: 10px;
    margin-right: 3px; }
  #footer_top .fca_eoi_form_wrapper .fca_eoi_form_input_element {
    margin: 0;
    padding: 2px 0;
    font-weight: 700;
    font-family: "Arial", sans-serif;
    font-size: 12px !important; }
  #footer_top .fca_eoi_form_wrapper .fca_eoi_layout_inputs_wrapper {
    margin: 0;
    padding: 0; }
  #footer_top .fca_eoi_form_wrapper .fca_eoi_layout_submit_button_wrapper {
    margin-bottom: 10px; }
  #footer_top .fca_eoi_form_wrapper div.fca_eoi_layout_submit_button_wrapper:hover, #footer_top .fca_eoi_form_wrapper div.fca_eoi_layout_submit_button_wrapper input:hover {
    background: transparent !important; }
  #footer_top .fca_eoi_form_wrapper div.fca_eoi_layout_submit_button_wrapper input {
    font-weight: 700;
    font-family: "Arial", sans-serif;
    font-size: 13px !important; }
  #footer_top .fca_eoi_form_wrapper .fca_eoi_layout_privacy_copy_wrapper.fca_eoi_form_text_element > div {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 12px !important;
    line-height: 17px; }
    #footer_top .fca_eoi_form_wrapper .fca_eoi_layout_privacy_copy_wrapper.fca_eoi_form_text_element > div a {
      font-size: 12px !important;
      color: #fff;
      text-decoration: underline; }
  #footer_top .fca_eoi_form_wrapper .fca_eoi_layout_description_copy_wrapper.fca_eoi_form_text_element {
    margin: 0;
    padding: 0; }
    #footer_top .fca_eoi_form_wrapper .fca_eoi_layout_description_copy_wrapper.fca_eoi_form_text_element label {
      margin-top: -45px; }
  #footer_top #fca_eoi_form_5360 .fca_eoi_layout_16.fca_eoi_layout_postbox div.fca_eoi_layout_submit_button_wrapper:hover, #footer_top #fca_eoi_form_5360 .fca_eoi_layout_16.fca_eoi_layout_postbox div.fca_eoi_layout_submit_button_wrapper input:hover {
    background: #00fe82 !important; }
  #footer_top #fca_eoi_form_5360 .fca_eoi_layout_16.fca_eoi_layout_postbox div.fca_eoi_layout_submit_button_wrapper:hover, #footer_top #fca_eoi_form_5360 .fca_eoi_layout_16.fca_eoi_layout_postbox div.fca_eoi_layout_submit_button_wrapper:hover {
    background: inherit !important; }
  #footer_top #fca_eoi_form_2222 .fca_eoi_layout_16.fca_eoi_layout_postbox div.fca_eoi_layout_submit_button_wrapper input:hover {
    background: #00fe82 !important; }
  #footer_top #fca_eoi_form_5222 .fca_eoi_layout_16.fca_eoi_layout_postbox div.fca_eoi_layout_submit_button_wrapper:hover {
    background: transparent !important; }
  #footer_top #fca_eoi_form_5222 .fca_eoi_layout_16.fca_eoi_layout_postbox div.fca_eoi_layout_submit_button_wrapper:hover {
    background: inherit !important; }
  #footer_top .newsletter {
    font-size: 13px;
    margin-left: 0;
    width: 33%; }
    #footer_top .newsletter p {
      font-size: 13px; }
    #footer_top .newsletter form {
      float: left;
      width: 100%;
      display: block; }
      #footer_top .newsletter form label {
        font-size: 12px;
        display: block;
        clear: both;
        margin-bottom: 10px;
        cursor: pointer; }
      #footer_top .newsletter form input[type=text] {
        background: #fff;
        color: #000;
        border-radius: 55px;
        border: none;
        height: 25px;
        line-height: 27px;
        font-size: 12px;
        padding: 0 12px;
        font-weight: 700;
        width: calc(100% - 82px);
        margin: 0 5px 10px 0;
        float: left; }
      #footer_top .newsletter form input[type=submit] {
        background: #00fe82;
        color: #000;
        border-radius: 55px;
        border: none;
        height: 25px;
        line-height: 27px;
        font-size: 13px;
        padding: 0;
        font-weight: 700;
        width: 77px;
        text-align: center;
        margin-bottom: 10px;
        cursor: pointer;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s; }
        #footer_top .newsletter form input[type=submit]:hover {
          -ms-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
      #footer_top .newsletter form input:focus {
        outline: none; }
      #footer_top .newsletter form > p {
        margin-bottom: 10px;
        font-size: 12px; }
        #footer_top .newsletter form > p a {
          font-size: 12px; }
        #footer_top .newsletter form > p.last {
          padding-left: 5px; }

#footer {
  position: relative;
  padding-bottom: 0;
  /* @include orangeGradient(-90deg); */
  z-index: 115;
  background: #000;
  padding: 25px 0; }
  #footer * {
    font-size: 1.0625rem;
    color: white; }
  #footer h3 {
    font-size: 1.375rem;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-style: italic;
    margin: 0 0 0.9375rem 0; }
    #footer h3.marginTop {
      margin-top: 2.5rem; }
  #footer table {
    width: 100% !important; }
  #footer p, #footer ul li, #footer td {
    margin: 0;
    font-size: 1rem; }
    #footer p a, #footer ul li a, #footer td a {
      font-size: 1rem;
      text-decoration: underline; }
  #footer table th, #footer table td {
    text-align: left;
    padding: 5px 0; }
  #footer .jeu_responsable {
    margin-top: 1.25rem;
    margin-bottom: 1.5625rem; }
    #footer .jeu_responsable p.logos_jeu_responsable {
      margin-bottom: 30px; }
      #footer .jeu_responsable p.logos_jeu_responsable img {
        height: 40px;
        width: auto; }
    #footer .jeu_responsable ul {
      margin: 1.25rem 0;
      float: left;
      width: 100%;
      clear: both; }
      #footer .jeu_responsable ul.list_legals {
        list-style-type: none; }
        #footer .jeu_responsable ul.list_legals li {
          float: left;
          margin-right: 35px; }
          #footer .jeu_responsable ul.list_legals li:first-of-type {
            margin-right: 30px; }
          #footer .jeu_responsable ul.list_legals li a {
            font-size: 14px;
            text-decoration: none;
            top: 3px;
            position: relative; }
            #footer .jeu_responsable ul.list_legals li a:hover {
              color: #00fe82; }
    #footer .jeu_responsable p {
      font-weight: 300;
      line-height: 1.7em;
      font-size: 15px; }
  #footer form input[type="email"] {
    display: block;
    border: 0;
    outline: none;
    width: 90%;
    border-radius: 0.625rem;
    height: 2.5rem;
    padding: 0.3125rem 0.625rem;
    color: rgba(0, 0, 0, 0.7);
    position: relative;
    z-index: 2; }
  #footer form ::-webkit-input-placeholder {
    /* Edge */
    color: black; }
  #footer form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: black; }
  #footer form ::placeholder {
    color: black; }
  #footer form input[type="checkbox"] {
    display: none; }
    #footer form input[type="checkbox"] + label {
      margin-top: 0.625rem;
      font-size: 0.625rem;
      line-height: 1.2;
      display: inline-block;
      position: relative;
      padding-left: 0.9375rem; }
      #footer form input[type="checkbox"] + label a {
        font-size: 0.625rem;
        text-decoration: underline; }
      #footer form input[type="checkbox"] + label:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 0.5rem;
        height: 0.5rem;
        content: "";
        background: transparent;
        border: 0.0625rem solid white;
        border-radius: 0.125rem; }
    #footer form input[type="checkbox"]:checked + label:before {
      background: white; }
  #footer form input[type="submit"] {
    margin-top: 0.9375rem;
    width: 50%;
    height: 2.5rem;
    border-radius: 20px;
    border: 0;
    background: #2f006d;
    background: linear-gradient(90deg, #2f006d 0%, #5a0596 100%);
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 0.9375rem; }
  #footer form div.mce_inline_error {
    position: relative;
    z-index: 1;
    margin-top: -0.625rem;
    padding: 1.25rem 0.625rem 0.3125rem;
    background: #2f006d;
    width: 90%;
    border-radius: 0 0 10px 10px;
    font-size: 0.75rem; }
  #footer form #mce-success-response, #footer form #mce-error-response {
    border: 0;
    margin-top: 0.9375rem;
    font-size: 0.9375rem; }
    #footer form #mce-success-response a, #footer form #mce-error-response a {
      font-size: 0.9375rem;
      text-decoration: underline; }

.page-template-template-betsport #footer {
  background: #002b78;
  background: linear-gradient(150deg, #790473 0%, #331a76 100%); }

/* SMALL SCREENS */
@media screen and (max-width: 1024px) {
  #footer .col5, #footer .col7 {
    width: 97%; }
  #footer .col7 {
    margin-top: 1.875rem; }
  #footer .block {
    float: left;
    width: 50%; }
    #footer .block h3 {
      margin-top: 0;
      font-size: 1.25rem; }
  #footer form input[type="email"] {
    width: 100%; }
  #footer .col3.social {
    display: block;
    width: 100%;
    /*.socialsMenu{
    	justify-content: center;
    }
    */ }
  #footer .menu_footer {
    display: block;
    width: 100%;
    margin-top: 2.1875rem; }
    #footer .menu_footer #footer_menu {
      width: 100%;
      			    /*
      				> li{
      					//display: inline-block;
      					//width: 48%;
      					//margin-right: 1%;
      					//float: left;
      					text-align: center;
      					display: block;
      					margin-bottom:20px;
      					a{
      						display: block;
      						margin-bottom:5px;
      					}
      
      					> a{font-size:rem(23) !important}
      
      					&.not_a_link{
      						ul{
      							li{
      								a{
      									font-size:rem(19);
      								}
      							}
      						}
      					}
      				}
      				*/ } }
/* TABLETTE */
@media screen and (max-width: 768px) {
  #footer .block h3 {
    margin-top: 0;
    font-size: 1.1875rem; }
  #footer p, #footer ul li {
    font-size: 0.875rem; }
    #footer p a, #footer ul li a {
      font-size: 0.875rem; } }
/* MOBILE */
@media screen and (max-width: 640px) {
  #footer_top > .wrapper > .col8 {
    width: 100%;
    margin: 0; }
    #footer_top > .wrapper > .col8 > .col9 {
      width: 100%;
      margin: 0 0 20px; }
    #footer_top > .wrapper > .col8 > .col3 {
      width: 100%;
      margin: 0 0 20px; }
  #footer_top > .wrapper > .col4 {
    width: 100%;
    margin: 0; }
  #footer_top .menu_footer #footer_menu {
    display: block; }
    #footer_top .menu_footer #footer_menu > li {
      margin-bottom: 20px; }
      #footer_top .menu_footer #footer_menu > li.not_a_link > a {
        font-size: 23px; }
      #footer_top .menu_footer #footer_menu > li.not_a_link ul li a {
        font-size: 16px; }
      #footer_top .menu_footer #footer_menu > li > a {
        font-size: 23px;
        margin-bottom: 10px; }
      #footer_top .menu_footer #footer_menu > li ul li {
        margin-bottom: 6px; }
        #footer_top .menu_footer #footer_menu > li ul li a {
          font-size: 16px; }
  #footer_top h3 {
    font-size: 23px;
    margin-bottom: 10px; }

  #footer {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100; }
    #footer p a, #footer ul li a {
      display: inline-block; }
    #footer .block {
      float: none;
      width: 100%; }
      #footer .block h3 {
        font-size: 1rem; }
        #footer .block h3.marginTop {
          margin-top: 1.875rem; }
    #footer .col3.social {
      display: block;
      width: 100%;
      text-align: center; }
      #footer .col3.social h3 {
        font-size: 1.4375rem; }
      #footer .col3.social .socialsMenu {
        justify-content: center; }
    #footer .menu_footer {
      display: block;
      width: 100%;
      margin-top: 2.1875rem; }
      #footer .menu_footer #footer_menu {
        display: block;
        width: 100%; }
        #footer .menu_footer #footer_menu > li {
          /*display: inline-block;
          width: 48%;
          margin-right: 1%;
          float: left;
          */
          text-align: left;
          display: block;
          margin-bottom: 27px; }
          #footer .menu_footer #footer_menu > li a {
            display: block;
            margin-bottom: 9px;
            text-transform: none; }
          #footer .menu_footer #footer_menu > li > a {
            font-size: 16px !important; }
          #footer .menu_footer #footer_menu > li.not_a_link ul li a {
            font-size: 16px !important; }
    #footer .jeu_responsable {
      margin-top: 30px; }
      #footer .jeu_responsable .logos_jeu_responsable a {
        margin-bottom: 10px; }
      #footer .jeu_responsable .list_legals {
        margin-top: 0; }
        #footer .jeu_responsable .list_legals li {
          display: block;
          width: 100%;
          margin-bottom: 10px; } }
.jq-stars {
  display: inline-block; }

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana; }

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: default;
  position: relative; }

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100%; }

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round; }

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow(-2px -2px 2px #888);
  filter: drop-shadow(-2px -2px 2px #888); }

.my-rating {
  display: inline-block; }

#avisCasino {
  position: relative; }
  #avisCasino .avisBackground {
    padding-top: 35px;
    padding-bottom: 35px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat; }
    #avisCasino .avisBackground .logo_casino {
      float: left;
      margin-right: 20px;
      width: 210px;
      height: 80px;
      line-height: 80px;
      vertical-align: middle; }
      #avisCasino .avisBackground .logo_casino img {
        max-width: 100%;
        max-height: 80px;
        vertical-align: middle; }
    #avisCasino .avisBackground .note {
      display: inline-block;
      text-align: center;
      width: 125px; }
    #avisCasino .avisBackground .intro p {
      margin: 1.5em 0; }
      #avisCasino .avisBackground .intro p strong {
        font-size: 1.5em; }
    #avisCasino .avisBackground .button {
      background: #ffa532;
      padding: 0.625rem 1.3125rem;
      font-size: 16px;
      color: #000;
      border: 2px solid #ffa532;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      border-radius: 50px;
      text-decoration: none;
      font-weight: bold;
      transition-duration: .3s;
      transition-property: transform; }
      #avisCasino .avisBackground .button:hover {
        transform: scale(1.1); }
  #avisCasino img {
    max-width: 100%;
    height: auto; }
  #avisCasino #innerAvisCasino {
    position: relative; }
    #avisCasino #innerAvisCasino section img {
      border-radius: 15px; }
  #avisCasino .my-rating {
    margin-top: 13px; }
  #avisCasino #menu_left {
    width: 33vw;
    background: rgba(60, 255, 217, 0.95);
    height: 100%;
    position: absolute;
    left: calc(-33vw + 50px);
    padding-right: 50px;
    top: 0;
    z-index: 100;
    -webkit-transition: left .1s;
    transition: left .1s;
    /*&:before{
    	position: absolute;
    	right: -10px;
    	top:0;
    	content: ' ';
    	height: 55px;
    	width: 100%;
    	border-radius:15px;
    	background: rgba($menu_bleu_clair, 0.95);
    }
    */ }
    #avisCasino #menu_left .menu_toggle {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      width: 20px;
      height: 20px; }
      #avisCasino #menu_left .menu_toggle:before, #avisCasino #menu_left .menu_toggle:after {
        position: absolute;
        left: 5px;
        content: ' ';
        height: 25px;
        width: 2px;
        background-color: #fff; }
      #avisCasino #menu_left .menu_toggle:before {
        transform: rotate(0); }
      #avisCasino #menu_left .menu_toggle:after {
        transform: rotate(90deg); }
    #avisCasino #menu_left.open {
      left: 0;
      width: auto; }
      #avisCasino #menu_left.open .menu_toggle:before {
        transform: rotate(45deg); }
      #avisCasino #menu_left.open .menu_toggle:after {
        transform: rotate(-45deg); }
    #avisCasino #menu_left ul {
      padding: 50px 0 0 60px; }
      #avisCasino #menu_left ul li {
        display: block;
        margin-bottom: 17px; }
        #avisCasino #menu_left ul li a {
          font-size: 20px;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          color: #210f35; }
          #avisCasino #menu_left ul li a:hover {
            color: #fff; }
        #avisCasino #menu_left ul li.active a {
          color: #210f35;
          font-weight: 900; }
  #avisCasino .fixedElement {
    z-index: 50;
    position: relative;
    padding-top: 33px; }
    #avisCasino .fixedElement a {
      overflow: hidden;
      display: block; }
      #avisCasino .fixedElement a img {
        border-radius: 15px;
        max-width: 85%; }
  #avisCasino .wrapper {
    color: #fff; }
    #avisCasino .wrapper h1 {
      font-family: 'Work Sans', sans-serif;
      font-size: 32px;
      font-weight: 800;
      text-transform: uppercase;
      color: #fff; }
    #avisCasino .wrapper h2 {
      font-family: 'Work Sans', sans-serif;
      font-size: 2em;
      font-weight: 800;
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 0;
      padding-top: 15px; }
    #avisCasino .wrapper h3 {
      font-family: 'Work Sans', sans-serif;
      font-size: 1.3em;
      font-weight: 800;
      text-transform: none;
      color: #3cffd9;
      margin-bottom: 0;
      margin-top: 0.7em; }
    #avisCasino .wrapper p {
      font-family: 'Work Sans', sans-serif;
      font-size: 1.1em;
      color: white;
      line-height: 1.5em; }
      #avisCasino .wrapper p a {
        text-decoration: underline; }
        #avisCasino .wrapper p a:hover {
          color: #3cffd9; }
    #avisCasino .wrapper figure {
      margin: 0; }
    #avisCasino .wrapper ul {
      list-style-type: none;
      margin-bottom: 1em;
      margin-top: 1em; }
      #avisCasino .wrapper ul li {
        margin-bottom: .3em; }
        #avisCasino .wrapper ul li:before {
          content: '- '; }
    #avisCasino .wrapper fieldset {
      border: solid 2px #3cffd9;
      border-radius: 6px;
      padding: 15px 15px 5px; }
      #avisCasino .wrapper fieldset h3 {
        color: #3cffd9;
        margin-top: 0;
        margin-bottom: 5px;
        font-weight: 900;
        font-size: 1.35em; }
      #avisCasino .wrapper fieldset p {
        color: #3cffd9;
        margin-top: 5px;
        margin-bottom: 5px; }
      #avisCasino .wrapper fieldset ul {
        color: #fff;
        margin-top: 10px;
        margin-bottom: 10px; }
        #avisCasino .wrapper fieldset ul li {
          color: #fff; }
    #avisCasino .wrapper a.read_more {
      border-radius: 50px !important;
      font-size: 0.875rem;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      color: white;
      text-decoration: none;
      padding: 0.3125rem 0.625rem;
      background: transparent;
      border: 2px solid #ffa532;
      z-index: 1;
      border-radius: 50px;
      overflow: hidden;
      padding: 0.375rem 1.0625rem;
      font-size: 17px;
      display: inline-block;
      text-decoration: none;
      width: auto; }
      #avisCasino .wrapper a.read_more:hover {
        background: #ffa532;
        color: #000;
        font-weight: 700; }
      #avisCasino .wrapper a.read_more:after {
        background: #261240; }
      #avisCasino .wrapper a.read_more:hover {
        color: #fff; }
  #avisCasino .bouton_read_more {
    background: #e73b1a;
    background: -webkit-gradient(linear, left top, right top, from(#e73b1a), to(#ff9000));
    background: linear-gradient(90deg, #e73b1a 0%, #ff9000 100%);
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.75rem 1.375rem; }

.single-avis_casino #avisCasino .fixedElement {
  padding-top: 50px; }
  .single-avis_casino #avisCasino .fixedElement img {
    max-width: 85%; }

/* MOBILE */
@media screen and (max-width: 768px) {
  #avisCasino .wrapper h2 {
    font-size: 1.5em; }
  #avisCasino .avisBackground .col6 {
    width: 100%; }
  #avisCasino .fixedElement {
    display: none !important; }
  #avisCasino #menu_left {
    width: 75vw !important;
    left: calc(-75vw + 50px) !important;
    padding-right: 50px; }
    #avisCasino #menu_left.open {
      left: 0 !important; }
    #avisCasino #menu_left ul {
      padding: 50px 0 0 20px; }
  #avisCasino #innerAvisCasino .col8 {
    width: 100%; } }
#listingAvisCasino {
  color: #fff; }
  #listingAvisCasino .hideonmobile {
    display: inline-block !important; }
  #listingAvisCasino .hideondesktop {
    display: none !important; }
  #listingAvisCasino h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff; }
  #listingAvisCasino h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 2em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
    padding-top: 15px;
    margin-top: 45px; }
  #listingAvisCasino h3 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.8em;
    font-weight: 800;
    text-transform: uppercase;
    color: #3cffd9;
    margin-bottom: 0;
    margin-top: 0.7em; }
  #listingAvisCasino p {
    font-family: 'Work Sans';
    font-size: 1.1em;
    color: white;
    line-height: 1.5em; }
    #listingAvisCasino p a {
      text-decoration: underline; }
      #listingAvisCasino p a:hover {
        color: #3cffd9; }

#listingAvisCasino {
  position: relative;
  z-index: 10;
  min-height: 18.75rem; }
  #listingAvisCasino #casino_du_mois {
    margin: 3.125rem 0; }
    #listingAvisCasino #casino_du_mois .col4 img {
      max-width: 100%;
      height: auto;
      border-radius: 15px; }
    #listingAvisCasino #casino_du_mois .col8 h2 {
      margin-top: -4px;
      margin-bottom: 0;
      padding-top: 0; }
    #listingAvisCasino #casino_du_mois .col8 .intro p {
      margin: .9em 0 1.6em; }
      #listingAvisCasino #casino_du_mois .col8 .intro p strong {
        font-size: 1.5em; }
    #listingAvisCasino #casino_du_mois .col8 .button {
      background: #ffa532;
      padding: 0.625rem 1.3125rem;
      font-size: 16px;
      color: #000;
      border: 2px solid #ffa532;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      border-radius: 50px;
      text-decoration: none;
      font-weight: bold;
      transition-duration: .3s;
      transition-property: transform; }
      #listingAvisCasino #casino_du_mois .col8 .button:hover {
        transform: scale(1.1); }
  #listingAvisCasino #filtre_avis_casino {
    display: block;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    outline: none;
    float: none; }
    #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino {
      position: relative;
      display: inline-block;
      min-width: 300px;
      margin-bottom: 1.5625rem;
      height: 48px; }
      #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #bouton_select_filtre_avis_casino {
        position: absolute;
        top: 4px;
        right: 8px;
        z-index: 15;
        width: 30px;
        height: 30px;
        text-align: center;
        vertical-align: middle;
        line-height: 30px; }
        #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #bouton_select_filtre_avis_casino:before {
          content: '';
          border: solid #fff;
          border-width: 0 3px 3px 0;
          display: inline-block;
          padding: 3px;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          width: 6px;
          height: 6px; }
        #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #bouton_select_filtre_avis_casino.open {
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
      #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #select_filtre_avis_casino {
        padding: 5px 15px 3px;
        background: transparent;
        color: #fff;
        font-weight: 600;
        font-family: 'Work Sans', sans-serif;
        font-size: 1rem;
        border: 1px solid #3cffd9;
        border-radius: 10px;
        outline: none;
        cursor: pointer !important;
        position: absolute;
        width: 300px;
        height: auto;
        z-index: 10;
        background: #180c28; }
        #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #select_filtre_avis_casino > div {
          display: none;
          margin-top: 5px;
          margin-bottom: 8px; }
          #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #select_filtre_avis_casino > div.active {
            display: block; }
        #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #select_filtre_avis_casino.active > div {
          display: block; }
          #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #select_filtre_avis_casino.active > div.active {
            color: #3cffd9; }
            #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #select_filtre_avis_casino.active > div.active:hover {
              color: #3cffd9; }
        #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #select_filtre_avis_casino:hover > div.active {
          color: #3cffd9; }
          #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #select_filtre_avis_casino:hover > div.active:hover {
            color: #3cffd9; }
        #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #select_filtre_avis_casino:hover > div:hover {
          color: #ffa532; }
      #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino.active:before {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg); }
  #listingAvisCasino .bonus.active .line {
    border-bottom-left-radius: 0; }
  #listingAvisCasino .bonus {
    transform: scale(1);
    transition: transform 0.2s;
    border-radius: 10px;
    overflow: hidden;
    background: #2c2247;
    text-decoration: none;
    margin-bottom: 10px; }
    #listingAvisCasino .bonus:hover {
      transform: scale(1.05);
      margin-bottom: 2.5rem; }
    #listingAvisCasino .bonus.active .line svg {
      border-bottom-left-radius: 0; }
    #listingAvisCasino .bonus .line {
      position: relative;
      padding: 0.625rem;
      display: flex;
      align-items: stretch;
      			/* > svg{
      				position: absolute;
      				left: 0;
      				top: 0;
      				height: 100%;
      				width: 16%;
      				z-index: 0;
      				&.mobile{
      					display: none;
      				}
      
      				border-top-left-radius: $border_radius;
      				border-bottom-left-radius: $border_radius;
      			} */
      /*
      .wrapper-ribbon{
      	width: 8%;
      	margin-left: 2%;
      }
      */ }
      #listingAvisCasino .bonus .line .exclu {
        position: absolute;
        top: -6px;
        left: -22px;
        color: #fff;
        z-index: 15;
        transform: rotate(-33deg);
        padding: 12px 6px 3px 0;
        width: 78px;
        text-align: center;
        font-weight: 900;
        font-size: 10px;
        text-transform: uppercase;
        background: #ffa532;
        box-shadow: 5px 5px 15px -5px black; }
      #listingAvisCasino .bonus .line .wrapper-logo, #listingAvisCasino .bonus .line .wrapper-bonus, #listingAvisCasino .bonus .line .wrapper-ribbon, #listingAvisCasino .bonus .line .wrapper-actions {
        z-index: 1;
        display: flex;
        flex-wrap: nowrap;
        align-items: center; }
      #listingAvisCasino .bonus .line .wrapper-logo {
        width: 17%;
        text-align: center;
        justify-content: center;
        padding: 0;
        margin: -10px 0 -10px -10px;
        border-top-left-radius: 10px; }
        #listingAvisCasino .bonus .line .wrapper-logo a {
          display: block; }
          #listingAvisCasino .bonus .line .wrapper-logo a img {
            margin-left: 0;
            height: 75px;
            width: auto; }
      #listingAvisCasino .bonus .line .wrapper-bonus {
        width: 54%;
        justify-content: space-between;
        padding-left: 25px;
        padding-right: 15px; }
      #listingAvisCasino .bonus .line .wrapper-actions {
        width: 28%; }
      #listingAvisCasino .bonus .line .wrapper-bonus {
        font-family: "Work Sans", sans-serif; }
        #listingAvisCasino .bonus .line .wrapper-bonus .column {
          position: relative;
          width: 22%; }
          #listingAvisCasino .bonus .line .wrapper-bonus .column.one, #listingAvisCasino .bonus .line .wrapper-bonus .column.two, #listingAvisCasino .bonus .line .wrapper-bonus .column.three, #listingAvisCasino .bonus .line .wrapper-bonus .column.four, #listingAvisCasino .bonus .line .wrapper-bonus .column.five {
            text-align: center;
            font-weight: 400; }
            #listingAvisCasino .bonus .line .wrapper-bonus .column.one strong, #listingAvisCasino .bonus .line .wrapper-bonus .column.two strong, #listingAvisCasino .bonus .line .wrapper-bonus .column.three strong, #listingAvisCasino .bonus .line .wrapper-bonus .column.four strong, #listingAvisCasino .bonus .line .wrapper-bonus .column.five strong {
              display: block;
              text-align: center;
              font-size: 20px;
              font-weight: 600;
              color: white;
              text-transform: uppercase; }
            #listingAvisCasino .bonus .line .wrapper-bonus .column.one .sub_title, #listingAvisCasino .bonus .line .wrapper-bonus .column.two .sub_title, #listingAvisCasino .bonus .line .wrapper-bonus .column.three .sub_title, #listingAvisCasino .bonus .line .wrapper-bonus .column.four .sub_title, #listingAvisCasino .bonus .line .wrapper-bonus .column.five .sub_title {
              color: #ec6f05; }
          #listingAvisCasino .bonus .line .wrapper-bonus .column.one:before, #listingAvisCasino .bonus .line .wrapper-bonus .column.two:before, #listingAvisCasino .bonus .line .wrapper-bonus .column.three:before {
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            height: 90%;
            width: 0.0625rem;
            background: transparent;
            border: 2px solid #ffa532; }
          #listingAvisCasino .bonus .line .wrapper-bonus .column.five {
            width: 12%; }
            #listingAvisCasino .bonus .line .wrapper-bonus .column.five > div {
              display: inline-block;
              width: 1.5625rem;
              margin: 3px;
              border-radius: 50%;
              border: 2px solid white;
              overflow: hidden;
              position: relative;
              height: 1.5625rem; }
              #listingAvisCasino .bonus .line .wrapper-bonus .column.five > div img {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                height: 105%;
                width: auto; }
        #listingAvisCasino .bonus .line .wrapper-bonus .infos_casino {
          width: 33%; }
          #listingAvisCasino .bonus .line .wrapper-bonus .infos_casino p {
            margin: 0 0 5px 0;
            line-height: 1; }
          #listingAvisCasino .bonus .line .wrapper-bonus .infos_casino .nom_casino {
            font-weight: 600; }
          #listingAvisCasino .bonus .line .wrapper-bonus .infos_casino .site_web a {
            font-size: 0.875rem;
            color: #fff;
            text-decoration: none; }
            #listingAvisCasino .bonus .line .wrapper-bonus .infos_casino .site_web a:hover {
              text-decoration: underline; }
        #listingAvisCasino .bonus .line .wrapper-bonus .offre_promo {
          font-family: 'Work Sans';
          text-align: center;
          width: 33%; }
          #listingAvisCasino .bonus .line .wrapper-bonus .offre_promo strong {
            font-weight: 600; }
        #listingAvisCasino .bonus .line .wrapper-bonus .note_casino {
          font-family: 'Work Sans';
          text-align: center; }
      #listingAvisCasino .bonus .line .wrapper-actions {
        justify-content: space-evenly; }
        #listingAvisCasino .bonus .line .wrapper-actions .button_with_border {
          border: 2px solid #3cffd9;
          text-align: center;
          border-radius: 25px;
          text-transform: none;
          color: #fff;
          padding: 8px 15px; }
          #listingAvisCasino .bonus .line .wrapper-actions .button_with_border:hover {
            background: #3cffd9;
            color: #000;
            font-weight: 700; }
        #listingAvisCasino .bonus .line .wrapper-actions .button {
          z-index: 1;
          box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
          border-radius: 10px;
          overflow: hidden;
          text-transform: uppercase; }
          #listingAvisCasino .bonus .line .wrapper-actions .button:not(.viewdetail) {
            border-radius: 50px !important;
            font-size: 0.875rem;
            text-align: center;
            font-weight: 400;
            text-transform: none;
            display: inline-block;
            color: white;
            text-decoration: none;
            padding: 0.3125rem 0.625rem;
            background: transparent;
            border: 2px solid #ffa532; }
            #listingAvisCasino .bonus .line .wrapper-actions .button:not(.viewdetail):hover {
              background: #ffa532;
              color: #000;
              font-weight: 700; }
          #listingAvisCasino .bonus .line .wrapper-actions .button.viewdetail {
            border: 2px solid #3cffd9;
            padding: 0 !important;
            text-align: center;
            line-height: 1.5;
            border-radius: 50%;
            height: 39px;
            width: 39px;
            font-size: 1.375rem !important;
            color: #fff; }
            #listingAvisCasino .bonus .line .wrapper-actions .button.viewdetail:after {
              background: #261240; }
            #listingAvisCasino .bonus .line .wrapper-actions .button.viewdetail:before {
              content: '+';
              font-size: 1.375rem !important;
              color: #fff; }
            #listingAvisCasino .bonus .line .wrapper-actions .button.viewdetail:hover {
              background: #3cffd9; }
              #listingAvisCasino .bonus .line .wrapper-actions .button.viewdetail:hover:before {
                color: #000; }
          #listingAvisCasino .bonus .line .wrapper-actions .button:not(.viewdetail), #listingAvisCasino .bonus .line .wrapper-actions .button.viewdetail {
            font-family: 'Work Sans', sans-serif;
            font-weight: 900;
            font-style: italic;
            font-weight: 700;
            font-size: 1rem;
            padding: 8px 15px; }
          #listingAvisCasino .bonus .line .wrapper-actions .button:hover {
            cursor: pointer; }
    #listingAvisCasino .bonus.active .line .wrapper-actions .viewdetail::before {
      left: 0%; }
    #listingAvisCasino .bonus.active .detail {
      display: block; }
    #listingAvisCasino .bonus .detail {
      display: none;
      position: relative;
      padding: 0.625rem 0 1.25rem 0.625rem; }
      #listingAvisCasino .bonus .detail:before {
        content: "";
        height: 0.0625rem;
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        background: #3cffd9; }
      #listingAvisCasino .bonus .detail h3 {
        color: #ec6f05;
        text-transform: uppercase;
        margin-bottom: 0.625rem; }
      #listingAvisCasino .bonus .detail strong {
        color: #ec6f05; }
      #listingAvisCasino .bonus .detail ul li {
        color: white; }
      #listingAvisCasino .bonus .detail .provider img {
        max-width: 6.25rem;
        margin: 0 0.625rem 0.625rem 0; }
      #listingAvisCasino .bonus .detail .liste_valide ul {
        padding-left: 0.3125rem;
        list-style-type: none; }
        #listingAvisCasino .bonus .detail .liste_valide ul li {
          padding-left: 1.5625rem;
          font-size: 0.875rem;
          position: relative;
          margin-bottom: 0.625rem;
          font-weight: 500; }
          #listingAvisCasino .bonus .detail .liste_valide ul li:last-child {
            margin-bottom: 0; }
          #listingAvisCasino .bonus .detail .liste_valide ul li:before {
            width: 15px;
            height: 15px;
            background: green;
            color: white;
            content: "\002714";
            text-align: center;
            position: absolute;
            left: 0;
            top: 0px;
            border-radius: 50%; }
      #listingAvisCasino .bonus .detail .texte, #listingAvisCasino .bonus .detail .texte p {
        color: white;
        font-size: 1rem; }
  #listingAvisCasino #contenu_bas_page a {
    display: inline-block;
    width: 30.9%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 3%; }
    #listingAvisCasino #contenu_bas_page a:nth-of-type(3n+1) {
      margin-left: 0; }
    #listingAvisCasino #contenu_bas_page a:nth-of-type(3n+3) {
      margin-right: 0; }
    #listingAvisCasino #contenu_bas_page a img {
      max-width: 100%;
      height: auto; }
  #listingAvisCasino #contenu_bas_page a.read_more {
    border-radius: 50px !important;
    font-size: 0.875rem;
    text-align: center;
    font-weight: 400;
    text-transform: none;
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: 0.3125rem 0.625rem;
    background: transparent;
    border: 2px solid #ffa532;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    padding: 0.375rem 1.0625rem;
    font-size: 17px;
    display: inline-block;
    text-decoration: none;
    width: auto; }
    #listingAvisCasino #contenu_bas_page a.read_more:hover {
      background: #ffa532;
      color: #000;
      font-weight: 700; }
    #listingAvisCasino #contenu_bas_page a.read_more:after {
      background: #261240; }

@media screen and (max-width: 1150px) {
  #listingAvisCasino .bonus .line .wrapper-bonus {
    width: 55%; }
  #listingAvisCasino .bonus .line .wrapper-actions {
    width: 30%; }
  #listingAvisCasino .bonus .line .wrapper-actions .button:not(.viewdetail), #listingAvisCasino .bonus .line .wrapper-actions .button.viewdetail {
    font-size: 0.875rem; } }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #listingAvisCasino .bonus {
    width: 30%;
    margin-right: 3%; }
    #listingAvisCasino .bonus:nth-child(3n+1) {
      clear: both; }
    #listingAvisCasino .bonus:nth-child(3n+3) {
      margin-right: 0; } }
@media screen and (max-width: 1024px) {
  #listingAvisCasino .bonus {
    padding: 0 0 0.625rem 0;
    float: left; }
    #listingAvisCasino .bonus .line {
      display: block;
      padding: 10px 0; }
      #listingAvisCasino .bonus .line > svg {
        left: 0;
        height: 6.25rem;
        width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0; }
        #listingAvisCasino .bonus .line > svg.desktop {
          display: none; }
        #listingAvisCasino .bonus .line > svg.mobile {
          display: block; }
      #listingAvisCasino .bonus .line .wrapper-logo, #listingAvisCasino .bonus .line .wrapper-bonus, #listingAvisCasino .bonus .line .wrapper-ribbon, #listingAvisCasino .bonus .line .wrapper-actions {
        width: 100%;
        position: relative;
        z-index: 2; }
      #listingAvisCasino .bonus .line .wrapper-logo {
        text-align: center;
        margin: -10px 0 15px 0;
        border-top-right-radius: 10px; }
        #listingAvisCasino .bonus .line .wrapper-logo img {
          max-height: 4.375rem;
          margin: 0 auto; }
      #listingAvisCasino .bonus .line .wrapper-ribbon {
        margin-left: -1.25rem;
        margin-bottom: 0.625rem;
        width: calc( 100% + 40px ); }
        #listingAvisCasino .bonus .line .wrapper-ribbon .ribbon {
          margin-top: 0;
          background: transparent;
          border: 2px solid #ffa532; }
          #listingAvisCasino .bonus .line .wrapper-ribbon .ribbon:before {
            top: 100%;
            right: unset;
            left: 0;
            border-width: 0 0.625rem 0.625rem 0;
            border-color: transparent #b66e23 transparent transparent; }
          #listingAvisCasino .bonus .line .wrapper-ribbon .ribbon:after {
            content: "";
            position: absolute;
            top: 100%;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0.625rem 0.625rem 0 0;
            border-color: #b66e23 transparent transparent transparent; }
      #listingAvisCasino .bonus .line .wrapper-bonus {
        flex-wrap: wrap; }
        #listingAvisCasino .bonus .line .wrapper-bonus .column {
          width: 50%;
          padding: 0.625rem 0; }
          #listingAvisCasino .bonus .line .wrapper-bonus .column:before {
            display: none; }
          #listingAvisCasino .bonus .line .wrapper-bonus .column.five {
            text-align: center;
            width: 100%; }
            #listingAvisCasino .bonus .line .wrapper-bonus .column.five > div {
              margin-right: 0.625rem;
              display: inline-block; }
              #listingAvisCasino .bonus .line .wrapper-bonus .column.five > div:last-child {
                margin-right: 0; }
      #listingAvisCasino .bonus .line .wrapper-actions {
        flex-wrap: wrap; }
        #listingAvisCasino .bonus .line .wrapper-actions a {
          margin-top: 0.625rem; }
    #listingAvisCasino .bonus .detail .liste_simple, #listingAvisCasino .bonus .detail .provider, #listingAvisCasino .bonus .detail .liste_valide, #listingAvisCasino .bonus .detail .texte {
      width: 100%; } }
@media screen and (max-width: 768px) {
  #listingAvisCasino {
    margin-top: 0; }
    #listingAvisCasino .hideonmobile {
      display: none !important; }
    #listingAvisCasino .hideondesktop {
      display: block !important; } }
@media screen and (max-width: 768px) and (min-width: 641px) {
  #listingAvisCasino .bonus {
    width: 45%;
    margin-right: 5%; }
    #listingAvisCasino .bonus:nth-child(2n+1) {
      clear: both; }
    #listingAvisCasino .bonus:nth-child(2n+2) {
      margin-right: 0; } }
/* MOBILE */
@media screen and (max-width: 768px) {
  #listingAvisCasino h1 {
    font-size: 30px; }
  #listingAvisCasino h2 {
    font-size: 1.5em; }
  #listingAvisCasino #casino_du_mois {
    margin: 1.25rem 0 3.125rem; }
    #listingAvisCasino #casino_du_mois .col4 {
      width: 100%;
      margin-bottom: 15px; }
    #listingAvisCasino #casino_du_mois .col8 {
      width: 100%; }
    #listingAvisCasino #casino_du_mois h2 {
      margin-bottom: 10px; }
  #listingAvisCasino .bonus {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    float: none; }
    #listingAvisCasino .bonus .line .wrapper-logo a {
      width: 100%; }
      #listingAvisCasino .bonus .line .wrapper-logo a img {
        max-width: 50%;
        width: auto; }
    #listingAvisCasino .bonus .line .wrapper-bonus {
      justify-content: center;
      flex-direction: column; }
      #listingAvisCasino .bonus .line .wrapper-bonus > div {
        text-align: center;
        margin-bottom: 15px;
        font-size: 23px;
        line-height: 30px;
        width: 100% !important; }
        #listingAvisCasino .bonus .line .wrapper-bonus > div.offre_promo br {
          display: none; }
      #listingAvisCasino .bonus .line .wrapper-bonus .note_casino .my-rating {
        display: block; }
      #listingAvisCasino .bonus .line .wrapper-bonus .note_casino br {
        display: none; }
    #listingAvisCasino .bonus .line .wrapper-actions a.button.viewdetail {
      display: none; }
    #listingAvisCasino .bonus .line .wrapper-actions a.button_with_border {
      padding: 0.3125rem 0.9375rem;
      margin-right: 5px; }
  #listingAvisCasino #filtre_avis_casino {
    float: none;
    margin-bottom: 0.625rem; }
    #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino {
      width: 100%; }
      #listingAvisCasino #filtre_avis_casino #wrapper_select_filtre_avis_casino #select_filtre_avis_casino {
        width: 100%; }
  #listingAvisCasino #contenu_bas_page a {
    display: inline-block;
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2%;
    				/*
    				width: 47.8% !important;
    				margin-left: 1.5%;
    				margin-right: 1.5%;
    				margin-bottom: 2.8%;
    
    				&:nth-of-type(odd){
    					margin-left: 0 !important;
    					margin-right: 1.4% !important;
    				}
    
    				&:nth-of-type(even){
    					margin-left: 1.4% !important;
    					margin-right: 0 !important;
    					
    				}
    				*/ } }
body.page-template-template-outilscasino #avisCasino #menu_left {
  position: fixed !important;
  top: 106px !important; }
body.page-template-template-outilscasino.stickymode #avisCasino #menu_left {
  position: fixed !important;
  top: 60px !important; }

@media screen and (max-width: 768px) {
  body.stickymode #avisCasino {
    position: static; }
    body.stickymode #avisCasino #innerAvisCasino {
      position: static; }
      body.stickymode #avisCasino #innerAvisCasino #menu_left {
        display: none !important;
        position: absolute !important;
        top: 60px !important; }
        body.stickymode #avisCasino #innerAvisCasino #menu_left .menu_toggle {
          position: fixed;
          top: 70px;
          left: 20px;
          right: auto; }
        body.stickymode #avisCasino #innerAvisCasino #menu_left ul {
          position: fixed;
          top: 70px; }
        body.stickymode #avisCasino #innerAvisCasino #menu_left.open .menu_toggle {
          left: 63vw; }
        body.stickymode #avisCasino #innerAvisCasino #menu_left.open ul {
          left: 0; }
  body #menu_left {
    display: none !important; }
    body #menu_left ul {
      top: 80px;
      left: -100%; }
    body #menu_left .menu_toggle.hide {
      display: none; } }
#bloc_more_avantage {
  text-align: center;
  margin: 6.875rem 0 8.75rem;
  display: block; }
  #bloc_more_avantage h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 24px;
    font-weight: 900 !important;
    text-transform: uppercase;
    color: #fff; }
  #bloc_more_avantage p {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    color: white;
    line-height: 1.5em;
    width: 52%;
    margin: 0 auto; }
    #bloc_more_avantage p a {
      text-decoration: underline; }
      #bloc_more_avantage p a:hover {
        color: #3cffd9; }
  #bloc_more_avantage .wp-block-buttons .button {
    margin: 15px auto 0;
    padding: 0;
    font-size: 1.125rem;
    text-transform: none; }
    #bloc_more_avantage .wp-block-buttons .button .wp-block-button__link {
      background: #ffa532;
      padding: 0.625rem 1.3125rem;
      font-size: 16px;
      color: #000;
      border: 2px solid #ffa532;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      border-radius: 50px;
      text-decoration: none;
      font-weight: bold;
      transition-duration: .3s;
      transition-property: transform; }
      #bloc_more_avantage .wp-block-buttons .button .wp-block-button__link:hover {
        transform: scale(1.1); }

/* MOBILE */
@media screen and (max-width: 768px) {
  #bloc_more_avantage {
    position: relative;
    z-index: 110;
    width: 100%;
    padding: 2.5rem 8% 15px 8%;
    margin: 0 0 -5px; }
    #bloc_more_avantage h2 {
      font-size: 1.75rem !important;
      line-height: 1.3em; }
    #bloc_more_avantage p {
      width: 100%;
      margin-bottom: 1.25rem; } }
.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
  perspective: 500px;
  transform-style: preserve-3d;
  transform-origin: 0% 50%; }
  .carousel.carousel-slider {
    top: 0;
    left: 0; }
    .carousel.carousel-slider .carousel-fixed-item {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 20px;
      z-index: 1; }
      .carousel.carousel-slider .carousel-fixed-item.with-indicators {
        bottom: 68px; }
    .carousel.carousel-slider .carousel-item {
      width: 100%;
      height: 100%;
      min-height: 400px;
      position: absolute;
      top: 0;
      left: 0; }
      .carousel.carousel-slider .carousel-item h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px; }
      .carousel.carousel-slider .carousel-item p {
        font-size: 15px; }
  .carousel .carousel-item {
    visibility: hidden;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0; }
    .carousel .carousel-item > img {
      width: 100%; }
  .carousel .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0; }
    .carousel .indicators .indicator-item {
      display: inline-block;
      position: relative;
      cursor: pointer;
      height: 8px;
      width: 8px;
      margin: 24px 4px;
      background-color: rgba(255, 255, 255, 0.5);
      transition: background-color .3s;
      border-radius: 50%; }
      .carousel .indicators .indicator-item.active {
        background-color: #fff; }
  .carousel.scrolling .carousel-item .materialboxed,
  .carousel .carousel-item:not(.active) .materialboxed {
    pointer-events: none; }

.carousel {
  height: 500px;
  margin-top: 25px; }
  .carousel .carousel-item {
    width: 450px;
    height: 400px; }
    .carousel .carousel-item img {
      border-radius: 15px; }
  .carousel #carousel-prev, .carousel #carousel-next {
    left: 27%;
    position: absolute;
    display: block;
    height: 45px;
    width: 45px;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 0;
    text-align: center;
    cursor: pointer; }
    .carousel #carousel-prev:after, .carousel #carousel-next:after {
      content: " ";
      border: solid #00fe82;
      border-width: 0 4px 4px 0;
      padding: 0.375rem;
      display: inline-block;
      position: absolute;
      right: auto;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(135deg);
      transform: translateY(-50%) rotate(135deg); }
  .carousel #carousel-next {
    left: 72.5%; }
    .carousel #carousel-next:after {
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
      transform: translateX(-50%) translateY(-50%) rotate(-45deg); }

body.home .carousel #carousel-prev, body.home .carousel #carousel-next {
  left: 5%; }
body.home .carousel #carousel-next {
  left: 95%; }

/* SMALL SCREEN */
@media screen and (max-width: 1024px) {
  /*
  #newSlider{
  	min-height: 400px;
  }
  */
  .carousel {
    height: 400px; }
    .carousel .carousel-item {
      width: 350px;
      height: 350px; }
    .carousel #carousel-prev {
      left: 18%; }
    .carousel #carousel-next {
      left: 81%; } }
/* TABLETS */
@media screen and (max-width: 768px) {
  /*
  #newSlider{
  	min-height: 300px;
  }
  */ }
/* MOBILE */
@media screen and (max-width: 640px) {
  #wrapperNewSlider {
    margin: 0;
    width: 100%; }

  .carousel {
    height: 300px; }
    .carousel .carousel-item {
      width: 250px;
      height: 250px; }
    .carousel #carousel-prev {
      left: 7%; }
    .carousel #carousel-next {
      left: 91%; }

  body.home .carousel {
    margin-top: 0; }
    body.home .carousel #carousel-prev, body.home .carousel #carousel-next {
      left: 5%; }
    body.home .carousel #carousel-next {
      left: 92%; } }
.textPresentation {
  padding-top: 0;
  text-align: left; }
  .textPresentation h1, .textPresentation p {
    color: #fff; }
  .textPresentation h1 {
    font-size: 30px;
    line-height: 1.3;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-style: italic;
    text-align: left;
    margin: 40px 0 20px 0; }
    .textPresentation h1 span {
      color: #00fe82; }
    .textPresentation h1 strong {
      color: #fff; }
  .textPresentation p {
    font-size: 17px;
    line-height: 1.5em; }
    .textPresentation p span {
      color: #00fe82;
      font-weight: bold; }
    .textPresentation p a {
      margin-top: 30px;
      color: #000;
      font-weight: bold;
      background: #00fe82;
      border-radius: 5px;
      padding: 4px 12px;
      font-size: 15px;
      position: relative;
      overflow: hidden;
      font-weight: bold;
      display: inline-block;
      text-transform: uppercase;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
      .textPresentation p a:hover {
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }

#section_casinos_du_moment {
  background: url(../../images/background_header.png) no-repeat center center;
  background-size: cover;
  padding-bottom: 0; }
  #section_casinos_du_moment #wrapperNewSlider {
    display: block;
    margin-left: 60px; }
    #section_casinos_du_moment #wrapperNewSlider .carousel {
      height: 400px;
      margin-top: 0;
      overflow: visible; }
      #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item {
        width: 320px;
        opacity: 1 !important;
        z-index: 0 !important; }
        #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item.active .flip-card:before {
          border-right: 4px solid #00fe82;
          right: -4px; }
      #section_casinos_du_moment #wrapperNewSlider .carousel .flip-card {
        position: relative;
        width: 275px;
        height: 400px;
        padding-bottom: 0;
        border-radius: 0;
        overflow: visible; }
        #section_casinos_du_moment #wrapperNewSlider .carousel .flip-card:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #000;
          transform: skew(345deg); }
      #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item.active {
        height: 450px; }
  #section_casinos_du_moment h2 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    margin-left: -15px;
    margin-bottom: 25px; }
    #section_casinos_du_moment h2 img {
      width: 25px;
      height: auto;
      margin-right: 8px; }
  #section_casinos_du_moment .flip-card {
    height: 0;
    padding-bottom: 22%;
    overflow: hidden;
    /* This container is needed to position the front and back side */ }
    #section_casinos_du_moment .flip-card .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      padding-bottom: 0;
      text-align: center;
      /* Style the front side (fallback if image is missing) */ }
      #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front {
        color: black;
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 15px;
        overflow: visible;
        position: absolute;
        width: 100%;
        height: 100%; }
        #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front .logo {
          text-align: center;
          width: 70%;
          float: right;
          margin: 25px 0% 25px 25%;
          position: relative;
          z-index: 10; }
        #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front .slide_fond {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 400px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
          z-index: 0;
          transform: skew(345deg); }
        #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front img {
          max-width: 80%;
          height: auto;
          max-height: 70px; }
        #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front .boutons {
          position: absolute;
          bottom: 18px;
          text-align: center;
          left: -25px;
          right: 0;
          z-index: 5; }
        #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front .contenu_casino_du_moment {
          padding-left: 20px;
          position: relative;
          z-index: 2; }
          #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front .contenu_casino_du_moment p {
            color: #fff;
            line-height: 1.6em; }
            #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front .contenu_casino_du_moment p span {
              font-size: 2em;
              line-height: 1.3em; }
            #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front .contenu_casino_du_moment p strong {
              font-weight: bold;
              font-size: 1.5em;
              line-height: 1.2em; }
        #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front a {
          display: inline-block; }
          #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front a.more_info {
            color: #fff;
            border-radius: 100%;
            border: 2px solid #3cffd9;
            padding: 2.3px 9.33px;
            margin-right: 5px;
            position: relative;
            top: 1px;
            font-family: "Work Sans", sans-serif;
            font-weight: 700; }
            #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front a.more_info:hover {
              background: #3cffd9;
              color: #000; }
          #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front a.enjoy_bonus {
            border: 2px solid #00fe82;
            border-radius: 5px;
            background: #00fe82;
            color: #000;
            padding: 1px 15px;
            display: inline-block;
            clear: both;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 16px;
            margin-bottom: 15px;
            margin-left: -15px;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s; }
            #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front a.enjoy_bonus.second {
              margin-left: -55px;
              background: transparent;
              border: 2px solid #00fe82;
              color: #fff; }
            #section_casinos_du_moment .flip-card .flip-card-inner .flip-card-front a.enjoy_bonus:hover {
              -ms-transform: scale(1.1);
              -moz-transform: scale(1.1);
              -webkit-transform: scale(1.1);
              -o-transform: scale(1.1);
              transform: scale(1.1); }
  #section_casinos_du_moment #carousel-prev {
    left: -60px; }
  #section_casinos_du_moment #carousel-next {
    right: auto;
    left: 102%; }

@media screen and (max-width: 1024px) {
  #section_casinos_du_moment #wrapperNewSlider {
    display: block; }
    #section_casinos_du_moment #wrapperNewSlider .carousel {
      height: 450px;
      margin-top: 0; }
      #section_casinos_du_moment #wrapperNewSlider .carousel .flip-card {
        background-color: transparent;
        height: 450px;
        padding-bottom: 0;
        border-radius: 20px;
        perspective: 1000px;
        /* Remove this if you don't want the 3D effect */
        transform: scale(1);
        transition: transform 0.2s; } }
/* MOBILE */
@media screen and (max-width: 640px) {
  #homeCasinosDuMoment .textPresentation h1 {
    font-size: 30px; }

  #section_casinos_du_moment {
    background: #000; }
    #section_casinos_du_moment .textPresentation h1 {
      font-size: 30px;
      text-align: center; }
    #section_casinos_du_moment > .wrapper {
      width: 100%; }
    #section_casinos_du_moment .col7 .hideondesktop {
      text-align: center;
      width: 80%;
      margin: 40px auto; }
      #section_casinos_du_moment .col7 .hideondesktop p {
        font-size: 18px;
        line-height: 1.5em;
        color: #fff; }
        #section_casinos_du_moment .col7 .hideondesktop p span {
          color: #00fe82;
          font-weight: bold; }
        #section_casinos_du_moment .col7 .hideondesktop p a {
          margin-top: 30px;
          color: #000;
          font-weight: bold;
          background: #00fe82;
          border-radius: 5px;
          padding: 4px 12px;
          font-size: 15px;
          position: relative;
          overflow: hidden;
          font-weight: bold;
          display: inline-block;
          text-transform: uppercase;
          -webkit-transition: all .5s;
          -moz-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
          #section_casinos_du_moment .col7 .hideondesktop p a:hover {
            -ms-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1); }
    #section_casinos_du_moment #wrapperNewSlider {
      display: block;
      background: url(../../images/background_header.png) no-repeat center center;
      background-size: cover;
      margin: 0;
      overflow: hidden; }
      #section_casinos_du_moment #wrapperNewSlider .carousel {
        height: 450px;
        margin-top: 0;
        overflow: visible; }
        #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item {
          width: 200px;
          margin-top: -50px; }
          #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item.active {
            height: 350px; }
          #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item.active .flip-card:before {
            border-right: 4px solid #00fe82;
            right: -4px; }
          #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item .flip-card {
            height: 350px;
            width: 200px; }
            #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item .flip-card .flip-card-inner {
              padding-bottom: 182%; }
              #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item .flip-card .flip-card-inner .flip-card-front .slide_fond {
                height: 360px; }
              #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item .flip-card .flip-card-inner .flip-card-front .logo {
                margin: 15px 0% 15px 25%; }
              #section_casinos_du_moment #wrapperNewSlider .carousel .carousel-item .flip-card .flip-card-inner .flip-card-front .contenu_casino_du_moment p {
                color: #fff;
                line-height: 1.2em;
                width: 90%; }
    #section_casinos_du_moment #carousel-prev {
      left: 10px; }
    #section_casinos_du_moment #carousel-next {
      left: 95%; } }
#introPage {
  color: #fff; }
  #introPage h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: center; }
  #introPage h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 2em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: center; }
  #introPage h3 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: center; }
  #introPage p {
    color: #fff;
    text-align: center;
    line-height: 1.4em; }

#text {
  color: #fff; }
  #text a {
    color: #fff; }
    #text a:hover {
      color: #ffa532; }
  #text table {
    border-collapse: collapse; }
    #text table tr td {
      border: 1px solid #fff;
      padding: 5px; }

@media screen and (max-width: 768px) {
  #introPage h1 {
    font-size: 30px; } }
#homeSlider {
  overflow: hidden; }
  #homeSlider .textPresentation {
    padding-top: 10%; }
    #homeSlider .textPresentation h1, #homeSlider .textPresentation p {
      color: #fff; }
    #homeSlider .textPresentation h1, #homeSlider .textPresentation h1 span {
      font-size: 36px;
      line-height: 1.3;
      text-transform: uppercase;
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic; }
    #homeSlider .textPresentation h1 {
      margin: 0 0 1.25rem 0; }
      #homeSlider .textPresentation h1 strong {
        color: #fff; }
    #homeSlider .textPresentation p {
      font-size: 1.25rem; }
  #homeSlider #wrapper_slider {
    height: 41.25rem;
    position: relative; }
    #homeSlider #wrapper_slider .bg, #homeSlider #wrapper_slider .mask {
      left: 0;
      width: 100000px;
      height: 100%;
      position: absolute;
      z-index: 1; }
    #homeSlider #wrapper_slider .mask {
      z-index: 3; }
      #homeSlider #wrapper_slider .mask svg {
        position: absolute;
        left: 0;
        bottom: 0;
        width: auto;
        height: 155%;
        display: block;
        z-index: 1; }
      #homeSlider #wrapper_slider .mask:after {
        left: 112.5rem;
        top: 0;
        height: 100%;
        background: white;
        width: 2000px;
        content: "";
        position: absolute; }
    #homeSlider #wrapper_slider .visuals {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 2; }
      #homeSlider #wrapper_slider .visuals .caracter {
        position: absolute;
        right: -12.5rem;
        bottom: 6.875rem;
        max-width: 25rem;
        z-index: 1; }
      #homeSlider #wrapper_slider .visuals .caracter {
        transition: all 1s;
        transform: translateX(0%) translateY(0%) rotateX(0deg) scale(1); }
    #homeSlider #wrapper_slider .slide {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 4;
      display: flex;
      justify-content: center; }
      #homeSlider #wrapper_slider .slide .content {
        position: relative;
        text-align: center;
        padding: 6.875rem 8.75rem 0 5.625rem;
        overflow: hidden; }
        #homeSlider #wrapper_slider .slide .content .logo_casino {
          width: 250px;
          height: auto;
          position: absolute;
          top: 2.5rem;
          left: 50%;
          margin-left: -1.5625rem;
          transform: translateX(-50%); }
        #homeSlider #wrapper_slider .slide .content .text p {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          margin: 1.25rem 0 0 0;
          text-transform: uppercase;
          font-size: 2.1875rem;
          font-weight: 400;
          color: white;
          line-height: 1.2; }
          #homeSlider #wrapper_slider .slide .content .text p strong {
            font-weight: 700;
            color: #ffa532; }
        #homeSlider #wrapper_slider .slide .content .button {
          margin-top: 1.25rem;
          /*position: ;
          bottom: rem(150);
          left: 50%;*/
          font-family: 'Work Sans', sans-serif;
          font-weight: 900;
          font-style: italic; }
    #homeSlider #wrapper_slider .button {
      border-radius: 50px !important;
      font-size: 0.875rem;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      color: white;
      text-decoration: none;
      padding: 0.3125rem 0.625rem;
      background: transparent;
      border: 2px solid #ffa532;
      font-size: 1.875rem;
      padding: 0.3125rem 1.875rem;
      border-radius: 1.875rem;
      margin-top: 3.75rem; }
      #homeSlider #wrapper_slider .button:hover {
        background: #ffa532;
        color: #000;
        font-weight: 700; }
    #homeSlider #wrapper_slider .menu {
      position: absolute;
      bottom: 10rem;
      left: 50%;
      z-index: 4; }
      #homeSlider #wrapper_slider .menu .prev, #homeSlider #wrapper_slider .menu .next {
        position: absolute;
        display: block;
        height: 1.5625rem;
        width: 1rem;
        top: 50%;
        transform: translateY(-50%); }
      #homeSlider #wrapper_slider .menu .prev {
        left: -1.625rem;
        position: absolute; }
        #homeSlider #wrapper_slider .menu .prev:after {
          content: " ";
          border: solid #d0c0cd;
          border-width: 0 0.125rem 0.125rem 0;
          padding: 0.375rem;
          display: inline-block;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%) rotate(135deg); }
      #homeSlider #wrapper_slider .menu .next {
        right: -1.625rem;
        position: absolute; }
        #homeSlider #wrapper_slider .menu .next:after {
          content: " ";
          border: solid #d0c0cd;
          border-width: 0 0.125rem 0.125rem 0;
          padding: 0.375rem;
          display: inline-block;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%) rotate(-45deg); }
      #homeSlider #wrapper_slider .menu ul {
        list-style-type: none;
        display: flex;
        flex-wrap: nowrap; }
        #homeSlider #wrapper_slider .menu ul li {
          margin: 0 0.625rem; }
          #homeSlider #wrapper_slider .menu ul li a {
            display: block;
            background: #cfc0cd;
            border-radius: 50%;
            width: 0.75rem;
            height: 0.75rem;
            overflow: hidden;
            text-indent: 100px;
            transition: background 0.3s; }
          #homeSlider #wrapper_slider .menu ul li.active a {
            background: #3cffd9; }

@media screen and (max-width: 1200px) {
  #homeSlider #wrapper_slider .slide .content {
    padding: 6.875rem 7.5rem 0 5rem; }
    #homeSlider #wrapper_slider .slide .content .logo_casino {
      top: 2.5rem; }
    #homeSlider #wrapper_slider .slide .content .text p {
      font-size: 1.875rem; }
    #homeSlider #wrapper_slider .slide .content .button {
      font-size: 1.5625rem; }
  #homeSlider #wrapper_slider .menu {
    position: absolute;
    bottom: 13rem; } }
@media screen and (max-width: 1024px) {
  #homeSlider #wrapper_slider .slide .content {
    padding: 5.625rem 6.25rem 0 3.75rem; }
    #homeSlider #wrapper_slider .slide .content .logo_casino {
      top: 1.875rem;
      max-width: 12.5rem; }
    #homeSlider #wrapper_slider .slide .content .text p {
      font-size: 1.5625rem; }
    #homeSlider #wrapper_slider .slide .content .button {
      font-size: 1.25rem; }
  #homeSlider #wrapper_slider .menu {
    bottom: 16.25rem;
    left: 40%; } }
@media screen and (max-width: 768px) {
  #homeSlider .textPresentation {
    width: 97%;
    padding-bottom: 1.25rem; }
    #homeSlider .textPresentation + .col8 {
      width: 113%;
      margin: 0 auto 0 -5%;
      overflow: hidden; }
    #homeSlider .textPresentation h1, #homeSlider .textPresentation h1 span {
      text-align: center;
      font-size: 30px;
      margin-bottom: 0.625rem; }
    #homeSlider .textPresentation p {
      text-align: center;
      font-size: 1.125rem;
      margin-top: 0.625rem; }
  #homeSlider #wrapper_slider .mask svg {
    height: 100%; }
  #homeSlider #wrapper_slider .visuals .caracter {
    bottom: 0;
    right: -3.75rem; }
  #homeSlider #wrapper_slider .slide .content {
    padding: 20% 30% 15% 5%; }
    #homeSlider #wrapper_slider .slide .content .logo_casino {
      top: 10%;
      left: 40%; }
    #homeSlider #wrapper_slider .slide .content .button {
      font-size: 1.5625rem; }
  #homeSlider #wrapper_slider .menu {
    /*
    bottom: rem(260);
    left: 40%;
    */ } }
@media screen and (max-width: 768px) {
  #homeSlider .textPresentation h1, #homeSlider .textPresentation h1 span {
    font-size: 30px; }
  #homeSlider .textPresentation p {
    font-size: 1rem; }
  #homeSlider #wrapper_slider .visuals .caracter {
    transform: scale(0.85);
    right: -6.25rem; }
  #homeSlider #wrapper_slider .slide .content {
    padding: 0% 20% 0 0;
    width: 75%;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%) translateY(-50%);
    overflow: visible; }
    #homeSlider #wrapper_slider .slide .content .logo_casino {
      position: relative; }
    #homeSlider #wrapper_slider .slide .content .button {
      font-size: 1.25rem; }
  #homeSlider #wrapper_slider .menu {
    bottom: 25%;
    left: 40%; } }
@media screen and (max-width: 480px) {
  #homeSlider #wrapper_slider {
    height: 31.25rem; }
    #homeSlider #wrapper_slider .visuals .caracter {
      right: -11.25rem;
      transform: scale(0.8); }
    #homeSlider #wrapper_slider .slide .content {
      padding: 0; }
      #homeSlider #wrapper_slider .slide .content .text p {
        font-size: 1.375rem; }
    #homeSlider #wrapper_slider .menu {
      bottom: 30%;
      left: 40%; } }
#homeBonus {
  position: relative;
  z-index: 10;
  min-height: 18.75rem;
  margin-top: 0;
  background: url(../../images/pattern-bettime.png) no-repeat left bottom;
  background-attachment: fixed; }
  #homeBonus:before {
    content: '';
    height: 400px;
    background: black;
    background: -moz-linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1; }
  #homeBonus h1 {
    margin: 1.25rem 0 18px 0;
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 36px;
    color: #fff;
    position: relative;
    text-align: center; }
  #homeBonus h2 {
    margin: 1.25rem 0 2rem 0;
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 24px;
    color: #fff;
    position: relative;
    text-align: center; }
  #homeBonus > .wrapper {
    position: relative;
    z-index: 5; }
  #homeBonus #introHomeBonus {
    text-align: center; }
    #homeBonus #introHomeBonus h2 {
      margin: 35px 0 18px 0;
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      font-size: 30px;
      color: #fff;
      position: relative;
      text-align: center;
      margin-bottom: 15px;
      text-transform: uppercase; }
      #homeBonus #introHomeBonus h2 span {
        color: #00fe82; }
    #homeBonus #introHomeBonus p {
      color: #fff;
      text-align: center;
      font-size: 18px;
      margin: 0 0 40px; }
  #homeBonus #filtre_home_bonus_casino {
    display: block;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    outline: none;
    float: none; }
    #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 {
      display: block;
      clear: both;
      margin-bottom: 15px; }
      #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li {
        display: inline-block;
        margin-right: 20px;
        color: rgba(255, 255, 255, 0.7);
        cursor: pointer;
        padding: 3px 9px;
        font-size: 15px;
        position: relative;
        overflow: hidden;
        font-weight: 500;
        /*
        span{
        	position:relative;
        	padding-bottom:7px;
        	&:before{
        		content: "";
        	    position: absolute;
        	    z-index: -1;
        	    left: -110%;
        	    right: auto;
        	    bottom: 0;
        	    background: #3cffd9;
        	    height: 2px;
        	    transition-property: left;
        	    transition-duration: 0.3s;
        	    transition-timing-function: ease-out;
        	    width: 100%;
        	}
        }
        */ }
        #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.first {
          color: #fff;
          border: none;
          font-weight: normal;
          pointer-events: none;
          margin-right: 20px;
          /*
          span{
          	&:before{
          		display: none;
          	}
          }
          */ }
        #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li:hover, #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.active {
          color: #000;
          font-weight: 600;
          background: #00fe82;
          border-radius: 6px;
          /*
          span{
          	&:before{
          		left:0;
          	}
          }
          */ }
    #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino {
      position: relative;
      display: inline-block;
      min-width: 300px;
      margin-bottom: 1.5625rem;
      height: 48px; }
      #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #bouton_select_filtre_home_bonus_casino {
        position: absolute;
        top: 4px;
        right: 8px;
        z-index: 15;
        width: 30px;
        height: 30px;
        text-align: center;
        vertical-align: middle;
        line-height: 30px; }
        #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #bouton_select_filtre_home_bonus_casino:before {
          content: '';
          border: solid #fff;
          border-width: 0 3px 3px 0;
          display: inline-block;
          padding: 3px;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          width: 6px;
          height: 6px; }
        #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #bouton_select_filtre_home_bonus_casino.open {
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
      #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino {
        padding: 5px 15px 3px;
        background: transparent;
        color: #fff;
        font-weight: 600;
        font-family: 'Work Sans', sans-serif;
        font-size: 1rem;
        border: 1px solid #3cffd9;
        border-radius: 10px;
        outline: none;
        cursor: pointer !important;
        position: absolute;
        width: 300px;
        height: auto;
        z-index: 10;
        background: #180c28; }
        #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div {
          display: none;
          margin-top: 5px;
          margin-bottom: 8px; }
          #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active {
            display: block; }
        #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino.active > div, #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino.selected > div {
          display: block; }
        #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active {
          color: #3cffd9; }
          #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active.first {
            color: #fff; }
            #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active.first:hover {
              color: #3cffd9; }
          #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active:hover {
            color: #3cffd9; }
        #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino:hover > div.active {
          color: #3cffd9; }
          #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino:hover > div.active:hover {
            color: #3cffd9; }
        #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino:hover > div:hover {
          color: #ffa532; }
      #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino.active:before {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg); }
  #homeBonus .bubleTitle {
    margin-top: 0; }
  #homeBonus .bonus {
    transform: scale(1);
    transition: transform 0.2s;
    border-radius: 10px;
    position: relative;
    text-decoration: none;
    margin-bottom: 15px; }
    #homeBonus .bonus:hover {
      transform: scale(1.05);
      margin-bottom: 2.5rem; }
    #homeBonus .bonus.last:hover {
      margin-bottom: 10px; }
    #homeBonus .bonus.active .line svg {
      border-bottom-left-radius: 0; }
    #homeBonus .bonus .wrapper-logo {
      width: 17%;
      text-align: center;
      justify-content: center;
      padding: 0;
      margin: 0;
      border-radius: 5px;
      float: left;
      margin-right: 1%; }
      #homeBonus .bonus .wrapper-logo a {
        display: block;
        height: 100px;
        vertical-align: middle;
        line-height: 100px; }
        #homeBonus .bonus .wrapper-logo a img {
          margin-left: 0;
          height: auto;
          width: auto;
          max-width: 75%;
          max-height: 70px;
          vertical-align: middle; }
    #homeBonus .bonus .line {
      position: relative;
      padding: 0;
      display: inline-block;
      align-items: stretch;
      background: #fff;
      border-radius: 5px;
      min-height: 100px;
      width: 82%; }
      #homeBonus .bonus .line:before {
        content: '';
        background: #00fe82;
        position: absolute;
        top: 15px;
        bottom: -5px;
        left: 10px;
        right: -5px;
        z-index: -1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px; }
      #homeBonus .bonus .line .exclu {
        position: absolute;
        top: -6px;
        left: -22px;
        color: #fff;
        z-index: 15;
        transform: rotate(-33deg);
        padding: 12px 6px 3px 0;
        width: 78px;
        text-align: center;
        font-weight: 900;
        font-size: 10px;
        text-transform: uppercase;
        background: #ffa532;
        box-shadow: 5px 5px 15px -5px black; }
      #homeBonus .bonus .line .wrapper-bonus, #homeBonus .bonus .line .wrapper-ribbon, #homeBonus .bonus .line .wrapper-actions {
        z-index: 1;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        float: left; }
      #homeBonus .bonus .line .wrapper-bonus {
        width: 40%;
        padding: 0 25px;
        float: left;
        height: 100px; }
        #homeBonus .bonus .line .wrapper-bonus .column {
          height: 100px; }
        #homeBonus .bonus .line .wrapper-bonus p {
          margin: 0;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
      #homeBonus .bonus .line .wrapper-infos-casino {
        width: 18%;
        padding: 0 25px;
        float: left;
        height: 100px; }
        #homeBonus .bonus .line .wrapper-infos-casino .valignmiddle {
          top: 50%;
          position: relative;
          transform: translateY(-50%); }
        #homeBonus .bonus .line .wrapper-infos-casino p {
          margin: 0 0 3px; }
          #homeBonus .bonus .line .wrapper-infos-casino p:first-child {
            margin-top: 0; }
          #homeBonus .bonus .line .wrapper-infos-casino p:last-child {
            margin: 0; }
          #homeBonus .bonus .line .wrapper-infos-casino p a {
            color: #000; }
            #homeBonus .bonus .line .wrapper-infos-casino p a:hover {
              color: #00fe82; }
      #homeBonus .bonus .line .wrapper-ribbon {
        width: 21%;
        padding: 32px 10px 0 10px;
        float: left; }
      #homeBonus .bonus .line .wrapper-actions {
        width: 21%;
        padding: 30px 10px 0 10px;
        float: left; }
      #homeBonus .bonus .line .wrapper-bonus .column {
        position: relative;
        width: 100%; }
        #homeBonus .bonus .line .wrapper-bonus .column.one, #homeBonus .bonus .line .wrapper-bonus .column.two, #homeBonus .bonus .line .wrapper-bonus .column.three, #homeBonus .bonus .line .wrapper-bonus .column.four, #homeBonus .bonus .line .wrapper-bonus .column.five {
          text-align: center;
          font-weight: 400; }
          #homeBonus .bonus .line .wrapper-bonus .column.one strong, #homeBonus .bonus .line .wrapper-bonus .column.two strong, #homeBonus .bonus .line .wrapper-bonus .column.three strong, #homeBonus .bonus .line .wrapper-bonus .column.four strong, #homeBonus .bonus .line .wrapper-bonus .column.five strong {
            display: block;
            text-align: center;
            font-size: 20px;
            font-weight: 600;
            color: #000;
            text-transform: uppercase; }
          #homeBonus .bonus .line .wrapper-bonus .column.one .sub_title, #homeBonus .bonus .line .wrapper-bonus .column.two .sub_title, #homeBonus .bonus .line .wrapper-bonus .column.three .sub_title, #homeBonus .bonus .line .wrapper-bonus .column.four .sub_title, #homeBonus .bonus .line .wrapper-bonus .column.five .sub_title {
            color: #000; }
        #homeBonus .bonus .line .wrapper-bonus .column.one:before, #homeBonus .bonus .line .wrapper-bonus .column.two:before, #homeBonus .bonus .line .wrapper-bonus .column.three:before {
          position: absolute;
          content: "";
          top: 0;
          right: 0;
          height: 90%;
          width: 0.0625rem;
          background: #3cffd9; }
      #homeBonus .bonus .line .wrapper-ribbon {
        z-index: 1;
        display: flex;
        flex-wrap: nowrap;
        align-items: center; }
        #homeBonus .bonus .line .wrapper-ribbon .ribbon {
          border: 2px solid #00fe82;
          border-radius: 5px;
          background: #00fe82;
          color: #000;
          padding: 0;
          width: auto;
          display: inline-block; }
          #homeBonus .bonus .line .wrapper-ribbon .ribbon svg {
            width: 17px;
            vertical-align: bottom;
            margin-right: 3px; }
            #homeBonus .bonus .line .wrapper-ribbon .ribbon svg path, #homeBonus .bonus .line .wrapper-ribbon .ribbon svg rect {
              fill: #000; }
          #homeBonus .bonus .line .wrapper-ribbon .ribbon a {
            color: #000;
            padding: 8px 15px;
            font-size: 15px;
            display: block;
            font-weight: 700; }
        #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu {
          border: 2px solid #00fe82;
          border-radius: 5px;
          background: #00fe82;
          color: #000;
          padding: 0;
          width: 100%;
          /*
          .centered{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
          }
          */ }
          #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu .h-button {
            text-align: center;
            position: relative; }
            #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu .h-button span {
              display: inline-block;
              min-width: 0.30em;
              transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
              opacity: 0;
              transform: translate(0, -20px); }
            #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu .h-button:before {
              content: attr(data-text);
              position: absolute;
              width: 100%;
              left: 0;
              transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
              opacity: 1;
              transform: translate(0, 0px); }
            #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu .h-button.active:before {
              opacity: 0;
              transform: translate(0, 20px); }
            #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu .h-button.active span {
              opacity: 1;
              transform: translate(0, 0); }
          #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu:hover {
            background: #00fe82; }
            #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu:hover a {
              color: #000;
              font-weight: 600; }
              #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu:hover a svg path, #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu:hover a svg rect {
                fill: #000; }
          #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu a {
            color: #000;
            font-weight: 700;
            padding: 8px 8px;
            display: block; }
      #homeBonus .bonus .line .wrapper-actions {
        justify-content: space-evenly; }
        #homeBonus .bonus .line .wrapper-actions .button {
          z-index: 1;
          border-radius: 10px;
          overflow: hidden;
          text-transform: uppercase; }
          #homeBonus .bonus .line .wrapper-actions .button:not(.viewdetail) {
            border: 2px solid #00fe82;
            border-radius: 5px;
            background: #00fe82;
            color: #000;
            padding: 0;
            width: auto;
            display: inline-block; }
          #homeBonus .bonus .line .wrapper-actions .button.viewdetail {
            border: 2px solid #00fea1;
            padding: 0 !important;
            text-align: center;
            line-height: 1.5;
            border-radius: 50%;
            height: 39px;
            width: 39px;
            font-size: 1.375rem !important;
            color: #000;
            font-style: normal !important; }
            #homeBonus .bonus .line .wrapper-actions .button.viewdetail:after {
              background: #261240; }
            #homeBonus .bonus .line .wrapper-actions .button.viewdetail:before {
              content: '+';
              font-size: 1.375rem !important;
              color: #000; }
            #homeBonus .bonus .line .wrapper-actions .button.viewdetail:hover {
              background: #00fea1; }
              #homeBonus .bonus .line .wrapper-actions .button.viewdetail:hover:before {
                color: #000; }
          #homeBonus .bonus .line .wrapper-actions .button:not(.viewdetail), #homeBonus .bonus .line .wrapper-actions .button.viewdetail {
            font-family: 'Work Sans', sans-serif;
            font-weight: 900;
            font-style: italic;
            font-weight: 700;
            font-size: 1rem;
            padding: 8px 15px; }
          #homeBonus .bonus .line .wrapper-actions .button:hover {
            cursor: pointer; }
    #homeBonus .bonus.active .line .wrapper-actions .viewdetail::before {
      left: 0%;
      content: '-'; }
    #homeBonus .bonus.active .detail {
      display: block; }
    #homeBonus .bonus .detail {
      display: none;
      position: relative;
      padding: 20px 0 1.25rem 0.625rem;
      background: #e6e6e6;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      clear: both;
      float: left;
      width: 100%;
      margin-top: 15px; }
      #homeBonus .bonus .detail h3 {
        color: #000;
        text-transform: uppercase;
        margin-bottom: 0.625rem; }
      #homeBonus .bonus .detail strong {
        color: #000; }
      #homeBonus .bonus .detail ul li {
        color: #000; }
      #homeBonus .bonus .detail .provider img {
        max-width: 6.25rem;
        margin: 0 0.625rem 0.625rem 0; }
      #homeBonus .bonus .detail .liste_valide h3 {
        margin-top: 0; }
      #homeBonus .bonus .detail .liste_valide ul {
        padding-left: 0;
        list-style-type: none; }
        #homeBonus .bonus .detail .liste_valide ul li {
          padding-left: 0;
          font-size: 0.875rem;
          position: relative;
          margin-bottom: 0.625rem;
          font-weight: 500;
          /*
          &:before{
          	width: 15px;
          	height: 15px;
          	background: greenyellow;
          	color:white;
          	content: "\002714";
          	text-align: center;
          	position: absolute;
          	left: 0;
          	top: 0px;
          	border-radius: 50%;
          }
          */ }
          #homeBonus .bonus .detail .liste_valide ul li:last-child {
            margin-bottom: 0; }
      #homeBonus .bonus .detail .liste_simple h3 {
        margin-top: 14px; }
      #homeBonus .bonus .detail .liste_simple li {
        margin-bottom: 5px; }
      #homeBonus .bonus .detail .texte {
        color: #000;
        font-size: 1rem;
        padding-right: 50px; }
        #homeBonus .bonus .detail .texte h3 {
          margin-top: 0; }
        #homeBonus .bonus .detail .texte p {
          color: #000;
          line-height: 25px;
          margin-top: 0; }
        #homeBonus .bonus .detail .texte a {
          border-radius: 50px !important;
          font-size: 0.875rem;
          text-align: center;
          font-weight: 400;
          text-transform: none;
          display: inline-block;
          color: white;
          text-decoration: none;
          padding: 0.3125rem 0.625rem;
          background: transparent;
          border: 2px solid #ffa532;
          color: #000; }
          #homeBonus .bonus .detail .texte a:hover {
            background: #ffa532;
            color: #000;
            font-weight: 700; }
        #homeBonus .bonus .detail .texte ol {
          margin-left: 0;
          padding-left: 0;
          list-style-position: inside; }
          #homeBonus .bonus .detail .texte ol li {
            margin-bottom: 3px; }
        #homeBonus .bonus .detail .texte .texte h3 {
          margin-bottom: 0.3125rem; }
      #homeBonus .bonus .detail .pays img {
        max-width: 25px;
        margin: 0 0.625rem 0.625rem 0; }
      #homeBonus .bonus .detail .en_savoir_plus h3 {
        margin-top: 14px; }

@media screen and (max-width: 1150px) {
  #homeBonus .bonus .line .wrapper-bonus {
    width: 55%; }
  #homeBonus .bonus .line .wrapper-actions {
    width: 30%; } }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #homeBonus .bonus {
    width: 30%;
    margin-right: 3%; }
    #homeBonus .bonus:nth-child(3n+1) {
      clear: both; }
    #homeBonus .bonus:nth-child(3n+3) {
      margin-right: 0; } }
@media screen and (max-width: 1024px) {
  #homeBonus .bonus {
    padding: 0 0 0.625rem 0;
    float: left; }
    #homeBonus .bonus .line {
      display: block;
      padding: 10px 0;
      				/*
      				svg{
      					&.desktop{
      						display: none;
      					}
      					&.mobile{
      						display: block;
      					}
      					left: rem(0px);
      					//height: 27%;
      					height: rem(100);
      					width: 100%;
      
      					border-top-left-radius: $border_radius;
      					border-top-right-radius: $border_radius;
      
      					border-bottom-left-radius: 0;
      					
      				}
      				*/ }
      #homeBonus .bonus .line .wrapper-logo, #homeBonus .bonus .line .wrapper-bonus, #homeBonus .bonus .line .wrapper-ribbon, #homeBonus .bonus .line .wrapper-actions {
        width: 100%;
        position: relative;
        z-index: 2; }
      #homeBonus .bonus .line .wrapper-logo {
        text-align: center;
        margin: -10px 0 15px 0;
        border-top-right-radius: 10px; }
        #homeBonus .bonus .line .wrapper-logo img {
          max-height: 3.75rem;
          margin: 0 auto; }
      #homeBonus .bonus .line .wrapper-ribbon {
        margin-left: -1.25rem;
        margin-bottom: 0.625rem;
        width: calc( 100% + 40px ); }
        #homeBonus .bonus .line .wrapper-ribbon .ribbon {
          margin: 12px auto 7px; }
          #homeBonus .bonus .line .wrapper-ribbon .ribbon:before {
            top: 100%;
            right: unset;
            left: 0;
            border-width: 0 0.625rem 0.625rem 0;
            border-color: transparent #b66e23 transparent transparent; }
          #homeBonus .bonus .line .wrapper-ribbon .ribbon:after {
            content: "";
            position: absolute;
            top: 100%;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0.625rem 0.625rem 0 0;
            border-color: #b66e23 transparent transparent transparent; }
        #homeBonus .bonus .line .wrapper-ribbon .bouton_fond_bleu {
          margin: 12px auto 7px; }
      #homeBonus .bonus .line .wrapper-bonus {
        flex-wrap: wrap; }
        #homeBonus .bonus .line .wrapper-bonus .column {
          width: 50%;
          padding: 0.625rem 0; }
          #homeBonus .bonus .line .wrapper-bonus .column:before {
            display: none; }
          #homeBonus .bonus .line .wrapper-bonus .column.five {
            text-align: center;
            width: 100%; }
            #homeBonus .bonus .line .wrapper-bonus .column.five > div {
              margin-right: 0.625rem;
              display: inline-block; }
              #homeBonus .bonus .line .wrapper-bonus .column.five > div:last-child {
                margin-right: 0; }
      #homeBonus .bonus .line .wrapper-actions {
        flex-wrap: wrap; }
        #homeBonus .bonus .line .wrapper-actions a {
          margin-top: 0.625rem; }
    #homeBonus .bonus .detail .liste_simple, #homeBonus .bonus .detail .provider, #homeBonus .bonus .detail .liste_valide, #homeBonus .bonus .detail .texte, #homeBonus .bonus .detail .pays, #homeBonus .bonus .detail .en_savoir_plus {
      width: 100%; } }
@media screen and (max-width: 768px) {
  #homeBonus {
    margin-top: 0; } }
@media screen and (max-width: 768px) and (min-width: 641px) {
  #homeBonus .bonus {
    width: 45%;
    margin-right: 5%; }
    #homeBonus .bonus:nth-child(2n+1) {
      clear: both; }
    #homeBonus .bonus:nth-child(2n+2) {
      margin-right: 0; } }
@media screen and (max-width: 640px) {
  #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    display: none; }
    #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li {
      display: inline-block;
      margin-right: 25px;
      margin-left: 0;
      margin-bottom: 15px;
      float: left; }
      #homeBonus #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.first {
        margin-bottom: 8px;
        margin-left: 0;
        width: 100%; }
  #homeBonus #listeHomeBonus {
    margin-top: 25px; }
  #homeBonus .bonus {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    float: left;
    padding: 0; }
    #homeBonus .bonus:before {
      bottom: -6px; }
    #homeBonus .bonus .wrapper-logo {
      width: 100%;
      margin-bottom: 7px; }
      #homeBonus .bonus .wrapper-logo a {
        height: 80px;
        line-height: 80px; }
        #homeBonus .bonus .wrapper-logo a img {
          max-width: 75%;
          max-height: 50px; }
    #homeBonus .bonus .line {
      float: left;
      width: 100%;
      padding: 10px 0 0; }
      #homeBonus .bonus .line .wrapper-infos-casino {
        width: 100%;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        height: auto; }
        #homeBonus .bonus .line .wrapper-infos-casino .valignmiddle {
          top: 0;
          position: relative;
          transform: none;
          margin: 0; }
        #homeBonus .bonus .line .wrapper-infos-casino p {
          font-size: 18px; }
      #homeBonus .bonus .line .wrapper-logo {
        padding: 18px 15px 15px;
        margin: -10px 0 15px 0;
        border-top-right-radius: 6px; }
        #homeBonus .bonus .line .wrapper-logo a {
          width: 100%; }
          #homeBonus .bonus .line .wrapper-logo a img {
            max-width: 50%;
            width: auto; }
      #homeBonus .bonus .line .wrapper-ribbon {
        padding-top: 0; }
        #homeBonus .bonus .line .wrapper-ribbon .ribbon a {
          font-size: 18px; }
        #homeBonus .bonus .line .wrapper-ribbon .ribbon svg {
          width: 22px;
          vertical-align: bottom;
          margin-right: 3px;
          margin-top: -4px;
          top: -2px;
          position: relative; }
      #homeBonus .bonus .line .wrapper-bonus {
        height: auto; }
        #homeBonus .bonus .line .wrapper-bonus .column {
          width: 100%;
          text-align: center;
          padding: 0;
          height: auto; }
          #homeBonus .bonus .line .wrapper-bonus .column p {
            font-size: 18px;
            margin-top: 10px;
            text-align: center;
            display: block;
            width: 100%;
            position: relative;
            transform: none; }
      #homeBonus .bonus .line .wrapper-actions {
        justify-content: center;
        margin-bottom: 10px;
        padding: 20px 10px 10px 10px; }
        #homeBonus .bonus .line .wrapper-actions a.viewdetail {
          margin-right: 20px; }
          #homeBonus .bonus .line .wrapper-actions a.viewdetail:before {
            font-size: 18px; }
        #homeBonus .bonus .line .wrapper-actions a {
          font-size: 18px !important; }
    #homeBonus .bonus .detail {
      padding: 20px 20px 0;
      margin-top: 0; }
      #homeBonus .bonus .detail .col9 {
        margin-top: 25px; }
  #homeBonus .bubleTitle.icoTitle.slot {
    font-size: 30px;
    margin: 50px 0 20px;
    padding-left: 90px;
    height: 53px; } }
#genericHeader {
  overflow: hidden;
  min-height: 31.25rem;
  position: relative;
  z-index: 2; }
  #genericHeader .textPresentation {
    padding-top: 10%; }
    #genericHeader .textPresentation h1, #genericHeader .textPresentation p {
      color: #461572; }
    #genericHeader .textPresentation h1, #genericHeader .textPresentation h1 span {
      font-size: 36px;
      text-transform: uppercase;
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic; }
    #genericHeader .textPresentation h1 {
      margin: 0 0 1.875rem 0; }
      #genericHeader .textPresentation h1 strong {
        color: #3cffd9; }
    #genericHeader .textPresentation p {
      font-size: 1.25rem; }
  #genericHeader #wrapperGenericHeader {
    position: relative;
    min-height: 31.25rem; }
    #genericHeader #wrapperGenericHeader .bg {
      left: 0;
      width: 100000px;
      height: 100%;
      position: absolute;
      z-index: 1;
      overflow: hidden; }
      #genericHeader #wrapperGenericHeader .bg .gradient {
        left: 0;
        width: 50vw;
        height: 100%;
        position: absolute;
        content: ""; }
      #genericHeader #wrapperGenericHeader .bg:before {
        position: absolute;
        content: "";
        left: 0px;
        bottom: 0px;
        background: url("../../images/wave/vague_header_generic.svg") transparent left bottom no-repeat;
        background-size: auto 200%;
        background-position: left bottom;
        z-index: 2;
        height: 101%;
        width: 101vw; }
    #genericHeader #wrapperGenericHeader img {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 2;
      max-width: 21.875rem; }
  @media screen and (max-width: 1440px) {
    #genericHeader #wrapperGenericHeader .bg {
      width: calc( 100% + 200px ); }
      #genericHeader #wrapperGenericHeader .bg .gradient {
        width: 100%;
        padding-top: 60%;
        height: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%); } }
  @media screen and (max-width: 1200px) {
    #genericHeader #wrapperGenericHeader .bg .gradient {
      padding-top: 80%; } }
  @media screen and (max-width: 768px) {
    #genericHeader .textPresentation {
      width: 97%;
      padding-bottom: 1.25rem; }
      #genericHeader .textPresentation + .col8 {
        width: 113%;
        margin: 0 auto 0 -5%;
        overflow: hidden; }
      #genericHeader .textPresentation h1, #genericHeader .textPresentation h1 span {
        text-align: center;
        font-size: 30px;
        margin-bottom: 0.625rem; }
      #genericHeader .textPresentation p {
        text-align: center;
        font-size: 1.125rem;
        margin-top: 0.625rem; }
    #genericHeader #wrapperGenericHeader {
      min-height: 37.5rem; }
      #genericHeader #wrapperGenericHeader .bg .gradient {
        padding-top: 100%;
        left: 260px; }
      #genericHeader #wrapperGenericHeader .bg:before {
        height: 100%;
        width: 100%;
        background: url("../../images/wave/sub.svg") transparent left bottom no-repeat;
        background-size: auto 100%; }
      #genericHeader #wrapperGenericHeader img {
        top: 15%;
        left: 260px; } }
  @media screen and (max-width: 768px) {
    #genericHeader #wrapperGenericHeader {
      min-height: 29.8125rem; }
      #genericHeader #wrapperGenericHeader .bg .gradient {
        padding-top: 100%;
        width: 100%; }
      #genericHeader #wrapperGenericHeader img {
        top: 15%;
        left: 50%;
        max-width: 300px; } }

#store + #genericBonus {
  margin-top: -130px; }

#forVideoPage + #genericBonus {
  z-index: 1;
  margin-top: -130px; }

#stream + #genericBonus {
  z-index: 9; }

#tournamentScore + #genericBonus {
  z-index: 1;
  margin-top: -200px; }

#genericBonus {
  position: relative;
  z-index: 11;
  background: url("./../../images/casino_ville.png") center center transparent no-repeat;
  background-size: cover;
  height: 67.5rem;
  /*
  &:before{
  	position: absolute;
  	left: 0;
  	top: 0;
  	height: 100%;
  	width: 100%;
  	content: "";
  	//background: url("./../../images/wave/sp.svg") transparent no-repeat center;
  	background: url("./../../images/bg_header_stream.jpg") transparent no-repeat center;	
  }*/ }
  #genericBonus + #footer {
    margin-top: -26.25rem;
    padding-top: 26.25rem; }
  #genericBonus .cta {
    display: inline-block;
    overflow: hidden;
    border-radius: 50px !important;
    font-size: 0.875rem;
    text-align: center;
    font-weight: 400;
    text-transform: none;
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: 0.3125rem 0.625rem;
    background: transparent;
    border: 2px solid #ffa532;
    box-shadow: 5px 5px 15px -5px black;
    padding: 0.3125rem 0.625rem;
    position: absolute;
    z-index: 2;
    left: 60%;
    top: 50%;
    font-size: 1.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-style: italic; }
    #genericBonus .cta:hover {
      background: #ffa532;
      color: #000;
      font-weight: 700; }
    @media screen and (max-width: 768px) {
      #genericBonus .cta {
        font-size: 1.375rem;
        left: unset;
        right: 5%; } }

@media screen and (max-width: 1024px) {
  #forVideoPage + #genericBonus, #store + #genericBonus {
    height: 50rem;
    margin-top: -90px;
    margin-bottom: 40px; } }
@media screen and (max-width: 768px) {
  #forVideoPage + #genericBonus, #store + #genericBonus {
    height: 43.75rem;
    margin-top: -50px; } }
@media screen and (max-width: 640px) {
  #forVideoPage + #genericBonus, #store + #genericBonus {
    height: 37.5rem;
    margin-top: 0px; } }

#introStore {
  color: #fff;
  text-align: center;
  margin-top: -30px; }
  #introStore h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: -7px; }
  #introStore h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 2em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
    padding-top: 15px; }
  #introStore h3 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.8em;
    font-weight: 800;
    text-transform: uppercase;
    color: #3cffd9;
    margin-bottom: 0;
    margin-top: 0.7em; }
  #introStore p {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.1em;
    color: white;
    line-height: 1.5em; }
    #introStore p a {
      text-decoration: underline; }
      #introStore p a.button {
        border-radius: 50px !important;
        font-size: 0.875rem;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        display: inline-block;
        color: white;
        text-decoration: none;
        padding: 0.3125rem 0.625rem;
        background: transparent;
        border: 2px solid #ffa532;
        margin: 0 0 0 7px;
        padding: 3px 12px;
        font-size: 15px;
        background: #ffa532;
        color: #000;
        font-weight: 500; }
        #introStore p a.button:hover {
          background: #ffa532;
          color: #000;
          font-weight: 700; }
      #introStore p a:hover {
        color: #3cffd9; }

#store .wrapper-item {
  display: block;
  margin-bottom: 35px;
  transition: all 0.4s;
  transform: scale(1); }
  #store .wrapper-item:hover {
    transform: scale(1.1); }
  #store .wrapper-item img {
    width: 100%;
    border-radius: 0.625rem; }
  #store .wrapper-item .point {
    text-align: center;
    color: #fff;
    padding: 0.3125rem 0;
    margin-right: 15px; }
  #store .wrapper-item .wrapper-button {
    text-align: center;
    margin-top: 11px; }
    #store .wrapper-item .wrapper-button .button {
      border-radius: 50px !important;
      font-size: 0.875rem;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      color: white;
      text-decoration: none;
      padding: 0.3125rem 0.625rem;
      background: transparent;
      border: 2px solid #ffa532;
      margin: 0 auto;
      padding-left: 1.25rem;
      padding-right: 1.25rem; }
      #store .wrapper-item .wrapper-button .button:hover {
        background: #ffa532;
        color: #000;
        font-weight: 700; }

#store_offres_sans_depot, #store {
  text-align: center;
  margin: 0.625rem 0 1.25rem;
  display: block;
  /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */ }
  #store_offres_sans_depot #intro_store_offres_sans_depot, #store #intro_store_offres_sans_depot {
    margin-bottom: 20px; }
  #store_offres_sans_depot h2, #store h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 2em;
    font-weight: 800 !important;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0; }
  #store_offres_sans_depot p, #store_offres_sans_depot ul li, #store p, #store ul li {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.1em;
    color: white;
    line-height: 1.5em;
    margin: 0 auto; }
    #store_offres_sans_depot p a, #store_offres_sans_depot ul li a, #store p a, #store ul li a {
      text-decoration: underline; }
      #store_offres_sans_depot p a:hover, #store_offres_sans_depot ul li a:hover, #store p a:hover, #store ul li a:hover {
        color: #3cffd9; }
  #store_offres_sans_depot .flip-card, #store .flip-card {
    background-color: transparent;
    height: 0;
    padding-bottom: 27%;
    border-radius: 15px;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
    transform: scale(1);
    transition: transform 0.2s;
    overflow: hidden;
    /* This container is needed to position the front and back side */ }
    #store_offres_sans_depot .flip-card .boutons, #store .flip-card .boutons {
      position: relative;
      text-align: center;
      z-index: 5;
      margin-top: 15px; }
      #store_offres_sans_depot .flip-card .boutons > span, #store .flip-card .boutons > span {
        color: #fff; }
      #store_offres_sans_depot .flip-card .boutons a, #store .flip-card .boutons a {
        display: inline-block; }
        #store_offres_sans_depot .flip-card .boutons a.more_info, #store .flip-card .boutons a.more_info {
          color: #fff;
          border-radius: 100%;
          border: 2px solid #3cffd9;
          padding: 4px 11.33px;
          margin-right: 9px;
          position: relative;
          top: 1px;
          font-family: "Work Sans", sans-serif;
          font-weight: 700; }
          #store_offres_sans_depot .flip-card .boutons a.more_info:hover, #store .flip-card .boutons a.more_info:hover {
            background: #3cffd9;
            color: #000; }
        #store_offres_sans_depot .flip-card .boutons a.enjoy_bonus, #store .flip-card .boutons a.enjoy_bonus {
          border-radius: 50px !important;
          font-size: 0.875rem;
          text-align: center;
          font-weight: 400;
          text-transform: none;
          display: inline-block;
          color: white;
          text-decoration: none;
          padding: 0.3125rem 0.625rem;
          background: transparent;
          border: 2px solid #ffa532;
          font-weight: 700; }
          #store_offres_sans_depot .flip-card .boutons a.enjoy_bonus:hover, #store .flip-card .boutons a.enjoy_bonus:hover {
            background: #ffa532;
            color: #000;
            font-weight: 700; }
    #store_offres_sans_depot .flip-card .flip-card-inner, #store .flip-card .flip-card-inner {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 76%;
      text-align: center;
      transition: transform 0.8s;
      transform-style: preserve-3d;
      border-radius: 15px;
      /* Position the front and back side */
      /* Style the front side (fallback if image is missing) */
      /* Style the back side */ }
      #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-front, #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back, #store .flip-card .flip-card-inner .flip-card-front, #store .flip-card .flip-card-inner .flip-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        /* Safari */
        backface-visibility: hidden; }
      #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-front, #store .flip-card .flip-card-inner .flip-card-front {
        color: black;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 15px;
        overflow: hidden; }
        #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-front img, #store .flip-card .flip-card-inner .flip-card-front img {
          max-width: 100%;
          height: auto; }
        #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-front a, #store .flip-card .flip-card-inner .flip-card-front a {
          display: inline-block; }
      #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back, #store .flip-card .flip-card-inner .flip-card-back {
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        transform: rotateY(180deg);
        padding-top: 15px;
        padding-right: 15px;
        border-radius: 15px;
        overflow: hidden; }
        #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back:before, #store .flip-card .flip-card-inner .flip-card-back:before {
          content: '';
          background-color: rgba(0, 0, 0, 0.95);
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 0;
          border-radius: 15px; }
        #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back .closeflipcard, #store .flip-card .flip-card-inner .flip-card-back .closeflipcard {
          color: #fff;
          border-radius: 100%;
          border: 2px solid #3cffd9;
          padding: 0 8px 5px;
          position: absolute;
          top: 8px;
          right: 8px;
          z-index: 20;
          cursor: pointer; }
          #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back .closeflipcard:hover, #store .flip-card .flip-card-inner .flip-card-back .closeflipcard:hover {
            background: #3cffd9;
            color: #000; }
        #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back p, #store .flip-card .flip-card-inner .flip-card-back p {
          margin: 3px 0 7px;
          z-index: 10;
          position: relative;
          font-size: 19px;
          padding-left: 20px;
          text-align: left; }
          #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back p strong, #store .flip-card .flip-card-inner .flip-card-back p strong {
            font-weight: 900; }
        #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back ul, #store .flip-card .flip-card-inner .flip-card-back ul {
          position: relative;
          margin-bottom: 13px;
          display: block;
          clear: both;
          padding-left: 20px; }
          #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back ul li, #store .flip-card .flip-card-inner .flip-card-back ul li {
            color: #fff;
            margin-bottom: 3px;
            font-size: 15px;
            text-align: left; }
            #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back ul li strong, #store .flip-card .flip-card-inner .flip-card-back ul li strong {
              font-weight: 900; }
        #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back p.margintop, #store .flip-card .flip-card-inner .flip-card-back p.margintop {
          margin-top: 40px;
          margin-bottom: 25px;
          font-size: 18px;
          line-height: 24px;
          text-align: center;
          padding-left: 15px; }
        #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back .boutons, #store .flip-card .flip-card-inner .flip-card-back .boutons {
          padding-left: 15px; }
          #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back .boutons span, #store .flip-card .flip-card-inner .flip-card-back .boutons span {
            display: inline-block;
            border-radius: 50px !important;
            font-size: 0.875rem;
            text-align: center;
            font-weight: 400;
            text-transform: none;
            display: inline-block;
            color: white;
            text-decoration: none;
            padding: 0.3125rem 0.625rem;
            background: transparent;
            border: 2px solid #ffa532;
            font-weight: 700;
            cursor: pointer; }
            #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back .boutons span:hover, #store .flip-card .flip-card-inner .flip-card-back .boutons span:hover {
              background: #ffa532;
              color: #000;
              font-weight: 700; }
            #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back .boutons span.yes, #store .flip-card .flip-card-inner .flip-card-back .boutons span.yes {
              margin-right: 15px; }
        #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back .message_final, #store .flip-card .flip-card-inner .flip-card-back .message_final {
          display: none; }
          #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back .message_final.active, #store .flip-card .flip-card-inner .flip-card-back .message_final.active {
            display: block; }
            #store_offres_sans_depot .flip-card .flip-card-inner .flip-card-back .message_final.active p, #store .flip-card .flip-card-inner .flip-card-back .message_final.active p {
              color: #3cffd9;
              font-size: 18px;
              line-height: 22px;
              margin-top: 50px;
              text-align: center; }
    #store_offres_sans_depot .flip-card.flip_active, #store .flip-card.flip_active {
      transform: scale(1.1); }
      #store_offres_sans_depot .flip-card.flip_active .flip-card-inner, #store .flip-card.flip_active .flip-card-inner {
        transform: rotateY(180deg); }
    #store_offres_sans_depot .flip-card:hover, #store .flip-card:hover {
      transform: scale(1.1); }

#store {
  margin-top: 40px; }
  #store .flip-card {
    padding-bottom: 24%; }
    #store .flip-card > .boutons .point {
      margin-right: 10px; }

@media screen and (min-width: 1025px) {
  #store > .wrapper .col.wrapper-item:nth-child(4n+1) {
    clear: both; } }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #store > .wrapper .col.wrapper-item, #store > .wrapper .col.flip-card {
    width: 30%;
    margin: 0 1.5% 2.5rem 1.5%;
    padding-bottom: 30%; }
    #store > .wrapper .col.wrapper-item:nth-child(3n+1), #store > .wrapper .col.flip-card:nth-child(3n+1) {
      clear: both; }

  #store_offres_sans_depot > .wrapper .col.flip-card {
    width: 30%;
    margin: 0 1.5% 2.5rem 1.5%;
    padding-bottom: 30%; }
    #store_offres_sans_depot > .wrapper .col.flip-card:nth-child(3n+1) {
      clear: both; } }
@media screen and (max-width: 768px) and (min-width: 641px) {
  #store > .wrapper .col.wrapper-item, #store > .wrapper .col.flip-card {
    width: 47%;
    padding-bottom: 49%; }
    #store > .wrapper .col.wrapper-item:nth-child(2n+1), #store > .wrapper .col.flip-card:nth-child(2n+1) {
      clear: both; }

  #store_offres_sans_depot > .wrapper .col.flip-card {
    width: 47%;
    padding-bottom: 45%; }
    #store_offres_sans_depot > .wrapper .col.flip-card:nth-child(2n+1) {
      clear: both; } }
@media screen and (max-width: 640px) {
  #introStore {
    margin-top: 0; }

  #store > .wrapper .col.wrapper-item, #store > .wrapper .col.flip-card {
    width: 100%;
    margin: 0 0 1.25rem 0;
    clear: both;
    padding-bottom: 95%; }

  #store_offres_sans_depot h2 {
    font-size: 1.75rem !important;
    line-height: 1.3em; }
  #store_offres_sans_depot > .wrapper .col.flip-card {
    width: 100%;
    margin: 0 0 1.25rem 0;
    clear: both;
    padding-bottom: 100%; } }
#rgpd-ribbon {
  z-index: 100;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #57018b;
  background: linear-gradient(90deg, #57018b 0%, #360072 100%);
  overflow: hidden;
  padding: 5px 0 10px;
  /*&:before{
  	top: 0;
  	content: "";
  	position: absolute;
  	left: 0;
  	width: 100%;
  	z-index: 2;
  	display: block;
  	padding-top: 8%;
  	background: url("../../images/wave/forme-vague-mauve-dessus.svg") transparent no-repeat;
  	background-position: center bottom;
  	background-size: 100% 100.4%;
  }*/ }
  #rgpd-ribbon p {
    margin: 0.625rem 0;
    color: white;
    text-align: center; }
    #rgpd-ribbon p a {
      color: white; }
      #rgpd-ribbon p a:hover {
        text-decoration: underline; }
  #rgpd-ribbon .actions {
    text-align: center; }
    #rgpd-ribbon .actions a, #rgpd-ribbon .actions button {
      padding: 5px 0 10px;
      border-radius: 50px !important;
      font-size: 0.875rem;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      color: white;
      text-decoration: none;
      padding: 0.3125rem 0.625rem;
      background: transparent;
      border: 2px solid #ffa532;
      height: 32px;
      font-weight: 700;
      cursor: pointer; }
      #rgpd-ribbon .actions a:hover, #rgpd-ribbon .actions button:hover {
        background: #ffa532;
        color: #000;
        font-weight: 700; }
    #rgpd-ribbon .actions a {
      margin-right: 10px; }

#popup_gdpr {
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50%;
  height: auto;
  max-height: 50%;
  background: #57018b;
  background: linear-gradient(180deg, #57018b 0%, #360072 100%);
  border-radius: 20px;
  padding: 1.5625rem 1.5625rem 1.25rem 1.5625rem; }
  #popup_gdpr p {
    margin: 0 0 0.9375rem 0;
    color: white;
    font-size: 0.875rem; }
    #popup_gdpr p a {
      font-size: 0.875rem;
      color: white; }
      #popup_gdpr p a:hover {
        text-decoration: underline; }
  #popup_gdpr .wrapper-action {
    text-align: center; }
    #popup_gdpr .wrapper-action button {
      margin: 0 0.3125rem 0.625rem 0.3125rem;
      vertical-align: top;
      display: inline-block;
      border: 0;
      color: white;
      font-size: 1rem;
      transition: color 0.5s;
      z-index: 1;
      border-radius: 20px;
      overflow: hidden;
      position: relative;
      color: white;
      text-align: center;
      padding: 0.3125rem 0.9375rem;
      cursor: pointer;
      font-size: 0.875rem; }
      #popup_gdpr .wrapper-action button:before, #popup_gdpr .wrapper-action button:after {
        content: "";
        display: block;
        position: absolute;
        border-radius: 20px; }
      #popup_gdpr .wrapper-action button:before {
        left: -101%;
        top: 0;
        width: 201%;
        height: 100%;
        background: #e73b1a;
        background: linear-gradient(90deg, #3cffd9 0%, #3cffd9 50%, #e73b1a 50%, #ff9000 100%);
        z-index: -2;
        transition: left 0.7s; }
      #popup_gdpr .wrapper-action button:after {
        background: #5a0596;
        left: 0.125rem;
        top: 0.125rem;
        right: 0.125rem;
        bottom: 0.125rem;
        z-index: -1; }
      #popup_gdpr .wrapper-action button:hover:before {
        left: 0%; }
      #popup_gdpr .wrapper-action button:after {
        background: #461572; }
      #popup_gdpr .wrapper-action button:hover {
        color: #3cffd9; }

.page-template-template-gdpr {
  color: #461572; }
  .page-template-template-gdpr h1 {
    font-size: 36px;
    text-transform: uppercase; }
  .page-template-template-gdpr .wp-block-table {
    margin: 0; }
  .page-template-template-gdpr .gdpr_service_interruptor button {
    border-radius: 20px;
    background: #e73b1a;
    border: 0;
    background: linear-gradient(90deg, #e73b1a 0%, #ff9000 100%);
    font-size: 14px;
    padding: 0.3125rem 0.9375rem;
    cursor: pointer;
    color: white;
    text-transform: uppercase;
    transition: opacity 0.3s, filter 0.3s; }
  .page-template-template-gdpr .gdpr_service_interruptor.state-yes button[data-action="refuse"] {
    opacity: 0.9;
    filter: grayscale(1); }
  .page-template-template-gdpr .gdpr_service_interruptor.state-no button[data-action="allow"] {
    opacity: 0.9;
    filter: grayscale(1); }

#sportSlider {
  overflow: hidden; }
  #sportSlider .textPresentation {
    padding-top: 10%; }
    #sportSlider .textPresentation h1, #sportSlider .textPresentation p {
      color: #002b78; }
    #sportSlider .textPresentation h1, #sportSlider .textPresentation h1 span {
      font-size: 36px;
      line-height: 1.3;
      text-transform: uppercase;
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic; }
    #sportSlider .textPresentation h1 {
      margin: 0 0 1.25rem 0; }
      #sportSlider .textPresentation h1 strong {
        color: #840173; }
    #sportSlider .textPresentation p {
      font-size: 1.25rem; }
  #sportSlider #wrapper_slider {
    height: 41.25rem;
    position: relative; }
    #sportSlider #wrapper_slider .bg, #sportSlider #wrapper_slider .mask {
      left: 0;
      width: 100000px;
      height: 100%;
      position: absolute;
      z-index: 1; }
    #sportSlider #wrapper_slider .mask {
      z-index: 3; }
      #sportSlider #wrapper_slider .mask svg {
        position: absolute;
        left: 0;
        bottom: 0;
        width: auto;
        height: 155%;
        display: block;
        z-index: 1; }
      #sportSlider #wrapper_slider .mask:after {
        left: 112.5rem;
        top: 0;
        height: 100%;
        background: white;
        width: 2000px;
        content: "";
        position: absolute; }
    #sportSlider #wrapper_slider .visuals {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 2;
      width: 1740px;
      background-position: left center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important; }
      #sportSlider #wrapper_slider .visuals .next_visual {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-position: left center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important; }
    #sportSlider #wrapper_slider .slide {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 4;
      display: flex;
      justify-content: center; }
      #sportSlider #wrapper_slider .slide .content {
        position: relative;
        text-align: center;
        padding: 6.875rem 8.75rem 0 5.625rem;
        overflow: hidden; }
        #sportSlider #wrapper_slider .slide .content .logo_casino {
          width: 250px;
          height: auto;
          position: absolute;
          top: 2.5rem;
          left: 50%;
          margin-left: -1.5625rem;
          transform: translateX(-50%); }
        #sportSlider #wrapper_slider .slide .content .text p {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          margin: 1.25rem 0 0 0;
          text-transform: uppercase;
          font-size: 2.1875rem;
          font-weight: 400;
          color: white;
          line-height: 1.2; }
          #sportSlider #wrapper_slider .slide .content .text p strong {
            font-weight: 700;
            color: #ce1a21; }
        #sportSlider #wrapper_slider .slide .content .button {
          margin-top: 1.25rem;
          /*position: ;
          bottom: rem(150);
          left: 50%;*/
          font-family: 'Work Sans', sans-serif;
          font-weight: 900;
          font-style: italic; }
    #sportSlider #wrapper_slider .button {
      border-radius: 50px !important;
      font-size: 0.875rem;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      color: white;
      text-decoration: none;
      padding: 0.3125rem 0.625rem;
      background: #002b78;
      background: linear-gradient(90deg, #002b78 0%, #840173 100%);
      font-size: 1.875rem;
      padding: 0.3125rem 1.875rem;
      border-radius: 1.875rem;
      margin-top: 3.75rem; }
    #sportSlider #wrapper_slider .menu {
      position: absolute;
      bottom: 10rem;
      left: 50%;
      z-index: 4; }
      #sportSlider #wrapper_slider .menu .prev, #sportSlider #wrapper_slider .menu .next {
        position: absolute;
        display: block;
        height: 1.5625rem;
        width: 1rem;
        top: 50%;
        transform: translateY(-50%); }
      #sportSlider #wrapper_slider .menu .prev {
        left: -1.625rem;
        position: absolute; }
        #sportSlider #wrapper_slider .menu .prev:after {
          content: " ";
          border: solid #d0c0cd;
          border-width: 0 0.125rem 0.125rem 0;
          padding: 0.375rem;
          display: inline-block;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%) rotate(135deg); }
      #sportSlider #wrapper_slider .menu .next {
        right: -1.625rem;
        position: absolute; }
        #sportSlider #wrapper_slider .menu .next:after {
          content: " ";
          border: solid #d0c0cd;
          border-width: 0 0.125rem 0.125rem 0;
          padding: 0.375rem;
          display: inline-block;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%) rotate(-45deg); }
      #sportSlider #wrapper_slider .menu ul {
        list-style-type: none;
        display: flex;
        flex-wrap: nowrap; }
        #sportSlider #wrapper_slider .menu ul li {
          margin: 0 0.625rem; }
          #sportSlider #wrapper_slider .menu ul li a {
            display: block;
            background: #cfc0cd;
            border-radius: 50%;
            width: 0.75rem;
            height: 0.75rem;
            overflow: hidden;
            text-indent: 100px;
            transition: background 0.3s; }
          #sportSlider #wrapper_slider .menu ul li.active a {
            background: #840173; }

@media screen and (max-width: 1200px) {
  #sportSlider #wrapper_slider .slide .content {
    padding: 6.875rem 7.5rem 0 5rem; }
    #sportSlider #wrapper_slider .slide .content .logo_casino {
      top: 2.5rem; }
    #sportSlider #wrapper_slider .slide .content .text p {
      font-size: 1.875rem; }
    #sportSlider #wrapper_slider .slide .content .button {
      font-size: 1.5625rem; }
  #sportSlider #wrapper_slider .menu {
    position: absolute;
    bottom: 13rem; } }
@media screen and (max-width: 1024px) {
  #sportSlider #wrapper_slider .slide .content {
    padding: 5.625rem 6.25rem 0 3.75rem; }
    #sportSlider #wrapper_slider .slide .content .logo_casino {
      top: 1.875rem;
      max-width: 12.5rem; }
    #sportSlider #wrapper_slider .slide .content .text p {
      font-size: 1.5625rem; }
    #sportSlider #wrapper_slider .slide .content .button {
      font-size: 1.25rem; }
  #sportSlider #wrapper_slider .menu {
    bottom: 16.25rem;
    left: 40%; } }
@media screen and (max-width: 768px) {
  #sportSlider .textPresentation {
    width: 97%;
    padding-bottom: 1.25rem; }
    #sportSlider .textPresentation + .col8 {
      width: 113%;
      margin: 0 auto 0 -5%;
      overflow: hidden; }
    #sportSlider .textPresentation h1, #sportSlider .textPresentation h1 span {
      text-align: center;
      font-size: 30px;
      margin-bottom: 0.625rem; }
    #sportSlider .textPresentation p {
      text-align: center;
      font-size: 1.125rem;
      margin-top: 0.625rem; }
  #sportSlider #wrapper_slider .mask svg {
    height: 100%; }
  #sportSlider #wrapper_slider .visuals .caracter {
    bottom: 0;
    right: -3.75rem; }
  #sportSlider #wrapper_slider .slide .content {
    padding: 20% 30% 15% 5%; }
    #sportSlider #wrapper_slider .slide .content .logo_casino {
      top: 10%;
      left: 40%; }
    #sportSlider #wrapper_slider .slide .content .button {
      font-size: 1.5625rem; }
  #sportSlider #wrapper_slider .menu {
    /*
    bottom: rem(260);
    left: 40%;
    */ } }
@media screen and (max-width: 768px) {
  #sportSlider .textPresentation h1, #sportSlider .textPresentation h1 span {
    font-size: 30px; }
  #sportSlider .textPresentation p {
    font-size: 1rem; }
  #sportSlider #wrapper_slider .visuals .caracter {
    transform: scale(0.85);
    right: -6.25rem; }
  #sportSlider #wrapper_slider .slide .content {
    padding: 0% 20% 0 0;
    width: 75%;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%) translateY(-50%);
    overflow: visible; }
    #sportSlider #wrapper_slider .slide .content .logo_casino {
      position: relative; }
    #sportSlider #wrapper_slider .slide .content .button {
      font-size: 1.25rem; }
  #sportSlider #wrapper_slider .menu {
    bottom: 25%;
    left: 40%; } }
@media screen and (max-width: 480px) {
  #sportSlider #wrapper_slider {
    height: 31.25rem; }
    #sportSlider #wrapper_slider .visuals .caracter {
      right: -11.25rem;
      transform: scale(0.8); }
    #sportSlider #wrapper_slider .slide .content {
      padding: 0; }
      #sportSlider #wrapper_slider .slide .content .text p {
        font-size: 1.375rem; }
    #sportSlider #wrapper_slider .menu {
      bottom: 30%;
      left: 40%; } }
#homeBet {
  position: relative;
  z-index: 10;
  min-height: 18.75rem;
  margin-top: -3.75rem; }
  #homeBet .bubleTitle {
    margin-top: 0; }
  #homeBet .bet {
    background: #002b78;
    background: linear-gradient(90deg, #002b78 0%, #840173 100%);
    box-shadow: 5px 5px 15px -5px black;
    transform: scale(1);
    transition: transform 0.2s;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 0.9375rem; }
    #homeBet .bet:hover {
      transform: scale(1.05); }
    #homeBet .bet .line {
      position: relative;
      padding: 0.625rem;
      display: flex;
      align-items: stretch;
      overflow: hidden; }
      #homeBet .bet .line svg {
        position: absolute;
        left: -2%;
        top: 0;
        height: 100%;
        width: auto;
        z-index: 0; }
        #homeBet .bet .line svg.mobile {
          display: none; }
      #homeBet .bet .line .wrapper-logo, #homeBet .bet .line .wrapper-bet, #homeBet .bet .line .wrapper-actions {
        z-index: 1;
        display: flex;
        flex-wrap: nowrap;
        align-items: center; }
      #homeBet .bet .line .wrapper-logo {
        width: 15%; }
      #homeBet .bet .line .wrapper-bet {
        width: 50%; }
      #homeBet .bet .line .wrapper-actions {
        width: 35%; }
      #homeBet .bet .line .wrapper-logo img {
        margin-left: 10%;
        width: 80%;
        max-width: 12.5rem; }
      #homeBet .bet .line .wrapper-bet .column {
        position: relative;
        width: 22%; }
        #homeBet .bet .line .wrapper-bet .column.full {
          width: 88%; }
        #homeBet .bet .line .wrapper-bet .column.full {
          padding-left: 3.125rem;
          font-family: 'Work Sans', sans-serif;
          font-weight: 900;
          font-style: italic;
          line-height: 1; }
          #homeBet .bet .line .wrapper-bet .column.full strong {
            display: block;
            font-size: 30px;
            font-weight: 900;
            color: white;
            text-transform: uppercase;
            line-height: 1.2;
            letter-spacing: 0.0625rem; }
          #homeBet .bet .line .wrapper-bet .column.full .sub_title {
            font-size: 21px;
            color: white;
            font-weight: 400; }
        #homeBet .bet .line .wrapper-bet .column.one, #homeBet .bet .line .wrapper-bet .column.two, #homeBet .bet .line .wrapper-bet .column.three, #homeBet .bet .line .wrapper-bet .column.four, #homeBet .bet .line .wrapper-bet .column.five {
          text-align: center;
          font-weight: 400; }
          #homeBet .bet .line .wrapper-bet .column.one strong, #homeBet .bet .line .wrapper-bet .column.two strong, #homeBet .bet .line .wrapper-bet .column.three strong, #homeBet .bet .line .wrapper-bet .column.four strong, #homeBet .bet .line .wrapper-bet .column.five strong {
            display: block;
            text-align: center;
            font-size: 20px;
            font-weight: 600;
            color: white;
            text-transform: uppercase; }
          #homeBet .bet .line .wrapper-bet .column.one .sub_title, #homeBet .bet .line .wrapper-bet .column.two .sub_title, #homeBet .bet .line .wrapper-bet .column.three .sub_title, #homeBet .bet .line .wrapper-bet .column.four .sub_title, #homeBet .bet .line .wrapper-bet .column.five .sub_title {
            color: #ec6f05; }
        #homeBet .bet .line .wrapper-bet .column.one:before, #homeBet .bet .line .wrapper-bet .column.two:before, #homeBet .bet .line .wrapper-bet .column.three:before {
          position: absolute;
          content: "";
          top: 0;
          right: 0;
          height: 90%;
          width: 0.0625rem;
          background: transparent;
          border: 2px solid #ffa532; }
        #homeBet .bet .line .wrapper-bet .column.five {
          width: 12%; }
          #homeBet .bet .line .wrapper-bet .column.five > div {
            display: inline-block;
            width: 1.5rem;
            margin: 3px;
            border-radius: 50%;
            border: 2px solid white;
            overflow: hidden;
            position: relative;
            height: 1.5rem; }
            #homeBet .bet .line .wrapper-bet .column.five > div img {
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translateX(-50%) translateY(-50%);
              height: 105%;
              width: auto; }
      #homeBet .bet .line .wrapper-actions {
        justify-content: space-evenly; }
        #homeBet .bet .line .wrapper-actions .button {
          z-index: 1;
          box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
          border-radius: 20px;
          overflow: hidden;
          text-transform: uppercase; }
          #homeBet .bet .line .wrapper-actions .button:not(.viewdetail) {
            border-radius: 50px !important;
            font-size: 0.875rem;
            text-align: center;
            font-weight: 400;
            text-transform: none;
            display: inline-block;
            color: white;
            text-decoration: none;
            padding: 0.3125rem 0.625rem;
            background: #002b78;
            background: linear-gradient(90deg, #002b78 0%, #2d4ca5 100%); }
          #homeBet .bet .line .wrapper-actions .button.viewdetail {
            position: relative;
            color: white;
            text-align: center;
            border: 2px solid white;
            transition: background 0.4s, color 0.4s;
            	/*&:before, &:after{
            		content: "";
            		display: block;
            		position: absolute;
            		border-radius: $border_radius;
            
            	}*/
            /*&:before{
            	left: -101%;
            	top: 0;
            	width: 201%;
            	height: 100%;
            	background: white;
            	background: linear-gradient(90deg, $blue_bet 0%, $blue_bet 50%, white 50%, white 100%);
            	z-index: -2;
            	transition: left 0.7s;
            }*/
            /*&:after{
            	//background: $purple_bet;
            	background: transparent;
            	left: $size;
            	top: $size;
            	right: $size;
            	bottom: $size;
            	z-index: -1;
            }
            &:hover{
            	&:before{
            		left: 0%;
            	}
            }*/ }
            #homeBet .bet .line .wrapper-actions .button.viewdetail:hover {
              background: white;
              color: #002b78; }
          #homeBet .bet .line .wrapper-actions .button:not(.viewdetail), #homeBet .bet .line .wrapper-actions .button.viewdetail {
            font-family: 'Work Sans', sans-serif;
            font-weight: 900;
            font-style: italic;
            font-weight: 700;
            font-size: 1rem;
            padding: 0.75rem 1.375rem; }
          #homeBet .bet .line .wrapper-actions .button:hover {
            cursor: pointer; }
    #homeBet .bet.active .line .wrapper-actions .viewdetail::before {
      left: 0%; }
    #homeBet .bet.active .detail {
      display: block; }
    #homeBet .bet .detail {
      display: none;
      position: relative;
      padding: 0.625rem 0 1.25rem 0.625rem; }
      #homeBet .bet .detail:before {
        content: "";
        height: 0.0625rem;
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        background: transparent;
        border: 2px solid #ffa532; }
      #homeBet .bet .detail h3 {
        color: #ec6f05;
        text-transform: uppercase;
        margin-bottom: 0.625rem; }
      #homeBet .bet .detail strong {
        color: #ec6f05; }
      #homeBet .bet .detail ul li {
        color: white; }
      #homeBet .bet .detail .provider img {
        max-width: 6.25rem;
        margin: 0 0.625rem 0.625rem 0; }
      #homeBet .bet .detail .liste_valide ul {
        padding-left: 0.3125rem;
        list-style-type: none; }
        #homeBet .bet .detail .liste_valide ul li {
          padding-left: 1.5625rem;
          font-size: 0.875rem;
          position: relative;
          margin-bottom: 0.625rem;
          font-weight: 500; }
          #homeBet .bet .detail .liste_valide ul li:last-child {
            margin-bottom: 0; }
          #homeBet .bet .detail .liste_valide ul li:before {
            width: 15px;
            height: 15px;
            background: greenyellow;
            color: white;
            content: "\002714";
            text-align: center;
            position: absolute;
            left: 0;
            top: 0px;
            border-radius: 50%; }
      #homeBet .bet .detail .texte, #homeBet .bet .detail .texte p {
        color: white;
        font-size: 1rem; }

@media screen and (max-width: 1150px) {
  #homeBet .bet .line .wrapper-bet {
    width: 55%; }
  #homeBet .bet .line .wrapper-actions {
    width: 30%; }
  #homeBet .bet .line .wrapper-actions .button:not(.viewdetail), #homeBet .bet .line .wrapper-actions .button.viewdetail {
    font-size: 0.875rem;
    padding: 0.9375rem 0.9375rem; } }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #homeBet .bet {
    width: 30%;
    margin-right: 3%; }
    #homeBet .bet:nth-child(3n+1) {
      clear: both; }
    #homeBet .bet:nth-child(3n+3) {
      margin-right: 0; } }
@media screen and (max-width: 1024px) {
  #homeBet .bet {
    padding: 0 0 0.625rem 0;
    float: left; }
    #homeBet .bet .line {
      display: block; }
      #homeBet .bet .line svg {
        left: 0;
        height: 6.25rem;
        width: 100%; }
        #homeBet .bet .line svg.desktop {
          display: none; }
        #homeBet .bet .line svg.mobile {
          display: block; }
      #homeBet .bet .line .wrapper-logo, #homeBet .bet .line .wrapper-bet, #homeBet .bet .line .wrapper-actions {
        width: 100%;
        position: relative;
        z-index: 2; }
      #homeBet .bet .line .wrapper-logo {
        height: 4.375rem;
        text-align: center;
        margin-bottom: 1.875rem; }
        #homeBet .bet .line .wrapper-logo img {
          max-height: 4.375rem;
          margin: 0 auto; }
      #homeBet .bet .line .wrapper-bet {
        flex-wrap: wrap; }
        #homeBet .bet .line .wrapper-bet .column {
          width: 50%;
          padding: 0.625rem 0; }
          #homeBet .bet .line .wrapper-bet .column:before {
            display: none; }
          #homeBet .bet .line .wrapper-bet .column.five {
            text-align: center;
            width: 100%; }
            #homeBet .bet .line .wrapper-bet .column.five > div {
              margin-right: 0.625rem;
              display: inline-block; }
              #homeBet .bet .line .wrapper-bet .column.five > div:last-child {
                margin-right: 0; }
          #homeBet .bet .line .wrapper-bet .column.full {
            width: 100%;
            line-height: 1.2;
            text-align: center;
            padding-left: 0; }
      #homeBet .bet .line .wrapper-actions {
        flex-wrap: wrap; }
        #homeBet .bet .line .wrapper-actions a {
          margin-top: 0.625rem; }
    #homeBet .bet .detail .liste_simple, #homeBet .bet .detail .provider, #homeBet .bet .detail .liste_valide, #homeBet .bet .detail .texte {
      width: 100%; } }
@media screen and (max-width: 768px) {
  #homeBet {
    margin-top: 0; } }
@media screen and (max-width: 768px) and (min-width: 641px) {
  #homeBet .bet {
    width: 45%;
    margin-right: 5%; }
    #homeBet .bet:nth-child(2n+1) {
      clear: both; }
    #homeBet .bet:nth-child(2n+2) {
      margin-right: 0; } }
@media screen and (max-width: 640px) {
  #homeBet .bet {
    width: 100%;
    margin-right: 0;
    float: none; }
    #homeBet .bet .line .wrapper-logo a {
      width: 100%; }
      #homeBet .bet .line .wrapper-logo a img {
        max-width: 50%;
        width: auto; } }
/*$offsetForCity:420;

#store{
	& + #genericBonus{
		margin-top: -130px;
	}
}
#forVideoPage{
	& + #genericBonus{
		z-index: 1;
		margin-top: -130px;
	}
}*/
#homeBet + #stade {
  z-index: 9; }

#stade {
  position: relative;
  z-index: 11;
  background: url("./../../images/stade.png") center center transparent no-repeat;
  background-size: cover;
  height: 67.5rem; }
  #stade + #footer {
    margin-top: -37.5rem;
    padding-top: 37.5rem; }

/*
#forVideoPage, #store{
	& + #genericBonus{
		@media screen and (max-width: 1024px) {
			height: rem(800);
			margin-top: -90px;
			margin-bottom: 40px;
		}
		@media screen and (max-width: 768px) {
			height: rem(700);
			margin-top: -50px;
		}
		@media screen and (max-width: 640px) {
			height: rem(600);
			margin-top: 0px;
		}
	}
}
*/
#liveScore {
  position: absolute;
  top: 6.25rem;
  bottom: 6.25rem;
  background: black;
  width: 90%;
  left: 50%;
  box-shadow: 0 0 30px 0px black;
  border-radius: 0.3125rem;
  overflow: scroll;
  transform: translateX(-50%);
  max-width: 69.0625rem; }

div[id^="wff_floating_banner_container_"] {
  display: none !important; }

.wff_single_row_soccer_odds_container {
  display: none !important; }

/*#liveScore{
	position: fixed;
	bottom: 0;
	width: 50%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10000;
	height: auto;
	text-align: center;
	padding: rem(10px);
	.open_array{
		border: 0;
		@include orangeButton();
		cursor: pointer;
	}
	.forClose{
		display: none;
	}
}
#iframeLiveScore{
	z-index: 1000;
	position: fixed;
	bottom: -100%;
	height: 100%;
	width: 100%;
	transition: bottom 0.3s;
	background: rgba(0,0,0,0.75);
}
#liveScore.iframeOpenned{
	.forOpen{
		display: none;
	}
	.forClose{
		display: inline;
	}
	& + #iframeLiveScore{
		bottom: 0%;
	}
}*/
#account {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  display: none;
  /*.mask{
  	position: absolute;
  	left: 0;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	background: rgba(68, 68, 68, 0.5);
  	z-index: 0;
  }*/ }
  #account.open {
    display: block; }
  #account .close_popup {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: -5px;
    right: -30px; }
    #account .close_popup:before {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: white;
      top: 50%;
      transform: rotate(45deg); }
    #account .close_popup:after {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: white;
      top: 50%;
      transform: rotate(-45deg); }
  #account .content {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    overflow: scroll;
    z-index: 1; }
  #account.registered .choice {
    display: none; }
  #account.registered .welcome {
    display: none; }
  #account.registered .wrapperAccount .successMessage {
    display: block; }
  #account.registered #formSignup .fields {
    display: none; }
  #account #forCaptchaSignin, #account #forCaptchaSignup {
    text-align: center; }
    #account #forCaptchaSignin > div, #account #forCaptchaSignup > div {
      width: auto !important; }
  #account .span_remember_me {
    color: #fff;
    float: left;
    font-size: 14px;
    text-align: left;
    margin-top: 5px; }
    #account .span_remember_me label {
      display: inline-block !important;
      cursor: pointer;
      margin-bottom: 0; }
  #account .lostpassword {
    float: right;
    margin-top: 7px;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    text-align: right; }
    #account .lostpassword a {
      color: #3cffd9;
      font-size: 14px;
      text-decoration: none; }
      #account .lostpassword a:hover {
        text-decoration: underline; }
  #account .choice {
    width: 100%;
    float: left;
    color: #fff; }
    #account .choice.small {
      font-size: 14px; }
      #account .choice.small a {
        color: #3cffd9;
        text-decoration: underline; }
        #account .choice.small a:hover {
          text-decoration: none; }
    #account .choice button {
      margin-top: 0;
      color: white;
      display: block;
      text-align: center;
      height: 40px;
      font-size: 19px;
      text-transform: none;
      border-radius: 30px;
      line-height: 1.2;
      cursor: pointer;
      outline: none; }
      #account .choice button[data-form="signin"] {
        padding: 2px 8px;
        font-size: 15px;
        display: inline-block;
        clear: both;
        appearance: none;
        border-radius: 20px;
        overflow: hidden;
        border-style: none;
        border: 1px solid #3cffd9;
        background: #3cffd9;
        font-weight: 700;
        color: #200f36;
        transition: transform 0.2s;
        height: 34px;
        margin-top: 10px; }
        #account .choice button[data-form="signin"]:hover {
          transform: scale(1.1); }
      #account .choice button[data-form="signup"] {
        border-radius: 50px !important;
        font-size: 0.875rem;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        display: inline-block;
        color: white;
        text-decoration: none;
        padding: 0.3125rem 0.625rem;
        background: transparent;
        border: 2px solid #ffa532;
        display: inline-block;
        font-size: 17px;
        text-transform: none;
        padding: 0.3125rem 0.9375rem !important; }
        #account .choice button[data-form="signup"]:hover {
          background: #ffa532;
          color: #000;
          font-weight: 700; }
        #account .choice button[data-form="signup"]:after, #account .choice button[data-form="signup"]:before {
          display: none !important; }
        #account .choice button[data-form="signup"]:hover {
          font-weight: 700; }
      #account .choice button span {
        position: relative;
        padding: 0 25px; }
        #account .choice button span i {
          display: none;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 20px;
          height: 20px;
          background: center center/20px 20px no-repeat url("../../images/connexion-loader.gif") transparent; }
    #account .choice.milieu {
      margin: 25px 0 0;
      font-size: 17px; }
  #account .wrapperAccount {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 28%;
    height: auto;
    min-width: 400px;
    position: relative;
    z-index: 1;
    transform: translateX(-50%) translateY(-50%);
    padding: 15px 20px 45px;
    background: #fefefe;
    border-radius: 15px;
    text-align: center;
    float: left;
    background: #170822;
    background: linear-gradient(180deg, #170822 0%, #2b1449 100%);
    		/*&:before{
    			content: "";
    			position: absolute;
    			top: 0;
    			left: 0;
    			width: 100%;
    			height: 100%;
    			z-index: -1;
    
    			background: url("../../images/bulle_title_sport.png") right -50px top -120px no-repeat, url("../../images/bulle_title.png") left -50px bottom -100px no-repeat;
    			background-size: 40%;
    		}*/
    /*
    &:before{
    	content: "";
    	position: absolute;
    	top: 0;
    	right: 0;
    	width: 187px;
    	height: 159px;
    	z-index: -1;
    	background: url("../../images/logoutbgtop.png") no-repeat;
    	background-position: right top;
    }
    
    &:after{
    	content: "";
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	width: 238px;
    	height: 192px;
    	z-index: -1;
    	background: url("../../images/logoutbgbottom.png") no-repeat;
    	background-position: left bottom;
    }
    */ }
    #account .wrapperAccount h1, #account .wrapperAccount h2 {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      color: #fff;
      margin: 0;
      padding: 0; }
    #account .wrapperAccount h1 {
      font-size: 30px;
      font-weight: 900;
      margin-bottom: 15px; }
    #account .wrapperAccount h2 {
      font-size: 20px;
      font-weight: 400; }
    #account .wrapperAccount .welcome img {
      width: 70px;
      height: auto; }
    #account .wrapperAccount p.titre {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      color: #fff;
      margin: 0;
      padding: 0;
      font-size: 30px;
      font-weight: 900;
      margin-bottom: 15px; }
    #account .wrapperAccount p.sous_titre {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      color: #fff;
      margin: 0;
      padding: 0;
      font-size: 20px;
      font-weight: 400; }
    #account .wrapperAccount .successMessage {
      display: none;
      padding-bottom: 80px;
      background: url("../../images/ico-validsignup2.png") bottom center no-repeat; }
      #account .wrapperAccount .successMessage p {
        color: #fff;
        font-size: 19px; }
        #account .wrapperAccount .successMessage p.titre {
          font-family: 'Work Sans', sans-serif;
          font-weight: 900;
          font-style: italic;
          color: #fff;
          margin: 0;
          padding: 0;
          font-size: 36px;
          font-weight: 900;
          margin-bottom: 15px; }
    #account .wrapperAccount form:not(.active) {
      display: none; }
    #account .wrapperAccount.submittingSignin .choice button[data-form="signin"] i {
      display: block; }
    #account .wrapperAccount.submittingSignup .choice button[data-form="signup"] i {
      display: block; }
    #account .wrapperAccount #resetPasswordButton {
      padding: 10px 25px;
      font-size: 17px;
      display: inline-block;
      clear: both;
      appearance: none;
      border-radius: 20px;
      overflow: hidden;
      background: transparent;
      border-style: none;
      border: 1px solid #3cffd9;
      color: #fff;
      cursor: pointer; }
      #account .wrapperAccount #resetPasswordButton:hover {
        background: #3cffd9;
        color: #000;
        font-weight: 700; }
  #account form {
    /*
    input:-internal-autofill-previewed{background: yellow !important;}
    input:-webkit-autofill-selected{background: orange !important}
    */
    /* #signupButton, #signinButton{
    	display: none;
    } */ }
    #account form#formSignup .fields {
      margin-top: 30px; }
    #account form#formSignup button {
      margin-top: 0;
      color: white;
      display: block;
      text-align: center;
      height: 40px;
      font-size: 17px;
      text-transform: none;
      border-radius: 30px;
      line-height: 1.2;
      cursor: pointer;
      outline: none; }
      #account form#formSignup button[data-form="signup"] {
        padding: 11px 35px;
        font-size: 17px;
        height: 42px;
        display: inline-block;
        clear: both;
        appearance: none;
        border-radius: 20px;
        overflow: hidden;
        background: transparent;
        border-style: none;
        border: 1px solid #3cffd9;
        margin-top: 15px; }
        #account form#formSignup button[data-form="signup"]:hover {
          background: #3cffd9;
          color: #000;
          font-weight: 700; }
      #account form#formSignup button[data-form="signin"] {
        border-radius: 50px !important;
        font-size: 0.875rem;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        display: inline-block;
        color: white;
        text-decoration: none;
        padding: 0.3125rem 0.625rem;
        background: transparent;
        border: 2px solid #ffa532;
        display: inline-block;
        font-size: 17px;
        text-transform: none;
        padding: 0.3125rem 0.9375rem !important; }
        #account form#formSignup button[data-form="signin"]:hover {
          background: #ffa532;
          color: #000;
          font-weight: 700; }
        #account form#formSignup button[data-form="signin"]:after, #account form#formSignup button[data-form="signin"]:before {
          display: none !important; }
        #account form#formSignup button[data-form="signin"]:hover {
          font-weight: 700; }
    #account form#formSignup .onoffswitch {
      position: relative;
      width: 85px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      margin: 0 auto; }
    #account form#formSignup .onoffswitch-checkbox {
      position: absolute;
      opacity: 0;
      pointer-events: none; }
    #account form#formSignup .onoffswitch-label {
      display: block;
      overflow: hidden;
      cursor: pointer;
      border: 2px solid #999999;
      border-radius: 20px; }
    #account form#formSignup .onoffswitch-inner {
      display: block;
      width: 200%;
      margin-left: -100%;
      transition: margin 0.3s ease-in 0s; }
    #account form#formSignup .onoffswitch-inner:before, #account form#formSignup .onoffswitch-inner:after {
      display: block;
      float: left;
      width: 50%;
      height: 34px;
      padding: 0;
      line-height: 34px;
      font-size: 14px;
      color: white;
      font-family: Trebuchet, Arial, sans-serif;
      font-weight: bold;
      box-sizing: border-box; }
    #account form#formSignup .onoffswitch-inner:before {
      content: "YES";
      padding-left: 10px;
      background-color: #460f6e;
      color: #FFFFFF;
      text-align: left; }
    #account form#formSignup .onoffswitch-inner:after {
      content: "NO";
      padding-right: 10px;
      background-color: #EEEEEE;
      color: #999999;
      text-align: right; }
    #account form#formSignup .onoffswitch-switch {
      display: block;
      width: 18px;
      margin: 8px;
      background: #FFFFFF;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 47px;
      border: 2px solid #999999;
      border-radius: 20px;
      transition: all 0.3s ease-in 0s; }
    #account form#formSignup .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
      margin-left: 0; }
    #account form#formSignup .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
      right: 0px; }
    #account form#formSignin {
      max-width: 320px;
      margin: 0 auto;
      /*
      #signinButton{
      	display: inline-block;
      }
      */ }
      #account form#formSignin .fields {
        margin-top: 30px; }
      #account form#formSignin .field {
        position: relative; }
        #account form#formSignin .field .picto_email {
          background: no-repeat center center url(../../images/ico-email.svg);
          position: absolute;
          top: 14px;
          left: 12px;
          z-index: 5;
          width: 13px;
          height: 13px; }
        #account form#formSignin .field .picto_password {
          background: no-repeat center center url(../../images/ico-password.svg);
          position: absolute;
          top: 14px;
          left: 12px;
          z-index: 5;
          width: 13px;
          height: 13px; }
        #account form#formSignin .field .picto_password_verification {
          background: no-repeat center center url(../../images/ico-password.svg);
          position: absolute;
          top: 14px;
          left: 12px;
          z-index: 5;
          width: 13px;
          height: 13px; }
        #account form#formSignin .field .picto_speudo {
          background: no-repeat center center url(../../images/ico-username.svg);
          position: absolute;
          top: 14px;
          left: 12px;
          z-index: 5;
          width: 13px;
          height: 13px; }
        #account form#formSignin .field .picto_mobile {
          background: no-repeat center center url(../../images/ico-mobile.svg);
          position: absolute;
          top: 14px;
          left: 12px;
          z-index: 5;
          width: 13px;
          height: 16px; }
    #account form .field.error input {
      box-shadow: 0 5px 5px 0 rgba(255, 0, 0, 0.5); }
    #account form .field.center {
      text-align: center; }
    #account form .field + .field {
      margin-top: 20px; }
    #account form .field .error {
      color: red;
      display: block;
      margin-top: 10px; }
    #account form .error_msg {
      color: red;
      text-align: center;
      padding: 5px 0; }
      #account form .error_msg:not(.active) {
        display: none; }
      #account form .error_msg + .field {
        margin-top: 20px; }
    #account form label {
      display: none;
      color: white;
      margin-bottom: 5px; }
      #account form label.forceshow {
        display: inline-block; }
        #account form label.forceshow a {
          color: #fff;
          text-decoration: underline; }
          #account form label.forceshow a:hover {
            color: #ffa532; }
    #account form input[type="text"], #account form input[type="password"], #account form input[type="email"] {
      height: 40px;
      width: 100%;
      border-radius: 30px;
      border: 0;
      background: #fefefe;
      box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
      padding: 6px 5px 0px 35px;
      font-size: 15px;
      color: #fff; }
      #account form input[type="text"]:focus, #account form input[type="password"]:focus, #account form input[type="email"]:focus {
        outline: none; }
    #account form ::placeholder {
      color: #d6d6d6;
      font-size: 15px; }
    #account form input:-webkit-autofill,
    #account form input:-webkit-autofill:focus,
    #account form input:-webkit-autofill:active {
      background-color: red !important;
      -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
      -webkit-box-shadow: 0 0 0 1000px #160926 inset;
      transition: background-color 5000s ease-in-out 0s;
      border: none; }
    #account form input:-internal-autofill-selected {
      background-color: transparent !important; }
    #account form input[name="email"] {
      background: #160926; }
    #account form input[name="user_login"] {
      background: #160926; }
    #account form input[name="password"], #account form input[name="passwordVerification"] {
      background: #160926; }
    #account form input[name="mobile"] {
      background: left 13px center/14px 24px no-repeat url("../../images/ico-mobile.png") white; }
    #account form input[name="speudo"] {
      background: left 13px center/20px 21px no-repeat url("../../images/ico-speudo.png") white; }
    #account form #loader_signup {
      display: none; }
      #account form #loader_signup p {
        color: #3cffd9;
        clear: both;
        font-size: 22px;
        margin-bottom: 10px;
        display: none; }
      #account form #loader_signup .container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px; }
      #account form #loader_signup .spinner {
        width: 90px;
        height: 90px;
        position: absolute;
        transition: transform 250ms ease;
        animation: rotator 1.4s linear infinite; }
        #account form #loader_signup .spinner circle {
          stroke-dasharray: 180;
          stroke-dashoffset: 0;
          stroke-width: 2;
          transform-origin: center;
          stroke: #F08108;
          animation: dash 1.4s ease-in-out infinite, colors 1.4s linear infinite; }
      #account form #loader_signup .icon {
        position: relative;
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center; }
        #account form #loader_signup .icon svg {
          transition: transform 300ms ease;
          height: 50px; }
@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(260deg); } }
@keyframes dash {
  0% {
    stroke-dashoffset: 180; }
  50% {
    stroke-dashoffset: 45;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 180;
    transform: rotate(450deg); } }
@keyframes colors {
  0% {
    stroke: #3cffd9; }
  50% {
    stroke: #3cffd9; }
  100% {
    stroke: #3cffd9; } }
      #account form #loader_signup.active {
        display: block; }
    #account form #signinButton {
      display: none; }
    #account form .response {
      color: white; }
      #account form .response.hide {
        display: none; }
    #account form .iti.iti--allow-dropdown {
      width: 100%; }
      #account form .iti.iti--allow-dropdown .iti__flag-container {
        left: 48px; }
        #account form .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
          background: white; }
      #account form .iti.iti--allow-dropdown input#signupMobile {
        padding-left: 150px !important; }
    #account form#formValidatePhone h2 {
      line-height: 1.6; }
    #account form#formValidatePhone .error_msg {
      margin-top: 10px; }
    #account form#formValidatePhone label {
      display: block;
      text-align: center;
      color: #fff;
      margin: 30px 0 15px; }
    #account form#formValidatePhone input[type="text"] {
      width: 140px;
      text-align: center;
      font-size: 21px;
      color: #fff;
      background: #160926;
      height: 42px;
      padding: 0; }
    #account form#formValidatePhone ::placeholder {
      color: #d6d6d6;
      font-size: 17px; }
    #account form#formValidatePhone input:-webkit-autofill, #account form#formValidatePhone input:-webkit-autofill:focus {
      background: red !important;
      -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
      -webkit-box-shadow: -1 0 0px 1000px #160926 inset;
      transition: background-color 5000s ease-in-out 0s;
      border: none; }
    #account form#formValidatePhone button {
      margin-top: 20px;
      padding: 3px 0;
      font-size: 15px;
      display: inline-block;
      clear: both;
      appearance: none;
      border-radius: 20px;
      overflow: hidden;
      background: #3cffd9;
      border-style: none;
      border: 1px solid #3cffd9;
      cursor: pointer;
      color: #200f36;
      transition: transform 0.2s;
      font-weight: 600;
      height: 34px; }
      #account form#formValidatePhone button:hover {
        transform: scale(1.1); }
      #account form#formValidatePhone button.submitting span i {
        display: block; }
      #account form#formValidatePhone button span {
        position: relative;
        padding: 0 25px; }
        #account form#formValidatePhone button span i {
          display: none;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 20px;
          height: 20px;
          background: center center/20px 20px no-repeat url("../../images/connexion-loader.gif") transparent; }
    #account form#formValidatePhone #resendSMS {
      color: #3cffd9; }
      #account form#formValidatePhone #resendSMS:hover {
        text-decoration: underline; }
      #account form#formValidatePhone #resendSMS.submitting {
        opacity: 0.5; }
    #account form#lostpasswordform .welcome p {
      color: #fff;
      font-size: 17px;
      margin-bottom: 15px; }
    #account form#lostpasswordform .welcome p.titre {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      color: #fff;
      margin: 0;
      padding: 0;
      font-size: 36px;
      font-weight: 900;
      margin-bottom: 15px; }
    #account form#lostpasswordform #resetPasswordButton {
      margin-top: 15px; }
    #account form#lostpasswordform .success {
      color: #fff; }
      #account form#lostpasswordform .success p {
        color: #fff;
        font-size: 17px;
        margin-bottom: 10px; }

@media screen and (max-height: 768px) {
  #account {
    overflow-y: scroll; }
    #account .wrapperAccount {
      position: absolute;
      top: 50px;
      margin-bottom: 50px;
      height: auto;
      transform: translateX(-50%) translateY(0%); } }
@media screen and (max-width: 768px) {
  #account .wrapperAccount {
    /*height: 100%;
    	border-radius: 100%;*/ }
    #account .wrapperAccount:before {
      background-position: 20px -20px; }
    #account .wrapperAccount .welcome h1 {
      text-align: left;
      font-size: 30px; }
    #account .wrapperAccount .welcome h2 {
      text-align: left;
      font-size: 18px;
      margin-right: -45px; }
  #account .choice li button {
    font-size: 16px; }
    #account .choice li button span {
      padding-left: 5px;
      padding-right: 5px; } }
@media screen and (max-width: 480px) {
  #account form#formSignin .fields {
    margin-top: 20px; }
  #account form .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
    padding: 0; }
    #account form .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__flag {
      display: none; }
    #account form .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__selected-dial-code {
      margin-left: 0; }
  #account form .iti.iti--allow-dropdown input#signupMobile {
    padding-left: 105px !important; }
  #account .wrapperAccount {
    padding: 25px 30px; }
    #account .wrapperAccount .welcome {
      padding-right: 45px; }
      #account .wrapperAccount .welcome h1 {
        text-align: left; }
      #account .wrapperAccount .welcome h2 {
        text-align: left;
        font-size: 20px; }
    #account .wrapperAccount:before, #account .wrapperAccount:after {
      display: none; }
    #account .wrapperAccount .close_popup:before, #account .wrapperAccount .close_popup:after {
      background: #fff; }
  #account .choice li {
    width: 100%;
    float: none; }
    #account .choice li button {
      margin: 0 auto;
      width: 100%;
      float: none !important; }
    #account .choice li + li {
      margin-top: 15px; }

  .iti.iti--container {
    z-index: 100000 !important; } }
#introTournament {
  color: #fff;
  text-align: center;
  margin-bottom: 40px; }
  #introTournament h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff; }
  #introTournament h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 2em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
    padding-top: 15px; }
  #introTournament h3 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.8em;
    font-weight: 800;
    text-transform: uppercase;
    color: #3cffd9;
    margin-bottom: 0;
    margin-top: 0.7em; }
  #introTournament p {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.1em;
    color: white;
    line-height: 1.5em; }
    #introTournament p a {
      text-decoration: underline; }
      #introTournament p a:hover {
        color: #3cffd9; }
  #introTournament img {
    max-width: 100%;
    height: auto; }

.tournamentBackground {
  padding-bottom: 20px; }

#tournamentSubTitle {
  text-align: center;
  margin-top: 1.875rem; }
  #tournamentSubTitle .wrapper > a {
    display: inline-block;
    max-width: 22%;
    height: auto; }
    #tournamentSubTitle .wrapper > a img {
      width: 100%;
      height: auto; }
  #tournamentSubTitle .wrapper > img {
    max-width: 22%;
    height: auto;
    top: 16px;
    position: relative;
    margin-right: 25px; }
  #tournamentSubTitle .wrapper .separate {
    position: relative;
    width: 25px;
    height: 25px;
    display: inline-block; }
    #tournamentSubTitle .wrapper .separate:before, #tournamentSubTitle .wrapper .separate:after {
      position: absolute;
      left: 3px;
      top: -2px;
      content: ' ';
      height: 25px;
      width: 2px;
      background-color: #fff; }
    #tournamentSubTitle .wrapper .separate:before {
      transform: rotate(45deg); }
    #tournamentSubTitle .wrapper .separate:after {
      transform: rotate(-45deg); }

#wrapper_game {
  position: relative;
  width: 100%;
  min-height: 400px;
  padding-bottom: 0;
  margin-top: 40px;
  z-index: 0; }
  #wrapper_game #connect_for_gaming {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    transform: translateY(-50%); }
    #wrapper_game #connect_for_gaming h2 {
      text-align: center;
      color: #fff;
      font-size: 38px;
      line-height: 1.4em;
      margin-top: 0;
      margin-bottom: 1em; }
    #wrapper_game #connect_for_gaming p {
      text-align: center;
      color: #fff;
      font-size: 16px;
      line-height: 1.4em;
      margin-top: 0; }
      #wrapper_game #connect_for_gaming p.titre {
        font-size: 38px;
        margin-bottom: 1em; }
    #wrapper_game #connect_for_gaming #loginForPlay {
      text-align: center;
      margin-top: 35px;
      margin-bottom: 0; }
      #wrapper_game #connect_for_gaming #loginForPlay a.bouton {
        background: #ffa532;
        padding: 0.625rem 1.3125rem;
        font-size: 16px;
        color: #000;
        border: 2px solid #ffa532;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        display: inline-block;
        border-radius: 50px;
        text-decoration: none;
        font-weight: bold;
        transition-duration: .3s;
        transition-property: transform;
        cursor: pointer; }
        #wrapper_game #connect_for_gaming #loginForPlay a.bouton.gauche {
          margin-right: 35px; }
        #wrapper_game #connect_for_gaming #loginForPlay a.bouton:hover {
          transform: scale(1.1); }

@media screen and (max-width: 640px) {
  #introTournament figure {
    margin: 0; }

  #tournamentSubTitle .wrapper > img {
    position: static; }

  #wrapper_game {
    width: 100%;
    min-height: 400px; }
    #wrapper_game #connect_for_gaming p.titre {
      font-size: 25px; } }
#tournamentTitle {
  padding-top: 35px;
  text-align: center;
  position: relative;
  z-index: 2; }
  #tournamentTitle img {
    max-width: 55%; }

@media screen and (max-width: 1024px) {
  #tournamentTitle {
    padding-left: 10%;
    padding-right: 10%; } }
@media screen and (max-width: 480px) {
  #tournamentTitle {
    padding-top: 30px; } }
#tournamentGain {
  margin-top: 40px; }
  #tournamentGain .row {
    background: #2c2247;
    border-radius: 15px;
    padding: 40px 0;
    display: flex; }
    #tournamentGain .row .col {
      display: flex;
      float: none; }
      #tournamentGain .row .col.vcenter {
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
  #tournamentGain .gain {
    text-align: center; }
    #tournamentGain .gain img {
      width: 90%; }
      #tournamentGain .gain img + p {
        font-family: 'Work Sans', sans-serif;
        font-weight: 900;
        font-style: italic;
        font-size: 60px;
        color: white;
        text-transform: uppercase;
        margin: 0; }
  #tournamentGain #tournamentGainPresentation {
    color: white;
    margin-top: -25px;
    padding-right: 15px; }
    #tournamentGain #tournamentGainPresentation h2 {
      font-weight: 400;
      font-size: 20px;
      margin-top: 25px;
      margin-bottom: 3px;
      color: #3cffd9;
      text-transform: uppercase; }
    #tournamentGain #tournamentGainPresentation p {
      font-size: 17px;
      line-height: 1.5;
      padding: 0;
      margin: 0 0 15px; }
      #tournamentGain #tournamentGainPresentation p strong {
        font-weight: 700; }
    #tournamentGain #tournamentGainPresentation a {
      color: #fff;
      text-decoration: none; }
    #tournamentGain #tournamentGainPresentation .bouton {
      border-radius: 50px !important;
      font-size: 0.875rem;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      color: white;
      text-decoration: none;
      padding: 0.3125rem 0.625rem;
      background: transparent;
      border: 2px solid #ffa532;
      padding: 0.4375rem 1.125rem;
      font-size: 17px; }
      #tournamentGain #tournamentGainPresentation .bouton:hover {
        background: #ffa532;
        color: #000;
        font-weight: 700; }

#tournamentPub {
  margin-top: 25px; }
  #tournamentPub.bigmargintop {
    margin-top: 55px; }
  #tournamentPub .wrapper {
    min-height: 120px;
    border-radius: 15px;
    padding: 15px 15px 15px 0;
    color: #fff;
    position: relative;
    background-color: #1a2c38;
    background-position: center left;
    background-repeat: no-repeat; }
    #tournamentPub .wrapper.onlyForMobile {
      display: none; }
    #tournamentPub .wrapper.onlyForDesktop {
      display: block; }
    #tournamentPub .wrapper .bouton {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 15px; }
      #tournamentPub .wrapper .bouton a {
        background: #ffa532;
        padding: 0.625rem 1.3125rem;
        font-size: 16px;
        color: #000;
        border: 2px solid #ffa532;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        display: inline-block;
        border-radius: 20px;
        text-decoration: none;
        font-weight: bold;
        transition-duration: .3s;
        transition-property: transform; }
        #tournamentPub .wrapper .bouton a:hover {
          transform: scale(1.1); }

@media screen and (max-width: 1024px) {
  #tournamentPub .wrapper {
    min-height: 340px;
    background-size: cover;
    background-position: center top; }
    #tournamentPub .wrapper.onlyForMobile {
      display: block; }
    #tournamentPub .wrapper.onlyForDesktop {
      display: none; }
    #tournamentPub .wrapper .bouton {
      position: absolute;
      top: auto;
      bottom: 10px;
      transform: none;
      right: 0;
      left: 0;
      margin: 0 auto;
      text-align: center; }

  #tournamentGain .row {
    flex-wrap: wrap; }
    #tournamentGain .row .col {
      width: 100%;
      text-align: center;
      margin-left: 20px;
      margin-right: 20px; }
  #tournamentGain .gain img {
    margin: 0 auto;
    max-width: 100%; }
  #tournamentGain #tournamentGainPresentation h2 {
    font-size: 23px; }
  #tournamentGain #tournamentGainPresentation p {
    font-size: 18px; } }
@media screen and (max-width: 640px) {
  #tournamentGain .row .col {
    margin-left: 20px;
    margin-right: 20px; }
  #tournamentGain .gain {
    margin-bottom: 20px; }
    #tournamentGain .gain img {
      width: 60%; }

  #tournamentPub .wrapper {
    padding: 15px 15px 35px;
    background-size: cover;
    min-height: 240px; }
    #tournamentPub .wrapper.onlyForMobile {
      display: block; }
    #tournamentPub .wrapper.onlyForDesktop {
      display: none; }
    #tournamentPub .wrapper .bouton {
      position: absolute;
      top: auto;
      bottom: 10px;
      transform: none;
      right: 0;
      left: 0;
      margin: 0 auto;
      text-align: center; } }
@media screen and (max-width: 480px) {
  #tournamentGain {
    margin-top: 30px; } }
#tournamentMatch {
  z-index: 3;
  position: relative; }
  #tournamentMatch #introMatchs {
    color: #fff;
    text-align: center;
    width: 70%;
    margin: 3.125rem auto 0; }
    #tournamentMatch #introMatchs h2 {
      font-family: 'Work Sans', sans-serif;
      font-size: 2em;
      font-weight: 800;
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 0; }
    #tournamentMatch #introMatchs p {
      color: #fff;
      line-height: 1.4em; }

#list_match {
  margin-top: 70px; }
  #list_match .match {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    /*disable arrow if input number*/ }
    #list_match .match + .match {
      margin-top: 15px; }
    #list_match .match .date, #list_match .match .submit {
      position: absolute;
      height: 100%;
      top: 0; }
    #list_match .match .date {
      background: #00eaff;
      width: 70px;
      display: flex;
      flex-flow: wrap;
      align-content: center;
      left: 0; }
      #list_match .match .date span {
        display: block;
        width: 100%;
        text-align: center;
        font-weight: 700; }
        #list_match .match .date span.day {
          font-size: 22px;
          font-family: 'Work Sans', sans-serif;
          font-weight: 600; }
        #list_match .match .date span.month {
          font-size: 24px;
          text-transform: uppercase;
          font-family: 'Work Sans', sans-serif;
          font-weight: 600; }
        #list_match .match .date span.hours {
          font-size: 15px;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400; }
    #list_match .match .submit {
      padding: 0 50px;
      display: flex;
      align-items: center;
      right: 0; }
      #list_match .match .submit button {
        background: #ff7b00;
        color: white;
        border-radius: 20px;
        text-transform: uppercase;
        border: 0;
        font-size: 15px;
        padding: 10px 35px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        transition: opacity 0.3s;
        cursor: pointer;
        transition-duration: 0.3s;
        transition-property: transform; }
        #list_match .match .submit button.submitting {
          opacity: 0.5; }
        #list_match .match .submit button:hover {
          transform: scale(1.1); }
    #list_match .match .teams {
      width: 50%;
      margin: 0 auto; }
      #list_match .match .teams .team {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        padding: 10px 0; }
        #list_match .match .teams .team .logo_team {
          max-width: 100%; }
        #list_match .match .teams .team .left_section, #list_match .match .teams .team .right_section {
          display: flex;
          flex-wrap: nowrap;
          justify-content: center; }
        #list_match .match .teams .team .left_section {
          width: 45%;
          justify-content: flex-end; }
        #list_match .match .teams .team .right_section {
          width: 45%;
          justify-content: flex-start; }
        #list_match .match .teams .team .team_1, #list_match .match .teams .team .team_2 {
          display: flex;
          align-items: center;
          text-align: center;
          width: 33%;
          margin: 0 5%;
          justify-content: center;
          flex-wrap: wrap;
          flex-direction: column; }
          #list_match .match .teams .team .team_1 h2, #list_match .match .teams .team .team_2 h2 {
            margin: 0;
            font-size: 15px;
            margin-top: 5px; }
        #list_match .match .teams .team .exact_score {
          width: 23%;
          margin: 0 5%;
          display: flex;
          align-items: center;
          text-align: center; }
          #list_match .match .teams .team .exact_score input {
            width: 100%;
            background: #d4d4d4;
            border: 0;
            border-radius: 5px;
            height: 30px;
            outline: none;
            padding: 5px 5px;
            font-size: 20px;
            text-align: center; }
        #list_match .match .teams .team .VS {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 10%; }
          #list_match .match .teams .team .VS span {
            font-size: 20px;
            font-weight: 700; }
        #list_match .match .teams .team .right_section .team_2 {
          order: 2; }
        #list_match .match .teams .team .right_section .exact_score {
          order: 1; }
        #list_match .match .teams .team input[type=number].error {
          border: 1px solid red; }
    #list_match .match input::-webkit-outer-spin-button,
    #list_match .match input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    #list_match .match input[type=number] {
      -moz-appearance: textfield; }
    #list_match .match .msg {
      width: 100%;
      text-align: center;
      padding: 5px;
      font-weight: 400;
      color: #0f790f; }
      #list_match .match .msg:not(.active) {
        display: none; }
      #list_match .match .msg.error {
        color: red; }

@media screen and (max-width: 1024px) {
  #list_match .match .submit {
    padding: 0 25px; } }
@media screen and (max-width: 768px) {
  #list_match {
    margin-top: 20px; }
    #list_match .match {
      width: 48%;
      float: left;
      margin-top: 20px; }
      #list_match .match:nth-child(odd) {
        clear: both; }
      #list_match .match:nth-child(even) {
        float: right; }
      #list_match .match .date {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        padding: 5px 0; }
        #list_match .match .date .day, #list_match .match .date .month {
          width: auto;
          display: inline-block; }
      #list_match .match .teams {
        width: 80%;
        margin-top: 20px; }
        #list_match .match .teams .team .team_1, #list_match .match .teams .team .team_2 {
          width: 50%;
          height: 150px;
          margin: 0 auto;
          flex-direction: column;
          justify-content: flex-end; }
          #list_match .match .teams .team .team_1 img, #list_match .match .teams .team .team_2 img {
            max-height: 100%;
            width: auto;
            max-width: auto; }
          #list_match .match .teams .team .team_1 h2, #list_match .match .teams .team .team_2 h2 {
            margin-top: 10px; }
        #list_match .match .teams .team .exact_score {
          margin: 10px auto 0 auto;
          width: 50%; }
        #list_match .match .teams .team .left_section, #list_match .match .teams .team .right_section {
          width: 45%;
          display: block; }
      #list_match .match .submit {
        padding: 20px 0;
        position: relative;
        display: block;
        height: auto;
        text-align: center; } }
@media screen and (max-width: 640px) {
  #list_match {
    margin-top: 20px; }
    #list_match .match {
      width: 100%;
      float: none;
      margin-top: 20px; }
      #list_match .match:nth-child(even) {
        float: none; } }
.tournamentBackground {
  padding-bottom: 20px; }

#tournamentScore {
  z-index: 2;
  position: relative;
  padding-top: 70px;
  padding-bottom: 70px;
  /*
  &:before{
  	content: "";
  	position: absolute;
  	left: 0;
  	top: -170px;
  	padding-top: 170px;
  	width: 100%;
  	background: center bottom / 100% 100% url("./../../images/wave/forme-vague-mauve-stream.svg") no-repeat;
  }
  /*&:after{
  	content: "";
  	position: absolute;
  	left: 0;
  	top: 100%;
  	padding-top: 170px;
  	width: 100%;
  	background: $purple;
  }*/ }
  #tournamentScore h2 {
    color: white;
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 50px;
    margin: 0; }
  #tournamentScore .wrapper.title {
    display: flex; }
    #tournamentScore .wrapper.title .search {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      #tournamentScore .wrapper.title .search input {
        background: #b393cd;
        height: 45px;
        padding: 5px 5px 5px 30px;
        border-radius: 30px;
        width: 100%;
        outline: none;
        border: 0;
        font-size: 20px;
        color: #461572;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400; }
  #tournamentScore #actionsOnScoreList {
    text-align: center; }
    #tournamentScore #actionsOnScoreList:not(.active) {
      display: none; }
    #tournamentScore #actionsOnScoreList .score_action {
      margin: 0 5px;
      border-radius: 50px !important;
      font-size: 0.875rem;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      color: white;
      text-decoration: none;
      padding: 0.3125rem 0.625rem;
      height: 40px;
      padding-left: 30px;
      padding-right: 30px;
      border: 0;
      background: white;
      color: #461572;
      border: 2px solid #461572;
      transition: all 0.3s;
      cursor: pointer;
      outline: none; }
      #tournamentScore #actionsOnScoreList .score_action:hover {
        background: #3cffd9;
        color: #000; }

#tournamentScoreList {
  padding: 20px 0 50px 0; }
  #tournamentScoreList li {
    position: relative;
    border-radius: 10px;
    padding: 10px 30px 10px 60px;
    box-sizing: border-box;
    display: block;
    box-shadow: 2px 0 6px -5px rgba(0, 0, 0, 0.5);
    align-items: center;
    /*span{
    	color: white;
    }
    .score{
    	float: right;
    }*/
    display: flex;
    flex-wrap: nowrap; }
    #tournamentScoreList li + li {
      margin-top: 5px; }
    #tournamentScoreList li.loading {
      color: white; }
    #tournamentScoreList li.active {
      border: 3px solid #3cffd9; }
      #tournamentScoreList li.active:after {
        content: "";
        position: absolute;
        height: 0;
        left: -36px;
        /*
        color: #fff;
        padding: 4px 13px 0 0;
        box-sizing: border-box;
        border-top: 2px solid #fff;
        */
        width: 25px;
        height: 24px;
        background: center center/25px 25px url("../../images/user-bleu-vert.svg") no-repeat;
        display: inline-block;
        z-index: -1; }
    #tournamentScoreList li:nth-child(odd) {
      /*
      background: #603491;
      background: linear-gradient(90deg, #603491 0%, #7136a2 100%);
      */
      background: rgba(255, 255, 255, 0.2); }
    #tournamentScoreList li:nth-child(even) {
      /*
      background: #461a7e;
      background: linear-gradient(90deg, #461a7e 0%, #5d1d94 100%);
      */
      background: rgba(255, 255, 255, 0.1); }
    #tournamentScoreList li:nth-child(1) {
      background: #d6b14f; }
    #tournamentScoreList li:nth-child(2) {
      background: #afb3b3; }
    #tournamentScoreList li:nth-child(3) {
      background: #9f5e3a; }
    #tournamentScoreList li:nth-child(4) {
      background: #70777c; }
    #tournamentScoreList li > div {
      box-sizing: border-box;
      display: flex;
      align-items: center;
      color: white; }
    #tournamentScoreList li.p_1 > .place, #tournamentScoreList li.p_2 > .place, #tournamentScoreList li.p_3 > .place, #tournamentScoreList li.p_4 > .place {
      font-size: 26px;
      margin-top: -7px; }
    #tournamentScoreList li.p_1:before, #tournamentScoreList li.p_2:before, #tournamentScoreList li.p_3:before, #tournamentScoreList li.p_4:before {
      content: "";
      position: absolute;
      height: 36px;
      width: 36px;
      background: center center/auto 36px url("./../../images/medailles_2021.png") no-repeat;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      box-shadow: -5px 6px 8px -1px rgba(0, 0, 0, 0.76);
      border-radius: 100%; }
    #tournamentScoreList li.p_1:before {
      background-position: 0 0; }
    #tournamentScoreList li.p_2:before {
      background-position: -45px 0; }
    #tournamentScoreList li.p_3:before {
      background-position: -90px 0; }
    #tournamentScoreList li.p_4:before {
      background-position: -135px 0; }
    #tournamentScoreList li > .price {
      visibility: hidden;
      width: 56px;
      height: 27px; }
      #tournamentScoreList li > .price.show {
        display: inline-block;
        border-radius: 10px;
        padding: 5px 0;
        color: #fff;
        font-weight: 600;
        background: transparent;
        font-size: 14px;
        white-space: nowrap;
        text-align: center;
        visibility: visible; }
    #tournamentScoreList li > .place {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      width: 6%;
      text-align: right;
      font-size: 20px;
      justify-content: flex-end; }
    #tournamentScoreList li > .name {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      width: 21%;
      padding-left: 20px; }
    #tournamentScoreList li > .bets {
      display: block;
      width: 60%; }
      #tournamentScoreList li > .bets .bet {
        width: 20%;
        display: inline-block;
        margin: 5px 0; }
        #tournamentScoreList li > .bets .bet .team {
          display: block;
          text-align: center;
          color: #fff;
          text-transform: uppercase;
          font-size: 14px; }
        #tournamentScoreList li > .bets .bet .score {
          display: block;
          text-align: center;
          font-size: 14px;
          font-weight: 900; }
        #tournamentScoreList li > .bets .bet._e {
          color: #92e539; }
        #tournamentScoreList li > .bets .bet._w {
          color: #de7607; }
        #tournamentScoreList li > .bets .bet._l {
          color: #cc1a1a; }
    #tournamentScoreList li > .score {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      width: 13%;
      font-weight: bold;
      justify-content: flex-end; }

@media screen and (max-width: 1024px) {
  #tournamentScore .wrapper.title {
    display: block; }
    #tournamentScore .wrapper.title .col4 {
      width: 100%;
      float: none;
      text-align: center;
      margin: 0 auto; }
      #tournamentScore .wrapper.title .col4.search {
        width: 50%;
        margin: 0 auto; } }
@media screen and (max-width: 860px) {
  #tournamentScoreList li > .place {
    width: 7%; }
  #tournamentScoreList li > .name {
    width: 23%; }
  #tournamentScoreList li > .bets {
    width: 57%; }
    #tournamentScoreList li > .bets .bet {
      width: 25%; }
  #tournamentScoreList li > .score {
    width: 13%; } }
@media screen and (max-width: 768px) {
  #tournamentScoreList li {
    padding: 10px 15px 10px 15px; }
    #tournamentScoreList li.p_1:before, #tournamentScoreList li.p_2:before, #tournamentScoreList li.p_3:before, #tournamentScoreList li.p_4:before {
      display: none; }
    #tournamentScoreList li > .price {
      display: none !important; }
    #tournamentScoreList li > .place {
      width: 10%; }
    #tournamentScoreList li > .name {
      width: 25%; }
    #tournamentScoreList li > .bets {
      width: 50%; }
      #tournamentScoreList li > .bets .bet {
        width: 33%; }
    #tournamentScoreList li > .score {
      width: 15%; }
    #tournamentScoreList li.active:after {
      left: -22px;
      top: 15px;
      width: 17px;
      height: 17px;
      background: center center/17px 17px url("../../images/user-bleu-vert.svg") no-repeat; } }
@media screen and (max-width: 640px) {
  #tournamentScore .wrapper.title .col4.search {
    width: 75%; }

  #tournamentScoreList li > .place {
    width: 10%; }
  #tournamentScoreList li > .name {
    width: 70%; }
  #tournamentScoreList li > .bets {
    display: none; }
  #tournamentScoreList li > .score {
    width: 20%; } }
@media screen and (max-width: 480px) {
  #tournamentScore {
    padding-top: 30px;
    padding-bottom: 30px; }
    #tournamentScore .wrapper.title .col4.search {
      width: 90%; }

  #tournamentScoreList {
    padding-bottom: 20px; } }
#introTournaments {
  color: #fff;
  text-align: center; }
  #introTournaments h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff; }
  #introTournaments h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 2em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
    padding-top: 15px; }
  #introTournaments h3 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.8em;
    font-weight: 800;
    text-transform: uppercase;
    color: #3cffd9;
    margin-bottom: 0;
    margin-top: 0.7em; }
  #introTournaments p {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.1em;
    color: white;
    line-height: 1.5em; }
    #introTournaments p a {
      text-decoration: underline; }
      #introTournaments p a:hover {
        color: #3cffd9; }

#section_tournois {
  margin-top: 35px; }
  #section_tournois #wrapperTournoisSlider {
    display: none; }
  #section_tournois #tournois_desktop {
    display: block; }
    #section_tournois #tournois_desktop > .col12 {
      margin-bottom: 30px; }
  #section_tournois h2 {
    color: #fff;
    text-align: center;
    font-size: 2em;
    margin-left: -15px; }
    #section_tournois h2 img {
      width: 25px;
      height: auto;
      margin-right: 8px; }
  #section_tournois p {
    color: #fff;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    margin: 0 0 3px; }
    #section_tournois p.first {
      margin-top: 0;
      text-transform: uppercase;
      text-align: center; }
    #section_tournois p.gras {
      font-weight: 700;
      font-size: 18px;
      text-transform: uppercase;
      text-align: center; }
  #section_tournois .col.col4 {
    margin-bottom: 100px;
    margin-left: 12%;
    clear: left;
    width: 30%; }
    #section_tournois .col.col4.impair {
      float: right;
      clear: right;
      margin-right: 12%; }
  #section_tournois .flip-card {
    background-color: transparent;
    height: 0;
    padding-bottom: 14%;
    border-radius: 15px;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
    transform: scale(1);
    transition: transform 0.2s;
    /* This container is needed to position the front and back side */ }
    #section_tournois .flip-card .flip-card-inner {
      position: absolute;
      width: 100%;
      height: 100%;
      padding-bottom: 0;
      text-align: center;
      transition: transform 0.8s;
      transform-style: preserve-3d;
      border-radius: 15px;
      /* Position the front and back side */
      /* Style the front side (fallback if image is missing) */ }
      #section_tournois .flip-card .flip-card-inner .flip-card-front, #section_tournois .flip-card .flip-card-inner .flip-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        /* Safari */
        backface-visibility: hidden; }
      #section_tournois .flip-card .flip-card-inner .flip-card-front {
        color: black;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 15px;
        background: grey;
        display: table;
        width: 100%;
        padding: 20px 35% 20px 25px; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front img {
          max-width: 100%;
          height: auto; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front > div {
          display: table-cell;
          vertical-align: middle; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front .nom_tournoi {
          text-align: left; }
          #section_tournois .flip-card .flip-card-inner .flip-card-front .nom_tournoi p {
            text-align: left; }
            #section_tournois .flip-card .flip-card-inner .flip-card-front .nom_tournoi p.first {
              color: #000;
              font-weight: 900; }
            #section_tournois .flip-card .flip-card-inner .flip-card-front .nom_tournoi p.gras {
              text-transform: uppercase;
              font-size: 1.9em; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front .column.to_win {
          padding: 0 9px 12px;
          border-radius: 10px;
          background-color: rgba(0, 0, 0, 0.18);
          width: 135px; }
          #section_tournois .flip-card .flip-card-inner .flip-card-front .column.to_win img {
            width: 30px;
            height: auto;
            position: relative;
            top: -15px; }
          #section_tournois .flip-card .flip-card-inner .flip-card-front .column.to_win p {
            font-size: 13px;
            font-weight: 400;
            margin-top: 3px; }
          #section_tournois .flip-card .flip-card-inner .flip-card-front .column.to_win p.big {
            font-size: 40px;
            font-weight: 900;
            margin-top: -10px; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front .informations {
          text-align: left;
          padding-left: 30px;
          width: 52%; }
          #section_tournois .flip-card .flip-card-inner .flip-card-front .informations p {
            color: #fff; }
          #section_tournois .flip-card .flip-card-inner .flip-card-front .informations ul li {
            color: #fff; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front .boutons {
          position: absolute;
          top: 50%;
          text-align: center;
          left: auto;
          right: 28%;
          z-index: 5;
          transform: translateY(-50%); }
        #section_tournois .flip-card .flip-card-inner .flip-card-front .bg_tournament {
          position: absolute;
          top: -25px;
          bottom: -25px;
          text-align: center;
          left: auto;
          right: 0;
          width: 26%;
          z-index: 5;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          border-radius: 15px; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front a {
          display: inline-block; }
          #section_tournois .flip-card .flip-card-inner .flip-card-front a.more_info {
            color: #fff;
            border-radius: 100%;
            border: 2px solid #3cffd9;
            padding: 4px 13px;
            margin-right: 9px;
            position: relative;
            top: 1px;
            font-family: "Work Sans", sans-serif;
            font-weight: 700;
            font-size: 18px; }
            #section_tournois .flip-card .flip-card-inner .flip-card-front a.more_info:hover {
              background: #3cffd9;
              color: #000; }
          #section_tournois .flip-card .flip-card-inner .flip-card-front a.enjoy_bonus {
            background: #fff;
            padding: 5px 13px;
            font-size: 15px;
            color: #000;
            border: 2px solid #fff;
            text-align: center;
            font-weight: 700;
            text-transform: none;
            display: inline-block;
            border-radius: 50px;
            text-decoration: none;
            font-weight: bold;
            transition-duration: .3s;
            transition-property: transform; }
            #section_tournois .flip-card .flip-card-inner .flip-card-front a.enjoy_bonus:hover {
              transform: scale(1.1); }
    #section_tournois .flip-card.flip_active {
      transform: scale(1.05); }
      #section_tournois .flip-card.flip_active .flip-card-inner {
        transform: rotateY(180deg); }
      #section_tournois .flip-card.flip_active .boutons {
        display: none; }
    #section_tournois .flip-card:hover {
      transform: scale(1.05); }

#contenu_central_tournaments {
  margin-top: 40px; }
  #contenu_central_tournaments .row {
    margin-bottom: 25px; }
    #contenu_central_tournaments .row .col6 p {
      color: #fff;
      line-height: 1.5em;
      margin: 0 0 12px; }
      #contenu_central_tournaments .row .col6 p img.aligncenter {
        margin: 0 auto 15px;
        left: 50%;
        position: relative;
        transform: translateX(-50%); }
    #contenu_central_tournaments .row .col6 h2 {
      font-family: 'Work Sans', sans-serif;
      font-size: 24px;
      font-weight: 800;
      text-transform: none;
      color: #fff;
      text-align: left;
      position: relative;
      margin-top: 0;
      margin-bottom: 40px; }
      #contenu_central_tournaments .row .col6 h2:before {
        content: "";
        width: 80px;
        height: 2px;
        background: #3cffd9;
        bottom: -15px;
        left: 0;
        position: absolute; }
      #contenu_central_tournaments .row .col6 h2 ~ h2 {
        margin-top: 20px; }

/* MOBILE */
@media screen and (max-width: 640px) {
  #section_tournois #wrapperTournoisSlider {
    display: none; }
  #section_tournois #tournois_desktop {
    display: block; }
  #section_tournois .col.col4 {
    margin: 0 0 35px 0;
    clear: left;
    width: 100%; }
    #section_tournois .col.col4.impair {
      float: right;
      clear: right;
      margin: 0 0 35px 0; }
  #section_tournois .flip-card {
    padding-bottom: 0;
    display: block;
    height: auto; }
    #section_tournois .flip-card .flip-card-inner {
      height: auto;
      position: relative;
      padding-bottom: 0; }
      #section_tournois .flip-card .flip-card-inner .flip-card-front, #section_tournois .flip-card .flip-card-inner .flip-card-back {
        display: block;
        position: relative;
        padding: 15px 15px 200px 15px; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front > div, #section_tournois .flip-card .flip-card-inner .flip-card-back > div {
          display: block;
          vertical-align: middle; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front .column.to_win, #section_tournois .flip-card .flip-card-inner .flip-card-back .column.to_win {
          width: 170px;
          margin: 30px auto 15px; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front .informations, #section_tournois .flip-card .flip-card-inner .flip-card-back .informations {
          text-align: left;
          padding-left: 15px;
          width: 100%;
          padding-right: 15px; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front .boutons, #section_tournois .flip-card .flip-card-inner .flip-card-back .boutons {
          position: absolute;
          top: auto;
          text-align: center;
          left: 0;
          right: 0;
          z-index: 5;
          transform: none;
          bottom: 150px; }
        #section_tournois .flip-card .flip-card-inner .flip-card-front .bg_tournament, #section_tournois .flip-card .flip-card-inner .flip-card-back .bg_tournament {
          bottom: 0;
          left: 0;
          top: auto;
          right: 0;
          width: 100%;
          height: 160px;
          background-size: cover;
          background-position: top center; }

  #contenu_central_tournaments .col6 {
    width: 100%;
    margin: 0 0 25px; }
  #contenu_central_tournaments .row .col6 p img.aligncenter {
    max-width: 90%;
    height: auto; } }
#page_error_404 {
  margin-bottom: 120px;
  text-align: center; }
  #page_error_404 .introuvable {
    text-align: center; }
    #page_error_404 .introuvable img {
      max-width: 60%;
      height: auto; }
  #page_error_404 h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 2em;
    font-weight: 800;
    text-transform: none;
    color: #fff;
    text-align: center;
    margin-top: -60px;
    margin-bottom: 10px;
    line-height: 1em; }
  #page_error_404 p {
    color: #fff;
    text-align: center;
    line-height: 1.7em; }
  #page_error_404 .button {
    margin: 35px auto 0;
    padding: 0;
    font-size: 1.125rem;
    text-transform: none; }
    #page_error_404 .button a {
      background: #ffa532;
      padding: 0.625rem 1.3125rem;
      font-size: 16px;
      color: #000;
      border: 2px solid #ffa532;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      border-radius: 50px;
      text-decoration: none;
      font-weight: bold;
      transition-duration: .3s;
      transition-property: transform; }
      #page_error_404 .button a:hover {
        transform: scale(1.1); }

/* MOBILE */
@media screen and (max-width: 768px) {
  #page_error_404 {
    margin-top: -20px;
    margin-bottom: 40px;
    text-align: center; }
    #page_error_404 .introuvable {
      text-align: center; }
      #page_error_404 .introuvable img {
        max-width: 80%;
        height: auto; }
    #page_error_404 h2 {
      font-size: 2em;
      margin-top: -30px;
      margin-bottom: 10px;
      line-height: 1em; } }
#popupCommercial {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  display: none; }
  #popupCommercial.open {
    display: block; }
  #popupCommercial .close_popupCommercial {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 15px;
    right: 25px; }
    #popupCommercial .close_popupCommercial:before {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: white;
      top: 50%;
      transform: rotate(45deg); }
    #popupCommercial .close_popupCommercial:after {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: white;
      top: 50%;
      transform: rotate(-45deg); }
  #popupCommercial .content {
    background: rgba(0, 0, 0, 0.85);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    overflow: scroll;
    z-index: 1; }
    #popupCommercial .content .wrapperPopupCommercial {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 40%;
      height: auto;
      min-width: 510px;
      max-width: 672px;
      position: relative;
      z-index: 1;
      transform: translateX(-50%) translateY(-50%);
      padding: 0 0 15px;
      background: #fefefe;
      border-radius: 15px;
      text-align: center;
      overflow: hidden;
      display: none;
      background: #170822;
      background: linear-gradient(180deg, #170822 0%, #2b1449 100%); }
      #popupCommercial .content .wrapperPopupCommercial.active {
        display: block; }
      #popupCommercial .content .wrapperPopupCommercial .bgPopupCommercial {
        /*
        background-repeat: no-repeat;
        background-position: top center;
        background-size:contain;
        position:absolute;
        top:0;
        left:0;
        right:0;
        height: 300px;
        */ }
      #popupCommercial .content .wrapperPopupCommercial .col.col12 {
        padding-top: 30px;
        padding-left: 45px;
        padding-right: 45px; }
      #popupCommercial .content .wrapperPopupCommercial h1, #popupCommercial .content .wrapperPopupCommercial h2 {
        font-family: 'Work Sans', sans-serif;
        font-weight: 900;
        font-style: italic;
        color: #fff;
        margin: 0;
        padding: 0; }
      #popupCommercial .content .wrapperPopupCommercial h1 {
        font-size: 36px;
        font-weight: 900;
        margin-bottom: 15px; }
      #popupCommercial .content .wrapperPopupCommercial h2 {
        font-size: 20px;
        font-weight: 400; }
      #popupCommercial .content .wrapperPopupCommercial p {
        color: #fff;
        line-height: 1.5; }
      #popupCommercial .content .wrapperPopupCommercial img {
        max-width: 100%;
        height: auto; }
      #popupCommercial .content .wrapperPopupCommercial .cta {
        text-align: center;
        display: block;
        margin-top: 30px; }
        #popupCommercial .content .wrapperPopupCommercial .cta a {
          background: #ffa532;
          padding: 5px 20px;
          font-size: 16px;
          color: #000;
          border: 2px solid #ffa532;
          text-align: center;
          font-weight: 400;
          text-transform: none;
          display: inline-block;
          border-radius: 50px;
          text-decoration: none;
          font-weight: bold;
          transition-duration: .3s;
          transition-property: transform; }
          #popupCommercial .content .wrapperPopupCommercial .cta a:hover {
            transform: scale(1.1); }

#debugbarredureesession {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  background: #000;
  z-index: 1000; }
  #debugbarredureesession p {
    color: #fff;
    padding-left: 10%;
    padding-top: 8px;
    padding-bottom: 8px; }

/* MOBILE */
@media screen and (max-width: 768px) {
  #popupCommercial .content .wrapperPopupCommercial {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    height: auto;
    min-width: 250px; } }
.iti {
  position: relative;
  display: inline-block; }

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.iti__hide {
  display: none; }

.iti__v-hide {
  visibility: hidden; }

.iti input, .iti input[type=tel], .iti input[type=text] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0; }

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px; }

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px; }

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555; }

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555; }

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px; }

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal; } }
.iti__flag-box {
  display: inline-block;
  width: 20px; }

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc; }

.iti__country {
  padding: 5px 10px;
  outline: 0; }

.iti__dial-code {
  color: #999; }

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05); }

.iti__country-name, .iti__dial-code, .iti__flag-box {
  vertical-align: middle; }

.iti__country-name, .iti__flag-box {
  margin-right: 6px; }

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0; }

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0; }

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer; }

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05); }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default; }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent; }

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05); }

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px; }

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px; }

.iti--container:hover {
  cursor: pointer; }

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti__flag {
  width: 20px; }

.iti__flag.iti__be {
  width: 18px; }

.iti__flag.iti__ch {
  width: 15px; }

.iti__flag.iti__mc {
  width: 19px; }

.iti__flag.iti__ne {
  width: 18px; }

.iti__flag.iti__np {
  width: 13px; }

.iti__flag.iti__va {
  width: 15px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px; } }
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0 0; }

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0; }

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0; }

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0; }

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0; }

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0; }

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0; }

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0; }

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0; }

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0; }

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0; }

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0; }

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0; }

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0; }

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0; }

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0; }

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0; }

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0; }

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0; }

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0; }

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0; }

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0; }

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0; }

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0; }

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0; }

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0; }

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0; }

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0; }

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0; }

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0; }

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0; }

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0; }

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0; }

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0; }

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0; }

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0; }

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0; }

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0; }

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0; }

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0; }

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0; }

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0; }

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0; }

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0; }

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0; }

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0; }

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0; }

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0; }

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0; }

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0; }

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0; }

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0; }

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0; }

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0; }

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0; }

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0; }

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0; }

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0; }

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0; }

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0; }

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0; }

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0; }

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0; }

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0; }

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0; }

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0; }

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0; }

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0; }

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0; }

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0; }

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0; }

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0; }

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0; }

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0; }

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0; }

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0; }

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0; }

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0; }

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0; }

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0; }

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0; }

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0; }

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0; }

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0; }

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0; }

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0; }

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0; }

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0; }

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0; }

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0; }

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0; }

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0; }

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0; }

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0; }

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0; }

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0; }

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0; }

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0; }

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0; }

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0; }

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0; }

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0; }

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0; }

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0; }

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0; }

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0; }

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0; }

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0; }

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0; }

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0; }

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0; }

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0; }

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0; }

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0; }

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0; }

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0; }

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0; }

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0; }

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0; }

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0; }

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0; }

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0; }

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0; }

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0; }

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0; }

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0; }

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0; }

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0; }

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0; }

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0; }

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0; }

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0; }

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0; }

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0; }

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0; }

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0; }

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0; }

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0; }

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0; }

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0; }

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0; }

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0; }

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0; }

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0; }

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0; }

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0; }

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0; }

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0; }

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0; }

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0; }

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0; }

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0; }

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0; }

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0; }

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0; }

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0; }

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0; }

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0; }

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0; }

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0; }

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0; }

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0; }

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0; }

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0; }

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0; }

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0; }

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0; }

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0; }

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0; }

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0; }

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0; }

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0; }

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0; }

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0; }

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0; }

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0; }

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0; }

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0; }

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0; }

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0; }

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0; }

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0; }

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0; }

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0; }

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0; }

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0; }

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0; }

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0; }

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0; }

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0; }

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0; }

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0; }

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0; }

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0; }

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0; }

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0; }

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0; }

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0; }

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0; }

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0; }

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0; }

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0; }

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0; }

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0; }

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0; }

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0; }

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0; }

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0; }

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0; }

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0; }

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0; }

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0; }

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0; }

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0; }

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0; }

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0; }

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0; }

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0; }

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0; }

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0; }

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0; }

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0; }

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0; }

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0; }

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0; }

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0; }

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0; }

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0; }

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0; }

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0; }

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0; }

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0; }

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0; }

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0; }

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0; }

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0; }

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0; }

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0; }

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0; }

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0; }

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0; }

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0; }

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0; }

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0; }

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0; }

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0; }

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0; }

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0; }

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0; }

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0; }

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0; }

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0; }

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0; }

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0; }

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0; }

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0; }

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0; }

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0; }

.iti__flag {
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(../img/flags.png);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url(../img/flags@2x.png); } }
.iti__flag.iti__np {
  background-color: transparent; }

.gameBackground {
  padding-bottom: 20px; }

#gameScores {
  z-index: 2;
  position: relative;
  padding-top: 70px;
  padding-bottom: 70px; }
  #gameScores h2 {
    color: white;
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 50px;
    margin: 0; }
  #gameScores .wrapper.title {
    display: flex; }
    #gameScores .wrapper.title .search {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      #gameScores .wrapper.title .search input {
        background: #b393cd;
        height: 45px;
        padding: 5px 5px 5px 30px;
        border-radius: 30px;
        width: 100%;
        outline: none;
        border: 0;
        font-size: 20px;
        color: #461572;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400; }
  #gameScores #actionsOnScoresList {
    text-align: center; }
    #gameScores #actionsOnScoresList:not(.active) {
      display: none; }
    #gameScores #actionsOnScoresList .scores_action {
      margin: 0 5px;
      border-radius: 50px !important;
      font-size: 0.875rem;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      color: white;
      text-decoration: none;
      padding: 0.3125rem 0.625rem;
      height: 40px;
      padding-left: 30px;
      padding-right: 30px;
      border: 0;
      background: white;
      color: #461572;
      border: 2px solid #461572;
      transition: all 0.3s;
      cursor: pointer;
      outline: none; }
      #gameScores #actionsOnScoresList .scores_action:hover {
        background: #3cffd9;
        color: #000; }

#gameScoresList {
  padding: 20px 0 50px 0; }
  #gameScoresList li {
    position: relative;
    border-radius: 10px;
    padding: 10px 30px 10px 60px;
    box-sizing: border-box;
    display: block;
    box-shadow: 2px 0 6px -5px rgba(0, 0, 0, 0.5);
    align-items: center;
    display: flex;
    flex-wrap: nowrap; }
    #gameScoresList li + li {
      margin-top: 5px; }
    #gameScoresList li.loading {
      color: white; }
    #gameScoresList li.active {
      border: 3px solid #3cffd9; }
      #gameScoresList li.active:after {
        content: "";
        position: absolute;
        height: 0;
        left: -36px;
        width: 25px;
        height: 24px;
        background: center center/25px 25px url("../../images/user-bleu-vert.svg") no-repeat;
        display: inline-block;
        z-index: -1; }
    #gameScoresList li:nth-child(odd) {
      background: rgba(255, 255, 255, 0.2); }
    #gameScoresList li:nth-child(even) {
      background: rgba(255, 255, 255, 0.1); }
    #gameScoresList li > div {
      box-sizing: border-box;
      display: flex;
      align-items: center;
      color: white; }
    #gameScoresList li.p_1 > .place, #gameScoresList li.p_2 > .place, #gameScoresList li.p_3 > .place, #gameScoresList li.p_4 > .place {
      font-size: 26px;
      margin-top: -7px; }
    #gameScoresList li.p_1:before, #gameScoresList li.p_2:before, #gameScoresList li.p_3:before, #gameScoresList li.p_4:before {
      content: "";
      position: absolute;
      height: 36px;
      width: 36px;
      background: center center/auto 36px url("./../../images/medailles_2021.png") no-repeat;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      box-shadow: -5px 6px 8px -1px rgba(0, 0, 0, 0.76);
      border-radius: 100%; }
    #gameScoresList li.p_1 {
      background: #d6b14f; }
      #gameScoresList li.p_1:before {
        background-position: 0 0; }
    #gameScoresList li.p_2 {
      background: #afb3b3; }
      #gameScoresList li.p_2:before {
        background-position: -45px 0; }
    #gameScoresList li.p_3 {
      background: #9f5e3a; }
      #gameScoresList li.p_3:before {
        background-position: -90px 0; }
    #gameScoresList li.p_4 {
      background: #70777c; }
      #gameScoresList li.p_4:before {
        background-position: -135px 0; }
    #gameScoresList li > .price {
      visibility: hidden;
      width: 56px;
      height: 27px; }
    #gameScoresList li > .price.show {
      display: inline-block;
      border-radius: 10px;
      padding: 5px 0;
      color: #fff;
      font-weight: 600;
      font-size: 14px;
      white-space: nowrap;
      text-align: center;
      visibility: visible; }
    #gameScoresList li > .place {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      width: 6%;
      text-align: right;
      font-size: 20px;
      justify-content: flex-end; }
    #gameScoresList li > .name {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      width: 21%;
      padding-left: 20px; }
    #gameScoresList li > .score {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      width: 73%;
      font-weight: bold;
      justify-content: flex-end; }

@media screen and (max-width: 1024px) {
  #gameScores .wrapper.title {
    display: block; }
    #gameScores .wrapper.title .col4 {
      width: 100%;
      float: none;
      text-align: center;
      margin: 0 auto; }
      #gameScores .wrapper.title .col4.search {
        width: 50%;
        margin: 0 auto; } }
@media screen and (max-width: 860px) {
  #gameScoresList li > .place {
    width: 7%; }
  #gameScoresList li > .name {
    width: 23%; }
  #gameScoresList li > .score {
    width: 70%; } }
@media screen and (max-width: 768px) {
  #gameScoresList li {
    padding: 10px 15px 10px 15px; }
    #gameScoresList li.p_1:before, #gameScoresList li.p_2:before, #gameScoresList li.p_3:before, #gameScoresList li.p_4:before {
      display: none; }
    #gameScoresList li > .price {
      display: none !important; }
    #gameScoresList li > .place {
      width: 10%; }
    #gameScoresList li > .name {
      width: 25%; }
    #gameScoresList li > .score {
      width: 65%; }
    #gameScoresList li.active:after {
      left: -22px;
      top: 15px;
      width: 17px;
      height: 17px;
      background: center center/17px 17px url("../../images/user-bleu-vert.svg") no-repeat; } }
@media screen and (max-width: 640px) {
  #gameScores .wrapper.title .col4.search {
    width: 75%; }

  #gameScoresList li > .place {
    width: 10%; }
  #gameScoresList li > .name {
    width: 50%; }
  #gameScoresList li > .score {
    width: 40%; } }
@media screen and (max-width: 480px) {
  #gameScores {
    padding-top: 30px;
    padding-bottom: 30px; }
    #gameScores .wrapper.title .col4.search {
      width: 90%; }

  #gameScoresList {
    padding-bottom: 20px; } }
#monCompte {
  color: #fff; }
  #monCompte h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: center; }
  #monCompte h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 2em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: center; }
  #monCompte h3 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: center; }
  #monCompte p {
    color: #fff;
    text-align: left;
    line-height: 1.4em;
    margin-top: 0; }
    #monCompte p.margintop {
      margin-top: 20px; }
  #monCompte .orange {
    color: #ffa532; }
  #monCompte #introMonCompte .col12 {
    /*
    background: rgb(36,3,63);
    background: -moz-linear-gradient(10deg, rgba(62,13,104,1) 0%, rgba(36,3,63,1) 100%);
    background: -webkit-linear-gradient(10deg, rgba(62,13,104,1) 0%, rgba(36,3,63,1) 100%);
    background: linear-gradient(10deg, rgba(62,13,104,1) 0%, rgba(36,3,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e0d68",endColorstr="#24033f",GradientType=1);
    padding:15px 25px;
    border-radius:15px;
    */
    text-align: center; }
    #monCompte #introMonCompte .col12 p {
      line-height: 1.5em;
      text-align: center; }
    #monCompte #introMonCompte .col12 span.username {
      color: #3cffd9; }
  #monCompte #dashboardMonCompte {
    margin-top: 30px; }
    #monCompte #dashboardMonCompte .col3, #monCompte #dashboardMonCompte .col6 {
      /*
      background: rgb(70,15,110);
      background: -moz-linear-gradient(10deg, rgba(70,15,110,1) 0%, rgba(103,23,162,1) 100%);
      background: -webkit-linear-gradient(10deg, rgba(70,15,110,1) 0%, rgba(103,23,162,1) 100%);
      background: linear-gradient(10deg, rgba(70,15,110,1) 0%, rgba(103,23,162,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#460f6e",endColorstr="#6717a2",GradientType=1);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e0d68",endColorstr="#24033f",GradientType=1);
      */
      background: #170927;
      padding: 15px 15px 8px;
      border-radius: 15px;
      min-height: 98px; }
      #monCompte #dashboardMonCompte .col3.progression p.valeur, #monCompte #dashboardMonCompte .col6.progression p.valeur {
        color: #fff; }
      #monCompte #dashboardMonCompte .col3.progression #barre_progression, #monCompte #dashboardMonCompte .col6.progression #barre_progression {
        background: url(../../images/barre_progression.png) repeat-x left center;
        height: 27px;
        width: 55%;
        top: 0;
        left: 0;
        display: inline-block;
        position: relative;
        margin-right: 15px; }
        #monCompte #dashboardMonCompte .col3.progression #barre_progression #current_pourcentage, #monCompte #dashboardMonCompte .col6.progression #barre_progression #current_pourcentage {
          background: url(../../images/barre_progression_active.png) repeat-x left center;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
      #monCompte #dashboardMonCompte .col3 p, #monCompte #dashboardMonCompte .col6 p {
        margin-bottom: 4px;
        font-weight: 700;
        font-size: 14px; }
        #monCompte #dashboardMonCompte .col3 p.valeur, #monCompte #dashboardMonCompte .col6 p.valeur {
          font-size: 37px;
          line-height: 1em;
          font-weight: 700;
          color: #3cffd9;
          margin: 0 0 10px; }
          #monCompte #dashboardMonCompte .col3 p.valeur sup, #monCompte #dashboardMonCompte .col6 p.valeur sup {
            top: 5px;
            position: relative;
            line-height: 0.5em; }
          #monCompte #dashboardMonCompte .col3 p.valeur .twitch, #monCompte #dashboardMonCompte .col6 p.valeur .twitch {
            background: #fff;
            padding: 0 12px;
            display: inline-block;
            border-radius: 50px;
            margin: 0 0 0 7px;
            transition-duration: 0.3s;
            transition-property: transform;
            transform-origin: center center;
            height: 24px;
            vertical-align: middle;
            line-height: 12px; }
            #monCompte #dashboardMonCompte .col3 p.valeur .twitch:hover, #monCompte #dashboardMonCompte .col6 p.valeur .twitch:hover {
              transform: scale(1.1); }
            #monCompte #dashboardMonCompte .col3 p.valeur .twitch img, #monCompte #dashboardMonCompte .col6 p.valeur .twitch img {
              max-width: 60px;
              height: auto; }
    #monCompte #dashboardMonCompte > .col6 {
      background: none;
      width: 50%;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      padding-top: 0; }
      #monCompte #dashboardMonCompte > .col6 .col6 {
        margin-left: 0;
        margin-right: 0;
        width: 48%;
        padding-top: 15px; }
        #monCompte #dashboardMonCompte > .col6 .col6.right {
          float: right; }
    #monCompte #dashboardMonCompte .col12 {
      /*
      background: rgb(70,15,110);
      background: -moz-linear-gradient(10deg, rgba(70,15,110,1) 0%, rgba(103,23,162,1) 100%);
      background: -webkit-linear-gradient(10deg, rgba(70,15,110,1) 0%, rgba(103,23,162,1) 100%);
      background: linear-gradient(10deg, rgba(70,15,110,1) 0%, rgba(103,23,162,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#460f6e",endColorstr="#6717a2",GradientType=1);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e0d68",endColorstr="#24033f",GradientType=1);
      */
      background: #170927;
      padding: 15px 15px 8px;
      border-radius: 15px;
      margin: 23px 0 0;
      width: 100%; }
      #monCompte #dashboardMonCompte .col12.progression p.valeur {
        color: #fff; }
        #monCompte #dashboardMonCompte .col12.progression p.valeur.turquoise {
          color: #3cffd9; }
      #monCompte #dashboardMonCompte .col12.progression #barre_progression {
        background: url(../../images/barre_progression.png) repeat-x left center;
        height: 27px;
        width: 75%;
        top: 0;
        left: 0;
        display: inline-block;
        position: relative;
        margin-right: 15px;
        margin-top: 10px; }
        #monCompte #dashboardMonCompte .col12.progression #barre_progression #current_pourcentage {
          background: url(../../images/barre_progression_active.png) repeat-x left center;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
    #monCompte #dashboardMonCompte .champsUser {
      min-height: 216px; }
      #monCompte #dashboardMonCompte .champsUser .photo_de_profil {
        text-align: center;
        margin-top: -45px;
        margin-bottom: -5px; }
      #monCompte #dashboardMonCompte .champsUser p {
        margin-top: 5px; }
      #monCompte #dashboardMonCompte .champsUser span {
        color: #3cffd9; }
      #monCompte #dashboardMonCompte .champsUser .border_img {
        width: 70px;
        height: 70px;
        border-radius: 100%;
        overflow: hidden;
        display: inline-block; }
      #monCompte #dashboardMonCompte .champsUser img {
        max-width: 70px;
        height: auto; }
    #monCompte #dashboardMonCompte .classements_bonustiime p.valeur {
      font-size: 22px; }
    #monCompte #dashboardMonCompte .classements_bonustiime p.margintop {
      margin-top: 10px; }
    #monCompte #dashboardMonCompte a.cta {
      padding: 6px 10px 6px;
      font-size: 13px;
      display: inline-block;
      clear: both;
      appearance: none;
      border-radius: 20px;
      overflow: hidden;
      background: #1d0530;
      border-style: none;
      border: 1px solid #3cffd9;
      color: #fff;
      text-align: center;
      height: 30px;
      line-height: 1.2;
      font-weight: 400; }
      #monCompte #dashboardMonCompte a.cta.marginright {
        margin-right: 10px; }
      #monCompte #dashboardMonCompte a.cta:hover {
        background: #3cffd9;
        color: #000; }
      #monCompte #dashboardMonCompte a.cta.delete {
        color: #fff;
        margin-top: 15px; }
        #monCompte #dashboardMonCompte a.cta.delete:hover {
          background: #c02020;
          color: #fff;
          font-weight: 400;
          border-color: #c02020; }
    #monCompte #dashboardMonCompte .section-action-container {
      margin: 10px 0 5px 0; }
      #monCompte #dashboardMonCompte .section-action-container .a-twitch {
        background: #fff;
        padding: 0 12px;
        display: inline-block;
        border-radius: 50px;
        margin: 0 0 0 7px;
        transition-duration: 0.3s;
        transition-property: transform;
        transform-origin: center center;
        height: 24px;
        vertical-align: middle;
        line-height: 12px; }
        #monCompte #dashboardMonCompte .section-action-container .a-twitch:hover {
          transform: scale(1.1); }
        #monCompte #dashboardMonCompte .section-action-container .a-twitch div {
          margin-top: 4px; }
        #monCompte #dashboardMonCompte .section-action-container .a-twitch img {
          max-width: 60px;
          height: auto;
          padding: 0; }
    #monCompte #dashboardMonCompte #form_change_visibilite_pseudo {
      margin-bottom: 15px; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo span {
        margin-bottom: 4px;
        font-weight: 700;
        font-size: 13px;
        color: #fff;
        line-height: 1.4em; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch {
        position: relative;
        width: 70px;
        margin-top: 7px;
        margin-bottom: 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch-checkbox {
        position: absolute;
        opacity: 0;
        pointer-events: none; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 2px solid #999999;
        border-radius: 20px; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        transition: margin 0.3s ease-in 0s; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch-inner:before, #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 23px;
        padding: 0;
        line-height: 25px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch-inner:before {
        content: "YES";
        padding-left: 10px;
        background-color: #3cffd9;
        color: #000;
        font-weight: 400; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch-inner:after {
        content: "NO";
        padding-right: 10px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch-switch {
        display: block;
        width: 17px;
        margin: 5px;
        background: #FFFFFF;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 43px;
        border: 2px solid #999999;
        border-radius: 20px;
        transition: all 0.3s ease-in 0s; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px; }
      #monCompte #dashboardMonCompte #form_change_visibilite_pseudo #bouton_enregistrer_visibilite_pseudo {
        padding: 6px 20px;
        font-size: 14px;
        clear: both;
        appearance: none;
        border-radius: 20px;
        overflow: hidden;
        background: transparent;
        border-style: none;
        border: 1px solid #3cffd9;
        color: #fff;
        text-align: center;
        height: 30px;
        line-height: 1.2;
        font-weight: 400;
        display: none; }
        #monCompte #dashboardMonCompte #form_change_visibilite_pseudo #bouton_enregistrer_visibilite_pseudo.active {
          display: inline-block; }
        #monCompte #dashboardMonCompte #form_change_visibilite_pseudo #bouton_enregistrer_visibilite_pseudo:hover {
          background: #3cffd9;
          color: #000;
          font-weight: 700; }
  #monCompte #gestionCompte {
    margin-top: 20px;
    margin-bottom: 0; }
    #monCompte #gestionCompte .col4 {
      background: #272935;
      background: -moz-linear-gradient(10deg, #272935 0%, #121623 100%);
      background: -webkit-linear-gradient(10deg, #272935 0%, #121623 100%);
      background: linear-gradient(10deg, #272935 0%, #121623 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#272935",endColorstr="#121623",GradientType=1);
      padding: 15px;
      border-radius: 15px;
      min-height: 256px;
      display: none;
      position: relative; }
      #monCompte #gestionCompte .col4.active {
        display: block; }
      #monCompte #gestionCompte .col4 p {
        font-weight: 700; }
        #monCompte #gestionCompte .col4 p.titre {
          font-weight: 700;
          font-size: 24px;
          color: #3cffd9;
          margin-bottom: 10px; }
      #monCompte #gestionCompte .col4 .current_photo_profil {
        text-align: center;
        margin: 0 auto;
        display: block; }
        #monCompte #gestionCompte .col4 .current_photo_profil .border_img {
          width: 150px;
          height: 150px;
          border-radius: 100%;
          overflow: hidden;
          display: inline-block; }
        #monCompte #gestionCompte .col4 .current_photo_profil img {
          max-width: 150px;
          height: auto; }
      #monCompte #gestionCompte .col4 .closeflipcard {
        color: #fff;
        border-radius: 100%;
        border: 2px solid #3cffd9;
        padding: 0 8px 5px;
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 20;
        cursor: pointer; }
        #monCompte #gestionCompte .col4 .closeflipcard:hover {
          background: #3cffd9;
          color: #000; }
      #monCompte #gestionCompte .col4 .info {
        color: #6c6c6e;
        text-align: center;
        margin: 10px 0 0;
        font-size: 13px; }
      #monCompte #gestionCompte .col4 form .field {
        margin-bottom: 15px; }
        #monCompte #gestionCompte .col4 form .field label {
          font-size: 14px;
          margin-right: 7px;
          margin-bottom: 6px;
          width: 100%;
          display: block; }
        #monCompte #gestionCompte .col4 form .field input[type=password] {
          background: #3a3d47;
          border-radius: 15px;
          border: none;
          height: 25px;
          display: inline-block;
          width: 250px;
          padding: 5px;
          color: #fff; }
      #monCompte #gestionCompte .col4 form .error_msg {
        color: red;
        font-size: 13px;
        margin-top: 5px;
        text-align: center; }
        #monCompte #gestionCompte .col4 form .error_msg.success {
          color: #3cffd9;
          font-size: 16px; }
        #monCompte #gestionCompte .col4 form .error_msg.active {
          display: block; }
      #monCompte #gestionCompte .col4 form .information {
        text-align: center;
        margin: 15px auto 0;
        display: block;
        float: left;
        width: 100%; }
        #monCompte #gestionCompte .col4 form .information p {
          text-align: center; }
      #monCompte #gestionCompte .col4 form .filepond--drop-label {
        color: #4c4e53;
        cursor: pointer; }
      #monCompte #gestionCompte .col4 form .filepond--label-action {
        text-decoration-color: #babdc0; }
      #monCompte #gestionCompte .col4 form .filepond--panel-root {
        background-color: #edf0f4; }
      #monCompte #gestionCompte .col4 form .filepond--root {
        width: 170px;
        margin: 0 auto; }
      #monCompte #gestionCompte .col4 form #bouton_enregistrer_mdp, #monCompte #gestionCompte .col4 form #bouton_enregistrer_photo, #monCompte #gestionCompte .col4 form #bouton_enregistrer_visibilite_pseudo {
        padding: 6px 20px;
        font-size: 14px;
        display: inline-block;
        clear: both;
        appearance: none;
        border-radius: 20px;
        overflow: hidden;
        background: transparent;
        border-style: none;
        border: 1px solid #3cffd9;
        color: #fff;
        text-align: center;
        height: 30px;
        line-height: 1.2;
        font-weight: 400; }
        #monCompte #gestionCompte .col4 form #bouton_enregistrer_mdp:hover, #monCompte #gestionCompte .col4 form #bouton_enregistrer_photo:hover, #monCompte #gestionCompte .col4 form #bouton_enregistrer_visibilite_pseudo:hover {
          background: #3cffd9;
          color: #000;
          font-weight: 700; }

#wrapperPubMonCompte {
  margin-top: 50px;
  margin-bottom: 50px; }
  #wrapperPubMonCompte #tournamentPub {
    margin-top: 0; }
  #wrapperPubMonCompte .wrapper {
    width: 100%; }

/* MOBILE */
@media screen and (max-width: 768px) {
  #monCompte #dashboardMonCompte .col3, #monCompte #dashboardMonCompte .col6 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
    min-height: auto !important; }
  #monCompte #dashboardMonCompte > .col6 {
    padding-left: 0;
    padding-right: 0; }
    #monCompte #dashboardMonCompte > .col6 .col6 {
      width: 100%;
      margin-bottom: 15px; }
  #monCompte #dashboardMonCompte .col12.progression {
    margin-top: 0; }
    #monCompte #dashboardMonCompte .col12.progression #barre_progression {
      width: 60%; }
  #monCompte #gestionCompte .col3, #monCompte #gestionCompte .col9 {
    width: 100%;
    margin-bottom: 15px;
    min-height: 100px; }
    #monCompte #gestionCompte .col3 form .field, #monCompte #gestionCompte .col9 form .field {
      width: 100%; }
      #monCompte #gestionCompte .col3 form .field.half, #monCompte #gestionCompte .col9 form .field.half {
        width: 100%; }
      #monCompte #gestionCompte .col3 form .field label, #monCompte #gestionCompte .col9 form .field label {
        display: block;
        width: 100%;
        margin-bottom: 5px;
        font-size: 14px; }
      #monCompte #gestionCompte .col3 form .field input[type=password], #monCompte #gestionCompte .col9 form .field input[type=password] {
        width: 100%;
        height: 35px; }
  #monCompte #gestionCompte .col4 {
    width: 100%; } }
#unsubscribePage {
  color: #fff; }
  #unsubscribePage .success {
    color: green;
    font-size: 1.5em; }
  #unsubscribePage input {
    padding: 5px 20px 4px;
    font-size: 14px;
    display: inline-block;
    clear: both;
    appearance: none;
    border-radius: 20px;
    overflow: hidden;
    background: transparent;
    border-style: none;
    border: 1px solid #3cffd9;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer; }
    #unsubscribePage input:hover {
      background: #3cffd9;
      color: #000;
      font-weight: 700; }

#signup_page .col6 > img {
  max-width: 100%;
  height: auto; }
#signup_page h1 {
  font-family: 'Work Sans', sans-serif;
  font-size: 36px;
  font-weight: 800;
  text-transform: none;
  color: #fff;
  text-align: left;
  position: relative;
  margin-bottom: 40px; }
#signup_page h1:before {
  content: "";
  width: 130px;
  height: 2px;
  background: #3cffd9;
  bottom: -15px;
  left: 0;
  position: absolute; }
#signup_page h1 span {
  color: #3cffd9; }
#signup_page h2 {
  font-size: 20px;
  font-weight: 400; }
#signup_page .welcome img {
  width: 70px;
  height: auto; }
#signup_page p.sous_titre {
  font-family: 'Work Sans', sans-serif;
  font-weight: 900;
  font-style: italic;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 700; }
#signup_page .successMessage {
  display: none; }
  #signup_page .successMessage p {
    color: #fff;
    font-size: 19px; }
    #signup_page .successMessage p.titre {
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      color: #fff;
      margin: 0;
      padding: 0;
      font-size: 36px;
      font-weight: 900;
      margin-bottom: 15px; }
      #signup_page .successMessage p.titre img {
        width: 45px;
        margin-right: 15px;
        position: relative;
        top: 10px; }
#signup_page.registered .choice {
  display: none; }
#signup_page.registered .welcome {
  display: none; }
#signup_page.registered .successMessage {
  display: block;
  margin-top: 300px; }
#signup_page.registered #formSignup .fields {
  display: none; }
#signup_page form {
  /* #signupButton, #signinButton{
  	display: none;
  } */ }
  #signup_page form#formSignup .fields {
    margin-top: 30px; }
  #signup_page form#formSignup button {
    margin-top: 0;
    color: white;
    display: block;
    text-align: center;
    height: 40px;
    font-size: 17px;
    text-transform: none;
    border-radius: 30px;
    line-height: 1.2;
    cursor: pointer;
    outline: none; }
    #signup_page form#formSignup button[data-form="signup"] {
      padding: 6px 25px;
      font-size: 17px;
      height: 42px;
      display: inline-block;
      clear: both;
      appearance: none;
      border-radius: 20px;
      overflow: hidden;
      background: #3cffd9;
      border-style: none;
      border: 1px solid #3cffd9;
      margin-top: 15px;
      color: #000;
      font-weight: 700;
      transition: transform 0.2s; }
      #signup_page form#formSignup button[data-form="signup"]:hover {
        transform: scale(1.1); }
  #signup_page form#formSignup .onoffswitch {
    position: relative;
    width: 75px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin: 0 0 0 15px;
    display: inline-block;
    top: 20px; }
  #signup_page form#formSignup .onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
  #signup_page form#formSignup .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 20px; }
  #signup_page form#formSignup .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s; }
  #signup_page form#formSignup .onoffswitch-inner:before, #signup_page form#formSignup .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 28px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box; }
  #signup_page form#formSignup .onoffswitch-inner:before {
    content: "Yes";
    padding-left: 10px;
    background-color: #460f6e;
    color: #fff;
    text-align: left; }
  #signup_page form#formSignup .onoffswitch-inner:after {
    content: "No";
    padding-right: 10px;
    background-color: #160926;
    color: #fff;
    text-align: right; }
  #signup_page form#formSignup .onoffswitch-switch {
    display: block;
    width: 14px;
    height: 14px;
    margin: 8px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 42px;
    border: none;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s; }
  #signup_page form#formSignup .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0; }
  #signup_page form#formSignup .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; }
  #signup_page form#formSignup p.choice {
    color: #fff;
    font-size: 14px;
    margin-top: 20px; }
    #signup_page form#formSignup p.choice a {
      color: #3cffd9;
      text-decoration: underline;
      font-size: 14px;
      margin-left: 8px; }
      #signup_page form#formSignup p.choice a:hover {
        text-decoration: none; }
  #signup_page form .field.error input {
    box-shadow: 0 5px 5px 0 rgba(255, 0, 0, 0.5); }
  #signup_page form .field.center {
    text-align: center; }
  #signup_page form .field + .field {
    margin-top: 20px; }
  #signup_page form .field .error {
    color: red;
    display: block;
    margin-top: 10px; }
  #signup_page form .error_msg {
    color: red;
    text-align: center;
    padding: 5px 0; }
    #signup_page form .error_msg:not(.active) {
      display: none; }
    #signup_page form .error_msg + .field {
      margin-top: 20px; }
  #signup_page form label {
    display: none;
    color: white;
    margin-bottom: 5px; }
    #signup_page form label.forceshow {
      display: inline-block; }
      #signup_page form label.forceshow a {
        color: #fff;
        text-decoration: underline; }
        #signup_page form label.forceshow a:hover {
          color: #ffa532; }
  #signup_page form .field {
    position: relative; }
    #signup_page form .field .picto_email {
      background: no-repeat center center url(../../images/ico-email.svg);
      position: absolute;
      top: 14px;
      left: 12px;
      z-index: 5;
      width: 13px;
      height: 13px; }
    #signup_page form .field .picto_password {
      background: no-repeat center center url(../../images/ico-password.svg);
      position: absolute;
      top: 14px;
      left: 12px;
      z-index: 5;
      width: 13px;
      height: 13px; }
    #signup_page form .field .picto_password_verification {
      background: no-repeat center center url(../../images/ico-password.svg);
      position: absolute;
      top: 14px;
      left: 12px;
      z-index: 5;
      width: 13px;
      height: 13px; }
    #signup_page form .field .picto_speudo {
      background: no-repeat center center url(../../images/ico-username.svg);
      position: absolute;
      top: 14px;
      left: 12px;
      z-index: 5;
      width: 13px;
      height: 13px; }
    #signup_page form .field .picto_mobile {
      background: no-repeat center center url(../../images/ico-mobile.svg);
      position: absolute;
      top: 14px;
      left: 12px;
      z-index: 5;
      width: 13px;
      height: 16px; }
  #signup_page form input[type="text"], #signup_page form input[type="password"], #signup_page form input[type="email"] {
    height: 40px;
    width: 80%;
    border-radius: 30px;
    border: 0;
    background: #fefefe;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    padding: 6px 5px 0px 35px;
    font-size: 16px;
    color: #fff; }
    #signup_page form input[type="text"]:focus, #signup_page form input[type="password"]:focus, #signup_page form input[type="email"]:focus {
      outline: none; }
  #signup_page form ::placeholder {
    color: #d6d6d6;
    font-size: 17px; }
  #signup_page form input:-webkit-autofill, #signup_page form input:-webkit-autofill:focus {
    background: red !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: -1 0 0px 1000px #160926 inset;
    transition: background-color 5000s ease-in-out 0s;
    border: none; }
  #signup_page form input[name="email"] {
    background: #160926; }
  #signup_page form input[name="user_login"] {
    background: #160926; }
  #signup_page form input[name="password"], #signup_page form input[name="passwordVerification"] {
    background: #160926; }
  #signup_page form input[name="mobile"] {
    background: #160926; }
  #signup_page form input[name="speudo"] {
    background: #160926; }
  #signup_page form #loader_signup {
    display: none; }
    #signup_page form #loader_signup p {
      color: #3cffd9;
      clear: both;
      font-size: 22px;
      margin-bottom: 10px;
      display: none; }
    #signup_page form #loader_signup .container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100px;
      float: left; }
    #signup_page form #loader_signup .spinner {
      width: 90px;
      height: 90px;
      position: absolute;
      transition: transform 250ms ease;
      animation: rotator 1.4s linear infinite; }
      #signup_page form #loader_signup .spinner circle {
        stroke-dasharray: 180;
        stroke-dashoffset: 0;
        stroke-width: 2;
        transform-origin: center;
        stroke: #F08108;
        animation: dash 1.4s ease-in-out infinite, colors 1.4s linear infinite; }
    #signup_page form #loader_signup .icon {
      position: relative;
      width: 36px;
      height: 36px;
      display: flex;
      justify-content: center;
      align-items: center; }
      #signup_page form #loader_signup .icon svg {
        transition: transform 300ms ease;
        height: 50px; }
@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(260deg); } }
@keyframes dash {
  0% {
    stroke-dashoffset: 180; }
  50% {
    stroke-dashoffset: 45;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 180;
    transform: rotate(450deg); } }
@keyframes colors {
  0% {
    stroke: #3cffd9; }
  50% {
    stroke: #3cffd9; }
  100% {
    stroke: #3cffd9; } }
    #signup_page form #loader_signup.active {
      display: block;
      clear: both;
      width: 100%;
      float: left;
      padding-left: 125px; }
  #signup_page form #signinButton {
    display: none; }
  #signup_page form .response {
    color: white; }
    #signup_page form .response.hide {
      display: none; }
  #signup_page form .iti.iti--allow-dropdown {
    width: 100%; }
    #signup_page form .iti.iti--allow-dropdown .iti__flag-container {
      left: 30px; }
      #signup_page form .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
        background: transparent;
        color: #fff; }
        #signup_page form .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__arrow {
          border-top: 4px solid #fff; }
    #signup_page form .iti.iti--allow-dropdown input#signupMobile {
      padding-left: 120px !important; }

/* TABLETTE */
/* MOBILE */
@media screen and (max-width: 540px) {
  #signup_page > .row {
    display: table; }
    #signup_page > .row .col6.second {
      display: table-footer-group;
      float: none; }
    #signup_page > .row .col6.first {
      display: table-footer-group;
      float: none; }
  #signup_page .col6 {
    width: 100%;
    margin: 0 0 20px; }
  #signup_page h1 {
    font-size: 28px; }
  #signup_page form input[type=text],
  #signup_page form input[type=password],
  #signup_page form input[type=email] {
    width: 100%; }
  #signup_page.registered .successMessage {
    margin-top: 40px; } }
#introGiveaways {
  color: #fff;
  text-align: center; }

#all_giveaways {
  margin-top: 0;
  /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */ }
  #all_giveaways h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-transform: none;
    color: #fff;
    text-align: left;
    position: relative;
    margin-bottom: 40px; }
    #all_giveaways h2:before {
      content: "";
      width: 80px;
      height: 2px;
      background: #3cffd9;
      bottom: -15px;
      left: 0;
      position: absolute; }
  #all_giveaways > .row > .col12 > h2 {
    margin-top: 40px; }
  #all_giveaways .giveaway {
    color: #fff;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    transform: scale(1);
    transition: transform 0.2s; }
    #all_giveaways .giveaway:hover {
      transform: scale(1.1); }
    #all_giveaways .giveaway .giveaway_top {
      border-radius: 15px;
      padding: 180px 0 0;
      float: left;
      width: 100%;
      background: #052f27;
      position: relative;
      z-index: 2;
      min-height: 350px; }
      #all_giveaways .giveaway .giveaway_top .bg_mobile {
        display: none; }
      #all_giveaways .giveaway .giveaway_top .col3 {
        width: 29%; }
        #all_giveaways .giveaway .giveaway_top .col3.boutons {
          width: 17%; }
      #all_giveaways .giveaway .giveaway_top .col6 {
        width: 45%; }
      #all_giveaways .giveaway .giveaway_top .temps_restant {
        text-align: center; }
        #all_giveaways .giveaway .giveaway_top .temps_restant > p {
          margin-top: 0;
          margin-bottom: 15px;
          font-size: 20px;
          text-transform: uppercase; }
        #all_giveaways .giveaway .giveaway_top .temps_restant ul.clockcountdown {
          list-style: none;
          margin: 25px 0 0;
          padding: 0;
          display: block;
          text-align: center;
          display: block !important; }
          #all_giveaways .giveaway .giveaway_top .temps_restant ul.clockcountdown li {
            display: inline-block;
            background: #fff;
            color: #000;
            border-radius: 5px;
            padding: 4px;
            min-width: 50px; }
            #all_giveaways .giveaway .giveaway_top .temps_restant ul.clockcountdown li.seperator {
              font-size: 40px;
              line-height: 40px;
              vertical-align: top;
              background: none;
              color: #fff;
              min-width: 0;
              padding: 0;
              margin: 0 2px 0; }
            #all_giveaways .giveaway .giveaway_top .temps_restant ul.clockcountdown li span {
              font-size: 25px;
              font-weight: 700;
              line-height: 25px; }
            #all_giveaways .giveaway .giveaway_top .temps_restant ul.clockcountdown li p {
              color: #000;
              font-size: 13px;
              margin-top: 0;
              margin-bottom: 0;
              font-weight: 400; }
      #all_giveaways .giveaway .giveaway_top .boutons {
        margin-top: 30px;
        position: relative;
        right: 0;
        text-align: center; }
        #all_giveaways .giveaway .giveaway_top .boutons .viewdetail {
          border: 2px solid #3cffd9;
          padding: 0 !important;
          text-align: center;
          line-height: 26px;
          border-radius: 50%;
          height: 35px;
          width: 35px;
          font-size: 1.375rem !important;
          color: #fff;
          display: inline-block;
          cursor: pointer;
          margin-right: 10px; }
          #all_giveaways .giveaway .giveaway_top .boutons .viewdetail:after {
            background: #261240; }
          #all_giveaways .giveaway .giveaway_top .boutons .viewdetail:before {
            content: '+';
            font-size: 1.375rem !important;
            color: #fff;
            position: relative;
            top: 1px; }
          #all_giveaways .giveaway .giveaway_top .boutons .viewdetail:hover {
            background: #3cffd9; }
            #all_giveaways .giveaway .giveaway_top .boutons .viewdetail:hover:before {
              color: #000; }
        #all_giveaways .giveaway .giveaway_top .boutons .buttonparticipe {
          border-radius: 50px !important;
          font-size: 0.875rem;
          text-align: center;
          font-weight: 400;
          text-transform: none;
          display: inline-block;
          color: white;
          text-decoration: none;
          padding: 0.3125rem 0.625rem;
          background: transparent;
          border: 2px solid #ffa532;
          padding: 5px 20px 7px;
          font-size: 16px;
          font-weight: bold; }
          #all_giveaways .giveaway .giveaway_top .boutons .buttonparticipe:hover {
            background: #ffa532;
            color: #000;
            font-weight: 700; }
    #all_giveaways .giveaway .giveaway_bottom {
      float: left;
      width: 100%;
      background: #2c2247;
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px;
      padding: 40px 25px 25px;
      position: relative;
      z-index: 1;
      margin-top: -25px;
      display: none; }
    #all_giveaways .giveaway.expired:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.8);
      z-index: 10;
      border-radius: 15px; }
    #all_giveaways .giveaway.expired .boutons {
      display: none; }
    #all_giveaways .giveaway.expired .buttonviewresult {
      position: absolute;
      top: 80%;
      transform: translate(-50%);
      right: auto;
      left: 50%;
      z-index: 25;
      border-radius: 50px !important;
      font-size: 0.875rem;
      text-align: center;
      font-weight: 400;
      text-transform: none;
      display: inline-block;
      color: white;
      text-decoration: none;
      padding: 0.3125rem 0.625rem;
      background: transparent;
      border: 2px solid #3cffd9;
      font-weight: 700;
      padding: 5px 20px 7px;
      font-size: 16px;
      font-weight: bold; }
      #all_giveaways .giveaway.expired .buttonviewresult:hover {
        background: #3cffd9;
        color: #000;
        font-weight: 700; }
    #all_giveaways .giveaway.active .giveaway_top {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      #all_giveaways .giveaway.active .giveaway_top .boutons .viewdetail:before {
        content: '-'; }
    #all_giveaways .giveaway.active .giveaway_bottom {
      display: block; }
      #all_giveaways .giveaway.active .giveaway_bottom h3 {
        color: #3cffd9;
        margin: 10px 0 0 0;
        text-transform: uppercase; }
      #all_giveaways .giveaway.active .giveaway_bottom p {
        color: #fff;
        margin: 7px 0 8px 0;
        line-height: 1.4em; }
  #all_giveaways .flip-card {
    border-radius: 15px;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
    transform: scale(1);
    transition: transform 0.2s;
    overflow: hidden;
    /* This container is needed to position the front and back side */ }
    #all_giveaways .flip-card .flip-card-inner {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      text-align: center;
      transition: transform 0.8s;
      transform-style: preserve-3d;
      border-radius: 15px;
      /* Position the front and back side */
      /* Style the front side (fallback if image is missing) */
      /* Style the back side */ }
      #all_giveaways .flip-card .flip-card-inner .flip-card-front, #all_giveaways .flip-card .flip-card-inner .flip-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        /* Safari */
        backface-visibility: hidden; }
      #all_giveaways .flip-card .flip-card-inner .flip-card-front {
        color: black;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 15px;
        overflow: hidden; }
        #all_giveaways .flip-card .flip-card-inner .flip-card-front img {
          max-width: 100%;
          height: auto; }
        #all_giveaways .flip-card .flip-card-inner .flip-card-front .boutons {
          position: absolute;
          bottom: 30px;
          text-align: center;
          left: 0;
          right: 0;
          z-index: 5;
          margin: 0; }
        #all_giveaways .flip-card .flip-card-inner .flip-card-front a {
          display: inline-block; }
          #all_giveaways .flip-card .flip-card-inner .flip-card-front a.more_info {
            color: #fff;
            border-radius: 100%;
            border: 2px solid #3cffd9;
            padding: 4px 10px;
            margin-right: 9px;
            position: relative;
            top: 1px;
            font-size: 17px;
            font-family: "Work Sans", sans-serif;
            font-weight: 700; }
            #all_giveaways .flip-card .flip-card-inner .flip-card-front a.more_info:hover {
              background: #3cffd9;
              color: #000; }
          #all_giveaways .flip-card .flip-card-inner .flip-card-front a.enjoy_bonus {
            border-radius: 50px !important;
            font-size: 0.875rem;
            text-align: center;
            font-weight: 400;
            text-transform: none;
            display: inline-block;
            color: white;
            text-decoration: none;
            padding: 0.3125rem 0.625rem;
            background: transparent;
            border: 2px solid #ffa532;
            font-weight: 700; }
            #all_giveaways .flip-card .flip-card-inner .flip-card-front a.enjoy_bonus:hover {
              background: #ffa532;
              color: #000;
              font-weight: 700; }
      #all_giveaways .flip-card .flip-card-inner .flip-card-back {
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        transform: rotateY(180deg);
        padding-top: 15px;
        padding-right: 15px;
        border-radius: 15px;
        overflow: hidden;
        z-index: 50; }
        #all_giveaways .flip-card .flip-card-inner .flip-card-back:before {
          content: '';
          background-color: rgba(0, 0, 0, 0.95);
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 0;
          border-radius: 15px; }
        #all_giveaways .flip-card .flip-card-inner .flip-card-back h3 {
          color: #3cffd9;
          text-transform: uppercase;
          margin-bottom: 0.625rem;
          display: block;
          position: relative;
          padding-left: 20px;
          text-align: left; }
        #all_giveaways .flip-card .flip-card-inner .flip-card-back .closeflipcard {
          color: #fff;
          border-radius: 100%;
          border: 2px solid #3cffd9;
          padding: 0 8px 5px;
          position: absolute;
          top: 8px;
          right: 8px;
          z-index: 20;
          cursor: pointer; }
          #all_giveaways .flip-card .flip-card-inner .flip-card-back .closeflipcard:hover {
            background: #3cffd9;
            color: #000; }
        #all_giveaways .flip-card .flip-card-inner .flip-card-back .bouton_bonus {
          border-radius: 50px !important;
          font-size: 0.875rem;
          text-align: center;
          font-weight: 400;
          text-transform: none;
          display: inline-block;
          color: white;
          text-decoration: none;
          padding: 0.3125rem 0.625rem;
          background: transparent;
          border: 2px solid #ffa532;
          position: absolute;
          bottom: 13px;
          left: 45%;
          width: auto;
          transform: translateX(-40%);
          font-weight: 700; }
          #all_giveaways .flip-card .flip-card-inner .flip-card-back .bouton_bonus:hover {
            background: #ffa532;
            color: #000;
            font-weight: 700; }
        #all_giveaways .flip-card .flip-card-inner .flip-card-back p {
          margin: 3px 0 7px;
          z-index: 10;
          position: relative;
          font-size: 16px;
          line-height: 23px;
          padding-left: 20px;
          text-align: left; }
          #all_giveaways .flip-card .flip-card-inner .flip-card-back p strong {
            font-weight: 900; }
        #all_giveaways .flip-card .flip-card-inner .flip-card-back ul {
          position: relative;
          margin-bottom: 13px;
          display: block;
          clear: both;
          padding-left: 20px; }
          #all_giveaways .flip-card .flip-card-inner .flip-card-back ul li {
            color: #fff;
            margin-bottom: 3px;
            font-size: 15px;
            text-align: left; }
            #all_giveaways .flip-card .flip-card-inner .flip-card-back ul li strong {
              font-weight: 900; }
    #all_giveaways .flip-card.flip_active {
      transform: scale(1.1); }
      #all_giveaways .flip-card.flip_active .flip-card-inner {
        transform: rotateY(180deg); }
      #all_giveaways .flip-card.flip_active .boutons {
        display: none; }
      #all_giveaways .flip-card.flip_active .flip-card-front {
        pointer-events: none; }
    #all_giveaways .flip-card:hover {
      transform: scale(1.1); }

#contenu_principal {
  margin-top: 40px; }
  #contenu_principal h2 {
    color: #3cffd9;
    margin: 25px 0 0 0; }
  #contenu_principal p {
    color: #fff;
    margin: 7px 0 15px 0;
    line-height: 1.6em; }

/* MOBILE */
@media screen and (max-width: 768px) {
  #introGiveaways h1 {
    font-size: 24px; }

  #all_giveaways .giveaway {
    width: 100%;
    margin-bottom: 25px; }
    #all_giveaways .giveaway .giveaway_top {
      background: none !important;
      position: relative;
      padding-bottom: 0; }
      #all_giveaways .giveaway .giveaway_top .bg_mobile {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        border-radius: 15px;
        background: #052f27; }
      #all_giveaways .giveaway .giveaway_top .col3, #all_giveaways .giveaway .giveaway_top .col6 {
        width: 100%;
        margin: 0 0 10px 0; }
      #all_giveaways .giveaway .giveaway_top .col3.empty {
        height: 125px; }
      #all_giveaways .giveaway .giveaway_top .temps_restant p {
        font-size: 18px; }
      #all_giveaways .giveaway .giveaway_top .temps_restant ul.clockcountdown li {
        min-width: 45px;
        padding: 5px; }
        #all_giveaways .giveaway .giveaway_top .temps_restant ul.clockcountdown li.seperator {
          font-size: 40px;
          margin: 0 2px; }
        #all_giveaways .giveaway .giveaway_top .temps_restant ul.clockcountdown li p {
          font-size: 11px; }
        #all_giveaways .giveaway .giveaway_top .temps_restant ul.clockcountdown li span {
          font-size: 18px;
          line-height: 22px; }
      #all_giveaways .giveaway .giveaway_top .col3.boutons {
        width: 100%;
        position: static;
        text-align: center;
        margin-top: 25px; }
    #all_giveaways .giveaway .giveaway_bottom {
      padding: 40px 25px 25px; }
      #all_giveaways .giveaway .giveaway_bottom .col3 {
        width: 100%; }
    #all_giveaways .giveaway.expired .buttonviewresult {
      position: relative;
      left: 50%; }
    #all_giveaways .giveaway:hover {
      transform: scale(1); }
    #all_giveaways .giveaway.active .bg_mobile {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; } }
#tournaments_home {
  margin: 40px 0 60px; }
  #tournaments_home #intro_tournaments_home {
    text-align: center;
    margin-bottom: 20px; }
    #tournaments_home #intro_tournaments_home h2 {
      text-transform: uppercase;
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      font-size: 24px;
      color: #fff;
      position: relative;
      text-align: center;
      margin-bottom: 15px; }
      #tournaments_home #intro_tournaments_home h2 span {
        color: #00fe82; }
    #tournaments_home #intro_tournaments_home p {
      color: #fff;
      text-align: center;
      font-size: 18px;
      margin: 0 0 20px; }
  #tournaments_home #pub_tournaments_home {
    position: relative; }
    #tournaments_home #pub_tournaments_home .col8 {
      margin-right: 0;
      width: 63.5%;
      position: relative;
      height: 220px;
      overflow: hidden; }
      #tournaments_home #pub_tournaments_home .col8 img {
        max-width: 100%;
        height: auto; }
      #tournaments_home #pub_tournaments_home .col8 > a {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
        display: block;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s; }
        #tournaments_home #pub_tournaments_home .col8 > a:hover {
          -ms-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
    #tournaments_home #pub_tournaments_home .col4 {
      background: #00fe82;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      padding: 5px 5% 15px 5%;
      margin-left: 0;
      height: 100%;
      position: absolute;
      right: 0;
      width: 33.5%;
      text-align: center; }
      #tournaments_home #pub_tournaments_home .col4 p {
        color: #000;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1.7em;
        font-size: 20px; }
        #tournaments_home #pub_tournaments_home .col4 p a {
          color: #000;
          background: #fff;
          border-radius: 5px;
          padding: 1px 15px;
          font-size: 15px;
          position: relative;
          overflow: hidden;
          font-weight: 700;
          display: inline-block;
          text-transform: uppercase;
          -webkit-transition: all .5s;
          -moz-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
          #tournaments_home #pub_tournaments_home .col4 p a:hover {
            -ms-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
            font-weight: 700; }

#carousel_tournaments_home {
  min-height: 300px;
  padding: 25px;
  border-radius: 10px;
  background-color: #150628;
  color: #fff; }
  #carousel_tournaments_home .carousel {
    height: 320px;
    margin-top: 0; }
    #carousel_tournaments_home .carousel .carousel-item {
      width: 250px;
      height: 250px;
      opacity: 0.5 !important; }
      #carousel_tournaments_home .carousel .carousel-item.active {
        opacity: 1 !important; }
        #carousel_tournaments_home .carousel .carousel-item.active img {
          border-radius: 15px; }
      #carousel_tournaments_home .carousel .carousel-item img {
        border-radius: 30px; }
    #carousel_tournaments_home .carousel .indicators {
      bottom: -15px; }
      #carousel_tournaments_home .carousel .indicators .indicator-item.active {
        background: #3cffd9; }
  #carousel_tournaments_home .infos_tournaments_home {
    margin-top: 50px;
    padding-left: 25px; }
    #carousel_tournaments_home .infos_tournaments_home .infos_tournament_home {
      display: none; }
      #carousel_tournaments_home .infos_tournaments_home .infos_tournament_home.active {
        display: block; }
      #carousel_tournaments_home .infos_tournaments_home .infos_tournament_home p {
        color: #fff;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 30px; }
        #carousel_tournaments_home .infos_tournaments_home .infos_tournament_home p.titre_tournament_home {
          text-transform: uppercase;
          font-family: 'Work Sans', sans-serif;
          font-weight: 900;
          font-style: italic;
          font-size: 25px;
          color: #fff;
          position: relative;
          text-align: left;
          margin-top: 0;
          margin-bottom: 30px;
          position: relative;
          line-height: 1.4em; }
          #carousel_tournaments_home .infos_tournaments_home .infos_tournament_home p.titre_tournament_home:before {
            content: '';
            width: 130px;
            height: 2px;
            background: #3cffd9;
            bottom: -11px;
            left: 0;
            position: absolute; }
        #carousel_tournaments_home .infos_tournaments_home .infos_tournament_home p a {
          border: 2px solid #3cffd9;
          border-radius: 50px;
          padding: 0;
          color: #fff;
          padding: 4px 25px;
          font-size: 15px;
          font-weight: 700;
          display: inline-block; }
          #carousel_tournaments_home .infos_tournaments_home .infos_tournament_home p a:hover {
            background: #3cffd9;
            color: #000; }

/* TABLETTE */
/* MOBILE */
@media screen and (max-width: 540px) {
  #carousel_tournaments_home > div.col6 {
    width: 100%;
    margin: 0 0 15px 0; }
  #carousel_tournaments_home .infos_tournaments_home {
    padding: 0 25px;
    margin-bottom: 0; }
  #carousel_tournaments_home .carousel .carousel-item {
    width: 220px;
    height: 220px; } }
#section_tutorials {
  margin: 40px 0 40px; }
  #section_tutorials #intro_tutorials {
    text-align: center;
    margin-bottom: 20px; }
    #section_tutorials #intro_tutorials h2 {
      text-transform: none;
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      font-size: 24px;
      color: #fff;
      position: relative;
      text-align: center;
      margin-bottom: 15px; }
    #section_tutorials #intro_tutorials p {
      color: #fff;
      text-align: center;
      font-size: 18px;
      margin: 0 0 20px; }

#tutorials div.col12 > div {
  overflow: hidden; }
  #tutorials div.col12 > div.col4 {
    margin-bottom: 1.9%; }
  #tutorials div.col12 > div > a {
    padding-bottom: 64%;
    position: relative;
    display: block;
    border-radius: 15px;
    overflow: hidden; }
    #tutorials div.col12 > div > a .bg_tutorial {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
    #tutorials div.col12 > div > a .contenu_texte_tutorial {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 15px 15px 10px;
      background: #0d011b;
      background: linear-gradient(0deg, #0d011b 16%, rgba(13, 1, 27, 0) 100%); }
      #tutorials div.col12 > div > a .contenu_texte_tutorial p {
        color: #fff;
        margin: 0 0 5px;
        font-size: 15px;
        line-height: 1.3em;
        width: 85%; }
        #tutorials div.col12 > div > a .contenu_texte_tutorial p strong {
          text-transform: uppercase;
          font-size: 16px;
          line-height: 1.8em; }
    #tutorials div.col12 > div > a:hover .bg_tutorial {
      -ms-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }

/* TABLETTE */
@media screen and (max-width: 768px) {
  #carousel_tutorials .owl-nav .owl-prev {
    left: -7%; }
  #carousel_tutorials .owl-nav .owl-next {
    right: -7%; } }
/* MOBILE */
@media screen and (max-width: 540px) {
  #carousel_tutorials .owl-carousel {
    width: 90%;
    margin: 0 auto; }
    #carousel_tutorials .owl-carousel .owl-nav .owl-prev {
      left: -13%;
      width: 20px;
      height: 20px; }
    #carousel_tutorials .owl-carousel .owl-nav .owl-next {
      right: -13%;
      width: 20px;
      height: 20px; } }
#hot_news {
  margin: 40px 0 60px; }
  #hot_news #intro_hot_news {
    text-align: center;
    margin-bottom: 20px; }
    #hot_news #intro_hot_news h2 {
      text-transform: none;
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-style: italic;
      font-size: 24px;
      color: #fff;
      position: relative;
      text-align: center;
      margin-bottom: 15px; }
    #hot_news #intro_hot_news p {
      color: #fff;
      text-align: center;
      font-size: 18px;
      margin: 0 0 20px; }

#carousel_hot_news .owl-carousel .owl-item {
  			/*
  			&:before{
  				content:'';
  				position:absolute;
  				top:0;
  				left:0;
  				bottom:0;
  				right:0;
  				z-index: 10;
  				background:rgba(0,0,0,.8);
  			}
  
  			&:hover{
  				&:before{
  					display: none;
  				}
  			}
  
  			&.center{
  				&:before{
  					display: none;
  				}
  			}
  			*/
  overflow: hidden;
  border-radius: 10px; }
  #carousel_hot_news .owl-carousel .owl-item > a {
    padding-bottom: 64%;
    position: relative;
    display: block; }
    #carousel_hot_news .owl-carousel .owl-item > a .bg_hot_news {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
    #carousel_hot_news .owl-carousel .owl-item > a .contenu_texte_hot_news {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 15px 15px 10px;
      background: #0d011b;
      background: linear-gradient(0deg, #0d011b 16%, rgba(13, 1, 27, 0) 100%); }
      #carousel_hot_news .owl-carousel .owl-item > a .contenu_texte_hot_news p {
        color: #fff;
        margin: 0 0 5px; }
    #carousel_hot_news .owl-carousel .owl-item > a:hover .bg_hot_news {
      -ms-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
#carousel_hot_news .owl-nav {
  position: absolute;
  top: 40%;
  margin: 0;
  left: 0;
  right: 0; }
  #carousel_hot_news .owl-nav .owl-prev {
    position: absolute;
    left: -50px;
    background: url(../../images/arrow-left.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    transition-duration: 0.3s;
    transition-property: transform;
    transform-origin: center center; }
    #carousel_hot_news .owl-nav .owl-prev span {
      display: none; }
    #carousel_hot_news .owl-nav .owl-prev:hover {
      transform: scale(1.2); }
  #carousel_hot_news .owl-nav .owl-next {
    position: absolute;
    left: auto;
    right: -50px;
    background: url(../../images/arrow-right.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    transition-duration: 0.3s;
    transition-property: transform;
    transform-origin: center center; }
    #carousel_hot_news .owl-nav .owl-next span {
      display: none; }
    #carousel_hot_news .owl-nav .owl-next:hover {
      transform: scale(1.2); }
  #carousel_hot_news .owl-nav span {
    color: #fff;
    font-size: 36px; }
#carousel_hot_news .owl-dots {
  margin-top: 10px; }
  #carousel_hot_news .owl-dots .owl-dot span {
    background: #fff; }
  #carousel_hot_news .owl-dots .owl-dot.active span {
    background: #3cffd9; }

/* TABLETTE */
@media screen and (max-width: 768px) {
  #carousel_hot_news .owl-nav .owl-prev {
    left: -7%; }
  #carousel_hot_news .owl-nav .owl-next {
    right: -7%; } }
/* MOBILE */
@media screen and (max-width: 540px) {
  #carousel_hot_news .owl-carousel {
    width: 90%;
    margin: 0 auto; }
    #carousel_hot_news .owl-carousel .owl-nav .owl-prev {
      left: -13%;
      width: 20px;
      height: 20px; }
    #carousel_hot_news .owl-carousel .owl-nav .owl-next {
      right: -13%;
      width: 20px;
      height: 20px; } }
@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  40% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  60% {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px); } }
#introSlots, #titleSlots {
  color: #fff; }
  #introSlots h1, #titleSlots h1 {
    font-family: 'Lato', sans-serif;
    font-size: 36px;
    font-weight: 800;
    text-transform: none;
    color: #fff;
    text-align: left;
    position: relative;
    margin-bottom: 40px; }
  #introSlots h1:before, #titleSlots h1:before {
    content: "";
    width: 130px;
    height: 2px;
    background: #3cffd9;
    bottom: -15px;
    left: 0;
    position: absolute; }
  #introSlots h2, #titleSlots h2 {
    font-family: 'Lato', sans-serif;
    font-size: 2em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: center; }
  #introSlots h3, #titleSlots h3 {
    font-family: 'Lato', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: center; }
  #introSlots p, #titleSlots p {
    color: #fff;
    text-align: left;
    line-height: 1.5em; }

#introSlots p:first-of-type {
  margin-top: 0; }

#titleSlots.single h1 {
  text-align: center;
  margin-bottom: 32px;
  font-size: 28px; }
  #titleSlots.single h1:before {
    display: none; }

#filtresTopSlots {
  margin-top: 20px; }
  #filtresTopSlots .col4 {
    margin-bottom: 0;
    border: 2px solid transparent; }
    #filtresTopSlots .col4.active {
      border: 2px solid #3cffd9;
      border-radius: 10px; }
      #filtresTopSlots .col4.active .bg_filtre_slot > div:before {
        display: none; }
    #filtresTopSlots .col4 .bg_filtre_slot {
      display: block;
      overflow: hidden;
      border-radius: 10px;
      position: relative;
      border: none; }
      #filtresTopSlots .col4 .bg_filtre_slot > div {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 0;
        padding-bottom: 40%;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s; }
        #filtresTopSlots .col4 .bg_filtre_slot > div:before {
          content: '';
          background: rgba(0, 0, 0, 0.7);
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 0; }
      #filtresTopSlots .col4 .bg_filtre_slot > span {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        transform: translateY(-50%);
        color: #fff;
        font-weight: 700;
        font-size: 22px; }
      #filtresTopSlots .col4 .bg_filtre_slot:hover > div {
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2); }

#searchSlots {
  margin-top: 20px;
  margin-bottom: 40px; }
  #searchSlots h2 {
    position: relative;
    margin-top: 30px;
    margin-bottom: 0;
    color: #fff; }
    #searchSlots h2:not(:first-child) {
      margin-top: 50px; }
    #searchSlots h2:before {
      content: "";
      width: 90px;
      height: 2px;
      background: #3cffd9;
      bottom: -12px;
      left: 0;
      position: absolute; }
    #searchSlots h2 span {
      margin-right: 60px; }
  #searchSlots #filter_slots_by_provider, #searchSlots #filter_slots_by_type, #searchSlots #sort_slots {
    padding: 10px 10px 12px 13px;
    border-radius: 10px;
    background-color: #170927;
    display: inline-block;
    margin-right: 20px;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    min-width: 200px;
    position: relative;
    cursor: pointer;
    		/*
    		.sous_menu_global_absolute{
    			position:absolute;
    			top:0;
    			left:0;
    			bottom:0;
    			right: 0;
    			z-index: -1;
    
    			&:hover{
    				~ .sous_menu{
    					display: block;
    				}
    			}
    		}
    		*/ }
    #searchSlots #filter_slots_by_provider:before, #searchSlots #filter_slots_by_type:before, #searchSlots #sort_slots:before {
      content: '';
      display: inline-block;
      height: 0;
      width: 0;
      border-top: 10px solid #fff;
      border-right: 8px solid transparent;
      border-left: 8px solid transparent;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10px; }
    #searchSlots #filter_slots_by_provider .sous_menu, #searchSlots #filter_slots_by_type .sous_menu, #searchSlots #sort_slots .sous_menu {
      position: absolute;
      bottom: auto;
      top: 115%;
      left: 0;
      width: 200px;
      z-index: 15;
      padding: 10px 10px 12px 13px;
      border-radius: 10px;
      background-color: #170927;
      opacity: 0;
      transform: translateY(25%);
      transition: all 150ms ease;
      pointer-events: none; }
      #searchSlots #filter_slots_by_provider .sous_menu:before, #searchSlots #filter_slots_by_type .sous_menu:before, #searchSlots #sort_slots .sous_menu:before {
        position: absolute;
        top: -65px;
        bottom: 0;
        left: 0;
        right: 0;
        content: '';
        z-index: -1; }
      #searchSlots #filter_slots_by_provider .sous_menu li, #searchSlots #filter_slots_by_type .sous_menu li, #searchSlots #sort_slots .sous_menu li {
        display: block;
        clear: both;
        margin-bottom: 5px; }
        #searchSlots #filter_slots_by_provider .sous_menu li input, #searchSlots #filter_slots_by_provider .sous_menu li label, #searchSlots #filter_slots_by_type .sous_menu li input, #searchSlots #filter_slots_by_type .sous_menu li label, #searchSlots #sort_slots .sous_menu li input, #searchSlots #sort_slots .sous_menu li label {
          cursor: pointer;
          display: inline-block;
          height: 25px;
          line-height: 25px;
          vertical-align: middle;
          margin: 0 4px 3px 0; }
        #searchSlots #filter_slots_by_provider .sous_menu li label, #searchSlots #filter_slots_by_type .sous_menu li label, #searchSlots #sort_slots .sous_menu li label {
          width: 150px;
          margin-right: 0; }
          #searchSlots #filter_slots_by_provider .sous_menu li label img, #searchSlots #filter_slots_by_type .sous_menu li label img, #searchSlots #sort_slots .sous_menu li label img {
            height: 46px;
            width: auto; }
    #searchSlots #filter_slots_by_provider:hover .sous_menu, #searchSlots #filter_slots_by_type:hover .sous_menu, #searchSlots #sort_slots:hover .sous_menu {
      opacity: 1;
      transform: translateY(0%);
      pointer-events: auto;
      cursor: pointer !important; }
  #searchSlots #filter_slots_by_provider .sous_menu {
    height: 250px;
    overflow: scroll;
    padding-bottom: 15px; }
    #searchSlots #filter_slots_by_provider .sous_menu::-webkit-scrollbar {
      width: 4px;
      height: 2px; }
    #searchSlots #filter_slots_by_provider .sous_menu::-webkit-scrollbar-thumb {
      background: #3cffd9;
      border-radius: 2px; }
    #searchSlots #filter_slots_by_provider .sous_menu li {
      margin-bottom: 0; }
    #searchSlots #filter_slots_by_provider .sous_menu:before {
      top: -80px; }
  #searchSlots #form_search_slots {
    margin-top: 30px; }
    #searchSlots #form_search_slots input[type=text] {
      width: calc(100% - 60px);
      height: 38px;
      background: #fff;
      border: none;
      margin: 1px 0 0;
      float: left;
      padding-left: 20px;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
      font-size: 16px;
      outline: 1px solid #fff; }
      #searchSlots #form_search_slots input[type=text]:focus {
        outline: 1px solid #3cffd9; }
    #searchSlots #form_search_slots input[type=submit] {
      width: 60px;
      height: 40px;
      background: #3cffd9;
      border: none;
      margin: 0;
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px;
      cursor: pointer;
      background-image: url(../../images/search-picto.svg);
      background-repeat: no-repeat;
      background-position: center center; }

#listeSlots {
  color: #fff;
  margin-bottom: 60px; }
  #listeSlots p a {
    color: #3cffd9;
    text-decoration: underline; }
  #listeSlots ul li {
    display: inline-block;
    margin-right: 15px; }
    #listeSlots ul li a {
      color: #fff; }
  #listeSlots h2 {
    position: relative;
    margin-bottom: 45px; }
    #listeSlots h2:not(:first-child) {
      margin-top: 50px; }
    #listeSlots h2:before {
      content: "";
      width: 130px;
      height: 2px;
      background: #3cffd9;
      bottom: -15px;
      left: 0;
      position: absolute; }

.carousel_slots {
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px; }
  .carousel_slots > div.col3 {
    margin-bottom: 30px; }
  .carousel_slots > div > a.nom_slot {
    color: #fff;
    padding-top: 8px;
    padding-left: 2px;
    margin-bottom: 0;
    font-size: 16px;
    display: block;
    font-weight: 900; }
  .carousel_slots > div > a.nom_provider_slot {
    color: #fff;
    padding-top: 5px;
    padding-left: 2px;
    font-size: 14px;
    display: block; }
  .carousel_slots > div > a.bg_link {
    padding-bottom: 60%;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 15px; }
    .carousel_slots > div > a.bg_link .bg_hot_news {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
    .carousel_slots > div > a.bg_link .contenu_texte_hot_news {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      /*
      padding:15px 15px 10px;
      background: rgb(13,1,27);
      background: linear-gradient(0deg, rgba(13,1,27,1) 16%, rgba(13,1,27,0) 100%);
      */ }
      .carousel_slots > div > a.bg_link .contenu_texte_hot_news p {
        color: #fff;
        margin: 0 0 5px; }
    .carousel_slots > div > a.bg_link:hover .bg_hot_news {
      -ms-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
  .carousel_slots > div > div.bg_link {
    padding-bottom: 60%;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 15px; }
    .carousel_slots > div > div.bg_link .contenu_texte_hot_news {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%);
      margin: 0 auto;
      display: inline-block;
      background: #3cffd9;
      color: #000;
      font-weight: 900;
      text-transform: uppercase;
      border-radius: 15px;
      padding: 7px 15px;
      white-space: nowrap;
      font-size: 16px;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
      .carousel_slots > div > div.bg_link .contenu_texte_hot_news:hover {
        -ms-transform: translate(-50%) scale(1.1);
        -moz-transform: translate(-50%) scale(1.1);
        -webkit-transform: translate(-50%) scale(1.1);
        -o-transform: translate(-50%) scale(1.1);
        transform: translate(-50%) scale(1.1); }

#onlineSlots {
  margin-bottom: 60px; }
  #onlineSlots img {
    max-width: 60%;
    height: auto; }
  #onlineSlots p {
    color: #fff;
    line-height: 1.5; }
  #onlineSlots h2 {
    position: relative;
    margin-bottom: 30px;
    color: #fff; }
    #onlineSlots h2:before {
      content: "";
      width: 130px;
      height: 2px;
      background: #3cffd9;
      bottom: -15px;
      left: 0;
      position: absolute; }

/* Carousel Best providers */
#carousel_best-providers .owl-item > div > a.nom_slot {
  color: #fff;
  padding-top: 8px;
  padding-left: 2px;
  margin-bottom: 0;
  font-size: 16px;
  display: block;
  font-weight: 900; }
#carousel_best-providers .owl-item > div > a.nom_provider_slot {
  color: #fff;
  padding-top: 5px;
  padding-left: 2px;
  font-size: 14px;
  display: block; }
#carousel_best-providers .owl-item > div > a.bg_link {
  padding: 25px 0;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 15px;
  background: #11071f;
  height: 125px; }
  #carousel_best-providers .owl-item > div > a.bg_link .bg_hot_news {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
  #carousel_best-providers .owl-item > div > a.bg_link .contenu_texte_hot_news {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /*
    padding:15px 15px 10px;
    background: rgb(13,1,27);
    background: linear-gradient(0deg, rgba(13,1,27,1) 16%, rgba(13,1,27,0) 100%);
    */ }
    #carousel_best-providers .owl-item > div > a.bg_link .contenu_texte_hot_news p {
      color: #fff;
      margin: 0 0 5px; }
  #carousel_best-providers .owl-item > div > a.bg_link:hover .bg_hot_news {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
#carousel_best-providers .owl-item > div > div.bg_link {
  padding-bottom: 60%;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 15px; }
  #carousel_best-providers .owl-item > div > div.bg_link .contenu_texte_hot_news {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    margin: 0 auto;
    display: inline-block;
    background: #3cffd9;
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 15px;
    padding: 7px 15px;
    white-space: nowrap;
    font-size: 16px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
    #carousel_best-providers .owl-item > div > div.bg_link .contenu_texte_hot_news:hover {
      -ms-transform: translate(-50%) scale(1.1);
      -moz-transform: translate(-50%) scale(1.1);
      -webkit-transform: translate(-50%) scale(1.1);
      -o-transform: translate(-50%) scale(1.1);
      transform: translate(-50%) scale(1.1); }
#carousel_best-providers .owl-nav {
  position: absolute;
  top: 40%;
  margin: 0;
  left: 0;
  right: 0; }
  #carousel_best-providers .owl-nav .owl-prev {
    position: absolute;
    left: -50px;
    background: url(../../images/arrow-left.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    transition-duration: 0.3s;
    transition-property: transform;
    transform-origin: center center; }
    #carousel_best-providers .owl-nav .owl-prev span {
      display: none; }
    #carousel_best-providers .owl-nav .owl-prev:hover {
      transform: scale(1.2); }
  #carousel_best-providers .owl-nav .owl-next {
    position: absolute;
    left: auto;
    right: -50px;
    background: url(../../images/arrow-right.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    transition-duration: 0.3s;
    transition-property: transform;
    transform-origin: center center; }
    #carousel_best-providers .owl-nav .owl-next span {
      display: none; }
    #carousel_best-providers .owl-nav .owl-next:hover {
      transform: scale(1.2); }
  #carousel_best-providers .owl-nav span {
    color: #fff;
    font-size: 36px; }
#carousel_best-providers .owl-dots {
  margin-top: 20px; }
  #carousel_best-providers .owl-dots .owl-dot span {
    background: #fff; }
  #carousel_best-providers .owl-dots .owl-dot.active span {
    background: #3cffd9; }

/* FIN Carousel Best providers */
#game_for_fun_or_reel #game-before-launch {
  width: 100%;
  height: 0;
  padding-bottom: 61%;
  position: relative;
  text-align: center;
  border-radius: 15px;
  overflow: hidden; }
  #game_for_fun_or_reel #game-before-launch:before {
    content: '';
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 15px; }
  #game_for_fun_or_reel #game-before-launch #bg_game-before-launch {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: blur(2px);
    /* Adding blur background image */
    -webkit-filter: blur(2px);
    border-radius: 15px;
    overflow: hidden; }
  #game_for_fun_or_reel #game-before-launch > div.cta {
    position: absolute;
    margin: 0 auto;
    top: 40%;
    z-index: 5;
    border: 1px solid #3cffd9;
    border-radius: 7px;
    padding: 10px 30px;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    font-weight: 700;
    background: #3cffd9;
    color: #000;
    width: auto;
    text-align: center;
    transition: all .5s; }
    #game_for_fun_or_reel #game-before-launch > div.cta a {
      color: #000; }
    #game_for_fun_or_reel #game-before-launch > div.cta ~ div {
      background: transparent;
      color: #fff;
      margin-top: 55px; }
    #game_for_fun_or_reel #game-before-launch > div.cta:hover {
      transform: translateX(-50%) scale(1.1); }
#game_for_fun_or_reel #gamefileEmbed {
  display: none;
  border-radius: 15px; }
  #game_for_fun_or_reel #gamefileEmbed.active {
    display: block; }

#topCasinos {
  color: #fff;
  padding: 0;
  margin-right: 0;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 115px;
  z-index: 10; }
  #topCasinos p, #topCasinos ul li {
    background-color: #170927;
    padding: 15px;
    border-radius: 15px; }
  #topCasinos ul li {
    border-radius: 10px; }
  #topCasinos h3 {
    margin-top: 0; }
  #topCasinos .bloc_col_droite {
    float: left;
    width: 100%;
    margin-bottom: 20px; }
    #topCasinos .bloc_col_droite.avec_bg {
      background-color: #170927;
      padding: 15px;
      border-radius: 15px; }
    #topCasinos .bloc_col_droite.giveaway {
      overflow: hidden; }
      #topCasinos .bloc_col_droite.giveaway .bg_pub_giveaway {
        width: 100%;
        padding-bottom: 94%;
        overflow: hidden;
        position: relative;
        border-radius: 15px; }
        #topCasinos .bloc_col_droite.giveaway .bg_pub_giveaway a {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          background-size: cover;
          background-position: top center;
          background-repeat: no-repeat;
          transition: all .5s; }
          #topCasinos .bloc_col_droite.giveaway .bg_pub_giveaway a:hover {
            transform: scale(1.1); }
        #topCasinos .bloc_col_droite.giveaway .bg_pub_giveaway span {
          border: 2px solid #3cffd9;
          padding: 7px 15px;
          border-radius: 55px;
          border: solid 2px #3cffd9;
          color: #000;
          font-weight: 700;
          background: #3cffd9;
          display: inline-block;
          position: absolute;
          bottom: 25px;
          left: 50%;
          transform: translateX(-50%);
          margin: 0 auto; }
  #topCasinos .provider_logo {
    margin: 0;
    text-align: center;
    background: #000000;
    padding: 5px 15px; }
    #topCasinos .provider_logo img {
      width: 150px;
      max-width: 150px;
      height: auto; }
  #topCasinos .created_by {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    display: block;
    margin: 12px 0 0;
    padding: 0 0 0 2px;
    float: left;
    width: 100%;
    background: transparent; }
    #topCasinos .created_by a {
      color: #fff;
      font-weight: 700;
      text-decoration: underline; }
    #topCasinos .created_by span {
      float: right;
      padding: 5px 10px;
      border-radius: 5px;
      border: 1px solid #fff;
      transition: all .5s; }
      #topCasinos .created_by span:hover {
        transform: scale(1.1); }
      #topCasinos .created_by span a {
        font-weight: 300;
        text-transform: uppercase;
        font-size: 12px;
        text-decoration: none; }
  #topCasinos p.slots_details_title {
    font-size: 17px;
    font-weight: 700;
    text-transform: none;
    margin: 0 0 10px;
    float: left;
    width: 100%; }
  #topCasinos ul.liste_top_casinos {
    float: left;
    width: 100%; }
    #topCasinos ul.liste_top_casinos li {
      padding: 10px 11px;
      height: auto;
      font-weight: 400;
      background-color: #170927;
      border-radius: 15px;
      margin-bottom: 10px;
      font-size: 15px;
      font-weight: 700;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      float: left;
      width: 100%;
      margin-bottom: 10px; }
      #topCasinos ul.liste_top_casinos li:before {
        display: none; }
      #topCasinos ul.liste_top_casinos li a {
        /*
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        */
        position: relative;
        color: #fff; }
        #topCasinos ul.liste_top_casinos li a:hover span.more {
          animation: bounce 1s linear infinite; }
      #topCasinos ul.liste_top_casinos li span {
        float: left;
        margin-right: 8px;
        height: auto;
        padding-top: 0; }
        #topCasinos ul.liste_top_casinos li span ~ span {
          padding-top: 8px; }
      #topCasinos ul.liste_top_casinos li span.logo {
        background-color: #007969;
        border-radius: 10px;
        padding: 2px 14px;
        margin-top: 0;
        margin-right: 15px;
        height: 45px;
        width: 100px;
        position: relative; }
        #topCasinos ul.liste_top_casinos li span.logo img {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          margin: 0 auto; }
      #topCasinos ul.liste_top_casinos li span.bonus {
        font-size: 15px;
        padding-top: 4px;
        padding-bottom: 0;
        line-height: 1.3em; }
        #topCasinos ul.liste_top_casinos li span.bonus span.big {
          font-size: 15px;
          width: 100%;
          margin-bottom: 1px; }
      #topCasinos ul.liste_top_casinos li span.nom {
        font-size: 13px;
        vertical-align: middle;
        text-align: center;
        padding: 0 10px; }
      #topCasinos ul.liste_top_casinos li span.more {
        float: right;
        height: 45px;
        width: 45px;
        margin-top: 0;
        margin-right: 8px;
        padding: 6px 9px;
        border-radius: 6px;
        background-color: #fff;
        color: #000;
        font-size: 34px;
        line-height: 31px;
        vertical-align: middle;
        text-align: center;
        margin-right: 0; }

#contentSlots {
  color: #fff;
  margin-bottom: 30px;
  margin-top: 20px; }
  #contentSlots > .col3 {
    background-color: #170927;
    padding: 10px 15px 5px;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-right: 0;
    width: 23.85%; }
    #contentSlots > .col3 p {
      margin: 0 0 5px;
      font-weight: 700;
      font-size: 17px; }
      #contentSlots > .col3 p.intitule {
        position: relative;
        margin-bottom: 17px;
        display: inline-block;
        font-weight: 400;
        font-size: 14px; }
        #contentSlots > .col3 p.intitule:not(:first-child) {
          margin-top: 50px; }
        #contentSlots > .col3 p.intitule:before {
          content: "";
          width: 100%;
          height: 2px;
          background: #3cffd9;
          bottom: -7px;
          left: 0;
          position: absolute; }
      #contentSlots > .col3 p img {
        position: relative;
        top: 2px;
        margin-right: 3px; }
  #contentSlots .wrap_details_slot {
    background-color: #170927;
    padding: 10px 10px 0;
    border-radius: 10px;
    margin-top: 15px; }
    #contentSlots .wrap_details_slot .slot_detail p {
      margin: 0 0 15px;
      font-weight: 700;
      font-size: 16px;
      padding-left: 11px;
      position: relative; }
      #contentSlots .wrap_details_slot .slot_detail p.intitule {
        position: relative;
        margin-bottom: 4px;
        display: inline-block;
        font-weight: 400;
        font-size: 14px; }
        #contentSlots .wrap_details_slot .slot_detail p.intitule:before {
          content: '';
          width: 5px;
          height: 5px;
          background: #3cffd9;
          border: none;
          border-radius: 50%;
          position: absolute;
          left: 0;
          top: 6px; }
  #contentSlots .featureimageSlot {
    position: relative;
    padding-bottom: 22%; }
    #contentSlots .featureimageSlot .bg_featureimageSlot {
      position: absolute;
      top: 15px;
      left: 15px;
      bottom: 15px;
      right: 15px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      border-radius: 15px; }
  #contentSlots .detailsSlots .slots_details_title {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700; }
    #contentSlots .detailsSlots .slots_details_title:before {
      content: "";
      width: 90%;
      height: 2px;
      background: #3cffd9;
      bottom: 0;
      left: 0;
      position: absolute; }
  #contentSlots .detailsSlots ul li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 300;
    display: block;
    clear: both;
    float: left;
    width: 100%; }
    #contentSlots .detailsSlots ul li strong {
      font-size: 15px; }
    #contentSlots .detailsSlots ul li:before {
      position: absolute;
      left: 0;
      top: -1px;
      content: '•';
      font-size: 17px;
      color: #3cffd9; }
  #contentSlots .detailsSlots .slots_details {
    margin-left: 0;
    margin-right: 0;
    width: 33.3%; }
    #contentSlots .detailsSlots .slots_details .provider_logo {
      margin: 0;
      text-align: center; }
      #contentSlots .detailsSlots .slots_details .provider_logo img {
        width: 150px;
        max-width: 150px;
        height: auto; }
    #contentSlots .detailsSlots .slots_details .col6 > p {
      margin-top: 0; }
      #contentSlots .detailsSlots .slots_details .col6 > p.slots_details_title {
        font-size: 18px;
        font-weight: 900; }
  #contentSlots #wrapper_carousel_other_slots {
    margin-top: 30px; }
    #contentSlots #wrapper_carousel_other_slots .carousel_slots {
      width: 100%;
      overflow: hidden;
      margin-bottom: 40px; }
      #contentSlots #wrapper_carousel_other_slots .carousel_slots > div.col3 {
        margin-bottom: 30px; }
      #contentSlots #wrapper_carousel_other_slots .carousel_slots div > a.nom_slot {
        color: #fff;
        padding-top: 8px;
        padding-left: 2px;
        margin-bottom: 0;
        font-size: 16px;
        display: block;
        font-weight: 900; }
      #contentSlots #wrapper_carousel_other_slots .carousel_slots div > a.nom_provider_slot {
        color: #fff;
        padding-top: 5px;
        padding-left: 2px;
        font-size: 14px;
        display: block; }
      #contentSlots #wrapper_carousel_other_slots .carousel_slots div > a.bg_link {
        padding-bottom: 60%;
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 15px; }
        #contentSlots #wrapper_carousel_other_slots .carousel_slots div > a.bg_link .bg_hot_news {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
          -webkit-transition: all .5s;
          -moz-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
        #contentSlots #wrapper_carousel_other_slots .carousel_slots div > a.bg_link .contenu_texte_hot_news {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          /*
          padding:15px 15px 10px;
          background: rgb(13,1,27);
          background: linear-gradient(0deg, rgba(13,1,27,1) 16%, rgba(13,1,27,0) 100%);
          */ }
          #contentSlots #wrapper_carousel_other_slots .carousel_slots div > a.bg_link .contenu_texte_hot_news p {
            color: #fff;
            margin: 0 0 5px; }
        #contentSlots #wrapper_carousel_other_slots .carousel_slots div > a.bg_link:hover .bg_hot_news {
          -ms-transform: scale(1.2);
          -moz-transform: scale(1.2);
          -webkit-transform: scale(1.2);
          -o-transform: scale(1.2);
          transform: scale(1.2); }
      #contentSlots #wrapper_carousel_other_slots .carousel_slots div > div.bg_link {
        padding-bottom: 60%;
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 15px; }
        #contentSlots #wrapper_carousel_other_slots .carousel_slots div > div.bg_link .contenu_texte_hot_news {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%);
          margin: 0 auto;
          display: inline-block;
          background: #3cffd9;
          color: #000;
          font-weight: 900;
          text-transform: uppercase;
          border-radius: 15px;
          padding: 7px 15px;
          white-space: nowrap;
          font-size: 16px;
          -webkit-transition: all .5s;
          -moz-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
          #contentSlots #wrapper_carousel_other_slots .carousel_slots div > div.bg_link .contenu_texte_hot_news:hover {
            -ms-transform: translate(-50%) scale(1.1);
            -moz-transform: translate(-50%) scale(1.1);
            -webkit-transform: translate(-50%) scale(1.1);
            -o-transform: translate(-50%) scale(1.1);
            transform: translate(-50%) scale(1.1); }
  #contentSlots #main_content_slot {
    margin-top: 30px; }
    #contentSlots #main_content_slot p {
      line-height: 1.5em; }
  #contentSlots h2 {
    position: relative;
    margin-bottom: 35px;
    color: #fff; }
    #contentSlots h2:before {
      content: "";
      width: 130px;
      height: 2px;
      background: #3cffd9;
      bottom: -15px;
      left: 0;
      position: absolute; }
  #contentSlots .col_gauche p {
    line-height: 1.6; }
  #contentSlots .col_gauche figure {
    margin: 0; }
  #contentSlots .col_gauche .wp-block-image img {
    max-width: 100%;
    height: auto; }
  #contentSlots .col_droite {
    border-radius: 15px;
    background-color: #170927;
    padding: 15px;
    margin-left: 0;
    margin-right: 0; }
    #contentSlots .col_droite .bloc_col_droite {
      margin-bottom: 25px; }
      #contentSlots .col_droite .bloc_col_droite h3 {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42; }
      #contentSlots .col_droite .bloc_col_droite img {
        max-width: 100%;
        height: auto;
        border-radius: 15px; }
      #contentSlots .col_droite .bloc_col_droite ul li {
        padding-left: 0;
        height: 50px;
        font-weight: 400;
        background: #232323;
        border-radius: 15px;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 700;
        cursor: pointer;
        position: relative; }
        #contentSlots .col_droite .bloc_col_droite ul li:before {
          display: none; }
        #contentSlots .col_droite .bloc_col_droite ul li a {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          color: #fff; }
          #contentSlots .col_droite .bloc_col_droite ul li a:hover span.more {
            animation: bounce 1s linear infinite; }
        #contentSlots .col_droite .bloc_col_droite ul li span {
          float: left;
          margin-right: 8px;
          height: 50px;
          padding-top: 0; }
          #contentSlots .col_droite .bloc_col_droite ul li span ~ span {
            padding-top: 8px; }
        #contentSlots .col_droite .bloc_col_droite ul li span.nom_provider {
          line-height: 48px;
          vertical-align: middle;
          text-align: center;
          padding: 0 10px; }
        #contentSlots .col_droite .bloc_col_droite ul li span.more {
          float: right;
          height: 35px;
          width: 35px;
          margin-top: 8px;
          margin-right: 8px;
          padding: 4px 7px;
          border-radius: 6px;
          background-color: #fff;
          color: #000;
          font-size: 29px;
          line-height: 26px;
          vertical-align: middle;
          text-align: center; }

/* FIN DETAIL D'UN SLOT */
/* TABLETTE */
/* MOBILE */
@media screen and (max-width: 540px) {
  #topCasinos {
    width: 100%;
    margin: 0; }

  #filtresTopSlots .col4 {
    width: 100%;
    margin: 0 0 20px; }

  #searchSlots .col3 {
    width: 100%; }
  #searchSlots .col4 {
    width: 100%; }
  #searchSlots .col8 {
    width: 100%; }
  #searchSlots h2:before {
    display: none; }
  #searchSlots h2 > span {
    position: relative;
    margin-bottom: 30px;
    display: block; }
    #searchSlots h2 > span:before {
      content: "";
      width: 90px;
      height: 2px;
      background: #3cffd9;
      bottom: -12px;
      left: 0;
      position: absolute; }
  #searchSlots h2 > div {
    width: 100%;
    margin: 0 0 15px 0 !important; }
  #searchSlots #form_search_slots {
    width: 100%; }

  #listeSlots .col3.single_slot_element {
    width: 100%;
    margin: 0 0 20px; }

  #game_for_fun_or_reel {
    width: 100%;
    margin: 0 0 15px; } }
#last_blog_article {
  margin-top: 20px;
  margin-bottom: 40px; }
  #last_blog_article .bg_last_blog_article {
    padding: 30px 40px 40px 40px;
    height: 0;
    padding-bottom: 32%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    #last_blog_article .bg_last_blog_article:before {
      content: '';
      background-image: linear-gradient(to right, #12061f, #12061f 42%, rgba(18, 6, 31, 0) 98%);
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 0; }
    #last_blog_article .bg_last_blog_article .wrapper_last_article {
      width: 40%;
      position: relative;
      z-index: 1;
      color: #fff; }
      #last_blog_article .bg_last_blog_article .wrapper_last_article div.label_type_tuto {
        position: relative;
        background: #fff;
        border-radius: 55px;
        color: #000;
        padding: 3px 11px;
        font-size: 13px;
        font-weight: 700;
        margin-right: 10px;
        display: inline-block; }
      #last_blog_article .bg_last_blog_article .wrapper_last_article h2 {
        font-family: "Work Sans", sans-serif;
        font-size: 26px;
        font-weight: 800;
        text-transform: none;
        color: #fff;
        text-align: left;
        position: relative;
        margin-top: 20px;
        margin-bottom: 35px;
        clear: both; }
        #last_blog_article .bg_last_blog_article .wrapper_last_article h2:before {
          content: "";
          width: 130px;
          height: 2px;
          background: #3cffd9;
          bottom: -15px;
          left: 0;
          position: absolute; }
      #last_blog_article .bg_last_blog_article .wrapper_last_article p {
        color: #fff;
        font-size: 18px;
        line-height: 1.5em; }

/* TABLETTE */
/* MOBILE */
@media screen and (max-width: 540px) {
  #last_blog_article .bg_last_blog_article {
    padding: 20px;
    padding-bottom: 64%; }
    #last_blog_article .bg_last_blog_article .wrapper_last_article {
      width: 90%; } }
.shortcode_home_bonus {
  transform: scale(1);
  transition: transform 0.2s;
  border-radius: 10px;
  overflow: hidden;
  margin: 10px 0; }
  .shortcode_home_bonus .line {
    position: relative;
    padding: 5px 20px 5px 0;
    background: #170927;
    display: flex;
    float: left;
    width: 100%;
    justify-content: space-between;
    align-items: center; }
    .shortcode_home_bonus .line .bonus_logo {
      width: 20%;
      position: absolute;
      top: 0;
      bottom: 0; }
      .shortcode_home_bonus .line .bonus_logo img {
        height: auto;
        width: auto;
        max-width: 90%;
        max-height: 80px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto; }
    .shortcode_home_bonus .line .wrapper-bonus {
      width: 100%;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      padding: 10px 0 10px 22%; }
      .shortcode_home_bonus .line .wrapper-bonus > div:last-of-type:before {
        display: none; }
      .shortcode_home_bonus .line .wrapper-bonus .column {
        position: relative;
        width: 25%;
        text-align: center;
        font-weight: 400;
        font-size: 13px; }
        .shortcode_home_bonus .line .wrapper-bonus .column:before {
          position: absolute;
          content: "";
          top: 0;
          right: 0;
          height: 90%;
          width: 0.0625rem;
          background: #3cffd9; }
        .shortcode_home_bonus .line .wrapper-bonus .column strong {
          display: block;
          text-align: center;
          font-size: 20px;
          font-weight: 600;
          color: white;
          text-transform: uppercase; }
        .shortcode_home_bonus .line .wrapper-bonus .column .sub_title {
          color: #fff; }
    .shortcode_home_bonus .line .bonus_cta {
      width: 25%;
      padding: 10px 0; }
      .shortcode_home_bonus .line .bonus_cta a {
        padding: 7px 15px;
        border-radius: 55px;
        border: solid 2px #ffa532;
        color: #fff;
        font-weight: 700;
        display: inline-block;
        float: right;
    	/*
    	-webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    -o-transition: all .5s;
	    transition: all .5s;
	    */ }
        .shortcode_home_bonus .line .bonus_cta a:hover {
          background: #ffa532;
          color: #000; }

.iti__flag {
  background-image: url("../../images/flag/flags.png"); }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../../images/flag/flags@2x.png"); } }
.button.orange {
  border-radius: 50px !important;
  font-size: 0.875rem;
  text-align: center;
  font-weight: 400;
  text-transform: none;
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: 0.3125rem 0.625rem;
  background: transparent;
  border: 2px solid #ffa532; }
  .button.orange:hover {
    background: #ffa532;
    color: #000;
    font-weight: 700; }

.bubleTitle {
  margin: 1.25rem 0 2rem 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: 3.75rem;
  color: #fff;
  position: relative;
  padding-left: 7.1875rem; }
  .bubleTitle:before, .bubleTitle:after {
    position: absolute;
    content: "";
    display: block; }
  .bubleTitle:before {
    /*left: 0;
    bottom: rem(0);
    width: rem(85);
    height: rem(74);*/
    left: -12px;
    bottom: -2px;
    width: 90px;
    height: 80px;
    background: url(../../images/buble_green_v2.png) transparent center center no-repeat;
    background-size: contain;
    z-index: 1; }
  .bubleTitle.slot:after {
    width: 2.1875rem;
    height: 2.6875rem;
    background: url(../../images/picto-slot.png) transparent center center no-repeat;
    background-size: contain;
    z-index: 2;
    left: 1.375rem;
    bottom: 1.375rem; }
  .bubleTitle.bigWins {
    color: white; }
    .bubleTitle.bigWins:after {
      width: 2.5rem;
      height: 2.5rem;
      background: url(../../images/picto-bigwins.png) transparent center center no-repeat;
      background-size: contain;
      z-index: 2;
      left: 1.375rem;
      bottom: 1.25rem; }
  .bubleTitle.tutos {
    color: white; }
    .bubleTitle.tutos:after {
      width: 2.5rem;
      height: 2.25rem;
      background: url(../../images/picto-tutos.png) transparent center center no-repeat;
      background-size: contain;
      z-index: 2;
      left: 1.375rem;
      bottom: 1.25rem; }
  .bubleTitle.clips {
    color: white; }
    .bubleTitle.clips:after {
      width: 2.5rem;
      height: 2.8125rem;
      background: url(../../images/picto-clips.png) transparent center center no-repeat;
      background-size: contain;
      z-index: 2;
      left: 1.375rem;
      bottom: 1.25rem; }
  .bubleTitle.sport {
    color: #002b78; }
    .bubleTitle.sport:before {
      background: url(../../images/bulle_title_sport.png) transparent center center no-repeat;
      background-size: contain; }
    .bubleTitle.sport:after {
      width: 2.8125rem;
      height: 2.875rem;
      background: url(../../images/picto-ballon.png) transparent center center no-repeat;
      background-size: contain;
      z-index: 2;
      left: 0.9375rem;
      bottom: 1.25rem; }
  @media screen and (max-width: 1024px) {
    .bubleTitle {
      font-size: 3.4375rem; } }
  @media screen and (max-width: 768px) {
    .bubleTitle {
      font-size: 3.125rem; } }
  @media screen and (max-width: 640px) {
    .bubleTitle {
      font-size: 2.8125rem; } }
  @media screen and (max-width: 320px) {
    .bubleTitle {
      font-size: 2.5rem; } }

.beforeFooterWave {
  margin-bottom: 0; }
  .beforeFooterWave > .wrapper {
    position: relative;
    z-index: 2; }

.button_lang_wrapper {
  position: fixed;
  right: 5%;
  bottom: 2.0625rem;
  z-index: 100;
  padding: 1.25rem; }
  .button_lang_wrapper:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-20deg);
    background: center/100% url("../../images/bouton-langue.svg") no-repeat transparent;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: transform 0.15s; }
  .button_lang_wrapper .other_lang {
    position: absolute;
    z-index: 1;
    bottom: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
    transition: bottom 0.5s; }
    .button_lang_wrapper .other_lang li {
      text-align: center;
      width: 3.125rem;
      height: 3.125rem;
      display: block;
      border-radius: 50%;
      transition: opacity 0.3s;
      background: #2f006d;
      background: linear-gradient(90deg, #2f006d 0%, #5a0596 100%);
      opacity: 0; }
    .button_lang_wrapper .other_lang img {
      margin-top: 0.8125rem;
      width: 1.875rem;
      border-radius: 0.3125rem;
      box-shadow: 0 0 5px #8c2dcf; }
  .button_lang_wrapper .current_lang {
    z-index: 2;
    position: relative; }
    .button_lang_wrapper .current_lang img {
      width: 2.1875rem;
      border-radius: 0.3125rem; }
  .button_lang_wrapper.openning .other_lang {
    bottom: 3.75rem; }
    .button_lang_wrapper.openning .other_lang li {
      opacity: 1; }

.hideonmobile {
  display: inline-block !important; }

.hideondesktop {
  display: none !important; }

@media screen and (max-width: 768px) {
  .button_lang_wrapper {
    display: none !important; }

  .hideonmobile {
    display: none !important; }

  .hideondesktop {
    display: block !important; }

  .wrapper {
    width: 90%;
    max-width: none;
    margin: 0 auto;
    display: block;
    position: relative; }
    .wrapper .col {
      float: none;
      margin: 0; }
      .wrapper .col.col1 {
        width: 100%; }
      .wrapper .col.col2 {
        width: 100%; }
      .wrapper .col.col3 {
        width: 100%; }
      .wrapper .col.col4 {
        width: 100%; }
      .wrapper .col.col5 {
        width: 100%; }
      .wrapper .col.col6 {
        width: 100%; }
      .wrapper .col.col7 {
        width: 100%; }
      .wrapper .col.col8 {
        width: 100%; }
      .wrapper .col.col9 {
        width: 100%; }
      .wrapper .col.col10 {
        width: 100%; }
      .wrapper .col.col11 {
        width: 100%; }
      .wrapper .col.col12 {
        width: 100%; } }
#mask {
  position: fixed;
  left: 50%;
  top: 50%;
  right: 50%;
  bottom: 50%;
  background: rgba(0, 0, 0, 0);
  z-index: 1001;
  transition: all 0.3s; }
  #mask.enable {
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
    #mask.enable:before {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      height: 100%;
      content: "";
      background: black;
      background: radial-gradient(circle, black 0%, rgba(0, 0, 0, 0) 100%); }

/* import catalogue a supprime ensuite */
#import_catalogue {
  color: #fff; }
  #import_catalogue #filtre_home_bonus_casino {
    display: block;
    margin-top: 0.625rem;
    margin-bottom: 1.25rem;
    outline: none;
    float: none; }
    #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 {
      display: block;
      clear: both;
      margin-bottom: 20px;
      list-style-type: none;
      float: left; }
      #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li {
        display: inline-block;
        float: left;
        margin-right: 10px;
        margin-bottom: 15px;
        padding: 5px 15px;
        border-radius: 55px;
        color: #fff;
        font-weight: 700;
        position: relative;
        font-size: 13px;
        cursor: pointer;
        transform: all .8s ease-in-out; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li a {
          color: #fff;
          font-weight: 400; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.first {
          border: none;
          background: none;
          padding: 5px 0; }
          #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.first:before {
            display: none; }
          #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.first:hover {
            background: none;
            color: #fff; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li:last-child {
          margin-right: 0; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li:before {
          content: '';
          opacity: 0.16;
          background-color: #fff;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          border-radius: 55px;
          pointer-events: none; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.active, #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li:hover {
          background: #3cffd9;
          color: #000;
          font-weight: 700; }
          #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.active a, #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li:hover a {
            color: #000; }
    #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino {
      position: relative;
      display: inline-block;
      min-width: 300px;
      margin-bottom: 1.5625rem;
      height: 48px; }
      #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #bouton_select_filtre_home_bonus_casino {
        position: absolute;
        top: 4px;
        right: 8px;
        z-index: 15;
        width: 30px;
        height: 30px;
        text-align: center;
        vertical-align: middle;
        line-height: 30px; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #bouton_select_filtre_home_bonus_casino:before {
          content: '';
          border: solid #fff;
          border-width: 0 3px 3px 0;
          display: inline-block;
          padding: 3px;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          width: 6px;
          height: 6px; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #bouton_select_filtre_home_bonus_casino.open {
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
      #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino {
        padding: 5px 15px 3px;
        background: transparent;
        color: #fff;
        font-weight: 600;
        font-family: 'Lato', sans-serif;
        font-size: 1rem;
        border: 1px solid #3cffd9;
        border-radius: 10px;
        outline: none;
        cursor: pointer !important;
        position: absolute;
        width: 300px;
        height: auto;
        z-index: 10;
        background: #180c28; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div {
          display: none;
          margin-top: 5px;
          margin-bottom: 8px; }
          #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active {
            display: block; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino.active > div, #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino.selected > div {
          display: block; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active {
          color: #3cffd9; }
          #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active.first {
            color: #fff; }
            #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active.first:hover {
              color: #3cffd9; }
          #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active:hover {
            color: #3cffd9; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino:hover > div.active {
          color: #3cffd9; }
          #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino:hover > div.active:hover {
            color: #3cffd9; }
        #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino:hover > div:hover {
          color: #ffa532; }
      #import_catalogue #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino.active:before {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg); }
  #import_catalogue .col4, #import_catalogue .col3 {
    border-radius: 8px;
    background: #2c2247;
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 30px 25px -20px rgba(255, 255, 255, 0.15);
    color: #fff;
    margin-bottom: 30px; }
    #import_catalogue .col4 .inner_product, #import_catalogue .col3 .inner_product {
      padding: 0 20px 0; }
      #import_catalogue .col4 .inner_product i, #import_catalogue .col3 .inner_product i {
        font-weight: 400; }
      #import_catalogue .col4 .inner_product.bottom, #import_catalogue .col3 .inner_product.bottom {
        padding-top: 0;
        font-size: 13px; }
      #import_catalogue .col4 .inner_product p.prix, #import_catalogue .col3 .inner_product p.prix {
        color: #00fe82; }
      #import_catalogue .col4 .inner_product .add_to_cart, #import_catalogue .col4 .inner_product .remove_to_cart, #import_catalogue .col3 .inner_product .add_to_cart, #import_catalogue .col3 .inner_product .remove_to_cart {
        background: #00fe82;
        display: block;
        padding: 10px 0;
        text-align: center;
        font-weight: 700;
        font-size: 16px;
        cursor: pointer;
        color: #000;
        margin-bottom: 7px; }
        #import_catalogue .col4 .inner_product .add_to_cart:hover, #import_catalogue .col4 .inner_product .remove_to_cart:hover, #import_catalogue .col3 .inner_product .add_to_cart:hover, #import_catalogue .col3 .inner_product .remove_to_cart:hover {
          color: #fff; }
      #import_catalogue .col4 .inner_product .added_to_cart, #import_catalogue .col4 .inner_product .removed_to_cart, #import_catalogue .col3 .inner_product .added_to_cart, #import_catalogue .col3 .inner_product .removed_to_cart {
        background: #ededed;
        display: block;
        padding: 10px 0;
        text-align: center;
        font-weight: 700;
        font-size: 16px;
        color: #000;
        margin-bottom: 7px; }
    #import_catalogue .col4:nth-of-type(4n+5), #import_catalogue .col3:nth-of-type(4n+5) {
      clear: left; }

/*# sourceMappingURL=app.css.map */