/* include fonts */
@font-face {
  font-family: "zhizn_regular";
  src: url("../fonts/zhizn_regular-webfont.eot");
  src: url("../fonts/zhizn_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/zhizn_regular-webfont.ttf") format("truetype"), url("../fonts/zhizn_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* common */
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
  display: block;
  margin: 0; }

img {
  border: none; }

b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

blockquote {
  margin: 1em 40px; }

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

address {
  font-style: normal; }

small {
  font-size: 75%; }

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

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

ol, ul, menu {
  margin: 1em 0;
  padding: 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 {
  vertical-align: top; }

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

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

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

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

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

/*----- BASE ------*/
html {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  background: #f1f1f1;
  color: #5a5751;
  font: 16px "zhizn_regular", Arial, Helvetica, sans-serif;
  left: 1.25px;
  -webkit-font-smoothing: grayscale;
  -moz-osx-font-smoothing: grayscale; }

.fancybox-lock, .fancybox-lock body {
  height: auto; }

a {
  color: #1a4ccb;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color ease-out .3s;
  transition: color ease-out .3s; }
  a:hover {
    color: #da0073; }
  a:active {
    outline: 0; }
  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 0 .8em;
  font-family: "zhizn_regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.1;
  text-align: center; }
  h1.line, h2.line, h3.line, h4.line, h5.line, h6.line {
    overflow: hidden; }
    h1.line:before, h2.line:before, h3.line:before, h4.line:before, h5.line:before, h6.line:before {
      content: "";
      position: relative;
      top: -9px;
      display: inline-block;
      width: 100%;
      margin: 0 0 0 -100%;
      border-top: 1px dashed #f4812a; }
    h1.line:after, h2.line:after, h3.line:after, h4.line:after, h5.line:after, h6.line:after {
      content: "";
      position: relative;
      top: -9px;
      display: inline-block;
      width: 100%;
      margin: 0 -100% 0 0;
      border-top: 1px dashed #f4812a; }

h1 {
  font-size: 30px; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

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

.active {
  cursor: default !important; }

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

.hidden {
  display: none; }

.jsf {
  font-size: .15em;
  text-align: justify !important; }

.jsf > * {
  font-size: 13px; }

.jsf:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0; }

/*----- PAGES STYLE ------*/
/*header_b*/
/*main_b*/
.main_b {
  position: relative;
  overflow: hidden;
  margin: 0 auto 75px;
  max-width: 1262px;
  min-width: 850px;
  height: 2415px;
  padding: 0 0 450px;
  background: #b6d7ec url(../img/bg-pagepattern.jpg) 0 0 repeat; }
  .main_b-content {
    height: 1765px;
    padding: 810px 0 0; }
  .main_b.w1050px .pageContent_b, .main_b.w1050px .translation_b-video {
    -webkit-transform: scale(0.84);
    -ms-transform: scale(0.84);
    transform: scale(0.84); }
  .main_b.w1050px .footer_b-footer:before {
    left: 70px; }
  .main_b.w1050px .footer_b-footer:after {
    right: 95px; }
  .main_b.w1050px .footer_b-features-item.item1 {
    top: 70px;
    left: 155px; }
  .main_b.w1050px .footer_b-features-item.item2 {
    top: 50px;
    right: 195px; }
  .main_b.w850px {
    height: 1835px; }
  .main_b.w850px .main_b-content {
    padding-top: 550px; }
  .main_b.w850px .translation_b-video {
    bottom: 50px; }
  .main_b.w850px .pageContent_b, .main_b.w1050px .translation_b-video {
    -webkit-transform: scale(0.68);
    -ms-transform: scale(0.68);
    transform: scale(0.68); }
  .main_b.w850px .footer_b-footer:before {
    left: 10px;
    width: 235px;
    height: 262px;
    background-image: url(../img/img-cream3.png); }
  .main_b.w850px .footer_b-footer:after {
    right: -15px; }
  .main_b.w850px .footer_b-features-item.item1 {
    left: 65px; }
  .main_b.w850px .footer_b-features-item.item2 {
    right: 85px; }

/*translation_b*/
.translation_b {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1262px;
  height: 795px;
  margin: 0 0 15px -631px;
  padding: 5px 0 0; }
  .translation_b-heading {
    position: relative;
    z-index: 10;
    width: 815px;
    height: 145px;
    margin: auto;
    padding: 15px 0 0;
    background: url(../img/img-box2.png) 50% 0 no-repeat;
    color: #163faf;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -.14em;
    text-align: center; }
    .translation_b-heading:before {
      content: "";
      position: absolute;
      width: 33px;
      height: 12px;
      background: url(../img/img-dline.png) 0 0 no-repeat; }
    .translation_b-heading:before {
      top: 43px;
      left: 174px; }
    .translation_b-heading-small {
      position: relative;
      top: -12px;
      display: inline-block;
      padding: 0 30px 0 25px;
      background: url(../img/icon-lines1.png) 0 0 no-repeat, url(../img/icon-lines2.png) 100% 0 no-repeat;
      color: #00b9c0;
      font-size: 29px;
      letter-spacing: -.13em; }
  .translation_b-video {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 670px;
    padding: 35px 0 0;
    background: url(../img/img-ipad1.png) 50% 0 no-repeat; }

/*player_b*/
.player_b {
  position: relative;
  width: 1160px;
  height: 585px;
  margin: auto;
  border: 4px solid #000;
  background-color: #000;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif; }
  .player_b-video {
    position: relative;
    float: left;
    width: 725px;
    height: 100%;
    margin: 0 20px 0 0; }
    .player_b-video-header {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      height: 175px;
      padding: 20px 15px 5px; }
    .player_b-video-heading {
      margin: 0 0 10px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 36px;
      text-align: left; }
    .player_b-video-desc {
      padding: 0 60px 0 0;
      font-size: 21px; }
    .player_b-video .btn_b.v11 {
      display: block;
      margin: 20px auto 0; }
  .player_b-player {
    position: absolute;
    top: 0;
    right: 0;
    height: 410px; }
  .player_b-content {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 20px 0 0 0; }
  .player_b-list {
    overflow-y: auto;
    margin: 0;
    max-height: 365px;
    padding: 2px 2px 0 2px;
    list-style: none; }
    .player_b-list-item {
      height: 105px;
      margin: 2px 2px 20px;
      padding: 1px;
      cursor: pointer;
      -webkit-transition: box-shadow ease-out .15s;
      transition: box-shadow ease-out .15s; }
      .player_b-list-item:hover, .player_b-list-item.active {
        box-shadow: 0 0 0 2px #459ddf; }
    .player_b-list-pic {
      float: left;
      width: 190px;
      height: 100%;
      margin: 0 15px 0 0; }
      .player_b-list-pic img {
        display: block;
        width: 100%;
        height: 100%; }
    .player_b-list-name {
      display: block;
      overflow: hidden;
      font-size: 21px; }
    .player_b-list-wrap {
      display: table-cell;
      vertical-align: middle;
      height: 105px; }
  .player_b-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 160px; }
    .player_b-footer .socshare_b {
      padding: 10px 0 0; }

/*pageContent_b*/
.pageContent_b {
  position: absolute;
  left: 50%;
  width: 100%;
  width: 1262px;
  height: 970px;
  margin: -15px auto 0 -631px;
  padding: 55px 125px 115px 140px;
  background: url(../img/img-notebook.png) 50% 30px no-repeat; }
  .pageContent_b-wrap {
    position: relative;
    z-index: 100;
    height: 100%; }
  .pageContent_b-navGlobal {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 143px;
    height: 590px;
    margin: -295px 0 0 -642px; }
    .pageContent_b-navGlobal-list {
      display: table-cell;
      height: 590px;
      vertical-align: middle; }
    .pageContent_b-navGlobal-item {
      display: inline-block;
      position: relative;
      left: 0;
      width: 143px;
      margin: 0 0 30px;
      -webkit-transition: all ease-out .3s;
      transition: all ease-out .3s; }
      .pageContent_b-navGlobal-item:hover {
        left: -5px;
        width: 148px; }
      .pageContent_b-navGlobal-item:last-child {
        margin-bottom: 0; }
      .pageContent_b-navGlobal-item.item1 {
        height: 245px;
        background: url(../img/img-leaf1.png) 0 0 no-repeat;
        background-size: 143px 245px; }
        .pageContent_b-navGlobal-item.item1:hover {
          background-size: 148px 245px; }
        .pageContent_b-navGlobal-item.item1.green {
          background-image: url(../img/img-leaf2.png); }
      .pageContent_b-navGlobal-item.item2 {
        height: 235px;
        background: url(../img/img-leaf3.png) 0 0 no-repeat;
        background-size: 143px 235px; }
        .pageContent_b-navGlobal-item.item2:hover {
          background-size: 148px 235px; }
    .pageContent_b-navGlobal-link {
      display: block;
      position: relative;
      color: #fff;
      font-size: 27px; }
      .pageContent_b-navGlobal-link:hover {
        color: #fff; }
    .pageContent_b-navGlobal-item.item1 .pageContent_b-navGlobal-link {
      top: 180px;
      left: -5px;
      padding: 20px 170px 70px 15px;
      -webkit-transform: rotate(-70deg);
      -ms-transform: rotate(-70deg);
      transform: rotate(-70deg);
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
    .pageContent_b-navGlobal-item.item2 .pageContent_b-navGlobal-link {
      top: 180px;
      left: -5px;
      padding: 50px 170px 70px 15px;
      -webkit-transform: rotate(-80deg);
      -ms-transform: rotate(-80deg);
      transform: rotate(-80deg);
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
  .pageContent_b-navBlogger {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 143px;
    height: 590px;
    margin: -320px -658px 0 0; }
    .pageContent_b-navBlogger-list {
      display: table-cell;
      height: 590px;
      vertical-align: middle; }
    .pageContent_b-navBlogger-item {
      display: inline-block;
      position: relative;
      left: 0;
      width: 95px;
      -webkit-transition: all ease-out .3s;
      transition: all ease-out .3s; }
      .pageContent_b-navBlogger-item:hover {
        left: 0;
        width: 100px; }
      .pageContent_b-navBlogger-item.item1 {
        height: 160px;
        background: url(../img/img-leaf7.png) 0 0 no-repeat;
        background-size: 95px 160px; }
        .pageContent_b-navBlogger-item.item1:hover {
          background-size: 100px 160px; }
      .pageContent_b-navBlogger-item.item2 {
        height: 178px;
        background: url(../img/img-leaf4.png) 0 0 no-repeat;
        background-size: 95px 178px; }
        .pageContent_b-navBlogger-item.item2:hover {
          background-size: 100px 178px; }
      .pageContent_b-navBlogger-item.item3 {
        height: 150px;
        background: url(../img/img-leaf5.png) 0 0 no-repeat;
        background-size: 95px 150px; }
        .pageContent_b-navBlogger-item.item3:hover {
          background-size: 100px 150px; }
      .pageContent_b-navBlogger-item.item4 {
        height: 158px;
        background: url(../img/img-leaf6.png) 0 0 no-repeat;
        background-size: 95px 158px; }
        .pageContent_b-navBlogger-item.item4:hover {
          background-size: 100px 158px; }
      .pageContent_b-navBlogger-item.active {
        visibility: hidden; }
    .pageContent_b-navBlogger-link {
      display: block;
      position: relative;
      color: #fff;
      font-size: 22px;
      -webkit-transition: all ease-out .3s;
      transition: all ease-out .3s; }
      .pageContent_b-navBlogger-link:hover {
        color: #fff; }
    .pageContent_b-navBlogger-item.item1 .pageContent_b-navBlogger-link {
      top: 5px;
      left: 65px;
      padding: 10px 100px 10px 25px;
      -webkit-transform: rotate(80deg);
      -ms-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
    .pageContent_b-navBlogger-item.item1:hover .pageContent_b-navBlogger-link {
      left: 70px; }
    .pageContent_b-navBlogger-item.item2 .pageContent_b-navBlogger-link {
      top: 5px;
      left: 75px;
      padding: 10px 145px 10px 15px;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
    .pageContent_b-navBlogger-item.item2:hover .pageContent_b-navBlogger-link {
      left: 80px; }
    .pageContent_b-navBlogger-item.item3 .pageContent_b-navBlogger-link {
      top: 5px;
      left: 75px;
      padding: 10px 115px 10px 15px;
      -webkit-transform: rotate(85deg);
      -ms-transform: rotate(85deg);
      transform: rotate(85deg);
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
    .pageContent_b-navBlogger-item.item3:hover .pageContent_b-navBlogger-link {
      left: 80px; }
    .pageContent_b-navBlogger-item.item4 .pageContent_b-navBlogger-link {
      top: 5px;
      left: 75px;
      padding: 10px 110px 10px 30px;
      -webkit-transform: rotate(87deg);
      -ms-transform: rotate(87deg);
      transform: rotate(87deg);
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
    .pageContent_b-navBlogger-item.item4:hover .pageContent_b-navBlogger-link {
      left: 80px; }

/*translationShedule_b*/
.translationShedule_b {
  padding: 30px 15px 0; }
  .translationShedule_b-heading {
    margin: 0 0 25px;
    color: #000;
    font-size: 60px;
    word-spacing: 100px;
    text-align: center; }
    .translationShedule_b-heading .small {
      display: block;
      padding: 10px 0 0;
      font-size: 36px;
      word-spacing: normal; }
  .translationShedule_b-list {
    margin: 0;
    list-style: none; }
    .translationShedule_b-list-item {
      position: relative;
      float: left;
      width: 235px;
      padding: 265px 0 0; }
      .translationShedule_b-list-item:nth-child(3) {
        margin-left: 20px; }
      .translationShedule_b-list-item:before {
        content: "";
        position: absolute;
        z-index: -2;
        width: 35%;
        height: 20px;
        box-shadow: 0 10px 5px rgba(0, 0, 0, 0.4); }
      .translationShedule_b-list-item.micus:before {
        left: 25px;
        top: 215px;
        -webkit-transform: rotate(-17deg);
        -ms-transform: rotate(-17deg);
        transform: rotate(-17deg); }
      .translationShedule_b-list-item.streisand:before {
        left: 2px;
        top: 196px;
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg); }
      .translationShedule_b-list-item.pushman:before {
        left: -10px;
        top: 203px;
        -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        transform: rotate(-2deg); }
      .translationShedule_b-list-item.klep:before {
        left: 8px;
        top: 203px;
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg); }
    .translationShedule_b-list-pic {
      position: absolute;
      z-index: 10;
      width: 235px;
      height: 235px;
      padding: 5px 5px 50px 5px;
      background-color: #e3eaed;
      border-width: 1px;
      border-style: solid;
      border-color: #fff #fff #c5cccf #c5cccf;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
      .translationShedule_b-list-pic img {
        display: block;
        width: 100%;
        height: 180px; }
    .translationShedule_b-list-item.micus .translationShedule_b-list-pic {
      top: 0;
      left: 0;
      -webkit-transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
      transform: rotate(-8deg);
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; }
    .translationShedule_b-list-item.streisand .translationShedule_b-list-pic {
      top: -15px;
      left: -20px;
      -webkit-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      transform: rotate(-3deg);
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; }
    .translationShedule_b-list-item.pushman .translationShedule_b-list-pic {
      top: 0;
      left: -15px;
      -webkit-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      transform: rotate(5deg);
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; }
    .translationShedule_b-list-item.klep .translationShedule_b-list-pic {
      top: 0;
      left: 5px;
      -webkit-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
      transform: rotate(4deg);
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; }
    .translationShedule_b-list-name {
      position: absolute;
      right: 0;
      bottom: 5px;
      left: 0;
      font-size: 25px;
      letter-spacing: -.08em;
      text-align: center; }
    .translationShedule_b-list-item.micus .translationShedule_b-list-name {
      color: #409ce2; }
    .translationShedule_b-list-item.streisand .translationShedule_b-list-name {
      color: #ff7d00; }
    .translationShedule_b-list-item.pushman .translationShedule_b-list-name {
      color: #4fc900; }
    .translationShedule_b-list-item.klep .translationShedule_b-list-name {
      color: #d51687; }
  .translationShedule_b-dateList {
    margin: 0;
    padding: 0 0 0 5px;
    list-style: none; }
    .translationShedule_b-dateList-item {
      position: relative;
      margin: 0 0 70px; }
    .translationShedule_b-dateList-date {
      padding: 10px 15px 5px;
      color: #000;
      font-size: 30px;
      cursor: default; }
    .translationShedule_b-dateList-item:hover .translationShedule_b-dateList-date {
      background: url(../img/img-box10.png) 0 0 no-repeat;
      background-size: 100% 100%;
      color: #000; }
    .translationShedule_b-dateList-question {
      position: absolute;
      top: 100%;
      left: 15px;
      margin: 2px 0 0; }
    .translationShedule_b-dateList-item .translationShedule_b-dateList-question {
      display: none; }
    .translationShedule_b-dateList-item:hover .translationShedule_b-dateList-question {
      display: block; }
    .translationShedule_b-dateList-next {
      position: absolute;
      bottom: 100%;
      left: 15px;
      margin: 0 0 2px;
      color: #91908a;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px; }
    .translationShedule_b-dateList a {
      cursor: pointer; }

/*blogger_b*/
.blogger_b {
  margin: -30px 0 25px;
  padding: 0 0 60px;
  background: url(../img/img-borderbottom2.png) 50% 100% no-repeat;
  list-style: none; }
  .blogger_b-item {
    position: relative;
    float: left;
    padding: 260px 0 0 20px; }
    .blogger_b-item.micus {
      margin: 0 20px 0 0; }
    .blogger_b-item.pushman {
      z-index: 3;
      margin: 0 35px 0 0; }
    .blogger_b-item.klep {
      margin: -5px 0 0; }
  .blogger_b-pic {
    position: absolute;
    padding: 5px;
    background-color: #e3eaed;
    border-width: 1px;
    border-style: solid;
    border-color: #fff #fff #c5cccf #c5cccf; }
    .blogger_b-pic img {
      display: block;
      width: 100%;
      height: 100%; }
  .blogger_b-name {
    display: inline-block;
    margin: 0 0 20px;
    font-size: 38px;
    letter-spacing: -.1em;
    text-decoration: none; }
  .blogger_b-num {
    width: 180px;
    height: 50px;
    margin: 0 0 20px;
    padding: 5px 5px 0 15px;
    background: url(../img/img-border3.png) 50% 50% no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; }
    .blogger_b-num .num {
      margin: 0 5px 0 0;
      font-size: 32px;
      font-weight: bold; }
  .blogger_b-footer {
    padding: 0 0 0 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px; }
  .blogger_b-date {
    font-size: 20px;
    font-weight: bold; }
  .blogger_b-item.micus .blogger_b-name, .blogger_b-item.micus .blogger_b-num .num, .blogger_b-item.micus .blogger_b-date {
    color: #409ce2; }
  .blogger_b-item.streisand .blogger_b-name, .blogger_b-item.streisand .blogger_b-num .num, .blogger_b-item.streisand .blogger_b-date {
    color: #ff7d00; }
  .blogger_b-item.pushman .blogger_b-name, .blogger_b-item.pushman .blogger_b-num .num, .blogger_b-item.pushman .blogger_b-date {
    color: #4fc900; }
  .blogger_b-item.klep .blogger_b-name, .blogger_b-item.klep .blogger_b-num .num, .blogger_b-item.klep .blogger_b-date {
    color: #d51687; }
  .blogger_b-item.streisand .blogger_b-name {
    position: relative;
    top: 20px;
    left: -33px; }
  .blogger_b-item.pushman .blogger_b-name {
    position: relative;
    top: 5px;
    left: 10px;
    margin-bottom: 25px; }
  .blogger_b-item.klep .blogger_b-name {
    margin-bottom: 30px; }
  .blogger_b-item.micus .blogger_b-pic {
    width: 250px;
    height: 250px;
    top: 0;
    left: -5px;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
  .blogger_b-item.streisand .blogger_b-pic {
    top: 0;
    left: 0;
    width: 270px;
    height: 270px;
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
  .blogger_b-item.pushman .blogger_b-pic {
    top: -10px;
    left: -10px;
    width: 265px;
    height: 265px;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
  .blogger_b-item.klep .blogger_b-pic {
    top: -8px;
    left: 0;
    width: 265px;
    height: 265px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }

/*instructions_b*/
.instructions_b {
  position: relative; }
  .instructions_b-heading {
    position: absolute;
    top: 0;
    left: 50px;
    width: 395px;
    height: 75px;
    background: url(../img/img-heading1.png) 0 0 no-repeat;
    text-indent: -9999px; }
  .instructions_b-item {
    float: left; }
    .instructions_b-item.rules {
      width: 490px;
      padding: 195px 0 0;
      background: url(../img/img-arrows1.png) 50% 90px no-repeat; }
    .instructions_b-item.desc {
      width: 500px;
      padding: 10px 0 0 60px; }
    .instructions_b-item-heading {
      margin: 0 0 5px;
      color: #cf1052;
      font-size: 30px;
      letter-spacing: -.1em;
      text-align: left; }
  .instructions_b-desc {
    margin: 0 0 5px;
    font-size: 22px;
    letter-spacing: -.04em; }
    .instructions_b-desc mark {
      background: none;
      color: #1a4ccb; }
    .instructions_b-desc .socLink_b {
      position: absolute;
      margin: -4px 0 0 20px; }
  .instructions_b-footer {
    padding: 15px 0 0;
    text-align: center; }
    .instructions_b-footer-link {
      color: #df1356;
      font-size: 24px;
      letter-spacing: -.08em; }

/*questionlist_b*/
.questionlist_b-col {
  float: left;
  width: 495px;
  padding: 50px 0 0; }
.questionlist_b-header {
  position: relative;
  margin: -50px 0 45px; }
  .questionlist_b-header-pic {
    position: absolute;
    top: -35px;
    left: -10px;
    width: 250px;
    height: 250px;
    padding: 5px;
    background-color: #e3eaed;
    border-width: 1px;
    border-style: solid;
    border-color: #fff #fff #c5cccf #c5cccf;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
    .questionlist_b-header-pic img {
      display: block;
      width: 100%;
      height: 100%; }
  .questionlist_b-header-info {
    padding: 20px 0 0 280px; }
  .questionlist_b-header-heading {
    margin: 0 0 5px -35px;
    font-size: 38px;
    text-align: left;
    letter-spacing: -.1em; }
  .questionlist_b-header-tochannel {
    display: inline-block;
    margin: 0 0 10px 15px; }
  .questionlist_b-header-date {
    margin: 0 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px; }
    .questionlist_b-header-date .date {
      display: block;
      font-size: 20px;
      font-weight: bold; }
  .questionlist_b-header-question {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; }
    .questionlist_b-header-question .num {
      font-size: 32px;
      font-weight: bold; }
.questionlist_b.micus .questionlist_b-header-heading, .questionlist_b.micus .questionlist_b-header-date .date, .questionlist_b.micus .questionlist_b-header-question .num {
  color: #409ce2; }
.questionlist_b.streisand .questionlist_b-header-heading, .questionlist_b.streisand .questionlist_b-header-date .date, .questionlist_b.streisand .questionlist_b-header-question .num {
  color: #ff7d00; }
.questionlist_b.pushman .questionlist_b-header-heading, .questionlist_b.pushman .questionlist_b-header-date .date, .questionlist_b.pushman .questionlist_b-header-question .num {
  color: #4fc900; }
.questionlist_b.klep .questionlist_b-header-heading, .questionlist_b.klep .questionlist_b-header-date .date, .questionlist_b.klep .questionlist_b-header-question .num {
  color: #d51687; }
.questionlist_b-list {
  counter-reset: questionlist;
  width: 455px;
  margin: 0;
  list-style: none; }
  .questionlist_b-list-item {
    counter-increment: questionlist;
    position: relative;
    margin: 0 0 54px 40px;
    padding: 0 0 0 25px; }
    .questionlist_b-list-item:before {
      content: counter(questionlist) ".";
      position: absolute;
      top: 20px;
      left: -20px;
      width: 30px;
      color: #df1356;
      font-size: 30px;
      text-align: right; }
  .questionlist_b-list-header {
    position: absolute;
    z-index: 20;
    top: -10px;
    left: 20px; }
  .questionlist_b-list-pic {
    display: block;
    width: 100px;
    height: 100px;
    padding: 3px;
    background-color: #e3eaed;
    border-width: 1px;
    border-style: solid;
    border-color: #fff #c5cccf #c5cccf #fff;
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
    .questionlist_b-list-pic img {
      display: block;
      width: 100%;
      height: 100%; }
  .questionlist_b-list-info {
    position: relative;
    z-index: 10;
    padding: 0 0 0 105px; }
  .questionlist_b-list-name {
    position: absolute;
    top: 90px;
    right: 0;
    left: 0;
    margin: 0 0 0 -5px;
    padding: 10px 275px 0 0;
    color: #df1356;
    font-size: 18px;
    line-height: 1.1;
    text-align: center; }
    .questionlist_b-list-name .firstline {
      display: inline-block;
      overflow: hidden;
      max-width: 130px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .questionlist_b-list-desc {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 105px;
    margin: 0;
    padding: 5px 5px 10px;
    background-color: #fff;
    border: 2px solid #000;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase; }
    .questionlist_b-list-desc:after {
      content: "";
      position: absolute;
      bottom: -10px;
      right: 0;
      left: 0;
      height: 10px;
      margin: 0 0 0 105px;
      background: url(../img/img-borderbottom3.png) 0 0 no-repeat;
      background-size: 100% 10px; }
  .questionlist_b-list-like {
    position: absolute;
    right: -20px;
    min-height: 40px;
    padding: 15px 60px 0 0;
    color: #df1356;
    font-size: 18px;
    letter-spacing: -.1em; }
    .questionlist_b-list-like .button {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 54px;
      height: 53px;
      background: url(../img/icon-like1.png) 0 0 no-repeat;
      text-indent: -9999px;
      cursor: pointer;
      -webkit-transition: -webkit-transform ease-out .3s;
      transition: transform ease-out .3s; }
      .questionlist_b-list-like .button:hover {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg); }
      .questionlist_b-list-like .button:hover, .questionlist_b-list-like .button.active {
        background-image: url(../img/icon-like1_hov.png); }
  .questionlist_b-list.from4 {
    counter-reset: questionlist 3; }
.questionlist_b-footer {
  text-align: center; }

/*makeselfie_b*/
.makeselfie_b {
  padding: 90px 0 0; }
  .makeselfie_b-heading {
    margin: 0 0 60px -30px;
    color: #000;
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: -.03em;
    text-align: center; }
  .makeselfie_b-steps {
    margin: 0;
    list-style: none; }
    .makeselfie_b-steps-item {
      display: inline-block;
      vertical-align: top;
      width: 490px;
      padding: 240px 0 0;
      text-align: center; }
      .makeselfie_b-steps-item.upload {
        background: url(../img/img-upload1.png) 50% 0 no-repeat; }
      .makeselfie_b-steps-item.webcamera {
        background: url(../img/img-upload2.png) 65% 10px no-repeat; }
    .makeselfie_b-steps-heading {
      margin: 0 0 25px;
      color: #000;
      font-size: 36px;
      letter-spacing: -.08em; }

/*askblogger_b*/
.askblogger_b {
  padding: 45px 0 0; }
  .askblogger_b-heading {
    position: relative;
    padding: 0 500px 0 0;
    color: #000;
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: -.03em;
    text-align: center; }
    .askblogger_b-heading .line {
      position: absolute;
      top: 0;
      right: 25px; }
  .askblogger_b-list {
    margin: 0;
    list-style: none; }
    .askblogger_b-list-item {
      position: absolute;
      width: 470px;
      height: 300px;
      padding: 0 0 0 260px; }
      .askblogger_b-list-item.even {
        padding-left: 0;
        padding-right: 260px;
        text-align: right; }
      .askblogger_b-list-item.micus {
        top: 195px;
        left: -20px;
        padding-top: 25px; }
      .askblogger_b-list-item.streisand {
        bottom: 0px;
        left: 20px;
        padding-top: 5px;
        padding-right: 265px; }
      .askblogger_b-list-item.pushman {
        bottom: -15px;
        right: 15px;
        padding-top: 40px;
        padding-left: 265px; }
      .askblogger_b-list-item.klep {
        top: 200px;
        right: -5px;
        padding-top: 40px; }
    .askblogger_b-list-pic {
      position: absolute;
      top: 0;
      left: 0;
      width: 250px;
      height: 250px;
      padding: 5px;
      background-color: #e3eaed;
      border-width: 1px;
      border-style: solid;
      border-color: #fff #fff #c5cccf #c5cccf;
      -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      transform: rotate(-5deg);
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; }
      .askblogger_b-list-pic img {
        display: block;
        width: 100%;
        height: 100%; }
    .askblogger_b-list-item.even .askblogger_b-list-pic {
      right: 0;
      left: auto;
      -webkit-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      transform: rotate(5deg); }
    .askblogger_b-list-name {
      margin: 0 0 10px;
      font-size: 38px;
      letter-spacing: -.1em; }
    .askblogger_b-list-item.even .askblogger_b-list-name {
      padding-right: 15px; }
    .askblogger_b-list-item.micus .askblogger_b-list-name {
      color: #409ce2; }
    .askblogger_b-list-item.streisand .askblogger_b-list-name {
      color: #ff7d00; }
    .askblogger_b-list-item.pushman .askblogger_b-list-name {
      color: #4fc900; }
    .askblogger_b-list-item.klep .askblogger_b-list-name {
      color: #d51687; }

/*askbloggerDone_b*/
.askbloggerDone_b {
  padding: 50px 0 0; }
  .askbloggerDone_b-col {
    float: left;
    width: 50%; }
    .askbloggerDone_b-col.col1 {
      padding: 0 45px 0 55px; }
    .askbloggerDone_b-col.col2 {
      padding: 0 40px 0 40px; }
  .askbloggerDone_b-section-item {
    position: relative;
    margin: 0 0 30px; }
    .askbloggerDone_b-section-item:last-child {
      margin-bottom: 0; }
  .askbloggerDone_b-section-pic {
    width: 395px;
    height: 395px;
    background-color: #343434;
    border: 2px solid #6e6d6c;
    border-radius: 3px; }
    .askbloggerDone_b-section-pic img {
      display: block;
      width: 100%;
      height: 100%; }
  .askbloggerDone_b-section-desc {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 165px;
    max-height: 200px;
    padding: 5px 5px 10px;
    background-color: #fff;
    border: 2px solid #000;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase; }
    .askbloggerDone_b-section-desc:after {
      content: "";
      position: absolute;
      right: 0;
      bottom: -10px;
      left: 0;
      height: 10px;
      background: url(../img/img-borderbottom3.png) 0 0 no-repeat;
      background-size: 100% 10px; }
  .askbloggerDone_b-section-footer {
    padding: 20px 0 0; }
  .askbloggerDone_b-footer {
    text-align: center; }

/*yourquestion_b*/
.yourquestion_b {
  padding: 50px 0 0; }
  .yourquestion_b-col {
    float: left;
    width: 50%; }
    .yourquestion_b-col.col1 {
      padding: 0 40px 0 55px; }
    .yourquestion_b-col.col2 {
      padding: 0 60px 0 40px; }
  .yourquestion_b-section {
    margin: 0 0 35px; }
    .yourquestion_b-section-item {
      position: relative;
      margin: 0 0 30px; }
      .yourquestion_b-section-item:last-child {
        margin-bottom: 0; }
    .yourquestion_b-section-heading {
      margin: 0 0 5px;
      color: #000;
      font-size: 36px;
      letter-spacing: -.08em;
      text-align: left; }
      .yourquestion_b-section-heading.username {
        margin-bottom: 15px;
        padding: 0 0 0 30px;
        color: #e63486; }
      .yourquestion_b-section-heading.bloggername {
        margin-left: 15px; }
      .yourquestion_b-section-heading.rating {
        margin-left: 5px; }
      .yourquestion_b-section-heading.smaller {
        font-size: 30px;
        letter-spacing: -.1em; }
      .yourquestion_b-section-heading.desc {
        line-height: 1.2; }
      .yourquestion_b-section-heading.message {
        padding: 50px 0 0; }
      .yourquestion_b-section-heading .purple {
        color: #e63486; }
      .yourquestion_b-section-heading .deepblue {
        color: #13007f; }
      .yourquestion_b-section-heading .micus {
        color: #3c91c9; }
    .yourquestion_b-section-pic {
      width: 395px;
      height: 395px;
      background-color: #343434;
      border: 2px solid #6e6d6c;
      border-radius: 3px; }
      .yourquestion_b-section-pic img {
        display: block;
        width: 100%;
        height: 100%; }
    .yourquestion_b-section-desc {
      overflow-y: auto;
      overflow-x: hidden;
      min-height: 165px;
      max-height: 180px;
      margin: 0 0 25px;
      padding: 5px;
      background-color: #fff;
      border: 2px solid #000;
      border-bottom: none;
      border-radius: 4px 4px 0 0;
      color: #000;
      font-family: Arial,Helvetica,sans-serif;
      font-size: 16px;
      line-height: 1.2;
      text-transform: uppercase; }
      .yourquestion_b-section-desc:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -10px;
        left: 0;
        height: 10px;
        background: url(../img/img-borderbottom3.png) 0 0 no-repeat;
        background-size: 100% 10px; }
    .yourquestion_b-section-weblink {
      overflow: hidden;
      margin: 0 0 5px;
      font-size: 18px;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .yourquestion_b-section .questionlist_b-header {
      margin: 0 0 25px; }
      .yourquestion_b-section .questionlist_b-header-pic {
        position: absolute;
        top: -35px;
        right: -5px;
        left: auto;
        width: 180px;
        height: 180px;
        padding: 4px;
        background-color: #e3eaed;
        border-width: 1px;
        border-style: solid;
        border-color: #fff #fff #c5cccf #c5cccf;
        -webkit-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(2deg);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center; }
        .yourquestion_b-section .questionlist_b-header-pic img {
          display: block;
          width: 100%;
          height: 100%; }
      .yourquestion_b-section .questionlist_b-header-info {
        padding: 0 170px 0 30px; }

/*pagenav_b*/
.pagenav_b {
  display: inline-block; }
  .pagenav_b-link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    margin: 0 -2px;
    text-indent: -9999px; }
    .pagenav_b-link:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 8px;
      height: 8px;
      margin: -4px 0 0 -4px;
      background-color: #000;
      border-radius: 50%; }
    .pagenav_b-link.active {
      background: url(../img/icon-circle1.png) 0 0 no-repeat; }
    .pagenav_b-link.prev {
      width: 38px;
      height: 39px;
      margin-right: 15px;
      background: url(../img/icon-arrow1.png) 0 0 no-repeat;
      border-radius: 0; }
      .pagenav_b-link.prev:after {
        display: none; }
      .pagenav_b-link.prev:focus {
        outline: none; }
    .pagenav_b-link.next {
      width: 38px;
      height: 39px;
      margin-left: 15px;
      background: url(../img/icon-arrow2.png) 0 0 no-repeat;
      border-radius: 0; }
      .pagenav_b-link.next:after {
        display: none; }
      .pagenav_b-link.next:focus {
        outline: none; }

/*socLink_b*/
.socLink_b {
  display: inline-block;
  vertical-align: middle; }
  .socLink_b-link {
    display: inline-block;
    -webkit-transition: -webkit-transform ease-out .3s;
    transition: transform ease-out .3s; }
    .socLink_b-link:hover {
      -webkit-transform: rotate(-4deg);
      -ms-transform: rotate(-4deg);
      transform: rotate(-4deg); }
  .socLink_b.v1 .socLink_b-link {
    width: 32px;
    height: 33px; }
    .socLink_b.v1 .socLink_b-link.vk {
      background: url(../img/icon-vk3.png) 0 0 no-repeat; }
    .socLink_b.v1 .socLink_b-link.fb {
      background: url(../img/icon-fb2.png) 0 0 no-repeat; }
    .socLink_b.v1 .socLink_b-link.ins {
      background: url(../img/icon-ins1.png) 0 0 no-repeat; }

/*g-ytsubscribe_b*/
.g-ytsubscribe_b {
  display: inline-block; }

/*footer*/
.footer_b {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 665px; }
  .footer_b-header {
    height: 450px; }
  .footer_b-footer {
    position: relative;
    height: 215px;
    background-color: #da0073; }
    .footer_b-footer-before, .footer_b-footer-after {
      position: absolute; }
    .footer_b-footer-before {
      bottom: 0;
      left: 0;
      width: 315px;
      height: 379px;
      background: url(../img/img-cream1.png) 0 0 no-repeat; }
    .footer_b-footer-after {
      bottom: 0;
      right: -10px;
      width: 341px;
      height: 408px;
      background: url(../img/img-cream2.png) 0 0 no-repeat; }
  .footer_b-address {
    width: 575px;
    margin: auto; }
    .footer_b-address-item {
      margin: 0 0 5px;
      padding: 0 0 10px;
      color: #555c61;
      font-size: 19px; }
      .footer_b-address-item.weblink {
        padding: 0 0 0 150px; }
      .footer_b-address-item dl {
        margin: 0; }
    .footer_b-address-heading {
      float: left;
      width: 140px;
      margin: 0 10px 0 0;
      padding: 8px 0 0;
      color: #555c61;
      font-size: 19px;
      text-align: right; }
    .footer_b-address-desc {
      margin: 0; }
      .footer_b-address-desc .socshare_b {
        position: relative;
        top: -10px; }
    .footer_b-address-link {
      position: relative;
      display: inline-block;
      color: #13007f;
      font-size: 24px;
      text-decoration: none; }
      .footer_b-address-link:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 4px;
        background: url(../img/img-borderbottom1.png) 0 100% no-repeat; }
    .footer_b-address-item.vk .footer_b-address-link {
      padding: 5px 0 5px 55px;
      background: url(../img/icon-vk1.png) 0 50% no-repeat; }
      .footer_b-address-item.vk .footer_b-address-link:after {
        left: 55px;
        bottom: 5px; }
    .footer_b-address-item.weblink .footer_b-address-link {
      font-size: 20px; }
    .footer_b-address-note {
      position: absolute;
      width: 115px;
      margin: 5px 0 0 10px;
      color: #fff;
      font-size: 13px;
      line-height: 1; }
  .footer_b-terms {
    width: 600px;
    margin: 20px auto; }
    .footer_b-terms p {
      text-align: justify; }
    .footer_b-terms .footer_b-address-link {
      font-size: 21px; }
    .footer_b-terms .footer_b-address-link.right {
      float: right; }
  .footer_b-features {
    margin: 0;
    list-style: none;
    color: #fff;
    text-align: center; }
    .footer_b-features-item {
      position: absolute;
      z-index: 10;
      width: 110px;
      font-size: 16px; }
      .footer_b-features-item.item1 {
        top: -10px;
        left: 100px;
        height: 90px;
        padding: 7px 0 0;
        background: url(../img/img-features1.png) 50% 0 no-repeat; }
      .footer_b-features-item.item2 {
        top: -20px;
        right: 115px;
        height: 120px;
        padding: 60px 0 0;
        line-height: 1;
        background: url(../img/img-features2.png) 50% 0 no-repeat; }
    .footer_b-features-large {
      display: block;
      font-size: 23px; }
    .footer_b-features-small {
      display: block;
      font-size: 11px; }
    .footer_b-features-item.item1 .footer_b-features-large {
      padding: 30px 0 0; }
  .footer_b-discount {
    position: relative;
    display: inline-block;
    width: 266px;
    height: 179px;
    padding: 12px 10px;
    background: url(../img/img-box1.png) 0 0 no-repeat;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    text-align: center; }
    .footer_b-discount-heading {
      margin: 0 0 -2px;
      font-size: 21px;
      line-height: 1.1; }
      .footer_b-discount-heading small {
        display: block;
        font-size: 17px; }
    .footer_b-discount-discount {
      width: 230px;
      height: 62px;
      margin: auto;
      background: url(../img/img-discount.png) 0 0 no-repeat;
      line-height: 62px;
      font-size: 27px; }
    .footer_b-discount-footer {
      position: absolute;
      right: 0;
      bottom: 18px;
      left: 0;
      line-height: .9; }
    .footer_b-discount-shop {
      display: block;
      width: 115px;
      height: 31px;
      margin: auto;
      background: url(../img/logo-ozon.png) 0 0 no-repeat;
      text-indent: -9999px; }
      .footer_b-discount-shop:focus {
        outline: none; }
    .footer_b-discount:hover {
      color: #fff; }
    .footer_b-discount:focus {
      outline: none; }
  .footer_b-footer .footer_b-discount {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -90px 0 0 -133px; }

.btn_b {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  font-family: "zhizn_regular";
  line-height: 1;
  cursor: pointer;
  -webkit-transition: -webkit-transform ease-out .3s;
  transition: transform ease-out .3s; }
  .btn_b:hover {
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg); }
  .btn_b-vamiddle {
    display: table-cell;
    vertical-align: middle; }
  .btn_b.v1 {
    width: 243px;
    height: 57px;
    background: url(../img/img-border1.png) 0 0 no-repeat;
    color: #df1356;
    font-size: 30px;
    line-height: 60px;
    letter-spacing: -.11em; }
  .btn_b.v2 {
    width: 241px;
    height: 76px;
    padding: 0 0 0 10px;
    background: url(../img/img-box3.png) 0 0 no-repeat;
    color: #fff;
    font-size: 30px;
    line-height: 70px;
    letter-spacing: -.11em; }
  .btn_b.v3 {
    width: 110px;
    height: 39px;
    background: url(../img/img-border2.png) 0 0 no-repeat;
    color: #df1356;
    font-size: 22px;
    line-height: 43px;
    letter-spacing: -.11em; }
  .btn_b.v4 {
    width: 200px;
    height: 64px;
    background: url(../img/img-box4.png) 0 0 no-repeat;
    background-blend-mode: multiply;
    color: #fff;
    font-size: 30px;
    line-height: 59px;
    letter-spacing: -.11em; }
  .btn_b.v5 {
    width: 200px;
    height: 64px;
    background: url(../img/img-box5.png) 0 0 no-repeat;
    color: #fff;
    font-size: 30px;
    line-height: 59px;
    letter-spacing: -.11em; }
  .btn_b.v6 {
    width: 277px;
    height: 76px;
    background: url(../img/img-box6.png) 0 0 no-repeat;
    color: #fff;
    font-size: 30px;
    line-height: 74px;
    letter-spacing: -.11em; }
  .btn_b.v7 {
    width: 298px;
    height: 76px;
    background: url(../img/img-box7.png) 0 0 no-repeat;
    color: #fff;
    font-size: 30px;
    line-height: 74px;
    letter-spacing: -.11em; }
  .btn_b.v8 {
    width: 373px;
    height: 102px;
    background: url(../img/img-box8.png) 0 0 no-repeat;
    color: #fff;
    font-size: 40px;
    line-height: 96px;
    letter-spacing: -.11em; }
    .btn_b.v8:hover {
      -webkit-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
      transform: rotate(-2deg); }
  .btn_b.v9 {
    width: 138px;
    height: 38px;
    background: url(../img/img-box9.png) 0 0 no-repeat;
    color: #fff;
    font-size: 17px;
    line-height: 36px;
    letter-spacing: -.11em; }
  .btn_b.v10 {
    width: 238px;
    height: 72px;
    background: url(../img/img-box11.png) 0 0 no-repeat;
    background-size: 238px 72px;
    color: #e51c62;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -.11em; }
  .btn_b.v10 .btn_b-vamiddle {
    width: 238px;
    height: 72px; }
  .btn_b.v11 {
    width: 477px;
    height: 102px;
    padding: 25px 0 0;
    background: url(../img/img-box12.png) 0 0 no-repeat;
    color: #fff;
    font-size: 29px;
    letter-spacing: -.08em; }
    .btn_b.v11:hover {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .btn_b.v11 .small {
      position: relative;
      font-size: 27px; }
      .btn_b.v11 .small:before, .btn_b.v11 .small:after {
        content: "";
        position: absolute;
        top: 3px;
        width: 16px;
        height: 23px; }
      .btn_b.v11 .small:before {
        left: -20px;
        background: url(../img/icon-lines3.png) 0 50% no-repeat; }
      .btn_b.v11 .small:after {
        right: -20px;
        background: url(../img/icon-lines4.png) 0 50% no-repeat; }

/*form_b*/
.form_b-fieldset {
  margin: 0 0 40px;
  line-height: 1; }
  .form_b-fieldset:last-child {
    margin-bottom: 0; }
  .form_b-fieldset-item {
    margin: 0 0 18px; }
  .form_b-fieldset .inputText_b, .form_b-fieldset .textarea_b {
    width: 100%; }
.form_b-label {
  display: block;
  margin: 0 0 0 5px;
  color: #000;
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -.1em; }
.form_b-message {
  display: block;
  font-size: 11px; }
  .form_b-message.error {
    color: #f31d00; }

/*buttonForm_b*/
.buttonForm_b {
  overflow: visible;
  background: none;
  border: none;
  margin: -10px;
  padding: 10px;
  -webkit-transition: -webkit-transform ease-out .3s;
  transition: transform ease-out .3s; }
  .buttonForm_b:hover {
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  .buttonForm_b:focus {
    outline: none; }

/*inputText_b, textarea_b*/
.inputText_b {
  position: relative;
  height: 50px;
  margin: 0 10px;
  border: 2px solid #000;
  border-right: none;
  border-left: none;
  background-color: #fff; }
  .inputText_b:before, .inputText_b:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    width: 10px; }
  .inputText_b:before {
    left: -10px;
    background: url(../img/img-borderleft1.png) 0 0 no-repeat; }
  .inputText_b:after {
    right: -10px;
    background: url(../img/img-borderright1.png) 0 0 no-repeat; }
  .inputText_b.error {
    border-color: #fe0101; }
  .inputText_b.error:before {
    background-image: url(../img/img-borderleft1_hov.png); }
  .inputText_b.error:after {
    background-image: url(../img/img-borderright1_hov.png); }
  .inputText_b input {
    width: 100%;
    height: 100%;
    padding: 0 5px;
    background-color: #fff;
    border: none;
    font-family: "zhizn_regular", Arial, Helvetica, sans-serif;
    font-size: 16px; }
    .inputText_b input:focus {
      outline: none; }

.textarea_b {
  position: relative;
  background-color: #fff;
  background-size: 10px 100%;
  height: 95px;
  margin: 0 10px 25px;
  border: 2px solid #000;
  border-right: none;
  border-left: none; }
  .textarea_b.error {
    border-color: #fe0101; }
  .textarea_b.error:before {
    background-image: url(../img/img-borderleft2_hov.png); }
  .textarea_b.error:after {
    background-image: url(../img/img-borderright2_hov.png); }
  .textarea_b:before, .textarea_b:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    width: 10px; }
  .textarea_b:before {
    left: -10px;
    background: url(../img/img-borderleft2.png) 0 0 no-repeat;
    background-size: 10px 100%; }
  .textarea_b:after {
    right: -10px;
    background: url(../img/img-borderright2.png) 100% 0 no-repeat;
    background-size: 10px 100%; }
  .textarea_b-footer {
    padding: 20px 0 0;
    color: #777;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center; }
  .textarea_b-symbol {
    font-weight: bold; }
  .textarea_b textarea {
    width: 100%;
    height: 100%;
    padding: 5px;
    background-color: #fff;
    border: none;
    resize: none;
    font-family: "zhizn_regular", Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase; }
    .textarea_b textarea:focus {
      outline: none; }

::-webkit-input-placeholder {
  color: #000;
  opacity: 1; }

::-moz-placeholder {
  color: #000;
  opacity: 1; }

:-ms-input-placeholder {
  color: #000;
  opacity: 1; }

.placeholder {
  color: #000;
  opacity: 1; }

.socshare_b-heading {
  display: block;
  margin: 0 0 5px;
  color: #757575;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 21px; }
.socshare_b .yashare-auto-init {
  display: inline-block; }
  .socshare_b .yashare-auto-init .b-share {
    padding: 0 !important; }
    .socshare_b .yashare-auto-init .b-share__handle {
      padding: 0 !important; }
.socshare_b.v1 .yashare-auto-init .b-share__handle {
  height: 50px;
  margin: 0 5px 0 0; }
.socshare_b.v1 .yashare-auto-init .b-share-icon {
  width: 50px;
  height: 50px;
  -webkit-transition: -webkit-transform ease-out .3s;
  transition: transform ease-out .3s; }
  .socshare_b.v1 .yashare-auto-init .b-share-icon:hover {
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg); }
  .socshare_b.v1 .yashare-auto-init .b-share-icon_vkontakte {
    background: url(../img/icon-vk2.png) 50% 50% no-repeat; }
  .socshare_b.v1 .yashare-auto-init .b-share-icon_facebook {
    background: url(../img/icon-fb1.png) 50% 50% no-repeat; }
  .socshare_b.v1 .yashare-auto-init .b-share-icon_twitter {
    background: url(../img/icon-tw1.png) 50% 50% no-repeat; }
.socshare_b.v2 .yashare-auto-init .b-share__handle {
  height: 50px;
  margin: 0 5px 0 0; }
.socshare_b.v2 .yashare-auto-init .b-share-icon {
  width: 50px;
  height: 50px;
  -webkit-transition: -webkit-transform ease-out .3s;
  transition: transform ease-out .3s; }
  .socshare_b.v2 .yashare-auto-init .b-share-icon:hover {
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg); }
  .socshare_b.v2 .yashare-auto-init .b-share-icon_vkontakte {
    background: url(../img/icon-vk4.png) 50% 50% no-repeat; }
  .socshare_b.v2 .yashare-auto-init .b-share-icon_facebook {
    background: url(../img/icon-fb3.png) 50% 50% no-repeat; }
  .socshare_b.v2 .yashare-auto-init .b-share-icon_twitter {
    background: url(../img/icon-tw2.png) 50% 50% no-repeat; }
.socshare_b.v3 .yashare-auto-init .b-share__handle {
  height: 46px;
  margin: 0 6px 0 0; }
.socshare_b.v3 .yashare-auto-init .b-share-icon {
  width: 46px;
  height: 46px; }
  .socshare_b.v3 .yashare-auto-init .b-share-icon_vkontakte {
    background: url(../img/icon-vk5.png) 50% 50% no-repeat; }
  .socshare_b.v3 .yashare-auto-init .b-share-icon_facebook {
    background: url(../img/icon-fb4.png) 50% 50% no-repeat; }
  .socshare_b.v3 .yashare-auto-init .b-share-icon_twitter {
    background: url(../img/icon-tw3.png) 50% 50% no-repeat; }
  .socshare_b.v3 .yashare-auto-init .b-share-icon_gplus {
    background: url(../img/icon-gp1.png) 50% 50% no-repeat; }
  .socshare_b.v3 .yashare-auto-init .b-share-icon_odnoklassniki {
    background: url(../img/icon-ok1.png) 50% 50% no-repeat; }
  .socshare_b.v3 .yashare-auto-init .b-share-icon_lj {
    background: url(../img/icon-lj1.png) 50% 50% no-repeat; }

.ui-dialog {
  position: absolute;
  z-index: 5001;
  left: 0;
  right: 0;
  outline: none; }
  .ui-dialog .ui-dialog-titlebar {
    display: none; }
  .ui-dialog .ui-dialog-content a {
    outline: none; }
  .ui-dialog[aria-describedby="dialogUploadPhoto"] {
    position: fixed; }
  .ui-dialog[aria-describedby="dialogMessage"] {
    position: fixed; }
  .ui-dialog[aria-describedby="dialogMakeWebcameraSnapshot"] {
    position: fixed; }
  .ui-dialog[aria-describedby="dialogEditWebcameraSnapshot"] {
    position: fixed; }

.ui-widget-overlay {
  position: fixed;
  z-index: 5000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  filter: Alpha(Opacity=0);
  -webkit-transition: opacity ease .3s;
  transition: opacity ease .3s; }
  .ui-widget-overlay.bg {
    opacity: .36;
    filter: Alpha(Opacity=36); }

.dialog_b {
  display: none; }
  .dialog_b-wrap {
    padding: 40px 50px;
    background-color: #f4f3f1;
    border: 2px solid #000;
    border-radius: 20px; }
  .dialog_b-header {
    margin: 0 0 20px;
    padding: 15px 0 0; }
  .dialog_b-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 75px;
    height: 75px;
    background: url(../img/icon-close1.png) 0 0 no-repeat;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-transition: -webkit-transform ease-out .3s;
    transition: transform ease-out .3s; }
    .dialog_b-close:hover {
      -webkit-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
      transform: rotate(-25deg); }
  .dialog_b-heading {
    color: #000;
    font-size: 36px;
    letter-spacing: -.04em; }
    .dialog_b-heading .orange {
      color: #df2826; }
  .dialog_b-content {
    margin: 0 0 25px; }
  .dialog_b-footer {
    margin: 0 -20px;
    text-align: center; }
    .dialog_b-footer-btn {
      vertical-align: top;
      margin: 0 30px; }

.dialogMessage_b-wrap {
  box-shadow: 0 35px 25px rgba(0, 0, 0, 0.4); }
.dialogMessage_b-content {
  padding: 30px 30px 20px;
  color: #000;
  font-size: 40px;
  text-align: center; }

.dialogMakeWebcameraSnapshot_b-snapshotArea {
  width: 555px;
  height: 390px;
  margin: auto;
  background-color: #000; }

.dialogEditWebcameraSnapshot_b-wrap {
  height: 660px; }
.dialogEditWebcameraSnapshot_b-content {
  margin-bottom: 30px; }
.dialogEditWebcameraSnapshot_b-snapshotArea {
  position: relative; }
  .dialogEditWebcameraSnapshot_b-snapshotArea-snapshot {
    position: relative;
    overflow: hidden;
    width: 400px;
    min-height: 200px;
    margin: 0 auto 20px;
    background-color: #c8c8c6;
    border: 2px solid #70706f;
    border-radius: 5px; }
  .dialogEditWebcameraSnapshot_b-snapshotArea-pic {
    position: absolute;
    top: 0;
    left: 50%;
    width: 555px;
    margin: 0 0 0 -277px; }
  .dialogEditWebcameraSnapshot_b-snapshotArea-footer {
    text-align: center; }
.dialogEditWebcameraSnapshot_b-rotate {
  display: inline-block;
  width: 65px;
  height: 65px;
  border: 2px solid #000;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .dialogEditWebcameraSnapshot_b-rotate.right {
    background-image: url(../img/icon-rotate2.png); }
  .dialogEditWebcameraSnapshot_b-rotate.left {
    background-image: url(../img/icon-rotate1.png); }
.dialogEditWebcameraSnapshot_b-snapshotArea .dialogEditWebcameraSnapshot_b-rotate {
  position: absolute;
  top: 120px; }
  .dialogEditWebcameraSnapshot_b-snapshotArea .dialogEditWebcameraSnapshot_b-rotate.right {
    right: -10px; }
  .dialogEditWebcameraSnapshot_b-snapshotArea .dialogEditWebcameraSnapshot_b-rotate.left {
    left: -10px; }
.dialogEditWebcameraSnapshot_b-zoom {
  display: inline-block;
  width: 65px;
  height: 65px;
  margin: 0 30px;
  border: 2px solid #000;
  border-radius: 50%;
  color: #000;
  font-size: 72px;
  line-height: 72px;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.dialogAskBlogger_b.micus .dialogAskBlogger_b-heading .name {
  color: #409ce2; }
.dialogAskBlogger_b.streisand .dialogAskBlogger_b-heading .name {
  color: #ff7d00; }
.dialogAskBlogger_b.pushman .dialogAskBlogger_b-heading .name {
  color: #4fc900; }
.dialogAskBlogger_b.klep .dialogAskBlogger_b-heading .name {
  color: #d51687; }

@media screen and (max-width: 1261px) {
  .main_b {
    height: 2315px; }
    .main_b-content {
      padding-top: 710px; }

  .pageContent_b, .translation_b-video {
    -webkit-transform: scale(0.84);
    -ms-transform: scale(0.84);
    transform: scale(0.84); }

  .footer_b-footer-before {
    left: -50px;
    bottom: -40px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  .footer_b-footer-after {
    right: -30px;
    bottom: -40px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  .footer_b-features-item.item1 {
    left: 50px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  .footer_b-features-item.item2 {
    right: 90px;
    bottom: -50px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); } }
@media screen and (max-width: 1055px) {
  .main_b {
    height: 2050px; }
    .main_b-content {
      padding-top: 550px; }

  .translation_b-video {
    bottom: 50px; }

  .pageContent_b, .translation_b-video {
    -webkit-transform: scale(0.68);
    -ms-transform: scale(0.68);
    transform: scale(0.68); }

  .footer_b-footer-before {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }
  .footer_b-footer-after {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }
  .footer_b-features-item.item1 {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }
  .footer_b-features-item.item2 {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }

  .dialogMessage_b-content {
    font-size: 30px; } }
@media screen and (max-height: 720px) {
  .dialog_b {
    margin-top: -6%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); } }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */ }
/* plugins */
/*
 * jquery-filestyle
 * http://dev.tudosobreweb.com.br/jquery-filestyle/
 *
 * Copyright (c) 2013 Markus Vinicius da Silva Lima
 * Version 0.1.3
 * Licensed under the MIT license.
 */
.jquery-filestyle {
  display: inline-block;
  margin: 0 0 10px;
  padding: 0; }

.jquery-filestyle label,
.jquery-filestyle input[type=text][disabled] {
  font-family: "zhizn_regular"; }

.jquery-filestyle input[type=text][disabled] {
  background: url(../img/img-border5.png) 0 0 no-repeat;
  vertical-align: top;
  border: none;
  padding: 2px 10px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
  height: 50px; }

.jquery-filestyle label {
  display: inline-block;
  vertical-align: top;
  width: 135px;
  height: 50px;
  background: url(../img/img-border4.png) 0 50% no-repeat;
  margin-left: 15px;
  font-size: 30px;
  line-height: 55px;
  color: #dd1b58;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer; }

/**
 * Themes
 */
/* blue */
.jquery-filestyle.blue label {
  background: #05abe0;
  border: 1px solid #049ccc;
  color: #ffffff;
  text-shadow: -1px -1px 1px #037da4; }

.jquery-filestyle.blue label:hover {
  background: #049ccc;
  border: 1px solid #048cb8;
  text-shadow: -1px -1px 1px #037da4; }

/* green */
.jquery-filestyle.green label {
  background: #299a0b;
  border: 1px solid #238509;
  color: #ffffff;
  text-shadow: -1px -1px 1px #195f06; }

.jquery-filestyle.green label:hover {
  background: #238509;
  border: 1px solid #1e7208;
  text-shadow: -1px -1px 1px #195f06; }

/* orange */
.jquery-filestyle.orange label {
  background: #fe7f00;
  border: 1px solid #ea7500;
  color: #ffffff;
  text-shadow: -1px -1px #c16000; }

.jquery-filestyle.orange label:hover {
  background: #ea7500;
  border: 1px solid #d66b00;
  text-shadow: -1px -1px 1px #c16000; }

/* red */
.jquery-filestyle.red label {
  background: #d00404;
  border: 1px solid #be0303;
  color: #ffffff;
  text-shadow: -1px -1px #960202; }

.jquery-filestyle.red label:hover {
  background: #be0303;
  border: 1px solid #aa0303;
  text-shadow: -1px -1px #960202; }

/* black */
.jquery-filestyle.black label {
  background: #484848;
  border: 1px solid #3d3d3d;
  color: #ffffff;
  text-shadow: -1px -1px #282828; }

.jquery-filestyle.black label:hover {
  background: #3d3d3d;
  border: 1px solid #333333;
  text-shadow: -1px -1px #282828; }

body.guillotine-dragging, body.guillotine-dragging * {
  cursor: move !important;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  cursor: -webkit-grabbing, move;
  cursor: grabbing, move;
  /* IE hack */ }

.guillotine-window {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  cursor: -webkit-grab, move;
  cursor: grab, move;
  /* IE hack */ }

.guillotine-canvas {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; }

.guillotine-canvas > * {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; }

.guillotine-sample {
  position: absolute !important;
  top: -100000px     !important;
  left: -100000px    !important;
  width: auto        !important;
  height: auto       !important; }

/*
== 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: 35px; }

.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: 16px;
  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: 13px;
  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: 13px;
  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;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -moz-box-sizing: border-box;
  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 {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  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 {
  -webkit-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;
  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: #333;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #666;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.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)"; }