@font-face {
			font-family: 'joker';
			src: url('/_media/css/fonts/joker/jokerregularwebfont.eot');
			src: url('/_media/css/fonts/joker/jokerregularwebfont?#iefix') format('embedded-opentype'),
			url('/_media/css/fonts/joker/jokerregularwebfont.woff') format('woff'),
			url('/_media/css/fonts/joker/jokerregularwebfont.ttf') format('truetype'),
			url('/_media/css/fonts/joker/jokerregularwebfont.svg#jokerregular') format('svg');
			font-weight: normal;
			font-style: normal;
		}
@font-face{
    font-family: 'solex';
    src: url('/_media/css/fonts/solex/solexreglin-071211005EmigreWebOnly.eot');
    src: url('/_media/css/fonts/solex/solexreglin-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
    url('/_media/css/fonts/solex/solexreglin-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
		@font-face {
			font-family: 'joker-bold';
			src: url('/_media/css/fonts/joker/jokerboldwebfont.eot');
			src: url('/_media/css/fonts/joker/jokerboldwebfont?#iefix') format('embedded-opentype'),
			url('/_media/css/fonts/joker/jokerboldwebfont.woff') format('woff'),
			url('/_media/css/fonts/joker/jokerboldwebfont.ttf') format('truetype'),
			url('/_media/css/fonts/joker/jokerboldwebfont.svg#jokerbold') format('svg');
			font-weight: normal;
			font-style: normal;
		}
		body{
			direction:rtl;
			text-align:right;
			font-family:solex, joker, Arial, sans-serif;
			background:#262626;
			margin:0;
			padding:0;
		}
		*{
			box-sizing:border-box;
			vertical-align: top;
			font-family:solex,joker, Arial, sans-serif;
			color:#fff;
		}
		a{
			text-decoration: none;
		}
		div.row{
			display:block;
			max-width:100%;
			text-align:center;
		}
		div#header {
			display: block;
			width: 100%;
			height: 50px;
			background: #fff;
		}
		div.content{
			width:100%;
			max-width:900px;
			margin:auto;
			display:block;
		}
		.stick{
			width: 49.5%;
			display: inline-block;
			height: 100%;
			vertical-align: top;
		}
		.stick.right{
			
		}
		.stick.left{
			
		}
		a.backToSite {
			float: left;
			vertical-align: middle;
			line-height: 40px;
			color: #333;
		}
		#main{
			background:#1D1D1D;
			padding-bottom:5%;
		}
		div.inlineBlock{
			display:inline-block;
		}
		.inlineBlock.timer {
			width: 29%;
			height: 200px;
		}
		.inlineBlock.title {
			width: 70%;
		}
		img {
			max-width: 100%;
			border:none;
		}
		div.border{
			height:2px;
			margin:3% 3px;
		}
		div#border_green {
			background: #01FEB7;
		}
		.green_glow{
			box-shadow: 0 0 2px 2px rgba(1, 254, 183, 0.42);
		}
		div#border_yellow {
			background: #F8C900;
			
		}
		.yellow_glow{
			box-shadow: 0 0 14px 5px rgba(248, 201, 0, 0.42);
		}
		.item {
			width: 100%;
			max-width: 290px;
			text-align: center;
		}
		.item_title {
			font-size: 30px;
			height:60px;
		}
		.item_price {
			background: #04e5a6;
			font-size: 40px;
			font-weight: bold;
			color: #000;
			margin: 1% 18%;
			height:40px;
			border-radius: 40px;
		}
		.item_reg_price {
			background: #fff;
			margin: 4% 30%;
			color: #000;
			font-weight: bold;
			font-size: 21px;
			text-decoration: line-through;
			padding: 1%;
			border-radius: 21px;
			position: relative;
		}

		.item_reg_price:before {
			content: ' ';
			position: absolute;
			border-right: 3px solid #fff;
			border-left: 3px solid #fff;
			width: 62%;
			height: 13px;
			right: 20px;
			top: -11px;
		}
		span.NIS {
			color: inherit;
			font-size: 60%;
			vertical-align: middle;
			display: inline-block;
			font-weight: normal;
		}
		.item_cta{
			color: #04e5a6;
			font-size: 30px;
		}
		div#main {
			background-color: #1D1D1D;
			padding-bottom: 5%;
			background-image: 
				-webkit-gradient(radial, 50% 50%, 1, 50% 50%, 5, from(white), color-stop(0.1, rgba(220, 179, 4, 0.72)),to(transparent)),
				-webkit-gradient(radial, 50% 50%, 1, 50% 50%, 5, from(white), color-stop(0.1, rgba(3, 185, 235, 0.7)), to(transparent)), -webkit-gradient(radial, 50% 50%, 1, 50% 50%, 7, from(rgba(255,255,255,.9)), color-stop(0.05, rgba(251,255,186,.3)), to(transparent)), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 6, from(rgba(255,255,255,.4)), color-stop(0.03, rgba(253,255,219,.2)), to(transparent));
			background-image: 
				-moz-radial-gradient(circle, #FFFFFF 2px, rgba(248,255,128,.5) 4px, transparent 5px), 
				-moz-radial-gradient(circle, #FFFFFF 1px, rgba(255,186,170,.4) 3px, transparent 5px), 
				-moz-radial-gradient(circle, rgba(255,255,255,.9) 1px, rgba(251,255,186,.3) 2px, transparent 5px), 
				-moz-radial-gradient(circle, rgba(255,255,255,.4), rgba(253,255,219,.2) 1px, transparent 5px);
			background-image: 
				-ms-radial-gradient( 50% 50%, 1, 50% 50%, 5, from(white), color-stop(0.1, rgba(220, 179, 4, 0.72)),to(transparent)),
				-ms-radial-gradient( 50% 50%, 1, 50% 50%, 5, from(white), color-stop(0.1, rgba(3, 185, 235, 0.7)), to(transparent)), -ms-radial-gradient( 50% 50%, 1, 50% 50%, 7, from(rgba(255,255,255,.9)), color-stop(0.05, rgba(251,255,186,.3)), to(transparent)), -ms-radial-gradient( 50% 50%, 0, 50% 50%, 6, from(rgba(255,255,255,.4)), color-stop(0.03, rgba(253,255,219,.2)), to(transparent));
			background-image: 
				radial-gradient( 50% 50%, 1, 50% 50%, 5, from(white), color-stop(0.1, rgba(220, 179, 4, 0.72)),to(transparent)),
				radial-gradient( 50% 50%, 1, 50% 50%, 5, from(white), color-stop(0.1, rgba(3, 185, 235, 0.7)), to(transparent)), radial-gradient( 50% 50%, 1, 50% 50%, 7, from(rgba(255,255,255,.9)), color-stop(0.05, rgba(251,255,186,.3)), to(transparent)), radial-gradient( 50% 50%, 0, 50% 50%, 6, from(rgba(255,255,255,.4)), color-stop(0.03, rgba(253,255,219,.2)), to(transparent));
			background-size: 502px 550px, 350px 350px, 250px 264px, 220px 200px;
			background-position: 0 0, 30px 60px, 130px 270px, 70px 150px;
			/* Animation */
			animation-name: movement;
			animation-duration: 19s;
			animation-timing-function: linear;
			animation-iteration-count: infinite;
		 
			/* Firefox */
			-moz-animation-name: movement;
			-moz-animation-duration:19s;
			-moz-animation-timing-function: linear;
			-moz-animation-iteration-count: infinite;
		 
			/* Webkit */
			-webkit-animation-name: movement;
			-webkit-animation-duration: 19s;
			-webkit-animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
		}
		@keyframes movement
		{
			from {
					background-position: 0 0, 30px 60px, 130px 270px, 70px 150px;
			}
			to {
					background-position: -550px 0, -320px 60px, -120px 270px, -150px 150px;
			}
		}
		.cubes_wrap {
			max-width: 500px;
			margin: auto;
			text-align: center;
		}

		.coming_up_item {
			display: inline-block;
			margin: 4%;
			position: relative;
			cursor: pointer;
			width:95px;
		}

		h3.more_items {
			text-align: center;
			font-size: 35px;
			margin: 0 0 15px;
			font-weight: normal;
			color: #f8c900;
			text-shadow: 0px 0px 10px rgba(248, 201, 0, 0.4392156862745098), 0px 0px 20px rgba(248, 201, 0, 0.8), 0px 0px 30px rgba(248, 201, 0, 0.8);
		}

		.coming_up_item:before {
			/* content: ' ';
			position: absolute;
			width: 100%;
			height: 100%;
			background: URL('images/more_mask.png');
			z-index: 10;
			transition:all 0.5s;
			top:0;
			opacity:1; */

		}

		.coming_up_item:hover:before {
		   transform: rotate3d(1,0,0,90deg);
		}
		.button_more {
			font-size: 30px;
			display: inline-block;
			text-align: center;
			background: #f8c900;
			font-weight: bold;
			color: #000;
			padding: 1% 3%;
			border-radius: 30px;
			margin: 2%;
			box-shadow: 0 0 9px 2px rgba(248, 201, 0, 0.6);
		}
		.pacman{
			background-color:#ffd647;
			height:25px;
			width:50px; 
			position:relative;
		}
		.pacman-top{
		  border-radius:100px 100px 0 0;
		  animation: spin1 1s infinite linear;
		}
		.pacman-top:before{
			content:'•';
			position:absolute;
			top:0px;
			left:15px;
			font-size:24px;
			color:#000;

		}
		.pacman-bottom{
		  border-radius:0 0 100px 100px;
		  animation: spin2 1s infinite linear;
		}
		@keyframes spin1 {
			0%  {transform: rotate(35deg);}
			80%{transform: rotate(35deg);}
			90%{transform: rotate(0deg);}
		  
		}
		@keyframes spin2 {
			0%  {transform: rotate(-35deg);}
			80%{transform: rotate(-35deg);}	
			90%{transform: rotate(0deg);}
		}
		@-moz-keyframes spin1 {
			0%  {transform: rotate(35deg);}
			50%{transform: rotate(35deg);}
			75%{transform: rotate(0deg);}
		}
		@-moz-keyframes spin2 {
			0%  {transform: rotate(-35deg);}
			50%{transform: rotate(-35deg);}	
			75%{transform: rotate(0deg);}	
		}

		@-webkit-keyframes spin1 {
			0%  {transform: rotate(35deg);}
			90%{transform: rotate(35deg);}
			95%{transform: rotate(0deg);}
		}
		@-webkit-keyframes spin2 {
			0%  {transform: rotate(-35deg);}
			90%{transform: rotate(-35deg);}	
			95%{transform: rotate(0deg);}
		}
		.pacman-dots {
		   display: inline-block;
		   width: calc(100% - 70px);
		   height: 50px;
		   background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 3, from(white),
						 color-stop(1, rgb(255, 255, 255)), to(#ffffff00)),
						-webkit-gradient(radial, 50% 50%, 1, 50% 50%, 7, from(white),
						 color-stop(1, rgb(255, 255, 255)), to(transparent));
		   background-repeat: repeat;
		   background-size: 25px 50px,100px 50px;
		   background-position: 5px 0, -33px 0px;
		   margin-right: -23px;
		   animation:eat 2s infinite linear;
		}

		div#pacman {
			display: inline-block;
			background: transparent;
			position: relative;
		}

		.inlineBlock.title {
			text-align: right;
		}
		@keyframes eat {
			0%  {background-position: -20px 0, -133px 0px;}
			100%{background-position: 80px 0, -33px 0px;}
		}
		@-moz-keyframes eat {
			0%  {background-position: -20px 0, -133px 0px;}
			100%{background-position: 80px 0, -33px 0px;}
		}
		@-webkit-keyframes eat {
			0%  {background-position: -20px 0, -133px 0px;}
			100%{background-position: 80px 0, -33px 0px;}
		}
		div.digit {
			display: inline-block;
			position: relative;
			height: 45px;
			width: 19%;
			vertical-align: middle;
			text-align: center;
		}

		div#dots {
			width: 10%;
		}
		div#clockTimer {
			background: #000;
			margin: 0 15%;
			border: 4px solid red;
			border-radius: 20px;
			padding: 9% 4%;
			height: 115px;
			vertical-align: middle;
			direction:ltr;
		}
		.digit div {
			position: absolute;
			background: red;
			color:red;
			border-radius:5px
			
		}
		.digit .d1, .digit .d2,.digit .d3 {
			width: 70%;
			height: 4px;
			margin: 0 15%;
			top:1px;
		}
		.digit .d2 {
			top: calc(50% - 4px);
		}
		.digit .d3 {
			top: calc(100% - 8px);
		}
		.digit .d4, .digit .d5,.digit .d6,.digit .d7 {
			width:4px;
			height:35%;
		}
		.digit .d4 {
			left: 8%;
			top: 4px;
		}
		.digit .d5 {
			right: 8%;
			top: 4px;
		}
		.digit .d6 {
			left: 8%;
			bottom: 7.5px;
		}
		.digit .d7 {
			right: 8%;
			bottom: 7.5px;
		}
		div#dots:before,div#dots:after {
			content:'•';
			position:absolute;
			color:red;
			font-size:25px;
			left:50%;
			margin-left:-5px;
			top: -3%;
			animation:blink 1s linear infinite;
		}
		@keyframes blink{
			0%{opacity:1}
			50%{opacity:1}
			75%{opacity:0.3}
		}
		div#dots:after {
			top: 37%;
		}
		.digit.t1 .d1{opacity:0.3;}
		.digit.t1 .d2{opacity:0.3;}
		.digit.t1 .d3{opacity:0.3;}
		.digit.t1 .d4{opacity:0.3;}
		.digit.t1 .d5{opacity:1;}
		.digit.t1 .d6{opacity:0.3;}
		.digit.t1 .d7{opacity:1;}
		
		.digit.t2 .d1{opacity:1;}
		.digit.t2 .d2{opacity:1;}
		.digit.t2 .d3{opacity:1;}
		.digit.t2 .d4{opacity:0.3;}
		.digit.t2 .d5{opacity:1;}
		.digit.t2 .d6{opacity:1;}
		.digit.t2 .d7{opacity:0.3;}
		
		.digit.t3 .d1{opacity:1;}
		.digit.t3 .d2{opacity:1;}
		.digit.t3 .d3{opacity:1;}
		.digit.t3 .d4{opacity:0.3;}
		.digit.t3 .d5{opacity:1;}
		.digit.t3 .d6{opacity:0.3;}
		.digit.t3 .d7{opacity:1;}
		
		.digit.t4 .d1{opacity:0.3;}
		.digit.t4 .d2{opacity:1;}
		.digit.t4 .d3{opacity:0.3;}
		.digit.t4 .d4{opacity:1;}
		.digit.t4 .d5{opacity:1;}
		.digit.t4 .d6{opacity:0.3;}
		.digit.t4 .d7{opacity:1;}
		
		.digit.t5 .d1{opacity:1;}
		.digit.t5 .d2{opacity:1;}
		.digit.t5 .d3{opacity:1;}
		.digit.t5 .d4{opacity:1;}
		.digit.t5 .d5{opacity:0.3;}
		.digit.t5 .d6{opacity:0.3;}
		.digit.t5 .d7{opacity:1;}
		
		.digit.t6 .d1{opacity:1;}
		.digit.t6 .d2{opacity:1;}
		.digit.t6 .d3{opacity:1;}
		.digit.t6 .d4{opacity:1;}
		.digit.t6 .d5{opacity:0.3;}
		.digit.t6 .d6{opacity:1;}
		.digit.t6 .d7{opacity:1;}
		
		.digit.t7 .d1{opacity:1;}
		.digit.t7 .d2{opacity:0.3;}
		.digit.t7 .d3{opacity:0.3;}
		.digit.t7 .d4{opacity:0.3;}
		.digit.t7 .d5{opacity:1;}
		.digit.t7 .d6{opacity:0.3;}
		.digit.t7 .d7{opacity:1;}
		
		.digit.t8 .d1{opacity:1;}
		.digit.t8 .d2{opacity:1;}
		.digit.t8 .d3{opacity:1;}
		.digit.t8 .d4{opacity:1;}
		.digit.t8 .d5{opacity:1;}
		.digit.t8 .d6{opacity:1;}
		.digit.t8 .d7{opacity:1;}

		.digit.t9 .d1{opacity:1;}
		.digit.t9 .d2{opacity:1;}
		.digit.t9 .d3{opacity:1;}
		.digit.t9 .d4{opacity:1;}
		.digit.t9 .d5{opacity:1;}
		.digit.t9 .d6{opacity:0.3;}
		.digit.t9 .d7{opacity:1;}
		
		.digit.t0 .d1{opacity:1;}
		.digit.t0 .d2{opacity:0.3;}
		.digit.t0 .d3{opacity:1;}
		.digit.t0 .d4{opacity:1;}
		.digit.t0 .d5{opacity:1;}
		.digit.t0 .d6{opacity:1;}
		.digit.t0 .d7{opacity:1;}
		span.timer_msg {
			font-size: 30px;
			color: red;
			font-weight: bold;
			max-width: 160px;
			display: inline-block;
			letter-spacing: 1.5;
		}
