#total_wrapper{background:#171b24;}

/* Filters ------------------------------------ */

#filters{display:block;position:absolute;top:0;left:0;z-index:1000;width:100%;height:188px;background:#0d0f14;margin:0 0 6px 0;}

#filters,
#filters *{transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}

.without_filter #filters{display:none;}
#push{float:left;width:428px;padding:21px 0 21px 31px;}
#push .picture{height:139px;width:139px;text-align:right;float:left;}
#push .picture img{height:139px;}
#push .details{height:139px;width:225px;float:right;margin-right:31px;position:relative;}
#push .name{min-height:28px;line-height:28px;font-size:20px;font-family:'Pakt_Bd',Arial;color:#ff0000;margin-top:12px;text-transform:uppercase;}
#push .description,
#push .date_to{color:#878787;}
#push .description{line-height:22px;font-size:15px;}
#push .date_to{position:absolute;top:100%;left:0;margin-top:-26px;line-height:18px;font-size:12px;font-family:'Arimo_It',Arial;}
#push .date_to span,
#push .description span{color:#fff;font-family:'Arimo_Reg',Arial;}

#filters .filter{color:#878787;float:left;}
#filters .filter > ul{height:188px;float:left;border-left:1px solid #3d3d3d;margin:0;padding:0;}
#filters .filter a{display:block;width:200px;height:62px;line-height:62px;padding:0 0 0 25px;border-top:1px solid #3d3d3d;font-size:15px;font-family:'Arimo_Reg',Arial;}
#filters .filter a.selected, #filters .filter a.active,
#filters .filter a:hover{background:#171b24;}
#filters .filter a:hover{color:#fff;}
#filters .filter ul li:first-child a{border:none;}
#filters .select_filter > ul{padding: 20px 0 0 23px;line-height:20px;height:168px;}
#filters .select_filter .selector{margin: 0 0 6px -3px;}


#filters .reinit_filters a{display:none;border:none;text-align:left;padding:0;font-size:11px;height:26px;line-height:26px;color:#fff;text-decoration:underline;}
#filters .reinit_filters a:hover{color:#d30722;background:none;}

#filters .reinit_filters.active a{display:block;}


/* Listing ------------------------------------ */

#listing{position:absolute;top:194px;left:0;right:0;bottom:0;z-index:100;}
.without_filter #listing{top:0;}

#listing .scroll{margin-left:-20px;}

#listing ul{display:block;width:100%;heihgt:100%;position:relative;padding:0;margin:0;box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#listing ul.scrolling{width:98%;}
#listing ul li.product{
	display:block;position:relative;overflow:hidden;float:left;
	margin: 0 2px 2px 0;height:0;width:0;
	opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;filter:alpha(opacity = 0);
	transition:opacity .5s;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;
}
#listing ul li.product.ready{opacity:1;-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;filter:alpha(opacity = 100);}

#listing ul li.product.forward{position:fixed;left:0;top:60px;}



#listing .picture{display:block;width:100%;}
#listing .picture img{width:100%;}

#listing .old .picture{opacity:0.3;-webkit-opacity:0.3;-moz-opacity:0.3;-o-opacity:0.3;filter:alpha(opacity = 30);}


#listing .details,
#listing .details *{transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}

#listing .details{position:absolute;left:0;top:100%;width:100%;font-size:12px;font-family:'Arimo_Reg',Arial;color:#56626B;padding:25px 0;background: #171b24;}


#listing .releasing,
#listing .name{font-size:20px;color:#b8b8b8;line-height:28px;margin: 0 0 14px 0;display:block;font-family:'Pakt_Bl',Arial;text-transform:uppercase;}

#listing .name{padding: 0 50px 0 25px;}
.without_filter #listing .name{padding:0 25px;}
#listing .name:hover{color:#fff;}

#listing .releasing{display:none;font-size:16px;color:#d30722;line-height:23px;padding:0 25px;}
.without_filter #listing .releasing{display:block;}

#listing .filmmaker,
#listing .date,
#listing .description{line-heigth:18px;padding:0 25px;}
#listing .date{margin:5px 0 16px 0;}
#listing .link,
#listing .filmmaker a{color:#fff;}
#listing .date span{color:#b8b8b8; font-weight:bold;}

#listing .link:hover,
#listing .filmmaker a:hover{color:#d30722;}
#listing .product_link{width:19px;height:14px;position:absolute;top:0;left:100%;background: #515151 url('../medias/img/global/ico-link-011321.png') 50% no-repeat;margin:30px 0 0 -44px;padding:0 !important;}
#listing .product_link:hover{background-color:#fff;}

#listing .product_store{padding:0 25px;}
.without_filter #listing .product_store{display:none;}

#listing .product_format{padding:17px 0 37px 0;position:relative;}
#listing .product_format li{display:block;}
#listing .product_format li.format{float:left;height:18px;line-height:20px;padding:0 6px;margin:0 1px 3px;background:#3f3f3f url('../medias/img/global/bg-opa-light-30.png') 0 0  repeat-x;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-mz-border-radius:2px;text-transform:uppercase;color:#d7d7d7;cursor:pointer;}
#listing .product_format li:hover,
#listing .product_format li.active{background-color:#cc0620;}
#listing .product_format li.active{cursor:default;}
#listing .product_format li:hover{color:#fff;}

#listing .product_format li .product_price{position:absolute;top:100%;left:0;margin-top:-20px;height:20px;font-size:'Arimo_Bd',Arial;color:#fff;font-size:20px;opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;filter:alpha(opacity = 0);}
#listing .product_format li .add{
	display:block;height:18px;float:left;
	position:absolute;top:100%;right:0;z-index:10;
	margin-top:-20px;padding:0 6px;
	background:#505050 url('../medias/img/global/bg-opa-light-30.png') 0 0 repeat-x;
	text-transform:uppercase;font-family:'Arimo_Bd',Arial;line-height:18px;color:#d7d7d7;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;
	opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;filter:alpha(opacity = 0);
}
#listing .product_format li .add:hover{background-color:#d30722;color:#fff;}

#listing .product_format li.active .add,
#listing .product_format li.active .product_price{opacity:1;-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;filter:alpha(opacity = 100);}
#listing .product_format li.active .add{z-index:1000;}

#listing .product_format.without_price{padding:17px 0 0 0;}
#listing .product_format.without_price li .product_price{display:none;}



/* Loader ------------------------------------ */
#loader{display:block;height:66px;width:66px;position:absolute;top:50%;left:50%;margin:-33px 0 0 -33px;background:url('../medias/img/global/loader.gif') 0 0 no-repeat;opacity:.8;-webkit-opacity:.8;-moz-opacity:.8;-o-opacity:.8;filter:alpha(opacity = 80);}


/* Responsive ------------------------------------ */

#listing .small .details{padding:10px 0;font-size:10px;}
#listing .small .releasing{font-size:14px;line-height:20px;padding:0 10px;}
#listing .small .name{font-size:16px;line-height:22px;margin: 0 0 14px 0;}

#listing .small .name{padding: 0 30px 0 10px;}
.without_filter #listing .small .name{padding:0 10px;}

#listing .small .filmmaker,
#listing .small .date,
#listing .small .description{line-heigth:14px;padding:0 10px;}
#listing .small .date{margin: 0 0 12px 0;}
#listing .small .product_link{margin:13px 0 0 -29px;}
#listing .small .product_store{padding:0 10px;}