@import 'https://fonts.googleapis.com/css?family=PT+Sans&subset=cyrillic'; @import 'https://fonts.googleapis.com/css?family=Patua+One';

html,
body {
    height: 100%; background: #f5dbc0 url(/i/fon.jpg) repeat-x top; z-index: 1 !important;
}
a { color: #e2762d; }
.sc {
	font-size: 1.7em;
	position: absolute;
	margin-top: 10px;
	margin-left: -40px;
}
b#cartcounts {
	color: #a7816d;
	margin-left: -24px;
	margin-top: -11px;
	position: absolute;
	background-color: #f7cc9b;
	background-transparent: 0.6;
	height: 20px;
	-moz-border-radius:35px;
	-webkit-border-radius: 35px;
	width: 20px;
	text-align: center;
}
* { font-family: 'PT Sans', sans-serif; }

.breadcrumb {
	background: none;
	border-bottom: 1px solid #795a4a;
}
.footer {
    padding-top: 20px;
	padding-bottom: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
#nav {
  width: 100%;
  position:static;
  top:-32px;
  background: #a7816d;
  border: none;
}
#nav.affix {
   position: fixed;
   top: 0;
   z-index:100;
   -webkit-transition: all .6s ease-in-out;
   width: 100% !important;
}
#nav a {
	color: #fff;
}
.navbar-inverse {
	background: #a7816d !important; border-bottom: 0px !important;
	z-index: 100;
}
.main > * {   position: relative; }
.nav > li.dropdown.active > a, .nav > li.active > a { background: #845c48 !important; }
.nav > li.dropdown > ul.dropdown-menu, .nav > li.dropdown > ul.dropdown-menu > li > a {
	background: #845c48 !important; color: #fff !important;
}
.nav > li.dropdown > ul.dropdown-menu > li > a:hover {
	background: #a7816d !important;
}
.nav > li.dropdown > ul.dropdown-menu > li.active > a {
	background: #a7816d !important;
}
/* Wrapper for page content to push down footer */
#wrap {
	width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: url(/i/headerfon.jpg) top center no-repeat;
}
@media screen and (min-device-width: 1024px) {
	#search-input {
		margin-top: 70px;
	}
	.phone {
		text-align: center;
		margin-top: 70px;
	}
}

@media screen and (max-device-width: 480px) {
	body {
		background: url(/i/fon.jpg) repeat-x top;
	}
	#wrap {
		background: url(/i/headerfon480.jpg) top center no-repeat;
	}
	#brandslider, #brandslider .item {
		height: 200px !important;
		overflow: hidden;
	}
	.searchform div#search-input {
		padding: 0px !important;
		margin: 0px;
	}
	.phone {
		padding: 10px !important;
		margin: 0px;
	}
}
@media screen and (min-device-width: 768px) {
  .phone {
	text-align: center;
  }
	.navbar-header {
		width: 100% !important;
	}
	#navleft, #navright {
		padding-left: 15px;
	}

}
@media screen and (max-device-width: 768px) {
	
	.navbar-header {
		width: 100% !important;
	}
}
a.navbar-brand {
	margin: 0px 25px !important;
}
header > .row {
	width: 542px !important;
	margin: 0px;
}
#banner .item img {
	width: 100% !important;
}
.owl-item .item img {
	width: auto !important;
	margin: 0px auto !important;
}
.item > h3 {
	word-wrap: normal !important; white-space: pre !important;
}
.item .caption { padding-top: 0px; }
.caption h3 {
	min-height: 90px !important;
}
.caption h3 a {
	 font-size: 0.8em !important; min-height: 40px; display: block;
}
.item { text-align: center; }
.item .photo {
	height: 200px;
	overflow: hidden;
	margin-top: 10px;
	vertical-align: middle !important;
}
.btn-primary {
	background: #bd9c8a;
	color: #fff;
	border: none;
}
.btn-primary:hover {
	background: #795a4a;
}
.sponge {
	padding: 15px;
}

/* -------------------------------------- */
.carousel-inner .item .col-item {
	height: 350px;
}
.strike > .pprice {
	font-size: 0.8em !important;
}
.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}
.col-item img {
	width: auto !important;
}
.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}
.col-item .info h4 {
	height: 80px;
	display: block;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;	font-size: 1.6em !important; color: green;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;

}
.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}
#sidebar ul {
	padding: 15px;
}
#sidebar ul li {
	list-style: none;
	width: 100%;
}
#sidebar ul li a {
	background: #f5dbc0; color: #494336;
	display: block;
	padding: 5px;
}
#sidebar ul li a:hover {
	background: #c6a38f;
	color: #fff;
	text-decoration: none;
}
@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
  	margin-top:75px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:75px;
	margin-bottom: 0;
  }
}