@media only screen{
	div#clockTimer{
		padding: 7% 1%;
	}
}
@media only screen and (max-width: 500px){
	div.inlineBlock.timer{
	   display:block;
	   width:100%;
	   margin-top:5%
	}
	div#main{
		animation:none;
	}
}
div#pacman {
  animation: move 7s linear infinite;
  background: #1d1d1d;
  text-align:left;
  position:absolute;
  direction: ltr;
}
  @keyframes move {
			0%  {width:50px;}
			100%{width:550px;}
		  
		}

.pacman-dots {
    padding-right: 50px;
    margin-right: 0;
}
.stock_stamp {
    position: absolute;
    top: 126px;
    left: -5px;
    background: #ff5149;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 18px;
}

a.item_wrap {
    position: relative;
}

.stock_stamp.less_then span {
    font-size: 156%;
    display: block;
    line-height: 0.8;
	font-weight:bold;
}

.stock_stamp.less_then {
    padding: 19px 0;
	font-size:22px;
}

.stock_stamp.outOfStock {
    font-size: 35px;
    padding: 12px 0;
	/* cursor: default; */
	font-weight: bold;
}
.item.OutOfStock {
    opacity: 0.7;
    /* cursor: default; */
}
span.disclaimer {
    display: block;
    margin-top: 10%;
    text-align: right;
    padding: 0 10%;
}
.item_img {
    height: 280px;
}



.item_price {
    background: #f7c800;
    box-shadow: none;
    border-radius: 0;
    line-height: 50px;
    padding: 5px 0;
    height: 50px;
}

.item_reg_price:before {
    display: none;
}

.item_reg_price {
    border-radius: 0;
    margin: -3px 18% 3%;
}

.item_cta {
    color: #f7c800;
    font-weight: bold;
}
