﻿
/*body{
background:#ffffff;
font:400 13px 'Open Sans', Arial;
color:#2e2e2e;
}*/

a{
color:#e52530;
text-decoration:underline;
-webkit-transition:all 250ms ease 0s;
-moz-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;
}

a:hover, a:focus{color:#e52530;}

input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#2e2e2e;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{opacity:1;color:#2e2e2e;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{opacity:1;color:#2e2e2e;}

.container{
margin:0 auto;
width:910px;
direction:rtl;
text-align:right;
}

.title{
margin:30px 0 10px 0;
font-size:19px;
font-weight:700;
color:#e52530;
text-align:center;
}

.title .black{color:#2e2e2e;}

.search-slogan{
font-size: 25px;
font-weight: 700;
text-align:center;
}

.search-book{
display:none;
background:url(../images/albums/search-book.png) no-repeat center center;
width:243px;
height:158px;
}

.search-products{
margin:-45px 0 0 5px;
width:65px;
height:47px;
}
.search-picapoints{
margin:45px 0 -100px -110px;
padding:8px 5px;
background-color:#8f8f8f;
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border: 0px solid #800000;
font-size:16px;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
display:none;
cursor:pointer;
}
.search-picapoints img { vertical-align:sub; }

.search-form{
margin:0;
padding:25px;
position:relative;
background-color:#f3f3f3;
width:930px;
z-index:1;
}

.search-form label{margin:0; display:block;}

.search-form-title {
    text-align:center;
    height:40px;
}
.search-form-title p { font-size:24px; }
.search-form-title span{text-align:center;color:#e52530; font-weight:bold; font-size:19px;}

.form-type{width:205px;}

.form-number{width:145px;margin-right:0px;}

.form-copies{width:145px;margin-right:0px;}

.form-row {
    margin-bottom:15px;
    height:220px;
}

.search-form .select{
color: #2e2e2e;
display: block;
font-size:14px;
height: 25px;
padding: 0;
position: relative;
width:155px;
float:right;
margin-left:15px;
}

.search-form .select .fancyText {
background:#ced4d7 url(../images/albums/search-select.png) no-repeat left center;
height:25px;
padding: 0 7px 0 0;
position: absolute;
width: 100%;
line-height: 25px;
}

.search-form .select .fancySelect {
cursor: pointer;
float: right;
height: 25px;
opacity: 0;
position: relative;
width: 100%;
z-index: 2;
background:#ced4d7;
}

.form-group { height:40px; }
.form-group.disabled{opacity:.3;}
.form-group.thin { height:25px; }

.form-group.disabled .select .fancySelect{cursor:default;}

.vis_container {
    width: 500px;
    height:412px;
}
.form-comment{
margin:6px 0 0 0;
font-size:14px;
width:350px;
}
.form-help {
    float:left;
    margin-top:24px;
    color:#e52530;
    display:none;
}
.option-group { text-align:center;}
.btn-option {
    display:inline-block;
    width: 82px;
    text-align:center;
    border: solid 1px #999999;
    padding: 4px 6px; margin:-2px;
    cursor:pointer;
}
.btn-option.selected {
    color:White;
    background-color:#e52530;
    border-color:#e52530;
}
.option-group div:first-child {
    border-bottom-right-radius: 4px; 
    -moz-border-bottom-right-radius: 4px; 
    -webkit-border-bottom-right-radius: 4px; 
    border-top-right-radius: 4px; 
    -moz-border-top-right-radius: 4px; 
    -webkit-border-top-right-radius: 4px; 
}
.option-group div:last-child {
    border-bottom-left-radius: 4px; 
    -moz-border-bottom-left-radius: 4px; 
    -webkit-border-bottom-left-radius: 4px; 
    border-top-left-radius: 4px; 
    -moz-border-top-left-radius: 4px; 
    -webkit-border-top-left-radius: 4px; 
}
.form-group small { font-size:75%; }

.form_container {
    position:relative;
    margin-right:25px;
    width:350px;
}

.results{
margin:95px auto 30px auto;
width:871px;
height:616px; /* +30px per line */
border:solid 1px #d9d9d9;
font-size:12px;
}

.results-legend{
margin:232px 0 0 0;
width:180px;
height:383px; /* +30px per line */
border-bottom:solid 1px #d9d9d9;
border-left:solid 1px #d9d9d9;
}

.results-legend h3{
margin:0;
padding:8px 10px 8px 0;
border-top:solid 1px #d9d9d9;
font-size:11px;
line-height:13px;
color:#898989;
}

.results-legend h3.special{
height:40px;
vertical-align:middle;
}

.results-legend h3.special.one-line{line-height:24px;}

.results-slider{
position:relative;
margin:-97px -10px 0 30px;
width:660px;
height:725px; /* +30px per line */
}

.swiper-container {
width:100%;
height: 100%;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
width:11px;
height:18px;
top:145px;
margin:0;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
background:url(../images/albums/search-left.png) no-repeat center center;
left:-20px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
background:url(../images/albums/search-right.png) no-repeat center center;
right:-20px;
}

.swiper-slide{
text-align: center;
font-size: 12px;
display: block;
}

.slide{
border:solid 1px #c6c6c6;
width:100%;
height:560px; /* +30px per line */
background:#ebebeb;
position:relative;
margin-top:34px;
}

.slide-active{
margin:0 auto;
width:110px;
height:118px;
position:relative;
z-index:2;
opacity:0;
filter: alpha(opacity=0);
}

.slide-best{
margin:14px -24px 0 -20px;
padding:6px 6px 0 0;
width:175px;
height:43px;
background:url(../images/albums/search-best.png) no-repeat center top;
position:absolute;
top:-27px;
left:1px;
z-index:2;
font-size:14px;
font-weight:700;
color:#ffffff;
}

.swiper-wrapper .swiper-slide:nth-of-type(2n) .slide{background:#ffffff;}

.add{
position:absolute;
top:85px;
left:6px;
width:15px;
height:15px;
color:#898989;
}
.add:hover { color:#e52530; }
.book:hover + .add { color:#e52530; }
.slide .MyPopup:hover { color:#e52530; }
.results-legend .MyPopup:hover { color:#e52530; }

.book{
position:absolute;
top:2px;
left:0;
width:100%;
height:86px;
text-align:center;
line-height:86px;
cursor:pointer;
}
.book>img{
    -ms-transform: scale(0.6,0.6); /* IE 9 */
   	-webkit-transform: scale(0.6,0.6); /* Safari */
   	-moz-transform: scale(0.6,0.6); /* FireFox */
    transform: scale(0.6,0.6);
}

.name{
position:absolute;
top:100px;
left:0;
width:100%;
height:34px;
font-size: 11px;
text-align:center;
line-height:34px;
color:#e82530;
font-weight:700;
}

.from{
position:absolute;
top:132px;
left:0;
padding:0 40px;
width:100%;
height:34px;
font-size: 11px;
text-align:right;
color:#4c4c4c;
}
.from.down { margin-top:14px; }

.from .big{
display:block;
clear:both;
font-size:17px;
font-weight:700;
width:65px;
}
.slide .title{ display:none; }

.details{
position:absolute;
top:176px;
left:0;
padding:0;
width:100%;
height:34px;
font-size: 12px;
color:#4c4c4c;
}

.details p{
margin:0;
padding:9px 0 8px 0;
line-height: 13px;
background:#e5e5e5;
}

.details p.pages{ font-weight:bold;}

.details p:nth-child(2n){background:transparent;}

.details p.special{height:40px;line-height: 14px;}

.slide-active.look{
opacity:1;
filter: alpha(opacity=100);
padding-top:20px;
}
.swiper-slide.selected .slide-active{
opacity:1;
filter: alpha(opacity=100);
padding:0;
}

.swiper-slide.selected .slide{
z-index:2;
margin-top:0;
padding:37px 0 16px 0;
height:601px;  /* +30px per line */
box-shadow:0 3px 6px 0 rgba(0,0,0,.22);
}

.swiper-slide.selected .slide-best{top:7px;}

.swiper-slide.selected .book{top:36px;}

.swiper-slide.selected .add{top:119px;}

.swiper-slide.selected .name{top:134px;}

.swiper-slide.selected .from{top:166px;}

.swiper-slide.selected .details{top:210px;}

.swiper-slide.selected .details p{
background:#ebebeb;
border-top:solid 1px #dadada;
padding:8px 0;
}
.swiper-slide.selected .details p:last-child{ padding-bottom:17px; }

.red{color:#e82530;}

.price{
margin:0 0 0 40px;
width:210px;
color:#ffffff;
font-size:14px;
font-weight:700;
}

.price-list{
width:120px;
color:#999999;
margin-top:5px;
}

.price-list .big{
display:block;
clear:both;
font-size:20px;
line-height:20px;
margin-bottom:16px;
}

.price-list .strike{
display:block;
clear:both;
margin:-53px -6px 0 0;
/*background:url(../images/albums/search-strike.png) no-repeat center center;*/
width:85px;
height:39px;
}
.price-list.no-discount .strike  { display:none; }
.price-list.no-discount { color:#444444; margin-top:53px; }
.price-list.no-discount .big  { font-size:32px; line-height:36px; margin-bottom:0; width:170px; }

.price-sale{width:120px; margin-top:10px;}

.price-sale .big{
display:block;
clear:both;
font-size:32px;
line-height:36px;
width:170px;
}

.price-sale.no-discount { display:none; }

.action {
    height:66px;
    position:relative;
}

.price-button{
display:block;
clear:both;
margin:0px 0px 0 0;
font-size:28px;
font-weight:700;
position:absolute;
right:0;
bottom:0;
-webkit-transition:right 400ms ease 0s;
-moz-transition: right 400ms ease 0s;
transition: right 400ms ease 0s;
}
.price-button.left{ right:196px; }

.project-name {
    width:180px;
    position:absolute;
    right:0;
    bottom:13px;
    padding:5px;
    color:#404041;
	border: 1px #d0d0d0 solid;
    -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius:7px;
	display:none;
}
.project-name::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999999;
}
.project-name.error {
	border: 1px #e52530 solid;
}
.not-valid {
    float:right;
    color:#e52530;
    font-size:17px;
    position:absolute;
    bottom:-9px;
    opacity:0;
}
.no-action {
    float:left;
    color:#e52530;
    font-size:17px;
    position:absolute;
    left:-8px;
    bottom:18px;
    opacity:0;
}
.not-valid.start, .no-action.start {
  -webkit-animation: signal 2.5s 1 ease-in-out;
  animation: signal 2.5s 1 ease-in-out;
}
@-webkit-keyframes signal {
  0% { opacity:0; }
  25% { opacity:1; }
  75% { opacity:1; }
  100% { opacity:0; }
}
@keyframes signal {
  0% { opacity:0; }
  25% { opacity:1; }
  75% { opacity:1; }
  100% { opacity:0; }
}

.nis::after { content: " ₪"; }
.percent::after { content: " %"; }

/* ----------------- */

.results-spec {
    display:none;
    top:-174px;
    position:relative;
    margin-bottom:-190px;
}
.show-spec-info {
    margin: 80px auto 40px auto;
    padding:8px;
    width:870px;
    text-align:center;
    background-color:#999999;
    cursor:pointer;
    color:White;
    font-size:20px;
    line-height:22px;
    position:relative;
    z-index:1;
}
.show-spec-info.mouse_over {background-color:#777777;}
.show-spec-info-top {
    margin: 0px auto;
    width:820px;
    height:38px;
    top:-78px;
    /*background-color:#cccccc;*/
    cursor:pointer;
    position:relative;
    z-index:2;
}
.show-spec-up { float:left; margin-left:10px; }
.show-spec-down { float:left; margin-left:10px; }

.show-spec-hide { display:none; }

/* --------------- */
.AL_div {
    height:260px;
    width:825px;
    margin: 0 auto;
    position:relative;
}
.AL_none {
    top:75px;
    position:relative;
    text-align:center;
    display:none;
}
.AL_container {
    height:525px;
    width:825px;
    margin: 0 auto;
    padding: 0 10px;
}
.AL_container .swiper-slide {
    width:165px;
    margin-top:14px;
    display:inline-block;
}
.AL_item {
    height:165px;
    display:inline-block;
    position:relative;
    cursor:pointer;
    text-align:center;
}
.AL_seperator {
    display:inline-block;
    width:75%;
    height:10px;
    background:none;
    margin-top:0px;
}
.AL_text {
    display:inline-block;
    width:150px;
    color:#808080;
    font-size:12px;
    padding-top:5px;
}
.AL_hover {
    width:170px;
    position:absolute;
    top:233px;
    left:-10px;
    background-color:#ddd;
    border:2px solid #aaa;
    display:none;
    border-bottom-right-radius: 9px; 
    -moz-border-bottom-right-radius: 9px; 
    -webkit-border-bottom-right-radius: 9px; 
    border-bottom-left-radius: 9px; 
    -moz-border-bottom-left-radius: 9px; 
    -webkit-border-bottom-left-radius: 9px; 
-webkit-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.79);
-moz-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.79);
box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.79);
}
.AL_hover::before {
    content: " ";
    background: url(../images/albums/AL_hover.png) no-repeat left top;
    width:170px;
    height:20px;
    display:inline-block;
    position:absolute;
    top:-20px;
    left:-2px;
}
.AL_hover div {
    padding:6px 4px 6px 0;
    overflow:auto;
}
.AL_hover div:first-child {
    padding:8px;
    font-size:16px;
    font-weight:bold;
}
.AL_hover div:nth-child(2n) {
    background-color:#eee;
}
.AL_hover div dspan:nth-child(2) {
    font-weight:normal;
    text-decoration:line-through;
}
.AL_hover div span {
    width:80px;
    display:inline-block;
}
.AL_hover div span:first-child {
    width:82px;
    text-align:right;
}
.AL_item:hover .AL_hover  {
    display:block;
}
.AL_item > img {
    width:165px;
    margin-top:0;
/*    opacity:0.4;
    filter: alpha(opacity=40);*/
}
.AL_item:hover > img, .AL_item.selected > img {
    /*width:75px;
    margin-top:0;*/
}
.AL_item:hover .AL_seperator  {
/*    background: url(../images/albums/AL_hover_top.png) no-repeat center center;
    border-bottom:1px solid #e52530;*/
}
.AL_item.selected .AL_seperator  {
/*     background: url(../images/albums/AL_hover_top.png) no-repeat center center;*/
   border-bottom:3px solid #e52530;
}
.AL_item:hover .AL_text {
    color:#e52530;
}
.AL_item.selected .AL_text {
    color:#e52530;
}
