.heb-lang  .filterBox-subject, .heb-lang  .filterBox-subject div,  .heb-lang  .filterBox-PriceBar div,   .heb-lang  .filterBox-PriceBar 
{
    float:right;
}

#worksFilter
{
    
    padding:20px;
    width: 25%;  
    min-width: 250px;    max-width: 250px;display: flex;    flex-direction: column;background-color:#efefef
}

#FilterTitle
{
    font-weight: bold;
    font-size:26px;
}
.filterBox {
    margin-bottom:30px;
}

.filterBox.hide .filterBox-content
{
    display: none;
}
.filterui
{
    cursor: pointer; 
}

.filterBox-Title{
    position: relative;
    border-bottom: 1px solid #bbb;
    padding-bottom: 10px;
    margin-bottom: 5px;
     cursor: pointer; 
}

.filterBox-Title .filterName
{
    font-weight: bold;
    position: relative;
    
     cursor: pointer; 
}

.eng-lang .filterBox-Title .filterName
{
    left: 28px;
}

.heb-lang .filterBox-Title .filterName
{
    right: 28px;
}

.filterBox-Title::after {
    content: "";
    position: absolute;
    transform-origin: center;
        -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 16px;
    height: 16px;
    border: solid #444;
    border-width: 0 3px 3px 0;
    transition: transform .1s;
    top: 10px;
     cursor: pointer;   
}




.eng-lang .filterBox-Title::after {
    left: 2px;
}

.heb-lang .filterBox-Title::after {
    right: 2px;
}


