body {
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  font-family: 'Montserrat', sans-serif;
  min-width: 1300px;
  font-size: 16px;
  line-height: 24px; }
  body.ru .img-block.ru,
  body.ru .twigs-just .ru,
  body.ru .defi-features .ru,
  body.ru .eff-solutions .ru {
    display: block; }
  body.en .img-block.en,
  body.en .twigs-just .en,
  body.en .defi-features .en,
  body.en .eff-solutions .en {
    display: block; }
  body .page-container-holder {
    position: relative;
    top: auto;
    left: auto; }
  body #wrapper {
    overflow: auto; }

a {
  cursor: pointer; }

a:focus,
button:focus {
  outline: none; }

input, textarea, select, button {
  font-family: 'Montserrat', sans-serif; }

.landing-page {
  overflow: hidden; }

#header {
  width: 100%;
  height: 90px;
  position: relative;
  z-index: 2; }
  #header .header-holder {
    background-color: #fff;
    width: 100%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: fixed;
    height: 90px;
    top: 0;
    z-index: 1024; }
  #header .header-holder-block {
    max-width: 1300px;
    height: 90px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    color: #646A71; }
  #header .nav-holder {
    display: flex;
    align-items: center; }
  #header .drop-down {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 8px 0; }
  #header .drop-down:hover .open-btn {
    background-color: #f6f6f6; }
  #header .drop-down:hover .drop-block {
    display: block; }
  #header .drop-down a {
    color: #646A71; }
  #header .open-btn {
    padding: 8px;
    margin: 0 -9px 0 20px;
    display: flex;
    color: #646A71;
    border-radius: 12px; }
  #header .open-btn .icon {
    margin: 4px 0 0 6px; }
    #header .open-btn .icon svg {
      display: block;
      width: 12px;
      height: 12px; }
  #header .drop-block {
    position: absolute;
    width: 126px;
    top: 100%;
    padding: 14px 14px;
    box-sizing: border-box;
    right: -20px;
    display: none;
    border-radius: 12px;
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff; }
    #header .drop-block:after {
      bottom: 100%;
      right: 32px;
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 8px;
      margin-left: -8px; }
  #header .drop-block li {
    margin-top: 2px;
    border-radius: 6px; }
    #header .drop-block li:hover {
      background-color: #f6f6f6; }
  #header .drop-block li:first-child {
    border: none; }
  #header .drop-block a {
    display: block;
    text-align: center;
    padding: 6px; }
    #header .drop-block a:hover {
      color: #519b5b; }
  #header #logo {
    margin-right: 20px;
    width: 128px;
    height: 38px;
    font-size: 0;
    line-height: 0;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  #header .login-btn {
    min-width: 100px;
    box-sizing: border-box;
    padding: 10px 15px;
    margin: 0 0 0 20px;
    text-align: center;
    color: #646A71;
    border-radius: 21px;
    border: solid 1px #646A71;
    background-color: #fff; }
    #header .login-btn:hover {
      color: #6CA869;
      border: solid 1px #6CA869; }
  #header .register-btn {
    width: 130px;
    box-sizing: border-box;
    padding: 10px 15px;
    margin: 0 0 0 12px;
    text-align: center;
    color: #fff;
    border-radius: 21px;
    background-color: #6CA869; }
    #header .register-btn:hover {
      background-color: #639961; }
  #header .nav {
    display: flex; }
    #header .nav li {
      margin: 0 0 0 1px; }
    #header .nav a {
      color: #646A71;
      text-decoration: none;
      display: flex;
      padding: 8px 16px;
      border-radius: 17px; }
      #header .nav a .icon {
        display: block;
        width: 20px;
        height: 20px;
        margin: 0px 0 0 6px; }
        #header .nav a .icon svg {
          display: block;
          stroke: #646A71; }
      #header .nav a:hover {
        background-color: #f6f6f6;
        color: #6CA969; }
        #header .nav a:hover .icon svg {
          stroke: #6CA969; }

.promo-block {
  width: 1300px;
  height: 900px;
  background: #19191C;
  border-radius: 40px;
  margin: 0 auto 154px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .promo-block .leaf {
    position: absolute; }
  .promo-block .leaf1 {
    width: 750px;
    height: 386px;
    top: 369px;
    left: -176px;
    animation: leaf1 9s infinite linear; }

@keyframes leaf1 {
  0% {
    left: -176px; }
  50% {
    left: -146px; }
  100% {
    left: -176px; } }
  .promo-block .leaf2 {
    width: 870px;
    height: 448px;
    top: 466px;
    left: -179px;
    animation: leaf2 9s infinite linear; }

@keyframes leaf2 {
  0% {
    top: 466px; }
  50% {
    top: 496px; }
  100% {
    top: 466px; } }
  .promo-block .leaf3 {
    width: 1112px;
    height: 570px;
    top: 377px;
    right: -322px;
    animation: leaf3 9s infinite linear; }

@keyframes leaf3 {
  0% {
    right: -322px; }
  50% {
    right: -352px; }
  100% {
    right: -322px; } }
  .promo-block .leaf4 {
    width: 994px;
    height: 522px;
    top: 556px;
    right: -236px;
    animation: leaf4 9s infinite linear; }

@keyframes leaf4 {
  0% {
    top: 556px; }
  50% {
    top: 516px; }
  100% {
    top: 556px; } }
  .promo-block .text-block {
    width: 610px;
    margin: 0 auto;
    padding-top: 90px;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    position: relative; }
    .promo-block .text-block h1 {
      font-weight: 800;
      font-size: 50px;
      line-height: 61px;
      margin-bottom: 28px; }
    .promo-block .text-block p {
      margin-bottom: 40px; }
    .promo-block .text-block .btn {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 17px;
      margin: 0 auto;
      width: 218px;
      height: 54px;
      color: #fff;
      background: #6CA869;
      border-radius: 100px;
      box-shadow: 0px 5px 20px #6CA869;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      box-sizing: border-box; }
  .promo-block .img-block {
    display: none;
    position: relative;
    margin: 0 auto;
    width: 830px; }
    .promo-block .img-block img {
      border-radius: 30px;
      display: block; }
    .promo-block .img-block .right,
    .promo-block .img-block .left {
      position: absolute;
      box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.25); }
    .promo-block .img-block .left {
      top: -98px;
      left: -115px; }
    .promo-block .img-block .right {
      top: -128px;
      right: -115px; }
    .promo-block .img-block .centr {
      width: 830px;
      height: 278px;
      border-radius: 30px 30px 0 0; }
    .promo-block .img-block .shadow {
      position: absolute;
      bottom: 0;
      width: 830px;
      height: 38px;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%); }

