@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&subset=cyrillic');
body, html {background:#f7f1e6; width: 100%; height: 100%;}
body {color: #222; font: 14px/18px "PT Sans", Arial, Tahoma, sans-serif; background: url(../bg-foot.jpg) no-repeat center bottom;}

h1,h2,h3,h4,h5,h6 {
margin: 0 0 18px 0; color: #821e54; font-size: 24px; font-weight: normal; padding-bottom: 15px; border-bottom: 2px solid #e2cdd4;
}

.bgsite {width: 100%; background: url(../bg-top.jpg) no-repeat center top;}

.pic2 {float: left; margin: 0 10px 5px 0;}
.pic1 {float: right; margin: 0 0 5px 10px;}

.overf {overflow: hidden;}

.wrap {width: 100%; display: flex; box-sizing: border-box;}
.full {max-width: 1200px; margin: 0 auto;}
.contblock{
  width: 98%; margin: 0 auto; 
  background:#fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  border-bottom: 4px solid #e2cdd4;
  font: 16px/22px "PT Sans", Arial, Tahoma, sans-serif;
}
.pad10 {padding: 10px;}
.pad0-10 {padding: 0 10px;}
.pad20 {padding: 20px;}
.pad0-20 {padding: 0 20px;}
.pad10-20 {padding: 10px 20px;}
.pad5-10 {padding: 5px 10px;}
.pad30-10 {padding: 30px 10px;}
.pad30 {padding: 30px;}

.header,.footer{
  width: 100%;
  height: auto;
}
.header{overflow: hidden; display: block; border-top: 4px solid #e2cdd4; background: url(../bg-head.jpg) no-repeat center top;}
.tophead{
  display: block;
}
.th-block {flex-grow: 1; justify-content: center; align-items: center;}
.upm{display: block;}
.uphead {overflow: hidden;}

.block-left-top {width: 49%;}
.block-logo {overflow: hidden;}
.logo {float: left; margin-right: 20px; text-align: left;}
.logo-url {text-align: left; margin-bottom: 5px;}
.logo-name {text-align: left; color: #821e54; font-size: 18px;}
.slogan {font-size: 13px; font-style: italic;}
.contacts {text-align: left; width: 50%;}
.tel {font-size: 18px; margin-bottom: 10px;}
.tel span {white-space: nowrap;}
.adreess {font-size: 14px;}
.loc-address {margin-left: 10px;}

.leftcol {
width: 250px;
height: auto;
background:#fdfbf6;
box-sizing: border-box;
float: left;
}

.conteiner{
height: auto;
box-sizing: border-box; width: auto; margin-left: 270px;
}

.mainblock {padding: 0 20px 0 10px;}

.contpr{height: auto; box-sizing: border-box; width: auto;}
.mainblpr {padding: 0 20px;}

.footer{clear: both; width: 98%; margin: 0 auto; font-size: 12px; padding: 20px 0;}
.leftfoot {width: 60%; padding-right: 30px; box-sizing: border-box;}
.rightfoot {width: 40%; text-align: right;}
.counters {margin-bottom: 15px; height: 31px;}
.doptext {color: #5d5d5d;}

/* Topmenu */
.upm {background: #e2cdd4; width: 100%; height: auto; overflow: hidden; border-bottom: 2px solid #821e54;}
#topmenu {
	height: 40px;
	width: auto;
    margin: 0 auto;
	font-size: 10pt;
    text-transform:uppercase;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
}
#topmenu ul {
	padding: 0;
	margin: 0 auto;
	width: auto;
	height: 40px;
}
#topmenu li {
	display: inline;
	float: left;
}
#topmenu a {
	color: #303030;
	display: inline-block;
	width: auto;
    padding: 0 20px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;

}
#topmenu li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#topmenu li:last-child a {
}
nav a:hover, nav a:active {background-color: #821e54;}
#topmenu a:hover {
	color: #fff;
}
#topmenu a#pull {
	display: none;
}












/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* All links */

