@import url(https://fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic&subset=latin,latin-ext,cyrillic);
/**
 * Main less module
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
/* === VARIABLES === */
/**
 * Variables module
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
/* === PATHS === */
/* === SIZES === */
/* === POSITION === */
/* === FONTS === */
/* === COLORS === */
/* === TRANSITIONS === */
.center {
  margin: 0 auto;
  width: 980px;
}
/* === MIXINS AND RESETS === */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)

   Added classes names by: Viacheslav Lotsmanov
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
.resetCSS {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/**
 * Mixins collection
 *
 * @author Viacheslav Lotsmanov
 * @author Fedor Pudeyan
 * @version 0.2
 * @license none (public domain)
 */
/* === FONTS === */
/* === POSITION === */
/* === PSEUDO === */
/* === LINKS === */
/* === PATHS WRAPPERS === */
/* IE8 FIXES {{{1 */
/* IE8 FIXES }}}1 */
/* === FONTS === */
/**
 * Font-faces
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
@font-face {
  font-family: 'Nautilus';
  src: url('../../fonts/Nautilus.eot?v=1');
  src: url('../../fonts/Nautilus.eot?v=1#iefix') format('embedded-opentype'), url('../../fonts/Nautilus.woff?v=1') format('woff'), url('../../fonts/Nautilus.ttf?v=1') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* === ELEMENTS === */
/**
 * Headers
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
html h1 {
  font-size: 25px;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
  color: #003a11;
  padding-bottom: 30px;
  font-style: italic;
}
html h2 {
  font-size: 21px;
  line-height: 29.4px;
}
html h3 {
  font-size: 18px;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
  color: #003a11;
  font-style: italic;
}
/* === THIRD PARTY === */
/* perfect-scrollbar v0.6.10 */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important;
  }
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}
.ps-container.ps-in-scrolling {
  pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 1;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 1;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 16px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #999999;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 10px;
  margin-right: 3px;
  margin-3: 3px;
}
.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url("../../images/colorbox/overlay.png") repeat 0 0;
  opacity: 0.9;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url("../../images/colorbox/controls.png") no-repeat -101px 0;
}
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url("../../images/colorbox/controls.png") no-repeat -130px 0;
}
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url("../../images/colorbox/controls.png") no-repeat -101px -29px;
}
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url("../../images/colorbox/controls.png") no-repeat -130px -29px;
}
#cboxMiddleLeft {
  width: 21px;
  background: url("../../images/colorbox/controls.png") left top repeat-y;
}
#cboxMiddleRight {
  width: 21px;
  background: url("../../images/colorbox/controls.png") right top repeat-y;
}
#cboxTopCenter {
  height: 21px;
  background: url("../../images/colorbox/border.png") 0 0 repeat-x;
}
#cboxBottomCenter {
  height: 21px;
  background: url("../../images/colorbox/border.png") 0 -29px repeat-x;
}
#cboxContent {
  background: #fff;
  overflow: hidden;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-bottom: 28px;
}
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}
#cboxLoadingOverlay {
  background: url("../../images/colorbox/loading_background.png") no-repeat center center;
}
#cboxLoadingGraphic {
  background: url("../../images/colorbox/loading.gif") no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../../images/colorbox/controls.png") no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxPrevious:hover {
  background-position: -75px -25px;
}
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url("../../images/colorbox/controls.png") no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxNext:hover {
  background-position: -50px -25px;
}
#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../../images/colorbox/controls.png") no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxClose:hover {
  background-position: -25px -25px;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