.partners-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 211px; }
  .partners-list li {
    margin: 0 27px; }

.for-whom-block {
  width: 1300px;
  margin: 0 auto 80px;
  background: #19191C;
  color: #fff;
  border-radius: 50px;
  box-sizing: border-box;
  padding: 0 130px;
  display: flex;
  justify-content: space-between; }
  .for-whom-block .text-block {
    width: 385px;
    padding-top: 160px;
    margin-bottom: 159px; }
  .for-whom-block h2 {
    font-weight: 800;
    font-size: 70px;
    line-height: 80px;
    color: #fff;
    margin-bottom: 70px; }
    .for-whom-block h2 span {
      color: #6CA969; }
  .for-whom-block .list li {
    display: flex;
    margin-bottom: 25px; }
    .for-whom-block .list li:first-child p, .for-whom-block .list li:first-child .icon {
      padding-top: 0;
      border-color: transparent; }
    .for-whom-block .list li .icon {
      padding-top: 27px;
      margin-right: 20px; }
    .for-whom-block .list li p {
      padding-top: 27px;
      border-top: 1px solid #252527;
      width: 310px; }
  .for-whom-block .vis-holder {
    padding-top: 100px;
    display: flex; }
  .for-whom-block .v-list {
    width: 270px;
    margin-left: 36px; }
    .for-whom-block .v-list.add {
      margin-top: -164px; }
    .for-whom-block .v-list li {
      margin-bottom: 36px;
      position: relative; }
    .for-whom-block .v-list img {
      display: flex;
      width: 270px;
      height: 320px;
      border-radius: 42px; }
    .for-whom-block .v-list .text {
      position: absolute;
      top: 31px;
      left: 34px;
      width: 200px;
      font-weight: 700;
      font-size: 16px;
      line-height: 20px; }

.twigs-just {
  width: 1300px;
  background: #19191C;
  border-radius: 50px;
  margin: 0 auto 130px;
  color: #fff;
  padding: 0 130px 116px;
  line-height: 26px;
  background-image: url("/static/img/landing/twg-just/run.jpg");
  background-position: 50% 270px;
  background-repeat: no-repeat;
  box-sizing: border-box; }
  .twigs-just .text-block,
  .twigs-just .text-block#commercial-block {
    padding-top: 130px;
    width: 570px;
    margin: 0 auto 121px;
    text-align: center; }
    .twigs-just .text-block .jt,
    .twigs-just .text-block#commercial-block .jt {
      width: 274px;
      height: 40px;
      margin: 0 auto 29px; }
    .twigs-just .text-block p,
    .twigs-just .text-block#commercial-block p {
      margin-bottom: 27px; }
    .twigs-just .text-block a,
    .twigs-just .text-block#commercial-block a {
      color: #fff;
      text-decoration: underline;
      margin: 0 0 36px;
      display: inline-block; }
    .twigs-just .text-block .btns-holder,
    .twigs-just .text-block#commercial-block .btns-holder {
      display: flex;
      align-items: center;
      justify-content: center; }
      .twigs-just .text-block .btns-holder .google,
      .twigs-just .text-block .btns-holder .qr,
      .twigs-just .text-block#commercial-block .btns-holder .google,
      .twigs-just .text-block#commercial-block .btns-holder .qr {
        width: 198px;
        height: 62px;
        display: block;
        background-color: #fff;
        border-radius: 14px;
        position: relative;
        margin: 0 8px;
        font-size: 0;
        line-height: 0; }
      .twigs-just .text-block .btns-holder .qr:hover,
      .twigs-just .text-block .btns-holder .qr:focus,
      .twigs-just .text-block#commercial-block .btns-holder .qr:hover,
      .twigs-just .text-block#commercial-block .btns-holder .qr:focus {
        background-color: #f6f6f6; }
      .twigs-just .text-block .btns-holder .qr,
      .twigs-just .text-block#commercial-block .btns-holder .qr {
        width: 62px;
        height: 62px;
        border-radius: 16px; }
      .twigs-just .text-block .btns-holder .lqrcode,
      .twigs-just .text-block#commercial-block .btns-holder .lqrcode {
        display: none;
        padding-left: 10px;
        width: 199px;
        height: 190px;
        left: 62px;
        top: -64px;
        position: absolute; }
      .twigs-just .text-block .btns-holder .qr:hover .lqrcode,
      .twigs-just .text-block#commercial-block .btns-holder .qr:hover .lqrcode {
        display: block; }
  .twigs-just .column-holder {
    display: flex;
    justify-content: space-between; }
    .twigs-just .column-holder .column {
      width: 459px; }
      .twigs-just .column-holder .column.add {
        padding-top: 25px; }
        .twigs-just .column-holder .column.add img {
          margin-bottom: 41px; }
    .twigs-just .column-holder h3 {
      font-weight: 800;
      font-size: 30px;
      line-height: 38px;
      margin-bottom: 22px; }
    .twigs-just .column-holder p {
      margin-bottom: 39px; }
    .twigs-just .column-holder img {
      width: 460px;
      height: 940px; }

.defi-features {
  width: 1178px;
  margin: 0 auto 100px; }
  .defi-features h3 {
    font-weight: 800;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 68px;
    color: #19191C;
    text-align: center; }
  .defi-features .block-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px; }
    .defi-features .block-holder.add {
      flex-direction: row-reverse; }
      .defi-features .block-holder.add img {
        width: 600px; }
      .defi-features .block-holder.add .list {
        width: 488px;
        padding: 2px 11px 0 0; }
  .defi-features .list {
    width: 500px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #3C3C3F;
    padding: 5px 0 0 29px; }
    .defi-features .list li {
      margin-top: 34px; }
      .defi-features .list li:first-child {
        margin-top: 0; }
  .defi-features img {
    width: 580px; }

.eff-solutions {
  width: 1120px;
  margin: 0 auto; }
  .eff-solutions h3 {
    font-weight: 800;
    font-size: 40px;
    line-height: 60px;
    color: #19191C;
    margin-bottom: 100px;
    text-align: center; }
  .eff-solutions .row {
    display: flex;
    align-items: center;
    margin-bottom: 70px; }
  .eff-solutions img {
    width: 450px;
    height: 310px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);
    border-radius: 30px;
    margin-right: 70px; }
  .eff-solutions .text-block {
    width: 470px; }
  .eff-solutions h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    margin-bottom: 16px; }

#twigse-block {
  width: 1100px;
  margin: 0 auto 96px;
  padding: 103px 0 0;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #twigse-block .logo-block {
    margin: 0 auto 17px; }
    #twigse-block .logo-block svg {
      width: 256px;
      height: 76px; }
    #twigse-block .logo-block #logo-landing2 {
      fill: #000; }
  #twigse-block h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #31383C;
    margin-bottom: 51px; }
  #twigse-block a.go-to-reg {
    width: 250px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 18px 0 16px;
    color: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 27px;
    margin-bottom: 133px;
    display: block;
    background: #6CA869;
    box-shadow: 0px 5px 20px #6CA869; }
  #twigse-block .go-to-top {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    color: #000;
    margin: 0 auto; }
    #twigse-block .go-to-top .icon {
      display: block;
      width: 46px;
      height: 46px;
      margin: 0 auto 12px; }
    #twigse-block .go-to-top svg #oval {
      fill: #000;
      stroke: #000; }
    #twigse-block .go-to-top svg #shape {
      fill: #fff; }

.p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9,
.p10, .p11, .p12, .p13, .p14 {
  position: absolute;
  border-radius: 50%;
  overflow: hidden; }

.p1 {
  bottom: 503px;
  right: 207px !important;
  left: auto !important;
  width: 53px; }

.p2 {
  bottom: 355px;
  right: 273px !important;
  left: auto !important;
  width: 50px; }

.p3 {
  bottom: 419px;
  left: 19px !important; }

.p4 {
  bottom: 500px;
  left: 216px !important; }

.p5 {
  bottom: 320px;
  left: 100px !important; }

.p6 {
  bottom: 423px;
  right: 21px !important;
  left: auto !important;
  width: 40px; }

.p7 {
  bottom: 302px;
  right: 86px !important;
  left: auto !important; }

.p8 {
  bottom: 222px;
  right: 238px !important;
  left: auto !important;
  width: 30px; }

.p9 {
  bottom: 500px;
  left: -47px !important;
  width: 30px; }

.p10 {
  bottom: 276px;
  left: -65px !important;
  width: 56px; }

.p11 {
  bottom: 347px;
  left: 272px !important;
  width: 50px; }

.p12 {
  bottom: 219px;
  left: 228px !important;
  width: 31px; }

.p13 {
  bottom: 502px;
  left: 1116px !important;
  width: 30px; }

.p14 {
  bottom: 279px;
  left: 1109px !important;
  width: 57px; }

footer {
  position: relative;
  background: #19191C;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #888A8F; }
  footer .footer-holder {
    width: 1138px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 80px 0 67px; }
  footer .text {
    margin-bottom: 52px; }
  footer p {
    margin-bottom: 15px; }
  footer a {
    color: #fff; }
  footer .nav {
    display: flex;
    margin: 0 0 54px;
    font-weight: 500;
    align-items: center;
    text-align: center; }
    footer .nav li {
      margin-right: 15px;
      padding-left: 13px;
      border-left: 1px solid #4D4F53; }
      footer .nav li:first-child {
        border: none;
        padding-left: 2px; }
    footer .nav a {
      text-decoration: none; }
      footer .nav a:hover {
        text-decoration: underline; }
  footer #copyright p {
    margin-bottom: 16px; }
    footer #copyright p.add {
      font-size: 13px; }
  footer #copyright a {
    display: inline-block;
    padding-left: 3px;
    text-decoration: underline; }
    footer #copyright a:hover {
      text-decoration: none; }

