.q-search-switch a {
    /*border-bottom: 1px dashed rgba(207, 5, 5, 0.2);
    padding-bottom: 3px;*/
	text-decoration:none;
}





.displays.vendor>tbody>tr>td:nth-child(1) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:30px !important;
}


.displays.vendor>tbody>tr>td:nth-child(2) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:60px !important;
}


.displays.vendor>tbody>tr>td:nth-child(3) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:100px !important;
}

.displays.vendor>tbody>tr>td:nth-child(4) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:85px !important;
}

.displays.vendor>tbody>tr>td:nth-child(5) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:50px !important;
}

.displays.vendor>tbody>tr>td:nth-child(6) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
max-width:60px !important;	
	
	/*max-width:150px !important;*/
}

.displays.vendor>tbody>tr>td:nth-child(7) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:60px !important;
}

.displays.vendor>tbody>tr>td:nth-child(8) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:70px !important;
}

.displays.vendor>tbody>tr>td:nth-child(9) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:60px !important;
}

.displays.vendor>tbody>tr>td:nth-child(10) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:60px !important;
}

.displays.vendor>tbody>tr>td:nth-child(11) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:60px !important;
}

.displays.vendor>tbody>tr>td:nth-child(12) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:70px !important;
}


.displays.vendor>tbody>tr>td:nth-child(13) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:70px !important;
}


/**/




.displays.search>tbody>tr>td:nth-child(1) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:100px !important;
}


.displays.search>tbody>tr>td:nth-child(2) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:60px !important;
}


.displays.search>tbody>tr>td:nth-child(3) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:60px !important;
}

.displays.search>tbody>tr>td:nth-child(4) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:100px !important;
}

.displays.search>tbody>tr>td:nth-child(5) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:85px !important;
}


.displays.search>tbody>tr>td:nth-child(6) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:60px !important;
}

.displays.search>tbody>tr>td:nth-child(7) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:90px !important;
}

.displays.search>tbody>tr>td:nth-child(8) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:170px !important;
}

.displays.search>tbody>tr>td:nth-child(9) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:60px !important;
}

.displays.search>tbody>tr>td:nth-child(10) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:70px !important;
}

.displays.search>tbody>tr>td:nth-child(11) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:80px !important;
}

.displays.search>tbody>tr>td:nth-child(12) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:70px !important;
}

.displays.search>tbody>tr>td:nth-child(13) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:120px !important;
}

.displays.search>tbody>tr>td:nth-child(14) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:90px !important;
}

.displays.search>tbody>tr>td:nth-child(15) {
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
	
	max-width:120px !important;
	width:120px !important;
}


.displays.stock>tbody>tr>td:nth-child(1) {
	
	
	max-width:200px !important;
	width:200px !important;
}

.displays.stock>tbody>tr>td:nth-child(3) {
	
	
	/*max-width:240px !important;
	width:240px !important;*/
	    max-width: 150px !important;
    width: 150px !important;
}


.displays.stock>tbody>tr>td:nth-child(10) {
	
	
	max-width:100px !important;
	width:100px !important;
}


/**/




.s-tabs ul{
	margin:0;
	padding: 0;

}

.s-tabs ul li{
	display: inline-block;
}

.s-tabs ul li a {
	padding: 0px 20px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;	
}

.s-tabs ul li.active a {
	display: block;
	line-height: 34px;
	height:34px;	
	background: #FFE400;
	color:#222;

	border-top-right-radius: 4px;
	border-top-left-radius: 4px;

	text-shadow:1px 1px 0px rgba(255,255,255,.66);
}

/*responsiv*/




.navbar-default {
     border:none;
    background-color: transparent !important;
}



@media (max-width:  1199px) {
   nav .top-menu >  div > ul  > li{
	font-size: 17px !important;
	display: inline-block !important;
	margin-right: 15px !important;
}
}

