z {}

 z {}



        @font-face {
            font-family: 'PharaohCustom';
            src: url('//static.zoovalley.com/zoovalley/playbox/font/NobilityCasual/nobilty-webfont.woff2') format('woff2'),
            url('//static.zoovalley.com/zoovalley/playbox/font/NobilityCasual/nobilty-webfont.woff') format('woff'),
            url('//static.zoovalley.com/zoovalley/playbox/font/NobilityCasual/nobilty-webfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }





.font-loot-current-custom,
.flcc {
    font-family: 'PharaohCustom', serif !important;
}

.font-2x {
  font-size:2rem;
}
.font-1dot5x {
  font-size:1.5rem;
}

.font-bold,
.fb {
    font-weight: bold;
}

.text-center,
.tac {
    text-align: center;
}

.text-uppercase,
.uppercase {
    text-transform: uppercase;
}

html, body {
  width:100%;
}

html.help-fixed {
  position:fixed;
  width:100%;
  height:100%; 
}

body {
    overflow-x: hidden;
    margin: 0;
    position:initial !important;
}


body #pied_de_page_liens{
  left: 106px;
}


body #pied_de_page_liens li.rubrique {
  color:#FFFF4B;
}
body #pied_de_page_liens .rubrique li a {
  color:white;
}

.loot-game-wrapper {
    position: relative;
    width: 100%;
    overflow-x:hidden;
}


body .jdm-modale *,
.loot-game-wrapper * {
    box-sizing: border-box;
}

.loot-game-wrapper *:not(input) { 
    user-select:none;
}

.loot-game-wrapper *:not(a) {
  cursor: default;  
}

.planete-modal a,
.loot-game-wrapper a {
    text-decoration: none;
    color: black;
}

.loot-game-wrapper > .level-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.level-wrapper > *:not(video) {
    z-index: 2; 
} 

.loot-game-wrapper > .level-wrapper {
    max-height: 2100px;
    min-height: 2100px;
    position: relative; 
    width: 2920px;
    left: 50%;
    margin-left: -1354px;
    z-index: 1; 
    text-align: center;
    /*transform:scale(0.9);       */
    /*transform-origin:center top;*/
} 
.loot-game-wrapper > .level-wrapper:not(.level-grille):not(.level-planete):not(.level-thot) {
  /*zoom :90%;*/
  transform-origin:center top;
  -moz-transform:scale(0.9); 
  -ms-transform: translateX(146px);   
}
 
.loot-game-wrapper > .level-wrapper.level-thot {
  transform-origin:center top; 
  transform:scale(0.9); 
}

.loot-game-wrapper > .level-wrapper:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 2;
}

.loot-game-wrapper > .level-wrapper .gradiant-border.border-left {
    left: 0;
    transform: scaleX(-1);
    z-index: 2;
}

.loot-game-wrapper > .level-wrapper .gradiant-border.border-right {
    right: 0;
    z-index: 2;
}

.level-wrapper .logo{
    width: 714px;
    height: 200px;
    position: absolute;
    top: 200px;    
    left: calc(50% - 357px);
    background-repeat: repeat-x;
    transform:scale(0.8); 
    
        background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/sprite_logo_fr.png');
    

}

.level-wrapper .logo:after {
  content:'';
  
      background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/sprite_logo_fr.png');
  

}

.level-wrapper .logo.animated
{
  animation:logo-animation 5s steps(1) infinite;  
}

@keyframes logo-animation {
  0% {
      background-position-x:-0%;
    }
  1% {
      background-position-x:-100%;
    }
  2% {
      background-position-x:-200%;
    }
  3% {
      background-position-x:-300%;
    }
  4% {
      background-position-x:-400%;
    }
  5% {
      background-position-x:-500%;
    }
  6% {
      background-position-x:-600%;
    }
  7% {
      background-position-x:-700%;
    }
  8% {
      background-position-x:-800%;
    }
  9% {
      background-position-x:-900%;
    }
  10% {
      background-position-x:-1000%;
    }
  11% {
      background-position-x:-1100%;
    }
  12% {
      background-position-x:-1200%;
    }
  13% {
      background-position-x:-1300%;
    }
  14% {
      background-position-x:-1400%;
    }
  
  100% {
    background-position-x:-1400%; 
  }
}


.loot-game-wrapper > .level-wrapper .level-mask {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:90;
}

.loot-game-wrapper > .level-wrapper > .title {
  display:inline-block;
  position:relative;
  margin-top:400px;
  height:94px;
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_px.png');
  line-height:110px;
  font-size:3rem;
  width:150px;
  z-index:2;
}

.loot-game-wrapper > .level-wrapper > .title.level-bonus {
  width:0;
}

.loot-game-wrapper > .level-wrapper > .title:before,
.loot-game-wrapper > .level-wrapper > .title:after {
  content:'';
  display: block;
  position: absolute;
  top:0;
  width:203px;
  height:100%;
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre.png');
}

.loot-game-wrapper > .level-wrapper > .title .symbol{
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/symbole.png');
  width: 54px;
  height: 54px;
  z-index: 3;
  position: absolute;
}

.loot-game-wrapper > .level-wrapper > .title.bastet .symbol{
  background-position: 500%;
  left: -13px;
  top: 26px;
}

.loot-game-wrapper > .level-wrapper > .title.horus .symbol{
  background-position: 100%;
  left: -24px;
  top: 33px;
}

.loot-game-wrapper > .level-wrapper > .title.isis .symbol{
  background-position: 200%;
  left: -12px;
  top: 25px;
}

.loot-game-wrapper > .level-wrapper > .title.seth .symbol{
  background-position: 300%;
  left: -26px;
  top: 25px;
}

.loot-game-wrapper > .level-wrapper > .title.thot .symbol{
  background-position: 400%;
  left: -23px;
  top: 30px;
}

.loot-game-wrapper > .level-wrapper > .title.bastet:before,
.loot-game-wrapper > .level-wrapper > .title.bastet:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_bastet.png');
}

.loot-game-wrapper > .level-wrapper > .title.horus:before,
.loot-game-wrapper > .level-wrapper > .title.horus:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_horus.png');
}

.loot-game-wrapper > .level-wrapper > .title.isis:before,
.loot-game-wrapper > .level-wrapper > .title.isis:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_isis.png');
}

.loot-game-wrapper > .level-wrapper > .title.seth:before,
.loot-game-wrapper > .level-wrapper > .title.seth:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_seth.png');
}

.loot-game-wrapper > .level-wrapper > .title.thot:before,
.loot-game-wrapper > .level-wrapper > .title.thot:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_thot.png');
}

.loot-game-wrapper > .level-wrapper > .title:before {
  right:100%;
  transform-origin: 100% 50%; 
}
.loot-game-wrapper > .level-wrapper > .title:after {
  left:100%;
  background-position-x:-100%;
  transform-origin: 0 50%; 
}

.loot-game-wrapper > .level-wrapper > .title.blink-countdown {
  animation:blink-countdown 0.3s linear infinite;
}

@keyframes blink-countdown {
  0%,100% {
    color:black;
  }
  50% {
    color:transparent;
  }
}

@supports (-webkit-appearance:none) {
  .loot-game-wrapper > .level-wrapper > .title.flap:before {
      animation: blink-red-left 1s linear infinite;
      transform: perspective( 700px ) rotateY( 0 );
      transform-style: preserve-3d;
    }

  .loot-game-wrapper > .level-wrapper > .title.flap:after {
        animation: blink-red-right 1s linear infinite;
      transform: perspective( 700px ) rotateY( 0 );
      transform-style: preserve-3d;
  }

  @keyframes blink-red-left {
      0% {
          color:red;
          transform: perspective( 700px ) rotateY( 0deg );
      }
      25% {
        transform: perspective( 700px ) rotateY( 4deg );
      }

      50% {
        transform: perspective( 700px ) rotateY( 0deg );
      }
      75% {
        transform: perspective( 700px ) rotateY( -8deg );
      }
      100% {
          color:transparent;
          transform: perspective( 700px ) rotateY( 0deg );
      }
  }
  @keyframes blink-red-right {
      0% {
          color:red;
          transform: perspective( 700px ) rotateY( 0deg );
      }
      25% {
        transform: perspective( 700px ) rotateY( -4deg );
      }

      50% {
        transform: perspective( 700px ) rotateY( 0deg );
      }
      75% {
        transform: perspective( 700px ) rotateY( 8deg );
      }
      100% {
          color:transparent;
          transform: perspective( 700px ) rotateY( 0deg );
      }
  }
}



.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.backdrop{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 1;
}
.modal{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  z-index: 2;
  overflow: hidden;
}

.modal.default{
  padding: 15px;
  background-color: #ddd;
  font-family: 'PharaohCustom', Arial, "Helvetica Neue", Helvetica, sans-serif;
  overflow: visible;
}
.modal.default>.btn-close{
  position: absolute;
  left: calc(100% - 16px);
  bottom: calc(100% - 16px);
  border-radius: 100%;
  border: 3px solid #222;
  font-weight: bold;
  width: 32px;
  height: 32px;
  line-height: 34px;
  font-size: 24px;
  text-align: center;
  background-color: #ddd;
  cursor: pointer;
}
.modal.default>.btn-close:focus,
.modal.default>.btn-close:hover{
  color: #222;
  background-color: #fff;
  border-color: #444;
}

.hidden {
    display: none !important;
}


.ui-component {
    position: fixed;
    z-index: 67;  
    
}

.ui-component:not(.ui-sidebar):not(.ui-cadran), .jeton-container {
	transform:scale(0.8);  
}

.ui-component.ui-component-top {
    top: 119px;
}

.ui-component.ui-component-bottom {
    bottom: 0;
}

.ui-component.ui-component-left {
    left: 211px;
}
 
.ui-component.ui-component-right {
    right: 0; 
}


.ui-component.ui-component-left.ui-component-bottom {
	transform-origin:left bottom;
}

.ui-component.ui-component-left.ui-component-top {
	transform-origin:left top;
}
.ui-component.ui-component-right.ui-component-bottom {
	transform-origin:right bottom;	
}
.ui-component.ui-component-right.ui-component-top, .jeton-container {
	transform-origin:right top;
}
 


.ui-component.ui-level {
    width: 318px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/level/support.png');
    height: 142px;
}

.ui-component.ui-level .btn-level {
    display: block;
    width: 106px;
    height: 142px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/level/bouton_niveau.png');
    position: absolute;
    float: left;
    top:0;
    z-index: 1;
    padding-top:20px;
    font-size:14px;
    color:#463215;
}

.ui-component.ui-level .btn-level.btn-level-1 {
    left: 30px;
    background-position-y: 0;
}

.ui-component.ui-level .btn-level.btn-level-2 {
    left: 213px;
    z-index: 3;
    background-position-y: -142px;
}
.ui-component.ui-level .btn-level.btn-level-2.blink {
    animation-name: level-item-blink;
    animation-duration: 1.5s;
    animation-timing-function: steps(1);
    animation-iteration-count: infinite;
}

.ui-component.ui-level .btn-level.btn-level-2.blink:hover {
    animation-name: none;
}

.ui-component.ui-level .btn-level:hover {
    background-position-x: -106px;
    color:#F6DFBE;
}

.ui-component.ui-level .btn-level.current {
    background-position-x: -212px;
    color:#B7791E;
    text-shadow: 0 0 4px #FFFF4B;
}

.ui-component.ui-level .btn-level .access-counter {
    display:block;
    position:absolute;
    bottom:0;
    right:0;
    background:#F6DFBE;
    padding:2px 4px 0 4px;
    font-size:1.2rem;
    line-height:1.2rem;
    border:2px solid #000;
    border-radius: 50%/5px;
    font-family:grobold;
}

.ui-component.ui-level .btn-level:hover .access-counter {
    background:#351D12;
}

.ui-component.ui-level .sub-level-list {
    position: absolute;
    left: 266px;
    top:0;
    height: 120px;
    width: 85px;
    overflow: hidden;
    padding-right: 44px;
    transition: width 0.5s ease-out;
}

.ui-component.ui-level .sub-level-list:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 35px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/level/support_bouton_jeuxbonus.png');
    width: 44px;
    height: 74px;
}

.ui-component.ui-level .sub-level-list .title {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/level/support_texte_jeuxbonus.png');
    width: 208px;
    height: 30px;
    position: absolute;
    top: 35px;
    right: 100px;
    transition: top 0.5s ease-out;
    padding:6px 3px 0 0;
    font-size:18px;
}

.ui-component.ui-level .sub-level-list .sub-level-list-wrapper {
    position: relative;
    width: 100%;
    height: 74px;
    overflow: hidden;
    margin-top: 35px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/level/support_bouton_jeuxbonus_px.png');
}

.ui-component.ui-level .btn-level.btn-level-2.opened + .sub-level-list,
.ui-component.ui-level .btn-level.btn-level-2:hover + .sub-level-list,
.ui-component.ui-level .btn-level.btn-level-2:focus + .sub-level-list,
.ui-component.ui-level .sub-level-list:hover {
    width:387px; 
}

.ui-component.ui-level .btn-level.btn-level-2.opened + .sub-level-list .title,
.ui-component.ui-level .btn-level.btn-level-2:hover + .sub-level-list .title,
.ui-component.ui-level .btn-level.btn-level-2:focus + .sub-level-list .title,
.ui-component.ui-level .sub-level-list:hover .title {
    top: 5px;
}

.ui-component.ui-level .sub-level-list .sub-level-item {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/level/bouton_jeubonus.png');
    background-size: 500% 400%;
    width: 54px;
    height: 54px;
    float: right;
    margin-top: 10px;
    margin-left: 2px;
    position: relative;
    z-index: 2;
    /*cursor:pointer;*/
    display: block;
    font-family:grobold;
}

.ui-component.ui-level .sub-level-list .sub-level-item .access-counter {
    position:absolute;
    bottom:-2px;
    right:-2px; 
    border-radius: 100%;
    min-width:22px;
    text-align: center;
}


 
.ui-component.ui-level .sub-level-list .sub-level-item.item-1 {
    background-position-x: -108px;
}

.ui-component.ui-level .sub-level-list .sub-level-item.item-1 .access-counter {
    background-color:#E2A729;
    color:#783F18;
    border:2px solid #783F18;
}
.ui-component.ui-level .sub-level-list .sub-level-item.item-1:hover .access-counter {
    background-color:#AD7C12;
    color:#EBC158;
    border:2px solid #EBC158;
}
 
.ui-component.ui-level .sub-level-list .sub-level-item.item-2 {
    background-position-x: -216px;
}

.ui-component.ui-level .sub-level-list .sub-level-item.item-2 .access-counter {
    background-color:#F09B9B;
    color:#621A1A;
    border:2px solid #621A1A;
}
.ui-component.ui-level .sub-level-list .sub-level-item.item-2:hover .access-counter {
    background-color:#AA3535;
    color:#E18A8A;
    border:2px solid #E18A8A;
}
 
.ui-component.ui-level .sub-level-list .sub-level-item.item-3 {
    background-position-x: -162px;
}

.ui-component.ui-level .sub-level-list .sub-level-item.item-3 .access-counter {
    background-color:#7FD77A;
    color:#22631F;
    border:2px solid #22631F;
}
.ui-component.ui-level .sub-level-list .sub-level-item.item-3:hover .access-counter {
    background-color:#2E9029;
    color:#73CB6E;
    border:2px solid #73CB6E;
}
 
.ui-component.ui-level .sub-level-list .sub-level-item.item-4 {
    background-position-x: -0px;
}

.ui-component.ui-level .sub-level-list .sub-level-item.item-4 .access-counter {
    background-color:#D3A1ED;
    color:#5C227B;
    border:2px solid #5C227B;
}
.ui-component.ui-level .sub-level-list .sub-level-item.item-4:hover .access-counter {
    background-color:#8444A5;
    color:#B683D1;
    border:2px solid #B683D1;
}
 
.ui-component.ui-level .sub-level-list .sub-level-item.item-5 {
    background-position-x: -54px;
}

.ui-component.ui-level .sub-level-list .sub-level-item.item-5 .access-counter {
    background-color:#C0D5F0;
    color:#29258F;
    border:2px solid #29258F;
}
.ui-component.ui-level .sub-level-list .sub-level-item.item-5:hover .access-counter {
    background-color:#3D64B3;
    color:#9EB3DD;
    border:2px solid #9EB3DD;
}
 





.ui-component.ui-level .sub-level-list .sub-level-item.item-1 .access-counter {
    position:absolute;
    bottom:0;
    right:0;
}

.ui-component.ui-level .sub-level-list .sub-level-item:hover {
    background-position-y: -54px;
}

.ui-component.ui-level .sub-level-list .sub-level-item:not(.enabled):hover {
    opacity: 0.75;
}

.ui-component.ui-level .sub-level-list .sub-level-item.enabled {
    background-position-y: -54px;
}

.ui-component.ui-level .sub-level-list .sub-level-item.enabled.started {
    animation: sub-level-item-started 1.5s steps(1) infinite; 
    }
 
@keyframes sub-level-item-started {
    50% {
        background-position-y: -108px;
    }
    0%,100% { 
        background-position-y: -54px;
    }
}

@keyframes level-item-blink {
    50% {
        background-position-x: -300%;
    }
    0%,100% { 
        background-position-x: 0%;
    }
}

.ui-component.ui-level .sub-level-list .sub-level-item.enabled:hover {
    background-position-y: -108px;
}

.ui-component.ui-level .sub-level-list .sub-level-item.enabled.current {
    background-position-y: -162px;
    cursor: default;
}

.ui-inventory{
	width: 306px;
	height: auto;
	transition: height 1s, top 0.5s;
}




.inventory-top{
	background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh//hud/inventory/jeton_zone.png');
	height: 76px;
	width: 100%;
	position: relative;
	z-index: 2;
	text-align: center;
	padding-top:6px;
}

.jeton-container{
	display: inline-block;
    white-space: nowrap;
    font-size: 0;
    position: fixed;
    z-index:120;
    top:119px; 
    right:0;
    width:306px;
    text-align: center;
	transition: top 0.5s;
}
.jeton-container > * {
	display: inline-block;
	vertical-align: middle;
}
.jeton-container > .jeton-icon{
	background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh//hud/inventory/jeton.png');
	background-size: 100% 100%;
	width: 50px;
	height: 50px;
}
.jeton-container .jeton-count{
	background-color: #42311F;
	height: 32px;
	line-height: 26px;
	padding: 2px 20px 2px 10px;
	font-size: 1.5rem;
	color: #E0C365;
	font-family: grobold !important;
}



.inventory-bottom, 
.inventory-conversion {
	transition: height 0.5s;
	background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh//hud/inventory/inventaire_px.png');
	height:0;
	overflow: hidden;
	width: 100%;
	background-repeat : repeat-y;
	text-align: center;
}

.inventory-conversion {
	height:auto;
	position: absolute; 
	bottom:100%;
}

.ui-inventory.ui-inventory-level-2 .inventory-bottom {
	text-align: right;
}

.ui-inventory.ui-inventory-level-1.opened .inventory-bottom,
.ui-inventory.ui-inventory-level-2.opened .inventory-bottom {
	height: 159px;
}

.ui-inventory.ui-inventory-level-2 .inventory-bottom .slot {
	margin-right:12px;
	margin-left:0;
}

.ui-inventory.ui-inventory-level-2 .inventory-bottom .slot:first-of-type {
	margin-right:20px;
}
.ui-inventory.ui-inventory-level-2 .slot:first-of-type:after {
	content:'';
	display: block;
	position: absolute;
	height:250%;
	width:2px;
	left:100%;
	margin-left:12px; 
	top:-5%;
	background:rgba(255,255,255,0.2);
}


.inventory-bottom .slot-container{
	background-color: #42311F;
	padding: 0 0 15px 0;
	margin: 5px 18px;
	display: inline-block;
}
.inventory-bottom .slot-container .slot{
	background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh//hud/inventory/bonus.png');
	background-size: 1300% 300%;
	width: 48px;
	height: 48px;
	display: inline-block;
	position: relative;
	margin: 15px 10px 0 0;
	margin-top: 15px;
}
.ui-inventory-level-1 .inventory-bottom .slot-container .slot-sponsor.active:hover,
.ui-inventory-level-1 .inventory-bottom .slot-container .slot-piscine.active:hover,
.ui-inventory-level-1 .inventory-bottom .slot-container .slot-vallee.active:hover  {
	background-position-y:-96px; 
}


	.inventory-bottom .slot-container .slot.slot-piscine {
		background-position-x:-0px;
	} 
	.inventory-bottom .slot-container .slot.slot-sponsor {
		background-position-x:-48px;
	} 
	.inventory-bottom .slot-container .slot.slot-nord {
		background-position-x:-96px;
	} 
	.inventory-bottom .slot-container .slot.slot-vallee {
		background-position-x:-144px;
	} 
	.inventory-bottom .slot-container .slot.slot-lock {
		background-position-x:-192px;
	} 
	.inventory-bottom .slot-container .slot.slot-sud {
		background-position-x:-240px;
	} 
	.inventory-bottom .slot-container .slot.slot-qod {
		background-position-x:-288px;
	} 
	.inventory-bottom .slot-container .slot.slot-loupe {
		background-position-x:-336px;
	} 
	.inventory-bottom .slot-container .slot.slot-hieroglyphe-bird {
		background-position-x:-384px;
	} 
	.inventory-bottom .slot-container .slot.slot-hieroglyphe-man {
		background-position-x:-432px;
	} 
	.inventory-bottom .slot-container .slot.slot-hieroglyphe-king {
		background-position-x:-480px;
	} 
	.inventory-bottom .slot-container .slot.slot-hieroglyphe-hare {
		background-position-x:-528px;
	} 
	.inventory-bottom .slot-container .slot.slot-hieroglyphe-goose {
		background-position-x:-576px;
	} 

.inventory-bottom .slot-container .slot.active[onclick]{
	cursor: pointer;
}

.inventory-bottom .slot-container .slot.active{
	background-position-y: -48px;
}

.inventory-bottom .slot-container .slot .count{
	background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh//hud/inventory/macaron_px.png');
    background-repeat: repeat-x;
    position: absolute;
    bottom: -11px;
    right: 0;
    z-index: 1;
    height: 20px;
    text-align: center;
    font-family: grobold !important;
    font-size: 0.8rem;
}


.inventory-bottom .slot-container .slot .count:before,
.inventory-bottom .slot-container .slot .count:after {
	content:'';
	background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh//hud/inventory/macaron.png');
	width:10px;
	position: absolute;
	top: 0;
    height: 100%;
}

.inventory-bottom .slot-container .slot .count:before{
	right:100%;
}
.inventory-bottom .slot-container .slot .count:after{
	background-position: -100% 0;
	left:100%;
}


.inventory-after{
	display:none;
	background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh//hud/inventory/bouton.png');
	height: 55px;
	width: 100%;
	padding-top:15px;
	text-align: center;
}
.inventory-bottom + .inventory-after {
	display:block;
}

.inventory-after:focus,
.inventory-after:hover{
	background-position: 0 55px;
}
.inventory-after > span{
	display: inline-block;
	background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh//hud/inventory/fleche.png');
	width: 51px;
	height: 18px;
	/*margin: 0 auto;*/
}
.ui-inventory.opened .inventory-after > span{
	transform: rotate(180deg);
}
.inventory-after:focus > span,
.inventory-after:hover > span,
.inventory-after > span:focus,
.inventory-after > span:hover{
	background-position: -51px 0;
}
.inventory-after > span:active{
	background-position: -102px 0;
}

.ui-inventory .conversion-wrapper {
	margin:5px 18px;
	text-align: center; 
}

.ui-inventory .conversion-wrapper .tab-list {
	white-space: nowrap;
	font-size:0;
	text-align: left;
	 
}

.ui-inventory .conversion-wrapper .tab-list .tab {
	display: inline-block;
	vertical-align: bottom; 
	background:#42311F; 
	padding:0.25em;
	font-size:1.3rem; 
	color:#F6DFBE;
	border-radius: 5px 5px 0 0;
}

.ui-inventory .conversion-wrapper .tab-list .tab:not(.active) {
	color:#F6DFBE;
	background:#897056; 
	font-size:1.2rem;
	cursor: pointer;
}


