@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600|Roboto:400,400&subset=latin,cyrillic);

/* navbar что не поддается кастомизации */
.navbar {
	margin-bottom: 0px;
	border-radius: 0px;
	font-size: 16px;
}

a:link, a:visited, a:hover		{
	color: #4e5e20; text-decoration: none;
}
body {
	background-color: #fff;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	background: url(../img/patternbg.jpg) 0 0 repeat;
	/*background: #fff;*/
	/*background: #e1f2bf;*/
	font-family: 'Open Sans', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	/*border: #36c97c 3px solid;*/
}
#alert-show-hide {position: absolute;z-index: 10;display:none;}
#alert-stastic {position: absolute;z-index: 10;}
#header {z-index: 1;}

.alert-mess {
	width: 200px;
	margin: 20px;
}

h1,
.h1 {
   color: #697b35;
}
h2,
.h2 {
	margin-top: 4px;
	margin-bottom: 10px;
	color: #697b35;
	font-size: 18px;
}
h3,
.h3 {
	margin-top: 4px;
	margin-bottom: 10px;
	color: #697b35;
	font-size: 18px;
}
h4,
.hr {
	border-bottom: 1px solid #ccc; 
	margin-bottom: 10px;
}
.txt-center {
	text-align: center;
}
.txt-raw {
	font-size: 18px;
}
.modal-title {
	color: #697b35;
}

.border-row {
	border: 1px solid #ccc;
}
.price {
	font-size: 24px;
	color: #697b35;
	margin: 0;
	/* border: 1px solid #ccc; */
}
.btn {
  font-size: 14px;
  /*border-radius: 0px;*/
}
.thumbnail {
  display: block;
  padding: 1px;
  margin-bottom: 0px;
  margin-top: 20px;
  line-height: 1.42857143;
  background-color: #ddddd;
  border: 4px solid #dddddd;
  border-radius: 0px;
}

/*--- menu-prices ---*/
.well {
	margin-top: 25px;
}
.nav-header {
	margin-bottom: 0;
	padding-left: 15px;
	list-style: none;
	font-size: 18px;
	color: #697b35;
}

/*------ header ------- */
header {
	/*background: #fff;*/
	background: #fff url("../img/bg_head.png") 0 bottom repeat-x;
	text-align: center;
	/*border: 3px solid #fff;*/
}
/*-------- Logo -------- */
.logo-header {
	padding: 0;
	margin: 20px auto 5px;
	vertical-align: middle;	 
	text-align: center;
	/*border: 3px solid #fff;*/
}
.logo-header img {
	max-width: 100%;
}
.logo-header a:hover {
	text-decoration: none;
}

/*--- Cart color ---*/
.badge-full {
  background-color: #7c933b;
}
.badge-empty {
  background-color: #999;
}
.alert-color {
	background-color: #990000;
}
/*--- hight Cart Line ---*/
.cart-item {
	height: 100px;
	line-height: 100px;
	border: 1px solid #999;
}
/*--- Fix Items height Line ---*/
@media (max-width: 768px){
	.mob-fix {
		height: auto !important;
		line-height: 20px !important;
		text-align: center;
	}
	.mob-fix-img {
		text-align: center;
	}
}
/*--- New on img ---*/
.new-prod {
	position: absolute;
	margin-top: -32px;
	left: 35%;
	width: 30%;
	text-align: center;
	background: #cc0000;
	color: #fff;
	font-size: 22px; 
}
.attn-order {
	margin-top: 14px;
	color: #990000;
	font-size: 12px;
}
.modal-content {
	background: #ccc url(../img/bg_order.jpg) repeat;
}

/*------ footer ------- */
footer {
	/*background: #fff;*/
	/*background: url("../img/bg_footer.png") 0 top repeat-x;*/
	text-align: center;
	/*border: 3px solid #fff;*/
}
.phone {
	padding: 11px;
	background: #333;
	color: #fff;
	text-align: center;
	border: 3px solid #red;
}
.phonetxt {
	color: #fff;
}
.foottxt {
	color: #666;
}
.foottxt a {
	color: #697b35;
	text-decoration: none;
}
.foottxt a:hover {
	color: #666;
	text-decoration: none;
}

/*--- text on homepage thumb --- */
.thumbnail-text {
  position: absolute;
  bottom: 20px;
  left: 0px;
  color: #fff;
  background-color: #669900;
  border-left: 5px solid #336600;
  padding: 10px 10px 10px 5px;
}
/*--- tooltip --- */
[data-tooltip] {
	position: relative; /* Относительное позиционирование */ 
}
[data-tooltip]::after {
	content: attr(data-tooltip); /* Выводим текст */
	position: absolute; /* Абсолютное позиционирование */
	width: 280px; /* Ширина подсказки */
	left: 0; top: -3em; /* Положение подсказки */
	background: #990000; /* Цвет фона */
	color: #fff; /* Цвет текста */
	padding: 0.5em; /* Поля вокруг текста */
	pointer-events: none; /* Подсказка */
	opacity: 0; /* Подсказка невидима */
	transition: 0.5s; /* Время появления подсказки */
} 
[data-tooltip]:hover::after {
	opacity: 1; /* Показываем подсказку */
	top: -3em; /* Положение подсказки */
}

/*------ messenger-links ------- */
/*
.messenger-links {
  transform: scale(1);
}
.messenger-links a {
  width: 30px;
  margin-left: 4px;
}
.messenger-links img {
  max-width: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.messenger-links a:hover img {
  transform: scale(1.1);
  text-decoration: none;
}
*/