.block-form-holder {
  padding: 27px 40px 30px;
  width: 300px;
  background-color: #fff;
  border-radius: 14px;
  flex-shrink: 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
  .block-form-holder .tab-holder {
    margin: 0 0 31px;
    overflow: hidden;
    display: flex; }
  .block-form-holder.reg .tab-btn.enter,
  .block-form-holder .tab-btn {
    width: 44%;
    padding: 0 3%;
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #121212;
    background-color: #ffffff; }
    .block-form-holder.reg .tab-btn.enter span,
    .block-form-holder .tab-btn span {
      color: #121212; }
    .block-form-holder.reg .tab-btn.enter .line,
    .block-form-holder .tab-btn .line {
      display: block;
      width: 110px;
      height: 3px;
      margin: 10px auto 0;
      background: transparent;
      border-radius: 2px; }
  .block-form-holder.reg .tab-btn,
  .block-form-holder .tab-btn:hover,
  .block-form-holder .tab-btn.enter {
    font-weight: 600;
    color: #57AB62; }
    .block-form-holder.reg .tab-btn .line,
    .block-form-holder .tab-btn:hover .line,
    .block-form-holder .tab-btn.enter .line {
      background: #57AB62; }
    .block-form-holder.reg .tab-btn span,
    .block-form-holder .tab-btn:hover span,
    .block-form-holder .tab-btn.enter span {
      color: #57AB62; }
  .block-form-holder.reg .tab-btn.enter {
    font-weight: normal; }
  .block-form-holder .reg-block {
    display: none; }
  .block-form-holder.reg .enter-block {
    display: none; }
  .block-form-holder.reg .reg-block {
    display: block; }
  .block-form-holder .control-group {
    margin-bottom: 20px; }
    .block-form-holder .control-group.add2 {
      margin-bottom: -11px; }
  .block-form-holder .check-row {
    padding: 0;
    margin-right: -10px;
    overflow: hidden;
    /* Create a custom checkbox */ }
    .block-form-holder .check-row .text-block {
      overflow: hidden;
      font-size: 11px;
      color: #76797a;
      line-height: 18px; }
      .block-form-holder .check-row .text-block a {
        text-decoration: underline; }
        .block-form-holder .check-row .text-block a:hover, .block-form-holder .check-row .text-block a:focus {
          color: #76797a; }
    .block-form-holder .check-row.error .checkmark {
      border-color: red; }
      .block-form-holder .check-row.error .checkmark:hover {
        border-color: red; }
    .block-form-holder .check-row .morebtn {
      font-weight: 600;
      color: #000;
      cursor: pointer; }
      .block-form-holder .check-row .morebtn .ico {
        width: 9px;
        height: 9px;
        stroke: #000;
        margin: 0 0 -1px 0; }
    .block-form-holder .check-row .container {
      padding: 11px;
      float: left;
      display: block;
      margin: 3px 14px 0 0;
      position: relative;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      /* Show the checkmark when checked */
      /* Hide the browser's default checkbox */ }
      .block-form-holder .check-row .container.ch {
        z-index: 0; }
      .block-form-holder .check-row .container input:checked ~ .checkmark:after {
        display: block; }
      .block-form-holder .check-row .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer; }
        .block-form-holder .check-row .container input:checked ~ .checkmark:after {
          display: none; }
        .block-form-holder .check-row .container input:checked ~ .checkmark {
          border: 1px solid;
          background-color: #57ab62;
          border-color: #57ab62; }
    .block-form-holder .check-row .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      margin: 0 12px 0 0;
      border-radius: 5px;
      border: 1px solid;
      border-color: #dadada;
      transition: ease-out 0.3s;
      background: none;
      /* Create the checkmark/indicator (hidden when not checked) */ }
      .block-form-holder .check-row .checkmark:hover {
        border-color: #57AB62; }
      .block-form-holder .check-row .checkmark:after {
        content: "";
        position: absolute;
        display: none; }
      .block-form-holder .check-row .checkmark svg {
        display: block;
        width: 20px;
        height: 20px; }
  .block-form-holder label {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: -9999; }
  .block-form-holder .intl-tel-input {
    width: 100%; }
  .block-form-holder input,
  .block-form-holder #form_data_phone,
  .block-form-holder select {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #bdbfc2;
    border-radius: 8px;
    padding: 12px 20px 12px 41px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    width: 298px;
    width: 100%;
    background-repeat: no-repeat !important; }
    .block-form-holder input:focus,
    .block-form-holder #form_data_phone:focus,
    .block-form-holder select:focus {
      outline: none;
      background-color: #fff;
      border-color: #636a72; }
    .block-form-holder input.emtel,
    .block-form-holder #form_data_phone.emtel,
    .block-form-holder select.emtel {
      background-image: url("/static/img/landing/user.svg") !important;
      background-position: 12px 14px !important; }
    .block-form-holder input.password,
    .block-form-holder #form_data_phone.password,
    .block-form-holder select.password {
      background-image: url("/static/img/landing/password.svg") !important;
      background-position: 13px 15px !important; }
    .block-form-holder input.email,
    .block-form-holder #form_data_phone.email,
    .block-form-holder select.email {
      background-image: url("/static/img/landing/email.svg") !important;
      background-position: 12px 15px !important;
      background-size: 15px; }
    .block-form-holder input#form_data_phone,
    .block-form-holder #form_data_phone#form_data_phone,
    .block-form-holder select#form_data_phone {
      padding-left: 60px; }
    .block-form-holder input.phone,
    .block-form-holder #form_data_phone.phone,
    .block-form-holder select.phone {
      background-image: url("/static/img/landing-inputs.png") !important;
      background-position: 20px -342px !important; }
      .block-form-holder input.phone:focus,
      .block-form-holder #form_data_phone.phone:focus,
      .block-form-holder select.phone:focus {
        background-position: 20px -342px !important; }
  .block-form-holder .disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7; }
  .block-form-holder .intl-holder .intl-tel-input.allow-dropdown {
    border: 1px solid #bdbfc2;
    display: flex;
    border-radius: 8px; }
    .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .selected-flag {
      background-color: transparent; }
      .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .selected-flag .iti-arrow {
        right: auto;
        background-image: url("/static/img/arrow_down_b.svg");
        width: 10px;
        height: 10px;
        border: none;
        top: 18px;
        left: 42px; }
    .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .selected-dial-code {
      padding-left: 44px;
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      font-size: 15px;
      line-height: 22px;
      color: #000; }
    .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list {
      width: 361px;
      border-radius: 10px;
      border: none;
      box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.3);
      padding: 10px 15px;
      margin: 0; }
      .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list::-webkit-scrollbar {
        width: 8px; }
      .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list::-webkit-scrollbar-track {
        background-color: transparent; }
      .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list::-webkit-scrollbar-thumb {
        background-color: #aaa;
        border-radius: 4px; }
      .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list li:first-child {
        border: none; }
      .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list .country {
        padding: 10px 0;
        border-top: 1px solid #EFF0F2;
        display: flex;
        align-items: center;
        white-space: pre-wrap; }
        .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list .country.highlight, .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list .country.active {
          background-color: transparent; }
      .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list .flag-box {
        margin-right: 16px; }
      .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list .dial-code,
      .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list .country-name {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        color: #000; }
      .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .country-list .country-name {
        width: 100%; }
    .block-form-holder .intl-holder .intl-tel-input.allow-dropdown .intl-tel-input .flag-container {
      padding: 0; }
  .block-form-holder .intl-holder #form_data_phone#form_data_phone {
    border: none;
    padding-left: 64px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #000; }
    .block-form-holder .intl-holder #form_data_phone#form_data_phone::placeholder {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      font-size: 15px;
      line-height: 22px; }
  .block-form-holder .login-holder {
    text-align: center;
    vertical-align: middle;
    padding-top: 20px; }
    .block-form-holder .login-holder p {
      font-size: 14px;
      line-height: 18px;
      color: #7f8284;
      margin: 0 0 10px; }
    .block-form-holder .login-holder .enter {
      display: inline-block;
      margin: 0 auto;
      font-size: 16px;
      line-height: 18px;
      color: #57AB62; }
  .block-form-holder a {
    color: #000;
    background-color: #fff;
    text-decoration: none; }
    .block-form-holder a:hover {
      color: #57AB62; }
  .block-form-holder .forget {
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    margin: 30px 0; }
  .block-form-holder .enter-button {
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    width: 250px;
    height: 50px;
    color: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #57AB62;
    border-radius: 34px;
    margin: 0 auto;
    display: block; }
    .block-form-holder .enter-button:hover {
      background-color: #519b5b; }
    .block-form-holder .enter-button .icon {
      display: none;
      margin: 0px 0 0px 8px; }
      .block-form-holder .enter-button .icon svg {
        margin: 0 0 -2px; }

.forget {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin: -5px 0; }

#social-auth-ico-holder {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  padding: 30px 0 0; }
  #social-auth-ico-holder .text {
    display: block;
    color: #76797a; }

#social-auth {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px 0 0; }
  #social-auth li {
    margin-left: 12px; }
    #social-auth li:first-child {
      margin-left: 0; }
  #social-auth a {
    display: block;
    float: left;
    font-size: 0;
    line-height: 0;
    overflow: hidden; }
    #social-auth a svg {
      width: 40px;
      height: 40px; }
    #social-auth a #facebook-i #circle,
    #social-auth a #twitter-i #circle,
    #social-auth a #linkedin-i #circle,
    #social-auth a #vk-i #circle,
    #social-auth a #reddit-i #circle {
      fill: #F6F5FD; }
    #social-auth a #facebook-i #shape,
    #social-auth a #twitter-i #shape,
    #social-auth a #linkedin-i #shape,
    #social-auth a #vk-i #shape,
    #social-auth a #reddit-i #shape {
      fill: #6E6D7A; }
    #social-auth a #google-i #circle {
      fill: #F6F5FD;
      stroke: #F6F5FD; }
    #social-auth a #google-i #shape1, #social-auth a #google-i #shape2,
    #social-auth a #google-i #shape3, #social-auth a #google-i #shape4 {
      fill: #6E6D7A; }
    #social-auth a:hover #facebook-i #circle,
    #social-auth a:hover #twitter-i #circle,
    #social-auth a:hover #linkedin-i #circle,
    #social-auth a:hover #vk-i #circle,
    #social-auth a:hover #reddit-i #circle {
      fill: #3377f2; }
    #social-auth a:hover #facebook-i #shape,
    #social-auth a:hover #twitter-i #shape,
    #social-auth a:hover #linkedin-i #shape,
    #social-auth a:hover #vk-i #shape,
    #social-auth a:hover #reddit-i #shape {
      fill: #fff; }
    #social-auth a:hover #twitter-i #circle {
      fill: #35a1f2; }
    #social-auth a:hover #linkedin-i #circle {
      fill: #2869b2; }
    #social-auth a:hover #vk-i #circle {
      fill: #3587f5; }
    #social-auth a:hover #google-i #circle {
      fill: #fff;
      stroke: #E2E2E2; }
    #social-auth a:hover #google-i #shape1 {
      fill: #FABB02; }
    #social-auth a:hover #google-i #shape2 {
      fill: #518EF8; }
    #social-auth a:hover #google-i #shape3 {
      fill: #28B445; }
    #social-auth a:hover #google-i #shape4 {
      fill: #F14336; }
    #social-auth a:hover #reddit-i #circle {
      fill: #fa4400; }

.text-info {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #7f8284;
  font-weight: normal;
  margin: -8px 0; }

.text-error {
  font-size: 12px;
  line-height: 16px;
  color: #fa7054;
  margin: 6px 0 0; }
  .text-error.add {
    line-height: 18px;
    margin-bottom: 10px; }

.com-pool-info {
  width: 820px;
  margin: 0 auto;
  padding: 50px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: #414B53;
  text-align: center; }
  .com-pool-info .heading {
    margin: 0 -40px 128px; }
    .com-pool-info .heading h2 {
      font-family: 'gilroyextrabold';
      font-size: 50px;
      line-height: 54px;
      color: #2A3238;
      text-align: center; }
      .com-pool-info .heading h2.pool {
        display: none; }
  .com-pool-info.pool .heading h2.company {
    display: none; }
  .com-pool-info.pool .heading h2.pool {
    display: block; }
  .com-pool-info .tab-holder {
    margin: 0 0 55px;
    overflow: hidden;
    display: flex;
    justify-content: center; }
  .com-pool-info .tab-btn {
    text-align: center;
    display: inline-block;
    font-size: 24px;
    line-height: 54px;
    font-weight: 700;
    color: #313941;
    margin: 0 40px 0 10px; }
    .com-pool-info .tab-btn .line {
      display: block;
      height: 3px;
      margin: -8px auto 0;
      background: transparent;
      border-radius: 2px; }
  .com-pool-info.pool .tab-btn.pool,
  .com-pool-info .tab-btn:hover,
  .com-pool-info .tab-btn.company {
    color: #57AB62; }
    .com-pool-info.pool .tab-btn.pool .line,
    .com-pool-info .tab-btn:hover .line,
    .com-pool-info .tab-btn.company .line {
      background: #57AB62; }
  .com-pool-info.pool .tab-btn.company {
    color: #313941; }
    .com-pool-info.pool .tab-btn.company .line {
      background: transparent; }
  .com-pool-info .pool-block {
    display: none; }
  .com-pool-info.pool .company-block {
    display: none; }
  .com-pool-info.pool .pool-block {
    display: inline-block; }
  .com-pool-info p {
    margin-bottom: 45px; }
    .com-pool-info p.add {
      margin-bottom: 0; }
  .com-pool-info a.btn {
    border: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    padding: 18px 48px 20px;
    color: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    margin-bottom: 86px;
    display: inline-block;
    background-color: #57AB62; }
    .com-pool-info a.btn .icon {
      margin: 0 0 0 11px;
      display: inline-block;
      width: 20px;
      height: 20px; }
      .com-pool-info a.btn .icon svg {
        margin-bottom: -5px; }

.graph-block-holder .pool {
  display: none; }

.graph-block-holder.pool .company {
  display: none; }

.graph-block-holder.pool .pool {
  display: flex; }

.graph-block {
  width: 1102px;
  margin: 0 auto;
  padding: 0 0 50px;
  display: flex; }
  .graph-block.pool .column .block {
    padding: 40px 30px; }
    .graph-block.pool .column .block .icon {
      margin: 6px 20px -7px 0;
      flex-shrink: 0; }
      .graph-block.pool .column .block .icon svg {
        width: 60px;
        height: 60px; }
  .graph-block .companies-holder {
    display: flex;
    margin: 0 -20px 38px 0;
    padding-left: 40px; }
    .graph-block .companies-holder .comp-block {
      width: 96px;
      padding: 5px 8px;
      border: 1px solid #efefef;
      border-radius: 8px;
      display: flex;
      justify-content: center;
      text-align: center;
      flex-wrap: wrap;
      margin-left: 30px;
      position: relative; }
      .graph-block .companies-holder .comp-block .icon {
        display: block;
        height: 40px; }
        .graph-block .companies-holder .comp-block .icon svg {
          width: 40px;
          height: 40px; }
      .graph-block .companies-holder .comp-block .text {
        font-family: 'gilroyextrabold';
        font-size: 16px;
        line-height: 28px;
        color: #313941;
        width: 100%; }
  .graph-block .large-block {
    width: 450px;
    background-color: #FFF;
    box-shadow: 0px 0px 60px 0 #0000000F;
    border-radius: 30px;
    padding: 48px 50px 50px;
    flex-shrink: 0; }
    .graph-block .large-block .heading {
      margin-bottom: 28px;
      display: flex;
      align-items: center;
      position: relative; }
      .graph-block .large-block .heading .icon {
        margin-right: 54px;
        flex-shrink: 0; }
        .graph-block .large-block .heading .icon svg {
          width: 76px;
          height: 76px; }
  .graph-block h3 {
    font-family: 'gilroyextrabold';
    font-size: 24px;
    line-height: 54px;
    color: #313941;
    width: 100%; }
  .graph-block .dashed-block {
    width: 1px;
    height: 24px;
    border-color: #BFBFBF;
    border-width: 0 0 0 2px;
    border-style: dotted;
    position: absolute;
    bottom: -24px;
    left: 37px; }
    .graph-block .dashed-block.add {
      height: 130px;
      top: 100%; }
    .graph-block .dashed-block.hor {
      height: 1px;
      width: 22px;
      bottom: auto;
      top: 50%;
      left: -27px;
      border-width: 0 0 2px; }
  .graph-block .benefits-list {
    padding: 0 0 0 16px; }
    .graph-block .benefits-list .dashed-block {
      height: 12px;
      bottom: auto;
      top: -20px;
      left: 21px; }
    .graph-block .benefits-list li {
      position: relative;
      margin-bottom: 28px;
      display: flex;
      align-items: center; }
      .graph-block .benefits-list li:first-child .dashed-block {
        display: none; }
      .graph-block .benefits-list li .icon {
        margin-right: 24px;
        flex-shrink: 0;
        height: 44px; }
        .graph-block .benefits-list li .icon svg {
          width: 44px;
          height: 44px; }
  .graph-block h4 {
    font-family: 'gilroyextrabold';
    font-size: 20px;
    line-height: 28px;
    color: #313941;
    width: 100%; }
  .graph-block .graph-arrow {
    margin: 0 14px; }
    .graph-block .graph-arrow svg {
      width: 74px;
      height: 12px; }
  .graph-block .column {
    width: 552px;
    flex-shrink: 0; }
    .graph-block .column .row {
      margin-bottom: 41px;
      position: relative;
      display: flex;
      align-items: center; }
    .graph-block .column .graph-bullets {
      position: absolute;
      width: 16px;
      top: -49px;
      right: 217px; }
      .graph-block .column .graph-bullets svg {
        width: 16px;
        height: 57px; }
    .graph-block .column .block {
      width: 390px;
      background-color: #FFF;
      box-shadow: 0px 0px 60px 0 #0000000F;
      border-radius: 30px;
      padding: 24px 30px;
      display: flex;
      align-items: center; }
      .graph-block .column .block .icon {
        margin: 6px 30px -7px 0;
        flex-shrink: 0; }
        .graph-block .column .block .icon svg {
          width: 104px;
          height: 104px; }

#benefits-block {
  width: 1100px;
  margin: 0 auto;
  padding: 80px 0 0;
  position: relative; }
  #benefits-block .ben-holder {
    padding: 0 35px 149px;
    margin: 0 -35px;
    position: relative;
    overflow: hidden; }
  #benefits-block .heading {
    margin-bottom: 128px; }
    #benefits-block .heading h2 {
      font-family: 'gilroyextrabold';
      font-size: 50px;
      line-height: 54px;
      color: #2A3238;
      text-align: center; }
  #benefits-block .benefits-switcher {
    width: 1262px;
    display: flex;
    position: absolute;
    justify-content: space-between;
    left: -81px;
    top: 370px; }
    #benefits-block .benefits-switcher a {
      height: 24px; }
    #benefits-block .benefits-switcher .next {
      margin: 0 0 0 18px; }
      #benefits-block .benefits-switcher .next svg {
        transform: rotate(180deg); }
    #benefits-block .benefits-switcher #arrowadd-i #arrowadd-i-shape {
      fill: #CFD1D4; }
    #benefits-block .benefits-switcher #arrowadd-i:hover #arrowadd-i-shape {
      fill: #000; }
  #benefits-block .benefits-carousel {
    width: 1100px;
    position: relative; }
    #benefits-block .benefits-carousel ul {
      display: flex;
      width: 10000em;
      position: relative; }
    #benefits-block .benefits-carousel li {
      text-align: center;
      width: 192px;
      margin-right: 35px;
      transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
      transform: perspective(600px) translate3d(0, 0, 0);
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #benefits-block .benefits-carousel li .img-holder {
        border-radius: 20px;
        width: 192px;
        height: 242px;
        margin-bottom: 13px;
        overflow: hidden;
        position: relative; }
        #benefits-block .benefits-carousel li .img-holder img {
          width: 100%;
          height: 100%; }
        #benefits-block .benefits-carousel li .img-holder .icon {
          padding: 10px;
          background-color: #222;
          border-radius: 27px;
          bottom: 22px;
          left: 20px;
          position: absolute; }
          #benefits-block .benefits-carousel li .img-holder .icon img {
            width: 32px;
            height: 32px;
            display: block; }
      #benefits-block .benefits-carousel li:hover {
        -webkit-transform: scale(1.16);
        transform: scale(1.16); }
    #benefits-block .benefits-carousel h3 {
      font-size: 15px;
      color: #222;
      line-height: 20px; }