.ui-inventory .conversion-wrapper .tab-content-wrapper .tab-content {
	background:#42311F; 
	padding:0.25em;
	font-size:1rem; 
	color:#F6DFBE; 
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .tab-content:not(.active) {
	display:none;
}


.ui-inventory .conversion-wrapper .tab-content-wrapper .tab-content .conversion-element {
	text-align: center;
	background:#F6DFBE;
	color:#42311F;
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .tab-content .conversion-element:not(.active) {
	display:none;
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .tab-content .conversion-element td {
	text-align: center;
	vertical-align: middle; 
	border:1px solid #F6DFBE;
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .tab-content .conversion-element td:first-of-type {
	font-size:1.3em;
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area {
	width:80%;
	margin:auto;
	position: relative;
	text-align: center;
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0; 
	}
.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area .conv-button {
	position: absolute;
	width: 34px;
	height: 34px;
}
.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area .conv-button:after {
	display: block;
	position: relative;
	background:#F6DFBE;
	border:1px solid #42311F;
	border-radius: 100%;
	
	 
	top:5px; 
	font-size: 50px;
	line-height: 34px;       
	vertical-align: middle;
	font-family: PharaohCustom, serif;
	color:#42311F;
	transition: all 0.15s linear;
	cursor: pointer;
	font-weight:bold;
	}

.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area .conv-button:hover:after
 {
	transform:rotate(180deg) scale(1.2);	
	color:#F6DFBE;
	background:#42311F;
	border:1px solid #FFF;
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area .button-inf {
	right:99%; 
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area .conv-button:after, 
.jeton-container .jeton-add:after {
	position: relative;
	z-index: 2;
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area .button-inf:after{
	content:'-';
}
.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area .button-sup:after, 
.jeton-container .jeton-add:after {
	content:'+'; 
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area .button-sup {
	left:99%;
	}

.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area .btn-conversion{
	margin:3px auto; 
}

.ui-inventory .conversion-wrapper .tab-content-wrapper .conversion-area .btn-conversion.loading {
	animation:button-expend 1s linear infinite; 
}

@keyframes button-expend {
	0%,100% {
		font-size: 1.3rem;
	} 
	50% {
		font-size: 1.5rem;
		line-height:1.9em;    
	}
}

.jeton-container .jeton-add {
	position: relative;
	width: 34px;
	height: 34px;
	left:-10px; 
	display: inline-block;
	vertical-align: middle; 
	background:#F6DFBE; 
	border-radius: 100%; 
	transform-origin: 50% 50%;
	transition: all 0.15s linear; 
	box-sizing: border-box;
 
}
 
.jeton-container .jeton-add:after { 
	position: relative;
	display: block; 
	border:1px solid #42311F;
	border-radius: 100%;
	font-size: 50px;  
	line-height: 32px;   
	height:34px;
	width:34px;
	font-family: PharaohCustom, serif;
	font-weight: bold;
	color:#F6DFBE;
	cursor: pointer;
	box-sizing: border-box;
	}

.jeton-container .jeton-add:before {
	content:'';
	box-sizing: border-box;
	width:28px;
	height:28px;
	top:3px;
	left:3px;  
	position: absolute;
	background:#42311F;
	border-radius: 100%;
}
.jeton-container .jeton-add:hover {
	transform:rotate(180deg) scale(1.2);
}
.ui-component.ui-help {
    width: 158px;
    height: 160px;
}

.ui-component.ui-help .ui-help-button {
    transition:transform 0.1s linear;
    transform-origin: left bottom;
}
.ui-component.ui-help .ui-help-button:not(.active) {
    transform:scale(0.8);
}

.ui-component.ui-help .ui-help-button.active,
.ui-component.ui-help .ui-help-button:hover {
    transform:scale(1);
    /*zoom:80%;*/
}

.ui-component.ui-help .ui-help-button {
	/* display */
	display: block;
	position: relative;
	/* dim */
    width: 100%;
    height: 100%;
    /* position */
    z-index: 2;
    /* background */
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/help/support.png');
    /* cursor */
    cursor: pointer;
    /* Path */
    -webkit-clip-path: circle(102% at 0 100%);
    clip-path: circle(102% at 0 100%);
}

.ui-component.ui-help .ui-help-button:hover {
    background-position: 0 -160px;
}

.ui-component.ui-help .ui-help-button.active {
    background-position: 0 -320px;
}

.ui-component.ui-help .ui-help-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.ui-component.ui-help .ui-help-wrapper .btn-help {
    display: block;
    position: absolute;
    width: 72px;
    height: 72px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/help/buttons.png');
    background-size: 400% 300%;
    bottom: 0;
    left: 0;
    transition: bottom 0.2s ease-in-out, left 0.2s ease-in-out;
    /* clip */
    -webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
    cursor: pointer;
}

.ui-component.ui-help .ui-help-wrapper .btn-help:hover {
	background-position-y:-72px;
}
.ui-component.ui-help .ui-help-wrapper .btn-help:active {
	background-position-y:-144px;
}

.ui-component.ui-help .ui-help-wrapper .btn-help.btn-how-to-play {
    background-position-x: -216px;
    transition-delay: 0.0s;
}

.ui-component.ui-help .ui-help-wrapper .btn-help.btn-rules {
    background-position-x: 0;
    transition-delay: 0.1s;
}

.ui-component.ui-help .ui-help-wrapper .btn-help.btn-reglement {
    background-position-x: -144px;
    transition-delay: 0.2s;
}

.ui-component.ui-help .ui-help-wrapper .btn-help.btn-gifts {
    background-position-x: -72px;
    transition-delay: 0.3s;
}

.ui-component.ui-help .ui-help-wrapper.opened .btn-help.btn-how-to-play {
    bottom: 190px;
    left: 10px;
}

.ui-component.ui-help .ui-help-wrapper.opened .btn-help.btn-rules {
    bottom: 160px;
    left: 100px;
}

.ui-component.ui-help .ui-help-wrapper.opened .btn-help.btn-reglement {
    bottom: 90px;
    left: 160px;
}

.ui-component.ui-help .ui-help-wrapper.opened .btn-help.btn-gifts {
    left: 188px;
    bottom: 10px;
}


.ui-component.ui-sidebar {
	width:212px;;
	bottom:0;
	background:rgba(246, 223, 190, 1.85); 
	z-index: 91;
	border-right:1px solid black;
	left:0 ;
	top:119px ; 
}



.ui-sidebar .page{
	width:100%;
	height:100%;
	position: relative; 
}


.ui-sidebar .page .last-winner-wrapper{
	font-family: PharaohCustom, serif;
	height:100%; 
	overflow: auto;
	position: relative;
}

.ui-sidebar .page .last-winner-wrapper .winner-block{
}

.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element {
	width:95%;
	margin:2px auto;
}

.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element img {
	width:50px; 
	height:50px; 
	margin:0 5px 5px 0;
}

.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element:not(:last-of-type) {
	border-bottom:1px solid rgba(0,0,0,0.5);   
}

.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element {
	font-family: Helvetica, Arial, sans-serif;  
	font-size:12px;
	display: block; 
	position: relative;
}

.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element a {
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
}

.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element a img {
	cursor: pointer;
}

.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot {
    position: absolute;
	bottom:50%;
	transform: translateY(50%);
    right: 0;
    top: auto;
    left: auto;
    opacity: 1;
    margin: 0;
}
.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element img.lot {
    width: 55px;
    height: auto;
}
.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.points,
.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.cheque {
	width: 47px;
	background-color: rgba(234, 255, 232, .5);
	padding: 3px;
	border-radius: 30%;
	font-size: 14px;
	text-align: center;
	box-shadow: 
		1px 1px 0 1px,
		-1px -1px 0 1px,
		1px -1px 0 1px,
		-1px 1px 0 1px;
}
.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.cheque {
	font-weight: bold;
	white-space: nowrap;
}
.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.points.small,
.ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.cheque.small {
	font-size: 10px;
}
html.html-level-grille .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.points,
html.html-level-grille .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.cheque {
	color: #a17636;
}
html.html-level-planete .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.points,
html.html-level-planete .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.cheque {
	color: #995118;
}
html.html-level-horus .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.points,
html.html-level-horus .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.cheque {
	color: #854910;
}
html.html-level-seth .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.points,
html.html-level-seth .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.cheque {
	color: #416E31;
}
html.html-level-thot .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.points,
html.html-level-thot .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.cheque {
	color: #264A96;
}
html.html-level-isis .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.points,
html.html-level-isis .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.cheque {
	color: #951212;
}
html.html-level-bastet .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.points,
html.html-level-bastet .ui-sidebar .page .last-winner-wrapper .winner-block.activitie-element .lot.cheque {
	color: #7D2B5B;
}
.ui-component.ui-cadran {
	position:fixed;
	width:108px;
	height:auto;
	max-width: 108px;
	bottom:10px;
	right:10px;
	z-index: 91;
	transition: width 0.5s linear;
}

.ui-component.ui-cadran:after {
	content:'';
	display: block;
	position:relative;
	width:100%;
	padding-bottom:600%;
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/sprite_jauge.png');
    background-size:1300% auto;
    z-index:1;
} 
 
.ui-component.ui-cadran[data-step="1"]:after {
	background-position:-0% 0; 
}
 
.ui-component.ui-cadran[data-step="2"]:after {
	background-position:-200% 0; 
}
 
.ui-component.ui-cadran[data-step="3"]:after {
	background-position:-400% 0; 
}
 
.ui-component.ui-cadran[data-step="4"]:after {
	background-position:-600% 0; 
}
 
.ui-component.ui-cadran[data-step="5"]:after {
	background-position:-800% 0; 
}
 
.ui-component.ui-cadran[data-step="6"]:after {
	background-position:-1000% 0; 
}
 
.ui-component.ui-cadran[data-step="7"]:after {
	background-position:-1200% 0; 
}



.ui-component.ui-cadran .cadran-area {
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	z-index:2;
	bottom:15.7407407407407%;
}

.ui-component.ui-cadran .cadran-area:hover:after {
	content:'';
	display: block;
	position:absolute;
	height:100%;
	width:12.962962962963%;
	top:0;
	left:50.9259259259259%;
	border-radius:5px 5px;
	box-shadow: 0 0 20px #FFF inset;
}

.ui-component.ui-cadran .cadran-area[data-ordre="1"] {
	background:none;
	height:17.5925925925926%;
	bottom:0px;
	z-index:8;
}

.ui-component.ui-cadran .cadran-area[data-ordre="1"]:hover:after {
	height:10.5263157894737%;
}

.ui-component.ui-cadran .cadran-area[data-ordre="2"] {
	height:10.9567901234568%;
	z-index:7;
}
.ui-component.ui-cadran .cadran-area[data-ordre="3"] {
	height:22.5308641975309%;
	z-index:6;
}
.ui-component.ui-cadran .cadran-area[data-ordre="4"] {
	height:34.1049382716049%;
	z-index:5;
}
.ui-component.ui-cadran .cadran-area[data-ordre="5"] {
	height:45.679012345679%;
	z-index:4;
}
.ui-component.ui-cadran .cadran-area[data-ordre="6"] {
	height:57.2530864197531%;
	z-index:3;
}
.ui-component.ui-cadran .cadran-area[data-ordre="7"] {
	height:68.9814814814815%;
	z-index:2;
}

.ui-component.ui-cadran .cadran-explanation {
	position:absolute;
	z-index:9;
	width:100%;
	
	right:0;
}

.ui-component.ui-cadran .cadran-explanation.explanation-top {
	top:0;
	height:14%;
}
.ui-component.ui-cadran .cadran-explanation.explanation-bottom {
	bottom:0;
	height:13%;
} z {}


html.html-level-error > body {
    background: rgba(44,13,21, 1);
}

html.html-level-error {
	height:100%;
	width:100%;
	overflow:hidden;
}

html.html-level-error > body #pied_de_page_liens{
	display:none;
}

html.html-level-error .loot-game-wrapper {
	width:100%;
    position: fixed;
    top: 0;
    height: 100%;
}



html.html-level-error .loot-game-wrapper {
	width:100%;
}

html.html-level-error .loot-game-wrapper > .error-wrapper {
	width:100%;
	left:0;
	margin-left:0;
	max-height:auto;
}

html.html-level-error .loot-game-wrapper > .error-wrapper .image-wrapper {
	position:relative;
	width:100%; 
}

html.html-level-error .loot-game-wrapper > .error-wrapper .img-background {
	width:100%;
}

.loot-game-wrapper > .level-wrapper.level-error {
    background-size: 100%;
}

html.html-level-error .loot-game-wrapper > .error-wrapper .image-wrapper:after {
	content:'';
	display: block;
	width:100%;
	height:10%;
	bottom:0;
	left:0;
	position: absolute;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a4c65+0,1a4c65+100&0+0,1+99 */
    background: -moz-linear-gradient(top, rgba(44,13,21, 0) 0%, rgba(44,13,21, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(44,13,21, 0) 0%, rgba(44,13,21, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(44,13,21, 0) 0%, rgba(44,13,21, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#002c0d15', endColorstr='#2c0d15', GradientType=0);
    /* IE6-9 */
}

html.html-level-error .level-explanation.explanation-error {  
	transform-origin:100% 50%;   
	border-color:#D0B729;  
	box-shadow:   
		0 0 30px 2px #000 inset,   
		0 0 20px 7px #FFF ;    

} 

html.html-level-error .loot-game-wrapper > .error-wrapper a.logo {
	display: block;
	
	    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/logo_fr.png');
	


	content: '';
	width: 714px;
	height: 200px;
	position: absolute;
	bottom: 30px;
	left: 20px;
	z-index: 1;
	background-size:100% auto;

	width: 499.8px;
	height: 140px;

	transform: perspective(250px)  rotateY( 7deg ) ; 
	bottom:20px;
		transform-origin:0 0;
		left:110px;
		transform-style: preserve-3d;
} z {}


.level-explanation {
	position: absolute;
	right: 10px;
	top: 120px;
	width: 750px;
	font-weight:bold;
	height:75%;
	max-height: 75%;
	font-size:1.5em; 
	border-width: 15px;
	border-style: solid ;
	background:#F6DFBE;
	padding:1em;
	border-radius: 5px;
	z-index: 3;
	transform: perspective(500px) rotateY(-3deg);
}

html.html-level-help .level-explanation.explanation-grille > div > div > div { 
	right:-100% !important;   
}

.level-explanation.ishidden, 
.level-explanation.hide-during-video {
	right: -802px;
	transition: right 0.2s ease-in-out;
} 

.level-explanation.ishidden.display,
.level-explanation.hide-during-video.display {
	right: 10px;
}

.level-explanation a:not(.btn-generic) {
	text-decoration: underline; 
	cursor: pointer;
}
.level-explanation a:not(.btn-generic):hover {
	text-decoration: none;
}


.level-explanation .title {
  display:inline-block;
  position:relative;
  background:red;
  height:94px;
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_px.png');
  line-height:2rem;
  font-size:2rem;
  width:150px;
  padding-top:0.70em;
  font-variant : small-caps;
  font-weight: bold;
}

.level-explanation .title:before,
.level-explanation .title:after {
  content:'';
  display: block;
  position: absolute;
  top:0;
  width:203px;
  height:100%;
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre.png');
}

.level-explanation .title.bastet:before,
.level-explanation .title.bastet:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_bastet.png');
}

.level-explanation .title.horus:before,
.level-explanation .title.horus:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_horus.png');
}

.level-explanation .title.isis:before,
.level-explanation .title.isis:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_isis.png');
}

.level-explanation .title.seth:before,
.level-explanation .title.seth:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_seth.png');
}

.level-explanation .title.thot:before,
.level-explanation .title.thot:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/hud/titre/soustitre_thot.png');
}

.level-explanation .title:before {
  right:100%;
  transform-origin: 100% 50%; 
}
.level-explanation .title:after {
  left:100%;
  background-position-x:-100%;
  transform-origin: 0 50%; 
}

.level-explanation .content{
	margin-top: 15px;
	height: calc(100% - 150px); 
	position: relative;
}

@supports (-webkit-appearance:none) {
  .level-explanation .title.flap:before {
	  animation: flap-left 1s linear infinite;
	  transform: perspective( 700px ) rotateY( 0 );
	  transform-style: preserve-3d;
	}

  .level-explanation .title.flap:after {
		animation: flap-right 1s linear infinite;
	  transform: perspective( 700px ) rotateY( 0 );
	  transform-style: preserve-3d;
  }

  @keyframes flap-left {
	  0% {
		  color:red;
		  transform: perspective( 700px ) rotateY( 0deg );
	  }
	  25% {
		transform: perspective( 700px ) rotateY( 4deg );
	  }

	  50% {
		transform: perspective( 700px ) rotateY( 0deg );
	  }
	  75% {
		transform: perspective( 700px ) rotateY( -8deg );
	  }
	  100% {
		  color:transparent;
		  transform: perspective( 700px ) rotateY( 0deg );
	  }
  }
  @keyframes flap-right {
	  0% {
		  color:red;
		  transform: perspective( 700px ) rotateY( 0deg );
	  }
	  25% {
		transform: perspective( 700px ) rotateY( -4deg );
	  }

	  50% {
		transform: perspective( 700px ) rotateY( 0deg );
	  }
	  75% {
		transform: perspective( 700px ) rotateY( 8deg );
	  }
	  100% {
		  color:transparent;
		  transform: perspective( 700px ) rotateY( 0deg );
	  }
  }
}



.explanation-grille .title {	
	font-size:39px !important;
	line-height:42px;
}


html.html-level-help {
	height:100%;
	width:100%;
	overflow:hidden;
}


html.html-level-seth .level-explanation,
html.html-level-help .level-explanation.explanation-chemin {

	transform-origin:100% 0;  
	border-color:#416E31;
	box-shadow:  
		0 0 30px 2px #000 inset,
		0 0 20px 7px #CDF0CF ;
	transform: perspective( 250px ) rotateY( -3deg ) ; 

} 

html.html-level-horus .level-explanation,
html.html-level-help .level-explanation.explanation-cumul {  

	transform-origin:100% 50%;   
	border-color:#854910;
	box-shadow:  
		0 0 30px 2px #000 inset,
		0 0 20px 7px #DDC58F ;
	transform: perspective( 250px ) rotateY( -3deg ) ;

} 

html.html-level-isis .level-explanation,
html.html-level-help .level-explanation.explanation-ascenseur {  

  transform-origin:100% 50%;   
  border-color:#951212;
  box-shadow:  
	0 0 30px 2px #000 inset,
	0 0 20px 7px #DDC58F ;
  transform: perspective( 250px ) rotateY( -3deg ) ;

}

html.html-level-bastet .level-explanation,
html.html-level-help .level-explanation.explanation-echecs {  

  transform-origin:100% 50%;   
  border-color:#7D2B5B;  
  box-shadow:  
	0 0 30px 2px #000 inset, 
	0 0 20px 7px #FCC1FB ;   
  transform: perspective( 250px ) rotateY( -3deg );  

}

html.html-level-thot .level-explanation,
html.html-level-help .level-explanation.explanation-mastermind {  

  transform-origin:100% 50%;   
  border-color:#264A96;  
  box-shadow:  
	0 0 30px 2px #000 inset, 
	0 0 20px 7px #C5E4F1 ;   
  transform: perspective(250px ) rotateY( -3deg );  

}

html.html-level-grille .level-explanation, 
html.html-level-help .level-explanation.explanation-grille {  

  transform-origin:100% 50%;   
  border-color:#a17636;  
  box-shadow:  
	0 0 30px 2px #a17636 inset, 
	0 0 20px 7px #F1C5C5 ;   
  transform: perspective( 250px ) rotateY( -3deg ) rotateZ(1deg);  

}

html.html-level-planete .level-explanation, 
html.html-level-help .level-explanation.explanation-planete {  

  transform-origin:100% 50%;   
  border-color: #995118;
  box-shadow:  
	0 0 30px 2px #995118 inset, 
	0 0 20px 7px #742c0b ;   
  transform: perspective( 250px ) rotateY( -3deg ) rotateZ(1deg);  

}

html.html-level-isis .level-explanation .title,
html.html-level-help .level-explanation.explanation-ascenseur .title {  
  /*Title is one line*/
  line-height: 4rem;
}

html.html-level-planete .level-explanation .title,
html.html-level-help .level-explanation.explanation-planete .title {  
  /*Title is longer 220 for chrome, 225 for ie, 237 for ff*/
  width: 237px;
}

html.html-level-grille .level-explanation .title,
html.html-level-help .level-explanation.explanation-grille .title {  
  /*Title is longer*/
  width: 160px;
}

html.html-level-help .help-wrapper.echecs {
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/explanation/bastet.jpg');
}
html.html-level-help .help-wrapper.mastermind {
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/explanation/thot.jpg');
}
html.html-level-help .help-wrapper.ascenseur {
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/explanation/isis.jpg');
}
html.html-level-help .help-wrapper.cumul {
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/explanation/horus.jpg');
}
html.html-level-help .help-wrapper.chemin {
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/explanation/seth.jpg');
}
html.html-level-help .help-wrapper.planete {
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/explanation/salle_des_tresors_pharaon.jpg');
}
html.html-level-help .help-wrapper.grille {
  background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/explanation/pyramide.jpg');
}



html.html-level-help > body #pied_de_page_liens{
	display:none;
}
html.html-level-help > body {
	/*background: rgba(44,13,21, 1);*/
	background:#000;
}

html.html-level-help .loot-game-wrapper {
	width:100%;
	position: fixed;
	top: 0;
	height: 100%;
	top:119px;
	height: calc(100% - 119px);
}

html.html-level-help .loot-game-wrapper > .help-wrapper {
	width:100%;
	left:0;
	margin-left:0;
	/*max-height:auto;*/
	height:100%;
	background-size: auto 100%;
	background-position: center;
	background-size:cover; 
}

html.html-level-help .loot-game-wrapper > .help-wrapper a.logo {
	  display: block;
	
	    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/logo_fr.png');
	


	content: '';
	width: 714px;
	height: 200px;
	position: absolute;
	bottom: 30px;
	left: 20px;
	z-index: 1;
	background-size:100% auto;

	width: 499.8px;
	height: 140px;

	transform: perspective(250px)  rotateY( 7deg ) ; 
	bottom:20px;
		transform-origin:0 0;
		left:110px;
		transform-style: preserve-3d;
	/*
	bottom:10%;
	left:25%;
	z-index: 2;
	transition: all 1s linear;
	margin-left: 0px;*/
}
/*
html.html-level-help .loot-game-wrapper > .help-wrapper.loading a.logo {
	transform: perspective(0)  rotateY( 0deg ) rotateZ(0deg) rotateX(0deg) 
		; 
	left:50%;
	margin-left: -357px;

}
*/
html.html-level-help .loot-game-wrapper > .help-wrapper .image-wrapper {
	position:relative;
	width:100%; 
	height:100%;
}

html.html-level-help .loot-game-wrapper > .help-wrapper .img-background {
	width:100%;
}

html.html-level-help .loot-game-wrapper > .help-wrapper video.img-background {
	position: relative;
}

/*html.html-level-help .loot-game-wrapper > .help-wrapper video.img-background {
	animation:shake-it 0.4s steps(1) infinite;
}

@keyframes shake-it{
	0% {
		transform:translateX(0px);
	}
	50% {
		transform:translateX(-0.5px);
	}
	100% {
		transform:translateX(0px);
	}
}*/

.loot-game-wrapper > .level-wrapper.level-error {
	background-size: 100%;
}




html.html-level-help .loot-game-wrapper > .help-wrapper .loader-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:black;
	color:white;
	text-align:center;
}

html.html-level-help .loot-game-wrapper > .help-wrapper .loader-wrapper .loader-text {
	font-size:3rem;
	line-height:3rem;
	position:relative;
	top:calc(50%);
	margin-top:-3rem;
	font-variant:small-caps;
}

html.html-level-help .loot-game-wrapper > .help-wrapper .loader-wrapper .progress {
	position:absolute;
	bottom:0;
	width:0;
	height:1rem;
	background:white;
	left:0;
}

html.html-level-help .loot-game-wrapper > .help-wrapper .loader-wrapper .loader-text > span:nth-of-type(1) {
	visibility: hidden;
	animation:three_dot_dot_one 1.2s steps(6) infinite;
}
html.html-level-help .loot-game-wrapper > .help-wrapper .loader-wrapper .loader-text > span:nth-of-type(2)  {
	visibility: hidden;
	animation:three_dot_dot_two 1.2s steps(6) infinite;
}
html.html-level-help .loot-game-wrapper > .help-wrapper .loader-wrapper .loader-text > span:nth-of-type(3)  {
	visibility: hidden;
	animation:three_dot_dot_three 1.2s steps(6) infinite;
}





html.html-level-grille .level-explanation,
html.html-level-planete .level-explanation,
html.html-level-isis .level-explanation,
html.html-level-horus .level-explanation,
html.html-level-seth .level-explanation,
html.html-level-bastet .level-explanation,
html.html-level-thot .level-explanation {
	position: absolute; 
    z-index: 120;
}

html.html-level-grille .level-explanation .title,
html.html-level-planete .level-explanation .title,
html.html-level-isis .level-explanation .title,
html.html-level-horus .level-explanation .title,
html.html-level-seth .level-explanation .title,
html.html-level-bastet .level-explanation .title,
html.html-level-thot .level-explanation .title {
	box-sizing: border-box;
	line-height: 2rem;
}
/*Cause width is 237 in planete*/
html.html-level-planete .level-explanation .title{
	line-height: 4rem;
}

html.html-level-grille .level-gifts .title,
html.html-level-planete .level-gifts .title,
html.html-level-isis .level-gifts .title,
html.html-level-horus .level-gifts .title,
html.html-level-seth .level-gifts .title,
html.html-level-bastet .level-gifts .title,
html.html-level-thot .level-gifts .title {
	box-sizing: border-box;
	line-height: 4rem;
	width: 170px;
}

html.html-level-grille .level-explanation .content,
html.html-level-planete .level-explanation .content,
html.html-level-isis .level-explanation .content,
html.html-level-horus .level-explanation .content,
html.html-level-seth .level-explanation .content,
html.html-level-bastet .level-explanation .content,
html.html-level-thot .level-explanation .content
{
	position: relative;
    height: calc(100% - 150px);
    margin-top: 30px; 
    overflow:auto;
}

html.html-level-grille .level-explanation .content table,
html.html-level-planete .level-explanation .content table,
html.html-level-isis .level-explanation .content table,
html.html-level-horus .level-explanation .content table,
html.html-level-seth .level-explanation .content table,
html.html-level-bastet .level-explanation .content table,
html.html-level-thot .level-explanation .content table {
	width: 100%;
	table-layout: fixed;
}

html.html-level-horus .level-explanation .content table.shrink{
	/*width: auto;*/
}

html.html-level-grille .level-explanation .content table th,
html.html-level-planete .level-explanation .content table th,
html.html-level-isis .level-explanation .content table th,
html.html-level-horus .level-explanation .content table th,
html.html-level-seth .level-explanation .content table th,
html.html-level-bastet .level-explanation .content table th,
html.html-level-thot .level-explanation .content table th {
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
	border-bottom: 1px solid #000;
}

html.html-level-grille .level-explanation .content table th:first-child,
html.html-level-planete .level-explanation .content table th:first-child,
html.html-level-isis .level-explanation .content table th:first-child,
html.html-level-horus .level-explanation .content table th:first-child,
html.html-level-seth .level-explanation .content table th:first-child,
html.html-level-bastet .level-explanation .content table th:first-child,
html.html-level-thot .level-explanation .content table th:first-child {
	width: 100px;
}

html.html-level-grille .level-explanation .content table td,
html.html-level-planete .level-explanation .content table td,
html.html-level-isis .level-explanation .content table td,
html.html-level-horus .level-explanation .content table td,
html.html-level-seth .level-explanation .content table td,
html.html-level-bastet .level-explanation .content table td,
html.html-level-thot .level-explanation .content table td {
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #BCBCBC;
}

html.html-level-grille .level-explanation .content table td:first-child,
html.html-level-planete .level-explanation .content table td:first-child,
html.html-level-isis .level-explanation .content table td:first-child,
html.html-level-horus .level-explanation .content table td:first-child,
html.html-level-seth .level-explanation .content table td:first-child,
html.html-level-bastet .level-explanation .content table td:first-child,
html.html-level-thot .level-explanation .content table td:first-child {
	text-align: center;
	width: 100px;
}


html.html-level-grille .level-explanation .content table td.gain-text,
html.html-level-planete .level-explanation .content table td.gain-text,
html.html-level-isis .level-explanation .content table td.gain-text,
html.html-level-horus .level-explanation .content table td.gain-text,
html.html-level-seth .level-explanation .content table td.gain-text,
html.html-level-bastet .level-explanation .content table td.gain-text,
html.html-level-thot .level-explanation .content table td.gain-text {
	padding-right : 129px;
}

html.html-level-grille .level-explanation table td.gain-count span,
html.html-level-planete .level-explanation table td.gain-count span,
html.html-level-isis .level-explanation table td.gain-count span,
html.html-level-horus .level-explanation table td.gain-count span,
html.html-level-seth .level-explanation table td.gain-count span,
html.html-level-bastet .level-explanation table td.gain-count span,
html.html-level-thot .level-explanation table td.gain-count span {
/*	background-color: #fff;
	padding: 5px;
	height: 60px;
    min-width: 60px;
    line-height: 60px;
    border-radius: 100%;*/
    display: inline-block;
/*    box-shadow: 
    	2px 1px 2px 2px #555,
    	4px 2px 4px 4px #888;*/
}

html.html-level-grille .level-explanation .content table td .gain-description,
html.html-level-planete .level-explanation .content table td .gain-description,
html.html-level-isis .level-explanation .content table td .gain-description,
html.html-level-horus .level-explanation .content table td .gain-description,
html.html-level-seth .level-explanation .content table td .gain-description,
html.html-level-bastet .level-explanation .content table td .gain-description,
html.html-level-thot .level-explanation .content table td .gain-description {
    font-size: 18px;
}

html.html-level-grille .level-explanation .content table td.gain-text .gain,
html.html-level-planete .level-explanation .content table td.gain-text .gain,
html.html-level-isis .level-explanation .content table td.gain-text .gain,
html.html-level-horus .level-explanation .content table td.gain-text .gain,
html.html-level-seth .level-explanation .content table td.gain-text .gain,
html.html-level-bastet .level-explanation .content table td.gain-text .gain,
html.html-level-thot .level-explanation .content table td.gain-text .gain {
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
}

html.html-level-grille .level-explanation .content table td.gain-text .gain.prix,
html.html-level-grille .level-explanation .content table td.gain-text .gain.points,
html.html-level-planete .level-explanation .content table td.gain-text .gain.prix,
html.html-level-planete .level-explanation .content table td.gain-text .gain.points,
html.html-level-isis .level-explanation .content table td.gain-text .gain.prix,
html.html-level-isis .level-explanation .content table td.gain-text .gain.points,
html.html-level-horus .level-explanation .content table td.gain-text .gain.prix,
html.html-level-horus .level-explanation .content table td.gain-text .gain.points,
html.html-level-seth .level-explanation .content table td.gain-text .gain.prix,
html.html-level-seth .level-explanation .content table td.gain-text .gain.points,
html.html-level-bastet .level-explanation .content table td.gain-text .gain.prix,
html.html-level-bastet .level-explanation .content table td.gain-text .gain.points,
html.html-level-thot .level-explanation .content table td.gain-text .gain.prix,
html.html-level-thot .level-explanation .content table td.gain-text .gain.points {
    padding: 15px;
    border-radius: 30%;
    display: inline-block;
    font-size: 42px;
    text-shadow: 5px 3px 2px #000000;
}

html.html-level-grille .level-explanation .content table td.gain-text .gain.prix,
html.html-level-grille .level-explanation .content table td.gain-text .gain.points {
    background-color: #AAA;
    color: white;
}

html.html-level-planete .level-explanation .content table td.gain-text .gain.prix,
html.html-level-planete .level-explanation .content table td.gain-text .gain.points {
    background-color: #AAA;
    color: white;
}

html.html-level-isis .level-explanation .content table td.gain-text .gain.prix,
html.html-level-isis .level-explanation .content table td.gain-text .gain.points {
    background-color: #854910;
    color: white;
}

html.html-level-horus .level-explanation .content table td.gain-text .gain.prix,
html.html-level-horus .level-explanation .content table td.gain-text .gain.points {
    background-color: #854910;
    color: white;
}

html.html-level-seth .level-explanation .content table td.gain-text .gain.prix,
html.html-level-seth .level-explanation .content table td.gain-text .gain.points {
    background-color: #416E31;
    color: white;
}

html.html-level-bastet .level-explanation .content table td.gain-text .gain.prix,
html.html-level-bastet .level-explanation .content table td.gain-text .gain.points {
    background-color: #7D2B5B;
    color: white;
}

html.html-level-thot .level-explanation .content table td.gain-text .gain.prix,
html.html-level-thot .level-explanation .content table td.gain-text .gain.points {
    background-color: #264A96;
    color: white;
}

html.html-level-grille .level-explanation .content table td.gain-text .gain.dropshadow,
html.html-level-planete .level-explanation .content table td.gain-text .gain.dropshadow,
html.html-level-isis .level-explanation .content table td.gain-text .gain.dropshadow,
html.html-level-horus .level-explanation .content table td.gain-text .gain.dropshadow,
html.html-level-seth .level-explanation .content table td.gain-text .gain.dropshadow,
html.html-level-bastet .level-explanation .content table td.gain-text .gain.dropshadow,
html.html-level-thot .level-explanation .content table td.gain-text .gain.dropshadow {
    padding: 15px;
    -webkit-filter: drop-shadow(3px 3px 3px black);
	filter: drop-shadow(3px 3px 3px black);
    box-sizing: border-box;
} z {}


html.html-level-grille > body {
    background: rgba(26, 76, 101, 1);
}

.loot-game-wrapper > .level-wrapper.level-grille video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index:1;
    
}

.loot-game-wrapper > .level-wrapper.level-grille {
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/background_28-3.jpg') no-repeat;
    background-size: 100%;
}

.loot-game-wrapper > .level-wrapper.level-grille:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a4c65+0,1a4c65+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(26,76,101,0) 0%, rgba(26,76,101,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(26,76,101,0) 0%,rgba(26,76,101,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(26,76,101,0) 0%,rgba(26,76,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a4c65', endColorstr='#1a4c65',GradientType=0 ); /* IE6-9 */


}

.loot-game-wrapper > .level-wrapper.level-grille .gradiant-border {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a4c65+0,1a4c65+100&0+0,1+100 */
    background: -moz-linear-gradient(left,  rgba(26,76,101,0) 0%, rgba(26,76,101,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(26,76,101,0) 0%,rgba(26,76,101,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(26,76,101,0) 0%,rgba(26,76,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a4c65', endColorstr='#1a4c65',GradientType=1 ); /* IE6-9 */
    position: absolute;
    top: 0;
    height: 100%;
    width: 150px;
}

.loot-game-wrapper > .level-wrapper.level-grille .level-mask {
    background-color:rgba(26,76,101,0.5)
}


.loot-game-wrapper > .level-wrapper.level-grille:before {
    content: '';
    position: absolute;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/anim/vegetation.png');
    width: 2000px;
    height: 544px;
    top:1315px;
    left: 460px;
    z-index: 4;
}

html.html-level-grille .animation {
    position: absolute;
    animation-iteration-count: infinite;
    transition-duration: 0s;
    z-index: 3;
}

html.html-level-grille .animation.pre-animate {
    transition-property: right, top, bottom, left;
    transition-timing-function: linear;
}

html.html-level-grille .animation-bird {
    width: 246px;
    height: 200px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/anim/sprite_ibis.png');
    right: -246px;
    top: 500px;
    background-position-x: 0;
}

html.html-level-grille .animation-bird.animate {
    animation-name: animation-bird;
    animation-duration: 1s;
    animation-timing-function: steps(8);
    right: 700px;
    top: -200px;
}

html.html-level-grille .animation-pyramid {
    width: 131px;
    height: 116px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/anim/sprite_pyramide.png');
    left: 788px;
    top: 429px;
    animation-iteration-count: 1;
    background-position-x: 0;
}

html.html-level-grille .animation-pyramid.animate {
    animation-name: animation-pyramid;
    animation-duration: 0.5s;
    animation-timing-function: steps(10, start);
}

html.html-level-grille .animation-scorpio,
html.html-level-grille .animation-scorpio-reverse {
    width: 102px;
    height: 62px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/anim/sprite_scorpion.png');
    animation-iteration-count: 10;
}

html.html-level-grille .animation-scorpio-reverse {
    transform: scaleX(-1);
}

html.html-level-grille .animation-scorpio,
html.html-level-grille .animation-scorpio-reverse.animate {
    right: 1890px;
    /*top: 1440px;*/
    top:1650px;
}

html.html-level-grille .animation-scorpio.animate,
html.html-level-grille .animation-scorpio-reverse {
    right: 900px;
    /*960px de large*/
    /*top: 1440px;*/
    /*top: 1627px;*/
    top:1650px;
}

html.html-level-grille .animation-scorpio.animate,
html.html-level-grille .animation-scorpio-reverse.animate {
    animation-name: animation-scorpio;
    animation-duration: 0.25s;
    animation-timing-function: steps(5);
}

html.html-level-grille .animation-snake,
html.html-level-grille .animation-snake-reverse {
    width: 192px;
    height: 28px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/anim/sprite_serpent.png');
    animation-iteration-count: infinite;
}

html.html-level-grille .animation-snake-reverse {
    transform: scaleX(-1);
}

html.html-level-grille .animation-snake,
html.html-level-grille .animation-snake-reverse.animate {
    right: 790px;
    /*top: 1440px;*/
    /*top: 1627px;*/
    top:1650px;
}

html.html-level-grille .animation-snake.animate,
html.html-level-grille .animation-snake-reverse {
    right: 1890px;
    /*top: 1440px;*/
    /*top: 1627px;*/
    top:1650px;
}

html.html-level-grille .animation-snake.animate,
html.html-level-grille .animation-snake-reverse.animate {
    animation-name: animation-snake;
    animation-duration: 0.5s;
    animation-timing-function: steps(4);
}

@keyframes animation-bird {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1968px 0;
    }
}

@keyframes animation-pyramid {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1310px 0;
    }
}

@keyframes animation-scorpio {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -510px 0;
    }
}

@keyframes animation-snake {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -768px 0;
    }
}

.level-grille > .grid {
    width: 1012px;
    left: 954px;
    top: 83px;
    position: relative;
    overflow: visible;
    z-index: 50;
    max-height: 782px;
}

.level-grille > .grid:before {
    content:'';
    display: block;
    position:absolute;
    width:1027px;
    height:356px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/statue_pretre.png');
    left:-7px;
    top:-90px; 
}

.level-grille > .grid .grid-shuffle,
.level-grille > .grid .grid-loading {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:782px;
    z-index: 10;
    color:white;
    font-variant:small-caps;
    font-weight:bold;
    font-size:3.5rem;
    padding:10rem 2rem;
    text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000, 2px -2px 2px #000;

}

.level-grille > .grid .grid-shuffle > span:nth-of-type(1),
.level-grille > .grid .grid-loading > span:nth-of-type(1) {
    visibility: hidden;
    animation:three_dot_dot_one 1.2s steps(6) infinite;
}
.level-grille > .grid .grid-shuffle > span:nth-of-type(2),
.level-grille > .grid .grid-loading > span:nth-of-type(2) {
    visibility: hidden;
    animation:three_dot_dot_two 1.2s steps(6) infinite;
}
.level-grille > .grid .grid-shuffle > span:nth-of-type(3),
.level-grille > .grid .grid-loading > span:nth-of-type(3) {
    visibility: hidden;
    animation:three_dot_dot_three 1.2s steps(6) infinite;
}

@keyframes three_dot_dot_one {
    0% {
        visibility: hidden;
    }
    20% {
        visibility: hidden;
    }
    40% {
        visibility: visible;
    }
    60% {
        visibility: visible;
    }
    80% {
        visibility: visible;
    }
    100% {
        visibility: visible;
    }
}
@keyframes three_dot_dot_two {
    0% {
        visibility: hidden;
    }
    20% {
        visibility: hidden;
    }
    40% {
        visibility: hidden;
    }
    60% {
        visibility: visible;
    }
    80% {
        visibility: visible;
    }
    100% {
        visibility: visible;
    }
}


@keyframes three_dot_dot_three {
    0% {
        visibility: hidden; 
    }
    20% {
        visibility: hidden;
    }
    40% {
        visibility: hidden;
    }
    60% {
        visibility: hidden;
    }
    80% {
        visibility: visible;
    }
    100% {
        visibility: visible;
    }
}

.level-grille > .grid .pretre-pillar {
    position:absolute;
    width:100px;
    height:200px;
    text-align: center;
}


.level-grille > .grid .pretre-pillar img {
    display: inline-block;
    border-radius: 100%;
    width:36px;
    height:36px;
}

.level-grille > .grid .pretre-pillar div.point {
    margin-top:20px;
}

.level-grille > .grid .pretre-pillar div.point span {
    background:#E9AD26;
    padding:2px 3px 0 3px;
    font-size:1.1rem;
    line-height:1.1rem;
    border:2px solid #000;
    border-radius: 5px;
    box-shadow: 0px 3px 3px 0px rgba(255,255,255,0.5) inset, 0px -2px 3px 0px rgba(0,0,0,0.5) inset;
    font-family : grobold;
    white-space: nowrap; 
} 

.level-grille > .grid .pretre-pillar div.point span.changing {
    background:#FFF;
}

.level-grille > .grid #pillar-pretre-1 {
    top:53px;
    left:-5px; 
}

.level-grille > .grid #pillar-pretre-2 {
    top:-78px;
    left:136px;
}
.level-grille > .grid #pillar-pretre-3 {
    top:-78px;
    left:775px;
}

.level-grille > .grid #pillar-pretre-4 {
    top:53px;
    left:916px;
}



.level-grille > .grid:after {
    content: '';
    clear: both;
}

.level-grille > .grid > .grid-header {
    position:absolute;
    bottom:100%;
    height:54px;
    left:268px;
    width:476px;
    text-align: center;
    font-size:1.05rem;
    padding-top:0.3em;
    text-transform:capitalize;
}
.level-grille > .grid > .grid-besace-title {
    position: absolute;
    width:366px;
    left:322px;
    top:145px;
    color:#6F5A3F;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 15px;
}
.level-grille > .grid > .grid-besace-background {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/besace/fond.jpg');  
    width:366px;
    height:138px;
    position: absolute;
    left:322px;
    top:138px;
}
.level-grille > .grid > .grid-besace {
    position:absolute;

    left:332px;
    top:146px;
    width:348px;
    height:122px;
    
    overflow: hidden;


    height:98px;
    top:166px;
}

.level-grille > .grid > .grid-besace > .slot {
    position: absolute;
    display: block; 
    top:3px;
    width:82px;
    height:115px;
    left:-86px; /*86*/
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/besace/cases.png');
	background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;
    text-align: center;

    opacity: 0;
    overflow: hidden;

    top:0;
    height:98px;
}

.level-grille > .grid > .grid-besace > span.slot {
    opacity: 1;
}

.level-grille > .grid > .grid-besace > span.slot.removed {
    top:100px !important; 
} 


.level-grille > .grid > .grid-besace > .slot:not(.used):before {
    content:'';
    display: block;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/besace/cadeau.png');
    background-size: 100% 100%;
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;

}

.level-grille > .grid > .grid-besace > div.slot:nth-last-of-type(5) {
    left:4px;
    opacity: 1;
}
.level-grille > .grid > .grid-besace > div.slot:nth-last-of-type(4) {
    left:90px;
    opacity: 1;
}
.level-grille > .grid > .grid-besace > div.slot:nth-last-of-type(3) {
    left:176px;
    opacity: 1;
}
.level-grille > .grid > .grid-besace > div.slot:nth-last-of-type(2) {
    left:262px;
    opacity: 1;
}
.level-grille > .grid > .grid-besace > div.slot:nth-last-of-type(1) {
    left:348px;
}

.level-grille > .grid > .grid-besace > .slot img {
    position:relative;
    display: block;
    position: absolute;
    width:63px;
    top:9px;
    left:9px; 
    height:auto;

    transition: width 0.2s linear;
}

.level-grille > .grid > .grid-besace > .slot.merged  img {

    left:0;
    width:100%;
}
.level-grille > .grid > .grid-besace > .slot img.blinkgift {
    animation:blink-gift-besace 0.2s linear infinite;
}

@keyframes blink-gift-besace {
    0%,100% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
}


.level-grille > .grid > .grid-besace > .slot .progress-wrapper {
    display: block;
    position:absolute;
    height:15px;
    bottom:0px;
    left:50%;
    margin-left:-29px;
    width:58px;
    transition: opacity 0.2s linear;

    bottom:5px;
}

.level-grille > .grid > .grid-besace > .slot .progress-wrapper:after {
    content:'';
    display:block;
    position: absolute;
    top:0;
    left:-5px;
    width:68px;
    height:100%;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/besace/barre.png');
}

.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress {
    display: block;
    position: relative;
    top:5px;
    height:5px;
    background-color:#00F912;
    transition: background-color 0.5s linear;
}


.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 100"],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 9"],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 8"] {
    background-color:#00F912;
    }
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 7"],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 6"],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 5"]{
    background-color:#ADCF00;
    }
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 4"],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 3"],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 2"]{
    background-color:#DCC100;
    }
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 1"]:not([style^="width: 100"]),
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 9."],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 8."],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 7."],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 6."],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 5."],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 4."],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 3."],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 2."],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 1."],
.level-grille > .grid > .grid-besace > .slot .progress-wrapper .progress[style^="width: 0."] {
    background-color:#DCC100;
    }

