/*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;}

.recent_proj {
    background-color:#f3f3f3;
    text-align:right;
    padding-top:1em;
    padding-bottom:1em;
}

.container{
margin:auto;
width:840px;
direction:rtl;
text-align:right;
}

.title{
margin:30px 0 10px 0;
font-size:17px;
font-weight:700;
/*color:#2e2e2e;*/
text-align:center;
}

.title .black{color:#2e2e2e;}

.search-slogan{
font-size: 25px;
font-weight: 700;
text-align:center;
}

.search-products{
margin:-45px 0 0 5px;
width:65px;
height:47px;
}
.search-form{
    margin:0;
    padding:25px;
    position:relative;
    background-color:#f3f3f3;
    width:860px;
    z-index:1;
	border: 1px #f3f3f3 solid;
    -moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius:11px;
}
.category-form {
    margin: 0;
    padding: 20px 25px 10px 25px;
    position:relative;
    background-color:#f3f3f3;
}
.search-form label{
    margin:0 0 5px 0;
    display:block;
    font-size:16px;
    font-weight:bold; 
}

.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-color span  {
    padding:0 0 0 5px;
    cursor:pointer;
    display:inline-block;
}
.form-color img  {
    border: solid 3px #a0a0a0;
    border-radius:16px;
}
.form-color span:hover img { border: solid 3px #e52530; }
.form-color span.selected img { border: solid 3px #e52530; }

.cover-vis {
    position:absolute;
    top:0;
    left:260px;
    width:500px;
    height:335px;
    background-size: cover;
    background-position: center;
}
.cover-vis::after {
    position:absolute;
    content: 'המחשה בלבד - הצבע עשוי להשתנות';
    text-align:center;
    margin-top:310px;
    margin-right:226px;
    font-weight:bold;
}

.form-row {
    /*margin-bottom:15px;*/
    height:410px;
}

.search-form .select, .category-form .select {
color: #2e2e2e;
display: block;
font-size:14px;
height: 25px;
padding: 0;
position: relative;
width:100%;
margin-right:-10px;
}

.search-form .select .fancyText, .category-form .select .fancyText {
    background-color:White;
    height:30px;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    line-height: 30px;
	border: 1px #d0d0d0 solid;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
.search-form .select .fancyText::after, .category-form .select .fancyText::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: '\f078';
    float:left;
}

.search-form .select .fancySelect, .category-form .select .fancySelect {
cursor: pointer;
float: right;
height: 30px;
opacity: 0;
position: relative;
width: 100%;
z-index: 2;
background-color:White;
}

.form-group { 
    margin-bottom: 15px;
    /*width:240px;*/
    height: 74px;
    margin-right:0px;
}
.form-group.disabled {opacity:.3;}

.form-group.disabled .select .fancySelect{cursor:default;}

.form-comment{
margin: 9px 0 0 0;
font-size:14px;
display:none;
}
.form-comment.zero{ font-weight:bold;}
.form-help {
    float:left;
    margin-left: 19px;
    /*margin-top:24px;*/
    color:#e52530;
    display:none;
}

.vis_container {
    width: 500px;
    height:412px;
}
.form_container {
    position:relative;
    margin-right:25px;
    width:235px;
}
.results{
margin:143px auto 0 auto;
width:820px;
height:560px; /* +30px per line */
border:solid 1px #d9d9d9;
font-size:12px;
}

.results-legend{
margin:218px 0 0 0;
width:129px;
height:341px; /* +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:-111px -10px 0 30px;
width:660px;
height:685px; /* +30px per line */
}

.swiper-container {
width:100%;
height: 100%;
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
}

.swiper-button-next, .swiper-button-prev {
width:27px;
height:27px;
top:152px;
margin:0;
}
.AL_swiper-button-next, .AL_swiper-button-prev {
top:70px;
position:absolute;
display:inline-block;
}
.proj_swiper-button-next, .proj_swiper-button-prev {
top:50px;
position:absolute;
display:inline-block;
}

.results-swiper-button-next, .AL_swiper-button-next, .proj_swiper-button-next{
left:-28px !important;
right:auto;
}

.results-swiper-button-prev, .AL_swiper-button-prev, .proj_swiper-button-prev{
right:-28px !important;
left:auto;
}

.swiper-slide{
text-align: center;
font-size: 12px;
display: block;
}

.slide{
border:solid 1px #c6c6c6;
width:100%;
height:518px; /* +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;}

.slide .MyPopup:hover { color:#e52530; }
.results-legend .MyPopup:hover { color:#e52530; }

.show-visual { cursor:pointer; }

.book{
position:absolute;
top:9px;
left:0;
width:100%;
height:86px;
text-align:center;
line-height:86px;
}

.name{
position:absolute;
top:110px;
left:0;
width:100%;
height:34px;
font-size: 11px;
text-align:center;
line-height:13px;
color:#e82530;
font-weight:700;
}

.from{
position:absolute;
top:136px;
left:0;
padding:0 45px;
width:100%;
height:34px;
font-size: 11px;
text-align:right;
color:#4c4c4c;
}

.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:nth-child(2n){background:transparent;}

.details p.special{height:40px;line-height: 23px;}

.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:561px;  /* +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:43px;}

.swiper-slide.selected .add{top:119px;}

.swiper-slide.selected .name{top:144px;}

.swiper-slide.selected .from{top:170px;}

.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;}

.search-form-price { 
    text-align:center;
    width:290px; height:71px;
    position:absolute;
    bottom:0;
}
.search-form-price > div { 
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.price-list, .price-sale {
/*margin:15px auto;*/
display:inline-block;
}
.price-list {color:#999999; font-size:75%;}
.price-sale {color:#e52530;}

.price-list .big, .price-sale .big { font-size:150%; font-weight:bold;}

.price-list .strike{
display:block;
clear:both;
margin:-39px auto 0 auto;
width:72px;
height:39px;
}
.no-discount .price-list .strike  { display:none; }
.no-discount .price-list { color:#e52530; font-size:100%; }
.no-discount .price-list .big  { font-size:150%; line-height:30px; }
.no-discount .price-sale { display:none; }

.price-comment { display:block; }

.action-button{
margin:0px 20px 0 0;
font-size:16px;
}
.action-error { 
    color:#e52530;
    width: 300px;
    text-align: center;
    font-weight:bold;
}
.not-chrome { 
    position: absolute;
    left: -195px;
    top: 700px;
    width: 200px;
    text-align: center;
}

.projectName { background-color:#f0f0f0; border-radius: 8px; text-align:center; }
.project-name {
    width:220px;
    padding:5px;
    margin:20px auto;
    color:#404041;
	border: 1px #d0d0d0 solid;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
    outline: none;
}
.project-name::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999999;
}
.project-name.error {
	border: 1px #e52530 solid;
}
.not-valid {
    color:#e52530;
    font-size:17px;
    width:170px;
    opacity:0;
}
.not-valid.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: " ₪"; }
.nis-pp::after { content: " ₪/לעמוד"; }

/* ----------------- */

.results-spec {
    display:none;
    top:-221px;
    position:relative;
    margin-bottom:-190px;
}
.show-spec-info {
    margin: 80px auto 40px auto;
    padding:8px;
    width:820px;
    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; }

/* --------------- */

.filter {
    width:700px;
    margin: 20px auto;
    padding: 10px 0 10px 0;
    text-align:center;
}
.filter > span {
    cursor:pointer;
    width:80px;
    height:54px;
    line-height:30px;
    display:inline-block;
    text-align:center;
}
.filter > span:hover {
    color: #e52530;
    text-decoration:underline;
}
/* --------------- */
.AL_div, .proj_div {
    height:260px;
    width:825px;
    margin: 0 auto;
    position:relative;
}
.proj_div { height:130px; margin-top:10px;}
.AL_none {
    top:75px;
    position:relative;
    text-align:center;
    display:none;
}
.AL_container, .proj_container {
    height:562px;
    width:825px;
    margin: 0 auto;
    padding: 0 10px;
}
.proj_container {height: 150px;}
.AL_container .swiper-slide, .proj_container .swiper-slide {
    width:165px;
    margin-top:0;
    display:inline-block;
}
.proj_img {max-height:95px; max-width:100%;}
.AL_item {
    height:165px;
    display:inline-block;
    position:relative;
    cursor:pointer;
    text-align:center;
}
.proj_item {
    height:155px;
    cursor:default;
    margin: 10px 4px;
}
.AL_seperator {
    display:inline-block;
    width:75%;
    height:10px;
    background:none;
    margin-top:8px;
}
.AL_text {
    display:inline-block;
    width:150px;
    color:#808080;
    font-size:12px;
    padding-top:5px;
}
.AL_text:hover.action {
    cursor:pointer;
    text-decoration:underline;
}
.AL_hover {
    width:170px;
    position:absolute;
    top:240px;
    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:last-child {
    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; 
}
.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.vis {
    width: 165px;
    margin-top: 0;
    /*    opacity:0.4;
    filter: alpha(opacity=40);*/
}
.AL_container img.vis {
    -webkit-transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
}
.AL_container.EN img.vis {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.AL_item > img.sale {
    position:absolute;
    top:-4px;
    right:-6px;
}
.AL_item > img.flag {
    position:absolute;
    top:-3px;
    right:-8px;
}
.AL_item:hover > img.vis, .AL_item.selected > img.vis {
    /*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;
}

/* ----------------- */

.Promo_Line {
    background-color:#e52530;
    color:white;
    text-align:center;
    width:930px;
    padding: 5px 0;
}

.Lang_Line {
    text-align:center;
    width:860px;
    padding: 5px 0 25px 0;
    position:relative;
    z-index:1;
}
/* ----------------- */

/*.container.step { min-height:650px;}*/
.steps-bar { margin: 50px auto 20px auto;}
.steps-bar .strip {
    background-color: #e0e0e0;
    width:600px;
    height:3px;
    margin:auto;
}
.steps-btn { 
    display:inline-block;
    width:300px;
    margin-top:-18px;
    cursor:pointer;
    font-size:18px;
}
.steps-btn > span { 
    background: url(../images/albums/btn-v-large.png) no-repeat;
    background-position: left;
    width: 33px; height:32px;
    display:inline-block;
}
.steps-btn > label { height:26px; cursor:pointer; }
.steps-btn.current > label { color:#e52530; border-bottom:solid 2px #e52530; }
.steps-btn.selected > span { background-position:right;}
.steps-btn.selected > label { color:#e52530; }
.steps-btn:hover > label { border-bottom:solid 2px #404041; }

div.separator { border-bottom: solid 1px #888; }

div.comment {
    padding: 20px 35px;
    background-color:#f0f0f0;
    border-radius: 8px;
    text-align:right;
    line-height:1.5em;
}
/* ----------------- */
#editor_tab > div {
    border: solid 2px #e8e8e8;
    border-bottom: 0px;
    border-radius: 6px 6px 0 0;
    font-size:18px;
    background-color:white;
    position: relative;
}
#editor_tab > div.current { color: #e52530; height:43px; border-color:#d0d0d0; z-index:2; }
.editor_classic, .editor_smart {
    display:inline-block;
    padding:0 1em;
    cursor:pointer;
    height:41px;
    z-index:1;
}
#editor_tab > div > div { padding:0.5em 1em; }
#editor_tab > div.current > div { border-bottom:solid 2px #e52530; }
.editor_classic { margin: 0 66px 0 0 ;}
.editor_smart { margin: 0 -7px 0 0; }
#editor_tab > div.tab_separator { margin-top: -2px; border-color:#d0d0d0; z-index:0; }
.smart_notice { height:28px; margin: 0.3em 0;}
.bottom_separator {
    border: solid 2px #d0d0d0;
    border-top: 0px;
    border-radius: 0 0 6px 6px;
    font-size:18px;
    background-color:white;
    margin-bottom:40px;
}
.inner_separator {border-right: solid 2px #d0d0d0; border-left: solid 2px #d0d0d0;}

.category-container { 
    display:inline-block;
    margin: 0.3em 0;
}
.category-btn {
    display:inline-block;
    padding: 0 10px;
    margin: 0 10px;
    height:28px;
    cursor:pointer;
}
.category-btn.current { border-bottom:solid 2px #e52530; color:#e52530; }
.category-btn:hover { border-bottom:solid 2px #404041; }
.category-count { color:#999999; }

.themes-container { 
    display:inline-block; 
    text-align:center;
    margin: 15px 10px;
}
/*.themes-container img { width: 260px; }*/
.themes-container img { width: 400px; }
.theme-btn > span { 
    background: url(../images/albums/btn-v-small.png) no-repeat;
    background-position: left;
    width: 35px; height:34px;
    margin-top: 0px;
    display:inline-block;
    cursor:pointer; 
}
.theme-btn > label { height:26px; cursor:pointer; vertical-align: top; margin-top: 9px; }
.theme-btn.selected > span { background-position:right;}
.theme-btn.selected > label { color:#e52530; border-bottom:solid 2px #e52530;}
.theme-btn:hover > label { border-bottom:solid 2px #404041; }

.theme-btn { position:relative;}
.theme-thumb { position:relative;}

.theme-thumb::after {
    background-color:#707070;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: '\f00e';
    color:white;
    font-size:48px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity:0;
    padding:18%;
    cursor:pointer;
}
.theme-thumb:hover::after { opacity:0.6;}
/* ----------------- */
.row.scroll { 
    height:760px;
    overflow-y:scroll;
    direction:ltr;
    margin-right:-25px;
}
.row.scroll::-webkit-scrollbar-track
{
	border-radius: 6px;
	background-color: #f0f0f0;
}

.row.scroll::-webkit-scrollbar
{
	width: 8px;
	background-color: #f0f0f0;
}

.row.scroll::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	background-color: #808080;
}
.themes-wrapper {direction:rtl; width:840px;}
/* ----------------- */
.category-form .select { width: 130px; text-align:right; display:inline-block;}
.themes-line-container { width: 660px; display:inline-block; vertical-align: bottom; margin-right:40px; }
.themes-line { line-height:30px; white-space: nowrap; display: flex; justify-content: space-around; }
.themes-line-btn { padding: 0 10px; cursor:pointer;}
.themes-line-btn.selected { color:#e52530; border-bottom:solid 2px #e52530;}
.themes-line-btn:hover { border-bottom:solid 2px #404041; }

.lineFilterPrev { color:#e52530; line-height:30px; float:right; margin-left:10px; cursor:pointer;}
.lineFilterNext { color:#e52530; line-height:30px; float:left; margin-right:10px; cursor:pointer;}
.lineFilterPrev.disabled, .lineFilterNext.disabled { color:#808080; cursor:inherit;}
/* ----------------- */
#Popup {
    display:none;
    position:absolute;
    /*overflow:hidden;*/
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:34000;
    text-align:center;
}
#Popup .pop-back {
    position:fixed;
    /*overflow:hidden;*/
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: #101010;
    opacity:0.6;
    filter:alpha(opacity=60);
    /*background: rgba(12,12,12,0.6);*/
    z-index:34000;
}
#Popup .pop-box {
    display: inline-block;
    position: absolute;
    /*top: 0;
    bottom: 0;*/
    left: 0;
    right: 0;
    width: 948px;
    height: 576px;
    margin: auto;
    border-radius: 8px;
    padding:10px 0px;
    background: #f3f3f3;
    /*background: rgba(255,255,255,1);*/
    z-index:34000;
}
#Popup .pop-close {
    display: inline-block;
    position: absolute;
    top: -22px;
    left: -22px;
    color:#e72643;
    font-size:2.5em;
    line-height:0.75em;
    cursor:pointer;
    z-index:1;
}
#Popup .pop-iframe {width: 888px; height: 440px; margin:10px 0 -10px 0;}
#Popup .pop-btn { margin-top: 10px; }
/* ----------------- */
.row.continue { position:relative;}
.no-continue {
    color:#e52530;
    font-size:17px;
    position:absolute;
    top:20px;
    margin-right:20px;
}
/* ----------------- */
.mode-status { text-align:center; display:flex; justify-content:center;}
.mode-title::after, .mode-lang::after { content: ' -'; }
.mode-title::before, .mode-lang::before { content: '- '; }
.step-status {
    padding:10px;
    font-size:18px;
    color: #c8c8c8;
    cursor:pointer;
    width:360px;
    display:inline-block;
    border-radius:8px;
    align-self:flex-end;
}
.step-status > span {
    display: inline-block;
    vertical-align: middle;
    text-align:center;
    padding:0 10px;
}
.step-status > img.EN {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.step-status > span:nth-child(2) { width:30px; text-align:left;}
.step-status .set { font-size: 14px;}
/*.step-status .set::before { content: '- ';}
.step-status .set::after { content: ' -';}*/
.step-status.selected > span:nth-child(2) { color:#e52530;}
.step-status.selected .step-label { color:#e52530;}
.step-status.selected .set { color:#404040;}
.step-status.current { background-color:#f0f0f0;}
.step-status:hover { background-color:#f0f0f0;}

.action-picapoints{
font-size:14px;
cursor:pointer;
text-align:center;
color:#999999;
display:inline-block;
}
.action-picapoints.enabled { color: #404040; }
.action-picapoints img { margin-bottom:8px; }

hr.hr8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
	margin: 0 0 0.7em 0;
}