#why-block {
  padding: 149px 0 34px;
  background-color: #19191C;
  color: #ccc; }
  #why-block h2 {
    font-family: 'gilroyextrabold';
    font-size: 50px;
    line-height: 54px;
    color: #fff;
    text-align: center;
    margin-bottom: 127px; }
  #why-block .holder-block {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden; }
  #why-block .column-holder {
    display: flex;
    justify-content: space-between;
    margin-bottom: 61px; }
  #why-block .column {
    width: 310px;
    flex-shrink: 0; }
  #why-block .column.img {
    width: 320px; }
  #why-block .column.img2 {
    padding: 20px 0 0; }
  #why-block img {
    width: 320px;
    border-radius: 20px; }
  #why-block a.btn {
    border: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    padding: 18px 48px 20px;
    color: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    display: block;
    background: #57AB62;
    width: 280px;
    margin: 6px auto 106px;
    text-align: center; }
    #why-block a.btn .icon {
      margin: 0 0 0 11px;
      display: inline-block;
      width: 20px;
      height: 20px; }
      #why-block a.btn .icon svg {
        margin-bottom: -5px; }
  #why-block ul {
    font-size: 15px;
    line-height: 26px;
    padding: 41px 0 0; }
    #why-block ul li {
      display: flex;
      margin-bottom: 68px; }
    #why-block ul .num {
      font-family: 'gilroyextrabold';
      font-size: 30px;
      color: #58AB63;
      margin: 6px 32px 0 0;
      flex-shrink: 0; }
    #why-block ul p {
      width: 100%; }

