/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

a {cursor: pointer;}
body {padding-top:0px;font-size: 14px;}

h4{font-size: 15px;font-weight: 600;}
h4{margin-top: 3px;margin-bottom: 3px;}

#masthead { 
 min-height:120px;
}

#masthead h1 {
 font-size: 30px;
 line-height: 1;
 color: #555555;
 /* padding-top:20px; */
     text-align: center;
}

#masthead .well {
 margin-top:8%;
}
.strong {
    font-weight: 600;
    font-size: 17px;
}
.product-item-list {
    padding: 8px;
    display: block;
    background: #fff;
    margin-bottom: 1px;
    overflow: auto;
}
.red{color:red}
.f17{font-size:17px}
.product.unactive{opacity: 0.6;filter: grayscale(100%);}
.product .img-responsive {margin: 0 auto;}
.mb-1 {margin-bottom: .25rem!important;}
.mb-2 {margin-bottom: .5rem!important;}
.mb-3 {margin-bottom: 1rem!important;}
.mb-4 {margin-bottom: 1.5rem!important;}
.mb-5 {margin-bottom: 3rem!important;}
.p-0{padding:0!important;}
.py-0{
	padding-left: 0px;
	padding-right: 0px;
}
.px-0{
	padding-top: 0px;
	padding-bottom: 0px;
}

.pt-3,.px-3{padding-top: 1rem;}
.mt-3,.mx-3{margin-top: 1rem;}
.pb-3,.px-3{padding-bottom: 1rem;}
.m-0{margin: 0px!important;}
.mb-0{margin-bottom: 0px;}
.mt-1, .my-1 {margin-top: .25rem!important;}
.mt-0, .my-0 {margin-top: 0!important;}

*, [role=button], a:active, a:hover {
    outline: 0;
}
.left-part {
    float: left;
    overflow: hidden;
    position: relative;
}
.product-item-list .product-img {
    width: 128px;
    height: 128px;
}
.product-img {
    background: #fff;
}
.i-amphtml-layout-size-defined .i-amphtml-fill-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.i-amphtml-replaced-content, .i-amphtml-screen-reader {
    padding: 0!important;
    border: none!important;
}
.i-amphtml-blurry-placeholder, .i-amphtml-fill-content {
    display: block;
    height: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 0;
    margin: auto;
}
.right-part {
    margin-left: 144px;
}
.product-title {
    font-size: 16px;
    color: #333;
    line-height: 16px;
/*     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
 */    -webkit-box-orient: vertical;
}
.selling-point-wrapper {
    margin-top: 2px;
    height: 17px;
    overflow: hidden;
}
.flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.sell-price {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    margin-top: 4px;
    white-space: nowrap;
}
.prd-prc {
    vertical-align: top;
}
.free-shipping {color: green;}

.smaller{display: none;}

