@import url(https://fonts.googleapis.com/earlyaccess/alefhebrew.css);

.blink {
        animation: blink-animation 1s steps(5, start) infinite;
        -webkit-animation: blink-animation 1s steps(5, start) infinite;
      }
.moddiv {
    float:right;
    width: 150px;
    font-family: 'Alef Hebrew';
    font-size:12pt;
    font-weight:bold;
}
.moddivB {
    float: right;
    width: 150px;
    font-family: 'Alef Hebrew';
    font-size: 12pt;
    font-weight: bold;
}
.moddivL {
   
    width: 10%;
    font-family: 'Alef Hebrew';
    font-size: 12pt;
   
}
.modL {
   
    
    font-family: 'Alef Hebrew';
    font-size: 12pt;
    white-space:nowrap;
    text-align:right;
    padding-right:5px;
    padding-left:5px;
   
}
.moddivLB {
   
    width: 15%;
    font-family: 'Alef Hebrew';
    font-size: 12pt;
   
}
.lblGift {
    font-size: 14pt;
    color: #F5CF24;
    text-align: right;
    white-space: nowrap;
    width: 90%;
}
 @-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

.giftCardTop{ width:961px; font-weight:bold; font-size:20px; font-family: Alef Hebrew; background-color:Black; color:#F5CF24}
.giftCardPanel{background-color:Black;border-width:0px;width:961px;}
@media screen and (max-width: 480px) {.giftCardTop{ width:100%; font-weight:bold; font-size:20px; font-family: Alef Hebrew; background-color:Black; color:#F5CF24}
.giftCardPanel{background-color:Black;border-width:0px;width:100%;}

}

.blink-image {
    -moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1s infinite ease-in-out; /* IE */
    animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
 
@media (max-width:767px){
.showsoldoutListimg2day{    
    width: 135px;
    position: relative;
    left: -25px; 
    
}
}

/*Gallery styles*/
.poster-list img { border-radius:5px;}
.poster-main{
	  position: relative;
      margin:30px auto;
      max-width:1000px;
		}
.poster-main .poster-list .poster-item{
			position: absolute;
			left: 0;
			top: 0;
		}
.poster-main .poster-btn{
			position: absolute;
			top: 0;
			cursor: pointer;
		}
.poster-main .poster-prev-btn{
			left: 0;
			background: url("images/btn_l.png") no-repeat center center;
		}
.poster-main .poster-next-btn{
			right: 0;
			background: url("images/btn_r.png") no-repeat center center;
		}
.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  border: 1px solid #ffffff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}
.removrtfu{
font-size: 18pt; color: White; display: inline-block; width: 40%; padding-bottom: 30px; text-align: center; direction: rtl;
}

.marquee {
  height: 25px;
  width: 903px;

  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 480px) {
    .marquee {
        height: 25px;
        width: 300px;
        overflow: hidden;
        position: relative;
    }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
    .marquee {
        height: 25px;
        width: 770px;
        overflow: hidden;
        position: relative;
    }
}

.marquee div {
  display: block;
  width: 900%;
  height: 30px;

  position: absolute;
  overflow: hidden;

  animation: marquee 30s linear infinite;
}

.marquee span {
  float: right;
  /*width: 10%;*/
}



.w4{width:4%;}
.w5{width:5%;}
.w6{width:6%;}
.w7{width:7%;}
.w8{width:8%;}
.w9{width:9%;}

@media screen and (max-width: 480px) {
    .marquee span {
  float: right;
  width: 7%;
}
.marquee div {
  display: block;
  width: 900%;
  height: 30px;

  position: absolute;
  overflow: hidden;

  animation: marquee 30s linear infinite;
}

.w4{width:4%;}
.w5{width:5%;}
.w6{width:12%;}
.w7{width:14%;}
.w8{width:14%;}
.w9{width:16%;}
}

@keyframes marquee {
  0% { right: 0; }
  100% { right: -400%; }
}

@media screen and (max-width: 1181px) {
    .removrtfu {
        font-size: 14pt;
        color: White;
        display: inline-block;
        width: 69%;
        padding-bottom: 30px;
        text-align: center;
        direction: rtl;
    }
}
@media screen and (min-width: 480px) and (max-width: 1181px)
{
    .removrtfu {
        font-size: 14pt;
        color: White;
        display: inline-block;
        width: 38%;
        padding-bottom: 30px;
        text-align: center;
        direction: rtl;
       
    }

}
@media (min-width: 810px) and (max-width: 1024px) and (orientation: landscape) {
    .removrtfu {
        font-size: 14pt;
        color: White;
        display: inline-block;
        width: 38%;
        padding-bottom: 30px;
        text-align: center;
        direction: rtl;
        white-space: nowrap;
        position: relative;
        left: 25%;
    }

}
    @media screen and (min-width: 768px) {
        .carousel-control .icon-prev,
        .carousel-control .icon-next {
            width: 30px;
            height: 30px;
            margin-top: -15px;
            margin-left: -15px;
            font-size: 30px;
        }

        .carousel-caption {
            right: 20%;
            left: 20%;
            padding-bottom: 30px;
        }

        .carousel-indicators {
            bottom: 20px;
        }
    }

    .loginF1 {
        font-weight: bold;
        font-size: 15pt;
        color: white;
        text-align: center;
        background-color: #4a3c8c;
    }

    .loginF1lbl {
        font-family: Arial;
        font-size: Medium;
        font-weight: bold;
        font-size: 15pt;
    }

    .loginT1 {
        background-color: #ffffff;
        border-color: #e7e7ff;
        border-width: 1px;
        width: 368px;
        text-align: center;
        direction: rtl;
    }

    .loginTR {
        height: 25px;
        background-color: LightSteelBlue;
    }

    .txtClName {
        width: 155px;
        font-size: 14pt;
    }

    .loginBTM {
        background-color: #E7E7FF;
        border-color: #C0C0FF;
        border-style: Double;
        font-weight: bold;
        width: 64px;
    }

    @media screen and (max-width: 1024px) {
        .loginT1 {
            background-color: #ffffff;
            border-color: #e7e7ff;
            border-width: 1px;
            width: 768px;
            text-align: center;
            direction: rtl;
        }

        .loginF1 {
            font-weight: bold;
            font-size: 25pt;
            color: white;
            text-align: center;
            background-color: #4a3c8c;
            height: 80px;
        }

        .loginF1lbl {
            font-family: Arial;
            font-size: Medium;
            font-weight: bold;
            font-size: 25pt;
        }

        .loginTR {
            height: 80px;
            background-color: LightSteelBlue;
            font-size: 25pt
        }

        .txtClName {
            width: 355px;
            font-size: 24pt;
        }

        .loginBTM {
            background-color: #E7E7FF;
            border-color: #C0C0FF;
            border-style: Double;
            font-weight: bold;
            width: 164px;
            font-size: 25pt;
            color: #000;
        }
    }