#commercial-block {
  width: 1100px;
  margin: 0 auto -111px;
  padding-top: 150px; }
  #commercial-block h3 {
    font-family: 'gilroyextrabold';
    font-size: 46px;
    color: #2A3238;
    text-align: center;
    line-height: 54px;
    margin-bottom: 138px; }
  #commercial-block .holder {
    display: flex;
    justify-content: space-between;
    margin-bottom: 142px; }
    #commercial-block .holder .img-holder img {
      width: 774px;
      margin: -92px -20px 0 -3px; }
      #commercial-block .holder .img-holder img.add {
        margin: -181px -97px 0 -101px;
        width: 788px; }
    #commercial-block .holder ul {
      width: 430px;
      position: relative;
      z-index: 1;
      flex-shrink: 0;
      padding-top: 14px; }
      #commercial-block .holder ul.add li {
        padding: 40px 0; }
      #commercial-block .holder ul li {
        border-top: 1px solid #f5f5f5;
        display: flex;
        font-size: 14px;
        line-height: 26px;
        padding: 30px 0px; }
        #commercial-block .holder ul li:first-child {
          border: none;
          padding-top: 0; }
        #commercial-block .holder ul li .icon {
          width: 36px;
          border-radius: 50%;
          background: #fff;
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
          display: flex;
          flex-shrink: 0;
          height: 36px;
          align-items: center;
          justify-content: center;
          margin: 0 24px 0 0; }
          #commercial-block .holder ul li .icon svg {
            width: 34px;
            height: 34px; }
      #commercial-block .holder ul #done-i-add #done-i-add-shape {
        stroke: #62B064;
        fill: #62B064; }

