/* extracted-inline-styles */
/* layouts/partials/page-download.html */
#top #main .avia-section .template-page {
        padding-top: 0;
      }

      .top-title-box {
        background-image: url(/assets/img/download/down-topbg.png);
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
        min-height: 260px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        background-size: contain;
      }
      .top-title-big {
        font-size: 48px;
        color: #000;
        font-weight: bold;
        line-height: 1.2;
        margin: 0;
      }
      .top-title-de {
        font-size: 20px;
        color: #585858;
        line-height: 1.2;
        margin: 15px 0 0 0;
      }

      @media (max-width: 1000px) {
        .top-title-box {
          min-height: auto;
          padding: 50px 0;
        }
        .top-title-big { font-size: 40px; }
      }
      @media (max-width: 768px) {
        .top-title-box {
          background: none;
          padding: 50px 0 20px;
        }
        .top-title-big { font-size: 34px; }
        .top-title-de { font-size: 16px; }
      }

      /*** Download cards ***/
      body div .avia-builder-el-4 { margin: 0; }
      #d_box { background-size: cover; }

      .d_box {
        display: flex;
        align-items: stretch;
        justify-content: center;
        margin: 0 0 20px;
      }
      #d_box .d_con {
        width: 420px;
        text-align: center;
        padding: 40px 20px;
        border-radius: 20px;
        margin: 0 10px 20px;
        border: 10px solid transparent;
        background-clip: padding-box, border-box;
        background-origin: padding-box, border-box;
        background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to bottom, rgba(105,255,151,0), rgba(10,228,255,0));
      }
      .d_default { display: inline-block; }
      .d_hover { display: none; }
      #d_box .d_con:hover {
        background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to bottom, rgba(105,255,151,.3), rgba(10,228,255,.3));
        box-shadow: 0 0 20px rgba(19,29,60,.06);
      }
      .d_con:hover .d_default { display: none; }
      .d_con:hover .d_hover { display: inline-block; }
      .d_con h5 { margin: 20px 0 10px 0; font-size: 24px; }
      .d_p {
        height: 86px;
        font-size: 13px;
        color: #8c8c8c;
        line-height: 18px;
      }
      .d_p_sm {
        margin-bottom: 8px;
        font-size: 13px;
        color: #8c8c8c;
        line-height: 18px;
      }
      .d_p_t { margin-top: 5px; }

      #d_box .d_button {
        background: #00dc8b;
        color: #131d3c;
        display: flex;
        align-items: center;
        width: 220px;
        margin: 0 auto 10px;
        border-radius: 50px;
        padding: 10px 23px;
        font-size: 14px;
        font-weight: bold;
        justify-content: center;
      }
      #d_box .captcha_button { cursor: pointer; }
      #d_box .d_button span { padding: 0 0 0 5px; }
      #d_box .d_button:hover { background: #19de97; }
      .d_p_de { font-size: 12px; color: #979797; }
      .d_button_beta { display: block; font-size: 13px; margin-bottom: 10px; }
      .d_button_yun { display: block; font-size: 14px; margin-top: 16px; }
      .d_p_zc {
        font-size: 18px;
        font-weight: bold;
        display: inline-block;
        position: relative;
        margin: 0 0 10px;
      }
      .d_p_zc:after {
        content: "";
        display: block;
        background: #00dc8c;
        width: 100%;
        height: 10px;
        position: absolute;
        bottom: 0;
        z-index: -1;
      }
      .d_code, .d_order_code { display: block; margin: 0 auto; width: 120px; height: 120px; }
      .d_order_code { margin-bottom: 10px; }
      .d_con .d_order_h5 { font-size: 20px; margin-top: 20px; }
      .d_pp { font-size: 12px; color: #8c8c8c; line-height: 18px; margin-bottom: 10px; }

      @media (max-width: 1200px) {
        #d_box .d_con { width: 30%; margin: 0 10px 20px; }
      }
      @media (max-width: 1000px) {
        .d_box { flex-direction: column; }
        #d_box .d_con { width: 100%; margin: 0 0 20px; }
      }
      @media (max-width: 768px) {
        .d_con { display: none; }
        .d_con_vx { display: none; }
        .d_con_android { display: block; }
      }

      /*** Developer info ***/
      .d_information {
        text-align: center;
        font-size: 14px;
        color: #595959;
      }
      .d_information span { padding: 0 20px; color: #d6d6d6; }
      .d_information_m { display: none; }
      @media (max-width: 767px) {
        .d_information { display: none; }
        .d_information_m { display: block; }
      }

      /*** Security badges ***/
      #security { margin: 60px 0; }
      .dl_wrap { text-align: center; }
      .dl_text2 { margin-bottom: 40px; }
      .dl_sd { width: 15%; text-align: center; }
      .pull-left { float: none; display: inline-block; }
      .pull-left div { font-size: 16px; color: #3f3f3f; }
      @media (max-width: 768px) {
        .dl_sd { width: 32%; margin-bottom: 20px; }
        .pull-left div { font-size: 14px; }
      }

      /*** Changelog ***/
      .about-title { font-size: 36px; font-weight: bold; color: #000; margin-bottom: 50px; }
      .chang-box {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 60px 20px 80px;
        background: url(/assets/img/download/down-changelogbg.png) bottom center no-repeat;
        background-color: #f9faff;
        background-size: cover;
        border-radius: 20px;
        box-shadow: 0 0 20px rgba(19,29,60,.06);
        margin-bottom: 80px;
      }
      .chang-con { display: flex; align-items: center; }
      .chang-con-mo {
        width: fit-content;
        min-width: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        padding-right: 36px;
        margin-right: 30px;
      }
      .chang-con-mo p { font-size: 34px; font-weight: 500; color: #181818; line-height: 36px; margin: 0; }
      .chang-con-mo hr { width: 20px; height: 1px; border: none; background: #dadada; margin: 10px 0; }
      .chang-con-mo span { font-size: 20px; font-weight: 500; color: #585858; line-height: 20px; }
      .chang-con-link {
        display: block;
        width: 830px;
        height: fit-content;
        box-sizing: border-box;
        padding: 0 0 0 40px;
        position: relative;
        text-decoration: none;
      }
      .chang-con-link:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: -35px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        box-sizing: border-box;
        background-color: #00dc8c;
        z-index: 2;
      }
      .chang-con-tag {
        display: inline-block;
        width: fit-content;
        padding: 3px 14px;
        font-size: 16px;
        color: #fff;
        white-space: nowrap;
        border-radius: 4px;
        background: #00dc8c;
        position: relative;
      }
      .chang-con-tag:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -6px;
        border: 8px solid transparent;
        border-left-color: #00dc8c;
      }
      .chang-con-title {
        width: 100%;
        min-height: 30px;
        font-size: 24px;
        font-weight: bold;
        color: #131d3c;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 12px 0;
      }
      .chang-con-date { display: block; font-size: 14px; color: #131d3c; line-height: 1.5; }
      .chang-con-de {
        font-size: 14px;
        color: #666;
        line-height: 1.5em;
        min-height: 3em;
        margin: 20px 0 25px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .chang-con-a { display: block; font-size: 16px; color: #00dc8c; }
      .chang-con-link:hover .chang-con-title { color: #00dc8c; }

      @media (max-width: 1024px) { .chang-con-link { width: calc(100% - 120px); } }
      @media (max-width: 768px) {
        .about-title { font-size: 28px; margin-bottom: 30px; }
        .chang-box { margin: 0; padding: 30px 20px; }
        .chang-con { width: 100%; }
        .chang-con-mo { display: none; }
        .chang-con-link { padding: 0; width: 100%; }
        .chang-con-link:before, .chang-con-link:after { display: none; }
        .chang-con-title { font-size: 20px; }
      }