.affix,.affix-top {
   position:static;
}
.affix-bottom {
    position: relative;
}
.thumbnail { border-color: #f4d1a7; }

.blocks  .well {
	background: #fff; border: 0px;
}

footer {
	background: url('/i/footer.png'); border: 0px;
}
.footer > * {
	color: #a7816d;
}

ul.pagination li a {
	color: #a7816d;
}
ul.pagination li.active a {
	background: #a7816d; border-color: #a7816d;
}
ul.pagination li.active a:hover {
	background: #f4d1a7; border-color: #f4d1a7;
}

/* ----------------- Order ------------------*/

.orderform {
	background: #fffaf5;
	border: 0px;
}
.brands {
	background: #fff;
}
.brandlink {
	border: 0px; height: 60px;
}
.brandfilter > a {
	margin-bottom: 10px !important;
}
.brands > ul > li.list-group-item {
	height: 60px;
}
.phone {
	color: #ffffff;
	font-family: 'Patua One', cursive;
	font-size: 1.6em;
}
.phone a {
	font-size: 0.7em;
	color: #fff;
}

ul.breadcrumb {
	border: 0px !important;
	border-bottom: 1px solid #f4d1a7 !important;
}
ul.breadcrumb > * {
	color: #e3b08e !important;
}

.subscribe {
	background: url('/i/subscribe_bg.png') center;
	padding: 20px 0px;
	background-opacity: 0.2;
}

.subsrcibe > .input-group {
    margin: 20px auto;
    width: 100%;
}
.subsrcibe > input.btn.btn-lg,
.subsrcibe > input.btn.btn-lg:focus {
    outline: none;
    width: 60%;
    height: 60px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.subsrcibe > button.btn {
    width: 40%;
    height: 60px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-cart {
	background: #a7816d;
	border: 0px;
	color: #fff;
}
.btn-cart:hover {
	color: #fff;
	background: #c9a58f;
}

.dropdown:hover .dropdown-menu {
	display: block;
}
#cartsumm {
	font-size: 2em;
	color: #333;
}
.bottom-align-text {
	padding-top: 14px;
  }
.table-hover tr:hover {
	background: #fff8f2 !important;
}
.prodinfo {
	margin: 25px 0px;
}
.review { 
	margin: 25px 0px;
}
span.reviewname { 
	font-size:1.7em;
}
.date {
	font-size: 0.8em; color: #333;
}
.comment {
	padding: 10px;
	background: #fdf7f1;
	margin: 5px 0px;
	border-radius: 8px;
	margin-bottom: 15px;
	min-height: 120px;
}
.comment > span {
	margin-top: -20px;
	margin-left: -20px;
	background: #fff;
	padding: 5px 10px;
	border-radius: 8px;
	position: absolute;
	color: #bd9c8a;
	font-size: 1.2em;
}
.btn-subscribe {
	background: #33211b; color: #fff;
}
.logo {
	padding: 15px 0px;
}
.logo img {
	margin: 0px auto;
}


/* ------------------------------ */

#brandslider .item img{
    display: block;
    width: 100%;
    height: auto;
}
#brandslider .owl-page span {
	width: 8px;
	height: 8px;
	background: #a7816d;
}
#novinki .item a.lazyOwl {
	padding: 40px;	
}
#novinki .item > h4 {
	height: 80px;
	padding: 5px 15px;
	text-align: center;
}
#novinki .item .price {
	font-size: 1.6em !important;
	color: green;
}
#novinki .owl-wrapper {
	margin-bottom: -80px;
}
#novinki .owl-page span {
	width: 8px;
	height: 8px;
	background: #a7816d;
}
/* -- */
#hits .item a.lazyOwl {
	padding: 40px;	
}
#hits .item > h4 {
	height: 80px;
	padding: 5px 15px;
	text-align: center;
}
#hits .item .price {
	font-size: 1.6em !important;
	color: green;
}
#hits .owl-wrapper {
	margin-bottom: -80px;
}
#hits .owl-page span {
	width: 8px;
	height: 8px;
	background: #a7816d;
}
.motivate { 
	background: #a7816d url(/i/motivate2.jpg) repeat-x top;
	margin-bottom: 20px;
}
.motivate .moitem {
	color: #f5dbc0;
	padding: 20px 10px;
}
.motivate .moitem i.fa {
	color: #fff9f4;
}
.socialbutt i.fa {
	color: #a7816d;
}
.article_one {
	
}
.article_desc {
	height: auto;
	min-height: 115px;
	overflow: hidden;
}
.panel-body > .list-group, .list-group-item {
	border: 0px !important;
}
.panel-body > li.list-group-item {
	padding: 0px;
}
.panel-body > .list-group-item > a {
	padding: 0px;
}
.pprice > .price {
	color: green !important;
	font-size: 1.3em !important;
}
.sl {
  z-index: 100 !important;
  position: absolute;
  color: #fff;
  padding-top: 3px;
  margin-left: -10px;
  font-family: Verdana;
}
.nalichie {
	color: green;
}
.nalichie0 {
	color: #cccccc;
}
.pop {
	background: #fe7e00 !important; color: #fff !important; padding: 3px !important; right:0; display: block; position: absolute;
}
.novinka {
	background: #e30096 !important; color: #fff !important; padding: 3px !important; right:0; display: block; position: absolute;
}
.catl {
	font-weight: bold; font-size: 1.1em;
}
.sku {
	color: #777;
	font-size: 11px;
	text-align: right;
}