@media (max-width:  991px) {
   nav .top-menu >  div > ul  > li{
	font-size: 12px !important;
	display: inline-block !important;
	margin-right: 10px !important;
}


}


@media (max-width: 768px) { 


.short-contacts aside{ margin-left:10px;}
.bx-basket-block a { margin-left:10px;}
 header.page-top .short-contacts.cart p{ display: block;margin-left: 10px;}

nav .top-menu >  div > ul  > li{
	font-size: 18px !important;
	
}

header.page-top .short-contacts { float:none; margin-left:30px; text-align:left;}
header.page-top .short-contacts h3 { font-size:17px;}


header.page-top h3 span {
    font-size: 24px;
    left: -30px;
}


.owl-pagination { display:none;}


nav .top-menu > div > ul, nav .top-menu>ul>li { height:auto !important;}

nav .top-menu > div > ul > li { display:block !important;}


nav .top-menu > div > ul > li.active > a:before, nav .top-menu > div > ul > li.active > a:after  { border:none !important;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent !important;
}
nav .top-menu  { border:none !important;}
 
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none;
}

.navbar-default {
background-color: #f8f8f8 !important;
}/**/
#TitleContent { padding-top: 0px;}



.directions {
    margin-top: 0px;
}


.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 15px;
    line-height: 24px;
}

 }
 
 
 
 @media 
(min-device-width: 768px) and (max-device-width: 800px)  {
	
		 .page-top .col-xs-8.col-sm-3 { width:300px}
	}
 
 
 
 
 
 
 
 
 @media 
(min-device-width: 0px) and (max-device-width: 736px)  {
 
 
 
 
 
 nav .top-menu > div > ul > li {
	display: block !important;
	border-bottom: 1px solid #D1D1D1;
}
 
 nav .top-menu > div > ul > li:last-child {
   
    border-bottom: none;
}
 
nav .top-menu > div > ul > li > ul {
margin-left:20px;
}

nav .top-menu > div > ul > li > ul > li { 
 margin-top:10px;
 margin-bottom:10px;
 
}
 
 nav .top-menu > div > ul > li > ul > li > a{ color:#666; }
 
 nav .top-menu > div > ul > li.active > a{ color:#ffd100 !important; }


 nav .top-menu > div > ul > li > ul > li.active > a{ color:#ffd100; }
 
 .row-flex {
    display: flex;
    flex-flow: row wrap;
}



#bx_651765591_46656{
	   order: 1;	
	
	}

#bx_651765591_46657{

    order: 2;	
	
	}

#bx_651765591_46655{

    order: 3;	
	
	}
	
	#bx_651765591_1308931{ order: 4;	}
	
 
 
 /*
 .row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}
 
 */
 
/*.flex-container{
  display: inline-flex;
}
 */
 
}
 
 
 
 /* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	
	

	
	

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
		position:relative;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) 
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}*/
	
	tr {  /*border: 1px solid #ccc; */}
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		    padding: 10px;
    text-align: left;
	width:auto !important;
	height:auto !important;
	}
	
	td:after { 
		/* Now like a table header */
		
		width: 100%; 
		height:1px;
		white-space: nowrap;
		content:" ";
	}
	
	
	h3 {
font-size: 21px !important;
}

	
	
}
 
 
 
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background: none ;
}






/**/ .top-menu i.visible-xs-block {line-height: 80px;
    height: 80px;}



.certificat { margin:20px; padding:5px; border:1px solid #ffd100}
.certificat:hover {
	margin: 20px;
	padding: 5px;
	border: 1px solid #BF9C00
}


.badge-notify{
   /*background:#4CD964;*/
   position:relative;
   top: -12px;
   left: 16px;
  }



@media (max-width: 768px) {
header.page-top .short-contacts {
    
    margin-left: 0px !important;
	
	}}
	


@media (max-width: 320px) {
header.page-top .short-contacts aside{
    
    font-size: 14px;
	
	}}








