aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article, aside {display: block;}
html, body {width:100%;height:100%; padding: 0; margin: 0;}
body {color: #76504B; font: 13px/1.42857 'Tahoma',Arial,Helvetica,sans-serif; font-size: 13px; font-weight: 300; background: #fff;}
a img {border: none;}
ul, li, ol, p { margin: 0; padding: 0;}
li { list-style: none;}
a { text-decoration: none; color:#76504B;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;font-weight: normal; color: #77524B; text-transform: uppercase;}
h4 {  margin: 0 0 33px; font: 36px/36px 'Times New Roman';}
p { color: #AFA89A; font-size: 18px; font-weight: 300; margin: 0 0 10px; line-height: 1.3;}
ol li { color: #AFA89A; font-size: 18px; font-weight: 300; margin: 0 0 10px; line-height: 1.3;}
ol li a { color: #76504B; text-decoration: underline; font-style: italic;}
ol li span { display: inline-block;  background: #ffc64d; color: #fff; border: 1px solid #f7af1a; padding: 3px 8px; font-size: 18px; }
ol li small { display: block; color: #666666; font-size: 14px; margin: 0 0 0 34px; font-style: italic;}
p span { color: #458fcc;}
.clearing{ clear: both;}
input, textarea {outline:none;}
.wrapper {margin:0px auto; position:relative; min-height: 100%; height: auto!important; height: 100%;}

/* General Styles */
.middle-row { width: 1029px; margin: 0 auto; position: relative; overflow:hidden  }
.grid12{width:1088px; margin: 0 14px; float: left;}
.grid11{width:995px; margin: 0 14px; float: left;}
.grid10{width:902px; margin: 0 14px; float: left;}
.grid9{width:809px; margin: 0 14px; float: left;}
.grid8{width:702px; margin: 0 14px; float: left;}
.grid7{width:623px; margin: 0 14px; float: left;}
.grid6{width:540px; margin: 0 14px; float: left;}
.grid5{width:437px; margin: 0 14px; float: left;}
.grid4{width:270px; margin: 0 14px; float: left;}
.grid3{width:251px; margin: 0 14px; float: left;}
.grid2{width:158px; margin: 0 14px; float: left;}
.grid1{width:54px; margin: 0 14px; float: left;}
.alpha { margin-left: -10px;}
.omega { margin-right: -10px;}



/* Header */
header {width: 100%;  padding: 0px 0 40px; margin:0 auto; background-image:url(../images/top-bg.jpg); background-size:cover; background-position: center center;}
header .logo { margin: 0px auto 0; width: 343px; position: relative; z-index: 1; }
header .logo img { width: 100%; display:block;}
header .main-page-illustr { position: relative; margin: -80px 0 0;}
.mn-h .main-page-illustr { z-index: 1;}
.mn-h .logo{ z-index: 20 !important;}
header .main-page-illustr img { display: block; width: 100%;}
header .main-menu {margin: 0 auto; background:url(../images/pattern1.png); padding: 10px 0;}
header .main-menu ul { margin: 0 auto; padding: 0; text-align: center;}
header .main-menu li { display: inline-block; text-align: center;  font-size: 13px;   position: relative;}
header .main-menu li a { color: #FFFFFF; font: 13px/22px 'Times New Roman';  padding: 30px 40px;  position: relative;  text-transform: uppercase;    transition: all 0.25s ease 0s;line-height: 20px;  display:block;}
header .main-menu li em { background:  #705640; display: inline-block;  height: 24px;  position: absolute;  right: 0;  top: 28px;  width: 1px;}
header .main-menu li span { display: block; padding: 22px 16px; color: #4b413a }
header .main-menu li li span { padding: 22px 0px !important;}
header .main-menu li.active, header .main-menu li:hover  {color: #ffd336;}
header .main-menu li.active a, header .main-menu li:hover a { color: #ffd336;}
header .middle-row { overflow:inherit !important;}
header .lang { position: absolute; right: 0; top: 10px;}
header .lang li a { text-transform: uppercase; font-size: 12px; display: block; padding: 5px 6px;  color: #fff;font-family: 'Times New Roman'; margin-bottom: 2px;}
header .lang li.active a {background:url(../images/pattern1.png); color: #FFD336;}

.subcats a { text-transform: uppercase; font-size: 12px; display: block; padding: 5px 6px;  background:url(../images/pattern1.png); color: #FFD336;font-family: 'Times New Roman'; margin-bottom: 2px;}

/* Content */
.container{margin:30px auto; width:100%; height: 1%; position:relative; padding-bottom:70px; overflow: hidden; }
.container:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
.container p {color: #76504B; font: 13px/1.42857 'Tahoma',Arial,Helvetica,sans-serif;}
.container article h3 { color: #77524B; font: 40px/40px 'Times New Roman';  margin: 20px 0;text-transform: uppercase; text-align: center;}
section article.bl { border: 1px solid #DED5D2; width: 300px; float: left; padding: 20px; margin: 15px;}
section article.bl figure { text-align: center; margin: 0 0 15px;}
section article.bl p { text-align:center; margin-bottom: 0;}
section article.bl p a {  color: #AC9E85;  font: 16px 'Times New Roman';  margin-bottom: 9px; text-align:center; text-transform: uppercase;}
section article.bl p a:hover {color: #76504B;}
section.blocks { margin: 30px 0;}
.alignleft { float: left; display:block; margin:5px 20px 20px 0;}
.alignright { float: right; display:block; margin:5px 0 20px 20px;}
.container article h4 { color: #FFD555; font: 30px/30px 'Times New Roman';  margin: 40px 0 40px;text-transform: uppercase; text-align: center;}
.list4 { list-style: none outside none;  margin: -3px 0 42px; overflow: hidden;  padding: 0;}
.list4 li {  float: left;  font-size: 13px;  line-height: 20px;  margin: 0 30px 0 0; width: 130px;}
.list4 li figure {  margin: 0; width:100%}
.list4 li img { width: 100%;}
.container article.tm { clear: both; padding-top: 20px;}

.full-w { width: 100%; margin-top: 50px; padding-top: 20px; border-top: 1px solid #eee; position: relative; z-index: 1;}
.container .contacts article h4 { color: #77524B; font: 36px/36px 'Times New Roman';  margin: 40px 0 33px;  text-transform: uppercase; text-align: left;}
#contact-form input { width: 190px !important; margin: 0 10px 15px 0 !important;}
#contact-form textarea { width: 650px; margin: 0 15px 15px 0; height: 150px !important;}
#contact-form input, #contact-form textarea { -moz-box-sizing: border-box;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DED5D2; border-radius: 0; box-shadow: none;color: #AFA89A; float: left;font: 13px/18px 'Tahoma',Arial,Helvetica,sans-serif;   outline: medium none;   padding: 10px 15px 11px 13px !important;   resize: none;}
textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -moz-appearance: caret;}
.btns { clear: both;}
.btn-default.btn1 { background: #846855;  border: medium none;  border-radius: 2px;  box-shadow: none;  color: #FFFFFF;  display: inline-block;
 font: 14px 'Times New Roman';  margin: 0;  padding: 8px 23px 7px;  position: relative;  text-decoration: none;  text-transform: uppercase;}
.btn-default:hover { background: #f0cc64; color: #846855;}
/* Footer */
footer {width:100%; height:40px; padding: 20px 0; margin:-70px auto 0;display:block; position:relative; overflow:hidden; background: #F3F1E5; }
footer ul { margin: 0 auto; padding: 0; text-align: center;}
footer li { display: inline-block; text-align: center;  font-size: 13px;   position: relative;}
footer li a { color: #76504B; font: 13px/22px 'Times New Roman';  padding: 13px 40px;  position: relative;  text-transform: uppercase;    transition: all 0.25s ease 0s;line-height: 20px;  display:block;}
footer li em { background:  #E3DBD0; display: inline-block;  height: 24px;  position: absolute;  right: 0;  top: 11px;  width: 1px;}
footer li.active, footer li:hover  {color: #F0CC64;}
footer li.active a, footer li:hover a { color: #F0CC64;}
.mnprd .middle-row { width: 960px !important}
.mnprd .middle-row section article.bl { width: 240px !important;}
.addtr { overflow:inherit !important;}

.text-block { width: 920px; margin: 0 auto;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {

	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {

}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {

	margin-bottom: 1em;
}
.sf-menu ul {

	min-width: 138px; /* allow long menu items to determine submenu width */
	*width: 138px; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {

	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #13a;
}
.sf-menu li {

	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}

.sf-menu ul, .sf-menu ul li { margin:0; padding:0;}
.sf-menu ul li {
	background: #ffd336; float: none; display:block;
}
.sf-menu ul li a { color: #3b2d0f !important; padding: 5px !important;}
.sf-menu ul li a:hover {color: #E17636 !important}
.sf-menu ul li li  a { color: #fff !important; padding: 5px !important;}
.sf-menu ul li li  a:hover {color: #d5e129 !important}
.sf-menu ul ul li {
	background: #a6ac4e;
}
.sf-menu li:hover,
.sf-menu li.sfHover {

	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;

}

.sf-menu ul li > span {
    background: url("../images/menu-marker2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 7px;
    position: absolute;
    right: 5px;
    top: 12px;
    width: 6px;
}

.sf-arrows .sf-with-ul { background:url(../images/menu-marker.png) no-repeat center 60px;}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}
.select-menu { display:none;}
.nazv { text-decoration: underline;}
.nazv:hover { text-decoration: none; color: #a6ac4e;}
/* Media Queries */
@media (min-width: 960px) and (max-width: 1028px) {
.middle-row {width: 960px;}
header .logo { width: 319px;}
.mnprd .middle-row {  width: 940px !important;}
.list4 li { width: 120px;}
.text-block  {width: 880px;}
.contacts article img { width: 100%; height: auto;}
}
@media (min-width: 744px) and (max-width: 959px) {
.middle-row {width: 740px;}
header .logo { width: 248px;}
header .lang li { display:block; float: left; margin: 0 0 0 10px;}
header .main-menu li a { padding: 30px 20px;}
.mnprd .middle-row {width: 740px !important;}
.mnprd .middle-row section article.bl { width: 200px !important; padding: 20px 5px;}
section article.bl p a { font-size: 14px;}
footer li a { padding: 13px 20px;}
.list4 li { margin-bottom: 30px;}
.text-block  {width: 700px;}
.contacts article img { width: 100%; height: auto;}
}

@media (min-width: 481px) and (max-width: 743px) {
.middle-row {width: 480px;}
.mnprd .middle-row {width: 480px !important;}
.mnprd .middle-row section article.bl { margin: 15px auto; float: none; width: 400px !important;}
footer { height: auto;}
footer li a { padding: 13px 20px;}
header .logo { width: 160px;}
header .lang li { display:block; float: left; margin: 0 0 0 10px;}
nav.navbar { display:none;}
header .main-page-illustr { margin: -40px 0 0;}
.select-menu {display: inline-block !important;padding-top: 4px; padding-right: 3px; padding-bottom: 4px; width: 96%; border: 1px solid #64704a; background: #64704a; color: #ffffff; cursor: pointer;
 margin: 10px; height: 30px; vertical-align: middle;}
header { padding-bottom: 20px;}
.list4 li { margin-bottom: 30px;}
.container article h3 {font: 30px/40px 'Times New Roman';}
.text-block  {width: 400px;}
.contacts article img { width: 100%; height: auto;}
.grid8 { width: 460px;}
.container .contacts article h4 { font-size: 28px;}
#contact-form input, #contact-form textarea { display: block; float: none; width: 95% !important;}
} 

@media (max-width: 480px) {
.middle-row {width: 320px;}
.mnprd .middle-row {width: 320px !important;}
.mnprd .middle-row section article.bl { margin: 15px auto; float: none;}
footer { height: auto;}
footer li a { padding: 13px 20px;}
header .logo { width: 110px;}
header .lang li { display:block; float: left; margin: 0 0 0 5px;}
header .lang li a {    padding: 3px 4px; font-size: 11px;}
nav.navbar { display:none;}
header .main-page-illustr { margin: -25px 0 0;}
.select-menu {display: inline-block !important;padding-top: 4px; padding-right: 3px; padding-bottom: 4px; width: 95%; border: 1px solid #64704a; background: #64704a; color: #ffffff; cursor: pointer;
 margin: 10px; height: 30px; vertical-align: middle;}
header { padding-bottom: 20px;}
.list4 li {  display:block; margin-right: 0; float: none; display: block; margin: 0 auto 30px;}
.container article h3 {font: 30px/40px 'Times New Roman';}
.text-block  {width: 280px;}
.contacts article img { width: 100%; height: auto;}
.grid8 { width: 300px;}
.container .contacts article h4 { font-size: 24px;}
#contact-form input, #contact-form textarea { display: block; float: none; width: 95% !important;}
}