/* include fonts */
@font-face {
  font-family: "proximanova-bold";
  src: url("../font/proximanova-bold-webfont.eot");
  src: url("../font/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/proximanova-bold-webfont.ttf") format("truetype"), url("../font/proximanova-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "proximanova-reg";
  src: url("../font/proximanova-reg-webfont.eot");
  src: url("../font/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../font/proximanova-reg-webfont.ttf") format("truetype"), url("../font/proximanova-reg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "proximanova-lightit";
  src: url("../font/proximanova-lightit-webfont.eot");
  src: url("../font/proximanova-lightit-webfont.eot?#iefix") format("embedded-opentype"), url("../font/proximanova-lightit-webfont.ttf") format("truetype"), url("../font/proximanova-lightit-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "proximanova-boldit";
  src: url("../font/proximanova-boldit-webfont.eot");
  src: url("../font/proximanova-boldit-webfont.eot?#iefix") format("embedded-opentype"), url("../font/proximanova-boldit-webfont.ttf") format("truetype"), url("../font/proximanova-boldit-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* common */
html {
  box-sizing: border-box;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  -webkit-font-smoothing: grayscale;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  height: 100%;
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
  margin: 0; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

img {
  border: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

i, em, dfn {
  font-style: italic; }

blockquote {
  margin: 1em 40px; }

mark {
  background: #ff0;
  color: #000; }

p {
  margin: 0 0 1em; }
  p:last-child {
    margin-bottom: 0; }

address {
  font-style: normal; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

ol, ul, menu {
  margin: 1em 0;
  padding: 0; }

hr {
  box-sizing: content-box;
  height: 0; }

ul {
  list-style-position: inside; }

dd {
  margin: 0 0 0 40px; }

fieldset {
  background: none;
  border: none; }

form, fieldset, input, select, textarea, button {
  margin: 0;
  padding: 0; }

input, select, textarea, button {
  font: 12px Arial, Helvetica, sans-serif;
  vertical-align: baseline; }

button, input {
  line-height: normal; }

button {
  overflow: visible;
  vertical-align: top; }

button::-moz-focus-inner {
  padding: 0;
  border: none; }

label, button, input[type="submit"], input[type="button"] {
  cursor: pointer; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

legend {
  border: 0;
  padding: 0; }

optgroup {
  font-weight: bold; }

/*--iOS appearance input--*/
input, textarea, select {
  border-radius: 0; }

/*----- BASE ------*/
body {
  position: relative;
  min-width: 1114px;
  background: #f5f6f9;
  color: #000;
  font: 16px "proximanova-reg", Arial, Helvetica, sans-serif;
  line-height: 1.25; }

a {
  color: #225f34;
  -webkit-tap-highlight-color: transparent; }

a:focus {
  outline: thin dotted; }

.underline {
  line-height: 1.1;
  text-decoration: none !important;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #f8dc21;
  border-bottom-color: rgba(250, 220, 35, 0.3); }

h1, h2, h3, h4, h5, h6 {
  margin: 0.67em 0;
  font-family: "proximanova-reg", Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.1; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.8em; }

h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.4em; }

h6 {
  font-size: 1.3em; }

/*----- HELPERS ------*/
.ctr {
  position: relative;
  width: 1114px;
  margin: auto;
  padding: 0 15px; }

.active {
  cursor: default !important; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/*----- PAGES STYLE ------*/
/*main_b*/
.main_b {
  overflow: hidden;
  min-height: 100%; }
  .main_b-aside {
    padding: 10px; }

.test .main_b {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff1c3; }
  .test .main_b:after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 140px;
    background-color: #f5f6f9; }
  .test .main_b-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }

/*innerPage_b*/
.innerPage_b {
  padding: 250px 0 50px; }

/*header_b*/
.header_b {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  height: 36px;
  background-color: #333; }
  .header_b-content {
    padding: 0 40px; }
  .innerpage .header_b-top {
    height: 36px; }
  .innerpage .header_b-bottom {
    padding: 35px 0 0;
    height: 164px;
    background: url(../img/bg-box3.jpg) 50% 100% no-repeat;
    background-size: cover; }
  .header_b-heading {
    margin: 0;
    color: #225f34;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 76px;
    line-height: 1; }
  .header_b-nav {
    position: relative;
    z-index: 2; }
    .header_b-nav-link {
      display: inline-block;
      padding: 0 0 0 15px;
      background: url(../img/icon-arrow10.svg) 0 50% no-repeat;
      color: #000;
      font-size: 12px;
      text-decoration: none; }
  .header_b + .sectionFullHeight_b {
    padding-top: 36px; }
  .header_b.innerpage {
    position: fixed;
    z-index: 1000;
    height: 200px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35); }
    .header_b.innerpage:before {
      content: "";
      position: absolute;
      top: 83px;
      left: 0;
      width: 8px;
      height: 72px;
      background-color: #fdd23a; }
  .header_b .logo_b.rshb {
    position: absolute;
    top: 83px;
    right: 0; }
  .header_b .logo_b.madeinrussia {
    position: absolute;
    top: 103px;
    left: 60px; }

/*footer_b*/
.footer_b {
  overflow: hidden;
  position: relative;
  z-index: 10;
  height: 265px;
  background-color: #f5f6f9; }
  .footer_b:after {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    bottom: 0;
    left: -20px;
    box-shadow: inset 0 15px 20px rgba(0, 0, 0, 0.2); }
  .footer_b-content {
    position: relative;
    z-index: 2;
    padding: 60px 40px 0;
    color: #225f34;
    font-size: 12px; }
  .footer_b-lcol {
    float: left;
    width: 310px;
    text-align: left; }
  .footer_b-ccol {
    position: absolute;
    left: 50%;
    width: 370px;
    margin: 0 0 0 -185px;
    text-align: center; }
  .footer_b-rcol {
    float: right;
    width: 310px;
    text-align: right; }
  .footer_b-heading {
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 36px;
    line-height: .8; }
  .footer_b-author {
    margin: 0 0 2.8em; }
    .footer_b-author b {
      font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
      font-weight: normal; }
  .footer_b-copy {
    display: block;
    font-size: inherit; }
  .footer_b .logo_b {
    margin: 0 0 22px; }
    .footer_b .logo_b.rshb {
      margin-bottom: 100px; }
  .footer_b .socshare_b {
    padding: 70px 0 0 30px; }

/*logo_b*/
.logo_b {
  display: inline-block; }
  .logo_b.rshb.v1 img {
    width: 358px; }
  .logo_b.rshb.v2 img {
    width: 117px; }
  .logo_b.rbc.v1 img {
    width: 87px; }
  .logo_b.madeinrussia.v1 img {
    width: 145px; }
  .logo_b:focus {
    outline: none; }

/*sectionFullHeight_b*/
.sectionFullHeight_b {
  height: 100%; }

.aboutShort_b {
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background-size: cover; }
  .aboutShort_b-wrap {
    padding: 50px 40px;
    z-index: 10; }
  .aboutShort_b-video {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover; }
  .aboutShort_b-heading {
    margin: 0 0 .1em;
    color: #225f34;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 108px;
    line-height: 1;
    letter-spacing: -.025em; }
    .aboutShort_b-heading:before {
      content: "";
      position: absolute;
      left: 0;
      width: 8px;
      height: 72px;
      margin: .15em 0 0;
      background-color: #fdd23a; }
  .aboutShort_b-desc {
    margin: 0 0 .7em;
    padding: 0 305px 0 0;
    font-size: 30px;
    line-height: 1.2; }
  .aboutShort_b-next {
    position: absolute;
    left: 50%;
    bottom: 8%;
    width: 140px;
    margin: 0 0 0 -70px;
    padding: 0 0 45px;
    background: url(../img/icon-arrow1.svg) 50% 100% no-repeat;
    color: #225f34;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    text-decoration: none; }
  .aboutShort_b .logo_b.rshb {
    position: absolute;
    right: 0;
    margin: 15px 0 0; }
  .aboutShort_b .ctr {
    position: static; }

.historyShort_b {
  overflow: hidden;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background-color: #f5f6f9; }
  .historyShort_b-wrap {
    position: relative;
    height: 720px;
    padding: 30px 100px 30px 155px; }
  .historyShort_b-nav {
    position: relative;
    z-index: 20;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 15px -10px 40px 0;
    white-space: nowrap; }
    .historyShort_b-nav-link {
      position: relative;
      display: inline-block;
      margin: 0 2px 20px 0;
      padding: 0 9px 0 0;
      font-size: 16px;
      text-decoration: none; }
      .historyShort_b-nav-link:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 10px;
        background-color: #fdd336; }
      .historyShort_b-nav-link.active:after {
        background-color: #4c7d5b; }
  .historyShort_b-slider {
    position: relative;
    z-index: 20; }
    .historyShort_b-slider-header {
      width: 430px;
      margin: 0 0 1.25em; }
    .historyShort_b-slider-content {
      min-height: 450px;
      padding: 0 440px 0 0; }
    .historyShort_b-slider-pic {
      position: absolute;
      left: 400px;
      margin: -45px 0 0; }
    .historyShort_b-slider-item.item8 .historyShort_b-slider-pic {
      margin-top: -175px;
      margin-left: 23px; }
    .historyShort_b-slider-list {
      margin: 0; }
    .historyShort_b-slider-heading {
      position: relative;
      margin: 0 -10px .16em;
      padding: 0 10px;
      background-color: #f5f6f9;
      color: #225f34;
      font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
      font-size: 72px;
      line-height: 1; }
      .historyShort_b-slider-heading.sub {
        display: inline;
        margin: 0 -10px;
        color: #000;
        font-size: 30px; }
    .historyShort_b-slider-desc {
      position: relative;
      margin: 0 0 1.5em;
      font-size: 16px; }
      .historyShort_b-slider-desc:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -5px;
        right: -10px;
        bottom: -5px;
        left: -10px;
        background-color: #f5f6f9; }
      .historyShort_b-slider-desc.head {
        margin: 0;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif; }
    .historyShort_b-slider-more {
      position: relative; }
      .historyShort_b-slider-more:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        background-color: #f5f6f9; }
    .historyShort_b-slider .bx-viewport {
      margin: 0 0 0 -10px;
      padding: 0 0 0 10px; }
    .historyShort_b-slider .customScrollArea_b {
      overflow: auto;
      min-height: 0;
      height: 300px;
      margin: 0 0 1em; }
    .historyShort_b-slider .mCSB_scrollTools .mCSB_draggerRail {
      background-color: #000; }
  .historyShort_b-timeline {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: repeat no-repeat;
    background-position: 0 50%;
    background-image: url(../img/bg-history-timeline.png);
    transition: background-position ease-out 1.5s; }
    .historyShort_b-timeline:before {
      content: "";
      position: absolute;
      z-index: 10;
      top: 50%;
      left: 50%;
      width: 150px;
      height: 90px;
      margin: -165px 0 0 -729px;
      background-color: #f5f6f9; }
  .historyShort_b-bg {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity ease-out .2s;
    /* &-layer {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 102%;
    	height: 102%;
    	background-repeat: no-repeat;
    } */ }
    .historyShort_b-bg-layer {
      position: absolute;
      top: 50%;
      left: 50%;
      background-position: 0 0;
      background-repeat: no-repeat;
      opacity: 0;
      transition-duration: .5s;
      transition-property: opacity;
      transition-timing-function: ease-out; }
      .historyShort_b-bg-layer.layer1 {
        transition-delay: 0; }
      .historyShort_b-bg-layer.layer2 {
        transition-delay: .2s; }
      .historyShort_b-bg-layer.layer3 {
        transition-delay: .4s; }
      .historyShort_b-bg-layer.layer4 {
        transition-delay: .6s; }
      .historyShort_b-bg-layer.layer5 {
        transition-delay: .8s; }
      .historyShort_b-bg-layer.layer6 {
        transition-delay: 1s; }
      .historyShort_b-bg-layer.layer7 {
        transition-delay: 1.2s; }
      .historyShort_b-bg-layer.layer8 {
        transition-delay: 1.4s; }
      .historyShort_b-bg-layer.layer9 {
        transition-delay: 1.6s; }
      .historyShort_b-bg-layer.layer10 {
        transition-delay: 1.8s; }
    .historyShort_b-bg.showed .historyShort_b-bg-layer {
      opacity: 1; }
    .historyShort_b-bg.item1 .historyShort_b-bg-layer.layer1 {
      left: 0;
      width: 112px;
      height: 214px;
      margin: 45px 0 0;
      background-image: url(../img/bg-history-layer1_2.png); }
    .historyShort_b-bg.item1 .historyShort_b-bg-layer.layer2 {
      top: 0;
      width: 163px;
      height: 123px;
      margin: 0 0 0 475px;
      background-image: url(../img/bg-history-layer1_3.png); }
    .historyShort_b-bg.item1 .historyShort_b-bg-layer.layer3 {
      width: 146px;
      height: 136px;
      margin: -280px 0 0 -620px;
      background-image: url(../img/bg-history-layer1_4.png); }
    .historyShort_b-bg.item1 .historyShort_b-bg-layer.layer4 {
      width: 100px;
      height: 99px;
      margin: -215px 0 0 185px;
      background-image: url(../img/bg-history-layer1_5.png); }
    .historyShort_b-bg.item1 .historyShort_b-bg-layer.layer5 {
      top: auto;
      bottom: 0;
      width: 234px;
      height: 99px;
      margin: 0 0 0 -75px;
      background-image: url(../img/bg-history-layer1_6.png); }
    .historyShort_b-bg.item1 .historyShort_b-bg-layer.layer6 {
      width: 140px;
      height: 198px;
      margin: 85px 0 0 -550px;
      background-image: url(../img/bg-history-layer1_7.png); }
    .historyShort_b-bg.item1 .historyShort_b-bg-layer.layer7 {
      width: 304px;
      height: 277px;
      margin: -70px 0 0 540px;
      background-image: url(../img/bg-history-layer1_8.png); }
    .historyShort_b-bg.item1 .historyShort_b-bg-layer.layer8 {
      width: 189px;
      height: 117px;
      margin: 155px 0 0 825px;
      background-image: url(../img/bg-history-layer2_2.png); }
    .historyShort_b-bg.item1 .historyShort_b-bg-layer.layer9 {
      width: 440px;
      height: 242px;
      margin: -320px 0 0 920px;
      background-image: url(../img/bg-history-layer2_4.png); }
    .historyShort_b-bg.item2 .historyShort_b-bg-layer.layer1 {
      width: 189px;
      height: 117px;
      margin: 150px 0 0 -950px;
      background-image: url(../img/bg-history-layer2_2.png); }
    .historyShort_b-bg.item2 .historyShort_b-bg-layer.layer2 {
      width: 245px;
      height: 141px;
      margin: -260px 0 0 390px;
      background-image: url(../img/bg-history-layer2_3.png); }
    .historyShort_b-bg.item2 .historyShort_b-bg-layer.layer3 {
      width: 440px;
      height: 242px;
      margin: -295px 0 0 -950px;
      background-image: url(../img/bg-history-layer2_4.png); }
    .historyShort_b-bg.item2 .historyShort_b-bg-layer.layer4 {
      width: 131px;
      height: 122px;
      margin: 200px 0 0 -150px;
      background-image: url(../img/bg-history-layer2_5.png); }
    .historyShort_b-bg.item2 .historyShort_b-bg-layer.layer5 {
      width: 211px;
      height: 158px;
      margin: 50px 0 0 -665px;
      background-image: url(../img/bg-history-layer2_6.png); }
    .historyShort_b-bg.item2 .historyShort_b-bg-layer.layer6 {
      width: 130px;
      height: 135px;
      margin: 85px 0 0 460px;
      background-image: url(../img/bg-history-layer2_7.png); }
    .historyShort_b-bg.item2 .historyShort_b-bg-layer.layer7 {
      width: 280px;
      height: 208px;
      margin: -5px 0 0 600px;
      background-image: url(../img/bg-history-layer2_8.png); }
    .historyShort_b-bg.item3 .historyShort_b-bg-layer.layer1 {
      width: 221px;
      height: 289px;
      margin: -285px 0 0 -950px;
      background-image: url(../img/bg-history-layer3_2.png); }
    .historyShort_b-bg.item3 .historyShort_b-bg-layer.layer2 {
      width: 268px;
      height: 155px;
      margin: 95px 0 0 -805px;
      background-image: url(../img/bg-history-layer3_3.png); }
    .historyShort_b-bg.item3 .historyShort_b-bg-layer.layer3 {
      top: auto;
      bottom: 0;
      width: 309px;
      height: 496px;
      margin: 0 0 0 -200px;
      background-image: url(../img/bg-history-layer3_4.png); }
    .historyShort_b-bg.item3 .historyShort_b-bg-layer.layer4 {
      width: 155px;
      height: 154px;
      margin: 55px 0 0 480px;
      background-image: url(../img/bg-history-layer3_5.png); }
    .historyShort_b-bg.item3 .historyShort_b-bg-layer.layer5 {
      width: 277px;
      height: 251px;
      margin: -355px 0 0 545px;
      background-image: url(../img/bg-history-layer3_6.png); }
    .historyShort_b-bg.item3 .historyShort_b-bg-layer.layer6 {
      width: 290px;
      height: 334px;
      margin: -30px 0 0 850px;
      background-image: url(../img/bg-history-layer4_2.png); }
    .historyShort_b-bg.item3 .historyShort_b-bg-layer.layer7 {
      width: 64px;
      height: 73px;
      margin: -165px 0 0 30px;
      background-image: url(../img/bg-history-layer3_7.png); }
    .historyShort_b-bg.item4 .historyShort_b-bg-layer.layer1 {
      left: 5px;
      width: 290px;
      height: 334px;
      margin: -40px 0 0 0;
      background-image: url(../img/bg-history-layer4_2.png); }
    .historyShort_b-bg.item4 .historyShort_b-bg-layer.layer2 {
      top: auto;
      bottom: 0;
      width: 158px;
      height: 106px;
      margin: 0 0 0 -165px;
      background-image: url(../img/bg-history-layer4_3.png); }
    .historyShort_b-bg.item4 .historyShort_b-bg-layer.layer3 {
      top: 0;
      width: 489px;
      height: 85px;
      margin: 0 0 0 480px;
      background-image: url(../img/bg-history-layer4_4.png); }
    .historyShort_b-bg.item4 .historyShort_b-bg-layer.layer4 {
      width: 135px;
      height: 101px;
      margin: 90px 0 0 750px;
      background-image: url(../img/bg-history-layer4_5.png); }
    .historyShort_b-bg.item4 .historyShort_b-bg-layer.layer5 {
      width: 153px;
      height: 114px;
      margin: -230px 0 0 -875px;
      background-image: url(../img/bg-history-layer4_6.png); }
    .historyShort_b-bg.item4 .historyShort_b-bg-layer.layer6 {
      width: 165px;
      height: 149px;
      margin: 120px 0 0 370px;
      background-image: url(../img/bg-history-layer4_7.png); }
    .historyShort_b-bg.item4 .historyShort_b-bg-layer.layer7 {
      width: 236px;
      height: 189px;
      margin: -240px 0 0 580px;
      background-image: url(../img/bg-history-layer4_8.png); }
    .historyShort_b-bg.item4 .historyShort_b-bg-layer.layer8 {
      width: 231px;
      height: 162px;
      margin: -300px 0 0 910px;
      background-image: url(../img/bg-history-layer5_7.png); }
    .historyShort_b-bg.item5 .historyShort_b-bg-layer.layer1 {
      width: 243px;
      height: 246px;
      margin: 70px 0 0 -880px;
      background-image: url(../img/bg-history-layer5_2.png); }
    .historyShort_b-bg.item5 .historyShort_b-bg-layer.layer2 {
      width: 238px;
      height: 144px;
      margin: -325px 0 0 -775px;
      background-image: url(../img/bg-history-layer5_3.png); }
    .historyShort_b-bg.item5 .historyShort_b-bg-layer.layer3 {
      width: 35px;
      height: 31px;
      margin: -235px 0 0 60px;
      background-image: url(../img/bg-history-layer5_4.png); }
    .historyShort_b-bg.item5 .historyShort_b-bg-layer.layer4 {
      width: 177px;
      height: 103px;
      margin: -220px 0 0 470px;
      background-image: url(../img/bg-history-layer5_5.png); }
    .historyShort_b-bg.item5 .historyShort_b-bg-layer.layer5 {
      top: auto;
      bottom: 0;
      width: 351px;
      height: 180px;
      margin: 0 0 0 380px;
      background-image: url(../img/bg-history-layer5_6.png); }
    .historyShort_b-bg.item5 .historyShort_b-bg-layer.layer6 {
      width: 231px;
      height: 162px;
      margin: -240px 0 0 -970px;
      background-image: url(../img/bg-history-layer5_7.png); }
    .historyShort_b-bg.item5 .historyShort_b-bg-layer.layer7 {
      width: 153px;
      height: 114px;
      margin: 40px 0 0 670px;
      background-image: url(../img/bg-history-layer5_8.png); }
    .historyShort_b-bg.item5 .historyShort_b-bg-layer.layer8 {
      top: 0;
      width: 347px;
      height: 406px;
      margin: 0 0 0 780px;
      background-image: url(../img/bg-history-layer6_2.png); }
    .historyShort_b-bg.item6 .historyShort_b-bg-layer.layer1 {
      top: 0;
      width: 347px;
      height: 406px;
      margin: 0 0 0 -1060px;
      background-image: url(../img/bg-history-layer6_2.png); }
    .historyShort_b-bg.item6 .historyShort_b-bg-layer.layer2 {
      top: auto;
      bottom: 0;
      width: 193px;
      height: 119px;
      margin: 0 0 0 -185px;
      background-image: url(../img/bg-history-layer6_3.png); }
    .historyShort_b-bg.item6 .historyShort_b-bg-layer.layer3 {
      width: 259px;
      height: 157px;
      margin: 135px 0 0 400px;
      background-image: url(../img/bg-history-layer6_4.png); }
    .historyShort_b-bg.item6 .historyShort_b-bg-layer.layer4 {
      width: 289px;
      height: 212px;
      margin: -290px 0 0 540px;
      background-image: url(../img/bg-history-layer6_5.png); }
    .historyShort_b-bg.item6 .historyShort_b-bg-layer.layer5 {
      width: 209px;
      height: 228px;
      margin: 70px 0 0 -605px;
      background-image: url(../img/bg-history-layer6_6.png); }
    .historyShort_b-bg.item6 .historyShort_b-bg-layer.layer6 {
      left: 5px;
      width: 120px;
      height: 73px;
      margin: 140px 0 0 0;
      background-image: url(../img/bg-history-layer6_7.png); }
    .historyShort_b-bg.item6 .historyShort_b-bg-layer.layer7 {
      width: 309px;
      height: 195px;
      margin: 50px 0 0 785px;
      background-image: url(../img/bg-history-layer7_5.png); }
    .historyShort_b-bg.item7 .historyShort_b-bg-layer.layer1 {
      width: 169px;
      height: 149px;
      margin: -270px 0 0 -830px;
      background-image: url(../img/bg-history-layer7_2.png); }
    .historyShort_b-bg.item7 .historyShort_b-bg-layer.layer2 {
      width: 81px;
      height: 81px;
      margin: 195px 0 0 545px;
      background-image: url(../img/bg-history-layer7_3.png); }
    .historyShort_b-bg.item7 .historyShort_b-bg-layer.layer3 {
      top: auto;
      bottom: 0;
      width: 219px;
      height: 239px;
      margin: 0 0 0 -655px;
      background-image: url(../img/bg-history-layer7_4.png); }
    .historyShort_b-bg.item7 .historyShort_b-bg-layer.layer4 {
      width: 309px;
      height: 195px;
      margin: 50px 0 0 -1060px;
      background-image: url(../img/bg-history-layer7_5.png); }
    .historyShort_b-bg.item7 .historyShort_b-bg-layer.layer5 {
      width: 134px;
      height: 180px;
      margin: 100px 0 0 0;
      background-image: url(../img/bg-history-layer7_6.png); }
    .historyShort_b-bg.item7 .historyShort_b-bg-layer.layer6 {
      width: 225px;
      height: 123px;
      margin: -250px 0 0 280px;
      background-image: url(../img/bg-history-layer7_7.png); }
    .historyShort_b-bg.item7 .historyShort_b-bg-layer.layer7 {
      width: 355px;
      height: 215px;
      margin: -60px 0 0 555px;
      background-image: url(../img/bg-history-layer7_8.png); }
    .historyShort_b-bg.item7 .historyShort_b-bg-layer.layer8 {
      width: 237px;
      height: 168px;
      margin: -225px 0 0 845px;
      background-image: url(../img/bg-history-layer8_8.png); }
    .historyShort_b-bg.item8 .historyShort_b-bg-layer.layer1 {
      width: 149px;
      height: 158px;
      margin: 30px 0 0 -885px;
      background-image: url(../img/bg-history-layer8_2.png); }
    .historyShort_b-bg.item8 .historyShort_b-bg-layer.layer2 {
      width: 105px;
      height: 112px;
      margin: -305px 0 0 -645px;
      background-image: url(../img/bg-history-layer8_3.png); }
    .historyShort_b-bg.item8 .historyShort_b-bg-layer.layer3 {
      width: 222px;
      height: 173px;
      margin: 130px 0 0 -655px;
      background-image: url(../img/bg-history-layer8_4.png); }
    .historyShort_b-bg.item8 .historyShort_b-bg-layer.layer4 {
      width: 143px;
      height: 68px;
      margin: 220px 0 0 50px;
      background-image: url(../img/bg-history-layer8_5.png); }
    .historyShort_b-bg.item8 .historyShort_b-bg-layer.layer5 {
      width: 72px;
      height: 59px;
      margin: -245px 0 0 345px;
      background-image: url(../img/bg-history-layer8_6.png); }
    .historyShort_b-bg.item8 .historyShort_b-bg-layer.layer6 {
      top: auto;
      left: auto;
      right: 0;
      bottom: 70px;
      width: 114px;
      height: 191px;
      margin: 0;
      background-image: url(../img/bg-history-layer8_7.png); }
    .historyShort_b-bg.item8 .historyShort_b-bg-layer.layer7 {
      width: 237px;
      height: 168px;
      margin: -225px 0 0 -1060px;
      background-image: url(../img/bg-history-layer8_8.png); }
    .historyShort_b-bg.item8 .historyShort_b-bg-layer.layer8 {
      width: 217px;
      height: 198px;
      margin: 70px 0 0 340px;
      background-image: url(../img/bg-history-layer8_11.png); }
    .historyShort_b-bg.item8 .historyShort_b-bg-layer.layer9 {
      top: 105px;
      left: auto;
      right: 85px;
      width: 165px;
      height: 149px;
      margin: 0;
      background-image: url(../img/bg-history-layer8_12.png); }
    .historyShort_b-bg.item8 .historyShort_b-bg-layer.layer10 {
      width: 47px;
      height: 79px;
      margin: -210px 0 0 130px;
      background-image: url(../img/bg-history-layer8_13.png); }
    .historyShort_b-bg.showed {
      opacity: 1;
      transition: opacity ease-out .3s .3s; }
  .historyShort_b .bx-wrapper {
    margin-bottom: 0; }
  .historyShort_b .bx-wrapper .bx-controls-direction a {
    top: 180px;
    margin-top: 0; }
  .historyShort_b .bx-wrapper .bx-controls-direction a.bx-next {
    right: -60px; }

.expertShort_b {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background-color: #f5f6f9;
  background: #1e1b19 url(../img/bg-box2.jpg) 50% 50% no-repeat;
  background-size: cover;
  color: #fff; }
  .expertShort_b-wrap {
    padding: 30px 40px 30px 155px; }
  .expertShort_b-header {
    margin: 0 0 3.8em; }
    .expertShort_b-header-heading {
      margin: 0 0 .1em;
      color: #ffca05;
      font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
      font-size: 48px; }
    .expertShort_b-header-desc {
      padding: 0 460px 0 0;
      font-size: 16px; }
  .expertShort_b-slider-list {
    margin: 0;
    list-style: none; }
  .expertShort_b-item-pic {
    float: left;
    width: 275px;
    margin: 0; }
    .expertShort_b-item-pic img {
      max-width: 90%; }
  .expertShort_b-item-content {
    overflow: hidden; }
    .expertShort_b-item-content ul {
      margin: 0;
      list-style: none; }
      .expertShort_b-item-content ul li {
        position: relative;
        padding: 0 0 0 25px;
        font-size: 18px; }
        .expertShort_b-item-content ul li:before {
          content: "";
          position: absolute;
          top: .65em;
          left: 0;
          width: 14px;
          height: 1px;
          background-color: #ffca05; }
  .expertShort_b-item-heading {
    margin: 0 0 .38em;
    color: #ffca05;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 24px; }
  .expertShort_b-item-desc {
    font-size: 18px;
    line-height: 1.2; }
    .expertShort_b-item-desc + ul {
      margin-top: -1em; }
  .expertShort_b-item-scrollArea {
    overflow: auto;
    height: 345px;
    padding: 0 20px 0 0; }
  .expertShort_b .bx-wrapper {
    margin-bottom: 0; }
  .expertShort_b .bx-wrapper .bx-controls-direction a {
    top: auto;
    bottom: -10%;
    width: 22px;
    height: 23px;
    margin: 0; }
  .expertShort_b .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
    background: url(../img/icon-arrow6.svg) 0 0 no-repeat; }
    .expertShort_b .bx-wrapper .bx-controls-direction a.bx-prev:hover {
      background-image: url(../img/icon-arrow7.svg); }
  .expertShort_b .bx-wrapper .bx-controls-direction a.bx-next {
    left: 65px;
    right: auto;
    background: url(../img/icon-arrow8.svg) 0 0 no-repeat; }
    .expertShort_b .bx-wrapper .bx-controls-direction a.bx-next:hover {
      background-image: url(../img/icon-arrow9.svg); }

.cardShort_b {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background: #ede1c9 url(../img/bg-box4.jpg) 50% 50% no-repeat;
  background-size: cover; }
  .cardShort_b:before {
    content: "";
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.05) 50%, transparent 100%); }
  .cardShort_b-wrap {
    padding: 55px 60px 20px;
    text-align: center; }
  .cardShort_b-header {
    margin: 0 0 2em; }
    .cardShort_b-header-heading {
      margin: 0 0 .3em;
      color: #225f34;
      font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
      font-size: 48px;
      line-height: 1; }
    .cardShort_b-header-desc {
      font-size: 16px; }
  .cardShort_b-list {
    position: relative;
    width: 780px;
    margin: auto; }
    .cardShort_b-list-wrap {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin: 0 auto;
      list-style: none; }
    .cardShort_b-list-item {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 220px;
      height: 100px;
      margin: 0 0 40px;
      background-color: #e9b901;
      border-radius: 10px;
      cursor: pointer; }
      .cardShort_b-list-item:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../img/gradient1.png) 100% 0 no-repeat;
        background-size: auto 100%; }
      .cardShort_b-list-item img {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        height: 50px;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .cardShort_b-list-item:nth-child(7) img {
        height: 63px; }
      .cardShort_b-list-item:nth-child(3n+2) {
        margin-right: 55px;
        margin-left: 55px; }
    .cardShort_b-list-content {
      position: absolute;
      z-index: 10;
      top: 0;
      right: 0;
      left: 0;
      height: 380px;
      background: #eaba01 url(../img/gradient2.png) 100% 0 no-repeat;
      background-size: auto 380px;
      border-radius: 10px;
      text-align: left;
      opacity: 0;
      visibility: hidden;
      transition: opacity ease-out .3s; }
      .cardShort_b-list-content-wrap {
        height: 100%;
        padding: 25px 15px 25px 20px;
        overflow: auto; }
      .cardShort_b-list-content-heading {
        margin: 0 0 .5em;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 20px; }
      .cardShort_b-list-content-desc:last-child {
        margin-bottom: 1.5em; }
      .cardShort_b-list-content-close {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 17px;
        height: 16px;
        background: url(../img/icon-close1.svg) 0 0 no-repeat;
        text-indent: -9999px;
        cursor: pointer; }
      .cardShort_b-list-content.opened {
        opacity: 1;
        visibility: visible; }
      .cardShort_b-list-content .mCSB_scrollTools .mCSB_draggerContainer {
        top: 35px; }
      .cardShort_b-list-content .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000; }
      .cardShort_b-list-content .mCSB_scrollTools .mCSB_dragger {
        height: 9px; }
      .cardShort_b-list-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: #000; }

.testShort_b {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background: #868688 url(../img/bg-box5.jpg) 50% 50% no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center; }
  .testShort_b-wrap {
    padding: 50px 130px; }
  .testShort_b-header {
    padding: 85px 0 0;
    background: url(../img/icon-bread1.svg) 24% 0 no-repeat, url(../img/icon-cow1.svg) 41% 0 no-repeat, url(../img/icon-agrm1.svg) 61% 0 no-repeat, url(../img/icon-field1.svg) 79% 0 no-repeat; }
    .testShort_b-header-heading {
      margin: 0 0 .1em;
      color: #ffcb04;
      font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
      font-size: 70px; }
    .testShort_b-header-desc {
      padding: 0 30px;
      font-size: 16px; }
  .testShort_b-footer {
    padding: 55px 0 0; }

.test_b {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 900px;
  padding: 105px 0 0; }
  .test_b-footer {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    margin: -40px 0 0;
    padding: 0 130px; }
    .test_b-footer-nav-link {
      padding: 0 0 0 30px;
      color: #000;
      font-size: 23px;
      text-decoration: none; }
      .test_b-footer-nav-link.back {
        position: relative; }
        .test_b-footer-nav-link.back:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          width: 24px;
          height: 22px;
          margin: -11px 0 0;
          background: url(../img/icon-arrow15.svg) 0 50% no-repeat;
          transition: opacity ease-out .3s; }
        .test_b-footer-nav-link.back:hover:before {
          opacity: .6; }
    .test_b-footer.top {
      top: 0; }
      .test_b-footer.top .test_b-share {
        right: 130px; }
    .test_b-footer.bottom {
      padding-left: 0;
      padding-right: 0;
      bottom: 85px; }
      .test_b-footer.bottom .test_b-share {
        right: 0; }
    .test_b-footer .test_b-share {
      position: absolute;
      top: 0; }
  .test_b-share {
    position: relative;
    display: inline-block; }
    .test_b-share-heading {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      padding: 0 25px 0 0;
      font-size: 23px;
      cursor: pointer; }
      .test_b-share-heading:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 15px;
        height: 22px;
        margin: -11px 0 0;
        background: url(../img/icon-share1.svg) 0 0 no-repeat;
        transition: opacity ease-out .3s; }
    .test_b-share:hover .test_b-share-heading:after, .test_b-share.active .test_b-share-heading:after {
      opacity: .5; }
    .test_b-share.active .test_b-share-heading {
      z-index: 1;
      color: transparent;
      cursor: default; }
    .test_b-share-container {
      position: relative;
      z-index: 1;
      padding: 0 25px 0 0;
      opacity: 0;
      visibility: hidden;
      transition: opacity ease-out .3s; }
    .test_b-share.active .test_b-share-container {
      z-index: 2;
      opacity: 1;
      visibility: visible; }
  .test_b-start {
    position: relative;
    z-index: 1;
    height: 100%;
    min-height: 850px;
    padding: 80px 0 0; }
    .test_b-start:before, .test_b-start:after {
      content: "";
      position: absolute;
      top: -60px;
      width: 930px;
      height: 830px;
      background: url(../img/bg-test3.png) 0 100% no-repeat, url(../img/bg-test1.png) 290px 0 no-repeat; }
    .test_b-start:before {
      left: -620px; }
    .test_b-start:after {
      right: -620px;
      -webkit-transform: rotateY(-180deg);
              transform: rotateY(-180deg); }
    .test_b-start-header {
      width: 985px;
      margin: auto;
      padding: 65px 55px 45px;
      background-color: #fbefc4;
      border: 5px solid #ddcea8;
      box-shadow: inset 0 0 0 5px #fbefc4, inset 0 0 0 7px #e0d0aa; }
      .test_b-start-header-heading {
        margin: 0 0 .08em;
        color: #5f5f5f;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 80px;
        line-height: .95; }
      .test_b-start-header-desc {
        font-size: 23px; }
        .test_b-start-header-desc.head {
          margin: 0 0 .7em;
          color: #333;
          font-size: 37px;
          line-height: 1.15; }
    .test_b-start-footer {
      margin: -60px 0 0;
      padding: 163px 0 0;
      background: url(../img/img-chicken1.png) 50% 0 no-repeat;
      text-align: center; }
    .test_b-start-btn {
      position: relative; }
      .test_b-start-btn:after {
        content: "";
        position: absolute;
        bottom: -40px;
        left: 50%;
        width: 55px;
        height: 37px;
        margin: 0 0 0 -28px;
        background: url(../img/icon-tractor1.png) 0 0 no-repeat; }
      .test_b-start-btn:before {
        content: "";
        position: absolute;
        bottom: -72px;
        left: 50%;
        width: 96px;
        height: 96px;
        margin: 0 0 0 -48px;
        background: url(../img/img-circle1.png) 0 0 no-repeat;
        background-size: 100% 100%;
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center;
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
                transform: rotate(0);
        transition: -webkit-transform ease-out .8s;
        transition: transform ease-out .8s; }
      .test_b-start-btn:hover:before {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
  .test_b-questions {
    position: relative;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-height: 850px;
    padding: 10px 0 220px; }
    .test_b-questions-header {
      position: relative;
      width: 655px;
      margin: 0 auto 10px;
      padding: 20px 0;
      border-top: 3px solid #6d6753;
      border-bottom: 3px solid #6d6753;
      text-align: center; }
      .test_b-questions-header:before, .test_b-questions-header:after {
        content: "";
        position: absolute;
        height: 1px;
        right: 0;
        left: 0;
        background-color: #aca384; }
      .test_b-questions-header:before {
        top: 3px; }
      .test_b-questions-header:after {
        bottom: -6px; }
      .test_b-questions-header-heading {
        margin: 0 0 .5em;
        color: #343234;
        font-size: 22px;
        line-height: 1.25;
        text-transform: uppercase; }
    .test_b-questions-content {
      position: relative;
      margin: 0 0 20px;
      text-align: center; }
      .test_b-questions-content .test_b-questions-countdown {
        position: absolute;
        top: 75px;
        right: -75px; }
    .test_b-questions-list {
      margin: 0;
      list-style: none;
      text-align: center; }
      .test_b-questions-list-item {
        position: relative;
        display: inline-block;
        vertical-align: top; }
        .test_b-questions-list-item.v2 {
          margin: 0 0 25px;
          padding: 10px 0 0; }
      .test_b-questions-list-header-pic {
        height: 105px; }
      .test_b-questions-list-heading {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        min-height: 70px;
        margin: 0 0 10px;
        padding: 10px 0;
        color: #343234;
        font-size: 15px;
        line-height: 1.1;
        text-transform: uppercase; }
      .test_b-questions-list-pic.hover {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
      .test_b-questions-list-title {
        position: absolute;
        left: 50%;
        min-width: 116px;
        height: 30px;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        padding: 0 8px;
        background-color: #fff;
        color: #343234;
        border: 2px solid #000;
        box-shadow: 0 0 0 1px #c1c0c0, 0 0 0 2px #aca8a2;
        text-transform: uppercase;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 15px;
        line-height: 27px;
        white-space: nowrap; }
        .test_b-questions-list-title.pos1 {
          margin-top: -125px; }
        .test_b-questions-list-title.pos2 {
          margin-top: -100px; }
      .test_b-questions-list-item.v2 .test_b-questions-list-title {
        position: static;
        background: none;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        border: none;
        box-shadow: none;
        padding: 5px 0 0;
        color: #205e31;
        font-size: 22px;
        line-height: normal; }
    .test_b-questions-taskmark {
      text-align: center; }
      .test_b-questions-taskmark-btn.btn_b.v2 {
        color: #343234;
        font-size: 30px;
        cursor: default; }
      .test_b-questions-taskmark-text {
        padding: .4em 0 0;
        color: #343234;
        font-size: 26px;
        text-transform: uppercase; }
        .test_b-questions-taskmark-text b {
          font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
          font-weight: normal; }
    .test_b-questions-steps {
      display: inline-block;
      overflow: hidden;
      margin: 0;
      list-style: none; }
      .test_b-questions-steps-step {
        position: relative;
        float: left;
        width: 60px;
        height: 60px;
        background-color: #d3d4a6;
        color: #215f34;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 21px;
        line-height: 60px;
        text-align: center; }
        .test_b-questions-steps-step:nth-child(2n+2) {
          background-color: #a6b78a; }
        .test_b-questions-steps-step:nth-child(3n+3) {
          background-color: #7a996d; }
        .test_b-questions-steps-step:nth-child(4n+4) {
          background-color: #4d7c51; }
        .test_b-questions-steps-step.active {
          background-color: #215f34;
          color: #ffcc00;
          font-size: 30px;
          line-height: 70px; }
        .test_b-questions-steps-step .step {
          display: none;
          position: absolute;
          top: 8px;
          right: 0;
          left: 0;
          font-size: 13px;
          line-height: 1;
          color: #ffcc00;
          text-transform: uppercase; }
        .test_b-questions-steps-step.active .step {
          display: block; }
    .test_b-questions-countdown-face {
      position: relative;
      z-index: 1;
      width: 250px;
      height: 250px; }
      .test_b-questions-countdown-face:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: -1;
        width: 155px;
        height: 155px;
        background-color: #215f34;
        border-radius: 50%;
        text-align: center; }
      .test_b-questions-countdown-face:before {
        content: "";
        position: absolute;
        z-index: 20;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../img/timermask1.png) 50% 50% no-repeat; }
    .test_b-questions-countdown-next {
      position: relative;
      display: block;
      padding: 0 0 30px;
      color: #343234;
      font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
      font-size: 22px;
      text-transform: uppercase;
      text-decoration: none;
      transition: opacity ease-out .3s; }
      .test_b-questions-countdown-next:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin: 0 0 0 -18px;
        border-width: 18px;
        border-style: solid;
        border-color: #215f34 transparent transparent; }
    .test_b-questions-countdown .time_circles {
      position: relative;
      width: 100%;
      height: 100%; }
    .test_b-questions-countdown .time_circles > div {
      position: absolute; }
    .test_b-questions-countdown .time_circles > div > h4 {
      display: none; }
    .test_b-questions-countdown .time_circles > div > span {
      display: block;
      color: #fff;
      font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
      font-size: 90px !important;
      margin-top: 0.3em; }
    .test_b-questions-form {
      width: 655px;
      margin: 0 auto 20px;
      padding: 12px 0 0; }
      .test_b-questions-form-section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .test_b-questions-form-section.justify {
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          text-align: center; }
      .test_b-questions-form-checkel {
        display: inline-block;
        vertical-align: top; }
        .test_b-questions-form-checkel .label {
          display: block;
          min-width: 145px;
          padding: 15px 0;
          border: 3px solid #565656;
          background-color: #f9fad8;
          box-shadow: inset 0 0 0 2px #ffffe5, inset 0 0 0 3px #7d7f78;
          color: #343234;
          font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
          font-size: 18px;
          line-height: 1;
          text-transform: uppercase; }
        .test_b-questions-form-checkel input[type="radio"]:checked + .label, .test_b-questions-form-checkel input[type="checkbox"]:checked + .label {
          background-color: #f6f6f6;
          box-shadow: inset 0 0 0 2px #f6f6f6, inset 0 0 0 3px #7d7f78; }
        .test_b-questions-form-checkel input[type="radio"], .test_b-questions-form-checkel input[type="checkbox"] {
          position: absolute;
          opacity: 0; }
    .test_b-questions-footer {
      position: absolute;
      bottom: 60px;
      right: 0;
      left: 0;
      text-align: center; }
  .test_b-result {
    width: 930px;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: auto;
    padding: 30px 0 175px;
    color: #343234; }
    .test_b-result-header {
      position: relative;
      padding: 60px 20px 25px;
      border-top: 3px solid #6d6753;
      text-align: center; }
      .test_b-result-header:before {
        content: "";
        position: absolute;
        height: 1px;
        top: 3px;
        right: 0;
        left: 0;
        background-color: #aca384; }
      .test_b-result-header-heading {
        position: absolute;
        top: -2.1em;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        height: 100px;
        min-width: 410px;
        margin-top: 0;
        padding: 0 20px;
        background-color: #f9fad8;
        border: 2px solid #535456;
        box-shadow: inset 0 0 0 3px #f9fad8, inset 0 0 0 4px #8a8b80;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 30px;
        line-height: 100px;
        text-transform: uppercase; }
      .test_b-result-header-desc {
        font-size: 21px;
        line-height: 1.2; }
        .test_b-result-header-desc.head {
          margin-bottom: 0;
          text-transform: uppercase;
          letter-spacing: .03em; }
          .test_b-result-header-desc.head em {
            font-style: normal; }
    .test_b-result-content {
      position: relative;
      width: 650px;
      margin: auto;
      padding: 20px 0;
      border-top: 2px solid #b3a989;
      border-bottom: 3px solid #6d6753;
      font-size: 15px; }
      .test_b-result-content:after {
        content: "";
        position: absolute;
        height: 1px;
        bottom: -6px;
        right: 0;
        left: 0;
        background-color: #aca384; }
      .test_b-result-content-heading {
        margin: 0 0 .2em;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 15px;
        text-transform: uppercase; }
      .test_b-result-content-list {
        margin: 0 0 1em;
        list-style: none; }
        .test_b-result-content-list li {
          position: relative;
          padding: 0 0 0 25px; }
          .test_b-result-content-list li .num {
            position: absolute;
            top: 0;
            left: 0; }
      .test_b-result-content-desc {
        padding: 0 185px 0 0; }
  .test_b-questionDragDropV1-dragArea {
    position: absolute;
    top: 10px;
    left: 55px;
    width: 590px;
    height: 605px;
    background-color: #fdefba;
    border: 3px solid #c8be9a;
    box-shadow: inset 0 0 0 3px #fdefba, inset 0 0 0 4px #dbcfa5; }
    .test_b-questionDragDropV1-dragArea-item {
      position: absolute;
      cursor: -webkit-grab;
      cursor: grab;
      transition: opacity ease-out .4s; }
      .test_b-questionDragDropV1-dragArea-item.ui-draggable-dragging {
        z-index: 1000;
        cursor: -webkit-grabbing;
        cursor: grabbing; }
      .test_b-questionDragDropV1-dragArea-item.ui-draggable-disabled {
        cursor: default; }
      .test_b-questionDragDropV1-dragArea-item.used {
        opacity: .5;
        cursor: default; }
      .test_b-questionDragDropV1-dragArea-item .main {
        opacity: 1;
        transition: opacity ease-out .4s; }
      .test_b-questionDragDropV1-dragArea-item .hover {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity ease-out .4s; }
      .test_b-questionDragDropV1-dragArea-item.ui-draggable-dragging .main, .test_b-questionDragDropV1-dragArea-item:hover .main, .test_b-questionDragDropV1-dragArea-item.used:hover .hover {
        opacity: 0; }
      .test_b-questionDragDropV1-dragArea-item.ui-draggable-dragging .hover, .test_b-questionDragDropV1-dragArea-item:hover .hover, .test_b-questionDragDropV1-dragArea-item.used:hover .main {
        opacity: 1; }
  .test_b-questionDragDropV1-dropArea {
    position: absolute;
    top: 65px;
    right: 60px;
    text-align: center; }
    .test_b-questionDragDropV1-dropArea-area {
      position: relative;
      z-index: 1;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 345px;
      height: 345px;
      margin: 0 0 15px;
      background: url(../img/img-circle2.png) 0 0 no-repeat;
      color: #fff;
      font-size: 30px;
      line-height: 1.1;
      text-align: center; }
      .test_b-questionDragDropV1-dropArea-area:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: 310px;
        height: 310px;
        margin: -155px 0 0 -155px;
        background-color: #215f34;
        border-radius: 50%; }
      .test_b-questionDragDropV1-dropArea-area:after {
        content: "";
        position: absolute;
        width: 23px;
        height: 23px;
        border: 4px solid #ffcb03;
        bottom: 65px;
        left: 50%;
        margin: 0 0 0 -12px;
        border-radius: 50%; }
    .test_b-questionDragDropV1-dropArea-result {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 345px;
      height: 345px;
      color: #fff;
      font-size: 30px;
      line-height: 1.1;
      text-align: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity ease-out .3s; }
      .test_b-questionDragDropV1-dropArea-result:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: 310px;
        height: 310px;
        margin: -155px 0 0 -155px;
        background-color: #215f34;
        border-radius: 50%; }
      .test_b-questionDragDropV1-dropArea-result.showed {
        opacity: 1;
        visibility: visible; }
    .test_b-questionDragDropV1-dropArea-next {
      position: relative;
      display: block;
      opacity: 0;
      visibility: hidden;
      margin: 0 0 15px;
      padding: 0 0 30px;
      color: #343234;
      font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
      font-size: 22px;
      text-transform: uppercase;
      text-decoration: none;
      transition: opacity ease-out .3s; }
      .test_b-questionDragDropV1-dropArea-next:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin: 0 0 0 -18px;
        border-width: 18px;
        border-style: solid;
        border-color: #215f34 transparent transparent; }
    .test_b-questionDragDropV1-dropArea-area.dropped + .test_b-questionDragDropV1-dropArea-next {
      visibility: visible;
      opacity: 1; }
  .test_b-questionDragDropV2 {
    position: relative; }
    .test_b-questionDragDropV2.v1 .test_b-questionDragDropV2-item {
      position: relative;
      float: left;
      width: 170px; }
    .test_b-questionDragDropV2.v1 .test_b-questionDragDropV2-dragArea:after {
      content: "";
      display: block;
      clear: both; }
    .test_b-questionDragDropV2.v1 .test_b-questionDragDropV2-dragArea-item {
      cursor: -webkit-grab;
      cursor: grab; }
      .test_b-questionDragDropV2.v1 .test_b-questionDragDropV2-dragArea-item.ui-draggable-dragging {
        z-index: 1000;
        cursor: -webkit-grabbing;
        cursor: grabbing; }
      .test_b-questionDragDropV2.v1 .test_b-questionDragDropV2-dragArea-item.used {
        visibility: hidden; }
    .test_b-questionDragDropV2.v2 .test_b-questionDragDropV2-dragArea {
      position: absolute;
      top: 105px;
      left: 35px; }
      .test_b-questionDragDropV2.v2 .test_b-questionDragDropV2-dragArea-item {
        min-width: 116px;
        height: 30px;
        margin: 0 0 20px;
        padding: 0 8px;
        background-color: #fff;
        color: #343234;
        border: 2px solid #000;
        box-shadow: 0 0 0 1px #c1c0c0, 0 0 0 2px #aca8a2;
        text-transform: uppercase;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 15px;
        line-height: 27px;
        white-space: nowrap;
        text-align: center;
        cursor: -webkit-grab;
        cursor: grab; }
        .test_b-questionDragDropV2.v2 .test_b-questionDragDropV2-dragArea-item.ui-draggable-dragging {
          z-index: 1000;
          cursor: -webkit-grabbing;
          cursor: grabbing; }
        .test_b-questionDragDropV2.v2 .test_b-questionDragDropV2-dragArea-item.used {
          visibility: hidden; }
    .test_b-questionDragDropV2.v1 .test_b-questionDragDropV2-dropArea {
      position: relative;
      margin: 0 0 20px; }
      .test_b-questionDragDropV2.v1 .test_b-questionDragDropV2-dropArea:after {
        content: "";
        display: block;
        clear: both; }
      .test_b-questionDragDropV2.v1 .test_b-questionDragDropV2-dropArea-area.dropped .test_b-questions-list-pic {
        opacity: 0; }
        .test_b-questionDragDropV2.v1 .test_b-questionDragDropV2-dropArea-area.dropped .test_b-questions-list-pic.color {
          opacity: 1; }
    .test_b-questionDragDropV2.v2 .test_b-questionDragDropV2-dropArea .test_b-questions-list-title {
      opacity: 0;
      transition: opacity ease-out .4s; }
    .test_b-questionDragDropV2.v2 .test_b-questionDragDropV2-dropArea .test_b-questions-list-pic {
      transition: opacity ease-out .4s; }
      .test_b-questionDragDropV2.v2 .test_b-questionDragDropV2-dropArea .test_b-questions-list-pic.hover {
        opacity: 0; }
    .test_b-questionDragDropV2.v2 .test_b-questionDragDropV2-dropArea-area.dropped .test_b-questions-list-title {
      opacity: 1; }
    .test_b-questionDragDropV2.v2 .test_b-questionDragDropV2-dropArea-area.dropped .test_b-questions-list-pic {
      opacity: 0; }
      .test_b-questionDragDropV2.v2 .test_b-questionDragDropV2-dropArea-area.dropped .test_b-questions-list-pic.hover {
        opacity: 1; }
    .test_b-questionDragDropV2-btn {
      display: inline-block; }
      .test_b-questionDragDropV2-btn.check {
        visibility: hidden;
        opacity: 0;
        transition: opacity ease-out .3s; }
    .test_b-questionDragDropV2.done .test_b-questionDragDropV2-btn.check {
      visibility: visible;
      opacity: 1; }
      .test_b-questionDragDropV2.done .test_b-questionDragDropV2-btn.check.active {
        visibility: hidden; }
    .test_b-questionDragDropV2.v1 .test_b-questions-list-pic.color {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
    .test_b-questionDragDropV2.v1 {
      display: inline-block; }
  .test_b .ctr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }

.article_b-wrap {
  padding: 0 40px; }
.article_b-header {
  margin: 0 0 55px; }
  .article_b-header-heading {
    margin: 0 0 .25em;
    color: #225f34;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 108px;
    line-height: .85;
    letter-spacing: -.02em; }
  .article_b-header-desc {
    margin: -4em 0 0;
    padding: 0 0 0 350px;
    font-size: 24px; }
  .article_b-header-pic {
    float: left;
    margin: 0 0 0 25px; }
.article_b-content {
  padding: 0 315px 15px 115px; }
.article_b-section {
  position: relative;
  margin: 0 0 2.3em; }
  .article_b-section-heading {
    margin: 0 0 1em;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 20px; }
  .article_b-section-desc {
    margin: 0 0 1.15em; }
    .article_b-section-desc.head {
      text-indent: 230px; }
      .article_b-section-desc.head:first-letter {
        color: #225f34;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 76px;
        line-height: .7; }
  .article_b-section-quote {
    margin: 0 -355px 1.8em 150px;
    padding: 10px 0 0 85px;
    background: url(../img/icon-seeds1.svg) 0 0 no-repeat;
    font-family: "proximanova-lightit", Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 1.5; }
    .article_b-section-quote em {
      color: #225f34;
      font-family: "proximanova-boldit", Arial, Helvetica, sans-serif;
      font-style: normal; }
  .article_b-section-pic {
    position: relative;
    z-index: 1;
    margin: 53px 0 38px -115px; }
    .article_b-section-pic-bg {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: -1;
      width: auto;
      max-width: 2100px;
      margin-left: 155px;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .article_b-section-pic img {
      display: block;
      width: 100%; }
  .article_b-section-features {
    margin: 0;
    list-style: none;
    border-top: 1px solid #000; }
    .article_b-section-features-item {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 15px 0;
      border-bottom: 1px solid #000; }
    .article_b-section-features-feature {
      margin: 0 0 .2em; }
      .article_b-section-features-feature:nth-child(n+2) {
        -webkit-flex: 0 0 27%;
            -ms-flex: 0 0 27%;
                flex: 0 0 27%; }
      .article_b-section-features-feature:nth-child(2n+2) {
        -webkit-flex: 0 0 68%;
            -ms-flex: 0 0 68%;
                flex: 0 0 68%; }
      .article_b-section-features-feature dt {
        color: #225f34;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 20px; }
      .article_b-section-features-feature dd {
        margin: 0;
        font-size: 16px; }
.article_b-aside {
  position: absolute;
  right: -330px;
  width: 300px; }
  .article_b-aside:first-child {
    padding: 35px 0 0; }
  .article_b-aside-heading {
    margin: 0 0 1em;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 20px; }
  .article_b-aside-section {
    margin: 0 0 55px;
    padding: 0 15px 0 0; }
    .article_b-aside-section img {
      display: block;
      margin: 0 auto 15px; }
    .article_b-aside-section-list {
      margin: 0; }
      .article_b-aside-section-list dt {
        margin: 0;
        color: #225f34;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 36px; }
        .article_b-aside-section-list dt small {
          font-size: 16px; }
      .article_b-aside-section-list dd {
        margin: 0; }
  .article_b-aside.v2 .article_b-aside-section {
    position: relative;
    margin: 0 0 10px; }
    .article_b-aside.v2 .article_b-aside-section img {
      position: absolute;
      top: 5px;
      max-width: 50px; }
    .article_b-aside.v2 .article_b-aside-section-list {
      margin: 0;
      padding: 0 0 0 60px; }
      .article_b-aside.v2 .article_b-aside-section-list dt {
        margin: 0 0 .2em;
        color: #225f34;
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-size: 36px; }
      .article_b-aside.v2 .article_b-aside-section-list dd {
        margin: 0;
        line-height: 1.1; }
        .article_b-aside.v2 .article_b-aside-section-list dd dt {
          margin: 0;
          color: #000;
          font-family: "proximanova-reg", Arial, Helvetica, sans-serif;
          font-size: 16px; }
        .article_b-aside.v2 .article_b-aside-section-list dd dd {
          color: #225f34;
          font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
          font-size: 20px; }
        .article_b-aside.v2 .article_b-aside-section-list dd .article_b-aside-section-list {
          padding-left: 0; }
.article_b-nav {
  overflow: hidden;
  width: 750px; }
  .article_b-nav-indicator {
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 17px;
    list-style: none; }
    .article_b-nav-indicator-item {
      position: relative;
      float: left;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin: 0 2px 0 0; }
      .article_b-nav-indicator-item.small {
        -webkit-flex-basis: 60px;
            -ms-flex-preferred-size: 60px;
                flex-basis: 60px;
        width: 60px; }
      .article_b-nav-indicator-item.middle {
        -webkit-flex-basis: 120px;
            -ms-flex-preferred-size: 120px;
                flex-basis: 120px;
        width: 120px; }
      .article_b-nav-indicator-item.big {
        -webkit-flex-basis: 140px;
            -ms-flex-preferred-size: 140px;
                flex-basis: 140px;
        width: 140px; }
    .article_b-nav-indicator-link {
      display: block;
      padding: 0 0 10px;
      color: #000;
      font-size: 16px;
      text-decoration: none; }
      .article_b-nav-indicator-link:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 10px;
        background-color: #fed33a;
        transition: background-color ease-out .15s; }
      .article_b-nav-indicator-link.active:after, .article_b-nav-indicator-link:hover:after {
        background-color: #225f34; }
  .article_b-nav-control {
    color: #000;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 36px;
    text-decoration: none; }
    .article_b-nav-control.prev {
      float: left;
      padding: 0 0 0 45px;
      background: url(../img/icon-arrow11.svg) 0 50% no-repeat; }
      .article_b-nav-control.prev:hover {
        background-image: url(../img/icon-arrow12.svg); }
    .article_b-nav-control.next {
      float: right;
      padding: 0 45px 0 0;
      background: url(../img/icon-arrow13.svg) 100% 50% no-repeat; }
      .article_b-nav-control.next:hover {
        background-image: url(../img/icon-arrow14.svg); }
.article_b-map-pic {
  position: relative;
  margin: 0 0 25px; }
  .article_b-map-pic-point {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #225f34;
    border-radius: 50%;
    cursor: pointer; }
    .article_b-map-pic-point:before, .article_b-map-pic-point:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border-width: 1px;
      border-style: solid;
      border-radius: 50%;
      opacity: 0;
      transition: width ease-out .6s, height ease-out .6s, opacity ease-out .6s; }
    .article_b-map-pic-point:before {
      border-color: #7a9e86; }
    .article_b-map-pic-point:after {
      border-color: #b7cabf; }
    .article_b-map-pic-point:hover:before {
      opacity: 1;
      width: 28px;
      height: 28px; }
    .article_b-map-pic-point.active:before {
      -webkit-animation: mapCircle_28x28 2s ease-out .5s infinite;
              animation: mapCircle_28x28 2s ease-out .5s infinite; }
    .article_b-map-pic-point:hover:after {
      opacity: 1;
      width: 40px;
      height: 40px;
      transition-delay: .05s; }
    .article_b-map-pic-point.active:after {
      -webkit-animation: mapCircle_40x40 2s ease-out .6s infinite;
              animation: mapCircle_40x40 2s ease-out .6s infinite; }
    .article_b-map-pic-point.point1 {
      bottom: 105px;
      left: -102px; }
    .article_b-map-pic-point.point2 {
      bottom: 150px;
      left: -110px; }
    .article_b-map-pic-point.point3 {
      bottom: 160px;
      left: -80px; }
    .article_b-map-pic-point.point4 {
      bottom: 197px;
      left: -78px; }
    .article_b-map-pic-point.point5 {
      bottom: 185px;
      left: -57px; }
    .article_b-map-pic-point.point6 {
      bottom: 202px;
      left: -50px; }
    .article_b-map-pic-point.point7 {
      bottom: 220px;
      left: -45px; }
    .article_b-map-pic-point.point8 {
      bottom: 230px;
      left: -32px; }
    .article_b-map-pic-point.point9 {
      bottom: 253px;
      left: -32px; }
    .article_b-map-pic-point.point10 {
      bottom: 250px;
      left: -58px; }
    .article_b-map-pic-point.point11 {
      bottom: 273px;
      left: -32px; }
    .article_b-map-pic-point.point12 {
      bottom: 282px;
      left: -15px; }
    .article_b-map-pic-point.point13 {
      bottom: 240px;
      left: -12px; }
    .article_b-map-pic-point.point14 {
      bottom: 222px;
      left: -5px; }
    .article_b-map-pic-point.point15 {
      bottom: 215px;
      left: -18px; }
    .article_b-map-pic-point.point16 {
      bottom: 175px;
      left: -2px; }
    .article_b-map-pic-point.point17 {
      bottom: 160px;
      left: -20px; }
    .article_b-map-pic-point.point18 {
      bottom: 265px;
      left: 47px; }
    .article_b-map-pic-point.point19 {
      bottom: 200px;
      left: 35px; }
    .article_b-map-pic-point.point20 {
      bottom: 180px;
      left: 45px; }
    .article_b-map-pic-point.point21 {
      bottom: 145px;
      left: 40px; }
    .article_b-map-pic-point.point22 {
      bottom: 165px;
      left: 95px; }
    .article_b-map-pic-point.point23 {
      bottom: 35px;
      left: 210px; }
    .article_b-map-pic-point.point24 {
      bottom: 85px;
      left: 320px; }
  .article_b-map-pic img {
    display: block;
    margin: 0 0 0 -120px; }
.article_b-map-content {
  display: none; }
  .article_b-map-content-heading {
    margin: 0;
    color: #225f34;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 36px; }

.articleShort_b-item {
  position: relative; }
  .articleShort_b-item:before {
    content: "";
    position: absolute;
    z-index: 100;
    right: 0;
    left: 0;
    height: 40px; }
  .articleShort_b-item:before {
    top: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 50%, transparent 100%); }
  .articleShort_b-item-link {
    display: block;
    text-decoration: none;
    text-align: center; }
  .articleShort_b-item-pic {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0; }
    .articleShort_b-item-pic img {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .articleShort_b-item-content {
    position: relative;
    z-index: 2;
    padding: 50px 0 55px; }
  .articleShort_b-item-heading {
    margin: 0 0 .12em;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 70px; }
  .articleShort_b-item.bright .articleShort_b-item-heading {
    color: #225f34; }
  .articleShort_b-item.dark .articleShort_b-item-heading {
    color: #fed33a; }
  .articleShort_b-item-desc {
    padding: 0 140px;
    font-size: 24px; }
  .articleShort_b-item.bright .articleShort_b-item-desc {
    color: #000; }
  .articleShort_b-item.dark .articleShort_b-item-desc {
    color: #fff; }

.btn_b {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  cursor: pointer; }
  .btn_b.v1 {
    height: 42px;
    padding: 0 30px;
    background-color: #ffca05;
    color: #225f34;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 42px; }
  .btn_b.v2 {
    height: 100px;
    min-width: 410px;
    padding: 0 20px;
    background-color: #f9fad8;
    border: 2px solid #535456;
    box-shadow: inset 0 0 0 3px #f9fad8, inset 0 0 0 4px #8a8b80;
    color: #343234;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 40px;
    line-height: 100px;
    text-transform: uppercase;
    transition: background-color ease-out .3s; }
    .btn_b.v2:hover {
      background-color: #f3f5b7; }
  .btn_b.v3 {
    height: 50px;
    min-width: 410px;
    padding: 0 20px;
    background-color: #ffcc04;
    border: 2px solid #535456;
    box-shadow: inset 0 0 0 3px #f9fad8, inset 0 0 0 4px #8a8b80;
    color: #343234;
    font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 50px;
    text-transform: uppercase;
    transition: background-color ease-out .3s; }

.socshare_b {
  display: inline-block; }
  .socshare_b-container {
    display: inline-block; }
    .socshare_b-container .b-share {
      padding: 0 !important; }
      .socshare_b-container .b-share__handle {
        padding: 0 !important; }
  .socshare_b.v1 .socshare_b-container .b-share__handle {
    height: 42px;
    margin: 0 30px 0 0; }
  .socshare_b.v1 .socshare_b-container .b-share-icon {
    width: 42px;
    height: 42px; }
    .socshare_b.v1 .socshare_b-container .b-share-icon_vkontakte {
      background: #4591cd url(../img/icon-vk1.svg) 50% 50% no-repeat; }
    .socshare_b.v1 .socshare_b-container .b-share-icon_facebook {
      background: #12408c url(../img/icon-fb1.svg) 50% 50% no-repeat; }
    .socshare_b.v1 .socshare_b-container .b-share-icon_twitter {
      background: #0090ff url(../img/icon-tw1.svg) 50% 50% no-repeat; }
    .socshare_b.v1 .socshare_b-container .b-share-icon_odnoklassniki {
      background: #f7841d url(../img/icon-ok1.svg) 50% 50% no-repeat; }
  .socshare_b.v2 .socshare_b-container .b-share__handle {
    height: 25px;
    margin: 0 5px; }
  .socshare_b.v2 .socshare_b-container .b-share-icon {
    width: 25px;
    height: 25px;
    transition: opacity ease-out .3s; }
    .socshare_b.v2 .socshare_b-container .b-share-icon:hover {
      opacity: .5; }
    .socshare_b.v2 .socshare_b-container .b-share-icon_vkontakte {
      background: url(../img/icon-vk2.svg) 50% 50% no-repeat; }
    .socshare_b.v2 .socshare_b-container .b-share-icon_facebook {
      background: url(../img/icon-fb2.svg) 50% 50% no-repeat; }
    .socshare_b.v2 .socshare_b-container .b-share-icon_twitter {
      background: url(../img/icon-tw2.svg) 50% 50% no-repeat; }
    .socshare_b.v2 .socshare_b-container .b-share-icon_odnoklassniki {
      background: url(../img/icon-ok2.svg) 50% 50% no-repeat; }

/* plugins */
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  z-index: 10;
  margin: 0 auto 60px;
  padding: 0; }

.bx-wrapper img {
  max-width: 100%; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -ms-transform: translatez(0);
      transform: translatez(0); }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #99c5dd;
  text-indent: -9999px;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  outline: 0;
  border-radius: 50%; }

.bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #e0edf5; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  outline: 0;
  width: 56px;
  height: 60px;
  margin: -30px 0 0;
  text-indent: -9999px;
  z-index: 100; }

.bx-wrapper .bx-controls-direction a.bx-prev {
  left: -115px;
  background: url(../img/icon-arrow2.svg) 0 0 no-repeat; }
  .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background-image: url(../img/icon-arrow3.svg); }

.bx-wrapper .bx-controls-direction a.bx-next {
  right: -115px;
  background: url(../img/icon-arrow4.svg) 0 0 no-repeat; }
  .bx-wrapper .bx-controls-direction a.bx-next:hover {
    background-image: url(../img/icon-arrow5.svg); }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
  /* MSPointer events - direct all pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 45px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 9px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 1px;
  height: 100%;
  margin: 0 auto; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 9px;
  height: 100%;
  margin: 0 auto;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  box-sizing: border-box; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  box-sizing: border-box; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #ffca05; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/**
 * fullPage 2.5.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
  margin: 0;
  padding: 0;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: transparent; }

#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none; }

.fp-section {
  position: relative;
  /* Safari<=5 Android<=3 */
  /* <=28 */
  box-sizing: border-box; }

.fp-slide {
  float: left; }

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block; }

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out; }

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%; }

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.fp-slidesContainer {
  float: left;
  position: relative; }

.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent; }

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff; }

.fp-scrollable {
  overflow: scroll; }

.fp-notransition {
  transition: none !important; }

#fp-nav {
  position: fixed;
  z-index: 100;
  top: 50%;
  margin-top: 20px !important;
  opacity: 1;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }

#fp-nav.right {
  right: 17px; }

#fp-nav.left {
  left: 50%;
  margin: 0 0 0 -660px; }

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1; }

.fp-slidesNav.bottom {
  bottom: 17px; }

.fp-slidesNav.top {
  top: 17px; }

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0; }

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 11px;
  height: 11px;
  margin: 28px 0;
  position: relative; }

.fp-slidesNav ul li {
  display: inline-block; }

#fp-nav ul li:first-child {
  position: relative; }

#fp-nav ul li:first-child a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 144px;
  margin: -90px 0 0 -72px;
  background: url(../img/logo-madeinrussia1.svg) 0 0 no-repeat; }

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none; }
  #fp-nav ul li a:focus,
  .fp-slidesNav ul li a:focus {
    outline: none; }

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
  background: #ffd709;
  box-shadow: inset -4px 0px 3px #f29e12; }

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  width: 11px;
  height: 11px;
  background: #196439;
  box-shadow: inset -4px 0px 3px rgba(0, 0, 0, 0.55);
  border-radius: 50%;
  position: absolute;
  z-index: 1; }

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0; }

#fp-nav ul li:hover .fp-tooltip {
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1; }

#fp-nav ul li .fp-tooltip.right {
  right: 20px; }

#fp-nav ul li .fp-tooltip.left {
  left: 20px; }

/*animation*/
@-webkit-keyframes mapCircle_28x28 {
  0% {
    opacity: 0;
    width: 0;
    height: 0; }
  50% {
    opacity: 1;
    width: 28px;
    height: 28px; }
  100% {
    opacity: 0;
    width: 0;
    height: 0; } }
@keyframes mapCircle_28x28 {
  0% {
    opacity: 0;
    width: 0;
    height: 0; }
  50% {
    opacity: 1;
    width: 28px;
    height: 28px; }
  100% {
    opacity: 0;
    width: 0;
    height: 0; } }
@-webkit-keyframes mapCircle_40x40 {
  0% {
    opacity: 0;
    width: 0;
    height: 0; }
  50% {
    opacity: 1;
    width: 40px;
    height: 40px; }
  100% {
    opacity: 0;
    width: 0;
    height: 0; } }
@keyframes mapCircle_40x40 {
  0% {
    opacity: 0;
    width: 0;
    height: 0; }
  50% {
    opacity: 1;
    width: 40px;
    height: 40px; }
  100% {
    opacity: 0;
    width: 0;
    height: 0; } }
@-webkit-keyframes testCircleRotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }
@keyframes testCircleRotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }
/* fixes */
html.no-flexbox .aboutShort_b {
  padding-top: 100px; }
html.no-flexbox .test_b-start:before, html.no-flexbox .test_b-start:after {
  display: none; }
html.no-flexbox .test_b-questionDragDropV1-dropArea-area, html.no-flexbox .test_b-questionDragDropV1-dropArea-result {
  padding: 80px 20px; }

/* media */
@media screen and (max-width: 1600px) {
  .header_b .logo_b.madeinrussia {
    left: 30px; }

  .aboutShort_b-heading {
    font-size: 100px; } }
@media screen and (max-width: 1366px) {
  .header_b .logo_b.rshb {
    top: 90px; }
    .header_b .logo_b.rshb img {
      width: 300px; }
  .header_b .logo_b.madeinrussia {
    left: 20px;
    top: 100px; }
    .header_b .logo_b.madeinrussia img {
      width: 120px; }

  .aboutShort_b-heading {
    font-size: 85px; }

  #fp-nav.left {
    left: 25px;
    margin-left: 0; }

  #fp-nav ul li:first-child {
    height: 11px; }

  #fp-nav ul li:first-child a:after {
    display: none; }
  #fp-nav ul li:first-child a span {
    opacity: 1; } }
@media screen and (max-width: 1280px) {
  .header_b .logo_b.madeinrussia {
    display: none; }

  .test_b-footer.bottom {
    padding-left: 40px; }
    .test_b-footer.bottom .test_b-share {
      right: 40px; }
  .test_b-questions-content .test_b-questions-countdown {
    position: static;
    display: inline-block; } }
@media screen and (max-width: 800px) {
  body {
    min-width: 0; }

  .ctr {
    width: auto; }

  .aboutShort_b:before {
    content: "";
    position: absolute;
    top: 55px;
    left: 40px;
    width: 144px;
    height: 70px;
    background: url(../img/logo-madeinrussia1.svg) 0 0 no-repeat; }
  .aboutShort_b-wrap {
    padding-right: 80px;
    padding-left: 80px; }
  .aboutShort_b-desc {
    padding-right: 0; }
  .aboutShort_b .logo_b.rshb {
    top: 40px;
    right: 0; }

  .historyShort_b-wrap {
    padding-right: 80px;
    padding-left: 80px; }
    .historyShort_b-wrap:before {
      display: none; }
  .historyShort_b-slider {
    position: relative; }
    .historyShort_b-slider-content {
      padding-right: 180px; }
    .historyShort_b-slider-pic {
      position: absolute;
      left: auto;
      right: 0;
      margin: 0; }
      .historyShort_b-slider-pic img {
        width: 180px; }
  .historyShort_b-bg {
    display: none; }
  .historyShort_b .bx-wrapper {
    margin-bottom: 0; }
  .historyShort_b .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -70px; }

  .expertShort_b-header-desc {
    padding: 0 120px 0 0; }
  .expertShort_b-wrap {
    padding-right: 80px;
    padding-left: 80px; }

  .cardShort_b-list {
    width: auto; }
    .cardShort_b-list-item {
      width: 180px; }
      .cardShort_b-list-item:nth-child(3n+2) {
        margin-right: 0;
        margin-left: 0; }

  .testShort_b-wrap {
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 200px; }

  #fp-nav.left {
    left: 20px; }

  #fp-nav ul li, .fp-slidesNav ul li {
    width: 30px;
    height: 30px !important;
    margin: 20px 0 !important; }

  #fp-nav ul li a span,
  .fp-slidesNav ul li a span {
    width: 30px;
    height: 30px; }

  .footer_b {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0; } }
@media screen and (max-width: 800px) and (orientation: portrait) {
  .cardShort_b {
    display: block; }
    .cardShort_b-wrap {
      padding-top: 100px; } }
@media screen and (max-width: 800px) and (orientation: landscape) {
  .aboutShort_b {
    background-position: 50% 100%; }
    .aboutShort_b:before {
      top: 45px;
      height: 50px;
      background-size: auto 100%; }
    .aboutShort_b-heading {
      font-size: 50px; }
      .aboutShort_b-heading:before {
        content: "";
        position: absolute;
        left: 0;
        width: 8px;
        height: 72px;
        margin: .15em 0 0;
        background-color: #fdd23a; }
    .aboutShort_b-desc {
      font-size: 14px; }
    .aboutShort_b .logo_b.rshb {
      top: 30px;
      width: 150px; }
      .aboutShort_b .logo_b.rshb img {
        width: 100%; }
    .aboutShort_b .ctr {
      position: static; }

  .historyShort_b-wrap {
    height: auto;
    padding-top: 50px; }
  .historyShort_b-nav {
    margin-bottom: 10px; }
    .historyShort_b-nav-link {
      margin-bottom: 5px;
      padding-right: 0;
      font-size: 12px; }
      .historyShort_b-nav-link:after {
        height: 5px; }
  .historyShort_b-slider {
    position: relative; }
    .historyShort_b-slider-header {
      margin-bottom: 10px; }
    .historyShort_b-slider-content {
      padding-right: 100px; }
    .historyShort_b-slider-pic img {
      width: 150px; }
    .historyShort_b-slider-list {
      margin: 0; }
    .historyShort_b-slider-heading {
      margin: 0;
      font-size: 25px; }
      .historyShort_b-slider-heading.sub {
        font-size: 18px; }
    .historyShort_b-slider-desc {
      font-size: 12px; }
  .historyShort_b .bx-wrapper {
    margin-bottom: 0; }
  .historyShort_b .bx-wrapper .bx-controls-direction a.bx-prev, .historyShort_b .bx-wrapper .bx-controls-direction a.bx-next {
    top: 50px !important;
    width: 30px;
    background-size: 100% auto;
    background-position: 50% 50%; }
  .historyShort_b .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -40px; }
  .historyShort_b .bx-wrapper .bx-controls-direction a.bx-next {
    right: -40px; }

  #fp-nav {
    top: 50%; }

  .expertShort_b-wrap {
    padding-top: 50px; }
  .expertShort_b-header {
    margin-bottom: 20px; }
    .expertShort_b-header-heading {
      font-size: 20px; }
    .expertShort_b-header-desc {
      font-size: 12px; }
  .expertShort_b-item-pic {
    display: none; }
  .expertShort_b-item-content ul li {
    font-size: 12px; }
  .expertShort_b-item-heading {
    font-size: 15px; }
  .expertShort_b-item-desc {
    font-size: 12px; }
  .expertShort_b-item-scrollArea {
    height: 80px; }
  .expertShort_b .bx-wrapper {
    margin-bottom: 0; }
  .expertShort_b .bx-wrapper .bx-controls-direction a {
    top: auto;
    bottom: -35px;
    width: 22px;
    height: 23px;
    margin: 0; }
  .expertShort_b .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
    background: url(../img/icon-arrow6.svg) 0 0 no-repeat; }
    .expertShort_b .bx-wrapper .bx-controls-direction a.bx-prev:hover {
      background-image: url(../img/icon-arrow7.svg); }
  .expertShort_b .bx-wrapper .bx-controls-direction a.bx-next {
    left: 60px;
    right: auto;
    background: url(../img/icon-arrow8.svg) 0 0 no-repeat; }
    .expertShort_b .bx-wrapper .bx-controls-direction a.bx-next:hover {
      background-image: url(../img/icon-arrow9.svg); }

  .cardShort_b {
    display: block; }
    .cardShort_b-header {
      margin: 0 0 1em; }
      .cardShort_b-header-heading {
        font-size: 16px; }
      .cardShort_b-header-desc {
        font-size: 12px; }
    .cardShort_b-wrap {
      padding-top: 50px; }
    .cardShort_b-list-item {
      width: 10%;
      height: 100px;
      margin-bottom: 0; }
      .cardShort_b-list-item:after {
        display: none; }
      .cardShort_b-list-item img {
        height: 30px !important; }
    .cardShort_b-list-content {
      top: -100px;
      height: 200px; }
      .cardShort_b-list-content-heading {
        font-size: 14px; }
      .cardShort_b-list-content-desc {
        font-size: 12px; }

  .testShort_b {
    display: block; }
    .testShort_b-wrap {
      padding-top: 50px;
      padding-bottom: 10px; }
    .testShort_b-header {
      padding: 0;
      background: none; }
      .testShort_b-header-heading {
        font-size: 24px; }
      .testShort_b-header-desc {
        font-size: 13px; }
    .testShort_b-footer {
      padding: 10px 0 0; }

  .footer_b {
    -webkit-flex: 0 0 110px;
        -ms-flex: 0 0 110px;
            flex: 0 0 110px;
    height: 110px; }
    .footer_b-content {
      padding-top: 10px;
      font-size: 10px; }
    .footer_b-heading {
      font-size: 20px; }
    .footer_b-author {
      margin: 0; }
      .footer_b-author b {
        font-family: "proximanova-bold", Arial, Helvetica, sans-serif;
        font-weight: normal; }
    .footer_b-copy {
      display: block;
      font-size: inherit; }
    .footer_b .logo_b {
      margin: 0 0 5px; }
      .footer_b .logo_b.rshb {
        margin-bottom: 42px; }
    .footer_b .socshare_b {
      padding: 10px 0 0 15px; }

  .socshare_b.v1 .socshare_b-container .b-share__handle {
    height: 30px;
    margin: 0 15px 0 0; }
  .socshare_b.v1 .socshare_b-container .b-share-icon {
    width: 30px;
    height: 30px; }
    .socshare_b.v1 .socshare_b-container .b-share-icon_vkontakte {
      background-size: auto 50%; }
    .socshare_b.v1 .socshare_b-container .b-share-icon_facebook {
      background-size: auto 50%; }
    .socshare_b.v1 .socshare_b-container .b-share-icon_twitter {
      background-size: auto 50%; }
    .socshare_b.v1 .socshare_b-container .b-share-icon_odnoklassniki {
      background-size: auto 50%; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */ }