@font-face {
  font-family: 'Lato';
  src: local("Lato Regular"), local("Lato-Regular"), url("../fonts/latoregular.woff2") format("woff2"), url("../fonts/latoregular.woff") format("woff"), url("../fonts/latoregular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: local("Lato Bold"), local("Lato-Bold"), url("../fonts/latobold.woff2") format("woff2"), url("../fonts/latobold.woff") format("woff"), url("../fonts/latobold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: local("Lato Light"), local("Lato-Light"), url("../fonts/latolight.woff2") format("woff2"), url("../fonts/latolight.woff") format("woff"), url("../fonts/latolight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: local("Lato Thin"), local("Lato-Thin"), url("../fonts/latothin.woff2") format("woff2"), url("../fonts/latothin.woff") format("woff"), url("../fonts/latothin.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: local("Lato Italic"), local("Lato-Italic"), url("../fonts/latoitalic.woff2") format("woff2"), url("../fonts/latoitalic.woff") format("woff"), url("../fonts/latoitalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Lato';
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url("../fonts/latolightitalic.woff2") format("woff2"), url("../fonts/latolightitalic.woff") format("woff"), url("../fonts/latolightitalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Gilroy';
  src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"), url("../fonts/Gilroyextrabold.woff2") format("woff2"), url("../fonts/Gilroyextrabold.woff") format("woff"), url("../fonts/Gilroyextrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

/* Colors */
/* Fonts */
/** Checkbox */
.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 24px;
  height: 24px; }

.checkbox + label {
  cursor: pointer; }

.checkbox:not(checked) {
  position: absolute;
  opacity: 0; }

.checkbox:not(checked) + label {
  position: relative;
  padding: 9px 0 0 35px; }

.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../i/checkbox.svg") 50% -24px no-repeat;
  background-size: 24px 48px; }

.checkbox:checked + label {
  color: #000; }

.checkbox:checked + label:before {
  background: url("../i/checkbox.svg") 50% 0 no-repeat;
  background-size: 24px 48px; }

/*
.checkbox:hover + label:before {
	background: url('../i/checkbox.png') 50% -41px no-repeat;
}
*/
/** Radio */
.radio {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 24px;
  height: 24px; }

.radio + label {
  cursor: pointer; }

.radio:not(checked) {
  position: absolute;
  opacity: 0; }

.radio:not(checked) + label {
  position: relative;
  padding: 9px 0 0 45px; }

.radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../i/radio.png") 50% 9px no-repeat; }

.radio:checked + label {
  color: #000; }

.radio:checked + label:before {
  background: url("../i/radio.png") 50% -91px no-repeat; }

/*
.radio:hover + label:before {
	background: url('../i/radio.png') 50% -41px no-repeat;
}
*/
/** File */
.file-upload {
  position: relative;
  overflow: hidden;
  font-size: 1em;
  width: 540px;
  height: 48px;
  line-height: 48px; }
  .file-upload > div {
    box-sizing: border-box;
    width: 540px;
    border-radius: 3px;
    font: normal 16px "Lato", sans-serif, Arial;
    border: none;
    padding: 14px 17px 15px 17px;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #7f7f7f;
    position: relative;
    background: #f3f3f3 url("../i/ico-dots.png") 97% 50% no-repeat; }
  .file-upload input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(20);
    letter-spacing: 10em;
    /* IE 9 fix */
    -ms-transform: scale(20);
    /* IE 9 fix */
    opacity: 0;
    cursor: pointer; }

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

html {
/*  background: #fff !important; */ }

* {
  outline: none; }

body {
  /*background: #fff;*/
  font: normal 15px "Lato", sans-serif, Arial;
  color: #000000;
  min-width: 1170px;
  min-width: 1220px; }

.pg {
  background: url("../i/_bg-01.svg") 50% 0 no-repeat;
  background-size: 2164px auto; }
  .adv .pg {
    background: url("../i/bg-adv.svg") 50% 0 no-repeat;
    background-size: 2093px auto; }
  .publ .pg {
    background: url("../i/_bg-06.svg") 50% 0 no-repeat;
    background-size: 1813px auto; }
  .contacts .pg {
    background: url("../i/_bg-10.svg") 50% 0 no-repeat;
    background-size: 1866px auto; }
  .wiki .pg {
    background: url("../i/_bg-09.svg") 50% 0 no-repeat;
    background-size: 1874px auto; }
  .dsp .pg {
    background: url("../i/_bg-08.svg") 50% 0 no-repeat;
    background-size: 1874px auto; }
  .about .pg {
    background: url("../i/_bg-11.svg") 50% 0 no-repeat;
    background-size: 1950px auto; }

.bg07 {
  background: url("../i/_bg-07.svg") 50% 197px no-repeat;
  background-size: 2247px auto;
  padding: 50px 0 0 0; }

a {
  color: #000; }
  a:hover {
    color: #000;
    text-decoration: none; }

ul {
  padding: 0;
  margin: 0; }
  ul li {
    list-style: none;
    padding: 0;
    margin: 0; }

header {
  max-width: 1170px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 30px 0 0 0; }
  header .langs {
    position: absolute;
    right: 0;
    top: 40px; }
    header .langs a {
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
      color: #62b790;
      text-decoration: none;
      border: 2px solid #62b790;
      box-sizing: border-box;
      border-radius: 6px;
      display: block;
      padding: 4px 5px; }
      header .langs a:hover {
        background: #62b790;
        color: #fff; }
  header nav {
    float: right;
    }
    header nav ul {
      margin: 0;
      padding: 0; }
      header nav ul li {
        display: block;
        float: left;
        text-align: center;
        position: relative;
        margin: 0;
        padding: 15px 0 14px 45px;
        box-sizing: border-box; }
        header nav ul li.active a > span,
        header nav ul li.current_page_item a > span {
          width: 100%; }
        header nav ul li.active a:hover span,
        header nav ul li.current_page_item a:hover span {
          width: 100%; }
        header nav ul li a {
          display: block;
          font-size: 14px;
          font-weight: 700;
          color: #42464F;
          text-decoration: none;
          box-sizing: border-box;
          text-align: center;
          padding-bottom: 14px; }
          header nav ul li a > span {
            display: block;
            width: 0;
            height: 2px;
            margin: 11px auto 0 auto;
            background: #62b790;
            transition: width .2s ease-in-out;
            -webkit-transition: width .2s ease-in-out; }
          header nav ul li a:hover {
            color: #42464F; }
            header nav ul li a:hover span {
              width: 24px; }

.logo {
  width: 154px;
  height: 50px;
  background: url("../meta/logo.svg") 0 100% no-repeat;
  background-size: 154px 50px;
  padding: 0;
  float: left; }
  footer .logo {
    float: none;
    background: url("../meta/logo-white.svg") 0 100% no-repeat;
    background-size: 154px 50px; }
  .logo a {
    width: 154px;
    height: 50px;
    display: block; }

.wrapper {
  max-width: 1170px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 0; }
  #allf .wrapper {
    max-width: 1000px; }
  .wrapper.wide {
    max-width: 1200px; }

h2 {
  font: normal 60px "Gilroy", sans-serif, Arial;
  font-weight: 800;
  text-align: center;
  padding: 50px 0;
  margin: 0; }

.page h2 {
  padding: 38px 0 15px 0;
  margin: 0; }

.page .subbc {
  font-size: 24px;
  text-align: center;
  line-height: 1.5; }

.page .pagepic {
  padding: 47px 0 12px 0; }
  .page .pagepic img {
    display: block;
    margin: 0 auto; }

.page .tip {
  font-size: 14px;
  color: #ccc;
  text-align: right;
  padding: 100px 0 15px 0; }

.page .blocks {
  overflow: hidden;
  padding: 47px 0 101px 0; }
  .page .blocks .block {
    float: left;
    box-sizing: border-box;
    width: 33.333%;
    padding: 20px 25px 17px 5px; }
    .page .blocks .block .blk {
      position: relative;
      width: 370px;
      box-sizing: border-box;
      padding: 30px 40px 0 40px;
      margin: 0 auto;
      font-size: 14px;
      font-weight: 400; }
      .page .blocks .block .blk ul {
        margin: 0;
        padding: 0 0 20px 0; }
        .page .blocks .block .blk ul li {
          padding: 7px 0 6px 0; }
      .page .blocks .block .blk h3 {
        font: normal 24px "Gilroy", sans-serif, Arial;
        font-weight: 800;
        color: #62b790;
        padding: 10px 0 20px 0;
        margin: 0; }

.page .w50blocks {
  overflow: hidden;
  padding: 97px 0 120px 0; }
  .page .w50blocks.gray {
    background: #F6F8FA;
    box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.05), inset 0px -10px 10px rgba(0, 0, 0, 0.05); }
  .page .w50blocks .ul-list-content {
    margin: 0;
    padding: 0; }
    .page .w50blocks .ul-list-content li {
      padding: 0;
      display: none; }
      .page .w50blocks .ul-list-content li.active {
        display: block; }
  .page .w50blocks .ul-list {
    margin: 0;
    padding: 0 0 0 50px; }
    .page .w50blocks .ul-list li {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      padding: 0 5px 20px 4px;
      box-sizing: border-box; }
      .page .w50blocks .ul-list li.active a {
        text-decoration: none;
        font-weight: 700;
        cursor: default; }
        .page .w50blocks .ul-list li.active a span {
          border-bottom: 1px dashed #62b790;
          color: #62b790;
          display: inline-block;
          padding-bottom: 3px; }
      .page .w50blocks .ul-list li a {
        font-size: 14px;
        text-decoration: none;
        color: #000000;
        padding-bottom: 8px;
        display: block; }
        .page .w50blocks .ul-list li a span {
          border-bottom: 1px dashed #000000;
          display: inline-block;
          padding-bottom: 3px; }
        .page .w50blocks .ul-list li a:hover span {
          border-bottom: 1px dashed #62b790;
          color: #62b790;
          display: inline-block;
          padding-bottom: 3px; }
  .page .w50blocks h3 {
    font: normal 60px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    padding: 0 0 10px 0;
    margin: 0; }
    .page .w50blocks h3.blue {
      font: normal 36px "Gilroy", sans-serif, Arial;
      font-weight: 800;
      color: #62b790;
      padding: 0 0 28px 0; }
    .page .w50blocks h3.middle {
      clear: both;
      overflow: hidden;
      text-align: center;
      padding: 10px 0 100px 0; }
  .page .w50blocks h4 {
    font: normal 24px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    padding: 35px 0 18px 0;
    margin: 0; }
  .page .w50blocks .mn14 {
    font-size: 14px; }
  .page .w50blocks .mn18 {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px; }
  .page .w50blocks .btn {
    position: relative;
    float: none;
    padding: 47px 0 0 0;
    right: auto;
    top: auto;
    margin-top: 0;
    overflow: hidden; }
    .page .w50blocks .btn a {
      float: left;
      background: #62b790;
      color: #fff;
      box-sizing: border-box; }
  .page .w50blocks .block {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    padding-left: 70px;
    vertical-align: middle; }
    .page .w50blocks .block.vtop {
      vertical-align: top; }
    .publ .page .w50blocks .block {
      padding-left: 80px; }
    .page .w50blocks .block.r {
      padding-left: 0;
      padding-right: 80px; }
    .page .w50blocks .block .blk {
      font-size: 18px;
      font-weight: 300;
      width: 470px;
      margin: 0 auto;
      line-height: 1.5; }
      .page .w50blocks .block .blk p {
        margin: 0;
        padding: 10px 0 5px 0; }
    .page .w50blocks .block .vblock {
      width: 470px;
      border-radius: 15px;
      margin: 0 auto;
      overflow: hidden; }
      .page .w50blocks .block .vblock.auto {
        height: auto; }
      .page .w50blocks .block .vblock img {
        max-width: 100%; }
      .page .w50blocks .block .vblock.big {
        height: 470px; }

.page .pblock {
  padding: 112px 0 0 0; }
  .page .pblock.moat {
    background: url("../meta/logo-moat.svg") 100% 178px no-repeat; }
  .page .pblock .i {
    font-weight: 300;
    font-style: italic; }
    .page .pblock .i li {
      padding: 8px 0; }
  .page .pblock .formats {
    overflow: hidden;
    padding: 0 0 100px 0; }
    .page .pblock .formats h3 {
      clear: both;
      overflow: hidden;
      font: normal 36px "Gilroy", sans-serif, Arial;
      color: #000000;
      text-align: center;
      padding: 0 0 60px 0;
      margin: 0; }
    .page .pblock .formats .frm {
      float: left;
      width: 25%;
      box-sizing: border-box;
      text-align: center; }
      .page .pblock .formats .frm img {
        display: block;
        margin: 0 auto; }
      .page .pblock .formats .frm span {
        font-size: 18px;
        font-weight: 300;
        display: block;
        padding: 25px 0 0 0; }

    .frmg {
      float: right;
      width: 20%;
      box-sizing: border-box;
      text-align: right; }
      .frmg img {
        display: block;
        margin: 0 auto; }

.page .a-block {
  background: linear-gradient(79.34deg, #475866 32.73%, #071126 67.01%);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  font: 800 36px "Gilroy", sans-serif, Arial;
  text-align: center;
  color: #fff;
  padding: 30px 120px 30px 120px;
  position: relative; }
  .page .a-block p {
    padding: 0;
    margin: 0; }
  .page .a-block.blue {
    background: linear-gradient(79.34deg, #6979F8 32.73%, #3b8161 67.01%); }
    .page .a-block.blue .btn a {
      color: #3b8161; }
  .page .a-block.blue2 {
    background: linear-gradient(79.34deg, #62b790 35.55%, #3b8161 69.83%); }
    .page .a-block.blue2 .btn a {
      color: #3b8161; }
  .page .a-block.blue3 {
    background: linear-gradient(79.34deg, #62b790 32.73%, #3b8161 67.01%); }
    .page .a-block.blue3 .btn a {
      color: #3b8161; }

.page .btn {
  position: absolute;
  right: 100px;
  top: 50%;
  margin-top: -25px; }
  .page .btn a {
    display: block;
    text-decoration: none;
    background: #fff;
    border-radius: 7px;
    font-family: Lato;
    font-size: 18px;
    text-align: center;
    color: #071126;
    padding: 13px 28px; }
  .page .btn.feed-btn:hover {
    margin-top: -28px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out; }

.we {
  padding-bottom: 80px;
}

.we h2 {
  padding: 38px 0 50px 0;
  margin: 0; }

.we .blocks .block {
  float: left;
  box-sizing: border-box;
  width: 33.333%;
  padding: 20px 0; }
  .we .blocks .block .blk {
    position: relative;
    width: 370px;
    min-height: 500px;
    box-sizing: border-box;
    padding: 21px 45px;
    margin: 0 auto;
    background: #62b790 url("../i/bg-blk-01.png") 50% 0 no-repeat;
    font-size: 15px;
    font-weight: 400;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out; }
    .we .blocks .block .blk:hover {
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
      margin-top: -15px; }
      .we .blocks .block .blk:hover h3 {
        border-bottom: 2px solid #777; }
    .we .blocks .block .blk:before {
      content: '';
      position: absolute;
      width: 91px;
      height: 82px;
      right: 45px;
      top: 38px;
      background: url("../i/i-adv.svg") 0 0 no-repeat;
      background-size: 91px 82px; }
  .we .blocks .block.pub .blk {
    background: #000000 url("../i/bg-blk-02.png") 50% 0 no-repeat; }
    .we .blocks .block.pub .blk:before {
      width: 80px;
      height: 69px;
      background: url("../i/i-pub.svg") 0 0 no-repeat;
      background-size: 80px 69px; }
  .we .blocks .block.pub .btn:hover {
    color: #000000; }
  .we .blocks .block.dsp .blk {
    background: #3b8161 url("../i/bg-blk-03.png") 50% 0 no-repeat; }
    .we .blocks .block.dsp .blk:before {
      width: 80px;
      height: 80px;
      background: url("../i/i-traffic.svg") 0 0 no-repeat;
      background-size: 80px 80px; }
  .we .blocks .block.dsp .btn:hover {
    color: #3b8161; }

.we .blocks .block.news .blk {
    position: relative;
    width: 370px;
    min-height: 400px;
    box-sizing: border-box;
    padding: 21px 45px 31px 45px;
    margin: 0 auto;
    background: #f6f8fa;
    font-size: 15px;
    font-weight: 400;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    color: #777;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;

  }

  .we .blocks .block.news h3 {
    font-size: 15px;
    border-bottom: 2px solid transparent;
    float: left;
    line-height: 1.5;
  }

  .we .blocks .block.news .title {
    font: normal 28px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    padding: 10px 0 15px 0;
    color: #62b790;
    text-transform: uppercase;
  }

  .we .blocks .block.news .subtitle {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    color: #777;
  }

  .we .blocks .block.news p {
    line-height: 1.5;
  }

  .we .blocks .block.news .blk:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    background: #fff;
  }


  .we .blocks .block h3 {
    font-size: 18px;
    border-bottom: 2px solid transparent;
    float: left;
    line-height: 1.5; }
  .we .blocks .block .title {
    font: normal 36px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    padding: 153px 0 20px 0; }
  .we .blocks .block .btn {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    display: block;
    text-align: center;
    max-width: 170px;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 0;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 34px auto 0 auto;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out; }
    .we .blocks .block .btn:hover {
      background: #fff;
      color: #62b790; }
    .we .blocks .block .btn:active {
      margin-top: 36px; }

.we-bx {
  /*    background: url('../i/bg-dots.svg') 100% 100% no-repeat; */
  padding: 116px 0 143px 0; }
  .we-bx h2 {
    font: normal 36px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    padding: 0 0 57px 0; }
  .we-bx .blks {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
    .we-bx .blks .block {
      width: 33.33%;
      float: left; }
      .we-bx .blks .block .blk {
        width: 180px;
        margin: 0 auto;
        text-align: center;
        line-height: 1.5;
        padding: 58px 0 0 0; }

.facts {
  background: #f6f8fa url("../i/_bg-02.svg") 50% 170px no-repeat;
  background-size: 2193px auto;
  box-shadow: inset 0px -10px 10px rgba(0, 0, 0, 0.05), inset 0px 10px 10px rgba(0, 0, 0, 0.05);
  padding: 50px 0 52px 0;
  overflow: hidden; }
  .page .facts {
    background: #fff;
    box-shadow: none; }
  .facts .fcts {
    font-size: 18px;
    padding: 50px 0 0 0; }
    .facts .fcts .f {
      float: left;
      width: 25%;
      box-sizing: border-box;
      text-align: center;
      padding: 0 25px 105px 25px;
      font-size: 18px;
      font-weight: 300; }
      .facts .fcts .f span, .facts .fcts .f h4 {
        font: normal 48px "Gilroy", sans-serif, Arial;
        font-weight: 800;
        color: #62b790;
        padding: 0 0 11px 0;
        margin: 0;
        display: block; }
        .facts .fcts .f span > img, .facts .fcts .f h4 > img {
          max-width: 153px; }
        .facts .fcts .f span.min, .facts .fcts .f h4.min {
          font: normal 36px "Gilroy", sans-serif, Arial;
          letter-spacing: -0.05em; }

footer {
  background: #000000;
  color: #ccc;
  padding: 50px 0 50px 0; }
  footer .fcolumn {
    float: left;
    }
    footer .fcolumn .copy {
      padding: 30px 0 0 0; }
  footer h3 {
    color: #fff;
    padding: 0 0 20px 0;
    margin: 0; }
  footer .menucolumn {
    float: left;
    width: 170px;
    padding-right: 30px; }
    footer .menucolumn ul {
      padding: 0;
      margin: 0; }
      footer .menucolumn ul li {
        padding: 3px 0 8px 0;
        line-height: 1.4; }
    footer .menucolumn a {
      font-size: 14px;
      text-decoration: none;
      color: #ccc; }
      footer .menucolumn a:hover {
        text-decoration: underline;
        color: #fff; }
    footer .menucolumn.contacts a {
      text-decoration: underline; }
  footer .rules {
    float: left;
    padding: 57px 30px 10px 0;
    width: 270px;
    line-height: 26px; }
    footer .rules a {
      font-size: 14px;
      text-decoration: none;
      color: #ccc;
      border-bottom: 1px dashed #ccc; }
  footer .addr {
    float: left;
    padding: 57px 30px 10px 0;
    width: 480px;
    line-height: 26px; }
    footer .addr a {
      font-size: 14px;
      text-decoration: none;
      color: #ccc;
      border-bottom: 1px dashed #ccc; }
  footer .fb {
    background: url("../i/i-fb.svg") 0 50% no-repeat;
    background-size: 16px 16px;
    padding: 3px 0 3px 22px;
    font-size: 12px; }

.clr {
  clear: both;
  overflow: hidden;
  height: 0;
  font-size: 0; }

.up {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: #fff url("../i/i-up.svg") 50% 50% no-repeat;
  background-size: 50px 50px;
  cursor: pointer;
  z-index: 100;
  border-radius: 50%; }
  .up:hover {
    background: #fff url("../i/i-up-hover.svg") 50% 50% no-repeat;
    background-size: 50px 50px; }
  .up:active {
    width: 45px;
    height: 45px;
    background: #fff url("../i/i-up-hover.svg") 50% 50% no-repeat;
    background-size: 50px 50px;
    top: 3px;
    right: 3px; }

.partners {
  background: url("../i/_bg-03.svg") 50% 150px no-repeat;
  background-size: 1825px auto;
  padding: 50px 0; }
  .partners .logos {
    padding: 40px 0 20px 0;
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden; }
    .partners .logos .lg {
      float: left;
      width: 50%;
      padding: 8px 0 15px 0; }
    .partners .logos .lg.moat {
      float: left;
      width: 50%;
      padding: 18px 0 15px 0; }
    .partners .logos .lg.msc {
      float: right;
      width: 280px;
      padding: 0px 0 15px 0; }
      .partners .logos .lg.fr {
        float: right;
        width: 280px; }
        .partners .logos .lg.fr > div {
          width: 280px; }
      .partners .logos .lg > div {
        width: 300px;
        padding: 0 0 87px 0; }
        .partners .logos .lg > div > img {
          max-height: 48px; }
          .partners .logos .lg > div > img.big {
            min-height: 50px; }
        .partners .logos .lg > div span {
          display: block;
          padding: 16px 0 0 0;
          font-size: 18px;
          font-weight: 300; }

.partners_alt {
  background: url("../i/_bg-05.svg") 100% -50px no-repeat;
  background-size: 2205px auto;
  padding: 53px 0 155px 0;
  box-shadow: inset 0px -10px 10px rgba(0, 0, 0, 0.1); }
  .inner .partners_alt.white {
    background: #fff url("../i/bg-clients2.svg") 100% 150px no-repeat;
    background-size: 1756px auto;
    box-shadow: none; }
  .inner .partners_alt.white2 {
    background: #fff url("../i/bg-clients3.svg") 100% 0 no-repeat;
    background-size: 1772px auto;
    box-shadow: none; }
  .inner .partners_alt {
    background: #f6f8fa url("../i/_bg-03.svg") 50% 90px no-repeat;
    background-size: 1825px auto;
    padding: 50px 0 10px 0;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1), inset 0px 10px 10px rgba(0, 0, 0, 0.05); }
  .inner .page .wework {
    background: transparent;
    padding: 100px 0 155px 0;
    box-shadow: none; }
    .inner .page .wework h2 {
      padding-bottom: 55px; }
  .partners_alt .logos {
    padding: 40px 0 0 0;
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden; }
    .partners_alt .logos .lg {
      float: left;
      text-align: center;
      width: 50%;
      padding: 8px 0 15px 0; }
    .partners_alt .logos .lg.moat {
      float: left;
      width: 50%;
      padding: 18px 0 15px 0; }
    .partners_alt .logos .lg.msc {
      float: right;
      width: 280px;
      padding: 0px 0 15px 0; }
      .partners_alt .logos .lg.fr {
        float: right;
        width: 280px; }
        .partners_alt .logos .lg.fr > div {
          width: 280px; }
      .partners_alt .logos .lg > div {
        padding: 0 0 87px 0; }
        .partners_alt .logos .lg > div > img {
          max-height: 120px; }
          .partners_alt .logos .lg > div > img.big {
            min-height: 50px; }
        .partners_alt .logos .lg > div span {
          display: block;
          padding: 16px 0 0 0;
          font-size: 18px;
          font-weight: 300; }
    .partners_alt h3 {
    font: normal 24px "Gilroy", sans-serif, Arial;
    text-align: center;
    font-weight: 800;
    color: #62b790;
    padding: 0 0 30px 0;
    margin: 0; }






.wework {
  background: url("../i/_bg-05.svg") 100% -50px no-repeat;
  background-size: 2205px auto;
  padding: 53px 0 155px 0;
  box-shadow: inset 0px -10px 10px rgba(0, 0, 0, 0.1); }
  .inner .wework.white {
    background: #fff url("../i/bg-clients2.svg") 100% 150px no-repeat;
    background-size: 1756px auto;
    box-shadow: none; }
  .inner .wework.white2 {
    background: #fff url("../i/bg-clients3.svg") 100% 0 no-repeat;
    background-size: 1772px auto;
    box-shadow: none; }
  .inner .wework {
    background: #f6f8fa url("../i/bg-clients.svg") 50% 90px no-repeat;
    background-size: 2464px auto;
    padding: 53px 0 100px 0;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1), inset 0px 10px 10px rgba(0, 0, 0, 0.05); }
  .inner .page .wework {
    background: transparent;
    padding: 100px 0 155px 0;
    box-shadow: none; }
    .inner .page .wework h2 {
      padding-bottom: 55px; }

.pagewideblock {
  background: #3b8161 url("../i/bg-pwb.svg") 50% 20px no-repeat;
  background-size: 2132px auto;
  padding: 100px 0;
  font-size: 24px;
  color: #fff;
  line-height: 1.5;
  text-align: center; }
  .pagewideblock.bg2 {
    background: #3b8161 url("../i/bg-pwb2.svg") 50% 40px no-repeat;
    background-size: 2091px auto; }
  .pagewideblock .wrapper {
    max-width: 1160px; }
  .pagewideblock .blocks {
    overflow: hidden;
    padding: 0 0 20px 0;
    font-size: 18px;
    font-weight: 300; }
    .pagewideblock .blocks .block {
      float: left;
      box-sizing: border-box;
      width: 33.333%;
      padding: 20px 25px 17px 5px;
      text-align: center; }
      .pagewideblock .blocks .block img {
        display: block;
        margin: 0 auto; }
      .pagewideblock .blocks .block h3 {
        font: normal 48px "Gilroy", sans-serif, Arial;
        font-weight: 800;
        padding: 31px 0 10px 0;
        margin: 0 auto; }
  .pagewideblock h3 {
    font: normal 36px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    padding: 0 0 30px 0;
    margin: 0; }

.feeds {
  box-shadow: inset 0px -10px 10px rgba(0, 0, 0, 0.05);
  background: #62b790 url("../i/_bg-04.svg") 50% 0 no-repeat;
  background-size: 2304px auto; }
  .feeds .bg {
    box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.05);
    padding: 50px 0 140px 0; }
  .feeds h2 {
    color: #fff; }
  .feeds .q {
    width: 770px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background: #fff url("../i/i-q.svg") 48px 43px no-repeat;
    background-size: 106px 79px;
    padding: 80px 70px 150px 70px;
    box-sizing: border-box; }
    .feeds .q.q-min blockquote {
      font-size: 19px;
      line-height: 1.4; }
    .feeds .q blockquote {
      font-size: 24px;
      font-style: italic;
      font-weight: 300;
      padding: 0;
      margin: 0;
      display: block;
      line-height: 1.4; }
      .feeds .q blockquote p {
        padding: 0;
        margin: 0; }
    .feeds .q .empl {
      position: relative;
      padding: 0;
      float: left;
      position: absolute;
      left: 70px;
      bottom: 52px; }
      .feeds .q .empl p {
        padding: 0;
        margin: 0; }
      .feeds .q .empl .name {
        font-size: 18px;
        font-weight: 700;
        padding: 0 0 5px 0; }
      .feeds .q .empl .position {
        font-size: 14px;
        font-weight: 400;
        color: #ccc; }
      .feeds .q .empl img {
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0; }
    .feeds .q .company {
      position: absolute;
      right: 70px;
      bottom: 50px; }

.contactsform {
  background: #62b790 url("../i/bg-contacts.svg") 50% 120px no-repeat;
  background-size: 2304px auto;
  box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1), inset 0px -10px 10px rgba(0, 0, 0, 0.1); }
  .contactsform .wrapper {
    padding: 100px 0 150px 0; }
  .contactsform .form {
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    width: 830px;
    margin: 0 auto;
    position: relative; }
    .contactsform .form p {
      padding: 0;
      margin: 0; }
    .contactsform .form .formin {
      padding: 0 80px 50px 80px;
      position: relative; }
    .contactsform .form form {
      z-index: 2;
      position: relative; }
  .contactsform .l-side {
    width: 300px;
    float: left;
    padding-right: 48px; }
  .contactsform .r-side {
    width: 320px;
    float: left; }
  .contactsform .r-side-pic {
    width: 320px;
    float: left; }
    .contactsform .r-side-pic img {
      max-width: 100%;
      display: block; }
  .contactsform .chkbox {
    font-size: 12px;
    position: relative;
    padding: 4px 0 35px 0; }
    .contactsform .chkbox.error .error-message {
      display: block;
      left: 360px;
      width: 240px; }
  .contactsform h3 {
    font: normal 60px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    text-align: center;
    padding: 48px 0 55px 0;
    margin: 0; }
    .dsp .contactsform h3 {
      font: normal 36px "Gilroy", sans-serif, Arial; }
  .contactsform .button {
    position: relative; }
    .contactsform .button.error .error-message {
      left: 225px;
      display: block; }
    .contactsform .button input {
      background: #62b790;
      font: normal 18px "Lato", sans-serif, Arial;
      font-weight: 400;
      color: #fff;
      cursor: pointer;
      padding: 13px 20px;
      border: none;
      box-sizing: border-box;
      border-radius: 6px;
      width: 200px;
      transition: all .2s ease-in-out;
      -webkit-transition: all .2s ease-in-out; }
      .contactsform .button input:hover {
        margin: -3px 0 3px 0;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05); }
      .contactsform .button input:active {
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05), inset 0px 3px 0px rgba(0, 0, 0, 0.05); }
  .contactsform input[name="name"] + .error-message, .contactsform input[name="name"] + p + .error-message, .contactsform input[name="tel"] + .error-message, .contactsform input[name="tel"] + p + .error-message {
    top: -3px; }
  .contactsform .input.name .error-message, .contactsform .input.tel .error-message {
    top: -3px; }
  .contactsform .error-message {
    font-size: 12px;
    background: #ff4040;
    color: #fff;
    padding: 12px 15px 15px 15px;
    border-radius: 8px;
    box-sizing: border-box;
    width: 180px;
    position: absolute;
    left: 325px;
    top: -15px;
    display: none; }
    .contactsform .error-message:before {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 10px 10px 0;
      border-color: transparent #ff4040 transparent transparent;
      position: absolute;
      left: -7px;
      top: 50%;
      margin-top: -10px; }
  .contactsform .ta textarea {
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 13px 20px;
    font: normal 18px "Lato", sans-serif, Arial;
    font-weight: 400;
    color: #000000;
    width: 320px;
    height: 210px;
    box-sizing: border-box;
    resize: none; }
    .contactsform .ta textarea:focus {
      border: 1px solid #62b790; }
    .contactsform .ta textarea::placeholder {
      color: #ccc; }
  .contactsform .input {
    padding: 0 0 30px 0;
    position: relative; }
    .contactsform .input .clear-text {
      position: absolute;
      right: 14px;
      top: 19px;
      z-index: 10;
      width: 12px;
      height: 12px;
      background: url("../i/i-clear.svg") 50% 50% no-repeat;
      background-size: 12px auto;
      cursor: pointer;
      display: none; }
    .contactsform .input .ok {
      position: absolute;
      right: 14px;
      top: 19px;
      z-index: 12;
      width: 12px;
      height: 12px;
      background: url("../i/i-ok.svg") 50% 50% no-repeat;
      background-size: 12px auto;
      cursor: default;
      display: none; }
    .contactsform .input.error .error-message {
      display: block; }
    .contactsform .input.error input {
      border: 1px solid #FF4040; }
    .contactsform .input p {
      margin: 0;
      padding: 0; }
    .contactsform .input input {
      background: #fff;
      border: 1px solid #CCC;
      box-sizing: border-box;
      border-radius: 6px;
      padding: 13px 20px;
      font: normal 18px "Lato", sans-serif, Arial;
      font-weight: 400;
      color: #000000;
      width: 300px;
      box-sizing: border-box; }
      .contactsform .input input:focus {
        border: 1px solid #62b790; }
      .contactsform .input input::placeholder {
        color: #ccc; }

.section {
  padding: 50px 0 150px 0;
  background: url("../i/bg-pub.svg") 50% 0 no-repeat;
  background-size: 1902px auto;
  box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.05); }

.w3block {
  overflow: hidden;
  padding-top: 40px; }
  .w3block .block {
    float: left;
    width: 33.33%;
    font: normal 24px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    color: #62b790;
    padding-top: 49px;
    box-sizing: border-box;
    text-align: center; }
    .w3block .block span {
      display: inline-block;
      color: #42464F;
      vertical-align: top;
      padding-top: 4px;
      text-align: left; }
      .w3block .block span.num {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #62b790;
        color: #fff;
        text-align: center;
        padding-top: 5px;
        box-sizing: border-box;
        margin-right: 21px;
        text-align: center; }
    .w3block .block .pic {
      margin: 0 auto 59px auto;
      width: 230px;
      background: #fff;
      border-radius: 15px; }
      .w3block .block .pic img {
        width: 100%;
        max-width: 150px;
        margin: 0 auto; }

.flexslider .slides li {
  padding: 0 10px; }

.flexslider .slides img {
  max-width: 100px;
  max-height: 60px; }

.sidebar {
  float: left;
  width: 43.5%;
  box-sizing: border-box;
  padding: 95px 100px 0 20px; }
  .sidebar .articles-sub-title {
    font: normal 18px "Lato", sans-serif, Arial;
    color: #000000;
    padding: 0 0 5px 0; }
  .sidebar ul {
    padding: 0 0 30px 0;
    margin: 0 0 0 20px; }
    .sidebar ul li {
      padding: 2px 0 2px 5px;
      margin: 0;
      list-style: disc; }
      .sidebar ul li.active a {
        font: normal 18px "Lato", sans-serif, Arial;
        font-weight: 700;
        color: #62b790; }
      .sidebar ul li a {
        font: normal 18px "Lato", sans-serif, Arial;
        color: #62b790; }

.contentpage {
  float: left;
  width: 55.5%;
  box-sizing: border-box;
  padding: 95px 90px 100px 0;
  font: normal 18px "Lato", sans-serif, Arial;
  color: #000000; }
  .contentpage img {
    max-width: 100%; }
  .contentpage ul {
    padding: 0 0 30px 0;
    margin: 0 0 0 20px; }
    .contentpage ul li {
      padding: 2px 0 2px 5px;
      margin: 0;
      list-style: disc; }
      .contentpage ul li a {
        font: normal 18px "Lato", sans-serif, Arial;
        color: #62b790; }
  .contentpage a {
    color: #62b790; }
  .contentpage ol li {
    padding: 8px 5px;
    margin: 0; }
  .contentpage h1 {
    font: normal 36px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    color: #62b790;
    padding: 0 0 20px 0;
    margin: 0; }

.nav-to-main-link {
  text-align: right;
  padding: 40px 0 0 0;
  margin: 0; }

.addr {
  width: 470px;
  float: left;
  font-size: 18px;
  line-height: 26px;
  padding: 55px 20px 150px 0;
  box-sizing: border-box; }
  .addr h3 {
    font: normal 36px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    color: #62b790;
    padding: 0 0 5px 0;
    margin: 0; }
  .addr h4 {
    font-weight: bold;
    line-height: 26px;
    padding: 27px 0 0 0;
    margin: 0; }

.map {
  width: 670px;
  float: right;
  padding: 55px 0 0 0;
  text-align: center; }
  .map #map {
    width: 670px;
    height: 500px;
    border-radius: 15px;
    overflow: hidden;
    display: none; }
    .map #map.active {
      display: block; }
  .map #entrance {
    width: 670px;
    height: 500px;
    border-radius: 15px;
    overflow: hidden;
    display: none; }
    .map #entrance.active {
      display: block; }
  .map .links {
    padding: 20px 0 0 0; }
    .map .links a {
      font-size: 14px;
      line-height: 20px;
      color: #ccc;
      text-decoration: none;
      margin: 0 10px;
      padding: 2px 0 2px 22px; }
      .map .links a span {
        border-bottom: 1px dashed #ccc; }
      .map .links a.link-map {
        background: url("../i/i-map.svg") 0 -38px no-repeat;
        background-size: 14px 80px; }
      .map .links a.link-entrance {
        background: url("../i/i-entrance.svg") 0 -38px no-repeat;
        background-size: 16px 80px; }
      .map .links a.active.link-entrance {
        background: url("../i/i-entrance.svg") 0 0 no-repeat;
        background-size: 16px 80px; }
      .map .links a.active.link-map {
        background: url("../i/i-map.svg") 0 0 no-repeat;
        background-size: 14px 80px; }
      .map .links a.active span {
        color: #62b790;
        border-bottom: 1px dashed #62b790; }

.mailers {
  clear: both;
  overflow: hidden;
  padding: 20px 0 150px 0; }
  .mailers .block {
    float: left;
    font-size: 18px;
    width: 25%;
    text-align: center; }
    .mailers .block h4 {
      font: normal 24px "Gilroy", sans-serif, Arial;
      font-weight: 800;
      color: #62b790;
      padding: 0 0 12px 0;
      margin: 0; }

#contacts h2 {
  padding: 48px 0 15px 0; }

.team {
  padding: 0 0 50px 0;
  overflow: hidden; }
  .team h2 {
    padding-bottom: 15px; }
  .team h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: 35px;
    text-align: center;
    padding: 0 0 40px 0;
    margin: 0; }
  .team .empls {
    padding: 40px 0 0 0; }
  .team .empl {
    text-align: center;
    width: 25%;
    float: left;
    box-sizing: border-box;
    font-size: 18px;
    margin: 0 auto;
    padding: 25px 10px 100px 10px; }
    .team .empl p {
      margin: 0;
      padding: 0; }
    .team .empl h4 {
      font: normal 24px "Gilroy", sans-serif, Arial;
      font-weight: 800;
      color: #62b790;
      padding: 27px 0 13px 0;
      margin: 0; }
    .team .empl .i {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto; }
      .team .empl .i img {
        display: block; }

.careerblock {
  background: #62b790 url("../i/bg-career.svg") 50% 58px no-repeat;
  background-size: 2272px auto;
  padding: 103px 0 150px 0;
  box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1), inset 0px -10px 10px rgba(0, 0, 0, 0.1);
  font-size: 24px;
  line-height: 35px;
  color: #fff;
  line-height: 1.5;
  text-align: center; }
  .careerblock a {
    color: #fff; }
  .careerblock h3 {
    font: normal 60px "Gilroy", sans-serif, Arial;
    font-weight: 800;
    padding: 0 0 30px 0;
    margin: 0; }

.aboutpage {
  background: url("../i/about-logos.svg") 100% 85px no-repeat;
  background-size: 369px auto;
  width: 970px;
  margin: 0 auto;
  overflow: hidden;
  padding: 30px 0 162px 0; }
  .aboutpage .aboutbox {
    padding: 37px 30px 30px 0;
    width: 470px;
    font-size: 18px;
    line-height: 26px; }

.message-send {
  font: normal 24px "Gilroy", sans-serif, Arial;
  font-weight: 800;
  color: #62b790;
  padding: 100px 0 70px 0;
  margin: 0;
  text-align: center; }
  .message-send.hidden {
    display: none; }

.block-lft {
  float: left;
  width: 30%;
  box-sizing: border-box; }
  .block-lft .ul-list {
    padding: 0 !important; }

.block-rft {
  float: left;
  width: 70%;
  box-sizing: border-box; }
  .block-rft .ul-list-content .vblock img {
    padding-bottom: 11px;
    width: 100%;
    max-width: 270px; }