.eng-lang .filterBox-Title.hide::after { 
    top: 7px;
    right: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.heb-lang .filterBox-Title.hide::after { 
    top: 7px;
    right: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}


.filterMedium.selected:before  ,   .filterSubject.selected:before , .filterTec.selected:before , .filterPrice.selected:before, .filterGene.selected:before 
{
    content: "";
    display: block;
    background: url("V.png") no-repeat;
    width: 20px;
    height: 20px;
    float: right;
    margin: 0px 0 0px 6px;
}

.eng-lang .filterMedium.selected:before  ,  .eng-lang  .filterSubject.selected:before , .eng-lang .filterTec.selected:before , .eng-lang .filterPrice.selected:before, .eng-lang  .filterGene.selected:before 
{
    float: left;
}

.heb-lang .filterMedium.selected:before  ,  .heb-lang  .filterSubject.selected:before , .heb-lang .filterTec.selected:before , .heb-lang .filterPrice.selected:before, .heb-lang  .filterGene.selected:before 
{
    float: right;
}


.filterSize.selected, .filterOri.selected, .filterColor.selected
{
    border:5px solid #000; 
}


.filterSize , .filterOri
{
    background-color:#666;
    color:#fff;
    display:inline-block;
    margin:10px;
    text-align: center;
    vertical-align:central;
}

.filterSize-Big
{
    width:40px;
    height:40px;
    line-height: 40px
}

.filterSize-Med
{
    width:35px;
    height:35px;   
    line-height: 30px
}

.filterSize-Small
{
    width:25px;
    height:25px;   
    line-height: 25px
}

.filterOri-Wide
{
    width:50px;
    height:25px;   
}
.filterOri-Sqr
{
    width:30px;
    height:30px;   
}

.filterOri-Height
{
    width:25px;
    height:50px;   
}

.filterColor
{
    width:25px;
    height:25px; 
}

.filterBox-colorBar
{
    list-style-type: none;
}

.filterBox-colorBar li
{
    
    display: inline-block;
    margin: 3px !important;
    padding: 0px !important;
}


.eng-lang .filterBox-colorBar li
{
    float: left;
}

.heb-lang .filterBox-colorBar li
{
    float: right;
}

.filterBoxUl li
{
    display: flex;
    margin: 3px !important;
    padding: 0px !important;
}





.VerticalBar .MainAreaBoxFilterBar_Content
{
    color:#000;
    
}

.VerticalBar .MainAreaBoxFilterBar_Content h1
{
    font-size:20px;
}


@media (min-width: 768px)
 {

    
    .MainAreaBoxFilterBar.VerticalBar
    {
        width:180px;
        float:right;
        margin-top:30px;
    }
    
    .heb-lang .MainAreaBoxFilterBar.VerticalBar
    {
    
        float:right;
    
    }
    
    .eng-lang .MainAreaBoxFilterBar.VerticalBar
    {
    
        float:left;
    
    }
    


    .heb-lang .VerticalBar .MainAreaBoxFilterBar_Content
    {
        margin-right:30px;
    }

    .eng-lang .VerticalBar .MainAreaBoxFilterBar_Content
    {
        margin-left:30px;
    }

    .heb-lang .MainArea_type2_FilterBar 
    {
        height: 100%;
        float: right;
        width: 205px;
    }
    
        .eng-lang .MainArea_type3_FilterBar 
    {
        height: 100%;
        float: left;
        width: 300px;
    }
    
    
        .heb-lang .MainArea_type3_FilterBar 
    {
        height: 100%;
        float: right;
        width: 300px;
    }
    
        .eng-lang .MainArea_type2_FilterBar 
    {
        height: 100%;
        float: left;
        width: 205px;
    }
 }
 
@media (max-width: 768px)
{
    .MainAreaBoxFilterBar.VerticalBar
    {
        width:80%;
        text-align: center;
        margin:0 auto;
    }
    
    
    
    .MainAreaBoxFilterBar.VerticalBar li , .MainArea_type2_FilterBar.VerticalBar  li
    {
        float:right;
        
        padding:5px 0px;
    }
    .MainAreaBoxFilterBar.VerticalBar li a , .MainArea_type2_FilterBar.VerticalBar  li a
    {
        height:20px;
        line-height: 20px;
        
        padding:0px 10px;
        border-left: 1px solid #bbb;
        
    }
    
    .MainArea_type3_FilterBar , .MainArea_type3_FilterBar .MainAreaBoxFilterBar_Content, .MainArea_type3_FilterBar .FilterMenu_Area 
    {
        width:100%;
     
    }
    .MainArea_type3_FilterBar #worksFilter
    {
        width:90%;
        max-width:90% !important;
        margin:0 auto;
    }
    
    .filterBox {
        margin-bottom:3px;
    }
    .filterBox-content
    {
        margin-bottom:20px;
    }
}


.HorizontalBar .MainAreaBoxFilterBar_Content {
    width: 92%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    color: white;
}




.MainAreaBoxFilterBar_Content ul
{
    list-style-type: none; 
}
.MainAreaBoxFilterBar_Content a
{
    color:#000
}

.MainAreaBoxFilterBar_Content a.selected
{
    text-decoration:underline;
    font-weight: bold;
}

.HorizontalBar .MainAreaBoxFilterBar_Content h1 
{
    font-size:22px;
    
    
    display: inline;
}



.HorizontalBar .MainAreaBoxFilterBar_Content h1 a {
    color: #ee7311;
    
    /*margin-top: 5px;*/
    text-align: center;
    direction: rtl;
    font-size:22px;
    font-weight: bold;
    line-height: 43px;
}

.MainAreaBoxFilterBar_Content div.hr {
  height: 2px;
  background-color: #c82b38;
}
.MainAreaBoxFilterBar_Content div.hr hr {
  display: none;
}

.MainAreaBoxFilterBar.HorizontalBar  #FilterMenu_Area
{
    margin-right:10px;
    margin-top:-10px;
    line-height:42px;
    display: inline;
    
    
}

.MainAreaBoxFilterBar.HorizontalBar  #FilterMenu_Area ul
{
    display:inline-block;
}

.MainAreaBoxFilterBar.HorizontalBar  #FilterMenu_Area li
{
    line-height:42px;
    height:42px;
    display: inline;
}


.HorizontalBar #FilterMenu_Area li a {
    /* border: 1px solid #666666; */
    display: inline-block;
    padding: 0px 20px 0px 20px;
    font-size: 15px;
    /* background-color: #c2c2c2; */
    /* border-left: 1px solid white; */
    color: #fff;
    text-decoration: none;
    line-height:42px;
}


#FilterMenu_PageArea.ShowFilter #ShowFilterButton_Hide , #FilterMenu_PageArea.HideFilter #ShowFilterButton_Show
{
    display:initial;
}

#FilterMenu_PageArea.ShowFilter #ShowFilterButton_Show , #FilterMenu_PageArea.HideFilter #ShowFilterButton_Hide, #FilterMenu_PageArea.HideFilter #CleanFilterButton
{
    display:none;
}

#FilterMenu_PageArea.ShowFilter #worksFilter
{
    display:flex;
}

#FilterMenu_PageArea.HideFilter #worksFilter
{
    display:none;
}
#FilterMenu_PageArea.HideFilter
{
    position: absolute; 
    margin-top:-15px;
}

#ShowFilterButton
{
     margin:10px;
}

#CleanFilterButton
{
     margin:14px 10px 10px 10px;
}

#ShowFilterButton ,#CleanFilterButton, #ShowFilterButton div
{
    cursor: pointer; 
   
    display: inline-block;
    height:30px;
    vertical-align: middle;

        
}

#ShowFilterButton img{
     vertical-align: middle;
}