.arrows-bar {
    --arrows-bg: rgba(0, 0, 0, 0.2);
    --arrows-hover: rgba(0, 0, 0, 0.3);
    --arrows-color: #FFF;
    --arrows-fsize: 20px;         
    --arrows-fweight: 400;   
    --arrows-selected-bg: #888;
    --arrows-selected-color: #FFF;
    --arrows-ico-next: url(/_i/icon-20-a-arrow-right.png);
    --arrows-ico-prev: url(/_i/icon-20-a-arrow-left.png);
    --arrows-loader: url(/_i/loaders/loader-3-dot-c.gif);
    --arrows-loader-height: 80px;
    --arrows-radius: 3px;
}

.arrows-bar {
    --assigned: 1;
    min-height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 20px 0 10px 0;  
    text-align: center;    
    overflow: hidden;  
}       
.arrows-bar a,
.arrows-bar span.dotted,
.arrows-bar span.current_page {
    background: var(--arrows-bg) center center no-repeat;
    color: var(--arrows-color);      
    display: inline-block;
    min-width: 40px;
    height: 40px;
    margin: 0 5px 10px 5px;  
    font-size: var(--arrows-fsize);        
    font-weight: var(--arrows-fweight);  
    text-align: center;
    text-decoration: none;
    border-radius: var(--arrows-radius);      
    transition: all 0.2s linear;     
    transform: translateZ(0);  
}      
.art-text .arrows-bar a,
.art-text .arrows-bar a:hover {
    color: #FFF;  
}        
.arrows-bar span.current_page {
    background: var(--arrows-selected-bg);
    color: var(--arrows-selected-color);
}
.arrows-bar span {    
    cursor: default;  
}     
.arrows-bar a:hover {
    background-color: var(--arrows-hover);
}      
.arrows-bar a, 
.arrows-bar a span {
    cursor: pointer;
}       
.arrows-bar a .btn {     
    background-repeat: no-repeat;
    text-indent: -9999999px;  
    display: block;
} 
.arrows-bar a.arrows_first_page,
.arrows-bar a.arrows_first_page .btn {
    background-image: var(--arrows-ico-prev);
    background-position: 6px center;
}             
.arrows-bar a.arrows_first_page .btn {
    background-position: 16px center;
}    
.arrows-bar a.arrows_prev_page {
    background-image: var(--arrows-ico-prev);
}   
.arrows-bar a.arrows_next_page {
    background-image: var(--arrows-ico-next);
}   
.arrows-bar a.arrows_last_page,
.arrows-bar a.arrows_last_page .btn {
    background-image: var(--arrows-ico-next);
    background-position: 16px center;
}      
.arrows-bar a.arrows_last_page .btn {
    background-position: 6px center;
}    
.arrows-expand-bar {
    text-align: center;
}    
.arrows-expand-bar a {
    background: var(--arrows-selected-bg); 
    color: var(--arrows-selected-color); 
    width: 500px;
    margin: 0 0 10px 0;  
}      
.arrows-bar .arrows-title {     
    display: none;
}          
.arrows-bar .wait {  
    background: var(--arrows-loader) no-repeat center center; 
    height: var(--arrows-loader-height);
}          
.arrows-bar.arrows-bar-back-home {  
    padding-bottom: 0;
}         
.arrows-bar.arrows-bar-back-home .art-back-home-button .button {  
    background-image: var(--arrows-ico-prev);
    background-repeat: no-repeat; 
    background-position: calc(50% - 95px) center;
    height: 40px;
}      

@media (max-width: 1195px) { 
    .arrows-expand-bar a {
        display: block;
        margin: 0 20px 10px 20px;
        width: auto;
    }
    .art-presentation-item .arrows-expand-bar a {
        margin: 0;
    }
}        
@media (max-width: 840px) { 
    .arrows-bar {
        margin-left: 40px;
        margin-right: 40px;
    }
}         
@media (max-width: 520px) {  
    .arrows-expand-bar a {
        display: block;
        width: auto;     
    }   
}                
@media (max-width: 480px) {   
    .arrows-bar {
        margin-left: 20px;
        margin-right: 20px;
    }
    .arrows-bar.arrows-bar-back-home {  
        padding-top: 0;
    }      
}