#screenshots-block {
  background-color: #19191C;
  padding: 140px 0 70px; }
  #screenshots-block .row-block {
    position: relative;
    height: 682px; }
    #screenshots-block .row-block.forward {
      right: 0;
      animation: forward 100s infinite linear; }
    #screenshots-block .row-block.backward {
      left: -100vw;
      animation: backward 100s infinite linear; }
    #screenshots-block .row-block ul {
      display: flex; }
      #screenshots-block .row-block ul li {
        margin: 0 70px 70px 0;
        overflow: hidden;
        flex-shrink: 0; }
      #screenshots-block .row-block ul img {
        width: 800px;
        height: 612px;
        display: block; }

@keyframes forward {
  0% {
    right: 0; }
  50% {
    right: 100vw; }
  100% {
    right: 0; } }

@keyframes backward {
  0% {
    left: -100vw; }
  50% {
    left: 0; }
  100% {
    left: -100vw; } }

#twig-token {
  padding: 146px 0 0;
  color: #414B53;
  width: 1100px;
  margin: 0 auto 34px; }
  #twig-token .heading {
    margin-bottom: 60px;
    text-align: center;
    width: 520px;
    margin: 0 auto 57px; }
  #twig-token .row-block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 51px; }
    #twig-token .row-block .icon {
      margin-right: 30px;
      flex-shrink: 0;
      height: 60px; }
      #twig-token .row-block .icon svg {
        width: 60px; }
  #twig-token h3 {
    font-family: 'gilroyextrabold';
    font-size: 50px;
    color: #2A3238;
    text-align: center;
    line-height: 54px; }
  #twig-token .column-holder {
    display: flex;
    justify-content: space-between; }
  #twig-token ul {
    width: 316px;
    flex-shrink: 0;
    line-height: 22px; }
    #twig-token ul li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid #efefef;
      padding-top: 60px;
      margin-bottom: 60px; }
      #twig-token ul li:first-child {
        border: none; }
    #twig-token ul p {
      width: 100%; }
    #twig-token ul .icon {
      width: 70px;
      height: 70px;
      margin-right: 26px; }
      #twig-token ul .icon img {
        width: 70px; }