/* === PAGES === */
/**
 * Main page styles
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
html.main_page body .wrapper .content {
  width: auto !important;
}
html.main_page body .wrapper .content main {
  width: auto !important;
}
html.main_page body .wrapper .content main .new_list {
  text-align: center;
}
html.main_page body .wrapper .content main .new_list .item {
  text-align: left;
}
html.main_page body .wrapper .content .main_tools {
  margin: 0 auto;
  width: 980px;
}
html.main_page body .wrapper .content .advantages {
  margin: 0 auto;
  width: 980px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 390px;
  padding: 0 165px 0 180px;
  font-size: 0px;
  line-height: 0px;
  vertical-align: middle;
}
html.main_page body .wrapper .content .advantages:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
}
html.main_page body .wrapper .content .advantages .adv_inner {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding-top: 70px;
}
html.main_page body .wrapper .content .advantages .adv_inner .adv_item {
  display: inline-block;
  vertical-align: top;
  width: 31.33%;
  margin: 0 1%;
  color: #132340;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  font-style: italic;
  margin-bottom: 35px;
}
html.main_page body .wrapper .content .advantages .adv_inner .adv_item span {
  display: block;
  padding-top: 10px;
}
html.main_page body .wrapper .content .advantages .adv_left {
  position: absolute;
  z-index: 797;
  top: 0;
  left: -95px;
  width: 274px;
  height: 382px;
  background: url("../../images/adv_left.png") 0 0 no-repeat;
}
html.main_page body .wrapper .content .advantages .adv_right {
  position: absolute;
  z-index: 797;
  top: 0;
  right: -95px;
  width: 268px;
  height: 374px;
  background: url("../../images/adv_right.png") 0 0 no-repeat;
}
/**
 * inner_page styles
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
html.inner_page body .wrapper .content main ul li > p {
  margin: 0 !important;
}
html.inner_page body .wrapper .content main ul.decorated li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
html.inner_page body .wrapper .content main ul.decorated li:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 16px;
  height: 17px;
  background: url("../../images/sprite.png") -178px 0 no-repeat;
}
html.inner_page body .wrapper .content main ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 20px;
}
html.inner_page body .wrapper .content main ul li:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 6px;
  width: 5px;
  height: 5px;
  background: url("../../images/list_marker.png") 0 0 no-repeat;
}
html.inner_page body .wrapper .content main ol {
  padding-left: 20px;
}
html.inner_page body .wrapper .content main ol li {
  position: relative;
  margin-bottom: 20px;
  list-style: decimal;
}
/**
 * All pages styles
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
:focus {
  outline: none;
}
html {
  background: white;
  color: #333333;
  font: 15px/20px 'Cuprum', sans-serif;
}
html body {
  font: 15px/20px 'Cuprum', sans-serif;
  color: #333333;
  background: #ffffff;
}
html body .popupWrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 800;
  background: rgba(0, 0, 0, 0.6);
}
html body .popupWrapper .popupInner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -188px;
  margin-left: -257px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 515px;
  height: 376px;
  padding: 25px 40px 20px 40px;
  background: #74a11f;
  text-align: right;
}
html body .popupWrapper .popupInner.popupInnerMin {
  height: auto !important;
}
html body .popupWrapper .popupInner.popupInnerMin .resultForm {
  margin-top: 0px;
}
html body .popupWrapper .popupInner .closer {
  position: absolute;
  right: 11px;
  top: 11px;
  cursor: pointer;
  width: 18px;
  height: 17px;
  background: url("../../images/sprite.png") -344px 0 no-repeat;
}
html body .popupWrapper .popupInner h3 {
  text-align: left;
  font-size: 20px;
  line-height: 25px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 0 20px 15px;
}
html body .popupWrapper .popupInner input[type=text],
html body .popupWrapper .popupInner textarea {
  width: 100%;
  border-color: #ffffff;
  color: #ffffff;
  margin-bottom: 4px;
  text-align: left;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
html body .popupWrapper .popupInner .button {
  display: inline-block;
  width: 185px;
}
html body .wrapper {
  background: #ffffff;
  min-width: 980px;
  overflow-x: hidden;
}
html body .wrapper .page_seo {
  margin: 0 auto;
  width: 980px;
  padding-top: 20px;
  padding-bottom: 20px;
}
html body .wrapper .errorBorder {
  border-color: #FF2200 !important;
}
html body .wrapper .resultForm {
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 24px;
  margin-top: 30%;
  color: #ffffff;
}
html body .wrapper a {
  display: inline;
  color: #5e9221;
  text-decoration: none;
  border-bottom: 1px solid #5e9221;
  -webkit-transition: color 0.2s linear, border-bottom-color 0.2s linear;
  -moz-transition: color 0.2s linear, border-bottom-color 0.2s linear;
  -o-transition: color 0.2s linear, border-bottom-color 0.2s linear;
  transition: color 0.2s linear, border-bottom-color 0.2s linear;
}
html body .wrapper a:hover {
  color: #5e9221;
}
html body .wrapper a:hover {
  border-bottom-color: transparent;
}
html body .wrapper sub,
html body .wrapper sup {
  font-size: 80%;
  position: relative;
}
html body .wrapper sub {
  margin-bottom: -8px;
}
html body .wrapper sup {
  margin-top: -8px;
}
html body .wrapper b,
html body .wrapper strong {
  font-weight: bold;
}
html body .wrapper input,
html body .wrapper textarea {
  background: transparent;
  border: 1px solid #999999;
  width: 430px;
  height: 32px;
  resize: none;
  padding-left: 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  font-family: 'Cuprum';
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
html body .wrapper textarea {
  padding: 13px 0 13px 7px;
  height: 130px;
}
html body .wrapper input::-webkit-input-placeholder {
  color: #ffffff !important;
}
html body .wrapper input::-moz-placeholder {
  color: #ffffff !important;
}
html body .wrapper input:-moz-placeholder {
  color: #ffffff !important;
}
html body .wrapper input:-ms-input-placeholder {
  color: #ffffff !important;
}
html body .wrapper textarea::-webkit-input-placeholder {
  color: #ffffff !important;
}
html body .wrapper textarea::-moz-placeholder {
  color: #ffffff !important;
}
html body .wrapper textarea:-moz-placeholder {
  color: #ffffff !important;
}
html body .wrapper textarea:-ms-input-placeholder {
  color: #ffffff !important;
}
html body .wrapper .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 15px;
  line-height: 33px;
  color: #fcfcfc;
  text-transform: uppercase;
  padding: 0 33px;
  border-width: 0px;
  background: #cc0000;
  vertical-align: middle;
  min-width: 185px;
  text-align: center;
  border: 1px solid #cc0000;
  -webkit-transition: border-color 0.2s linear, background-color 0.2s linear, margin-left 0.2s linear;
  -moz-transition: border-color 0.2s linear, background-color 0.2s linear, margin-left 0.2s linear;
  -o-transition: border-color 0.2s linear, background-color 0.2s linear, margin-left 0.2s linear;
  transition: border-color 0.2s linear, background-color 0.2s linear, margin-left 0.2s linear;
  cursor: pointer;
}
html body .wrapper .button:hover {
  background-color: #e50000;
  color: #fcfcfc;
}
html body .wrapper p {
  margin-bottom: 20px;
}
html body .wrapper .pagination {
  vertical-align: middle;
  text-align: center;
}
html body .wrapper .pagination a,
html body .wrapper .pagination span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin: 0 2px;
}
html body .wrapper .pagination a {
  color: #5e9221;
  border-width: 0px;
}
html body .wrapper .pagination a.prev,
html body .wrapper .pagination a.next {
  width: 6px;
  height: 10px;
  background-image: url("../../images/sprite.png");
}
html body .wrapper .pagination a.prev {
  background-position: -220px 0;
}
html body .wrapper .pagination a.prev:hover {
  background-position: -232px 0;
}
html body .wrapper .pagination a.next {
  background-position: -226px 0;
}
html body .wrapper .pagination a.next:hover {
  background-position: -238px 0;
}
html body .wrapper .pagination span,
html body .wrapper .pagination a:hover {
  color: #003a11;
}
html body .wrapper header {
  margin: 0 auto;
  width: 980px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 320px;
  position: relative;
  padding-top: 32px;
  padding-bottom: 13px;
  text-align: center;
}
html body .wrapper header .picture {
  position: absolute;
  top: 0px;
  right: -116px;
  width: 399px;
  height: 218px;
  background: url("../../images/header.png") 0 0 no-repeat;
}
html body .wrapper header .logo {
  display: block;
  width: 161px;
  height: 93px;
  margin: 0 auto;
  margin-bottom: 10px;
  background: url("../../images/logo.png") 0 0 no-repeat;
  border: none;
}
html body .wrapper header .slogan {
  display: inline-block;
  vertical-align: top;
}
html body .wrapper header .slogan span {
  display: block;
  white-space: nowrap;
  color: #74a11f;
  font-size: 15px;
  line-height: 17px;
}
html body .wrapper header .tools {
  position: absolute;
  bottom: 13px;
  left: 0;
  width: 100%;
  height: 33px;
  text-align: center;
}
html body .wrapper header .tools .tools_inner {
  position: relative;
}
html body .wrapper header .tools.fixed {
  position: fixed !important;
  z-index: 799;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 0;
  background: #74a11f;
  position: relative;
}
html body .wrapper header .tools.fixed .tools_inner {
  position: relative;
  width: 980px;
  left: 50%;
  margin-left: -490px;
}
html body .wrapper header .tools.fixed .tools_inner .button {
  margin-left: 100px;
}
html body .wrapper header .tools.fixed .tools_inner .logo {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  opacity: 0;
  position: absolute;
  top: -9px;
  left: 9px;
  width: 41px;
  height: 50px;
  background: url("../../images/logo_small.png") 0 0 no-repeat;
}
html body .wrapper header .tools.fixed .tools_inner nav ul li {
  font-size: 15px;
  line-height: 33px;
}
html body .wrapper header .tools.fixed .tools_inner nav ul li a {
  color: #ffffff;
}
html body .wrapper header .tools.fixed .tools_inner nav ul li a:hover {
  color: #003b12;
}
html body .wrapper header .tools.fixed .tools_inner nav ul li ul {
  background: #74a11f;
}
html body .wrapper header .tools.fixed .tools_inner .phone_wrapper span {
  color: #ffffff;
}
html body .wrapper header .tools .button {
  position: relative;
  float: left;
}
html body .wrapper header .tools .phone_wrapper {
  float: right;
  text-align: right;
}
html body .wrapper header .tools .phone_wrapper .phone {
  float: right;
  font-size: 24px;
  line-height: 24px;
  color: #003b12;
  border-width: 0px;
  padding-left: 36px;
  position: relative;
}
html body .wrapper header .tools .phone_wrapper .phone:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 25px;
  background: url("../../images/sprite.png") 0 0 no-repeat;
}
html body .wrapper header .tools nav {
  display: inline-block;
  white-space: nowrap;
}
html body .wrapper header .tools nav a {
  border-width: 0px;
}
html body .wrapper header .tools nav ul li {
  display: inline-block;
  font-size: 20px;
  line-height: 33px;
  text-transform: uppercase;
  color: #6f9e1f;
  margin: 0 11px;
  position: relative;
}
html body .wrapper header .tools nav ul li a {
  color: #6f9e1f;
}
html body .wrapper header .tools nav ul li a:hover,
html body .wrapper header .tools nav ul li a.active {
  color: #003b12;
}
html body .wrapper header .tools nav ul li:hover ul {
  display: block;
}
html body .wrapper header .tools nav ul li ul {
  position: absolute;
  z-index: 799;
  left: -12px;
  top: 32px;
  text-align: left;
  display: none;
  background: #ededed;
  padding-left: 12px;
  padding-right: 26px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 4px solid #003f15;
  border-bottom: 4px solid #003f15;
}
html body .wrapper header .tools nav ul li ul:before {
  content: '';
  position: absolute;
  left: 22px;
  top: -11px;
  width: 8px;
  height: 8px;
  background: url("../../images/sprite.png") -170px 0 no-repeat;
}
html body .wrapper header .tools nav ul li ul li {
  display: block;
  margin: 0;
  font-size: 15px;
  line-height: 25px;
}
html body .wrapper header .socials {
  position: absolute;
  bottom: 180px;
  left: 0;
}
html body .wrapper header .socials .items-wrapper {
  padding-top: 10px;
}
html body .wrapper header .socials .items-wrapper .items {
  display: inline-block;
  vertical-align: top;
  border-color: transparent;
  margin-right: 10px;
}
html body .wrapper header .socials .items-wrapper .items img {
  max-width: 100%;
}
html body .wrapper .content {
  margin: 0 auto;
  width: 980px;
}
html body .wrapper .content .share-list {
  text-align: right;
  padding-top: 20px;
}
html body .wrapper .content .share-list ul,
html body .wrapper .content .share-list li {
  list-style: none;
}
html body .wrapper .content .share-list li {
  padding-left: 5px !important;
}
html body .wrapper .content .share-list li:before {
  display: none;
}
html body .wrapper .content .main_tools {
  padding: 25px 0;
  position: relative;
}
html body .wrapper .content .main_tools:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  float: none;
  clear: both;
}
html body .wrapper .content .main_tools .pathway {
  color: #666666;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  padding-right: 240px;
}
html body .wrapper .content .main_tools .pathway a,
html body .wrapper .content .main_tools .pathway span,
html body .wrapper .content .main_tools .pathway .bx-breadcrumb-item {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  line-height: 15px;
}
html body .wrapper .content .main_tools .pathway .bx-breadcrumb-item {
  padding-bottom: 4px;
}
html body .wrapper .content .main_tools .pathway .bx-breadcrumb-item > span {
  text-transform: uppercase;
}
html body .wrapper .content .main_tools .pathway span.sep {
  padding: 0 5px;
}
html body .wrapper .content .main_tools .search {
  position: absolute;
  padding-right: 48px;
  top: 25px;
  right: 0px;
}
html body .wrapper .content .main_tools .search .icon {
  content: '';
  position: absolute;
  width: 26px;
  height: 26px;
  top: -3px;
  right: 6px;
  background: url("../../images/sprite.png") -194px 0 no-repeat;
}
html body .wrapper .content .main_tools .search.search_has_result .icon {
  content: '';
  position: absolute;
  width: 18px;
  height: 17px;
  top: 2px;
  right: 15px;
  background: url("../../images/sprite.png") -418px 0 no-repeat;
  cursor: pointer;
}
html body .wrapper .content .main_tools .search input {
  width: 163px;
  height: 23px;
  line-height: 23px;
  color: #999999;
  transition: width 0.2s linear;
  background: #ffffff;
}
html body .wrapper .content .main_tools .search input.focus {
  width: 400px;
}
html body .wrapper .content .main_tools .search input::-webkit-input-placeholder {
  color: #999999 !important;
}
html body .wrapper .content .main_tools .search input::-moz-placeholder {
  color: #999999 !important;
}
html body .wrapper .content .main_tools .search input:-moz-placeholder {
  color: #999999 !important;
}
html body .wrapper .content .main_tools .search input:-ms-input-placeholder {
  color: #999999 !important;
}
html body .wrapper .content .main_tools .search .main_search_result {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 799;
  right: 48px;
  top: 23px;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #6f9e1f;
  overflow-y: auto;
}
html body .wrapper .content .main_tools .search .main_search_result .search_result_item {
  padding: 5px 0 10px 10px;
  line-height: 16px;
}
html body .wrapper .content .main_tools .search .main_search_result .search_result_item a {
  border-width: 0px !important;
}
html body .wrapper .content .main_tools .search .main_search_result .search_result_item .search_result_item_name {
  padding-bottom: 2px;
}
html body .wrapper .content .main_tools .search .main_search_result .search_result_item .search_result_item_name a {
  color: #6f9e1f;
}
html body .wrapper .content .main_tools .search .main_search_result .search_result_item .search_result_item_name a:hover {
  color: #003b12;
}
html body .wrapper .content .main_tools .search .main_search_result .search_result_item .search_result_item_section {
  font-size: 85%;
}
html body .wrapper .content .main_tools .search .main_search_result .search_result_item .search_result_item_section a {
  color: #666666;
}
html body .wrapper .content .main_tools .search .main_search_result .search_result_item .search_result_item_section a:hover {
  color: #cc0000;
}
html body .wrapper .content .page_title {
  margin: 0 auto;
  width: 980px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 295px;
}
html body .wrapper .content:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  float: none;
  clear: both;
}
html body .wrapper .content main {
  margin: 0 auto;
  width: 980px;
}
html body .wrapper .content main table {
  border-collapse: collapse;
}
html body .wrapper .content main table tr th,
html body .wrapper .content main table tr td {
  padding: 3px 5px;
  border: 1px solid #759530;
}
html body .wrapper .content main table tr th {
  color: #759530;
  test-align: left;
}
html body .wrapper .content main table tr td[colspan] {
  text-align: center !important;
  vertical-align: middle !important;
}
html body .wrapper .content > nav {
  float: left;
  width: 295px;
}
html body .wrapper .content > nav ul li {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 20px;
  padding-left: 30px;
  position: relative;
  padding-top: 6px;
  padding-bottom: 6px;
}
html body .wrapper .content > nav ul li:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 8px;
  width: 16px;
  height: 17px;
  background: url("../../images/sprite.png") -178px 0 no-repeat;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
html body .wrapper .content > nav ul li a {
  color: #003b12;
  border-width: 0px;
}
html body .wrapper .content > nav ul li.active:before,
html body .wrapper .content > nav ul li:hover:before {
  zoom: 1;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
html body .wrapper .content > nav ul li.active a,
html body .wrapper .content > nav ul li:hover a {
  color: #5e9221;
}
html body .wrapper .content nav + main {
  margin-left: 315px;
  width: auto;
  text-align: left !important;
  padding-bottom: 70px;
}
html body .wrapper .content .slider {
  position: relative;
  margin: 0 auto;
  width: 980px;
  /** Carousel **/
  /** Carousel Controls **/
}
html body .wrapper .content .slider a {
  border-width: 0px;
}
html body .wrapper .content .slider .pattern_left {
  position: absolute;
  z-index: 1;
  top: 13px;
  left: -310px;
  width: 595px;
  height: 471px;
  background: url("../../images/pattern_left.png") 0 0 no-repeat;
}
html body .wrapper .content .slider .pattern_right {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: -310px;
  width: 600px;
  height: 475px;
  background: url("../../images/pattern_right.png") 0 0 no-repeat;
}
html body .wrapper .content .slider .jcarousel-wrapper {
  position: relative;
  z-index: 2;
  width: 980px;
  height: 498px;
}
html body .wrapper .content .slider.slider_1 {
  z-index: 798;
}
html body .wrapper .content .slider.slider_2 {
  margin-bottom: 75px;
}
html body .wrapper .content .slider.slider_2 .jcarousel-wrapper {
  height: 352px;
}
html body .wrapper .content .slider.slider_2 .button {
  margin-left: 310px;
}
html body .wrapper .content .slider .jcarousel {
  position: relative;
  overflow: hidden;
}
html body .wrapper .content .slider .jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
html body .wrapper .content .slider .jcarousel li {
  float: left;
}
html body .wrapper .content .slider .jcarousel-control-prev,
html body .wrapper .content .slider .jcarousel-control-next {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 12px;
  height: 22px;
  background-image: url("../../images/sprite.png");
  background-repeat: no-repeat;
  border-width: 0px;
}
html body .wrapper .content .slider .jcarousel-control-prev {
  background-position: -26px 0;
  left: 11px;
}
html body .wrapper .content .slider .jcarousel-control-next {
  background-position: -38px 0;
  right: 11px;
}
html body .wrapper .content .slider.slider_2 .jcarousel-control-prev,
html body .wrapper .content .slider.slider_3 .jcarousel-control-prev {
  background-position: -50px 0;
}
html body .wrapper .content .slider.slider_2 .jcarousel-control-next,
html body .wrapper .content .slider.slider_3 .jcarousel-control-next {
  background-position: -62px 0;
}
html body .wrapper .content .slider .jcarousel-control-prev:hover span,
html body .wrapper .content .slider .jcarousel-control-next:hover span {
  display: block;
}
html body .wrapper .content .slider .jcarousel-control-prev.inactive,
html body .wrapper .content .slider .jcarousel-control-next.inactive {
  opacity: .5;
  cursor: default;
}
html body .wrapper .content .slider.slider_3 {
  width: auto !important;
  background: #132340;
}
html body .wrapper .content .slider.slider_3 .jcarousel-wrapper {
  margin: 0 auto;
  padding: 80px 0;
  height: auto !important;
}
html body .wrapper .content .slider.slider_3 .jcarousel-wrapper .jcarousel ul {
  display: inline-block;
  vertical-align: middle;
}
html body .wrapper .content .slider.slider_3 .jcarousel-wrapper .jcarousel li {
  display: inline-block;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 245px;
  vertical-align: middle;
  text-align: center;
}
html body .wrapper .content .slider.slider_3 .jcarousel-wrapper .jcarousel li a {
  border-width: 0px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  position: relative;
  height: 100%;
}
html body .wrapper .content .slider.slider_3 .jcarousel-wrapper .jcarousel li a img {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
html body .wrapper .content .slider.slider_3 .jcarousel-wrapper .jcarousel li a img.color {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
html body .wrapper .content .slider.slider_3 .jcarousel-wrapper .jcarousel li a:hover img.gray {
  opacity: 0;
}
html body .wrapper .content .slider.slider_3 .jcarousel-wrapper .jcarousel li a:hover img.color {
  opacity: 1;
}
html body .wrapper .content .catalog {
  margin: 0 auto;
  width: 980px;
  font-size: 0px;
  line-height: 0px;
  padding-top: 90px;
  padding-bottom: 55px;
  text-align: center;
}
html body .wrapper .content .catalog .item {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  text-align: left;
}
html body .wrapper .content .catalog .item .preview_picture {
  height: 246px;
  text-align: right;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
html body .wrapper .content .catalog .item .preview_picture a {
  border: 0px;
  text-decoration: none;
}
html body .wrapper .content .catalog .item .preview_picture:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 25px;
  height: 246px;
  margin-top: -123px;
  background: url("../../images/shadow.png") 0 0 no-repeat;
}
html body .wrapper .content .catalog .item .preview_picture:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  font-size: 0px;
  line-height: 0px;
  width: 0px;
  height: 100%;
}
html body .wrapper .content .catalog .item .preview_picture img {
  position: relative;
  right: -80px;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
html body .wrapper .content .catalog .item .title {
  color: #132340;
  font-size: 30px;
  line-height: 30px;
  font-family: 'Nautilus';
  text-align: center;
  margin-bottom: 20px;
}
html body .wrapper .content .catalog .item .title a {
  color: #132340;
  border-width: 0px;
}
html body .wrapper .content .catalog .item .title a:hover {
  color: #6f9e1f;
}
html body .wrapper .content .catalog .item .preview_text {
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  padding-left: 62px;
  padding-right: 50px;
}
html body .wrapper .content .catalog .item .price_text {
  font-size: 18px;
  line-height: 20px;
  margin-top: 20px;
  padding-left: 62px;
  font-family: 'Nautilus';
}
html body .wrapper .content .separator {
  position: relative;
  height: 1px;
  border-top: 1px solid #d6d6d6;
  background: #c1c1c1;
  margin-top: 130px;
  margin-bottom: 80px;
}
html body .wrapper .content .separator:before {
  content: '';
  position: absolute;
  top: -138px;
  left: 50%;
  background: url("../../images/separate_corn.png") 0 0 no-repeat;
  width: 226px;
  height: 175px;
  margin-left: -113px;
}
html body .wrapper .content .new_list {
  background: #cecece;
  background: linear-gradient(to bottom, #ffffff, #cecece);
  padding: 75px 0;
  font-size: 0px;
  line-height: 0px;
}
html body .wrapper .content .new_list .items {
  margin: 0 auto;
  width: 980px;
}
html body .wrapper .content .new_list .items .item {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding-right: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html body .wrapper .content .new_list .items .item:nth-of-type(3n) {
  margin-right: 0px;
}
html body .wrapper .content .new_list .items .item .preview_picture {
  width: 311px;
  height: 244px;
  margin-bottom: 30px;
  position: relative;
}
html body .wrapper .content .new_list .items .item .preview_picture .label {
  position: absolute;
  top: 31px;
  left: 0;
  width: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
html body .wrapper .content .new_list .items .item .preview_picture .label.label_news {
  background-color: #cc0000;
}
html body .wrapper .content .new_list .items .item .preview_picture .label.label_news:hover {
  background-color: #e50000;
}
html body .wrapper .content .new_list .items .item .preview_picture .label.label_articles {
  background: #003f15;
}
html body .wrapper .content .new_list .items .item .preview_picture .label.label_articles:hover {
  background-color: #00541c;
}
html body .wrapper .content .new_list .items .item .preview_picture .label a {
  color: #ffffff;
  border-width: 0px;
}
html body .wrapper .content .new_list .items .item .preview_picture:after {
  content: '';
  position: absolute;
  bottom: -25px;
  right: 0px;
  background: url("../../images/triangle.png") 0 0 no-repeat;
  width: 63px;
  height: 90px;
}
html body .wrapper .content .new_list .items .item .preview_picture img {
  width: 100%;
  max-height: 100%;
}
html body .wrapper .content .new_list .items .item .title {
  color: #132340;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 15px;
  padding-right: 65px;
}
html body .wrapper .content .new_list .items .item .title a {
  color: #132340;
  border-width: 0px;
}
html body .wrapper .content .new_list .items .item .title a:hover {
  color: #6f9e1f;
}
html body .wrapper .content .new_list .items .item .date {
  color: #666666;
  font-family: 'Cambria';
  font-size: 16px;
  line-height: 20px;
  font-style: italic;
  margin-bottom: 20px;
}
html body .wrapper .content .new_list .items .item .preview_text {
  color: #666666;
  font-size: 14px;
  line-height: 20px;
}
html body .wrapper .bottom {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 398px;
  border-top: 1px solid #999999;
  background: #74a11f;
  position: relative;
}
html body .wrapper .bottom:before {
  content: '';
  position: absolute;
  z-index: 700;
  bottom: -22px;
  left: 50%;
  margin-left: -31px;
  width: 62px;
  height: 22px;
  background: url("../../images/arrow.png") 0 0 no-repeat;
}
html body .wrapper .bottom .bottom_inner {
  margin: 0 auto;
  width: 980px;
  position: relative;
  font-size: 0px;
  line-height: 0px;
}
html body .wrapper .bottom .bottom_inner .pattern {
  position: absolute;
  z-index: 0;
  background: url("../../images/pattern_bottom.png") 0 0 no-repeat;
  width: 456px;
  height: 398px;
  left: -310px;
  top: 0;
}
html body .wrapper .bottom .bottom_inner .bottom_col {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts {
  padding-top: 24px;
  width: 640px;
  position: relative;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .logo_wrapp {
  text-align: center;
  width: 260px;
  margin-bottom: 20px;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .logo_wrapp .logo {
  display: inline-block;
  width: 161px;
  height: 93px;
  margin: 0 auto;
  margin-bottom: 10px;
  background: url("../../images/logo.png") 0 0 no-repeat;
  border: none;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .logo_wrapp .slogan {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .logo_wrapp .slogan span {
  display: block;
  white-space: nowrap;
  color: #003a12;
  font-size: 15px;
  line-height: 17px;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts {
  position: relative;
  z-index: 2;
  text-align: left;
  font-size: 15px;
  line-height: 18px;
  color: #ffffff;
  display: inline-block;
  max-width: 320px;
  vertical-align: top;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts:nth-of-type(2n+1) {
  padding-left: 0;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts > div {
  padding-left: 45px;
  position: relative;
  margin-bottom: 30px;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts > div a {
  color: #ffffff;
  border-bottom-color: #fff;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts > div a:hover {
  border-color: transparent;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts > div:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts .address span {
  text-transform: uppercase;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts .address:before {
  width: 24px;
  height: 34px;
  background: url("../../images/sprite.png") -74px 0 no-repeat;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts .phone {
  font-size: 18px;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts .phone:before {
  width: 26px;
  height: 25px;
  background: url("../../images/sprite.png") -98px 0 no-repeat;
  top: -7px;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_contacts .contacts .email:before {
  width: 26px;
  height: 17px;
  background: url("../../images/sprite.png") -124px 0 no-repeat;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_form {
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  padding-top: 80px;
  text-align: right;
  width: 340px;
  float: right;
}
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_form input,
html body .wrapper .bottom .bottom_inner .bottom_col.bottom_col_form textarea {
  font-style: italic;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 5px;
  width: 340px;
  border-color: #ffffff;
}
html body .wrapper .map {
  height: 455px;
  position: relative;
}
html body .wrapper footer {
  height: 48px;
  background: #003b12;
  color: #ffffff;
}
html body .wrapper footer .inner {
  margin: 0 auto;
  width: 980px;
  position: relative;
}
html body .wrapper footer .inner > div {
  margin-top: 14px;
}
html body .wrapper footer .inner .copyright {
  float: left;
  font-size: 14px;
  line-height: 20px;
}
html body .wrapper footer .inner .copyright a {
  color: #ffffff;
  border: none;
}
html body .wrapper footer .inner .developer {
  float: right;
  font-size: 14px;
  line-height: 20px;
}
html body .wrapper footer .inner .developer a {
  color: #ffffff;
  margin-left: 24px;
  position: relative;
}
html body .wrapper footer .inner .developer a:before {
  content: '';
  position: absolute;
  left: -24px;
  top: 0;
  width: 20px;
  height: 20px;
  background: url("../../images/sprite.png") -150px 0 no-repeat;
}
html body .wrapper footer .inner .developer a:hover {
  border-color: transparent;
}
html body .wrapper footer .inner #bx-composite-banner {
  position: absolute;
  top: -5px;
  left: 350px;
}
html body .wrapper footer .inner #bx-composite-banner a {
  display: block;
}
/**
 * catalog styles
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
html.catalog body .wrapper .content main {
  text-align: center;
  vertical-align: top;
}
html.catalog body .wrapper .content main .catalog_wrapp {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  padding-top: 30px;
  padding-bottom: 130px;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  height: 300px;
  margin: 0 15px;
  position: relative;
  border-width: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding-top: 65px;
  padding-left: 60px;
  padding-right: 60px;
  color: #333333;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item .catalog_root_item_pictures {
  display: block;
  width: 89px;
  height: 102px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item .catalog_root_item_pictures img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item .catalog_root_item_pictures img.main {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item .catalog_root_item_pictures img.hover {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item .catalog_root_item_title {
  position: relative;
  z-index: 1;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item:after,
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item:before {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item:after {
  background: #aac70b url("../../images/spacer_1.png") left bottom repeat;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item:hover {
  color: #ffffff;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item:hover:before {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item:hover:after {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item:hover .catalog_root_item_pictures img.main {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_root_item:hover .catalog_root_item_pictures img.hover {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_level_item {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  height: 300px;
  position: relative;
  border-width: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333333;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  text-align: center;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_level_item .catalog_level_item_pictures {
  display: inline-block;
  width: 300px;
  height: 260px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_level_item .catalog_level_item_pictures img {
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_level_item .catalog_level_item_title {
  position: relative;
  z-index: 1;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_level_item .catalog_level_item_desc {
  display: block;
  text-align: left;
  color: #666666;
  margin-top: 10px;
  text-transform: none;
  font-size: 15px;
  line-height: 18px;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_level_item:hover {
  color: #14408a;
}
html.catalog body .wrapper .content main .catalog_wrapp .catalog_level_item:hover .catalog_level_item_pictures {
  background-color: #e6e6e6;
}
html.catalog body .wrapper .content main .catalog_section_desc {
  margin-bottom: 60px;
}
html.catalog body .wrapper .content main .catalog_items_list {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
html.catalog body .wrapper .content main .catalog_items_list .catalog_item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 33.33%;
  border-width: 0px;
  font-size: 15px;
  line-height: 18px;
  color: #5e9221;
  margin-bottom: 75px;
}
html.catalog body .wrapper .content main .catalog_items_list .catalog_item span {
  display: block;
}
html.catalog body .wrapper .content main .catalog_items_list .catalog_item .catalog_item_picture {
  height: 210px;
  margin-bottom: 10px;
}
html.catalog body .wrapper .content main .catalog_items_list .catalog_item .catalog_item_picture img {
  max-height: 100%;
  zoom: 1;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
html.catalog body .wrapper .content main .catalog_items_list .catalog_item .catalog_item_title {
  text-transform: uppercase;
  padding: 0 30px;
}
html.catalog body .wrapper .content main .catalog_items_list .catalog_item .catalog_item_price {
  padding-top: 10px;
}
html.catalog body .wrapper .content main .catalog_items_list .catalog_item:hover {
  color: #003b12;
}
html.catalog body .wrapper .content main .catalog_items_list .catalog_item:hover .catalog_item_picture img {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
html.catalog body .wrapper .content main .catalog_details_page {
  position: relative;
  padding-top: 35px;
  text-align: left;
}
html.catalog body .wrapper .content main .catalog_details_page .more-info-wrapper {
  padding: 0 0 20px 0;
  position: absolute;
  top: 0;
}
html.catalog body .wrapper .content main .catalog_details_page .pictures_wrapp {
  float: left;
  width: 294px;
}
html.catalog body .wrapper .content main .catalog_details_page .pictures_wrapp .pictures_main {
  width: 100%;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
html.catalog body .wrapper .content main .catalog_details_page .pictures_wrapp .pictures_main > a {
  text-decoration: none;
  border: none;
}
html.catalog body .wrapper .content main .catalog_details_page .pictures_wrapp .pictures_main img {
  max-width: 100%;
  max-height: 100%;
}
html.catalog body .wrapper .content main .catalog_details_page .pictures_wrapp .pictures_all {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  margin-bottom: 100px;
}
html.catalog body .wrapper .content main .catalog_details_page .pictures_wrapp .pictures_all > a {
  width: 95px;
  height: 95px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 3px 3px 0 0;
  border-width: 0px;
}
html.catalog body .wrapper .content main .catalog_details_page .pictures_wrapp .pictures_all > a:nth-of-type(3n) {
  margin-right: 0px;
}
html.catalog body .wrapper .content main .catalog_details_page .pictures_wrapp .pictures_all > a img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp {
  margin-left: 304px;
  font-style: italic;
  padding-top: 50px;
  position: relative;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp.nopic {
  margin-left: 0;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .decorated {
  width: 470px;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .button_top {
  position: absolute;
  top: 0px;
  right: 0px;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .button_bottom {
  float: right;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .char_box {
  padding-left: 20px;
  margin-bottom: 20px;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .char_box .char_box_title {
  color: #759530;
  margin-bottom: 10px;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .char_box .char_box_content > ul li {
  margin-bottom: 10px;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .char_box .char_box_content .char_box_value_item {
  width: 470px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .char_box .char_box_content .char_box_value_item:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 5px;
  width: 100%;
  height: 1px;
  background: #343a4d;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .char_box .char_box_content .char_box_value_item span {
  float: left;
  background: #ffffff;
  padding-bottom: 1px;
  position: relative;
  z-index: 2;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .char_box .char_box_content .char_box_value_item span + span {
  float: right;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .char_box .char_box_content .char_box_value_item.char_box_value_item_button:before {
  display: none;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .char_box.char_box_alone .char_box_content .char_box_value_item span {
  color: #759530;
}
html.catalog body .wrapper .content main .catalog_details_page .details_wrapp .char_box.char_box_alone .char_box_content .char_box_value_item span + span {
  color: inherit;
}
html.catalog body .wrapper .content main .catalog_details_page .catalog_items_list {
  width: 100%;
  padding-top: 30px;
  display: inline-block;
}
html.catalog body .wrapper .content main .catalog_details_page .catalog_items_list:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
  float: none;
}
html.catalog body .wrapper .content main .catalog_details_page .catalog_items_list h3 {
  font-size: 25px;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
  color: #003a11;
  padding-bottom: 30px;
  font-style: italic;
  padding-left: 295px;
}
html.catalog body .wrapper .content main .catalog_details_page .catalog_items_list .catalog_item {
  width: 25%;
}
/**
 * catalog styles
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
html.price body .wrapper .content main .resultFormPrice {
  color: #5e9221;
  font-weight: bold;
  font-style: italic;
  padding: 5px 0;
}
html.price body .wrapper .content main .defaultForm input[type=text],
html.price body .wrapper .content main .defaultForm textarea {
  color: #999999;
}
html.price body .wrapper .content main .defaultForm input[type=text] {
  margin-bottom: 5px;
}
html.price body .wrapper .content main .defaultForm input::-webkit-input-placeholder {
  color: #cccccc !important;
}
html.price body .wrapper .content main .defaultForm input::-moz-placeholder {
  color: #cccccc !important;
}
html.price body .wrapper .content main .defaultForm input:-moz-placeholder {
  color: #cccccc !important;
}
html.price body .wrapper .content main .defaultForm input:-ms-input-placeholder {
  color: #cccccc !important;
}
html.price body .wrapper .content main .defaultForm textarea::-webkit-input-placeholder {
  color: #cccccc !important;
}
html.price body .wrapper .content main .defaultForm textarea::-moz-placeholder {
  color: #cccccc !important;
}
html.price body .wrapper .content main .defaultForm textarea:-moz-placeholder {
  color: #cccccc !important;
}
html.price body .wrapper .content main .defaultForm textarea:-ms-input-placeholder {
  color: #cccccc !important;
}
html.price body .wrapper .content main .price_list {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
html.price body .wrapper .content main .price_list .price_item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 313px;
  height: 300px;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  padding-top: 145px;
  position: relative;
  text-align: center;
}
html.price body .wrapper .content main .price_list .price_item .title {
  color: #333333;
}
html.price body .wrapper .content main .price_list .price_item .title span {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 25px;
  display: block;
}
html.price body .wrapper .content main .price_list .price_item .title span + span {
  text-transform: none;
  font-size: 15px;
  line-height: 25px;
}
html.price body .wrapper .content main .price_list .price_item .button {
  position: absolute;
  bottom: 33px;
  left: 50%;
  margin-left: -92px;
  display: none;
}
html.price body .wrapper .content main .price_list .price_item .icon {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background: #999999;
  position: absolute;
  top: 57px;
  left: 50%;
  margin-left: -35px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
html.price body .wrapper .content main .price_list .price_item .icon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url("../../images/sprite.png");
}
html.price body .wrapper .content main .price_list .price_item.pdf .icon:before {
  width: 31px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  background-position: -244px 0;
}
html.price body .wrapper .content main .price_list .price_item.xls .icon:before {
  width: 38px;
  height: 25px;
  margin-left: -19px;
  margin-top: -12px;
  background-position: -275px 0;
}
html.price body .wrapper .content main .price_list .price_item.common .icon:before {
  width: 31px;
  height: 31px;
  margin-left: -15px;
  margin-top: -15px;
  background-position: -313px 0;
}
html.price body .wrapper .content main .price_list .price_item:hover {
  background-color: #e6e6e6;
}
html.price body .wrapper .content main .price_list .price_item:hover.pdf .icon {
  background: #cc0000;
}
html.price body .wrapper .content main .price_list .price_item:hover.xls .icon {
  background: #118335;
}
html.price body .wrapper .content main .price_list .price_item:hover.common .icon {
  background: #14408a;
}
html.price body .wrapper .content main .price_list .price_item:hover .button {
  display: block;
}
html.price body .wrapper .content main .price_list .price_item:nth-of-type(3n) {
  margin-right: 0px;
}
/**
 * contacts styles
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
/**
 * salepoints styles
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
html.salepoints body .wrapper .content {
  width: auto !important;
}
html.salepoints body .wrapper .content .main_tools {
  margin: 0 auto;
  width: 980px;
}
html.salepoints body .wrapper .content main {
  width: auto !important;
  background: url("../../images/pattern_1.png") 0 0 repeat-x;
  min-height: 100px;
}
html.salepoints body .wrapper .content main .contacts {
  font-size: 0;
  line-height: 0;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list {
  position: relative;
  margin: 0 auto;
  width: 980px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  padding-top: 20px;
  padding-bottom: 20px;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list .contacts_list_item {
  padding: 10px 0;
  cursor: pointer;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list .contacts_list_item:hover {
  background-color: #ebebeb;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list .contacts_list_item > div {
  padding-left: 35px;
  padding-top: 7px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
  position: relative;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list .contacts_list_item > div.contacts_list_item_title {
  font-size: 20px;
  line-height: 32px;
  color: #74a11f;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list .contacts_list_item > div.contacts_list_item_address {
  padding-top: 2px;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list .contacts_list_item > div.contacts_list_item_address:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0px;
  background: url("../../images/sprite.png") -362px 0 no-repeat;
  width: 18px;
  height: 25px;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list .contacts_list_item > div.contacts_list_item_phone:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0px;
  background: url("../../images/sprite.png") -380px 0 no-repeat;
  width: 19px;
  height: 19px;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list .contacts_list_item > div.contacts_list_item_email:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0px;
  background: url("../../images/sprite.png") -399px 0 no-repeat;
  width: 19px;
  height: 12px;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list .contacts_list_item > div.contacts_list_item_email a {
  color: #333333;
  border-color: #333333;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_list .contacts_list_item > div.contacts_list_item_email a:hover {
  border-color: transparent;
}
html.salepoints body .wrapper .content main .contacts > div.contacts_map {
  width: 100%;
  height: 450px;
}
/**
 * news styles
 *
 * @author Viacheslav Lotsmanov
 * @license GNU/AGPLv3
 * @see {@link https://github.com/unclechu/web-front-end-grunt-template/blob/master/LICENSE-AGPLv3|License}
 */
html.news body .wrapper .content .page_title,
html.articles body .wrapper .content .page_title {
  padding-left: 295px;
}
html.news body .wrapper .content main .new_list,
html.articles body .wrapper .content main .new_list {
  background: #ffffff;
}
html.news body .wrapper .content main .new_list .items,
html.articles body .wrapper .content main .new_list .items {
  width: auto !important;
}
html.news body .wrapper .content main .new_list .item,
html.articles body .wrapper .content main .new_list .item {
  margin-bottom: 35px;
  width: 50%;
}
html.news body .wrapper .content main .new_details .new_details_picture,
html.articles body .wrapper .content main .new_details .new_details_picture {
  width: 290px;
  float: left;
  margin: 0 20px 5px 0;
}
html.news body .wrapper .content main .new_details .new_details_picture img,
html.articles body .wrapper .content main .new_details .new_details_picture img {
  width: 100%;
}
html.news body .wrapper .content main .new_details .new_details_text.new_details_text_nopic,
html.articles body .wrapper .content main .new_details .new_details_text.new_details_text_nopic {
  margin-left: 0;
}
html.news body .wrapper .content main .new_details .new_details_text .date,
html.articles body .wrapper .content main .new_details .new_details_text .date {
  font-size: 16px;
  line-height: 25px;
  font-style: italic;
}
html.news body .wrapper .content main .news_gallery,
html.articles body .wrapper .content main .news_gallery {
  font-size: 0;
  line-height: 0;
  margin: 10px 0;
}
html.news body .wrapper .content main .news_gallery > a,
html.articles body .wrapper .content main .news_gallery > a {
  display: inline-block;
  vertical-align: top;
  width: 95px;
  height: 95px;
  margin: 0 3px 3px 0;
  overflow: hidden;
  border-width: 0px;
}
html.news body .wrapper .content main .news_gallery > a img,
html.articles body .wrapper .content main .news_gallery > a img {
  height: 100%;
}
/* === STYLES === */

/* === STYLES AFTER REMOVE TO NEW HOST=== */

html body .wrapper .content main .job_list {}
html body .wrapper .content main .job_list .items{}
html body .wrapper .content main .job_list .items .item{
  margin-bottom:20px;
}
html body .wrapper .content main .job_list .items .item .item__title{}
html body .wrapper .content main .job_list .items .item .item__description{}

html body .wrapper .content main .job_details{}
html body .wrapper .content main .job_details .job_details__preview{
  margin-bottom:20px;
}