@charset "UTF-8";

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

#slider, #bnr_list_slider { position:relative; width:100%; height:auto; padding:0; margin:0; overflow:visible; }
#slider { margin:20px 0 20px; background:#222; }
#bnr_list_slider { text-align:left; background:#e5e5e5; background:rgba(0,0,0,0.1); padding:15px 0; }

#slider:before, #slider:after { position:absolute; top:-20px; display:block; content: ''; width:100%; height:20px; background:#222 url(../images/bg_film.gif); }
#all #slider:after { clear: both; top:auto; height:20px; bottom:-20px; height:20px; }

.bx-wrapper { max-width:100%!important; line-height:1; overflow:hidden; }

#slider ul { position:relative; left:50%; float:left; margin:0; overflow:visible; list-style:none; list-style-position:inside; }
#slider ul:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }

#slider li, #bnr_list_slider li { float:left; display:inline; width:auto!important; height:auto; margin:0; overflow:hidden; }
#slider li { position:relative; left:-50%; float:left; list-style:none; display:inline; padding:15px; border:solid 1px #fff; border-right:none; }
#bnr_list_slider li { margin:0 0 0 15px; }

#slider li img { width:100%; height:auto; }

/*prev, next*/
.bx-wrapper .bx-prev, .bx-wrapper .bx-next { position:absolute; top:84px; width:38px; height:80px; background:url(../images/icon_arrow_gray.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; }
#slider .bx-wrapper .bx-prev { left:0; }
#slider .bx-wrapper .bx-next { right:0; background-position:right top; }
.bx-wrapper .bx-prev:hover { margin-left:-5px; }
.bx-wrapper .bx-next:hover { margin-right:-5px; }


@media screen and (max-width : 760px){
#slider { margin:5px 0 0; }
#slider:before, #slider:after { top:-13px; height:13px; background-size:auto 13px; }
#all #slider:after { top:auto; bottom:-13px; height:13px; }

.bx-wrapper .bx-prev, .bx-wrapper .bx-next { top:32px; width:26px; height:51px; background-size:50px auto; }
#slider .bx-wrapper .bx-next { background-position:right top; }

#slider li { width:240px!important; padding:5px; }

}

@media screen and (max-width : 478px){

.bx-wrapper .bx-prev, .bx-wrapper .bx-next { top:16px; }

#slider li { width:166px!important; }

}