#vocabluary-block {
  width: 1100px;
  margin: 0 auto;
  padding: 55px 0 0;
  position: relative; }
  #vocabluary-block .voc-holder {
    padding: 0 35px 44px;
    margin: 0 -35px;
    overflow: hidden;
    position: relative; }
  #vocabluary-block .heading {
    margin-bottom: 126px; }
    #vocabluary-block .heading h2 {
      font-family: 'gilroyextrabold';
      font-size: 50px;
      line-height: 54px;
      color: #384248;
      text-align: center; }
  #vocabluary-block .vocabluary-switcher {
    width: 1262px;
    display: flex;
    position: absolute;
    justify-content: space-between;
    left: -81px;
    top: 445px; }
    #vocabluary-block .vocabluary-switcher a {
      height: 24px; }
    #vocabluary-block .vocabluary-switcher .next {
      margin: 0 0 0 18px; }
      #vocabluary-block .vocabluary-switcher .next svg {
        transform: rotate(180deg); }
    #vocabluary-block .vocabluary-switcher #arrowadd-i #arrowadd-i-shape {
      fill: #CFD1D4; }
    #vocabluary-block .vocabluary-switcher #arrowadd-i:hover #arrowadd-i-shape {
      fill: #000; }
  #vocabluary-block .vocabluary-carousel {
    width: 1152px;
    position: relative; }
    #vocabluary-block .vocabluary-carousel ul {
      width: 1920px;
      height: 527px;
      position: relative;
      margin-left: -24px; }
    #vocabluary-block .vocabluary-carousel li {
      float: left;
      width: 384px; }
      #vocabluary-block .vocabluary-carousel li > div {
        width: 336px;
        margin: 0 24px;
        transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: perspective(600px) translate3d(0, 0, 0);
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.08); }
      #vocabluary-block .vocabluary-carousel li .img-holder {
        width: 336px;
        height: 318px;
        position: relative; }
        #vocabluary-block .vocabluary-carousel li .img-holder img {
          width: 100%;
          height: 100%; }
        #vocabluary-block .vocabluary-carousel li .img-holder .icon {
          width: 30px;
          height: 30px;
          padding: 12px;
          background-color: #57AB62;
          border-radius: 29px;
          bottom: -26px;
          left: 32px;
          position: absolute; }
      #vocabluary-block .vocabluary-carousel li:hover > div {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    #vocabluary-block .vocabluary-carousel .holder {
      padding: 47px 30px 30px; }
    #vocabluary-block .vocabluary-carousel h3 {
      color: #222;
      line-height: 24px;
      font-size: 18px;
      margin-bottom: 14px; }
    #vocabluary-block .vocabluary-carousel p {
      line-height: 26px;
      color: #384248; }

.devider {
  width: 1100px;
  margin: 0 auto;
  border-bottom: 1px solid #efefef; }

.hidden {
  visibility: hidden;
  display: none; }

.modal-scrollable {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  z-index: 1060; }
  .modal-scrollable .modal {
    outline: none;
    position: absolute;
    margin-top: 0;
    overflow: visible;
    top: 0;
    margin-top: 80px !important;
    left: 50%;
    z-index: 1050;
    background-color: #fff;
    margin-left: -220px;
    width: 440px;
    border-radius: 26px; }
  .modal-scrollable .modal-header {
    padding: 40px 40px 30px;
    display: flex; }
    .modal-scrollable .modal-header .close {
      position: relative;
      display: block;
      text-indent: -9999px;
      background: none;
      box-sizing: border-box;
      width: 32px;
      height: 32px;
      margin: -22px -22px 0 0;
      padding: 6px;
      outline: none;
      border-radius: 10px;
      cursor: pointer; }
      .modal-scrollable .modal-header .close svg {
        display: block;
        stroke: #979797; }
    .modal-scrollable .modal-header .close:hover,
    .modal-scrollable .modal-header .close:focus {
      background-color: #f6f6f6; }
      .modal-scrollable .modal-header .close:hover svg,
      .modal-scrollable .modal-header .close:focus svg {
        stroke: #000; }
    .modal-scrollable .modal-header h3 {
      font-size: 20px;
      line-height: 30px;
      margin: 0;
      font-weight: bold;
      color: #000;
      width: 100%;
      text-align: center; }
  .modal-scrollable .modal-footer {
    padding: 40px 40px 30px;
    overflow: hidden; }
    .modal-scrollable .modal-footer .btn {
      border: 1px solid #000;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      width: 248px;
      height: 48px;
      cursor: pointer;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 34px;
      margin: 16px auto 0;
      background-color: #fff;
      color: #000;
      display: flex;
      justify-content: center;
      align-items: center; }
      .modal-scrollable .modal-footer .btn svg {
        margin-right: 8px; }
      .modal-scrollable .modal-footer .btn:first-child {
        margin-top: 0; }
    .modal-scrollable .modal-footer .btn:hover,
    .modal-scrollable .modal-footer .btn:focus {
      border-color: #519b5b; }
    .modal-scrollable .modal-footer .btn-primary {
      border-color: #57ab62;
      color: #fff;
      background-color: #57ab62; }
    .modal-scrollable .modal-footer .btn-primary:hover,
    .modal-scrollable .modal-footer .btn-primary:focus {
      border-color: #519b5b;
      background-color: #519b5b; }
  .modal-scrollable .modal-body {
    border-radius: 26px;
    overflow: hidden;
    padding: 0; }
  .modal-scrollable .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, 0.95); }
  .modal-scrollable button {
    border: none; }
  .modal-scrollable .block-form-holder {
    padding: 0 40px 40px;
    width: auto;
    background-color: #fff;
    border-radius: 0;
    box-shadow: none; }

#login_modal .reg-block {
  display: block; }

#visual_captcha {
  overflow: hidden; }
  #visual_captcha .text-error {
    margin: 0 40px 20px;
    font-size: 24px; }

#visual_captcha .images ul {
  text-align: center;
  display: flex;
  justify-content: center; }
  #visual_captcha .images ul li {
    margin: 0 0 0 21px; }
    #visual_captcha .images ul li:first-child {
      margin-left: 0; }
    #visual_captcha .images ul li a {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 13px;
      border: 1px solid #dadada;
      border-radius: 14px;
      overflow: hidden; }
    #visual_captcha .images ul li a.active {
      border-color: #57ab62; }
    #visual_captcha .images ul li img,
    #visual_captcha .images ul li svg {
      width: 30px;
      height: 30px; }

.iti-flag {
  box-shadow: none;
  background-color: transparent; }

@media only screen and (max-width: 1440px) {
  .bitcoin {
    left: -62px !important;
    top: 120px; } }

/*# sourceMappingURL=landing_new.css.map */