.level-grille > .grid > .grid-besace > .slot.merged .progress-wrapper {
    opacity:0;
    }

.level-grille > .grid > .grid-besace.merging > .slot:not(.merged):nth-child(even) {
    top:-100%;
}
.level-grille > .grid > .grid-besace.merging > .slot:not(.merged):nth-child(odd) {
    top:100%;
}

.level-grille > .grid > .grid-besace.merging > .slot.merged {
    animation-name: shake-little;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.level-grille > .grid > .grid-besace.merging > .slot.merged-1 {
    left:90px;
    animation-direction: normal;
}
.level-grille > .grid > .grid-besace.merging > .slot.merged-2 {
    left:176px;
    animation-direction: reverse;
}

.level-grille > .grid > .grid-besace > .slot .mask-lock {
    display: none;
}

.level-grille > .grid > .grid-besace > .slot.locked:after {
    content:'';
}

.level-grille > .grid > .grid-besace > .slot.ask-lock .mask-lock,
.level-grille > .grid > .grid-besace > .slot.locked:after {
    display:block;
    position: absolute;
    top:0;
    left:0;
    width:82px;
    height:100%;
    z-index: 1;
    background-image:url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/bonus_182x181.png');
    background-repeat: repeat-x;
    background-size:1400% auto; 
    background-position:-100% center; 
    z-index:2; 
    background-color: rgba(85, 67, 39, 0.5);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 8px; 
    cursor:pointer;
}



.level-grille > .grid > .case-wrapper {
    width: 46px;
    height: 46px;
    float: left;
    position: relative;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/case_ouverte.png');
    background-size: 100% 100%;

}

.level-grille > .grid > .case-wrapper[data-pool] {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/case_1.png');
    background-size: auto 100%;
    background-size: 1000% 100%;
    background-position: -414px 0;
}

.level-grille > .grid > .case-wrapper .front-face,
.level-grille > .grid > .case-wrapper .content-face {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.level-grille > .grid > .case-wrapper .content-face .countdown {
    position:absolute;
    right:0;
    bottom:0;
    width:50%;
    height:50%;
    z-index: 3;
}

.level-grille > .grid > .case-wrapper .content-face .countdown canvas {
    width:100%;
    height:100%;
}

.level-grille > .grid > .case-wrapper .front-face {
    z-index: 5;
}

.level-grille > .grid > .case-wrapper .content-face:not(.content-type-lot):after {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 1;
    background-image:url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/bonus.png');
    background-repeat: no-repeat;
    background-position:46px 0; 
}

.level-grille > .grid > .case-wrapper .content-face.content-type-nord:after {
    background-position:-322px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-sud:after {
    background-position:-368px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-sponsor:after {
    background-position:-276px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-qod:after {
    background-position:-230px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-fermeture:after {
    background-position:-184px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-dague:after {
    background-position:-138px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-piscine:after {
    background-position:-0px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-lock:after {
    background-position:-46px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-cadran_down:after {
    background-position:-460px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-cadran_up:after {
    background-position:-414px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-vallee:after {
    background-position:-92px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-butin:after {
    background-position:-506px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-melange_lot:after {
    background-position:-552px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-gift:after {
    background-position:-598px 0;
}
.level-grille > .grid > .case-wrapper .content-face.content-type-loupe:after {
    background-position:-644px 0;
}


html.html-level-grille .level-explanation .gain .gain-text .gain.grille-butin,
html.html-level-grille .level-explanation .gain .gain-text .gain.grille-bonus {
    content:'';
    display:inline-block;
    top:0;
    left:0;
    width:182px;
    height:181px;
    z-index: 1;
    background-image:url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/bonus_182x181.png');
    background-size:auto 100%;
}

html.html-level-grille .level-explanation .gain.nord {
    background-position:-700% 0; 
}
html.html-level-grille .level-explanation .gain.sud {
    background-position:-800% 0; 
}
html.html-level-grille .level-explanation .gain.sponsor {
    background-position:-600% 0; 
}
html.html-level-grille .level-explanation .gain.qod {
    background-position:-500% 0; 
}
html.html-level-grille .level-explanation .gain.fermeture {
    background-position:-400% 0; 
}
html.html-level-grille .level-explanation .gain.dague {
    background-position:-300% 0; 
}
html.html-level-grille .level-explanation .gain.piscine {
    background-position:-0% 0; 
}
html.html-level-grille .level-explanation .gain.lock {
    background-position:-100% 0; 
}
html.html-level-grille .level-explanation .gain.cadran_down {
    background-position:-1000% 0; 
}
html.html-level-grille .level-explanation .gain.cadran_up {
    background-position:-900% 0; 
}
html.html-level-grille .level-explanation .gain.vallee {
    background-position:-200% 0; 
}
html.html-level-grille .level-explanation .gain.butin {
    background-position:-1100% 0; 
}
html.html-level-grille .level-explanation .gain.melange_lot {
    background-position:-1200% 0; 
}
html.html-level-grille .level-explanation .gain.gift {
    background-position:-1300% 0; 
}
html.html-level-grille .level-explanation .gain.loupe {
    background-position:-1400% 0; 
}




.level-grille > .grid > .case-wrapper:nth-child(1) {
    margin-left: 230px;
}

.level-grille > .grid > .case-wrapper:nth-child(13) {
    margin-left: 184px;
    clear: left;
}

.level-grille > .grid > .case-wrapper:nth-child(27) {
    margin-left: 138px;
    clear: left;
}

.level-grille > .grid > .case-wrapper:nth-child(43) {
    margin-left: 92px;
    clear: left;
}

.level-grille > .grid > .case-wrapper:nth-child(53) {
    margin-left: 46px;
    clear: left;
}

.level-grille > .grid > .case-wrapper:nth-child(65) {
    clear: left;
}


/** Zone des pretres */

.level-grille > .grid > .case-wrapper:nth-child(48),
.level-grille > .grid > .case-wrapper:nth-child(59),
.level-grille > .grid > .case-wrapper:nth-child(72) {
    margin-left: 368px;
}

.level-grille > .grid > .case-wrapper.case-closed .front-face,
.level-grille > .grid > .case-wrapper.case-closed .content-face {
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.level-grille > .grid > .case-wrapper.case-closed .front-face {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/case_anim.png');
    background-position: 0 0;
    cursor: pointer;
	background-size: 2000% 100%;
}

.level-grille > .grid > .case-wrapper.case-closed:hover .front-face {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/case_1.png');
    background-size: 1000% 100%;
    background-position: -46px 0;
}

.level-grille > .grid > .case-wrapper[data-pool].case-closed .front-face {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/case_nil_anim.png');
}
.level-grille > .grid > .case-wrapper[data-pool].case-closed:hover .front-face {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/case_1.png');
    background-size: 1000% 100%;
    background-position: -368px 0;
}

.level-grille > .grid > .case-wrapper.case-opening .front-face,
.level-grille > .grid > .case-wrapper.case-closing .front-face {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/case_anim.png');
    background-repeat: no-repeat;
    animation-timing-function: steps(20);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	background-size: 2000% 100%;
}

.level-grille > .grid > .case-wrapper[data-pool].case-opening .front-face,
.level-grille > .grid > .case-wrapper[data-pool].case-closing .front-face {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/case_nil_anim.png');
}

.level-grille > .grid > .case-wrapper.case-opening .front-face {
    animation-name: case-grille-opening;
    animation-duration: 1s;
}

.level-grille > .grid > .case-wrapper .content-face {
    overflow: hidden;
    border-radius: 5px;
}

.level-grille > .grid > .case-wrapper .content-face img,
.level-grille > .grid > .case-wrapper .content-face span {
    position: relative;
    z-index: 2;
}

.level-grille > .grid > .case-wrapper .content-face img {
    display: block;
    width: 90%;
    top:10%;
    left:5%; 
    height: auto;
    position:relative;
    width:150%;
    top:0;
    left:-25%;
    z-index:1; 
    background:white;
    transition:all  .2s linear;
}

.level-grille > .grid > .case-wrapper .content-face:hover img {
    width: 120%;
    top:10%;
    left:-10%; 
}


.level-grille > .grid > .case-wrapper .content-face span {
    display: block;
    width: 100%;
    font-size: 1.1em;
    height:100%;
    padding-top: 0.8em;
    letter-spacing: -0.10em;
    overflow: hidden;
    font-weight: bold;
    color:#30261A;
}

.level-grille > .grid > .case-wrapper .content-face:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/case_1.png');
    background-size: 1000% 100%;
} 

.level-grille > .grid > .case-wrapper .content-face.content-type-lot:before {
    z-index:2;
}

.level-grille > .grid > .case-wrapper .content-face.pretre-c1:before {
    background-position: -276px 0;
}
.level-grille > .grid > .case-wrapper .content-face.pretre-c2:before {
    background-position: -230px 0;
}
.level-grille > .grid > .case-wrapper .content-face.pretre-c3:before {
    background-position: -138px 0;
}
.level-grille > .grid > .case-wrapper .content-face.pretre-c4:before {
    background-position: -184px 0;
}

.level-grille > .grid > .case-wrapper.case-opened .front-face {
    display: none;
}

.level-grille > .grid > .case-wrapper.case-closing .front-face {
    animation-name: case-grille-closing;
    animation-duration: 0.5s;
}

.level-grille > .grid > .case-wrapper.case-closed.waiting .front-face {
    animation-name: shake-little;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}


body .jdm-modale.grille-modale {
    position:fixed;
    width:100px;
    height:100px;
    
    left:50%;
    width:1240px;
    height:508px;
    margin-left:-514px;
    z-index:97;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/popup.png');

    bottom:-508px;
    transition: bottom 0.5s ease-in-out;
    box-sizing: border-box;
    padding-right:3px;
}

.never-show-again-wrapper {
    user-select: none;
}
.never-show-again-wrapper input {
    width:30px; 
    height:30px; 
    vertical-align: middle;
}


body .jdm-modale.grille-modale .modal-header .close-button {
    position: absolute;
    display: block;
    background: #E0A939;
    box-shadow: 0px 3px 3px 0px rgba(255,255,255,0.5) inset, 0px -2px 3px 0px rgba(0,0,0,0.5) inset;
    right: -10px;
    bottom: -15px;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    text-align: center;
    border: 2px solid black;
    transition: opacity 0.5s linear;
    opacity: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: PharaohCustom;
    font-weight: bold;
    user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    font-family: grobold;

}

body .jdm-modale.grille-modale .modal-header .close-button:hover {
    background: #F0BC52; 
}

body .jdm-modale.grille-modale .modal-header .close-button:active {
    box-shadow: 0px -3px 3px 0px rgba(255,255,255,0.5) inset, 0px 2px 3px 0px rgba(0,0,0,0.5) inset;
}


body .jdm-modale.grille-modale .modal-header {
    text-align: center;
}

body .jdm-modale.grille-modale.tiny-modale .modal-header {
    cursor:pointer;
}

body .jdm-modale.grille-modale .modal-header .avatar-round {
    width:100px;
    height:100px;
    border-radius: 100%;
    border:2px solid #000;
}

body .jdm-modale.grille-modale.tiny-modale.displayed {
    bottom:-380px; 
}

body .jdm-modale.grille-modale.displayed {
    bottom:0px;
}

body .jdm-modale.grille-modale.displayed:not(.tiny-modale) .modal-header .close-button {
    opacity: 1;
    }

body .jdm-modale.grille-modale .modal-header {
    margin:auto;
    width:744px;
    height:148px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/cadeau.png');
    margin-top: -2px;
    position: relative;
    transition: margin-top 0.5s ease-in-out;
}
body .jdm-modale.grille-modale .modal-body {
    margin:auto;
    width:744px;
    padding:0 20px;
    height:auto;
    min-height: 40px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/zonetexte_px.png');
    background-repeat: repeat-y;
    overflow: hidden;
}

body .jdm-modale.grille-modale .modal-body table {
    width:100%;
    text-align: center;
}

body .jdm-modale.grille-modale .modal-body.animate {
    transition:height 0.5s ease-in-out 0.5s; 
}

body .jdm-modale.grille-modale .modal-footer {
    margin:auto;
    width:744px;
    min-height:18px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/zonetexte_bas.png');
    background-repeat: no-repeat;
    text-align: center;
    padding-top:20px;
}

body .jdm-modale.grille-modale .modal-header.type-nord {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/sceptre.png');
}

body .jdm-modale.grille-modale .modal-header.type-sud {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/fouet.png');
}
body .jdm-modale.grille-modale .modal-header.type-sponsor {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/pharaoh.png');
}
body .jdm-modale.grille-modale .modal-header.type-qod {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/scarabee.png');
}
body .jdm-modale.grille-modale .modal-header.type-fermeture {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/anubis.png');
}
body .jdm-modale.grille-modale .modal-header.type-dague {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/dague.png');
}
body .jdm-modale.grille-modale .modal-header.type-piscine {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/don_du_nil.png');
}
body .jdm-modale.grille-modale .modal-header.type-loupe {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/oeilhorus.png');
}
body .jdm-modale.grille-modale .modal-header.type-butin {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/butin.png');
}
body .jdm-modale.grille-modale .modal-header.type-cadran-down {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/nout.png');
}
body .jdm-modale.grille-modale .modal-header.type-cadran-up {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/ra.png');
}
body .jdm-modale.grille-modale .modal-header.type-vallee {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/vallee_des_rois.png');
}
body .jdm-modale.grille-modale .modal-header.type-melange-lot {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/apophis.png');
}
body .jdm-modale.grille-modale .modal-header.type-point {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/cadeau.png');
}
body .jdm-modale.grille-modale .modal-header.type-lot {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/cadeau.png');
}
body .jdm-modale.grille-modale .modal-header.type-lock {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/osiris.png');
}


body .jdm-modale.grille-modale .modal-header.type-nord-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/sceptre_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-sud-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/fouet_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-sponsor-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/pharaoh_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-qod-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/scarabee_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-fermeture-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/anubis_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-dague-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/dague_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-piscine-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/don_du_nil_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-loupe-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/oeilhorus_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-butin-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/butin_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-cadran-down-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/nout_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-cadran-up-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/ra_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-vallee-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/vallee_des_rois_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-melange-lot-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/apophis_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-lock-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/osiris_02.png');
}
body .jdm-modale.grille-modale .modal-header.type-point-deja,
body .jdm-modale.grille-modale .modal-header.type-lot-deja {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/deja/cadeau_02.png');
}

body .jdm-modale.grille-modale .modal-header.type-point-deja span.point,
body .jdm-modale.grille-modale .modal-header.type-point span.point {
    font-size:2rem;
    position: relative;
    top:2rem; 
    }
body .jdm-modale.grille-modale .modal-header.type-point-deja span.point span,
body .jdm-modale.grille-modale .modal-header.type-point span.point span {
    color:#000;  
    text-shadow: 
        1px 1px 2px #E0A939,
        1px -1px 2px #E0A939,
        -1px -1px 2px #E0A939,
        -1px 1px 2px #E0A939,
        2px 2px 2px #B7791E,  
        2px -2px 2px #B7791E,  
        -2px -2px 2px #B7791E,  
        -2px 2px 2px #B7791E   
        ;
    font-weight: bold;

}

body .jdm-modale.grille-modale .modal-header.type-point-deja span.point span:first-of-type,
body .jdm-modale.grille-modale .modal-header.type-point span.point span:first-of-type {
    display: block;
    font-size:3rem;
}

body .jdm-modale.grille-modale .modal-header.type-cadeau {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/popup/haut_popup/cadeau.png');
}

body .jdm-modale.grille-modale .modal-header.type-cadeau img {
    display: inline-block;
    max-height: 100%;
}

body .jdm-modale.grille-modale .hr-pretre {
    border:1px solid #AC9C85;
    width:80%;
}
body .jdm-modale.grille-modale .pretre-box-wrapper {
    width:50%;
    margin:auto;
    overflow:auto;
    padding:20px;
    position: relative;
    margin-top:10px;
}

body .jdm-modale.grille-modale .pretre-box-wrapper.semi-col {
    width:100%; 
    display: inline-block;
    padding:14px;
    }

body .jdm-modale.grille-modale .pretre-box-wrapper:before,
body .jdm-modale.grille-modale .pretre-box-wrapper:after {
    box-sizing: border-box;
    content:'';
    position:absolute;
    
    border:2px solid #000;
}
body .jdm-modale.grille-modale .pretre-box-wrapper:before {
    z-index: 1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: #E0A939; 
    box-shadow: 0px 3px 3px 0px rgba(255,255,255,0.5) inset, 0px -2px 3px 0px rgba(0,0,0,0.5) inset;
}

body .jdm-modale.grille-modale .pretre-box-wrapper:after {
    z-index: 2;
    left:10px;
    right:10px;
    top:10px;
    bottom:10px;
}

body .jdm-modale.grille-modale .pretre-box-wrapper:not(.new-pretre) > div > div {
    float:left;
    position: relative;
    z-index: 3;
}

body .jdm-modale.grille-modale .pretre-box-wrapper > div {
    position: relative;
    z-index: 3;
    } 

body .jdm-modale.grille-modale .pretre-box-wrapper .pretre-avatar {
    width:20%;
}
body .jdm-modale.grille-modale .pretre-box-wrapper .pretre-avatar img {
    width:100%;
    height:auto;
    border:2px solid #000;
}

body .jdm-modale.grille-modale .pretre-box-wrapper .pretre-detail {
    width:80%;
}

body .jdm-modale.grille-modale .pretre-box-wrapper.semi-col .pretre-avatar {
    width:10%;   
}

body .jdm-modale.grille-modale .pretre-box-wrapper.semi-col .pretre-detail {
    width:90%;   
}


body .jdm-modale.grille-modale .pretre-box-wrapper.semi-col .pretre-detail .btn {
    height:24px;
    font-size:1rem; 
    line-height: 24px;
}

body .jdm-modale.grille-modale .pretre-box-wrapper.semi-col .pretre-detail .btn:before,
body .jdm-modale.grille-modale .pretre-box-wrapper.semi-col .pretre-detail .btn:after {
    width:6px;
}


body .jdm-modale.grille-modale .pretre-box-wrapper.pretre-1:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b393d+0,e9504d+100 */
    background: rgb(155,57,61); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(155,57,61,1) 0%, rgba(233,80,77,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(155,57,61,1) 0%,rgba(233,80,77,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(155,57,61,1) 0%,rgba(233,80,77,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b393d', endColorstr='#e9504d',GradientType=1 ); /* IE6-9 */
}

body .jdm-modale.grille-modale .pretre-box-wrapper.pretre-2:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e759e+0,57c6e4+100 */
    background: rgb(62,117,158); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(62,117,158,1) 0%, rgba(87,198,228,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(62,117,158,1) 0%,rgba(87,198,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(62,117,158,1) 0%,rgba(87,198,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e759e', endColorstr='#57c6e4',GradientType=1 ); /* IE6-9 */
}


body .jdm-modale.grille-modale .pretre-box-wrapper.pretre-3:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69a754+0,b5ec93+100 */
    background: rgb(105,167,84); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(105,167,84,1) 0%, rgba(181,236,147,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(105,167,84,1) 0%,rgba(181,236,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(105,167,84,1) 0%,rgba(181,236,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69a754', endColorstr='#b5ec93',GradientType=1 ); /* IE6-9 */

}
body .jdm-modale.grille-modale .pretre-box-wrapper.pretre-4:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#beac4a+0,f1ec67+100 */
    background: rgb(190,172,74); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(190,172,74,1) 0%, rgba(241,236,103,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(190,172,74,1) 0%,rgba(241,236,103,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(190,172,74,1) 0%,rgba(241,236,103,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beac4a', endColorstr='#f1ec67',GradientType=1 ); /* IE6-9 */

}


body .jdm-modale.grille-modale .pretre-box-wrapper.new-pretre {
    display: table;
}

body .jdm-modale.grille-modale .pretre-box-wrapper.new-pretre > div > div {
    display: table-cell;
    vertical-align: middle;
    width:auto;
    }

body .jdm-modale.grille-modale .pretre-box-wrapper.new-pretre > div > div:last-child {
    padding:2px;
}
body .jdm-modale.grille-modale .pretre-box-wrapper.new-pretre > div > div:first-child {
    height:135px;
    width:90px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/statue_pretre.png'); 
    vertical-align: top;
}

body .jdm-modale.grille-modale .pretre-box-wrapper.pretre-1.new-pretre > div > div:first-child {
    background-position: 0 -131px; /* rouge */
}
body .jdm-modale.grille-modale .pretre-box-wrapper.pretre-2.new-pretre > div > div:first-child {
    background-position: -141px 0; /* bleu */
}
body .jdm-modale.grille-modale .pretre-box-wrapper.pretre-3.new-pretre > div > div:first-child {
    background-position: -796px 0; /* vert */
    transform:scaleX(-1);
}
body .jdm-modale.grille-modale .pretre-box-wrapper.pretre-4.new-pretre > div > div:first-child {
    background-position: -937px -131px; /* jaune */
    transform:scaleX(-1); 
}

body .jdm-modale.grille-modale .pretre-box-wrapper.new-pretre > div > div:first-child img {
    border-radius: 100%;
    width:36px;
    height:36px;
    position:relative;
    top:12px;   
    left:8px;
}

body .jdm-modale.grille-modale .pretre-box-wrapper.new-pretre:not(.pretre-1):not(.pretre-2) > div > div:first-child img {
    transform: scaleX(-1); 
    left:-8px;  
}




body .jdm-modale.grille-modale table.membre-opener {
    table-layout: fixed;  
    width:100%; 
}   

body .jdm-modale.grille-modale table.membre-opener img {
    border:2px solid black;
    box-shadow: 
        0 0 0 6px #DEA839
        ,0 0 0 8px #000
        ,4px 4px 8px 4px #AAA;  
    width:84px;
}

body .jdm-modale.grille-modale table.membre-opener td:first-child {
    width:20%; 
    padding-top: 6px;
}

body .jdm-modale.grille-modale table.membre-opener td:last-child {
    text-align: left;
}

body .jdm-modale.grille-modale .poold-line {
    display: inline-block;
    width:50%;
}

body .jdm-modale.grille-modale .poold-line:nth-child(odd) {
    text-align: right;
}
body .jdm-modale.grille-modale .poold-line:nth-child(even) {
    text-align: left;
}

body .jdm-modale.grille-modale .poold-line:nth-child(odd):last-child {
    text-align: center;
}

body .jdm-modale.grille-modale .poold-line img {
    display: inline-block; 
    vertical-align: middle;
    height:2em;
    border-radius: 100%;
    border:2px solid black;
}
body .jdm-modale.grille-modale .poold-list .poold-line:not(:first-child):not(:last-child):before {
    content:',';
    margin:auto 10px auto 2px;
    font-size:2em; 
}

body .jdm-modale.grille-modale .poold-list .poold-line:last-child:not(:first-child):before {
    content:'et';
    margin:auto 10px; 
    }

@keyframes case-grille-opening {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -920px 0;
    }
}

@keyframes case-grille-closing {
    from {
        background-position: -920px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes shake-little {
    2% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    4% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    6% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    8% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    10% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    12% {
        transform: translate(0px, 1px) rotate(0.5deg);
    }
    14% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    16% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    18% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    20% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    22% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    24% {
        transform: translate(0px, 1px) rotate(0.5deg);
    }
    26% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    28% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    30% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    32% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    34% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    36% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    38% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    40% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    42% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    44% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    46% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    48% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    50% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    52% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    54% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    56% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    58% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    60% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    62% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    64% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    66% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    68% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    70% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    72% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    74% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    76% {
        transform: translate(0px, 1px) rotate(0.5deg);
    }
    78% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    80% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    82% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    84% {
        transform: translate(0px, 0px) rotate(0.5deg);
    }
    86% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    88% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    90% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    92% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    94% {
        transform: translate(1px, 0px) rotate(0.5deg);
    }
    96% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    98% {
        transform: translate(1px, 1px) rotate(0.5deg);
    }
    0%,
    100% {
        transform: translate(0, 0) rotate(0);
    }
}




/*region Game-cadeau */
    html.html-level-grille body > .game-cadeau {
        position:fixed;
        background:red;
        width:932px;
        height:586px;
        z-index:96;
        left:50%;
        top:-50%;
        margin-top:-293px;
        margin-left:-360px; 
        background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/cadeau/background.png') no-repeat;
        /*transition: top 0.5s ease-in-out;*/
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-text { 
        position:absolute;
        width:56%;
        bottom:420px;
        left:18.8%;
        padding:1rem;
        box-sizing: border-box;
        background:#F2C151;
        border:2px solid #000;
        border-radius: 20px;
        box-shadow: 0px 3px 3px 0px rgba(255,255,255,0.5) inset, 0px -2px 3px 0px rgba(0,0,0,0.5) inset;
        text-align: center;
        transition:bottom 10s linear;
    }

    .game-cadeau .game-cadeau-text:before,
    .game-cadeau .game-cadeau-text:after { 
        content:'';
        overflow: hidden;
        position:absolute;
        width:0;
        height:0;
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-text:before { 
        background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/cadeau/sprite_ra.png') no-repeat -9999px -9999px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-text:after { 
        background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/cadeau/sprite_nout.png') no-repeat -9999px -9999px; 
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille {
        /*background:rgba(155,0,0,0.5);*/
        position:absolute;
        top:166px;
        width:472px;
        left:200px;
        height:368px;
    } 

    html.html-level-grille body > .game-cadeau .game-cadeau-grille .case {
        position:absolute;
        width:0;
        height:0;
        background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/cadeau/cases.png');
        background-repeat: repeat;
        background-size:400% auto;
        clip-path: circle(54% at 50% 50%);
        border-radius:100%; 
        transform-origin: 50% 50%;
        transition: transform 0.25s linear, left 10s linear, top 10s linear;
        transform:rotate(0deg);
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille .case.locked {
        
        animation-delay: 0.25s;
        animation-name: case-cadeau-locked;
        animation-duration: 0.7s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

    @keyframes case-cadeau-locked {
        from {
            transform:rotate(0deg);
        }
        to {
            transform:rotate(360deg);
        }


    }

    @supports (-webkit-appearance:none) {
        html.html-level-grille body > .game-cadeau .game-cadeau-grille .case {
            transform:scale(1.0) perspective( 700px ) rotateY( 0deg );
            box-shadow: 0 0 0 #000; 
            transition: transform 0.25s linear,box-shadow 0.25s linear, left 10s linear, top 10s linear;
        }
        html.html-level-grille body > .game-cadeau .game-cadeau-grille .case.locked {
            transform:scale(1.025);    
            box-shadow: 0 0 10px #000;
        }

        @keyframes case-cadeau-locked {
            0% {
                transform:scale(1.025) perspective( 700px ) rotateY( 0deg );
                box-shadow: 0 0 10px #000;
            }
            25% {
                transform:scale(1.025) perspective( 700px ) rotateY( 10deg );
                box-shadow: -3px 0 10px #000;
            }
            75% {
                transform:scale(1.025) perspective( 700px ) rotateY( -10deg );
                box-shadow: 3px 0 10px #000;
            }
            100% {
                transform:scale(1.025) perspective( 700px ) rotateY( 0deg );
                box-shadow: 0 0 10px #000;
            }
        }
    }





    html.html-level-grille body > .game-cadeau .game-cadeau-grille .case:not(.result):hover {
        background-position:-100% 0;
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille .case.result {
        background-size:900% auto;
        animation-timing-function: steps(8);
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-name: case-cadeau-opening;
        animation-duration: 0.8s;
        background-repeat: repeat-x;
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille .case.result-fast {
        animation-duration: 0.4s;
        }

    @keyframes case-cadeau-opening {
        from {
            background-position: 0% 0;
        }
        to {
            /*background-position: -460px 0;*/
            background-position: -800% 0;
        }
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille .case.result-win {
        background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/cadeau/sprite_ra.png');
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille .case.result-lose {
        background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/cadeau/sprite_nout.png');
    }


    /** Grille Taille 2 */
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-2 .case {
        width:186px;
        height:186px;
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-2 .case:nth-child(1) {
        top:60px;
        left:252px;
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-2 .case:nth-child(2) {
        top:60px;
        left:33px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-2 .case:nth-child(n+3) {
        display:none;
    }

    /** Grille Taille 3 */
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-3 .case {
        width:186px;
        height:186px;
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-3 .case:nth-child(1) {
        top:15px;
        left:252px;
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-3 .case:nth-child(2) {
        top:15px;
        left:33px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-3 .case:nth-child(3) {
        top:185px; 
        left:143px;  
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-3 .case:nth-child(n+4) {
        display:none;
    }
    /** Grille Taille 4 */
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-4 .case {
        width:160px;
        height:160px;
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-4 .case:nth-child(1) {
        top:10px;
        left:66px;
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-4 .case:nth-child(2) {
        top:10px;
        left:246px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-4 .case:nth-child(3) {
        top:180px;
        left:66px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-4 .case:nth-child(4) {
        top:180px;
        left:246px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-4 .case:nth-child(n+5) {
        display:none;
    }





    /** Grille Taille 5 */
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-5 {
        height:388px;
        /*margin-top:-20px;*/
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-5 .case {
        width:150px;
        height:150px;
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-5 .case:nth-child(1) {
        top:55px;
        left:7px;
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-5 .case:nth-child(2) {
        top:5px;
        left:161px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-5 .case:nth-child(3) {
        top:55px;
        left:316px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-5 .case:nth-child(4) {
        top:200px;  
        left:76px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-5 .case:nth-child(5) {
        top:200px;  
        left:246px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-5 .case:nth-child(n+6) {
        display:none;
    }

    /** Grille Taille 6 */
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-6 {
        margin-top:10px;
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-6 .case {
        width:130px;
        height:130px; 
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-6 .case:nth-child(1) {
        top:5px;
        left:27px;
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-6 .case:nth-child(2) {
        top:5px;
        left:171px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-6 .case:nth-child(3) {
        top:5px;
        left:316px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-6 .case:nth-child(4) {
        top:120px;
        left:97px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-6 .case:nth-child(5) {
        top:120px;
        left:243px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-6 .case:nth-child(6) {
        top:236px; 
        left:171px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-6 .case:nth-child(n+7) {
        display:none;
    }

    /** Grille Taille 7 */
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-7 .case {
        width:115px;
        height:115px; 
    }

    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-7 .case:nth-child(1) {
        top:64px;
        left:50px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-7 .case:nth-child(2) {
        top:9px; 
        left:174px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-7 .case:nth-child(3) {
        top:64px;
        left:299px;  
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-7 .case:nth-child(4) {
        top:183px;
        left:50px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-7 .case:nth-child(5) {
        top:128px;
        left:174px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-7 .case:nth-child(6) {
        top:183px;  
        left:299px;  
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-7 .case:nth-child(7) {
        top:247px; 
        left:174px; 
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille.gcg-size-7 .case:nth-child(n+8) {
        display:none;
    }




    html.html-level-grille body > .game-cadeau .game-cadeau-grille .case.case-hide:nth-child(even) {
        top:-9999px !important;
        left:-9999px !important;
    }
    html.html-level-grille body > .game-cadeau .game-cadeau-grille .case.case-hide:nth-child(odd) {
        top:-9999px !important;
        left:9999px !important;
    }




    html.html-level-grille body > .game-cadeau .game-cadeau-text.case-hide {
        bottom:9999px !important;

    }
    html.html-level-grille body > .game-cadeau .final-result {
        position:absolute;
        top:100px;
        width:40%;
        left:250px;
        text-align: center;
        font-size:1.3rem;
    }

    html.html-level-grille body > .game-cadeau .final-result img {
        transform: scale(1.2);
        transform-origin:50% 0;
    }
    html.html-level-grille body > .game-cadeau .final-result img.image-lose {
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
        filter: grayscale(1);
        filter: gray;
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }
/*endregion */

html.html-level-grille body > .game-vallee {
    position:fixed;
    width:1122px; 
    height:426px;
    z-index:96; 
    left:50%;
    bottom:-426px; 
    margin-bottom:-4px; 
    margin-left:-455px;
    transition: bottom 0.5s ease-in-out;
}

html.html-level-grille body > .game-vallee:before {
    content:'';
    display: block;
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/vallee/background.png') no-repeat;
    z-index: 2;
}

html.html-level-grille body > .game-vallee .game-vallee-text { 
    
    position:absolute;
    width:224px;
    bottom:305px;
    left:50%;
    min-height:110px;
    margin-left:-112px;
    padding:1rem;
    box-sizing: border-box;
    background:#ECAD5A;
    border-top:3px solid #000;
    box-shadow: 0px 3px 3px 0px rgba(255,255,255,0.5) inset, 0px -2px 3px 0px rgba(0,0,0,0.5) inset;
    text-align: center;
    z-index: 1;
    border-radius: 5px; 
}
html.html-level-grille body > .game-vallee .game-vallee-text:not(.discret) { 
    transition: bottom 0.5s ease-in-out;
}

html.html-level-grille body > .game-vallee .game-vallee-text.discret {
    visibility: hidden;
}

html.html-level-grille body > .game-vallee .game-vallee-text > span {
    position: relative;
    z-index: 4;
}

html.html-level-grille body > .game-vallee .game-vallee-text > span > span.point {
    font-size:2rem;
    margin:30px auto;
    display: block;
}

html.html-level-grille body > .game-vallee .game-vallee-text > span > span.point > span {
    display: block;
    z-index: 2;
    position: relative;
    color:#F0D36A; 
    text-shadow: 
        1px 1px 5px #CF852E, 1px -1px 5px #CF852E, -1px 1px 5px #CF852E, -1px -1px 5px #CF852E,
        2px 2px 5px #A32F2B, 2px -2px 5px #A32F2B, -2px 2px 5px #A32F2B, -2px -2px 5px #A32F2B
        ;
}

html.html-level-grille body > .game-vallee .game-vallee-text img {
    margin-top:20px;
}

html.html-level-grille body > .game-vallee .game-vallee-text:before,
html.html-level-grille body > .game-vallee .game-vallee-text:after {
    content:'';
    display:block;
    position:absolute;
    
    width:100%;
    height:200%;
    background:#ECAD5A;
}
html.html-level-grille body > .game-vallee .game-vallee-text:before {
    transform-origin: left top;
    transform: rotate(10deg);
    border-left:3px solid #000;
    border-radius: 0px;
    top:0;   
    left:0;
}

html.html-level-grille body > .game-vallee .game-vallee-text:after {
    transform-origin: right top;
    transform: rotate(-10deg);
    border-right:3px solid #000;
    border-radius: 0px;
    top:0;   
    right:0;
}

html.html-level-grille body > .game-vallee .game-vallee-grille {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 3;
}

html.html-level-grille body > .game-vallee .game-vallee-grille .case {
    width:140px;
    height:140px;
    bottom:25px;
    left:50%;
    position: absolute; 
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/vallee/cases.png') -280px 0 no-repeat;
}


html.html-level-grille body > .game-vallee .game-vallee-grille .case:before {
    content:'';
    display: block;
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/vallee/cases.png') no-repeat;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity: 1;
    transition: opacity 0,5s linear;
}

html.html-level-grille body > .game-vallee .game-vallee-grille .case.opened:before {
    opacity: 0;
}

html.html-level-grille body > .game-vallee .game-vallee-grille .case.opened .case-point {
    text-align: center;
    font-size:1.3rem;
    padding-top:2.5rem;
    color:#F0D36A; 
    text-shadow: 
        1px 1px 5px #CF852E, 1px -1px 5px #CF852E, -1px 1px 5px #CF852E, -1px -1px 5px #CF852E,
        2px 2px 5px #A32F2B, 2px -2px 5px #A32F2B, -2px 2px 5px #A32F2B, -2px -2px 5px #A32F2B
        ;
}

html.html-level-grille body > .game-vallee .game-vallee-grille .case.opened img {
    position: relative;
    width:94%;
    top:3%;
    left:3%;
}

html.html-level-grille body > .game-vallee .game-vallee-grille .case:after {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/grille/vallee/loader.gif') center center no-repeat;
    width:100%;
    height:100%;
    opacity: 0;
    transition: opacity 0.3s linear;
    z-index:3;
}

html.html-level-grille body > .game-vallee .game-vallee-grille .case.locked:after {
    opacity: 1;
}
html.html-level-grille body > .game-vallee .game-vallee-grille .case.locked:before,  
html.html-level-grille body > .game-vallee .game-vallee-grille .case:not(.opened):hover:before {
    background-position:-140px 0;
}
/*html.html-level-grille body > .game-vallee .game-vallee-grille .case.opened:before {
    background-position:-280px 0;
}
*/
html.html-level-grille body > .game-vallee .game-vallee-grille .case[data-position="0"] {
    margin-left:-140px;
    }
html.html-level-grille body > .game-vallee .game-vallee-grille .case[data-position="1"] {
    }
html.html-level-grille body > .game-vallee .game-vallee-grille .case[data-position="2"] {
    margin-left:-280px;
    }
html.html-level-grille body > .game-vallee .game-vallee-grille .case[data-position="3"] {
    margin-left:140px;
    }
html.html-level-grille body > .game-vallee .game-vallee-grille .case[data-position="4"] {
    margin-left:-420px;
    }

html.html-level-grille body > .game-vallee .game-vallee-grille .case[data-position="5"] {
    margin-left:280px;
    }
html.html-level-grille body > .game-vallee .game-vallee-grille .case[data-position="6"] {
    margin-bottom: 140px;
    margin-left:280px;
    }
html.html-level-grille body > .game-vallee .game-vallee-grille .case[data-position="7"] {
    margin-bottom: 140px;
    margin-left:-420px;
    }
html.html-level-grille body > .game-vallee .game-vallee-grille .case[data-position="8"] {
    margin-bottom: 140px;
    margin-left:-280px;
    }
html.html-level-grille body > .game-vallee .game-vallee-grille .case[data-position="9"] {
    margin-bottom: 140px;
    margin-left:140px;
    }

html.html-level-grille body > .game-vallee .game-vallee-title {
    position:absolute;
    left:50%;
    z-index:3;
    /*background:red;*/
    top:160px;   
    width:240px;
    margin-left:-120px;
    text-align: center;
    font-size:2em;
    font-weight: bold;
    color:#422F18;
    color:#E8BD49; 
    text-shadow: 1px 1px 0 rgba(140,140,140,0.3) , -1px -1px 1px rgba(0,0,0,0.67) ; 
}

 z {}
 

.loot-game-wrapper .tpd-content,
.loot-game-wrapper .tpd-title {
    font-family:'PharaohCustom';
}

.loot-game-wrapper .tpd-size-large .tpd-content, 
.loot-game-wrapper .tpd-size-large .tpd-title {
	font-size:16px;
}

/* Skins */
/* YELLOW */
.tpd-skin-yellow .tpd-content,
.tpd-skin-yellow .tpd-title,
.tpd-skin-yellow .tpd-close { color: #3A1F0A; }
.tpd-skin-yellow .tpd-background-content,
.tpd-skin-yellow .tpd-background-title {
  background-color: #EAAF27;
}
.tpd-skin-yellow .tpd-background {
  border-width: 1px;
  border-color: rgba(255,255,255,.1);
}
/* line below the title */
.tpd-skin-yellow .tpd-title-wrapper { border-bottom: 1px solid #404040; }
/* spinner */
.tpd-skin-yellow .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-yellow a { color: #ccc; }
.tpd-skin-yellow a:hover { color: #c0c0c0; }


/* BASTET */
.tpd-skin-bastet .tpd-content,  
.tpd-skin-bastet .tpd-title, 
.tpd-skin-bastet .tpd-close { color: #FFF; }  
.tpd-skin-bastet .tpd-background-content,
.tpd-skin-bastet .tpd-background-title { 
  background-color: #903368;  
} 
.tpd-skin-bastet .tpd-background { 
  border-width: 1px; 
  border-color: rgba(255,255,255,.1);
}
/* line below the title */
.tpd-skin-bastet .tpd-title-wrapper { border-bottom: 1px solid #404040; }
/* spinner */
.tpd-skin-bastet .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-bastet a { color: #ccc; }
.tpd-skin-bastet a:hover { color: #c0c0c0; }



/* ISIS */
.tpd-skin-isis .tpd-content,  
.tpd-skin-isis .tpd-title, 
.tpd-skin-isis .tpd-close { color: #FFF; }  
.tpd-skin-isis .tpd-background-content,
.tpd-skin-isis .tpd-background-title { 
  background-color: #973a28;    
} 
.tpd-skin-isis .tpd-background { 
  border-width: 1px; 
  border-color: rgba(255,255,255,.1);
}
/* line below the title */
.tpd-skin-isis .tpd-title-wrapper { border-bottom: 1px solid #404040; }
/* spinner */
.tpd-skin-isis .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-isis a { color: #ccc; }
.tpd-skin-isis a:hover { color: #c0c0c0; }


/* Activities */
.tpd-skin-activities .tpd-content,  
.tpd-skin-activities .tpd-title, 
.tpd-skin-activities .tpd-close { 
  color: #000; 
  text-align: center;
}  
.tpd-skin-activities .tpd-background-content,
.tpd-skin-activities .tpd-background-title { 
  /*background-color: #973a28;    */
  background:rgba(246, 223, 190, 0.85); 
} 
.tpd-skin-activities .tpd-background { 
  border-width: 1px; 
  border-color: rgba(255,255,255,.1);
}
/* line below the title */
.tpd-skin-activities .tpd-title-wrapper { border-bottom: 1px solid #404040; }
/* spinner */
.tpd-skin-activities .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-activities a { color: #000; }
.tpd-skin-activities a:hover { color: #000; }

 z {}


html.html-level-planete > body {
    background-color: #432314;
}
.loot-game-wrapper > .level-wrapper.level-planete {
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/background.jpg') no-repeat;
    background-size: 100%;
}

.loot-game-wrapper > .level-wrapper.level-planete:after {
    background: -webkit-linear-gradient(rgba(67,35,20,0) 0%, rgba(67,35,20,0) 1%, rgba(67,35,20,1) 100%);
    background: -o-linear-gradient(rgba(67,35,20,0) 0%, rgba(67,35,20,0) 1%, rgba(67,35,20,1) 100%);
    background: linear-gradient(rgba(67,35,20,0) 0%, rgba(67,35,20,0) 1%, rgba(67,35,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00432314', endColorstr='#432314',GradientType=0 );
}

.level-planete .level-label{
    width: 650px;
    height: 60px;
    position: absolute;
    left: calc(50% - 325px);
    top: 520px;
    font-size: 36px;
    text-align: center;
    line-height: 60px;
    color: #4b2616;
    font-variant: small-caps;
    font-weight:bold;
    font-family: "PharaohCustom", "Helvetica Neue", Helvetica, sans-serif;
}

.level-planete .items-container{
    width: 1340px;
    height: 1180px;
    position: absolute;
    top: 500px;
    left: 50%;
    overflow: hidden;
    -webkit-transform: translateX(-50%); 
            transform: translateX(-50%);
}



html.html-level-planete body > .case-planete,  
.items-container .case-planete{ 
    display: inline-block; 
    position: absolute;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/sprite_objets.png');
    background-size: 2736px 264px;
    background-repeat: no-repeat;
    transform-origin: center top; 
    cursor:pointer;
}

html.html-level-planete body > .case-planete {
    z-index: 1;
    background:none;
}

html.html-level-planete body > .case-planete:before {
    content:'';
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/sprite_objets.png');
    background-size: 2736px 264px;
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    z-index: 3;
}



.case-planete.cp-1, 
html.html-level-planete body > .case-planete.cp-1:before { 
    background-position-x: -0px;
    width: 42px;
    height: 88px;
}

.case-planete.cp-2, 
html.html-level-planete body > .case-planete.cp-2:before { 
    background-position-x: -76px;
    width: 55px;
    height: 88px;
}

.case-planete.cp-3, 
html.html-level-planete body > .case-planete.cp-3:before { 
    background-position-x: -152px;
    width: 60px;
    height: 88px;
}

.case-planete.cp-4, 
html.html-level-planete body > .case-planete.cp-4:before { 
    background-position-x: -228px;
    width: 50px;
    height: 88px;
}

.case-planete.cp-5, 
html.html-level-planete body > .case-planete.cp-5:before { 
    background-position-x: -304px;
    width: 54px;
    height: 88px;
}

.case-planete.cp-6, 
html.html-level-planete body > .case-planete.cp-6:before { 
    background-position-x: -380px;
    width: 40px;
    height: 88px;
}

.case-planete.cp-7, 
html.html-level-planete body > .case-planete.cp-7:before { 
    background-position-x: -456px;
    width: 78px;
    height: 88px;
}

.case-planete.cp-8, 
html.html-level-planete body > .case-planete.cp-8:before { 
    background-position-x: -532px;
    width: 61px;
    height: 88px;
}

.case-planete.cp-9, 
html.html-level-planete body > .case-planete.cp-9:before { 
    background-position-x: -608px;
    width: 70px;
    height: 88px;
}

.case-planete.cp-10, 
html.html-level-planete body > .case-planete.cp-10:before { 
    background-position-x: -684px;
    width: 52px;
    height: 88px;
}

.case-planete.cp-11, 
html.html-level-planete body > .case-planete.cp-11:before { 
    background-position-x: -760px;
    width: 80px;
    height: 30px;
}

.case-planete.cp-12, 
html.html-level-planete body > .case-planete.cp-12:before { 
    background-position-x: -836px;
    width: 80px;
    height: 88px;
}

.case-planete.cp-13, 
html.html-level-planete body > .case-planete.cp-13:before { 
    background-position-x: -912px;
    width: 80px;
    height: 50px;
}

.case-planete.cp-14, 
html.html-level-planete body > .case-planete.cp-14:before { 
    background-position-x: -988px;
    width: 80px;
    height: 36px;
}

.case-planete.cp-15, 
html.html-level-planete body > .case-planete.cp-15:before { 
    background-position-x: -1064px;
    width: 80px;
    height: 44px;
}

.case-planete.cp-16, 
html.html-level-planete body > .case-planete.cp-16:before { 
    background-position-x: -1140px;
    width: 75px;
    height: 65px;
}

.case-planete.cp-17, 
html.html-level-planete body > .case-planete.cp-17:before { 
    background-position-x: -1216px;
    width: 55px;
    height: 88px;
}

.case-planete.cp-18, 
html.html-level-planete body > .case-planete.cp-18:before { 
    background-position-x: -1292px;
    width: 74px;
    height: 88px;
}

.case-planete.cp-19, 
html.html-level-planete body > .case-planete.cp-19:before { 
    background-position-x: -1368px;
    width: 50px;
    height: 88px;
}

.case-planete.cp-20, 
html.html-level-planete body > .case-planete.cp-20:before { 
    background-position-x: -1444px;
    width: 52px;
    height: 88px;
}

.case-planete.cp-21, 
html.html-level-planete body > .case-planete.cp-21:before { 
    background-position-x: -1520px;
    width: 58px;
    height: 88px;
}

.case-planete.cp-22, 
html.html-level-planete body > .case-planete.cp-22:before { 
    background-position-x: -1596px;
    width: 42px;
    height: 88px;
}

.case-planete.cp-23, 
html.html-level-planete body > .case-planete.cp-23:before { 
    background-position-x: -1672px;
    width: 48px;
    height: 88px;
}

.case-planete.cp-24, 
html.html-level-planete body > .case-planete.cp-24:before { 
    background-position-x: -1748px;
    width: 40px;
    height: 88px;
}

.case-planete.cp-25, 
html.html-level-planete body > .case-planete.cp-25:before { 
    background-position-x: -1824px;
    width: 78px;
    height: 88px;
}

.case-planete.cp-26, 
html.html-level-planete body > .case-planete.cp-26:before { 
    background-position-x: -1900px;
    width: 66px;
    height: 88px;
}

.case-planete.cp-27, 
html.html-level-planete body > .case-planete.cp-27:before { 
    background-position-x: -1976px;
    width: 70px;
    height: 88px;
}

.case-planete.cp-28, 
html.html-level-planete body > .case-planete.cp-28:before { 
    background-position-x: -2052px;
    width: 47px;
    height: 88px;
}

.case-planete.cp-29, 
html.html-level-planete body > .case-planete.cp-29:before { 
    background-position-x: -2128px;
    width: 81px;
    height: 30px;
}

.case-planete.cp-30, 
html.html-level-planete body > .case-planete.cp-30:before { 
    background-position-x: -2204px;
    width: 80px;
    height: 88px;
}

.case-planete.cp-31, 
html.html-level-planete body > .case-planete.cp-31:before { 
    background-position-x: -2280px;
    width: 80px;
    height: 50px;
}

.case-planete.cp-32, 
html.html-level-planete body > .case-planete.cp-32:before { 
    background-position-x: -2356px;
    width: 80px;
    height: 36px;
}

.case-planete.cp-33, 
html.html-level-planete body > .case-planete.cp-33:before { 
    background-position-x: -2432px;
    width: 80px;
    height: 36px;
}

.case-planete.cp-34, 
html.html-level-planete body > .case-planete.cp-34:before { 
    background-position-x: -2508px;
    width: 79px;
    height: 66px;
}

.case-planete.cp-35, 
html.html-level-planete body > .case-planete.cp-35:before { 
    background-position-x: -2584px;
    width: 55px;
    height: 88px;
}

.case-planete.cp-36, 
html.html-level-planete body > .case-planete.cp-36:before { 
    background-position-x: -2660px;
    width: 75px;
    height: 88px;
}



.case-planete:focus,
.case-planete:hover{
    background-position-y: -88px;
}

.case-planete.cp-ouverte{
    background-position-y: -176px;   
}

.fa.fa-bring-to-front{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/bring-to-front.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.fa.fa-bring-to-back{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/bring-to-back.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.bonus.gain{
    position: absolute;
    z-index: 2; 
    transform: scale(0); 
    transition: all 0.4s ease-in-out;
    bottom:0;
}
.bonus.gain.materiel,
.bonus.gain.acces,
.bonus.gain.prix,
.bonus.gain.point{
    right:50%;
}
.bonus.gain.prix,
.bonus.gain.point{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/acces_jeux_bonus.png');
    background-position-x: -500%;
    width: 200px;
    height: 122px;
}
.bonus.gain > div {
    font-size: 23px;
    text-align: center;
    line-height: 40px;
    padding:18px 10%;
    box-sizing: border-box; 
    transform: perspective(500px) rotateY(30deg);  
    width:115%;
    text-align: center;
    font-family: grobold;
    color:#41250E;
}
.gain.acces{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/acces_jeux_bonus.png');
    background-size: 600%;
    width: 200px;
    height: 122px;
}
.gain.acces.small{
    width: 100px;
    height: 61px;
}
.bonus.gain.acces{
    right:50%;
}


.gain.acces.acces-1{
    background-position-x: -0%;
}

.gain.acces.acces-2{
    background-position-x: -100%;
}

.gain.acces.acces-3{
    background-position-x: -200%;
}

.gain.acces.acces-4{
    background-position-x: -300%;
}

.gain.acces.acces-5{
    background-position-x: -400%;
}


.gain.hieroglyphe{
    width: 109px;
    height: 112px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/hieroglyphes_109x112px.png');
    background-size: 500% 100%;
}
.gain.hieroglyphe.small{
    width: 54.5px;
    height: 56px;
}
.bonus.gain.hieroglyphe{
    left:50%; 
    transform-origin:left bottom;
}

.bonus.gain.hieroglyphe.visible {
    left:150%;
    animation-name: bonus-gain-planete-to-right;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
}

.bonus.gain:not(.hieroglyphe) {
    transform-origin:right bottom;
}
.bonus.gain.visible:not(.hieroglyphe) {
    right:150%;
    animation-name: bonus-gain-planete-to-left;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
} 

@keyframes bonus-gain-planete-to-left{
    from {
        transform: scale(0);
        right:50%;
    }
    to {
        transform: scale(1);
        right:150%;   
    }
}

@keyframes bonus-gain-planete-to-right{
    from {
        transform: scale(0);
        left:50%;
    }
    to {
        transform: scale(1);
        left:150%;   
    }
}



.hieroglyphe.hieroglyphe-man{
    background-position-x: -0%;
}

.hieroglyphe.hieroglyphe-hare{
    background-position-x: -100%;
}

.hieroglyphe.hieroglyphe-king{
    background-position-x: -200%;
}

.hieroglyphe.hieroglyphe-bird{
    background-position-x: -300%;
}

.hieroglyphe.hieroglyphe-goose{
    background-position-x: -400%;
}



html.html-level-planete > body > .coffre {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/popup/coffre.png'); 
    width: 416px;
    height: 371px;
    position: absolute;
    top: 1131px;
    left: 50%;
    margin-left:-102px;
    z-index:2;
    display: none;
} 

html.html-level-planete > body > .case-planete:after{
    content: '';
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/popup/halo.png');
    position: absolute;
    display: inline-block; 
    left: 50%;
    width: 795px;
    height: 918px;
    top:50%; 
    margin-top:-459px;
    margin-left:-397px;
    z-index: 0; 
    opacity: 0;
    transition: opacity 0.3s linear;
}

html.html-level-planete > body > .case-planete.halo:after{
    opacity: 1;
    }

.level-planete .statuette,
html.html-level-planete > body > .statuette{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/popup/sprite_statue.png');
    width: 180px;
    height: 224px;
    position: absolute;
    left: 50%;
    margin-left:-90px;
    top: 1242px;  
    z-index: 2;

}


html.html-level-planete > body > .statuette{
    top: 1278px;
    margin-left:16px;
    z-index: 3;
    }

.statuette.animate-ascension{
    animation-name: statuette-ascension;
    animation-duration: 2.2s; 
    animation-timing-function: steps(8);  
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

.statuette.animate-descente {
    animation-name: statuette-descente;
    animation-duration: 0.3s; 
    animation-timing-function: steps(3);  
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes statuette-ascension {
    from{
        background-position-x: 0;
    }
    to{
        background-position-x: -800%;
    }
}



@keyframes statuette-descente {
    from{
        background-position-x: -800%;
    }
    to{
        background-position-x: -1100%;
    }
}





.level-planete .hieroglyphes-container{
    width: 290px;
    height: 218px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1200px;
}
body > .hieroglyphe,
.hieroglyphes-container .hieroglyphe{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/hieroglyphes_tombeau_100x100px.png');
    background-size: 500% 200%;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

.hieroglyphe.animate-blink{ 
    animation-name: blink;
    animation-duration: 1s;
    animation-iteration-count: 4;
    background-position-y: 100%;
}

@keyframes blink{
    0%, 49%{
        background-position-y: 100%;
    }
    50%, 100%{
        background-position-y: 0;
    }
}
.hieroglyphes-container .hieroglyphe.active{
    background-position-y: -100%;
}

 
.hieroglyphes-container .hieroglyphe.hieroglyphe-man:not(.bonus){
    background-position-x: -0%;
    width: 100px;
    height: 100px;  
    left: 7px;
    top: 5px;
    background-size:auto 200%;
}
 
.hieroglyphes-container .hieroglyphe.hieroglyphe-hare:not(.bonus){
    background-position-x: -100%;
    width: 100px;
    height: 100px;  
    left: 160px;
    top: -8px;
    background-size:auto 200%;
}
 
.hieroglyphes-container .hieroglyphe.hieroglyphe-king:not(.bonus){
    background-position-x: -200%;
    width: 100px;
    height: 100px;  
    left: 0px;
    top: 115px;
    background-size:auto 200%;
}
 
.hieroglyphes-container .hieroglyphe.hieroglyphe-bird:not(.bonus){
    background-position-x: -300%;
    width: 100px;
    height: 100px;  
    left: 200px;
    top: 38px;
    background-size:auto 200%;
}
 
.hieroglyphes-container .hieroglyphe.hieroglyphe-goose:not(.bonus){
    background-position-x: -400%;
    width: 100px;
    height: 100px;  
    left: 171px;
    top: 123px;
    background-size:auto 200%;
}
 
body > .hieroglyphe.hieroglyphe-man:not(.bonus){
    left: 920px;
    top: 1242px;
    visibility: initial;
}
 
body > .hieroglyphe.hieroglyphe-hare:not(.bonus){
    left: 1071px;
    top: 1228px;
    visibility: initial;
}
 
body > .hieroglyphe.hieroglyphe-king:not(.bonus){
    left: 916px;
    top: 1351px;
    visibility: initial;
}
 
body > .hieroglyphe.hieroglyphe-bird:not(.bonus){
    left: 1115px;
    top: 1274px;
    visibility: initial;
}
 
body > .hieroglyphe.hieroglyphe-goose:not(.bonus){
    left: 1083px;
    top: 1360px;
    visibility: initial;
}

.case-planete.zoom-50{
    zoom: 50%;
    -moz-transform:scale(0.5);
}

.case-planete.zoom-60{
    zoom: 60%;
    -moz-transform:scale(0.6);
}

.case-planete.zoom-70{
    zoom: 70%;
    -moz-transform:scale(0.7);
}

.case-planete.zoom-80{
    zoom: 80%;
    -moz-transform:scale(0.8);
}

.case-planete.zoom-90{
    zoom: 90%;
    -moz-transform:scale(0.9);
}

.case-planete.zoom-100{
    zoom: 100%;
    -moz-transform:scale(1);
}

.case-planete.zoom-110{
    zoom: 110%;
    -moz-transform:scale(1.1);
}

.case-planete.zoom-120{
    zoom: 120%;
    -moz-transform:scale(1.2);
}

.case-planete.zoom-130{
    zoom: 130%;
    -moz-transform:scale(1.3);
}

.case-planete.zoom-140{
    zoom: 140%;
    -moz-transform:scale(1.4);
}

.case-planete.zoom-150{
    zoom: 150%;
    -moz-transform:scale(1.5);
}

.case-planete.zoom-160{
    zoom: 160%;
    -moz-transform:scale(1.6);
}

.case-planete.zoom-170{
    zoom: 170%;
    -moz-transform:scale(1.7);
}

.case-planete.zoom-180{
    zoom: 180%;
    -moz-transform:scale(1.8);
}

.case-planete.zoom-190{
    zoom: 190%;
    -moz-transform:scale(1.9);
}

.case-planete.zoom-200{
    zoom: 200%;
    -moz-transform:scale(2);
}








html.html-level-planete .planete-modal{
    position: absolute;
    background-color: #f5debe;
    width: 744px;
    left: 50%;
    margin-left:-266px;
    top: 1100px;
    box-sizing:border-box;
    z-index: 7;
}

html.html-level-planete .planete-modal .content-wrapper {
    padding: 20px;
}

html.html-level-planete .planete-modal .content-wrapper img.avatar{
    position: absolute;
    max-width: 80px;
    height: auto;
}

html.html-level-planete .planete-modal h2,
html.html-level-planete .planete-modal p,
html.html-level-planete .planete-modal .footer,
html.html-level-planete .planete-modal .qod_choices{
    text-align: center;
}
html.html-level-planete .planete-modal h2{
    font-size: 30px;
}
html.html-level-planete .planete-modal footer > *{
    display: inline-block;
    vertical-align: middle;
}

html.html-level-planete .planete-modal{
    box-shadow: 
            0 0 0 2px #000 inset,
            0 0 0 10px #cf9a35 inset,
            0 0 0 12px #000 inset;
}

html.html-level-planete .planete-modal.qod p{
    font-size: 26px;
    text-transform: uppercase;
}
html.html-level-planete .planete-modal.qod .qod_text{
    font-size: 22px;
    font-style: italic;
    font-weight: 200;
}
html.html-level-planete .planete-modal.qod footer > .img.scarabee{
    width: 84px;
    height: 84px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/popup/sprite_scarabee.png');
    background-repeat: no-repeat;
}

.qod-animation-region{
    position: absolute;
    background-color: #f5debe;
    z-index: 6;
    box-shadow: 
            0 0 0 2px #000 inset,
            0 0 0 10px #cf9a35 inset,
            0 0 0 12px #000 inset;
    width: 744px;
    left: 50%;
    margin-left:-266px;
    background-repeat: repeat-y;
    top: 1130px;
    overflow: visible !important
}




.qod-animation-region .qod-animation-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 108px;
}
.qod-animation-region .scarabee{
    position: absolute;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/popup/sprite_scarabee.png');
    height: 84px;
    width: 82px; /* 328/4 = 82 */
    left: 50%;
    top: 12px;
    margin-left:-41px; 
}

.qod-animation-region .scarabee.move.left,
.qod-animation-region .scarabee.move.right{
    animation-timing-function: steps(4), linear;
    animation-iteration-count: 6, 1;
    animation-fill-mode: none, forwards;
    animation-duration: 400ms, 2500ms;
}
.qod-animation-region .scarabee.move.right{
    animation-name : scarabee-move, scarabee-right;
}
.qod-animation-region .scarabee.move.left{
    animation-name : scarabee-move, scarabee-left;
}
.qod-animation-region .scarabee.loading {
    animation:scarabee-wait 0.4s ease-in-out infinite;
}

.qod-animation-region .coffre-qod{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/planete/popup/coffre_quitte_double_351x314px.png');    
    height: 314px;
    width: 351px;
    position: absolute;
    bottom: -38px;     
}
.qod-animation-region .coffre-qod:focus,
.qod-animation-region .coffre-qod:hover{
    background-position-x: -100%;
}
.qod-animation-region .coffre-qod:active{
    background-position-x: -200%;
}

.qod-animation-region .coffre-qod.right{
    right: -250px; 
}
.qod-animation-region .coffre-qod.left{
    background-position-y: -100%;
    left: -250px; 
}
.qod-animation-region .coffre-qod.win{
    background-position-x: -300%;
}
.qod-animation-region .coffre-qod.loose{
    background-position-x: -400%;
}

@keyframes scarabee-wait{
    0%,50%,100%{ 
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-30deg);
    }
    75%{
        transform: rotate(30deg);
    }
}

@keyframes scarabee-left{
    0%, 18%{
        transform: rotate(0);
        left: 50%;
    }
    5%, 10% {
        transform: rotate(-30deg);
        left: 50%;
    }
    25%{
        transform: rotate(90deg);
        left: 50%;
    }
    100%{
        transform: rotate(90deg);
        left:10%;
    }
}
@keyframes scarabee-right{
    0%, 10%{
        transform: rotate(0);
        left: 50%;
    }
    5% {
        transform: rotate(30deg);
        left: 50%;
    }
    25%{
        transform: rotate(-90deg);
        left:50%;
    }
    100%{
        transform: rotate(-90deg);
        left:90%;
    }
}
@keyframes scarabee-move{
    from {
        background-position-x: 0%; 
    }
    to{
        background-position-x: -400%; 
    }
}


html.html-level-planete .planete-modal .btn-close{
    position: absolute;
    display: block;
    background: #E0A939;
    box-shadow: 0px 3px 3px 0px rgba(255,255,255,0.5) inset, 0px -2px 3px 0px rgba(0,0,0,0.5) inset;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    text-align: center;
    border: 2px solid black;
    font-family:grobold;
}
html.html-level-planete .planete-modal .btn-close:hover {
    background: #F0BC52; 
}

html.html-level-planete .planete-modal .btn-close:active {
    box-shadow: 0px -3px 3px 0px rgba(255,255,255,0.5) inset, 0px 2px 3px 0px rgba(0,0,0,0.5) inset;
}

html.html-level-planete .planete-modal .btn-close:before {
    content:'X';
    font-size:1.2rem;
    line-height: 2rem;  
    font-weight: bold;
}

html.html-level-planete .planete-modal .btn{
    height:48px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bouton_generique_px.png');
    font-family:grobold;
    background-position-y:-100%;
    font-family: Grobold;
    line-height: 48px;
    font-size: 1.3rem;
    padding: 0 8px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-left:24px; 
    margin-right:24px; 
}
html.html-level-planete .planete-modal .btn:before,
html.html-level-planete .planete-modal .btn:after{
  content:'';
  position:absolute;
  display: block;
  top:0;
  height:100%;
  background-position-y:-100%;
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bouton_generique.png');
  width:12px;
}
html.html-level-planete .planete-modal .btn:before {
  right:100%;
}
html.html-level-planete .planete-modal .btn:after {
  left:100%; 
  background-position-x: 100%;
}
html.html-level-planete .planete-modal .btn:hover,
html.html-level-planete .planete-modal .btn:hover:before,
html.html-level-planete .planete-modal .btn:hover:after{
  background-position-y:-200%;
}
html.html-level-planete .planete-modal .btn:active,
html.html-level-planete .planete-modal .btn:active:before,
html.html-level-planete .planete-modal .btn:active:after{
  background-position-y:-300%;
}



.planete-modal .collection-wrapper {
    display: block;
    background:#35ACC1; 
    padding:10px;
    border-radius: 5px;
    box-shadow: 0 3px 10px -3px #000 inset;
} z {}



html.html-level-bastet > body {
    background-color: #9C4357;
}
.loot-game-wrapper > .level-wrapper.level-bastet {
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bastet/background.jpg') no-repeat;
    background-size: 100%;
}

.loot-game-wrapper > .level-wrapper.level-bastet:after {
    background: -webkit-linear-gradient(rgba(156,67,87,0) 0%, rgba(156,67,87,0) 1%, rgba(156,67,87,1) 100%);
    background: -o-linear-gradient(rgba(156,67,87,0) 0%, rgba(156,67,87,0) 1%, rgba(156,67,87,1) 100%);
    background: linear-gradient(rgba(156,67,87,0) 0%, rgba(156,67,87,0) 1%, rgba(156,67,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009C4357', endColorstr='#9C4357',GradientType=0 );
}

.loot-game-wrapper > .level-wrapper.level-bastet .gradiant-border {
    background: -moz-linear-gradient(left,  rgba(156,67,87,0) 0%,rgba(156,67,87,0) 1%, rgba(156,67,87,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(156,67,87,0) 0%,rgba(156,67,87,0) 1%, rgba(156,67,87,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(156,67,87,0) 0%,rgba(156,67,87,0) 1%, rgba(156,67,87,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009C4357', endColorstr='#9C4357',GradientType=1 ); /* IE6-9 */
    position: absolute;
    top: 0;
    height: 100%;
    width: 150px;
}

.level-bastet .level-label{
    position: absolute;
    top: 532px;
    left: calc(50% - 305px);
    width: 610px;
    height: 40px;
    line-height: 40px;
    font-family: "PharaohCustom";
    color: white;
    font-size: 36px;
    font-variant: small-caps;
    font-weight:bold;
}
.level-bastet .game-wrapper{
    position: absolute;
    top: 600px;
    left: calc(50% - 520px);
    width: 1040px;
    height: 800px;
    text-align: left;
    font-size: 0;
}

.level-bastet .game-wrapper .grid-wrapper{
    width: 746px;
    margin: 27px;
}
.level-bastet .game-wrapper .grid-wrapper,
.level-bastet .aside-wrapper{
    display: inline-block;
    font-size: 1rem;
    height: 746px;
    vertical-align: top;
}

.level-bastet .game-wrapper:before,
.level-bastet .game-wrapper:after,
.level-bastet .game-wrapper .grid-wrapper:before, 
.level-bastet .game-wrapper .grid-wrapper:after {
    content:'';
    display: block;
    position: absolute;
    color:#491835;
    font-size:1rem;
}

.level-bastet .game-wrapper:before,
.level-bastet .game-wrapper:after  {
    content:'>';
    font-family: PharaohCustom; 
    width:50px;  
    height:2px;   
    background:#491835;
    overflow: visible;
    color:#491835; 
    line-height: 2px;
    padding-left:43px;
    box-sizing: border-box;
    transform-origin: left bottom;
    bottom:12px;
    left:12px;
}
.level-bastet .game-wrapper:after {
    transform: rotate(-90deg);
    /*background:#491835;*/
}
.level-bastet .game-wrapper .grid-wrapper:after,
.level-bastet .game-wrapper .grid-wrapper:before {
    font-family: PharaohCustom; 
    font-weight: bold;

}
.level-bastet .game-wrapper .grid-wrapper:before {
    content:'X';
    left:63px;
    bottom:5px;  
}
.level-bastet .game-wrapper .grid-wrapper:after {
    content:'Y';
    bottom:63px;
    left:5px;  
}



.level-bastet .game-wrapper .grid-wrapper.grid-cols-1 .grid-case{
        width: 100%;
        height: 0;
        padding-bottom: 100%;
    }

.level-bastet .game-wrapper .grid-wrapper.grid-cols-2 .grid-case{
        width: 50%;
        height: 0;
        padding-bottom: 50%;
    }

.level-bastet .game-wrapper .grid-wrapper.grid-cols-3 .grid-case{
        width: 33.3333333333333%;
        height: 0;
        padding-bottom: 33.3333333333333%;
    }

.level-bastet .game-wrapper .grid-wrapper.grid-cols-4 .grid-case{
        width: 25%;
        height: 0;
        padding-bottom: 25%;
    }

.level-bastet .game-wrapper .grid-wrapper.grid-cols-5 .grid-case{
        width: 20%;
        height: 0;
        padding-bottom: 20%;
    }

.level-bastet .game-wrapper .grid-wrapper.grid-cols-6 .grid-case{
        width: 16.6666666666667%;
        height: 0;
        padding-bottom: 16.6666666666667%;
    }

.level-bastet .game-wrapper .grid-wrapper.grid-cols-7 .grid-case{
        width: 14.2857142857143%;
        height: 0;
        padding-bottom: 14.2857142857143%;
    }

.level-bastet .game-wrapper .grid-wrapper.grid-cols-8 .grid-case{
        width: 12.5%;
        height: 0;
        padding-bottom: 12.5%;
    }

.level-bastet .game-wrapper .grid-wrapper.grid-cols-9 .grid-case{
        width: 11.1111111111111%;
        height: 0;
        padding-bottom: 11.1111111111111%;
    }

.level-bastet .game-wrapper .grid-wrapper.grid-cols-10 .grid-case{
        width: 10%;
        height: 0;
        padding-bottom: 10%;
    }
 

.level-bastet .game-wrapper .grid-wrapper .grid-case{
    float: left;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bastet/cases_127x127px.png');
    background-size: auto 200%; 
    position: relative;
}

.level-bastet .game-wrapper .grid-wrapper .grid-case .content,
.level-bastet .game-wrapper .grid-wrapper .grid-case .indication,
.level-bastet .game-wrapper .grid-wrapper .grid-case .selection {
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height: 100%;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bastet/cases_127x127px.png');
    background-size: auto 200%; 
}

.level-bastet .game-wrapper .grid-wrapper .grid-case .content {
    transition: width 0.3s linear, height 0.3s linear;
}
.level-bastet .game-wrapper .grid-wrapper.in-selection .grid-case .content:not(.captured) {
    width:30%;
    height:30%;
    z-index: 3;
}

.level-bastet .game-wrapper .grid-wrapper .grid-case .content-cat {
    background-position-x: 1200%;
}
.level-bastet .game-wrapper .grid-wrapper .grid-case .content-cobra {
    background-position-x: 1000%;
}
.level-bastet .game-wrapper .grid-wrapper .grid-case .content-scorpio {
    background-position-x: 800%;
}

.level-bastet .game-wrapper .grid-wrapper .grid-case .content-cat.captured,
.level-bastet .game-wrapper .grid-wrapper .grid-case .content-cat.selected {
    background-position-x: 1100%;
}
.level-bastet .game-wrapper .grid-wrapper .grid-case .content-cobra.captured,
.level-bastet .game-wrapper .grid-wrapper .grid-case .content-cobra.selected {
    background-position-x: 900%;
}
.level-bastet .game-wrapper .grid-wrapper .grid-case .content-scorpio.captured,
.level-bastet .game-wrapper .grid-wrapper .grid-case .content-scorpio.selected {
    background-position: 800% 100%;
}

.level-bastet .game-wrapper .grid-wrapper .grid-case .content.pre-captured {
    transform-origin:center center;
    animation:zoom-after-captured 0.5s linear forwards; 
}

@keyframes zoom-after-captured {
    0%,100% {
        transform:scale(1);
    }    
    50% {
        transform:scale(1.3);
    }
}

.level-bastet .game-wrapper .grid-wrapper .grid-case .content.captured:after,
.level-bastet .game-wrapper .grid-wrapper .grid-case:hover .indication:after {
    content:'';
    display: block;
    position: absolute;
    top:0; 
    left:0;
    width:100%;
    height: 100%;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bastet/cases_127x127px.png');
    background-size: auto 200%; 
}

.level-bastet .game-wrapper .grid-wrapper .grid-case:hover .indication + .selection {
    display:none;
}

.level-bastet .game-wrapper .grid-wrapper .grid-case .content-cat.captured:after {
    background-position-x: 300%;
}
.level-bastet .game-wrapper .grid-wrapper .grid-case .content-cobra.captured:after {
    background-position-x: 200%;
}
.level-bastet .game-wrapper .grid-wrapper .grid-case .content-scorpio.captured:after {
    background-position-x: 100%;
}


.level-bastet .game-wrapper .grid-wrapper .grid-case .indication {
    z-index: 2;
    opacity: 0;
}
.level-bastet .game-wrapper .grid-wrapper .grid-case .indication.to-show {
    animation-name: bastet-indication-apparition ;
    animation-fill-mode: forwards;
    animation-duration: 0.9s;  
    }

.level-bastet .game-wrapper .grid-wrapper .grid-case .indication.to-hide {
    opacity:1;
    }


@keyframes bastet-indication-apparition{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.level-bastet .game-wrapper .grid-wrapper .grid-case .indication-cat {
    background-position-x: 600%;
}

.level-bastet .game-wrapper .grid-wrapper .grid-case .indication-cobra {
    background-position-x: 500%;
}

.level-bastet .game-wrapper .grid-wrapper .grid-case .indication-scorpio {
    background-position-x: 400%;
}

.level-bastet .game-wrapper .grid-wrapper .grid-case:hover .indication {
    background-position-y:100%;
}


.level-bastet .game-wrapper .grid-wrapper .grid-case .selection {
    z-index: 3;
}
.level-bastet .game-wrapper .grid-wrapper .grid-case:hover .indication-cat:after,
.level-bastet .game-wrapper .grid-wrapper .grid-case .selection-cat {
    background-position-x: 1500%;
}

.level-bastet .game-wrapper .grid-wrapper .grid-case:hover .indication-cobra:after,
.level-bastet .game-wrapper .grid-wrapper .grid-case .selection-cobra {
    background-position-x: 1400%;
}
.level-bastet .game-wrapper .grid-wrapper .grid-case:hover .indication-scorpio:after,
.level-bastet .game-wrapper .grid-wrapper .grid-case .selection-scorpio {
    background-position-x: 1300%;
}

.mini-grid-moving {
    background:red;
    margin:auto;
    border:4px solid #A95E75;
    box-shadow: 0 0 0 1px #010000, 0 0 0 1px #72374B inset;
    font-size:0;
}
.mini-grid-moving .case {
    display: inline-block;
    width:60px;
    height:60px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bastet/cases_127x127px.png');
    background-size: auto 200%;  
    position:relative;
}

.mini-grid-moving .case.start-position:before, 
.mini-grid-moving .case.end-position:after {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bastet/cases_127x127px.png');
    background-size: auto 200%;  
}
.mini-grid-moving.type-cat .case.start-position:before {
    background-position: 1100% 0; 
}
.mini-grid-moving.type-cat .case.end-position:after {
    background-position: 1500% 0; 
}


.mini-grid-moving.type-scorpio .case.start-position:before {
    background-position: 800% 100%;   
}
.mini-grid-moving.type-scorpio .case.end-position:after {
    background-position: 1300% 0; 
} 

.mini-grid-moving.type-cobra .case.start-position:before {
    background-position: 900% 0;        
}
.mini-grid-moving.type-cobra .case.end-position:after {
    background-position: 1400% 0; 
}

.level-bastet .aside-wrapper{
    width: 238px;
}

.level-bastet .aside-wrapper .rune-diagram{
    width: 100%;
    height: 260px;
    position: relative;
}
.level-bastet .aside-wrapper .rune-diagram .rune{
    position: absolute;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bastet/ourobos_97x97px.png');
    background-size: 600% 100%;
    width: 97px;
    height: 97px;
}

.level-bastet .aside-wrapper .rune-diagram .rune.rune-cobra{
    top: 115px;
    left: 134px;
}
.rune.rune-cobra{
    background-position-x: -0px;
}
.rune.rune-cobra.captured{
    background-position-x: -97px;
}

.level-bastet .aside-wrapper .rune-diagram .rune.rune-cat{
    top: 15px;
    left: 66px;
}
.rune.rune-cat{
    background-position-x: -194px;
}
.rune.rune-cat.captured{
    background-position-x: -291px;
}

.level-bastet .aside-wrapper .rune-diagram .rune.rune-scorpio{
    top: 115px;
    left: 8px;
}
.rune.rune-scorpio{
    background-position-x: -388px;
}
.rune.rune-scorpio.captured{
    background-position-x: -485px;
}


.level-bastet .aside-wrapper .game-commands{
    text-align: center;
}
.level-bastet .aside-wrapper .round-wrapper{
    margin-top: 40px;
    height: 110px;
    text-align: center;
    color: white;
    font-family: "PharaohCustom";
}
.level-bastet .aside-wrapper .round-wrapper .round-remaining{
    font-size: 40px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
}
.level-bastet .aside-wrapper .round-wrapper .round-label{
    width: 125px;
    margin-left: auto;
    margin-right: auto;
    font-variant:small-caps;
    font-weight:bold;
}
.level-bastet .aside-wrapper .gain-wrapper{
    height: 340px;
    text-align: center;
}
.level-bastet .aside-wrapper .gain-wrapper .gain-title{
    height: 70px;
    margin-bottom: 10px;
    position: relative;
}
.level-bastet .aside-wrapper .gain-wrapper .gain-title span{
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    font-family: "PharaohCustom";
    font-size: 18px;
    color: #FFF;
}
.level-bastet .aside-wrapper .gain-wrapper .gain-container{
    width: 175px;
    height: 165px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    
}

.level-bastet .aside-wrapper .gain-wrapper .gain-container img {
    width:100%;
}

.level-bastet .aside-wrapper .gain-wrapper .gain-container .gain {
    font-size:3rem;
     color:#EC48B8;
     text-shadow: 
        1px 1px 2px #751C4C,
        1px -1px 2px #751C4C,
        -1px -1px 2px #751C4C,
        -1px 1px 2px #751C4C;
    margin-top:1em; 
}

.level-bastet .aside-wrapper .gain-wrapper .gain-container .gain .montant{
    font-size:0.66em;
}

.tooltip-echecs-list-combi {
    width:600px;
    position: relative;
    font-size: 0;
    text-align:center;
}

.tooltip-echecs-list-combi > span {
    font-size:1.2rem;
    font-weight : bold;
    font-variant : small-caps;
}

.tooltip-echecs-list-combi .line-combi {
    width:190px; 
    display: inline-block;
    background:#491835;
    margin:5px;
    border-radius: 10px;
    overflow: hidden;
    border:1px solid black;
    box-shadow: 0 0 4px #000;
} 


.tooltip-echecs-list-combi .line-combi .gain {
    height:120px;

    }
.tooltip-echecs-list-combi .line-combi .gain img {
    height:100%;
}

.tooltip-echecs-list-combi .line-combi .combi {
    width:100%;
    /*height:50px;*/
    /*background:red; */
    text-align: center;
    font-size:0;
    color:white;
}
.tooltip-echecs-list-combi .line-combi .combi .element {
    display: inline-block;
    width:50px;
    height:50px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bastet/ourobos_97x97px.png');
    background-size: 600% 100%;
    }

.tooltip-echecs-list-combi .line-combi .combi .element-cat {
    background-position:300% 0;
    
}
.tooltip-echecs-list-combi .line-combi .combi .element-cobra {
    background-position:500% 0;
    
}
.tooltip-echecs-list-combi .line-combi .combi .element-scorpio {
    background-position:100% 0;   
    
}

.tooltip-echecs-list-combi .line-combi .combi .plus-symbol {
    font-size:3rem;
    vertical-align: top;
    line-height: 3rem;
    margin:0 2px;
}

.tooltip-echecs-list-combi .line-combi .combi:after {
    content:'=';
    font-size:4rem;
    display: block;
    width:100%; 
    /*background:red;*/

}

.notify-bastet-icon {
    display: inline-block;
    width:60px;
    height:60px;
    vertical-align: middle;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bastet/cases_127x127px.png');
    background-size: auto 200%;  
    position: relative;
}

.notify-bastet-icon:after,
.notify-bastet-icon:before {
    content:'';
    display: block;
    position: absolute;
    width:100%;
    height: 100%;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bastet/cases_127x127px.png');
    background-size: auto 200%;      
}

.notify-bastet-icon-cat:after {
    background-position-x: 1200%;
}
.notify-bastet-icon-cobra:after {
    background-position-x: 1000%; 
}
.notify-bastet-icon-scorpio:after {
    background-position-x: 800%;
}
.notify-bastet-icon-cat-indication:after {
    background-position-x: 600%;
}
.notify-bastet-icon-cobra-indication:after {
    background-position-x: 500%; 
}
.notify-bastet-icon-scorpio-indication:after {
    background-position-x: 400%;
}
.notify-bastet-icon-cat-captured:after {
    background-position-x: 300%;
}
.notify-bastet-icon-cobra-captured:after {
    background-position-x: 200%; 
}
.notify-bastet-icon-scorpio-captured:after {
    background-position-x: 100%;
}
.notify-bastet-icon-cat-captured:before {
    background-position-x: 1100%;
}
.notify-bastet-icon-cobra-captured:before {
    background-position-x: 900%;  
}
.notify-bastet-icon-scorpio-captured:before {
    background-position: 800% 100%;
} z {}

html.html-level-horus > body {
    background-color: rgba(210, 157, 89,1);
}
.loot-game-wrapper > .level-wrapper.level-horus {
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/horus/background.jpg') no-repeat;
    background-size: 100%;
}

.loot-game-wrapper > .level-wrapper.level-horus:after {
    background: -webkit-linear-gradient(rgba(210, 157, 89,0) 0%, rgba(210, 157, 89,0) 1%, rgba(210, 157, 89,1) 100%);
    background: -o-linear-gradient(rgba(210, 157, 89,0) 0%, rgba(210, 157, 89,0) 1%, rgba(210, 157, 89,1) 100%);
    background: linear-gradient(rgba(210, 157, 89,0) 0%, rgba(210, 157, 89,0) 1%, rgba(210, 157, 89,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00D29D59', endColorstr='#D29D59',GradientType=0 );
}

.loot-game-wrapper > .level-wrapper.level-horus .gradiant-border {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a4c65+0,1a4c65+100&0+0,1+100 */
    background: -moz-linear-gradient(left,  rgba(210, 157, 89,0) 0%, rgba(210, 157, 89,0) 1%, rgba(210, 157, 89,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(210, 157, 89,0) 0%, rgba(210, 157, 89,0) 1%,rgba(210, 157, 89,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(210, 157, 89,0) 0%, rgba(210, 157, 89,0) 1%,rgba(210, 157, 89,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00D29D59', endColorstr='#D29D59',GradientType=1 ); /* IE6-9 */
    position: absolute;
    top: 0;
    height: 100%; 
    width: 150px; 
}


.level-horus .grid {
    position:absolute;
    /*background:red; */
    top:622px;     
    left:50%; 
    width:1010px;
    margin-left:-506px;  
    height:709px; 
}

.level-horus .grid .titre {
    position:absolute;
    font-size:2rem; 
    top:-90px;  
    width:100%;
    text-align: center;
    font-variant : small-caps;
    font-weight: bold;
}

.level-horus .grid .case-wrapper {
    width:696px;
    position: absolute;
    height:auto;
    font-size:0; 
    /*background: red;*/  
    left:10px;
    top:59px;
    text-align: left; 
}

.level-horus .grid .case-wrapper .case {
    width:58px;
    height:58px;
    display: inline-block;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/horus/cases.png');
    background-size: 100% 300%;
    font-family: PharaohCustom;
    text-align: center;
    font-size:2rem;
    line-height: 58px; 
    font-weight:bold;    
    color:#5A2309;
    text-shadow: 
        1px 1px  0px #988571, 
       -1px 0px  1px #988571, 
        1px -0px 0px #988571, 
       -1px -0px 0px #988571;  
   vertical-align: top;
   position: relative; 
}


.level-horus .grid .case-wrapper .case.hover-simulated, 
.level-horus .grid .case-wrapper .case:hover {
    background-position-y:-58px;
    color:#000000;
    text-shadow: 
        1px 1px  3px #68442A, 
       -1px 1px  3px #68442A, 
        1px -1px 3px #68442A, 
       -1px -1px 3px #68442A;  
}

.level-horus .grid .case-wrapper .case.loading,
.level-horus .grid .case-wrapper .case.selected {
    background-position-y:-116px;
    color:#F0CC68;
    text-shadow: 
        1px 1px  3px #FFFFA4, 
       -1px 1px  3px #FFFFA4, 
        1px -1px 3px #FFFFA4, 
       -1px -1px 3px #FFFFA4;  
}

.level-horus .grid .case-wrapper .case.loading:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/horus/loader.gif') center center no-repeat;
}

.level-horus .grid .case-wrapper .case.result {
    font-size: 18px;
    padding-top:13px; 
    line-height: 18px;
}

.level-horus .grid .case-wrapper .case.result.case-point {
    font-size: 16px;
    padding-top:15px; 
    line-height: 16px;
}

.level-horus .grid .case-wrapper .case:nth-child(1) {
    margin-left:58px;
}
.level-horus .grid .case-wrapper .case:nth-child(10) {
    margin-right:58px;
}
.level-horus .grid .case-wrapper .case:nth-child(38) {
    margin-right:232px;
}
.level-horus .grid .case-wrapper .case:nth-child(46) {
    margin-right:232px;
}
.level-horus .grid .case-wrapper .case:nth-child(54) {
    margin-right:232px;
}
.level-horus .grid .case-wrapper .case:nth-child(62) {
    margin-right:232px;
}
.level-horus .grid .case-wrapper .case:nth-child(91) {     
    margin-left:58px; 
}

.level-horus .grid .case-wrapper .sum-wrapper {
    position:absolute;
    width:210px;
    height:180px;
    left:243px;
    top:174px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/horus/oeil_horus.jpg');
    font-size:1rem; 
    line-height: 1rem; 
    text-align: center;
}

.level-horus .grid .case-wrapper .sum-wrapper.error {
    background-position:0 -180px;
}
.level-horus .grid .case-wrapper .sum-wrapper.success {
    background-position:0 -360px;
}
.level-horus .grid .case-wrapper .sum-wrapper.blink-white {
    background-position:0 -540px;
}

.level-horus .grid .case-wrapper .sum-wrapper[data-tentative="0"] {
    display: none;
}

.level-horus .grid .case-wrapper .sum-wrapper .sum {
    position:absolute; 
    width:80%;
    right:0;
    font-size:2.5em;
    line-height:1em; 
    top:49px; 
    color:#5A4220;
    text-shadow: 
        1px 1px 1px #836131,
        -1px 1px 1px #836131,
        1px -1px 1px #836131,
        -1px -1px 1px #836131;
}

.level-horus .grid .case-wrapper .sum-wrapper.error .sum {
    color:#C93335;
    text-shadow: 
        1px 1px 1px #B77859,
        -1px 1px 1px #B77859,
        1px -1px 1px #B77859,
        -1px -1px 1px #B77859;
}

.level-horus .grid .case-wrapper .sum-wrapper.success .sum {
    color:#36CB33;
    text-shadow: 
        1px 1px 1px #B77859,
        -1px 1px 1px #B77859,
        1px -1px 1px #B77859,
        -1px -1px 1px #B77859;
}


.level-horus .grid .case-wrapper .sum-wrapper.blink-white .sum {
    color:#F9D092;
    text-shadow: 
        1px 1px 1px #E0AB5B,
        -1px 1px 1px #E0AB5B,
        1px -1px 1px #E0AB5B,
        -1px -1px 1px #E0AB5B;
}


.level-horus .grid .case-wrapper .sum-wrapper .btn{
    top:180px; 
    position: relative; 
}


.level-horus .grid .case-wrapper .sum-wrapper .btn.disabled {
  animation-name: shake-hard;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes shake-hard {
  2% {
    transform: translate(-4px, 2px) rotate(-2.5deg); }
  4% {
    transform: translate(-7px, 9px) rotate(-1.5deg); }
  6% {
    transform: translate(0px, 4px) rotate(-2.5deg); }
  8% {
    transform: translate(9px, -4px) rotate(-1.5deg); }
  10% {
    transform: translate(6px, 4px) rotate(1.5deg); }
  12% {
    transform: translate(-6px, -9px) rotate(-0.5deg); }
  14% {
    transform: translate(9px, -9px) rotate(-0.5deg); }
  16% {
    transform: translate(-2px, 2px) rotate(-2.5deg); }
  18% {
    transform: translate(8px, -2px) rotate(-1.5deg); }
  20% {
    transform: translate(-2px, -8px) rotate(1.5deg); }
  22% {
    transform: translate(3px, 8px) rotate(-2.5deg); }
  24% {
    transform: translate(2px, 10px) rotate(0.5deg); }
  26% {
    transform: translate(-3px, 8px) rotate(-0.5deg); }
  28% {
    transform: translate(10px, 0px) rotate(-1.5deg); }
  30% {
    transform: translate(7px, 5px) rotate(2.5deg); }
  32% {
    transform: translate(7px, 6px) rotate(1.5deg); }
  34% {
    transform: translate(0px, 9px) rotate(0.5deg); }
  36% {
    transform: translate(10px, -8px) rotate(0.5deg); }
  38% {
    transform: translate(-1px, 9px) rotate(3.5deg); }
  40% {
    transform: translate(-6px, 2px) rotate(2.5deg); }
  42% {
    transform: translate(-1px, -8px) rotate(-1.5deg); }
  44% {
    transform: translate(-9px, 4px) rotate(1.5deg); }
  46% {
    transform: translate(-8px, -6px) rotate(1.5deg); }
  48% {
    transform: translate(-2px, 8px) rotate(-2.5deg); }
  50% {
    transform: translate(3px, 9px) rotate(-2.5deg); }
  52% {
    transform: translate(7px, -9px) rotate(3.5deg); }
  54% {
    transform: translate(-6px, 4px) rotate(-2.5deg); }
  56% {
    transform: translate(2px, -4px) rotate(-2.5deg); }
  58% {
    transform: translate(4px, -9px) rotate(2.5deg); }
  60% {
    transform: translate(-1px, 4px) rotate(-1.5deg); }
  62% {
    transform: translate(-8px, -5px) rotate(-1.5deg); }
  64% {
    transform: translate(-5px, -6px) rotate(-2.5deg); }
  66% {
    transform: translate(9px, -7px) rotate(2.5deg); }
  68% {
    transform: translate(-6px, -3px) rotate(-0.5deg); }
  70% {
    transform: translate(6px, -8px) rotate(1.5deg); }
  72% {
    transform: translate(9px, 8px) rotate(0.5deg); }
  74% {
    transform: translate(7px, 1px) rotate(2.5deg); }
  76% {
    transform: translate(-9px, -4px) rotate(1.5deg); }
  78% {
    transform: translate(-8px, 0px) rotate(-0.5deg); }
  80% {
    transform: translate(6px, -7px) rotate(1.5deg); }
  82% {
    transform: translate(8px, -2px) rotate(2.5deg); }
  84% {
    transform: translate(4px, -5px) rotate(1.5deg); }
  86% {
    transform: translate(6px, 5px) rotate(-1.5deg); }
  88% {
    transform: translate(-2px, -2px) rotate(-1.5deg); }
  90% {
    transform: translate(-3px, 4px) rotate(-0.5deg); }
  92% {
    transform: translate(-6px, -4px) rotate(-0.5deg); }
  94% {
    transform: translate(6px, -7px) rotate(2.5deg); }
  96% {
    transform: translate(-5px, -3px) rotate(3.5deg); }
  98% {
    transform: translate(5px, 9px) rotate(-2.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }


.level-horus .tentative-list-wrapper{
    position:absolute;
    right:5px;
    top:95px;  
    width:275px; 
    background:#BEAE95;
    border:1px solid #7B6A4E;
    border-radius: 5px;

    max-height:605px;
    overflow: auto; 
    padding-bottom:0.5em;  

}

.level-horus .tentative-list-wrapper > span {
    font-weight: bold;
    font-size:2em;
    padding-top:0.25em;  
    display: block;

}

.level-horus .tentative-list-wrapper > .tentative-element {
    background:#DFA238;
    border:1px solid #715726;
    border-radius: 5px;
    width:94%;
    margin-top:5px;
    margin-left:5px;
    }

.level-horus .tentative-list-wrapper > .tentative-element:hover {
    background:white;
} 

.level-horus .tentative-list-wrapper > .tentative-element.new {
    animation: cumul-new-element 3s steps(1);
}

@keyframes cumul-new-element {
    0% {
        background: #FFF;
    }
    20% {
        background: #DFA238;
    }
    40% {
        background: #FFF;
    }
    60% {
        background: #DFA238;
    }
    80% {
        background: #FFF;
    }
    100% {
        background: #DFA238;
    }
}


.level-horus .tentative-list-wrapper > .tentative-element .numero {
    width:26px;
    float:left;
    text-align: left;
    font-size:1.5rem;
    padding:0.25em 0 0 0.25em; 
}

.level-horus .tentative-list-wrapper > .tentative-element .case-list {
    width:225px; 
    position: relative; 
    /*background:red;*/
    text-align: left; 
    margin:3px 0px 3px 26px; 
   font-size: 0;
}

.level-horus .tentative-list-wrapper > .tentative-element .case-list .case-element {
    display: inline-block;
    width:44px;
    height:44px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/horus/case_selection.png'); 
    background-size: 100% 100%;
    font-size:1.5rem;
    line-height: 44px;
    text-align: center; 
    margin:1px 1px 0 0;
}

/*.level-horus .tentative-list-wrapper > .tentative-element .case-list .case-element:hover {
    color:#DEA137;
}*/
.level-horus .tentative-list-wrapper > .tentative-element table.gain  {
    width:100%;
} 
.level-horus .tentative-list-wrapper > .tentative-element .gain td:first-of-type {
    text-transform: uppercase;
    text-align: left;
    padding-left:5px;
}
.level-horus .tentative-list-wrapper > .tentative-element .gain td:last-of-type {
    font-size:2rem;
    text-align: right;
    padding-right:5px;
    color:#F5C638;
    text-shadow: 
        1px 1px 1px #AD6D23,
        -1px 1px 1px #AD6D23,
        1px -1px 1px #AD6D23,
        -1px -1px 1px #AD6D23;
}

.level-horus .tentative-list-wrapper > .tentative-element + .tentative-explanation {
    display:none;
}

.level-horus .tentative-counter {
    position: absolute;
    /*background:red;*/
    right: 100px;
    top: 21px;
    width: 100px;
    height:49px; 
    font-size:2rem; 
}

.level-horus .tentative-counter span {
    display: block;
    position: absolute;
}

.level-horus .tentative-counter span:first-of-type {
    right:50%;
    bottom:35%;
    text-align: right;
}
.level-horus .tentative-counter span:nth-of-type(2) {
    width:30px;
    height:1px;
    border:1px solid black;
    right:40%;
    top:22%; 
    transform-origin: 100% 0;
    transform: rotate(-45deg);
}

.level-horus .tentative-counter span:last-of-type {
    left:50%;
    top:35%; 
    text-align: left;
}

.notification-horus .notification-cumul-empty-case {
    display: inline-block;
    width:30px;
    height:30px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/horus/cases.png');
    background-size: 100% 300%;
    background-size: auto 300%;  
    vertical-align: middle;  
}


.notification-horus .gain-point {
    /*color:white;*/
    color:#534216; 
    color:#000; 
    font-size:3rem; 
    margin:0.2em;
    text-shadow: 
        1px 1px 5px #F7D86E,
        -1px 1px 5px #F7D86E,
        -1px -1px 5px #F7D86E,
        1px -1px 5px #F7D86E;
    background:white;
    display: inline-block;
    padding:10px; 
    border-radius: 10px;
    animation:gain-point-zoom 1s linear infinite;
} z {}

html.html-level-isis > body {
    background-color: #432314;
}

.loot-game-wrapper > .level-wrapper.level-isis {
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/isis/background.jpg') no-repeat;
    background-size: 100%;
}

.loot-game-wrapper > .level-wrapper.level-isis:after {
    background: -webkit-linear-gradient(rgba(67,35,20,0) 0%, rgba(67,35,20,0) 1%, rgba(67,35,20,1) 100%);
    background: -o-linear-gradient(rgba(67,35,20,0) 0%, rgba(67,35,20,0) 1%, rgba(67,35,20,1) 100%);
    background: linear-gradient(rgba(67,35,20,0) 0%, rgba(67,35,20,0) 1%, rgba(67,35,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00432314', endColorstr='#432314',GradientType=0 );
}

.loot-game-wrapper > .level-wrapper.level-isis .gradiant-border {
    background: -moz-linear-gradient(left,  rgba(67,35,20,0) 0%,rgba(67,35,20,0) 1%, rgba(67,35,20,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(67,35,20,0) 0%,rgba(67,35,20,0) 1%, rgba(67,35,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(67,35,20,0) 0%,rgba(67,35,20,0) 1%, rgba(67,35,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00432314', endColorstr='#432314',GradientType=1 ); /* IE6-9 */
    position: absolute;
    top: 0;
    height: 100%;
    width: 150px;
}

.level-isis .statue{
    position: absolute;
    width: 340px;
    height: 510px;
    /*display: none;*/
}
/*.level-isis .statue.animated{
    display: block;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/isis/isis_anim_statue.gif');
    /*background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/isis/isis_anim_statue.gif');
}*/
.level-isis .statue.left{
    left: 671px;
    top: 274px;
}
.level-isis .statue.right{
    right: 671px;
    top: 274px;
    transform: scaleX(-1);

}

.level-isis .level-label{
    width: 650px;
    height: 44px;
    position: absolute;
    left: calc(50% - 325px);
    top: 530px;
    text-align: center;
    line-height: 44px;
    color: white;    
    font-size: 36px;
    font-variant: small-caps;
    font-weight:bold;
    font-family: "PharaohCustom", "Helvetica Neue", Helvetica, sans-serif;
}

.level-isis .game-wrapper {
    width: 930px;
    height: 695px;
    top: 625px;
    position: absolute;
    left: 995px;
}

.level-isis .game-wrapper .gain-wrapper {
    margin-top: 30px;
    font-size : 45px !important;
    font-weight: bold;
    font-family: "PharaohCustom", "Helvetica Neue", Helvetica, sans-serif;
}
.level-isis .game-wrapper .gain-wrapper > * {
    display: inline-block;
    vertical-align: middle;
}
.level-isis .game-wrapper .gain-wrapper .gain-pyramid{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/isis/palier_rond_202x202px.png');
    width: 202px;
    height: 202px;
    margin-right: 120px;
    border-radius: 100%;
    overflow: hidden;
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.pyramid-level-1{
    background-position: -0%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.pyramid-level-1 .gain-list{
    transform: translateX(-0px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.pyramid-level-2{
    background-position: -100%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.pyramid-level-2 .gain-list{
    transform: translateX(-194px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.pyramid-level-3{
    background-position: -200%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.pyramid-level-3 .gain-list{
    transform: translateX(-388px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.pyramid-level-4{
    background-position: -300%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.pyramid-level-4 .gain-list{
    transform: translateX(-582px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.pyramid-level-5{
    background-position: -400%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.pyramid-level-5 .gain-list{
    transform: translateX(-776px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.pyramid-level-6{
    background-position: -500%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.pyramid-level-6 .gain-list{
    transform: translateX(-970px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.hover-level-0{
    background-position: -0%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.hover-level-1 .gain-list{
    transform: translateX(-0px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.hover-level-1{
    background-position: -100%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.hover-level-2 .gain-list{
    transform: translateX(-194px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.hover-level-2{
    background-position: -200%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.hover-level-3 .gain-list{
    transform: translateX(-388px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.hover-level-3{
    background-position: -300%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.hover-level-4 .gain-list{
    transform: translateX(-582px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.hover-level-4{
    background-position: -400%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.hover-level-5 .gain-list{
    transform: translateX(-776px);
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid.hover-level-5{
    background-position: -500%;
}
.level-isis .game-wrapper .gain-wrapper .gain-actual.hover-level-6 .gain-list{
    transform: translateX(-970px);
}


.level-isis .game-wrapper .gain-wrapper .gain-pyramid.hover-level-6,
.level-isis .game-wrapper .gain-wrapper .gain-pyramid.pyramid-level-win{
    background-position: 100%;
}

.level-isis .game-wrapper .gain-wrapper .gain-pyramid .gain{
    height: 29px;
    margin: 4px 0;
}


.level-isis .game-wrapper .gain-wrapper .gain-actual{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/isis/cagnotte_pyramidale.png');
    width: 194px;
    height: 201px;
    line-height: 260px;
    color: #FFF;
    position: relative;
    overflow: hidden;

}
.level-isis .game-wrapper .gain-wrapper .gain-actual > .gain-list{
    width: 1164px;
    transition: transform 1s;
}

.level-isis .game-wrapper .gain-wrapper .gain-actual > .gain-list > .gain{
    width: 194px;
    float: left;
    font-size: 25px;
}


.level-isis .game-wrapper .play-wrapper {
    margin-top: 25px;
}
.notification-isis .play-wrapper{
    margin-top: 15px;
}
.notification-isis .play-wrapper > *,
.level-isis .game-wrapper .play-wrapper > * {
    display: inline-block;
    vertical-align: middle;
}

.amulet{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/isis/amulettes.png');
    width: 78px;
    height: 134px;
    float: left;
    margin: 10px;
    transition: transform 1s;
    background-size: 700% 500%;
}
.notification-isis .amulet{
    width: 46.8px;
    height: 80.4px;
    /*background-size: 700% 500%;*/
}


.level-isis .game-wrapper .play-wrapper .remaining-plays{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/isis/coup_restant_138x125px.png');
    width: 138px;
    height: 125px;
}
.level-isis .game-wrapper .play-wrapper .remaining-plays .plays-count{
    margin-left: 35px;
    margin-top: 21px;
    width: 76px;
    height: 76px;
    font-size: 48px;
    color: #FFF;
    font-family: "PharaohCustom", "Helvetica Neue", Helvetica, sans-serif;
    position: relative;
}
.level-isis .game-wrapper .play-wrapper .remaining-plays .plays-count span{
    line-height: 80px;
}
.level-isis .game-wrapper .play-wrapper .remaining-plays .plays-count sup{
    font-size: 16px;
    position: absolute;
    right: 3px;
    top: 3px;
    text-shadow: 
        1px 1px black,
        -1px -1px black,
        1px -1px black,
        -1px 1px black;
    font-family: grobold;
}
.level-isis .game-wrapper .play-wrapper .remaining-plays .plays-count sup:hover{
    color: #DDD;
}

.level-isis .game-wrapper .player-play-wrapper .remaining-plays{
    background-position: -100%;
}

.level-isis .game-wrapper .game-commands {
    margin-top: 25px;
    /*text-transform: uppercase;*/
}

.notification-isis .content .btn:not(.disabled),
.level-isis .game-wrapper .game-commands .btn:not(.disabled) {
    cursor: pointer;
}



.amulet.amulet-scarabee{
    background-position-x: -0%;
}

.amulet.amulet-cobra{
    background-position-x: -100%;
}

.amulet.amulet-cat{
    background-position-x: -200%;
}

.amulet.amulet-ankh{
    background-position-x: -300%;
}

.amulet.amulet-feather{
    background-position-x: -400%;
}

.amulet.amulet-horus{
    background-position-x: -500%;
}

.amulet.amulet-bird{
    background-position-x: -600%;
}


/*.level-isis .game-wrapper .player-play-wrapper .amulets-container .amulet:focus,*/
.notification-isis .amulet:hover,
.level-isis .game-wrapper .player-play-wrapper .amulets-container .amulet:hover{
    background-position-y: -200%;
    cursor: pointer;
}
.notification-isis .amulet:active,
.notification-isis .amulet.active,
.level-isis .game-wrapper .isis-play-wrapper .amulets-container .amulet.selected,
.level-isis .game-wrapper .player-play-wrapper .amulets-container .amulet:active,
.level-isis .game-wrapper .player-play-wrapper .amulets-container .amulet.active{
    background-position-y: -100%;
}
.level-isis .game-wrapper .play-wrapper .amulets-container .amulet.success{
    background-position-y: -300%;
}
.level-isis .game-wrapper .play-wrapper .amulets-container .amulet.error{
    background-position-y: -400%;
}
.level-isis .game-wrapper .play-wrapper.zoomable .amulets-container .amulet.zoomed{
    transform-origin: center center;
    transform: scale(1.25); 
}



.modal.isis{
    background-color: rgb(212, 151, 106);
    border: 3px solid rgb(255, 181, 136);
    -webkit-box-shadow: 10px 10px 10px 5px rgba(212, 151, 106, 0.25);
    box-shadow: 10px 10px 10px 5px rgba(212, 151, 106, 0.25);
    padding: 20px;
    text-align: center;
    font-family: 'PharaohCustom', Arial, "Helvetica Neue", Helvetica, sans-serif;
    overflow: visible;
}
.modal.isis .modal-title{
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}
.modal.isis .modal-content{
    font-size: 22px;
}
.modal.isis .modal-footer{
    /*margin: 20px -20px -20px;*/
    margin-top: 20px;
    /*background-color: rgba(0,0,0,0.2);*/
    /*padding: 10px;*/
}
.modal.isis>.btn-close{
  position: absolute;
  left: calc(100% - 16px);
  bottom: calc(100% - 16px);
  border-radius: 100%;
  border: 3px solid #222;
  font-weight: bold;
  width: 32px;
  height: 32px;
  line-height: 34px;
  font-size: 24px;
  text-align: center;
  background-color: #ddd;
  cursor: pointer;
}
/*.modal.isis>.btn-close:focus,*/
.modal.isis>.btn-close:hover{
  color: #222;
  background-color: #fff;
  border-color: #444;
}


.notification-isis .gain > .gain {
    margin:0.2em;
    padding:10px;
    display: inline-block;
    animation:gain-point-zoom 500ms linear infinite;
}
.notification-isis .gain > .gain.points {
    font-size:3rem; 
    background:#ebebeb;
    border-radius: 10px;
    color:#290e0a;
    text-shadow: 
        1px 1px 1px #d26955,
        -1px 1px 1px #d26955,
        -1px -1px 1px #d26955,
        1px -1px 1px #d26955;
}
.notification-isis .gain > .gain.materiel {
    -webkit-filter: drop-shadow(5px 5px 5px black);
    filter: drop-shadow(5px 5px 5px black);
} z {}

html.html-level-seth > body {
    background-color: rgba(20,22,8,1);
}
.loot-game-wrapper > .level-wrapper.level-seth {
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/background.jpg') no-repeat;
    background-size: 100%;
}

.loot-game-wrapper > .level-wrapper.level-seth:after {
    background: -webkit-linear-gradient(rgba(20,22,8,0) 0%, rgba(20,22,8,0) 1%, rgba(20,22,8,1) 100%);
    background: -o-linear-gradient(rgba(20,22,8,0) 0%, rgba(20,22,8,0) 1%, rgba(20,22,8,1) 100%);
    background: linear-gradient(rgba(20,22,8,0) 0%, rgba(20,22,8,0) 1%, rgba(20,22,8,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00432314', endColorstr='#432314',GradientType=0 );
}

.loot-game-wrapper > .level-wrapper.level-seth .gradiant-border {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a4c65+0,1a4c65+100&0+0,1+100 */
    background: -moz-linear-gradient(left,  rgba(20,22,8,0) 0%, rgba(20,22,8,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(20,22,8,0) 0%,rgba(20,22,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(20,22,8,0) 0%,rgba(20,22,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a4c65', endColorstr='#1a4c65',GradientType=1 ); /* IE6-9 */
    position: absolute;
    top: 0;
    height: 100%;
    width: 150px;
}

.level-seth #chemin-wrapper {
    width: 947px; 
    height: 690px;
    position: absolute;
    left: 985px;
    top: 742px;
    /*background: rgba(255,0,0,0.2);*/
}

.level-seth #button-wrapper {
    font-family: Times;
    font-size: 2rem;
    position: fixed;
    right: 30px;
    top: 300px;
    background: white;
}

.level-seth #button-wrapper [type="checkbox"] {
    position: relative;
    width:40px;
    height:40px;
}
.level-seth #button-wrapper [type="checkbox"]:after {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background: white;
    border:1px solid black;
    box-sizing: border-box;
}

.level-seth #button-wrapper [type="checkbox"]:not(:checked):after {
    background: gray;
}

.level-seth #button-wrapper [type="checkbox"][data-border="left"]:after {
    border-left:6px solid blue;
}
.level-seth #button-wrapper [type="checkbox"][data-border="right"]:after {
    border-right:6px solid blue;
}
.level-seth #button-wrapper [type="checkbox"][data-border="top"]:after {
    border-top:6px solid blue;
}
.level-seth #button-wrapper [type="checkbox"][data-border="bottom"]:after {
    border-bottom:6px solid blue;
}



.level-seth #chemin-wrapper .pave {
    float: left; 
    box-sizing: border-box;
    border: 1px solid black;
}

.level-seth #chemin-wrapper .pave.is-start {
    background: rgba(173, 255, 47, 0.5);
}

.level-seth #chemin-wrapper .pave.is-end {
    background: rgba(255, 47, 173, 0.5);
}

.level-seth #chemin-wrapper .pave:hover {
    background: lightcyan;
}

.level-seth #chemin-wrapper .pave.is-start:hover {
    background: rgba(0, 128, 0, 0.5);
}

.level-seth #chemin-wrapper .pave.is-start.selected {
    background: rgba(173, 255, 47, 1);   
}

.level-seth #chemin-wrapper .pave.last-selected {
    background:rgba(0,0,255,0.3); 
}
.level-seth #chemin-wrapper .pave.selected:not(.is-start) {
    background:rgba(0,255,255,0.1); 
}

.level-seth #chemin-wrapper .pave .number {
    float: left;
    background:white;
    border:1px solid black;
    padding:0 2px;
    white-space: nowrap;
    font-size:0.75rem

}

.level-seth #chemin-wrapper .pave .number:not(:first-child):before {
    content: ',';
    margin: 0 2px 0 0;
}


.level-seth #chemin-wrapper .loader-save-path {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
    font-family: PharaohCustom;
    font-size:5rem;
    color:white;
}


.level-seth .grid {
    width: 947px; 
    height: 690px;
    position: absolute;
    left: 985px;
    top: 742px;
}

.level-seth .grid .depart,
.level-seth .grid .arrivee,
.level-seth .grid .cursor {
    position:absolute;
    width: 9.09091%; 
    height: 12.5%;
    top:0;
    /*background:red;*/
}



.level-seth .grid .depart-1 {
    left:9.09091%;
}

.level-seth .grid .depart-2 {
    left:27.27273%;
}

.level-seth .grid .depart-3 {
    left:45.45455%;
}

.level-seth .grid .depart-4 {
    left:63.63637%;
}

.level-seth .grid .depart-5 {
    left:81.81819%;
}


.level-seth .grid .arrivee {
    top:92%; 
    font-size:3rem;
    color:white;
}


.level-seth .grid .arrivee span {
    position: relative;
}
.level-seth .grid .arrivee span.euro {
    font-weight: bold;
    /* font-size:2.3em; */
    font-size:1.0em;
    position:relative;
    /* top:-85%; */
    color:rgba(0,0,0,0.4);
    z-index: 1;
    text-shadow: 
        2px 2px 30px rgba(219, 243, 86, 0.3),
        -2px 2px 30px rgba(219, 243, 86, 0.3),
        -2px -2px 30px rgba(219, 243, 86, 0.3),
        2px -2px 30px rgba(219, 243, 86, 0.3)
        ;
}

.level-seth .grid .arrivee span:first-of-type {
    z-index: 2;
     text-shadow: 
        1px 1px 2px rgba(219, 243, 86, 1),
        -1px 1px 2px rgba(219, 243, 86, 1),
        -1px -1px 2px rgba(219, 243, 86, 1),
        1px -1px 2px rgba(219, 243, 86,1)
        ;
}





.level-seth .grid .arrivee-1 {
    left:9.09091%;
}

.level-seth .grid .arrivee-2 {
    left:27.27273%;
}

.level-seth .grid .arrivee-3 {
    left:45.45455%;
}

.level-seth .grid .arrivee-4 {
    left:63.63637%;
}

.level-seth .grid .arrivee-5 {
    left:81.81819%;
}


.level-seth .grid .titre {
    position: absolute;
    top:-210px;
    font-size: 2rem;
    width:100%;
    font-weight: bold;
    font-variant: small-caps;
}

.level-seth .grid .besace {
    position:absolute; 
    height:100px;
    /*width:508px;*/
    right:-10px;
    top:-110px;
    border-radius: 20px;
    background:rgba(255,255,255,0.2);
    /*border:6px solid #8A6A43;*/
 /*   box-shadow:
        0 0 0 4px #3B2A1A inset,
        0 0 0 2px #000 ;*/
}


.level-seth .grid .besace:before {
    content:'';
    display: block;
    position:absolute;
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/fleche.png');    
    background-size: 100% 100%;
    width:70px;
    height:40px;
    right:100%;
    top:25px;
    transform: rotate(90deg);
    opacity: 0.5;
}




.level-seth .grid .besace .element {
    height:92px;
    width:62px;
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats.png');
    background-size: 200% 400%;
    float:left;
    /*background:none; */ 
}

.level-seth .grid .depart:hover .element {
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats.png');
    background-size: 200% 400%;
    height:92px;
    width:62px;
} 

.level-seth .grid .depart .element {
    position: relative;
    float:none;
    margin:auto;
    z-index:2;
}

/*.level-seth .grid .depart:not(:hover) .element, */
.level-seth .grid .besace .element:first-child {
    animation: queue-qui-bouge 1s steps(1) infinite;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
    background-size: 200% 600%;
}

.level-seth .grid .depart:hover .element {
   animation: queue-qui-bouge 1s steps(1) infinite;
   background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
   background-size: 200% 600%;
} 

.level-seth .grid .depart:hover .element-white,
.level-seth .grid .besace .element-white {
    background-position-x:-62px;
}
.level-seth .grid .depart:hover .element-black,
.level-seth .grid .besace .element-black {
    background-position-x:0;
}


.level-seth .grid .depart.active:before {
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    width:2px;
    height:2px;
    margin-left:-2px;
    margin-top:-2px;
    /*box-shadow: 0 0 30px 30px #FFF;*/
    border-radius: 2px;
    z-index:1;
}

.level-seth .grid .depart.active:after {
    content:'';
    position: absolute;
    top:100%;
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/fleche.png');
    background-size: 100% 100%;
    width:70px;
    height:40px;
    /*transform: rotate(180deg);*/
    left:50%;
    margin-left:-35px;
}

.level-seth .grid .depart.active:hover:after {
    animation: fleche-up-down 0.5s steps(4) infinite;
}

.level-seth .grid .depart.active:hover:before {
    box-shadow: 0 0 30px 30px #DBF356;
}

@keyframes fleche-up-down {
    from {
        top:100%;
    }
    to {
        top:150%;
    }
}

.level-seth .grid .explanation {
    /*display:none;*/
    position:absolute;
    top:200px;
    width:70%;
    left:15%;
    background:rgba(0,0,0,0.3);
    color:white;
    font-size:3rem;
    padding:0.5em;
    text-shadow: 
        2px 2px 2px #000,
        -2px 2px 2px #000,
        2px -2px 2px #000,
        -2px -2px 2px #000;
    display: none;
    z-index: 6;
}

.level-seth .grid .explanation .btn {
    text-shadow: none;
    color:black;
}

.level-seth .grid .explanation-result {
    background:rgba(0,0,0,0.5);

}

@keyframes queue-qui-bouge {
    0% {
        background-position-y:-276px;
    }
    25% {
        background-position-y:-368px;
    }
    50% {
        background-position-y:-460px;
    }
    75% {
        background-position-y:-368px;
    }
    100% {
        background-position-y:-276px; 
    }

}





.level-seth .grid .cursor {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
    background-size: 200% 600%;
    width:62px;
    margin-left: 1.27195975184794%;
    margin-top:-0.416666666666667%;
    transition:transform 0.1s linear;
    z-index: 5;
}

.level-seth .grid .cursor-white {
    background-position-x:-62px;
}
.level-seth .grid .cursor-black {
    background-position-x:0;
}


.level-seth .grid .cursor.moving {
    animation: rat-deplacement 0.3s steps(1) infinite;

}

@keyframes rat-deplacement {
    0% {
        background-position-y:-0px;
        background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
        background-size: 200% 600%;
    }
    25% {
        background-position-y:-100%;
        background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
        background-size: 200% 600%;
    }
    50% {
        background-position-y:-200%;
        background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
        background-size: 200% 600%;
    }
    75% {
        background-position-y:-100%;
        background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
        background-size: 200% 600%;
    }
    100% {
        background-position-y:-0px; 
        background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
        background-size: 200% 600%;
    }
}

@media screen and (max-width: 992px) {
	@keyframes rat-deplacement {
		0% {
			background-position-y:-0px;
			background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
			background-size       : 200% 600%;
		}
		25% {
			background-position-y:-100%;
			background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
			background-size       : 200% 600%;
		}
		50% {
			background-position-y:-200%;
			background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
			background-size       : 200% 600%;
		}
		75% {
			background-position-y:-100%;
			background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
			background-size       : 200% 600%;
		}
		100% {
			background-position-y:-0px;
			background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats_mouvement.png');
			background-size       : 200% 600%;
		}
    }
}

.level-seth .grid .cursor[data-current-direction="left"] {
    transform: rotate(90deg);
}
.level-seth .grid .cursor[data-current-direction="right"] {
    transform: rotate(-90deg);
}
.level-seth .grid .cursor[data-current-direction="top"] {
    transform: rotate(180deg);
}
.level-seth .grid .cursor[data-current-direction="bottom"] {
    transform: rotate(0deg);
}

.level-seth .grid .cursor.look-at-me {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats.png');
    background-size: 200% 400%;
    background-position-y:-300%;
}

.level-seth .grid .cursor.look-at-left {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats.png');
    background-size: 200% 400%;
    background-position-y:-200%;

}
.level-seth .grid .cursor.look-at-right {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats.png');
    background-size: 200% 400%;
    background-position-y:-100%;
}


.level-seth .grid .cursor.look-at-meing {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats.png');
    background-size: 200% 400%;
    background-position-y:-300%;
    animation: look-at-meing 2s steps(1) infinite; 
}

@keyframes look-at-meing{
    0% {
        background-position-y:0;
    }
    50% {
        background-position-y:-300%;
    }
    75% {
        background-position-y:0;
    }
    100% {
        background-position-y:0;
    }
}




.level-seth .grid .gain-current {
    position:absolute; 
    height:100px;
    /*width:508px;*/
    left:-10px;
    top:-110px;
    border-radius: 20px;
    background:rgba(255,255,255,0.2);
    padding:0.5em;
    color:white;
}

.level-seth .grid .gain-current div {
    margin-bottom:1em;
}
.level-seth .grid .gain-current span {
    font-size:2rem;
}

.notification-seth .notification-souris {
    display: inline-block;
    width:46px;
    height:31px;
    position: relative; 
    vertical-align: middle;
}

.notification-seth .notification-souris:after {
    content:'';
    position: absolute;
    display: inline-block;
    width:31px;
    height:46px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/seth/rats.png');
    background-size:200% auto;
    background-size: 200% 400%;
    transform: rotate(-90deg) translateX(-31px); 
    transform-origin: 0 0;
    top:0;
    left:0;
}

.notification-seth .notification-souris-black:after {
    background-position: 0 0;
}
.notification-seth .notification-souris-white:after {
    background-position: -100% 0;
}

.notification-seth .gain-point {
    font-size:3rem; 
    margin:0.2em;
    padding:10px;
    background:white;
    border-radius: 10px;
    display: inline-block;
    color:#26341D;
    text-shadow: 
        1px 1px 5px #EBF264,
        -1px 1px 5px #EBF264,
        -1px -1px 5px #EBF264,
        1px -1px 5px #EBF264;
    animation:gain-point-zoom 1s linear infinite;
} z {}

html.html-level-thot > body {
    background-color: #1f2642;
}
.loot-game-wrapper > .level-wrapper.level-thot {
    background: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/thot/background.jpg') no-repeat;
    background-size: 100%;
}

.loot-game-wrapper > .level-wrapper.level-thot:after {
    background: -webkit-linear-gradient(rgba(31, 38, 66, 0) 0%, rgba(31, 38, 66, 0) 1%, rgba(31, 38, 66, 1) 100%);
    background: -o-linear-gradient(rgba(31, 38, 66, 0) 0%, rgba(31, 38, 66, 0) 1%, rgba(31, 38, 66, 1) 100%);
    background: linear-gradient(rgba(31, 38, 66, 0) 0%, rgba(31, 38, 66, 0) 1%, rgba(31, 38, 66, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001f2642', endColorstr='#1f2642',GradientType=1 );
}

.loot-game-wrapper > .level-wrapper.level-thot .gradiant-border {
    background: -moz-linear-gradient(left,  rgba(31,38,66,0) 0%,rgba(31,38,66,0) 1%, rgba(31,38,66,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(31,38,66,0) 0%,rgba(31,38,66,0) 1%, rgba(31,38,66,1) 100%);
    background: linear-gradient(to right,  rgba(31,38,66,0) 0%,rgba(31,38,66,0) 1%, rgba(31,38,66,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001f2642', endColorstr='#1f2642',GradientType=1 );
    position: absolute;
    top: 0;
    height: 100%;
    width: 150px;
}

.level-thot .level-label{
    width: 650px;
    height: 60px;
    position: absolute;
    left: calc(50% - 325px);
    top: 520px;
    text-align: center;
    line-height: 60px;
    color: white;
    font-family: "PharaohCustom", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 36px;
    font-variant: small-caps;
    font-weight:bold;
}
.level-thot .game-wrapper{
    width: 990px;
    height: 705px;
    top: 640px;
    left: calc(50% - 495px);
    position: absolute;
    margin-left: 5px;
    padding: 5px;
}
.level-thot .game-wrapper .play-wrapper,
.level-thot .game-wrapper .result-wrapper{
    display: inline-block;
    float: left;
    height: 100%;
}
.level-thot .game-wrapper .play-wrapper{
    width: 72%;
    margin-right: 2%;
    text-align: center;
    position: relative;
}
.level-thot .game-wrapper .play-wrapper .thot-play-wrapper,
.level-thot .game-wrapper .play-wrapper .gain-wrapper,
.level-thot .game-wrapper .play-wrapper .player-play-wrapper,
.level-thot .game-wrapper .play-wrapper .color-choices-wrapper,
.level-thot .game-wrapper .play-wrapper .thot-command-wrapper{
    position: absolute;
}
.level-thot .game-wrapper .play-wrapper .thot-play-wrapper{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/thot/coffre_thot_bas.png');
    width: 610px;
    height: 247px;
    left: calc(50% - 305px);
    font-size: 0.01px;
}
.level-thot .game-wrapper .play-wrapper .thot-play-wrapper.opened:after{
    animation-name: thot-open-chest;
    animation-fill-mode: forwards;
    animation-timing-function: steps(3);
    animation-duration: 0.5s; 
    animation-direction: normal;
}

.level-thot .game-wrapper .play-wrapper .thot-play-wrapper:after {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/thot/coffre_thot_couvercle.png');
}

@keyframes thot-open-chest { 
    0% {
        background-position-x:0%; 
    }
    100% {
        background-position-x:-300%;
    }
}

.level-thot .game-wrapper .play-wrapper .thot-play-wrapper .thot-color-wrapper{
    display: none;
}
.level-thot .game-wrapper .play-wrapper .thot-play-wrapper.opened .thot-color-wrapper{
    display: block;
    margin-top: 90px;
}



.level-thot .game-wrapper .play-wrapper .gain-wrapper{
    text-align: center;
    border: 1px solid #000;
    height: 57px;
    line-height: 40px;
    border-radius: 28.5px;
    padding: 10px;
    top: 263px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    left: calc(50% - 10px);
}
.level-thot .game-wrapper .play-wrapper .gain-wrapper .gain{
    font-size: 48px;
    font-family: "PharaohCustom", "Helvetica Neue", Helvetica, sans-serif;
    font-variant: small-caps;
    font-weight: bold;
}


.level-thot .game-wrapper .play-wrapper .player-play-wrapper{
    height: 154px;
    top: 336px;
    padding: 32px 17px;
    left: calc(50% - 10px);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-size: 100% 100%;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/thot/coffre_joueur.png');

}
.level-thot .game-wrapper .play-wrapper .player-play-wrapper .player-color-wrapper{
    font-size: 0.01px;
    text-align: center;
    white-space: nowrap;
}

.level-thot .game-wrapper .play-wrapper .thot-play-wrapper .thot-color-wrapper .spot,
.level-thot .game-wrapper .play-wrapper .player-play-wrapper .player-color-wrapper .spot{
    display: inline-block;
    width: 88px;
    height: 88px;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/thot/sprites_emplacement.png');
    background-size: 200% 100%;
}
.level-thot .game-wrapper .play-wrapper .player-play-wrapper .player-color-wrapper .spot.hover{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/thot/sprites_emplacement.png');
    background-position-x: -100%;
    background-size: 200% 100%;
}
.notification-thot .color-choices-wrapper, 
.level-thot .game-wrapper .play-wrapper .color-choices-wrapper{
    font-size: 0;
    top: 508px; 
    width:690px; 
    height: 90px;
    left: 0;
    text-align:center;
} 

.notification-thot .color-choices-wrapper {
    width:345px; 
    height: 45px;
    margin:5px auto;
}

.notification-thot  .color-choices-wrapper .color-pot,
.level-thot .game-wrapper .play-wrapper .color-choices-wrapper .color-pot{
    margin: 0 2px;
    display:inline-block;
}



.level-thot .game-wrapper .play-wrapper .thot-command-wrapper{
    top: 625px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}



.level-thot .game-wrapper .result-wrapper{
    width: 26%;
}
.level-thot .game-wrapper .result-wrapper .remaining-round{
    height: 60px;
    line-height: 40px;
    font-size: 32px;
    font-family: "PharaohCustom", "Helvetica Neue", Helvetica, sans-serif;
}
.level-thot .game-wrapper .result-wrapper .round-wrapper{

}
.level-thot .game-wrapper .result-wrapper .round-wrapper .round{
    width: 100%;
    text-align: left;
    height: 64px;
    line-height: 40px;
    font-family: "PharaohCustom", "Helvetica Neue", Helvetica, sans-serif;
    position: relative;
}
.level-thot .game-wrapper .result-wrapper .round-wrapper .round:not(.empty):hover:after,
.level-thot .game-wrapper .result-wrapper .round-wrapper .round.current:after {
    content:'';
    position: absolute;
    left: 5px;
    right:5px;
    width:auto; 
    height:100%;
    background: rgba(255,255,255,0.5);
    border-radius: 5px;
    top:-10px; 
    z-index: -1;
}

.level-thot .game-wrapper .result-wrapper .round-wrapper .round .round-count-label,
.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper{
    display: inline-block;
}
.level-thot .game-wrapper .result-wrapper .round-wrapper .round .round-count-label{
    width: 60px;
    font-size: 20px;
    text-align: center;
    vertical-align: top;
}
.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper{
    float: left;
}

.notification-combinaison-mastermind-wrapper {
    display: inline-block;
    vertical-align: baseline;  
    margin-bottom:10px;
    margin-left:5px;
}

.notification-combinaison-mastermind-wrapper .color-wrapper {
    display: inline-block;
    width:15px;
    height:15px;
    margin-right:5px;
}

.notification-combinaison-mastermind-wrapper .color-wrapper .color { 
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/thot/sprites_couleurs_pions.png');
    width:100%;
    height:100%;
    background-size:100% 800%;
}


.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .color{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/thot/sprites_couleurs_pions.png');
    background-size:100% 800%;
    width: 30px;
    height: 30px;

}


.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .color.color-orange,
.notification-combinaison-mastermind-wrapper .color-wrapper .color.color-orange {
    background-position-y: -0%;
}

.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .color.color-yellow,
.notification-combinaison-mastermind-wrapper .color-wrapper .color.color-yellow {
    background-position-y: -100%;
}

.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .color.color-green,
.notification-combinaison-mastermind-wrapper .color-wrapper .color.color-green {
    background-position-y: -200%;
}

.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .color.color-bleen,
.notification-combinaison-mastermind-wrapper .color-wrapper .color.color-bleen {
    background-position-y: -300%;
}

.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .color.color-blue,
.notification-combinaison-mastermind-wrapper .color-wrapper .color.color-blue {
    background-position-y: -400%;
}

.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .color.color-violet,
.notification-combinaison-mastermind-wrapper .color-wrapper .color.color-violet {
    background-position-y: -500%;
}

.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .color.color-red,
.notification-combinaison-mastermind-wrapper .color-wrapper .color.color-red {
    background-position-y: -600%;
}

.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .color.color-empty,
.notification-combinaison-mastermind-wrapper .color-wrapper .color.color-empty {
    background-position-y: -700%;
}



.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .status{
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/thot/sprite_pion_indication_12x12px.png');
    background-size: 300% 100%;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
}


.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .status.nonpresent{
    background-position-x: -0%;
}

.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .status.position{
    background-position-x: -100%;
}

.level-thot .game-wrapper .result-wrapper .round-wrapper .round .all-color-wrapper .color-wrapper .status.exact{
    background-position-x: -200%;
}



.notification-thot .color-pot,
.thot-moving-pot.color-pot,
.level-thot .game-wrapper .color-pot{
    display: inline-block;
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/thot/sprites_pots.png');
    width: 90px;
    height: 90px;
    background-size:200% 700%;
}

.thot-moving-pot.color-pot {
    z-index:1;
}


.level-thot .game-wrapper .player-play-wrapper .color-pot {
    width:88px;
    height:88px;
}

.notification-thot .color-pot {
    width: 45px;
    height: 45px;   
}

.notification-thot .color-pot:hover,
.level-thot .game-wrapper .color-pot:hover {
    background-position-x: -100%;
    }   


.thot-moving-pot.color-pot.color-pot-violet, 
.notification-thot  .color-pot.color-pot-violet, 
.level-thot .game-wrapper .color-pot.color-pot-violet{
    background-position-y: -0%;
}

.thot-moving-pot.color-pot.color-pot-blue, 
.notification-thot  .color-pot.color-pot-blue, 
.level-thot .game-wrapper .color-pot.color-pot-blue{
    background-position-y: -100%;
}

.thot-moving-pot.color-pot.color-pot-bleen, 
.notification-thot  .color-pot.color-pot-bleen, 
.level-thot .game-wrapper .color-pot.color-pot-bleen{
    background-position-y: -200%;
}

.thot-moving-pot.color-pot.color-pot-green, 
.notification-thot  .color-pot.color-pot-green, 
.level-thot .game-wrapper .color-pot.color-pot-green{
    background-position-y: -300%;
}

.thot-moving-pot.color-pot.color-pot-orange, 
.notification-thot  .color-pot.color-pot-orange, 
.level-thot .game-wrapper .color-pot.color-pot-orange{
    background-position-y: -400%;
}

.thot-moving-pot.color-pot.color-pot-red, 
.notification-thot  .color-pot.color-pot-red, 
.level-thot .game-wrapper .color-pot.color-pot-red{
    background-position-y: -500%;
}

.thot-moving-pot.color-pot.color-pot-yellow, 
.notification-thot  .color-pot.color-pot-yellow, 
.level-thot .game-wrapper .color-pot.color-pot-yellow{
    background-position-y: -600%;
}

.notification-thot .color-pot.disabled, 
.level-thot .game-wrapper .color-pot.disabled{
    background-position-x: 0;
    opacity:0.2;
}


.modal.thot{
    background-color: rgb(255, 255, 128);
    border: 3px solid rgb(255, 255, 160);
    -webkit-box-shadow: 10px 10px 10px 5px rgba(255, 255, 160, 0.25);
    box-shadow: 10px 10px 10px 5px rgba(255, 255, 160, 0.25);
    padding: 20px;
    text-align: center;
    font-family: 'PharaohCustom', Arial, "Helvetica Neue", Helvetica, sans-serif;
    overflow: visible;
}
.modal.thot .modal-title{
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}
.modal.thot .modal-content{
    font-size: 22px;
}
.modal.thot .modal-footer{
    margin-top: 20px;
}
.modal.thot>.btn-close{
  position: absolute;
  left: calc(100% - 16px);
  bottom: calc(100% - 16px);
  border-radius: 100%;
  border: 3px solid #222;
  font-weight: bold;
  width: 32px;
  height: 32px;
  line-height: 34px;
  font-size: 24px;
  text-align: center;
  background-color: #ddd;
  cursor: pointer;
}
.modal.thot>.btn-close:focus,
.modal.thot>.btn-close:hover{
  color: #222;
  background-color: #fff;
  border-color: #444;
}


.notification-thot .gain-point {
    font-size:3rem; 
    margin:0.2em;
    display: inline-block;
    padding:10px;
    border-radius: 10px;
    background:white;
    color:#3D8AA4;
    text-shadow: 
        1px 1px 5px #162F36,
        -1px 1px 5px #162F36,
        -1px -1px 5px #162F36,
        1px -1px 5px #162F36;
    animation:gain-point-zoom 1s linear infinite;
}

 z {}


.jdm-notification-wrapper {
	max-width: 700px;
	width:80%;
	position:fixed;
	top:75px;
	left:calc(50% + 106px);
	transform:translateX(-50%);
	user-select:none; 
	cursor:default;
	z-index: 93;
}  

.jdm-notification-wrapper .notification-element {
	position:relative; 
	background:rgba(0,0,0,0.7);
	color:white;
	font-family: PharaohCustom;
    padding: 20px; 
	margin-bottom: 0.5em; 
	border-radius: 3px;  
	overflow: hidden; 
} 

.jdm-notification-wrapper .notification-element .close-button {
	position: absolute;
	top:0.5em;
	right:0.5em;
	font-family: grobold;
	font-size:0.8em; 
	line-height:0.8em; 
	color:inherit;
} 

.jdm-notification-wrapper .notification-element .close-button:hover {
	opacity: 0.5;
}


.jdm-notification-wrapper .notification-element.notification-error {
	background:#FC9696;
	border:1px solid black;
	box-shadow: 0 0 10px 0 #000;   
	color:black; 
	text-shadow: 1px 1px 1px #EDD1D1;
}

.jdm-notification-wrapper .notification-element.notification-warning {
	background:#FCEA96;
	border:1px solid black;
	box-shadow: 0 0 10px 0 #000;   
	color:black; 
	text-shadow: 1px 1px 1px #EDE5D1;
}
.jdm-notification-wrapper .notification-element.notification-success {
	background:#B3FC96;
	border:1px solid black;
	box-shadow: 0 0 10px 0 #000;   
	color:black; 
	text-shadow: 1px 1px 1px #E1EDD1;
}


.jdm-notification-wrapper .notification-element.notification-horus {
	background:#EABF56;
	border:1px solid black;
	box-shadow: 0 0 10px 0 #000;   
	color:white; 
	font-weight: bold;
	/*text-shadow: 1px 1px 1px #DCCBA1;*/
    text-align: center;
}

.jdm-notification-wrapper .notification-element.notification-bastet {
	background:#732C4E;
	border:1px solid black;
	box-shadow: 0 0 10px 0 #000;   
	color:white; 
	font-weight: bold;
	/*text-shadow: 1px 1px 1px #ECAFBF;*/
    text-align: center;
}

.jdm-notification-wrapper .notification-element.notification-thot {
	background:#2F839D;
	border:1px solid black;
	box-shadow: 0 0 10px 0 #000;   
	color:white; 
	font-weight: bold;
	/*text-shadow: 1px 1px 1px #ECAFBF;*/
    text-align: center;

}
.jdm-notification-wrapper .notification-element.notification-seth {
	background:#6A7845;
	border:1px solid black;
	box-shadow: 0 0 10px 0 #000;   
	color:white; 
	font-weight: bold;
	/*text-shadow: 1px 1px 1px #ECAFBF;*/
    text-align: center;
}

.jdm-notification-wrapper .notification-element.notification-isis{
    background: #973a28;
	border:1px solid black;
	box-shadow: 0 0 10px 0 #000;   
	color:white; 
	font-weight: bold;
	/*text-shadow: 1px 1px 1px #ECAFBF;*/
    text-align: center;
}
.jdm-notification-wrapper .notification-element.notification-isis.notification-danger{
    background: #cd3619;
    border: 1px solid #555;
    color: #fff;
    box-shadow: 0 0 10px 0 #963333;   
    text-align: center;
}

.jdm-notification-wrapper .notification-element.notification-isis .content .title{
	font-size: 25px;
	margin-bottom: 15px;
}
.jdm-notification-wrapper .notification-element.notification-isis .content .content{
	line-height: 1.5;
}
.jdm-notification-wrapper .notification-element.notification-isis .content > .gain{
	margin-top: 20px;
	font-size: 48px;
}
.jdm-notification-wrapper .notification-element.notification-isis .content .footer{
	margin-top: 20px;
}

.jdm-notification-wrapper notification-element notification-isis notification-isis-step .content .btn btn-generic{
	font-size: 17px !important;
}


.jdm-notification-wrapper .notification-element.notification-thot:before, 
.jdm-notification-wrapper .notification-element.notification-bastet:before, 
.jdm-notification-wrapper .notification-element.notification-isis:before, 
.jdm-notification-wrapper .notification-element.notification-seth:before, 
.jdm-notification-wrapper .notification-element.notification-horus:before {
	content:'';
	display:block;
	position:absolute;
	right:100%;
	top:0;
    width:210px;
    max-height:280px;
/*'    min-height:277px;*/
    height:100%;
    background-size:auto 100%; 
    background-position:right top;
    background-repeat:no-repeat;
    animation-name: god-head-to-left;
    animation-duration: 0.5s;
    animation-delay: 0.2s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    z-index:-1; 
	margin-right:-210px;

}

.jdm-notification-wrapper .notification-element.notification-thot:before {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/notify/thot.png');
}
.jdm-notification-wrapper .notification-element.notification-bastet:before {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/notify/bastet.png');
}

.jdm-notification-wrapper .notification-element.notification-isis:before {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/notify/isis.png');
}
.jdm-notification-wrapper .notification-element.notification-seth:before {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/notify/seth.png');
}
.jdm-notification-wrapper .notification-element.notification-horus:before {
    background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/notify/horus.png');
}

@keyframes god-head-to-left {
	0% {
		margin-right:-210px;
	}
	100% {
		margin-right:0;
	}
}







.jdm-notification-wrapper .notification-element.notification-pyramide{
    background: #E6A323;
	border:1px solid black;
	box-shadow: 0 0 10px 0 #000;   
	color:black;  
	font-weight: bold;  
	text-shadow: 1px 1px 1px #FFEFDE;
    text-align: center;
}

.notification-pyramide-welcome .btn.btn-generic {
 	background-color:transparent; 
 	border:none; 
 	margin-top:12px; 

}
.notification-pyramide-welcome .btn.btn-generic.loading {
	animation:button-expend 1s linear infinite;   
}
  
.notification-pyramide-welcome > div > div ,
.notification-pyramide-welcome > div > a > div { 
	right:-1000% !important;  
}


.notification-pyramide-captcha {
	text-align: center;
}

.notification-pyramide-captcha #re_captcha_placeholder > div {
	margin:auto;  
} z {}

#popup_jdm {
	position:fixed;
	z-index:520;
	text-align:center;
	} 



.popup_paiement {
	width:500px;
	height:200px;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	
	
	background: #fff;
	border: 20px solid #E5E5E5;
	font-size: 1.2em;
	
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	
	}
	
.popup_paiement .pa_haut {
	display:none;
	}
	
.popup_paiement .pa_bas {
	position:absolute;
	right: -35px;
	top: -35px;
	width:50px;
	height:50px;
	}
	
.popup_paiement .pa_bas .btn_fermer {
	display:block;
	width:100%;
	height:100%;
	background:url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/paiement/croix_zoovalley.png') no-repeat !important;
	}
	
.popup_paiement .pa_bas .btn_fermer span { display:none; }
	
.popup_paiement .pa_milieu {
	height:100%;
	position:relative;
	width:100%;
}

.popup_paiement .pa_milieu .texte {
	height:100%;
	margin-left:0px;
}
	
.popup_paiement iframe {
	width:100%;
	height:100%;
	border:none;
	position:relative;
	z-index:2;
	}
	
.popup_paiement .loader_rechargement {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(229,229,229,0.5);
	background-image:url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/loader3.gif');
	background-repeat:no-repeat;
	background-position:center center;
	z-index:501;
	}


#cache_jdm {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:500;
	}
#cache_jdm .transparent_back {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	opacity:0.85;
	background:#27131A; 
	}
	
.lt-ie9 #cache_jdm .transparent_back {	
	filter : alpha(opacity=85);
	}


#cache_jdm .loader {
	width:64px;
	height:64px;
	left:50%;
	margin-top:-32px;
	margin-left:-32px;
	position:absolute;
	z-index:501;
	}
	
#cache_jdm .loader { background-image:url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/loader3.gif'); }


 z {}

.jdm-notification-wrapper .btn,
body .jdm-modale .btn,
body .modal .btn,
html.html-level-grille .btn,
.loot-game-wrapper .btn {
  user-select:none;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  font-family: initial;
  box-sizing: border-box;
  background-position-y:-100%;
  cursor:default;
  background-size: auto 400%;
}

.jdm-notification-wrapper a.btn,
body .jdm-modale a.btn, 
body .modal a.btn,
html.html-level-grille a.btn, 
.loot-game-wrapper a.btn {
  cursor: pointer;
}

.jdm-notification-wrapper .btn:before,
.jdm-notification-wrapper .btn:after,
body .jdm-modale .btn:before,
body .jdm-modale .btn:after,
body .modal .btn:before,
body .modal .btn:after,
html.html-level-grille .btn:before,
html.html-level-grille .btn:after,
.loot-game-wrapper .btn:before,
.loot-game-wrapper .btn:after {
  content:'';
  position:absolute;
  display: block;
  top:0;
  height:100%;
  background-position-y:-100%;
  background-size: auto 400%;
}

.jdm-notification-wrapper .btn.disabled,
.jdm-notification-wrapper .btn.disabled:before,
.jdm-notification-wrapper .btn.disabled:after,
body .jdm-modale .btn.disabled,
body .jdm-modale .btn.disabled:before,
body .jdm-modale .btn.disabled:after,
body .modal .btn.disabled,
body .modal .btn.disabled:before,
body .modal .btn.disabled:after,
html.html-level-grille .btn.disabled,
html.html-level-grille .btn.disabled:before,
html.html-level-grille .btn.disabled:after,
.loot-game-wrapper .btn.disabled,
.loot-game-wrapper .btn.disabled:before,
.loot-game-wrapper .btn.disabled:after {  
    cursor:not-allowed;
    background-position-y:0;
}

.jdm-notification-wrapper .btn:before,
body .jdm-modale .btn:before,
body .modal .btn:before,
html.html-level-grille .btn:before,
.loot-game-wrapper .btn:before {
  right:100%;
}
.jdm-notification-wrapper .btn:after,
body .jdm-modale .btn:after,
body .modal .btn:after,
html.html-level-grille .btn:after,
.loot-game-wrapper .btn:after {
  left:100%; 
  background-position-x: 100%;
}

.jdm-notification-wrapper a.btn,
body .jdm-modale a.btn {
  text-decoration: underline; 
  font-family: inherit;
}
.jdm-notification-wrapper a.btn:hover ,
body .jdm-modale a.btn:hover {
  text-decoration: none;
}

.jdm-notification-wrapper .btn-generic,
body .jdm-modale .btn-generic,
body .modal .btn-generic,
html.html-level-grille .btn-generic,
.loot-game-wrapper .btn-generic {
  height:48px;
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bouton_generique_px.png');
    font-family: grobold, serif;
  line-height: 48px;
  font-size: 1.3rem;
  margin:0 12px;
  color:black;
  font-variant:small-caps;
}

 .explanation-grille .btn-generic {
    font-size:1.5em;
    font-variant:small-caps;
 }

.btn.btn-generic.generic-loading {
  animation:button-expend 1s linear infinite;   
}


.jdm-notification-wrapper a.btn-generic,
body .jdm-modale a.btn-generic {
  text-decoration: none;
    font-family: grobold, serif;
}


.jdm-notification-wrapper .btn-generic:before,
.jdm-notification-wrapper .btn-generic:after,
body .jdm-modale .btn-generic:before,
body .jdm-modale .btn-generic:after,
body .modal .btn-generic:before,
body .modal .btn-generic:after,
html.html-level-grille .btn-generic:before,
html.html-level-grille .btn-generic:after,
.loot-game-wrapper .btn-generic:before,
.loot-game-wrapper .btn-generic:after {
  background-image: url('//static.zoovalley.com/zoovalley/playbox/img/operationspeciale/pharaoh/bouton_generique.png');
  width:12px;
}

.jdm-notification-wrapper .btn-generic:not(.disabled):hover, 
.jdm-notification-wrapper .btn-generic:not(.disabled):hover:before, 
.jdm-notification-wrapper .btn-generic:not(.disabled):hover:after, 
body .jdm-modale .btn-generic:not(.disabled):hover, 
body .jdm-modale .btn-generic:not(.disabled):hover:before, 
body .jdm-modale .btn-generic:not(.disabled):hover:after, 
body .modal .btn-generic:not(.disabled):hover,
body .modal .btn-generic:not(.disabled):hover:before,
body .modal .btn-generic:not(.disabled):hover:after,
html.html-level-grille .btn-generic:not(.disabled):hover, 
html.html-level-grille .btn-generic:not(.disabled):hover:before, 
html.html-level-grille .btn-generic:not(.disabled):hover:after, 
.loot-game-wrapper .btn-generic:not(.disabled):hover, 
.loot-game-wrapper .btn-generic:not(.disabled):hover:before, 
.loot-game-wrapper .btn-generic:not(.disabled):hover:after {
  background-position-y:-200%;
}

.jdm-notification-wrapper .btn-generic:not(.disabled):active, 
.jdm-notification-wrapper .btn-generic:not(.disabled):active:before, 
.jdm-notification-wrapper .btn-generic:not(.disabled):active:after, 
body .jdm-modale .btn-generic:not(.disabled):active, 
body .jdm-modale .btn-generic:not(.disabled):active:before, 
body .jdm-modale .btn-generic:not(.disabled):active:after, 
body .modal .btn-generic:not(.disabled):active,
body .modal .btn-generic:not(.disabled):active:before,
body .modal .btn-generic:not(.disabled):active:after,
html.html-level-grille .btn-generic:not(.disabled):active, 
html.html-level-grille .btn-generic:not(.disabled):active:before, 
html.html-level-grille .btn-generic:not(.disabled):active:after, 
.loot-game-wrapper .btn-generic:not(.disabled):active, 
.loot-game-wrapper .btn-generic:not(.disabled):active:before, 
.loot-game-wrapper .btn-generic:not(.disabled):active:after {
  background-position-y:-300%;
}


.jdm-notification-wrapper .btn + .btn,
body .jdm-modale .btn + .btn,
body .modal .btn + .btn,
html.html-level-grille .btn + .btn,
.loot-game-wrapper .btn + .btn{
  margin-left: 22px;
}







/*CSS Spinner*/

.sk-circle {
  width: 100px;
  height: 100px;
  position: fixed;
  left:50%;
  top:50%;
  margin-left:calc(-50px + 106px);
  margin-top:-50px;
  z-index: 2;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes gain-point-zoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}