a img {border: 0;}
a:visited, a:link, a {color:#821e54; text-decoration: underline;}
a:hover {color:#000; text-decoration: none;}
.tel a {text-decoration: none; color: #4f625e;}


.leftblock {margin-top: 15px;}
.lb-title {
	border-bottom: 1px solid #fff; 
    display: block;
	width: auto;
    padding: 0px 20px;
	text-align: left;
	font-size: 10pt;
    font-weight: bold;
    text-transform:uppercase;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    color: #fff;
    background-color: #821e54;
    line-height: 40px;
}
.newsblock {margin: 15px 0;}
.news-str {font-size: 13px; overflow: hidden; margin: 0 15px 10px 20px; padding-bottom: 10px; border-bottom: 1px solid #e2cdd4;}
.news-title {font-size: 15px; font-weight: bold;}
.news-text {font-size: 13px; margin: 10px 0;}
.news-img {float: left; margin: 15px 10px 2px 0;}
.news-foot {overflow: hidden; font-size: 12px;}
.news-more {float: right;}
.news-date {}
.newsblock div:last-child {border-bottom: medium none;}
.allnews {display: none;}

.foot-cont {width: 100%;}

.midcont {padding-top: 20px; }

.midblock {margin-bottom: 15px;}
.hotblock {overflow: hidden; #fdfbf6; padding: 15px; border-top: 4px solid #e2cdd4;}
.hottext {padding: 0; border-top: 4px solid #e2cdd4;}
.ht-img {float: right; margin: 15px 0 10px 15px;}
.titmblock {overflow: hidden; margin-bottom: 10px;}
.alllink {float: right; font-size: 12px;}
.midtitle {font-size: 24px; color: #821e54; font-weight: normal;}


/* PRODUCTS */
div.prod {float: left; padding: 0 5px 15px 5px; width: 20%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
div.prodbord {width: 100%; float: left; height: 272px; border: 1px solid #e4e5e0; background: #fff;}
table.prodtd {width: 100%; height: 100%; margin-bottom: 0;}
table.prodtd td {text-align: center;}
table.prodtd td.pictd {padding: 10px 10px 0 10px;}
table.prodtd td.pictd .img-wrap {background: #fff;}
table.prodtd td.pictd .img-wrap img {max-width: 100%; margin: 0 auto; max-height: 150px;}
table.prodtd td.nametd {height: auto; font-size: 13px; text-align: center; padding: 3px 5px; vertical-align: middle;}
table.prodtd td.nametd div {overflow: auto;}
table.prodtd td.buytd {height: 30px; color: #8a0000; font-size: 18px; background-color: #fff;}
div.buy {float: right; margin-top: 2px;}
.prod-descr {margin-bottom: 20px;}
.prod-descr table {margin: 0 auto; width: 50%!important;}
.prod-descr table td {padding: 5px 10px; width: auto!important; border: 1px solid #D0D0D0;}
.prod-img {text-align: center;}
.prod-img img {width: auto; height: auto;}

.prod-buy {font-size: 18px; padding: 10px 15px; margin-bottom: 10px; border: 4px solid #e2cdd4; text-align: center;}
.prod-buy span {color: #821e54; font-size: 24px;}
.prod-buy div {font-size: 16px; margin-top: 10px;}
.prod-buy-mini {font-size: 12px; padding: 5px 10px; border: 2px solid #e2cdd4; text-align: center;}
.prod-buy-mini span {color: #821e54; font-size: 14px;}

#browse_cc {}
#browse_cc span {border: 2px solid #e2cdd4; padding: 5px 10px;}

table.pricetab {font-size: 12px; width: 100%;}
table.pricetab td {padding: 3px 5px; vertical-align: middle; border: 1px solid #e4e5e0;}

div.allcat {float: left; padding: 0 5px 15px 5px; width: 20%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
div.allcatbord {width: 100%; float: left; height: 200px; border: 1px solid #e4e5e0; background: #fff;}
table.allcattd {width: 100%; height: 100%; margin-bottom: 0;}
table.allcattd td {text-align: center;}
table.allcattd td.pictd {height: 160px;}
table.allcattd td.nametd {font-size: 13px; text-align: center; padding: 3px 5px 5px 5px; vertical-align: middle;}
table.allcattd td.nametd div {height: 50px; overflow: auto;}

.nc--clearfix {overflow: hidden; width: 100%;}

ul.gallery a {width:170px; text-align: center; float: left;}
ul.gallery {width:auto; margin:0; padding:0; list-style-type:none;}
ul.gallery img {display: block; margin:0 auto;}
ul.gallery li {display: inline-block; width:170px; margin: 0 4px 1.5em 0 !important; vertical-align: middle;}