.bron-xs{color: #428bca;font-size: 12px;padding-left: 9px;}
.sale-xs{color: #ff0000;font-size: 12px;padding-left: 9px;}
.wait-xs{color: #999;font-size: 12px;padding-left: 9px;}

.detail-action-bar {
	position: fixed;
	width: 52px;
	height: 52px;
	background: #ffad33;
	z-index: 999;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
	border-radius: 50px;
}
.detail-action-bar a{color:#fff;}

.head{top:25px;right:35px;}
.foot{left: 5px;bottom: 5px;}

.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.justify-end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
.ic-wp {
    width: 52px;
    height: 56px;
}

#ms-cart {
    position: relative;
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    order: 7;
    -webkit-order: 7;
}

.ic-wp .ic-md {
    font-size: 24px;
}
.ic-md {
    position: relative;
    display: inline-block;
    font-family: icmd;
    font-size: 16px;
    line-height: 1;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}
.i-amphtml-layout-size-defined {
    overflow: hidden!important;
}
.i-amphtml-layout-fill, [layout=fill]:not(.i-amphtml-layout-fill) {
    display: block;
    overflow: hidden!important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.i-amphtml-layout-size-defined .i-amphtml-fill-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.i-amphtml-replaced-content, .i-amphtml-screen-reader {
    padding: 0!important;
    border: none!important;
}
.i-amphtml-blurry-placeholder, .i-amphtml-fill-content {
    display: block;
    height: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 0;
    margin: auto;
}
.shopcart-count {
    position: absolute;
    top: 8px;
    right: 5px;
    background: red;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.thumbnail {
    height: 380px;
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.thumbnail small{color:#999}
.thumbnail .row {
	margin-top: 295px;
	background: rgba(255, 255, 255, 0.70);
}
.thumbnail h3{margin: 5px 0;}

.caption {
    padding: 0 5px;
    position: absolute;
    bottom: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0px 16px 1px 1px;
    color: black;
}

#button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
	color: white;
  padding-top: 13px;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 0.8;
  visibility: visible;
}

.load-next{margin-bottom:20px;display:none;}

	.site-wrap {
    position: relative;
}
.site-wrap:before {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background: rgba(0, 0, 0, 0.6);
    content: "";
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}
.top-bar {
  padding: 5px 0;
   border-color: #f2f2f2 !important;
}
.top-bar {
    font-size: 18px;
}

.top-bar h1{margin: 0;
	font-size: 19px;
	padding: 0;
}
.slogan div{
color: #cfcfcf;
    font-size: 16px;
    padding: 0px;
    margin-top: -5px;
}
.slogan a{font-size: 19px;}
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}
.bg-white {
    background-color: #fff !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
		    text-align: center;
}
.text-right {
    text-align: right !important;
}
.mb-0, .my-0 {
    margin-bottom: 0 !important;
}
.mr-3, .mx-3 {
    margin-right: 1rem !important;
}
.ml-3, .mx-3 {
    margin-left: 1rem !important;
}
.text-black {
    color: #555 !important;
}
.ml-2, .mx-2 {
    margin-left: 0.5rem !important;
}
.site-navbar {
    margin-bottom: 0px;
    width: 100%;
    border-bottom: none;
    background: #fff;
    position: relative;
    z-index: 99;
}
.mr-0, .mx-0 {
    margin-right: 0 !important;
}
.py-1 {
	padding-bottom: 0.25rem !important;
	padding-top: 0.25rem !important;
}
.my-5 {
	margin-bottom: 1rem !important;
	margin-top: 1rem !important;
}
.contacts a:active{text-decoration:none;}
.contacts a:hover{text-decoration:none;}


.navbar-bright {
 background-color:#111155;
 color:#fff;
}

.affix-top,.affix{
 position: static;
}
/* .navbar {display:none;} */

.navbar-collapse {
    max-height: 500px!important;
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}

/*
.nav>li>a {font-size:18px;padding: 5px 5px;}
.autocomplete-suggestions{
background-color: #ffffff;
overflow: hidden;
border: 1px solid #e0e0e0;
overflow-y: auto;
}
*/
.autocomplete-suggestions .autocomplete-suggestion{cursor: default;}
.autocomplete-suggestions .selected { background:#F0F0F0; }
.autocomplete-suggestions div { padding:2px 5px; white-space:nowrap; background-color:#ffffff}
.autocomplete-suggestions strong { font-weight:normal; color:#31708f; }
.sale{position: absolute;top: -10px;right: 0px;height: 80px;width:80px;    background: url(img/sale.png);}
.bron{position: absolute;top: 40px;right: 0px;height: 80px;width:80px;    background: url(img/bron.png);}
.wait{position: absolute;top: 95px;right: 0px;height: 80px;width:80px;    background: url(img/wait.png);}


#masthead h1,.lead,.scrollToTop{text-align:center}.scrollToTop,.scrollToTop:hover{text-decoration:none}a{cursor:pointer}body{padding-top:0}h2{padding-left:15px}#masthead{min-height:120px}#masthead h1{font-size:30px;line-height:1;color:green}#masthead .well{margin-top:8%}.telegram a{width:30px;height:30px;display:inline-block;background-image:url(telegram.jpg)}.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}/*.bron{position:absolute;top:136px;left:20%;font-size:20px}*/
.bage{    position: absolute;
	right: 16px;
	background: green;
	padding: 0 5px;
	color: white;
	bottom: 100px;
	border-radius: 3px 0 0 0px;
}
.hover tr:hover {background-color: #e9e9e9;}
#search-panel:after{clear:both;display:table;content:" "}
#search-panel{position:relative;border:3px solid #56aa3e;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);width:100%;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);float:left}
#search-panel .tokenfield{height:auto;min-height:34px;padding:0 0 0 10px;-webkit-border-radius:6px;border-radius:6px;width:88%;display:inline-block;vertical-align:top}
#search-panel .tokenfield .token-input{background:0;width:100%;border:0;padding:0;-webkit-box-shadow:none;box-shadow:none;font-size:14px;margin: 8px 0 6px 0;line-height:19px}
#search-panel .tokenfield .token-input:focus{border-color:transparent;outline:0;-webkit-box-shadow:none;box-shadow:none}
#search-clear-btn{float:right;color:#aaa;font-size:16px;margin:4px 5px 0 0;display:none;cursor: pointer;}
#search-clear-btn:hover{color:#999}
.table>tbody>tr>td{line-height: 15px!important;}

.remove{display: block;
    position: absolute;
    top: 35px;
    right: 15px;
		}
.open-close{display:none;}

#product-board {
	margin: 0 auto 20px auto;
}

#product-board .product {
    float: left;
    margin: 5px 1% 5px 1%;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.38);
}
.product.medium {width: 48%;}
.product.large {width: 98%;}
.product .media {
    border-bottom: solid 1px #efefef;
    position: relative;
}
.product .media a {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
.product .details {
    background-color: #f6f6f6;
    position: relative;
}
.product .details p {
    padding: 5px;
    margin: 0;
    font-size: 14px;
}
.product .details p.name {
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}
.product .details-expand {
    color: #fff;
    background-color: #47a447;
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 75px;
    line-height: 20px;
    text-align: center;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.product .details-expand.pred{
	background-color: #fdab31;
	width: 128px;
}
/*
ul.board-filters,.help-block {margin-bottom: 0px;}
.board-filters{
	list-style-type: none;
	margin-left: 0;
	padding: 0;
}
.board-filters li{
	display: inline-block;
	margin-bottom: 5px;}
.board-filters a{
    border: solid 1px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 8px;
    display: block;
}
.board-filters a:hover{text-decoration:none}
.board-filters a.filter-hidden{
	background-color: #428bca;
	color: #fff;
	border-color: #2a6496;
}
*/
.seo{line-height: 16px;}
.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.sale_from {
    position: absolute;
    color: white;
    background-color: #ffad33e0;
    padding: 6px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}
.index.number {
	position: absolute;
    color: white;
    background-color: #ffad33e0;
    padding: 3px;
    font-weight: 600;
    /* width: 100%; */
    text-align: center;
    /* margin-bottom: 5px; */
    bottom: 0;
}
.shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.d-none{display:none}

.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
@media (max-width: 767.98px){
	.prod {padding-left: 5px;padding-right: 5px;}
	.thumbnail {margin-bottom: 5px;height: 320px;}
	.caption {bottom: 5px;}
	h1,h2{font-size: 20px;}
}

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
  	margin-top:0px;
  	width:228px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }
}


@media (max-width: 767.9px) {
.listitem{
	border-bottom: 1px solid #e8e8e8;
}

	.top-bar h1{margin: 0;/*font-size: 24px;*/}
	#zakaz .col-sm-6{padding:0}
	.container-closed{max-height: 180px;overflow: hidden;}
	.open-close{display:inline;}
	.slogan{padding-right: 0px;}
	.contacts{padding-top: 7px;}
	
}
@media screen and (min-width: 768px) {
  #masthead h1 {
    font-size: 35px;
  }
	.d-sm-block{    display: inline-block;}
	
	.static-filter{height: 315px;}
	
}

.navbar-default {
    background-color: unset;
}
.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a {
    color: #428bca;
}
.navbar-brand{
	padding: 11px!important;
	line-height: 14px!important;
	text-align: center!important;
}
.navbar-toggle {
    position: relative;
    float: left;
    margin-left: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

@media (min-width: 768px) {
.navbar {min-height: auto;}
.navbar-default {
    border-color: #ffffff;
}
}
@media (max-width: 992px) {
#sidebar li {display:none;}
/*.navbar {display:block;}*/
	#sidebar li{display:none}
	/*
	.navbar{display:block}
	nav>li>a{padding:5px 5px}
	*/
}

@media (max-width: 700px) {
	.head {right: 10px;top: 10px;}
}

@media (min-width: 992px) {
	.product.medium {width: 31%;}
	.product.large {width: 64%; }
	.row.light{width: 33.33333333%;    float: left;}
	.px-md-3 {padding-right: 1rem !important;padding-left: 1rem !important;}
	.static-filter{height: 290px;}
}

@media (min-width: 1200px) {
	.product.medium {width: 23%;}
	.product.large {width: 51%; }
	.static-filter{height: 285px;}
}


@media (max-width: 480px) {

	.lead span {display:inline;}
	.lead span:before {content:"\a";white-space: pre;}
	.thumbnail {height: 185px;}
	h4 {font-size: 14px;line-height: 14px;font-weight: normal;}
	.caption {margin: 0px 6px 1px 1px;}
	.btn-lg{font-size: 16px;}
	
/* 	.biger{display: none!important;}
	.smaller{display: block!important;}
 */}
 
@media (max-width: 420px) {
	/* .head {top: 83px;right: 20px;} */
}
.name-pin{    position: absolute;
    bottom: 0;
    color: white;
    /* background-color: #00000052; */
		    text-shadow: 1px 1px black;
    width: 100%;
    text-align: center;
		}
.name-zrazok {
    position: absolute;
    bottom: 25%;
    color: white;
    /* background-color: #00000052; */
    text-shadow: 1px 1px black;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 1px;
}
.at-icon-wrapper {border-radius: 50%;width: 32px; height: 32px; line-height: 32px;display: inline-block;}
.at-icon {fill: #fff;}

.fb-like, 
.fb-like > span,
.fb-like > span iframe {
	width:217px!important;
}
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 24px;
}
.admin-menu a{
    padding: 10px 5px;
    font-size: 18px;
}
.admin-menu li{margin: 10px 0px;}

.search-filters {
	overflow: hidden;
	margin-top: 5px;
	background: #f5f6f7;
	padding: 10px;
}
.search-filters-title {
	font-weight: normal;
	font-size: 1em;
}
/*@media (max-width: 767px) {*/
	.search-filters-title {
		color: blue;
		text-decoration: underline;
		cursor: pointer;
		margin: 0;
	}
	.filter-group {display: none;}
	
	.filters-open .filter-group,
  .filters-open .filter-explanation {display: block;}
	.search-filters.pinned {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: rgba(245, 246, 247, 0.90);
		z-index:10;
		margin: 0px;
	}
/*}*/
.border {
    border: 1px solid #dee2e6 !important;
}
.success{background-color: #dff0d8;}
.warning{background-color: #fcf8e3;}
.danger{background-color: #f2dede;}
.info{background-color: #d9edf7;}


.hovered>div:hover {
  background-color: #d9edf7;
  cursor:pointer;
}