﻿@charset "utf-8";
.categry_a{padding:9px;position:relative;margin-bottom:15px;background-color:#fff;border-bottom:1px solid #000}
.categry_a .select-box{display:inline-block;margin-left:5px;vertical-align:middle;zoom:1;*display:inline}
.categry_a .select-box input[type=text]{width:80px;text-align:center}
.categry_a .select-box button{padding:5px 12px;font-family:Roboto}
.left-block{float:right;display:inline-block;zoom:1;font-family:Roboto}
.right-block{float:right;display:inline-block;zoom:1;*display:inline;margin-right:10px;font-family:Roboto}
.right-block>label{margin-right:5px}
.btn-group.open{overflow:inherit}
#ddl_sort>ul{left:initial;right:0}
.btn-group.open ul li{padding:0 5px;cursor:pointer}
.btn-group.open ul li:hover{background-color:#222;color:#fff}
.btn-group.open ul li a{color:inherit;background:0 0!important}
.xf_total{position:absolute;width:100px;float:left;color:#000;height:25px;line-height:25px;font-size:12px;font-family:Roboto;font-weight:700;text-transform:uppercase}
#ddl_sort{width:160px}
#ddl_sort button{width:100%;text-align:left}
#ddl_sort button .caret{position:absolute;right:10px;top:50%;margin-top:-2px}
#ddl_sort:hover>.dropdown-menu{display:block}
#ddl_sort .dropdown-menu{min-width:100%;display:none;margin:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin-top:-1px}
#ddl_sort .dropdown-menu li{padding:0;border-top:1px solid #f5f5f5}
#ddl_sort .dropdown-menu li:first-child{border:none}
#ddl_sort .dropdown-menu li a{padding:0 10px;display:block;height:31px;line-height:31px}
#ddl_sort .dropdown-menu li a:hover{background:0 0;text-decoration:underline}
.categey_html{font-family:"Archivo Narrow";font-style:normal;font-size:40px;font-size:24px;color:#000;text-transform:uppercase;text-align:left;line-height:40px;letter-spacing:8px;font-size:24px}
@media (max-width:650px){
.left-block{margin-bottom:10px;display:none}
.xf_total{left:0;margin:0;text-align:left;width:auto}
#ddl_sort{width:auto}
#ddl_sort button{padding-right:22px}
.categry_a .left-block{display:none}
}
@media (max-width:400px){
.categry_a .select-box input[type=text]{width:60px}
}
.categry_a label{text-transform:uppercase}