/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(cyrillic-ext-i.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(cyrillic-i.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(greek-ext-i.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(greek-i.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(vietnamese-i.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(latin-ext-i.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(latin-i.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(cyrillic-ext-n.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(cyrillic-n.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(greek-ext-n.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(greek-n.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(vietnamese-n.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(latin-ext-n.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(latin-n.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(cyrillic-ext-b.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(cyrillic-b.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(greek-ext-b.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(greek-b.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(vietnamese-b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(latin-ext-b.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(latin-b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



* {
    outline: 0px none;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
html, body {
    height: 100%;
    width: 100%;
    font-size: 13px;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    background: #E5E5E5;
}
html, body, form, p, img {
    border: 0px none;
}
a {
    color: #346eb8;
    text-decoration: none;
}
a:hover {
    color: #cd192e;
}
a.selected {
    color: #00AA00;
    text-decoration: underline;
}
a.nolink {
    color: #000000;
}
.al     { text-align: left;   }
.ac     { text-align: center; }
.ar     { text-align: right !important;  }
.aj     { text-align: justify;  }
.fl     { float: left;  }
.fr     { float: right; }
.mask   {
    position: relative;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.clear  {
    clear: both;
    font-size: 0px;
    height: 0px;
    overflow: hidden;
}


.orange_button {
    display: inline-block;
    padding: 15px 65px 15px 65px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-decoration: none;
    color: #000000;
    border-radius: 100px;
    background: #ffe131;
}
.orange_button:hover {
    color: #000000;
}



#main {
    width: 100%;
}
#main .main_content_holder {
    display: block;
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
}
#main_header {
    display: block;
    height: auto;
    padding: 30px 0px 0px 0px;
    height: 80px;
}
#main_header .logo_apix_drive {
    position: relative;
    display: block;
    z-index: 20;
    float: left;
    width: 200px;
    height: 50px;
    background: url(../images/logo.svg) 0px 50% no-repeat;
    background-size: contain;
}
#main_header .blog_apix_drive {
    display: block;
    height: 50px;
    padding: 0px 0px 0px 10px;
    border-left: 1px solid #464A55;
    float: left;
    font-size: 32px;
    font-weight: bold;
    line-height: 50px;
    color: #464A55;
}
#main_header .main_menu {
    display: block;
    float: right;
    height: 50px;
}
#main_header .main_menu a {
    display: inline-block;
    margin: 18px 5px 0px 5px;
    /*color: #464A55;*/
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}
#main_header .button {
    display: inline-block;
    float: right;
    height: 45px;
    padding: 14px 20px 14px 20px;
    margin: 3px 0px 0px 20px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 50px;
    color: #ffffff;
    background: #6258AA;
}
#main_header .main_menu_icon {
    position: relative;
    display: none;
    float: right;
    z-index: 20;
    width: 30px;
    height: 30px;
    margin: 10px 0px 0px 0px;
    cursor: pointer;
    background: url(../images/icon_menu.svg) 50% 50% no-repeat;
}
#main_header .main_search_icon {
    display: none;
    position: relative;
    float: right;
    z-index: 20;
    width: 30px;
    height: 30px;
    margin: 12px 15px 0px 0px;
    cursor: pointer;
    background: url(../images/icon_search.svg) 50% 50% no-repeat;
    background-size: contain;
}



#main_search {
    padding: 30px 0px 0px 0px;
}
#main_search input[type=text]{
    position: relative;
    width: 100%;
    height: 72px;
    z-index: 10;
    padding: 25px 0px 25px 74px;
    border-radius: 150px;
    border: 0px none;
    font-size: 20px;
    font-weight: bold;
    background: #ffffff url(../images/search.svg) 30px 22px no-repeat;
}
#main_search .search-popup {
    display: none;
    position: relative;
    margin-top: -36px;
    z-index: 5;
    width: 100%;
    font-size: 17px;
    padding: 40px 36px 36px 28px;
    border-radius: 0px 0px 36px 36px;
    background: #ffffff;
}
#main_search .search-popup .item {
    display: block;
    padding: 5px;
}
#main_search .search-popup .item a {
    line-height: 20px;
    color: #346eb8;
    border-bottom: 1px solid #bfd3ed;
}
#main_search .search-popup .item a:hover {
    color: #cd192e;
    border-bottom: 1px solid #f6b4bc;
}
#main_search .search-popup .item a:before {
    display: block;
    float: left;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    margin: 7px 6px 0px 0px;
    content: "";
    background: #dddddd;
}



#main_board {
    position: relative;
    padding: 30px 0px 0px 0px;
}
#main_board .info .meta .views,
#main_tiny_list .info .meta .views,
#main_popular_list .info .meta .views {
    display: inline-block;
    padding: 0px 0px 0px 25px;
    line-height: 18px;
    background: url(../images/icon_eye.svg) 0px 1px no-repeat;
}
#main_board .info .meta .dot,
#main_tiny_list .info .meta .dot,
#main_popular_list .info .meta .dot {
    display: inline-block;
}
#main_board .info .meta .comments,
#main_tiny_list .info .meta .comments,
#main_popular_list .info .meta .comments {
    display: inline-block;
    padding: 0px 0px 0px 20px;
    background: url(../images/icon_comment.svg) 0px 1px no-repeat;
}

#main_board .main_articles_holder {
    display: flex;
    position: relative;
    justify-content: space-between;
    height: 620px;
}
#main_board .articles_small {
    width: 37%;
}
#main_board .articles_large {
    display: block;
    width: calc(63% - 30px);
    height: 100%;
    overflow: hidden;
    border-radius: 15px 15px 0px 0px;
}
#main_board .article_large {
    display: block;
    width: 100%;
    height: calc(100% - 90px);
    overflow: hidden;
    cursor: pointer;
    border-radius: 15px 15px 0px 0px;
}
#main_board .article_large .image {
    display: block;
    height: calc(100% - 215px);
    background-position: center;
    background-size: cover;
}
#main_board .article_large .image .tag {
    display: inline-block;
    padding: 8px 12px 8px 12px;
    margin: 32px 0px 0px 12px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 20px;
    color: #222222;
    background: #FFE131;
}
#main_board .article_large .image .tag:first-child {
    margin-left: 32px;
}
#main_board .article_large .info {
    display: block;
    height: 190px;
    overflow: hidden;
    padding: 25px 30px 0px 30px;
    border-radius: 0px 0px 15px 15px;
    background: #ffffff;
}
#main_board .article_large .info .title {
    display: block;
    max-height: 62px;
    overflow: hidden;
    font-size: 28px;
    font-weight: bold;
    line-height: 110%;
    color: #222222;
}
#main_board .article_large .info .snippet {
    display: block;
    max-height: 80px;
    overflow: hidden;
    padding: 15px 0px 0px 0px;
    font-size: 16px;
    line-height: 22px;
    color: #464A55;
    opacity: 0.8;
}
#main_board .article_large .info .meta {
    display: block;
    padding: 15px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #7E8996;
}
#main_board .info_line {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 88px;
    margin-top: 2px;
    border-radius: 15px;
    background: linear-gradient(90deg, #5a53ad, #1632a9);
}
#main_board .info_line .info_line_text {
    display: flex;
    cursor: pointer;
    width: calc(100% - 150px);
    max-width: 420px;
    flex-flow: column wrap;
    padding: 0px 0px 0px 160px;
    text-align: left;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #ffffff;
    background: url("../images/bn_bg.png") 30px 10px no-repeat;
}
#main_board .info_line .info_line_button {
    display: flex;
    flex-flow: column wrap;
    width: 150px;
    padding: 0px 20px 0px 20px;
    text-align: center;
    justify-content: center;
}
#main_board .info_line .info_line_button .button {
    display: block;
    height: 38px;
    cursor: pointer;
    border: 0px none;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    color: #464A55;
    border-radius: 50px;
    background: #FFE131;
}

#main_board .article_small {
    display: block;
    height: calc(50% - 15px);
    overflow: hidden;
    cursor: pointer;
    border-radius: 15px;
    background: #ffffff;
}
#main_board .article_small:nth-child(2) {
    margin-top: 30px;
}
#main_board .article_small .image {
    display: block;
    height: calc(100% - 102px);
    background-position: center;
    background-size: cover;
}
#main_board .article_small .image .tag {
    display: inline-block;
    padding: 8px 12px 8px 12px;
    margin: 32px 0px 0px 12px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 20px;
    color: #222222;
    background: #FFE131;
}
#main_board .article_small .image .tag:first-child {
    margin-left: 32px;
}
#main_board .article_small .info {
    display: block;
    height: 100px;
    padding: 20px 20px 0px 20px;
}
#main_board .article_small .info .title {
    display: block;
    font-size: 19px;
    font-weight: bold;
    line-height: 110%;
    max-height: 40px;
    overflow: hidden;
    color: #222222;
}
#main_board .article_small .info .meta {
    display: block;
    padding: 12px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #7E8996;
}



#main_tiny_list {
    padding: 30px 0px 0px 0px;
}
#main_tiny_list .main_content_holder {
    display: flex;
    justify-content: space-between;
}
#main_tiny_list .article_tiny {
    display: block;
    width: calc(100% / 3 - 20px);
    height: 140px;
    overflow: hidden;
    border-radius: 8px;
    background: #ffffff;
}
#main_tiny_list .article_tiny .image {
    display: block;
    cursor: pointer;
    float: left;
    width: 40%;
    height: 140px;
    background-position: center;
    background-size: cover;
}
#main_tiny_list .article_tiny .info {
    display: block;
    float: left;
    width: 60%;
    padding: 15px 15px 0px 15px;
}
#main_tiny_list .article_tiny .tag {
    display: inline-block;
    padding: 4px 8px 4px 8px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 20px;
    color: #222222;
    background: #FFE131;
}
#main_tiny_list .article_tiny .info .title {
    display: block;
    margin-top: 7px;
    height: 52px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: 110%;
    color: #222222;
}
#main_tiny_list .article_tiny .info .meta {
    display: block;
    padding: 18px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #7E8996;
}


#main_small_list {
    padding: 50px 0px 0px 0px;
}
#main_small_list .main_content_holder {
}
#main_small_list .header, #main_small_list .header h1 {
    display: block;
    font-weight: bold;
    font-size: 24px;
    line-height: 100%;
    color: #222222;
}
#main_small_list .articles_small_list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
#main_small_list .article_small {
    display: block;
    width: calc(100% / 3 - 20px);
    margin-top: 20px;
    height: 250px;
    overflow: hidden;
    border-radius: 8px;
    background: #ffffff;
}
#main_small_list .article_small .image_back {
    /*background: #000000;*/
}
#main_small_list .article_small .image {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 160px;
    background-position: center;
    background-size: cover;
    /*opacity: 0.8;*/
}
#main_small_list .article_small .info {
    display: block;
    width: 100%;
    padding: 15px 15px 0px 15px;
}
#main_small_list .article_small .tag {
    display: inline-block;
    padding: 4px 8px 4px 8px;
    margin: 16px 0px 0px 16px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 20px;
    color: #222222;
    background: #FFE131;
}
#main_small_list .article_small .info .title {
    display: block;
    height: 36px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: 110%;
    color: #222222;
}
#main_small_list .article_small .info .meta {
    display: block;
    padding: 10px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #7E8996;
}



#main_popular_list {
    display: block;
    padding: 20px 0px 0px 0px;
}
#main_popular_list .header,
#main_popular_list .header h1{
    display: block;
    font-weight: bold;
    font-size: 24px;
    line-height: 100%;
    color: #222222;
}
#main_popular_list .article_popular_holder {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
#main_popular_list .article_popular {
    display: block;
    cursor: pointer;
    width: calc(100% / 3 - 20px);
    min-height: 284px;
    margin-top: 20px;
}
#main_popular_list .article_popular_holder.multiline {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
#main_popular_list .article_popular_holder.multiline .article_popular {
    min-height: 284px;
}
#main_popular_list .article_popular .image_back {
    display: block;
    height: 120px;
    border-radius: 8px 8px  0px 0px;
    background: #000000;
}
#main_popular_list .article_popular .image {
    display: block;
    height: 165px;
    border-radius: 8px 8px  0px 0px;
    background-position: center;
    background-size: cover;
}
#main_popular_list .article_popular .info {
    display: block;
    padding: 15px;
    border-radius: 0px 0px 8px 8px;
    background: #ffffff;
}
#main_popular_list .article_popular .tag {
    display: inline-block;
    padding: 4px 8px 4px 8px;
    margin: 16px 0px 0px 16px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 20px;
    color: #222222;
    background: #FFE131;
}
#main_popular_list .article_popular .info .title {
    display: block;
    height: 61px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: 110%;
    color: #222222;
}
#main_popular_list .article_popular .info .meta {
    display: block;
    padding: 10px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #7E8996;
}
#main_popular_list .pagination {
    display: block;
    text-align: center;
    padding: 20px 0px 0px 0px;
}
#main_popular_list .pagination > a,
#main_popular_list .pagination > span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 2px 0px 2px;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    border-radius: 2px;
    background: #f0f0f0;
}
#main_popular_list .pagination > a:hover {
    color: #ffffff;
    background: #6258AA;
}




#main_characters_list {
    display: block;
    padding: 50px 0px 0px 0px;
    text-align: center;
}
#main_characters_list .title {
    display: block;
    padding: 0px 0px 20px 0px;
    font-weight: bold;
    font-size: 19px;
    line-height: 25px;
    color: #222222;
}
#main_characters_list .item {
    display: inloine-block;
    padding: 0px 5px 0px 5px;
    font-size: 16px;
    line-height: 25px;
    color: #464A55;
}


#main_categories_list {
    display: block;
    padding: 50px 0px 0px 0px;
}
#main_categories_list .article_categories_holder {
    display: flex;
    flex-flow: row wrap;
    padding: 25px 0px 0px 0px;
    justify-content: space-between;
}
#main_categories_list .article_categories {
    display: block;
}
#main_categories_list .article_categories.small {
    width: 200px;
}
#main_categories_list .article_categories.large {
    width: calc(50% - 150px);
}
#main_categories_list .article_categories .title {
    display: block;
    font-weight: bold;
    font-size: 19px;
    line-height: 25px;
    color: #222222;
}
#main_categories_list .article_categories .item {
    display: block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 12px;
    font-size: 16px;
    line-height: 25px;
    color: #464A55;
}
#main_categories_list .article_categories .item:before {
    display: block;
    position: absolute;
    content: "•";
    margin: 1px 0px 0px -10px;
}
#main_categories_list .article_categories .item:after {
    display: block;
    position: absolute;
    content:'';
    width:40px;
    height:100%;
    right:0px;
    top:0px;
    background: linear-gradient(90deg, rgba(229,229,229,0) 0px, rgba(229,229,229,1) 40px);
}

#main_news {
    display: block;
    padding: 80px 0px 0px 0px;
}
#main_news .header {
    display: block;
    font-weight: bold;
    font-size: 36px;
    line-height: 100%;
    color: #222222;
}
#main_news .header h1 {
    display: inline-block;
    font-weight: bold;
    font-size: 36px;
    line-height: 100%;
    color: #222222;
}
#main_news .news_list_holder {
    display: flex;
    padding: 5px 0px 0px 0px;
    justify-content: space-between;
}
#main_news .news_list_subscription {
    display: block;
    width: 360px;
}
#main_news .news_list {
    display: flex;
    flex-flow: column wrap;
    width: calc(100% - 390px);
}
#main_news .subscribe {
    display: block;
    padding: 0px 30px 0px 30px;
    margin-top: 25px;
    min-width: 300px;
    height: 460px;
    background: linear-gradient(27.4deg, #052A94 0%, #174BAA 100%, #4E4EC8 100%, #655BA1 100%);
    border-radius: 20px;
}
#main_news .subscribe .head {
    display: block;
    padding: 70px 0px 0px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 34px;
    line-height: 40px;
    color: #ffffff;
}
#main_news .subscribe .body {
    display: block;
    height: 240px;
    padding: 40px 0px 0px 0px;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    background: url(../images/subscribe.svg) 0px -8px no-repeat;
}
#main_news .subscribe .body form {
    display: block;
    height: 50px;
    margin: 55px 0px 0px 0px;
    border-radius: 50px;
    background: #ffffff;
}
#main_news .subscribe .body form input[type=text] {
    display: block;
    float: left;
    width: calc(100% - 180px);
    height: 50px;
    margin: 0px 0px 0px 25px;
    border: 0px none;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    color: #464A55;
}
#main_news .subscribe .body form button {
    display: block;
    float: right;
    width: 155px;
    height: 50px;
    cursor: pointer;
    border: 0px none;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    color: #464A55;
    border-radius: 50px;
    background: #FFE131;
}
#main_news .subscribe .body .notification {
    display: block;
    opacity: 0;
    transition: all 1s;
    padding: 13px 0px 0px 0px;
    height: 50px;
    font-size: 16px;
    margin: 55px 0px 0px 0px;
    border-radius: 50px;
    background: rgba(255,255,255,0.2);
}
#main_news .subscribe .body .notification.visible {
    opacity: 1;
}


#main_news .news_list .news_item {
    display: flex;
    padding: 25px 0px 0px 0px;
}
#main_news .news_list .news_item .datetime {
    padding: 2px 0px 0px 0px;
    min-width: 50px;
    font-size: 14px;
    font-weight: bold;
    color: #7E8996;
}
#main_news .news_list .news_item .datetime .date {
    font-weight: normal;
    font-size: 11px;
    padding-left: 5px;
}
#main_news .news_list .news_item .snippet .head {
    font-size: 19px;
    line-height: 20px;
    font-weight: bold;
    color: #222222;
    border-bottom: 1px solid #cccccc;
}
#main_news .news_list .news_item .snippet .body {
    display: block;
    padding: 5px 0px 0px 0px;
    font-size: 16px;
    line-height: 25px;
    color: #464A55;
    text-decoration: none;
}



#main_help {
    display: block;
    padding: 80px 0px 0px 0px;
}
#main_help .header {
    display: block;
    font-weight: bold;
    font-size: 36px;
    line-height: 100%;
    color: #222222;
}
#main_help .info {
    display: block;
    padding: 10px 0px 0px 0px;
    font-size: 18px;
    line-height: 100%;
    color: #222222;
    opacity: 0.5;
}
#main_help .help_list_holder {
    display: flex;
    padding: 30px 0px 0px 0px;
    justify-content: space-between;
    opacity: 0.5;
}
#main_help .help_list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: calc(100% - 390px);
}
#main_help .help_list .help_item {
    display: block;
    width: calc(50% - 4px);
    position: relative;
    height: 72px;
    margin-top: 8px;
    padding: 30px 20px 0px 65px;
    font-weight: bold;
    font-size: 19px;
    color: #222222;
    border-radius: 8px;
    background: #FFFFFF;
}
#main_help .help_list .help_item .arrow {
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    border: 2px solid #222222;
    border-width: 0px 0px 2px 2px;
    transform: rotate(-135deg);
}
#main_help .help_list .help_item.icon1 {
    background: #ffffff url(../images/help_icons.svg) 10px 14px no-repeat;
}
#main_help .help_list .help_item.icon2 {
    background: #ffffff url(../images/help_icons.svg) 10px -61px no-repeat;
}
#main_help .help_list .help_item.icon3 {
    background: #ffffff url(../images/help_icons.svg) 18px -147px no-repeat;
}
#main_help .help_list .help_item.icon4 {
    background: #ffffff url(../images/help_icons.svg) 17px -227px no-repeat;
}
#main_help .help_list .help_item.icon5 {
    background: #ffffff url(../images/help_icons.svg) 15px -302px no-repeat;
}
#main_help .help_list .help_item.icon6 {
    background: #ffffff url(../images/help_icons.svg) 20px -388px no-repeat;
}
#main_help .help_list .help_item.icon7 {
    background: #ffffff url(../images/help_icons.svg) 17px -469px no-repeat;
}
#main_help .help_list_integration {
    display: block;
    padding-top: 8px;
    width: 360px;
}
#main_help .integration {
    display: block;
    position: relative;
    padding: 0px 30px 0px 30px;
    min-width: 350px;
    height: 100%;
    background: linear-gradient(46.31deg, #052A94 1.72%, #174BAA 100%, #4E4EC8 100%, #655BA1 100%);
    border-radius: 20px;
}
#main_help .integration .head {
    display: block;
    padding: 60px 0px 0px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 34px;
    line-height: 40px;
    color: #ffffff;
}
#main_help .integration .body {
    display: block;
    height: 320px;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    background: url(../images/integration.png) 50% 50% no-repeat;
}
#main_help .integration .selection {
    display: block;
    position: absolute;
    width: calc(100% - 60px);
    height: 50px;
    transition: all 0.4s;
    padding: 16px 20px 20px 25px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #464A55;
    border-radius: 25px;
    background: #ffffff;
}
#main_help .integration .selection .arrow {
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    transition: all 0.4s;
    margin-top: 0px;
    border: 2px solid #6258AA;
    border-width: 0px 0px 2px 2px;
    transform: rotate(-45deg);
}
#main_help .integration .selection.dropdown {
    height: 400px;
}
#main_help .integration .selection.dropdown .arrow {
    margin-top: 5px;
    transform: rotate(135deg);
}



#main_tryit {
    padding: 100px 0px 0px 0px;
}
#main_tryit .request_form {
    display: block;
    height: 485px;
    border-radius: 20px;
    background: linear-gradient(90deg, #6159A0 0%, #1B2F96 100%);
}
#main_tryit .request_form .content {
    display: block;
    padding: 130px 50px 0px 130px;
    height: 500px;
    background: url(../images/try_bg.svg) 95% 33px no-repeat;
}
#main_tryit .request_form .content .header {
    font-weight: bold;
    font-size: 45px;
    line-height: 50px;
    color: #FFFFFF;
}
#main_tryit .request_form .content .header span {
    color: #FFE131;
}
#main_tryit .request_form .content .subheader {
    padding: 25px 0px 0px 0px;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
}
#main_tryit .request_form .content .form_holder {
    padding: 50px 0px 0px 0px;
}
#main_tryit .request_form .content .form_holder form {
    max-width: 750px;
    height: 50px;
    border-radius: 50px;
    background: #ffffff;
}
#main_tryit .request_form .content .form_holder button {
    display: inline-block;
    float: right;
    width: 160px;
    height: 50px;
    padding: 0px 25px 0px 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border: 0px none;
    border-radius: 50px;
    color: #000000;
    background: #FFE131;
}
#main_tryit .request_form .content .form_holder input[type=text] {
    display: inline-block;
    float: left;
    width: calc(100% / 2 - 110px);
    height: 38px;
    margin: 6px 0px 0px 20px;
    padding: 0px 0px 0px 20px;
    font-size: 16px;
    font-weight: bold;
    border: 0px none;
    color: #000000;
}
#main_tryit .request_form .content .form_holder input[type=text]:nth-child(2) {
    border-left: 1px solid #7E8996;
}



#main_footer {
    padding: 15px 0px 25px 0px;
    margin-top: 100px;
    min-height: 100px;
    /* background: #55529f; */
    background: linear-gradient(90deg, #6159A0 0%, #1B2F96 100%);
}
#main_footer .logo {
    display: block;
    float: left;
    width: 250px;
    height: 100px;
    background: url(../images/logo_white.svg) 0px 50% no-repeat;
    background-size: contain;
}
#main_footer .snippet {
    display: block;
    padding: 40px 0px 0px 30px;
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #FFE131;
}
#main_footer .menu {
    display: block;
    padding: 5px 0px 0px 0px;
    float: right;
    max-width: 500px;

}
#main_footer .menu a {
    display: inline-block;
    width: 225px;
    margin: 8px 0px 0px 20px;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
}


#main_detailed {
    padding: 30px 0px 0px 0px;
}
#main_detailed .article-poster {
    display: block;
    position: relative;
    z-index: 5;
    margin: 0px auto;
    max-width: 1200px;
    height: 520px;
    max-height: 520px;
    overflow: hidden;
    border-radius: 20px;
    background-position: center;
    background-size: cover;
}
#main_detailed .article-poster > img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 20px;
}
#main_detailed .article-poster .tag {
    display: inline-block;
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 10;
    padding: 7px 12px 7px 12px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #222222;
    background: #FFE131;
}
#main_detailed .article-categories {
    display: block;
    padding: 30px;
    width: 280px;
    border-radius: 20px 0px 0px 20px;
    background: #f4f4f4;
}
#main_detailed .article-categories .item {
    display: inline-block;
    padding: 1px 0px 1px 0px;
    /* white-space: nowrap; */
    overflow: hidden;
    margin-top: 5px;
    text-decoration: none;
    border-bottom: 1px solid #bfd3ed;
}
#main_detailed .article-categories .item:hover {
    color: #cd192e;
    border-bottom: 1px solid #f6b4bc;
}
#main_detailed .article-categories .item.selected {
    font-weight: bold;
    color: #cd192e;
    border-bottom: 1px solid #f6b4bc;
}
#main_detailed .article-categories .item.level0 {
    font-size: 18px;
}
#main_detailed .article-categories .item.level1 {
    margin-left: 20px;
}
#main_detailed .article-categories .item.level2 {
    margin-left: 40px;
}
#main_detailed .article-categories .item.level3 {
    margin-left: 60px;
}

#main_detailed.documents .article-categories {
    padding-top: 37px;
}
#main_detailed.documents .article-categories .item2 {
    display: inline-block;
    padding: 1px 0px 1px 0px;
    overflow: hidden;
    margin-top: 3px;
    text-decoration: none;
}
#main_detailed.documents .article-categories .item2:hover {
    color: #cd192e;
}
#main_detailed.documents .article-categories .item2.selected {
    font-weight: bold;
    color: #cd192e;
}
#main_detailed.documents .article-categories .item2.level0 {
    font-size: 18px;
    padding-bottom: 5px;
}
#main_detailed.documents .article-categories .item2.level1 {
    margin-left: 20px;
}
#main_detailed.documents .article-categories .item2.level2 {
    margin-left: 40px;
}
#main_detailed.documents .article-categories .item2.level3 {
    margin-left: 60px;
}
#main_detailed.documents .article-categories .item2 i{
    display: block;
    float: left;
    width: 7px;
    height: 7px;
    border-radius: 100px;
    margin: 4px 4px 0px 0px;
    background: #aaaaaa;
}


#main_detailed .article-body {
    display: block;
    position: relative;
    z-index: 10;
    margin: -10% auto 0px auto;
    padding: 40px 60px 80px 60px;
    max-width: 840px;
    font-size: 18px;
    line-height: 29px;
    border-radius: 20px;
    color: #000000;
    background: #ffffff;
    word-break: break-word;
}
#main_detailed .article-body .share-social-media {
    display: block;
    text-align: center;
    padding: 100px 0px 0px 0px;
}
#main_detailed .article-body .share-social-media .title {
    display: block;
    color: #666666;
    padding: 0px 0px 20px 0px;
}
#main_detailed .article-body .share-social-media .social-link {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0px 10px 0px 10px;
    border-radius: 4px;
    border-bottom: 0px;
}
#main_detailed.help .main_content_holder,
#main_detailed.documents .main_content_holder {
    display: flex;
    justify-content: space-between;
}
#main_detailed.help .article-body,
#main_detailed.documents .article-body {
    width: calc(100% - 280px);
    max-width: 2000px;
    margin: 0px;
    border-radius: 0px 20px 20px 0px;
}
#main_detailed .article-body .path {
    display: block;
    float: left;
    line-height: 18px;
    font-size: 16px;
}
#main_detailed .article-body .path a {
    display: inline-block;
}
#main_detailed .article-body .path .dot {
    display: inline-block;
    color: #444444;
    padding: 0px 5px 0px 5px;
}
#main_detailed .article-body .path .last {
    color: #888888;
}
#main_detailed .article-body .meta {
    display: block;
    float: right;
    font-size: 14px;
    font-size: 16px;
    line-height: 18px;
    color: #828281;
}
#main_detailed .article-body .meta .date,
#main_detailed .article-body .meta .views,
#main_detailed .article-body .meta .dot {
    display: inline-block;
}
#main_detailed .article-body .meta .dot {
    padding: 0px 5px 0px 5px;
}
#main_detailed .article-body .meta .views {
    padding: 0px 0px 0px 25px;
    background: url(../images/icon_eye.svg) 0px 1px no-repeat;
}
#main_detailed .article-body h1 {
    display: block;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.3em;
}
#main_detailed .article-body h2 {
    display: block;
    font-size: 1.5em;
    line-height: 1.3em;
    padding: 15px 0px 0px 0px;
}
#main_detailed .article-body h3,
#main_detailed .article-body h4,
#main_detailed .article-body h5,
#main_detailed .article-body h6 {
    display: block;
    padding: 15px 0px 0px 0px;
    font-size: 1.25em;
    line-height: 1.3em;
}
#main_detailed .article-body p {
    display: block;
    padding: 15px 0px 0px 0px;
    font-size: 18px;
    line-height: 29px;
}
#main_detailed .article-body ul,
#main_detailed .article-body ol {
    display: block;
}
#main_detailed .article-body li{
    margin: 10px 0 10px 2em;
}
#main_detailed .article-body .checklist_holder {
    display: block;
    padding: 15px 0px 0px 0px;
}
#main_detailed .article-body .checklist_holder input[type="checkbox"] {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: -2px 5px 0px 0px;
}
#main_detailed .article-body .inline-code {
    display: inline-block;
    font-family: monospace;
    line-height: 20px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    background: #f8f8f8;
    margin: 0px 2px 0px 2px;
    padding: 2px 5px 2px 5px;
}
#main_detailed .article-body .image_holder {
    display: block;
    width: 100%;
    padding: 15px 0px 0px 0px;
    text-align: center;
}
#main_detailed .article-body .image_holder img {
    display: inline-block;
    max-width: 100%;
}
#main_detailed .article-body .image_holder .caption {
    font-size: 12px;
    color: #888888;
}
#main_detailed .article-body .video_holder {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
#main_detailed .article-body .video_holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#main_detailed .article-body table {
    margin: 15px 0px 0px 0px;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dddddd;
}
#main_detailed .article-body td,
#main_detailed .article-body th {
    padding: 5px;
    font-size: 15px;
    line-height: 17px;
    border: 1px solid #dddddd;
}
#main_detailed .article-body .code {
    font-family: Consolas, Courier, Monospace;
    color: #000088;
    margin-top: 15px;
    padding: 0px 0px 0px 20px;
    border-left: 5px solid #000066;
}
#main_detailed .article-body .quote {
    margin-top: 15px;
    padding: 0px 0px 0px 20px;
    color: #666666;
    border-left: 5px solid #888888;
}
#main_detailed .article-body a {
    color: #346eb8;
    border-bottom: 1px solid #bfd3ed;
    text-decoration: none;
}
#main_detailed .article-body a:hover {
    color: #cd192e;
    border-bottom: 1px solid #f6b4bc;
}
#main_detailed .article-body .delimiter_holder {
    text-align: center;
    padding: 15px 0px 0px 0px;
    font-size: 36px;
    letter-spacing: 0.2em;
}
#main_detailed .article-body .author {
    display: flex;
    flex-flow: row wrap;
}
#main_detailed .article-body .author .photo {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: 2px solid #cccccc;
    overflow: hidden;
}
#main_detailed .article-body .author .photo img {
    width: 100%;
}
#main_detailed .article-body .author .info {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 0px 0px 0px 13px;
    font-size: 14px;
    line-height: 18px;
}
#main_detailed .article-body .author .info .name {
    font-weight: bold;
    text-decoration: none;
    border-bottom: 0px none;
}
#main_detailed .article-body .author .readtime {
    display: flex;
    flex-grow: 1;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-end;
    font-size: 14px;
}
#main_detailed .article-body .article-inline-block {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding: 0px 25px 30px 25px;
    margin: 30px 0px 10px 0px;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.07);
}
#main_detailed .article-body .article-inline-block .article_popular {
    display: block;
    cursor: pointer;
    width: calc(100% / 2 - 10px);
    min-height: 220px;
    margin-top: 20px;
}
#main_detailed .article-body .article-inline-block .header1 {
    display: flex;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 30px 20px 5px 20px;
}
#main_detailed .article-body .article-inline-block .image {
    display: block;
    height: 165px;
    border-radius: 8px 8px  0px 0px;
    background-position: center;
    background-size: cover;
}
#main_detailed .article-body .article-inline-block .article_popular .info {
    display: block;
    padding: 15px 15px 0px 0px;
    border-radius: 0px 0px 8px 8px;
    background: #ffffff;
}
#main_detailed .article-body .article-inline-block .article_popular .tag {
    display: inline-block;
    padding: 4px 8px 4px 8px;
    margin: 16px 0px 0px 16px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 20px;
    color: #222222;
    background: #FFE131;
}
#main_detailed .article-body .article-inline-block .article_popular .info .title {
    display: block;
    height: 46px;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: 110%;
    color: #222222;
    border: 0px none;
}
#main_detailed .article-body .article-inline-block .article_popular .info .meta {
    display: block;
    width: 100%;
    padding: 10px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #7E8996;
}
#main_detailed .article-body .article-inline-block .inline-text .body,
#main_detailed .article-body .article-inline-block .inline-text .body * {
    font-size: 15px;
    line-height: 18px;
}
#main_detailed .article-body .article-inline-block .inline-text {
    display: flex;
    flex-flow: row nowrap;
}
#main_detailed .article-body .article-inline-block .inline-text .logo {
    display: block;
    width: 200px;
    padding-top: 50px;
    margin-right: 20px;

}
#main_detailed .article-body .article-inline-block .inline-text .body {
    padding: 40px 0px 0px 0px;
}
#main_detailed .article-body .article-inline-block .button {
    width: 100%;
    padding: 30px 0px 0px 0px;
    text-align: center;
}
#main_detailed .article-body .article-inline-block .button a {
    display: inline-block;
    padding: 8px 30px 8px 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-decoration: none;
    color: #000000;
    border-radius: 100px;
    border: 0px none;
    background: #ffe131;
}
#main_detailed .article-body .article-inline-block .inline-text .header {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    padding-bottom: 13px;
}
#main_detailed .article-body .article-inline-block .inline-text ul {
    padding: 10px 0px 10px 0px;
}
#main_detailed .article-body .article-inline-block .inline-text li {
    margin: 0px 0px 0px 30px;
}
#main_detailed .article-body .article-inline-block .video {
    position: relative;
    display: block;
    cursor: pointer;
    width: calc(100% / 2 - 10px);
    min-height: 220px;
    margin-top: 20px;
}
#main_detailed .article-body .article-inline-block .video .name {
    display: block;
    height: 46px;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: 110%;
    color: #222222;
    border: 0px none;
}


.video_tutorial_popup {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
}
.video_tutorial_popup.hidden {
    display: none;
}
.video_tutorial_popup .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #ffffff;
    opacity: 0.90;
}
.video_tutorial_popup .close {
    display: block;
    float: right;
    width: 120px;
    height: 30px;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    line-height: 30px;
    /*border: 2px solid #;*/
    border-radius: 100px;
    cursor: pointer;
    color: #ffffff;
    background: #407BFF;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.video_tutorial_popup iframe {
    border: 3px solid #ffcc00;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}





@media screen and (max-width: 500px){
    #main_detailed .article-body .author .readtime {
        align-items: flex-start;
        width: 100%;
        padding-top: 10px;
    }
    #main_detailed .article-body .article-inline-block .article_popular {
        width: 100%;
    }
    #main_detailed .article-body .article-inline-block .inline-text .logo {
        display: none;
    }
    #main_detailed .article-body .article-inline-block .video {
        width: 100%;
    }
}
#main_detailed .article-reset-arrow {
    position: fixed;
    display: block;
    z-index: 1000;
    cursor: pointer;
    width: 50px;
    height: 50px;
    padding: 10px;
    right: 20px;
    bottom: 100px;
    color: #555555;
    border-radius: 4px;
    background: #ffffff;
}


#main_detailed .article-comments {
    display: none;
    margin: 60px auto 0px auto;
    padding: 80px 80px 80px 80px;
    max-width: 1070px;
    border-radius: 20px;
    background: #ffffff;
}
#main_detailed .article-comments .header {
    display: block;
    font-weight: bold;
    font-size: 32px;
    color: #222222;
}
#main_detailed .article-comments .search {
    display: block;
    padding: 30px 0px 0px 0px;
}
#main_detailed .article-comments .search input[type=text] {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0px 0px 0px 20px;
    border: 2px solid #7E8996;
    box-sizing: border-box;
    border-radius: 50px;
    font-size: 16px;
    color: #464A55;
}
#main_detailed .article-comments .comment-item {
    display: block;
    padding: 30px 0px 0px 0px;
}
#main_detailed .article-comments .comment-item .author-image {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    background: #eeeeee;
}
#main_detailed .article-comments .comment-item .author-name {
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #222222;
}
#main_detailed .article-comments .comment-item .author-date {
    display: block;
    font-size: 14px;
    color: #7E8996;
}
#main_detailed .article-comments .comment-item .comment-body {
    display: block;
    padding: 5px 0px 0px 0px;
    font-size: 16px;
    line-height: 120%;
    color: #464A55;
}
#main_detailed .article-comments .comment-item .comment-replay {
    display: block;
    padding: 5px 0px 0px 0px;
    font-size: 16px;
    line-height: 100%;
    color: #7E8996;
}


#main_path {
    display: block;
    font-size: 16px;
    padding: 30px 0px 0px 0px;
}
#main_path a {
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
}
#main_path .dot {
    display: inline-block;
    color: #444444;
    padding: 0px 5px 0px 5px;
}
#main_path .last {
    color: #888888;
}



.integration_block {
    display: block;
    padding: 50px 0px 100px 0px;
}
.integration_block .frame {
    display: flex;
    flex-flow: row wrap;
    max-width: 860px;
    padding: 50px 0px 5px 0px;
    margin: 0px auto;
}
.integration_block .frame .header {
    display: block;
    width: 100%;
    padding: 0px 0px 30px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 44px;
    line-height: 48px;
}
.integration_block .frame .button_holder {
    display: block;
    width: 100%;
    padding: 30px 0px 0px 0px;
    text-align: center;
}
.integration_block .infotext {
    display: block;
    padding: 20px 0px 0px 0px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
}
.integration_block .form {
    max-width: 800px;
    margin: 0px auto;
}
.integration_block .form .control {
    padding: 40px 0px 0px 0px;
}
.integration_block .form .control.first {
    width: 48%;
    float: left;
}
.integration_block .form .control.second {
    width: 48%;
    float: right;
}
.integration_block .form .control label {
    display: block;
    font-size: 16px;
    line-height: 18px;
    padding: 0px 0px 4px 0px;
}
.integration_block .form input[type=text],
.integration_block .form textarea {
    display: block;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    width: 100%;
}
.integration_block .form .invalid input[type=text],
.integration_block .form .invalid textarea {
    border: 1px solid #dd4444;
}
.integration_block .data_block {
    display: block;
    padding: 0px 10px 0px 10px;
    float: left;
    width: 50%;
}
.integration_block .data_block .title {
    display: block;
    text-transform: uppercase;
    color: #203058;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    padding: 0px;
}
.integration_block .block_source,
.integration_block .block_target {
    display: block;
    padding: 50px;
    border-radius:  10px;
    background: #ffffff;
    box-shadow: 0px 0px 20px rgba(90, 90, 170, 0.15);
}
.integration_block .block_source .control,
.integration_block .block_target .control {
    display: block;
    padding: 20px 5px 0px 0px;
}
.integration_block .block_source .control label,
.integration_block .block_target .control label {
    display: block;
    font-size: 14px;
    padding: 2px 0px 5px 0px;
}
.integration_block .block_source .control select,
.integration_block .block_target .control select {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 50px;
    padding-left: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #464a55;
}
.integration_block .info {
    font-size: 15px;
    line-height: 20px;
    text-align: justify;
}



.page_block_faq {
    color: #444444;
}
.page_block_faq .page_block_faq_header {
    padding-bottom: 10px;
}
.page_block_faq .page_block_faq_header * {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}
.page_block_faq .page_block_faq_item {
    margin-top: 10px;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
}
.page_block_faq .page_block_faq_question {
    cursor: pointer;
    padding: 20px 40px 20px 20px;
    background: 98% 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23cccccc" d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"></path></svg>') no-repeat;
    background-size: 20px 20px;
}
#main_detailed .article-body .page_block_faq .page_block_faq_question h3 {
    font-size: 15px;
    padding: 0px;
}
.page_block_faq .page_block_faq_answer {
    overflow: hidden;
}
.page_block_faq .page_block_faq_answer .text {
    padding: 0px 20px 20px 20px;
    font-size: 14px;
    line-height: 18px;
}
.page_block_faq .page_block_faq_answer .text ul {
    margin-left: 20px;
}
.page_block_faq .page_block_faq_item.open  {
    /*box-shadow: 0px 0px 15px rgba(0,0,0,0.1);*/
}
.page_block_faq .page_block_faq_item.open .page_block_faq_question  {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23cccccc" d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"></path></svg>');
}
@media screen and (max-width: 500px){
    .page_block_faq .page_block_faq_header * {
        text-align: center;
    }
    .page_block_faq .page_block_faq_question {
        background-position: 95% 50%;
    }
}



.task_request_block .section_title {
    display: block;
    width: 100%;
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    color: #203058;
}
.task_request_block .section_title h6 {
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    color: #203058;
}
.task_request_block .section_title .small {
    padding: 10px 0px 0px 0px;
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
}


.blog_subscribe_box {
    position: fixed;
    display: block;
    bottom: 100px;
    right: 50px;
    z-index: 1000;
    width: 450px;
    padding: 30px 30px 30px 30px;
    border-radius: 10px;
    color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    background: #6258aa;
}
.blog_subscribe_box .close {
    float: right;
    margin: -20px -20px 0px 0px;
    font-size: 20px;
    cursor: pointer;
}
.blog_subscribe_box .title {
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
}
.blog_subscribe_box .info {
    padding: 10px 0px 0px 0px;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
}
.blog_subscribe_box form {
    display: flex;
    padding: 10px 0px 0px 0px;
}
.blog_subscribe_box input[type=text] {
    width: 100%;
    padding: 6px 6px 6px 9px;
    border: 0px none;
    border-radius: 8px 0px 0px 8px;
    font-weight: bold;
}
.blog_subscribe_box  input[type=text].invalid {
    border: 1px solid #ff0000;
}
.blog_subscribe_box button {
    border-radius: 0px 8px 8px 0px;
    width: 140px;
    padding: 12px;
    cursor: pointer;
    border: 0px none;
    font-weight: bold;
    color: #000000;
    background: #f4d413;
}
.blog_subscribe_box button:hover {
    background: #ffe131;
}


.letter_articles_section {
    display: block;
    padding: 40px;
    border-radius: 20px;
    margin-top: 20px;
    background: #ffffff;
}
.letter_articles_section .letter {
    display: block;
    padding: 0px 0px 3px 0px;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
}
.letter_articles_section .letter_articles {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding: 0px 0px 30px 0px;
}
.letter_articles_section .letter_article {
    display: block;
    width: 25%;
    padding: 5px 0px 0px 0px;
}
.letter_articles_section .letter_article a {
    border-bottom: 1px solid #bfd3ed;
}
@media screen and (max-width: 700px){
    .letter_articles_section .letter_articles {
        justify-content: space-between;
    }
    .letter_articles_section .letter_article {
        width: 30%;
    }
}
@media screen and (max-width: 600px){
    .letter_articles_section {
        padding: 20px;
    }
}
@media screen and (max-width: 400px){
    .letter_articles_section .letter_article {
        width: 45%;
    }
}



.events_articles_section {
}
.events_articles_section .event_articles {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding: 0px 0px 30px 0px;
}
.events_articles_section .event_article {
    display: flex;
    flex-flow: column nowrap;
    width: calc((100% - 60px) / 3);
    border-radius: 8px;
    margin: 20px 0px 0px 30px;
    background: #ffffff;
}
.events_articles_section .event_article:nth-child(3n + 1) {
    margin: 20px 0px 0px 0px;
}
.events_articles_section .event_article .image {
    cursor: pointer;
    height: 160px;
    border-radius: 8px 8px 0px 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.events_articles_section .event_article.fadeout {
    transition: all 300ms;
    opacity: 0.7;
}
.events_articles_section .event_article.fadeout:hover {
    opacity: 1;
}
@media screen and (max-width: 800px){
    .events_articles_section .event_article:nth-child(3n + 1) {
        margin: 20px 0px 0px 30px;
    }
    .events_articles_section .event_article:nth-child(2n + 1) {
        margin: 20px 0px 0px 0px;
    }
    .events_articles_section .event_article {
        width: calc((100% - 30px) / 2);
    }
}
@media screen and (max-width: 600px){
    .events_articles_section .event_article:nth-child(3n + 1) {
        margin: 20px 0px 0px 0px;
    }
    .events_articles_section .event_article:nth-child(2n + 1) {
        margin: 20px 0px 0px 0px;
    }
    .events_articles_section .event_article {
        width: 100%;
        margin: 20px 0px 0px 0px;
    }
}
.events_articles_section .event_article .event_date_type {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}
.events_articles_section .event_article .event_date {
    padding: 20px 20px 0px 20px;
}
.events_articles_section .event_article .event_date > div {
    display: inline-block;
    padding: 4px 10px 4px 10px;
    font-size: 13px;
    color: #888888;
    border: 1px solid #cccccc;
    border-radius: 100px;
}
.events_articles_section .event_article a {
    display: block;
    flex-grow: 1;
    margin: 10px 20px 20px 20px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}
.events_articles_section .event_article .event_types {
    padding: 10px 20px 0px 20px;
    font-size: 13px;
    line-height: 20px;
    color: #888888;
}
.events_articles_section .event_article .event_price {
    padding: 24px 20px 0px 20px;
    font-size: 13px;
    font-weight: bold;
    color: #888888;
}


.evet_categories_list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 20px 0px 0px 0px;
}
.evet_categories_list .category {
    display: block;
    width: calc((100% - 60px) / 3);
    height: 280px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    padding: 130px 0px 0px 0px;
    text-align: center;
    text-decoration: underline;
    /*box-shadow: 0px 0px 5px rgba(0,0,0,0.2);*/
}
.evet_categories_list .category:hover {
    color: #ffff88;
}
.evet_categories_list .category1 {
    background: url(../images/event_cat3.png) 50% 50% no-repeat;
    background-size: cover;
}
.evet_categories_list .category2 {
    background: url(../images/event_cat2.png) 50% 50% no-repeat;
    background-size: cover;
}
.evet_categories_list .category3 {
    background: url(../images/event_cat1.png) 50% 50% no-repeat;
    background-size: cover;
}
@media screen and (max-width: 600px){
    .evet_categories_list .category {
        width: 100%;
    }
    .evet_categories_list .category:nth-child(n + 2) {
        margin-top: 20px;
    }
}




.social-media {
    display: block;
    width: 100%;
    text-align: left;
}
.social-media a.social-link {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0px 10px 0px 0px;
}



#main_site_footer {
    margin-top: 100px;
    padding: 40px 0px 40px 0px;
    background: #645ba1;
}
#main_site_footer.nomargin {
    margin-top: 0px;
}
#main_site_footer .col {
    display: block;
    width: 33%;
    float: left;
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
}
#main_site_footer .col .line {
    display: block;
    width: 34px;
    height: 3px;
    background: #fee333;
}
#main_site_footer .col .info {
    padding: 10px 50px 0px 0px;
    height: 120px;
}
#main_site_footer .col .email {
    padding: 0px 0px 0px 20px;
    margin: 10px 0px 0px 0px;
    color: #fee334;
    background: url(../images/footer_icon1.png) 0px 50% no-repeat;
}



#main_site_footer_info {
    margin-top: 90px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #1c2959;
}
#main_site_footer_info .logo {
    display: block;
    float: left;
    width: 130px;
    height: 30px;
    padding: 22px 0px 0px 0px;
    margin-right: 30px;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    background: url(../../landing/images/logo.svg) 0px 50% no-repeat;
    background-size: contain;
}
#main_site_footer_info .info {
    display: block;
    float: left;
    width: 220px;
    color: #ffffff;
}
#main_site_footer_info .info .email {
    display: block;
    padding: 0px 0px 0px 26px;
    font-size: 14px;
    background: url(../../landing/images/footer_icon1.png) 0px 50% no-repeat;
}
#main_site_footer_info .info .location {
    display: block;
    padding: 0px 0px 0px 26px;
    margin-top: 8px;
    font-size: 14px;
    background: url(../../landing/images/footer_icon2.png) 1px 50% no-repeat;
}
#main_site_footer_info .info .phone {
    display: block;
    padding: 0px 0px 0px 26px;
    margin-top: 8px;
    font-size: 14px;
    background: url(../images/footer_icon3.png) 1px 50% no-repeat;
}
#main_site_footer_info .menu {
    display: block;
    float: right;
    text-align: left;
    width: 600px;
    margin-top: -8px;
}
#main_site_footer_info .menu a {
    display: inline-block;
    width: 270px;
    margin: 8px 0px 0px 20px;
    color: #ffffff;
    font-weight: 500;
    font-size: 12px;
    text-decoration: none;
}
#main_site_footer_info .menu a:hover {
    text-decoration: none;
}

#main_site_footer_info .social-media {
    display: block;
    width: 100%;
    text-align: left;
}
#main_site_footer_info .social-media  a.social-link {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0px 10px 0px 0px;
}



#main_site_footer_info .footer_layout {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
#main_site_footer_info .logo_contacts {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 400px;
}
#main_site_footer_info .menu_links {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: calc(100% - 400px);
}
#main_site_footer_info .menu_links .menu_column {
    width: 30%;
}
#main_site_footer_info .menu_links .header {
    padding: 0px 0px 5px 0px;
    font-weight: bold;
    color: #f8f8f8;
}
#main_site_footer_info .menu_links .menu_column a {
    display: block;
    color: #aaaaaa;
}
#main_site_footer_info .menu_links .menu_catalog {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 20px 0px 0px 0px;
}
#main_site_footer_info .menu_links .menu_catalog .contacts {
    width: calc(30% + 10% / 2);
}
#main_site_footer_info .menu_links .menu_catalog a {
    display: inline-block;
    margin: 0px 4px 0px 0px;
    color: #aaaaaa;
}
#main_site_footer_info .menu_links .togglable_links {
    display: block;
    overflow: hidden;
    height: 82px;
}
#main_site_footer_info .site_content_holder {
    display: block;
    max-width: 1170px;
    width: 100%;
    margin: 0px auto;
}
@media screen and (max-width: 600px) {
    #main_site_footer_info .site_content_holder {
        padding: 0px 15px 0px 15px;
    }
}
@media screen and (max-width: 1000px){
    #main_site_footer_info .menu_links {
        width: 100%;
    }
    #main_site_footer_info .footer_layout {
        flex-direction: column-reverse;
    }
    #main_site_footer_info .logo_contacts {
        padding: 40px 0px 0px 0px;
        width: 100%;
        justify-content: center;
    }
}
@media screen and (max-width: 700px){
    #main_site_footer_info .menu_links .menu_column {
        width: 100%;
        padding: 0px 0px 20px 0px;
    }
    #main_site_footer_info .menu_links .menu_catalog .contacts {
        width: 100%;
        padding: 0px 0px 20px 0px;
    }
    #main_site_footer_info .menu_links .menu_catalog .catalog_letters {
        width: 100%;
    }
}
@media screen and (max-width: 500px){
    #main_site_footer_info .logo_contacts {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
    }
    #main_site_footer_info .logo_contacts .info {
        padding: 20px 0px 0px 0px;
    }
}




#cookie_confirmation_box .holder {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
#cookie_confirmation_box .button_holder {
    padding: 0px 0px 0px 10px;
}
@media screen and (max-width: 600px){
    #cookie_confirmation_box > .holder {
        flex-flow: column nowrap;
    }
    #cookie_confirmation_box .button_holder {
        padding: 10px 0px 0px 0px;
    }
}




.add_event_box .form {
    max-width: 800px;
    margin: 0px auto;
}
.add_event_box .header {
    font-size: 18px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted #999999;
}
.add_event_box .form .control {
    padding: 10px 0px 0px 0px;
}
.add_event_box .form .control.validation_status.invalid {
    border: 1px solid #ee0000;
    border-radius: 4px;
}
.add_event_box .form .inline_controls {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.add_event_box .form .control.first {
    width: calc(50% - 10px);
}
.add_event_box .form .control.second {
    width: calc(50% - 10px);
}
.add_event_box .form .control label {
    display: block;
    font-size: 13px;
    line-height: 13px;
    padding: 0px 0px 4px 0px;
    color: #666666;
}
.add_event_box .form input[type=text],
.add_event_box .form textarea {
    display: block;
    padding: 5px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    width: 100%;
}
.add_event_box .form .invalid input[type=text],
.add_event_box .form .invalid textarea {
    border: 1px solid #dd4444;
}
.add_event_box .form .submit {
    display: inline-block;
    cursor: pointer;
    width: 220px;
    height: 40px;
    border-radius: 100px;
    border: 0px none;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    background: #ffe131;
}
.add_event_box .close {
    display: block;
    width: 30px;
    height: 30px;
    margin: -10px -8px 0px 0px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    border-radius: 100px;
    cursor: pointer;
    color: #aaaaaa;
    /* color: #407BFF; */
    /* box-shadow: 0px 0px 5px rgba(0,0,0,0.2); */
}
.add_event_box .close:hover {
    color: #cccccc;
}
.system_message .error {
    padding: 5px;
    text-align: center;
    font-weight: 800;
    color: #cc0000;
    background: #ffeeee;
}
.system_message .success {
    padding: 5px;
    text-align: center;
    font-weight: 800;
    color: #009900;
    background: #eeffee;
}




@media screen and (max-width: 1500px){
}
@media screen and (max-width: 1400px){
}
@media screen and (max-width: 1300px){
    #main_footer .menu {
        width: 250px;
        padding: 10px 0px 0px 0px;
    }
}
@media screen and (max-width: 1200px){
    #main .main_content_holder {
        padding: 0px 20px 0px 20px;
    }
}
@media screen and (max-width: 1100px){
    #main_board .main_articles_holder {
        height: 600px;
    }
    #main_tryit .request_form .content {
        padding: 100px 50px 50px 50px;
        background-image: none;
    }
}
@media screen and (max-width: 1000px){
    #main_header .button {
        display: none;
    }
    #main_header .main_menu_icon {
        display: block;
    }
    #main_board .main_articles_holder {
        height: 500px;
    }
    #main_header .main_menu {
        display: none;
    }
    #main_header .main_menu.open {
        display: block;
        position: absolute;
        z-index: 15;
        float: none;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        padding: 150px 0px 50px 0px;
        background: #ffffff;
    }
    #main_header .main_menu.open a {
        display: block;
        margin: 20px 0px 0px 0px;
        font-size: 20px;
        text-align: center;
    }
    #main_news .news_list .news_item {
        width: 100%;
    }
    #main_help .help_list .help_item {
        width: 100%;
    }
    #main_help .integration {
        max-height: 540px;
    }
    #main_footer .menu {
        width: auto;
        max-width: 540px;
        float: left;
        padding: 10px 0px 0px 0px;
    }
    #main_footer .menu a {
        margin: 5px 0px 0px 0px;
    }
    #main_board .article_large .info .title {
        font-size: 19px;
    }
}
@media screen and (max-width: 900px){
    #main_popular_list .article_popular_holder {
        padding: 0px;
        flex-flow: row wrap;
    }
    #main_popular_list .article_popular {
        margin-top: 20px;
        width: calc(100% / 2 - 15px);
    }
    #main_tiny_list .main_content_holder {
        flex-flow: row wrap;
    }
    #main_tiny_list .article_tiny {
        width: calc(100% / 2 - 15px);
    }
    #main_tiny_list .article_tiny:nth-child(n+3) {
        display: none;
    }
    #main_detailed.help .article-body {
        padding: 40px 40px 60px 40px;
    }

    #main_categories_list .article_categories.large:nth-child(2) {
        width: 65%;
    }
    #main_categories_list .article_categories.large:nth-child(3) {
        padding-top: 20px;
        width: 100%;
    }
}
@media screen and (max-width: 800px){
    #main_header .main_search_icon {
        display: block;
    }
    #main_search.hidden {
        display: none;
    }
    #main_board .main_articles_holder {
        height: 400px;
    }
    #main_news .news_list_holder {
        display: block;
    }
    #main_news .news_list_subscription {
        width: 100%;
    }
    #main_news .news_list {
        width: 100%;
    }
    #main_help .help_list_holder {
        display: block;
    }
    #main_help .help_list_integration {
        width: 100%;
        height: 540px;
    }
    #main_help .help_list {
        display: flex;
        width: 100%;
    }
    #main_help .help_list .help_item {
        display: block;
        width: calc(50% - 4px);
    }
    #main_board .main_articles_holder {
        display: block;
        height: auto;
    }
    #main_board .articles_large {
        width: 100%;
        height: auto;
    }
    #main_board .article_large {
        width: 100%;
        height: 500px;
    }
    #main_board .articles_small {
        margin-top: 30px;
        width: 100%;
        height: 600px;
    }

    #main_small_list .article_small {
        width: calc(100% / 2 - 15px);
    }


    #main_detailed.help .main_content_holder,
    #main_detailed.documents .main_content_holder {
        flex-flow: row wrap;
    }
    #main_detailed.help .article-body,
    #main_detailed.documents .article-body {
        width: 100%;
        border-radius: 0px 0px 20px 20px;
    }
    #main_detailed .article-categories {
        width: 100%;
        border-radius: 20px 20px 0px 0px;
    }
    #main_detailed .article-categories .scrollbox {
        max-height: 200px;
        overflow: auto;
    }
}
@media screen and (max-width: 700px){
    .integration_block .frame .header {
        padding: 0px 0px 10px 0px;
    }
    .integration_block .data_block {
        width: 100%;
        margin-top: 20px;
    }
}
@media screen and (max-width: 600px){
    #main_tiny_list .main_content_holder {
        display: block;
        padding: 0px;
    }
    #main_tiny_list .article_tiny {
        width: 100%;
        margin-top: 20px;
    }
    #main_popular_list .article_popular_holder {
        display: block;
        padding: 0px;
    }
    #main_popular_list .article_popular {
        width: 100%;
        margin-top: 25px;
    }
    #main_help .help_list {
        display: block;
    }
    #main_help .help_list .help_item {
        width: 100%;
    }
    #main .main_content_holder {
        padding: 0px 10px 0px 10px;
    }
    #main_detailed .article-body {
        padding: 15px;
    }
    #main_detailed .article-body .path {
        float: none;
    }
    #main_detailed .article-body .meta {
        float: none;
        padding: 10px 0px 0px 0px;
    }
    #main_categories_list .article_categories_holder {
        display: block;
        padding-top: 0px;
    }
    #main_categories_list .article_categories.small,
    #main_categories_list .article_categories.large:nth-child(2),
    #main_categories_list .article_categories.large:nth-child(3),
    #main_categories_list .article_categories.large {
        padding-top: 20px;
        width: 100%;
    }
    #main_tryit .request_form .content {
        padding: 50px 20px 0px 20px;
    }
    .blog_subscribe_box {
        bottom: 100px;
        right: 20px;
        width: 350px;
        padding: 20px;
    }
    .blog_subscribe_box .close {
        margin: -12px -10px 0px 0px;
    }
}
@media screen and (max-width: 500px){
    #main_header .logo_apix_drive {
        width: 165px;
        height: 40px;
        margin-top: 5px;
    }
    #main_tryit .request_form .content .header {
        font-size: 36px;
        line-height: 40px;
    }
    #main_tryit .request_form .content .form_holder {
        padding: 0px;
    }
    #main_tryit .request_form .content .form_holder form {
        position: relative;
        height: auto;
        padding: 0px;
        margin: 0px;
        border-radius: 0px;
        background: transparent;
    }
    #main_tryit .request_form .content .form_holder input[type=text] {
        margin: 15px 0px 0px 0px;
        float: none;
        width: 100%;
        height: 38px;
        border-radius: 50px;
    }
    #main_tryit .request_form .content .form_holder input[type=text]:nth-child(2) {
        border-left: 0px none;
    }
    #main_tryit .request_form .content .form_holder button {
        margin: 15px 0px 0px 0px;
        float: none;
        width: 100%;
    }
    #main_detailed .article-poster {
        display: none;
    }
    #main_detailed .article-body {
        margin: 0px auto 0px auto;
    }
    #main_small_list .article_small {
        width: 100%;
    }
    #main_board .article_large .image {
        height: calc(100% - 240px);
    }
    #main_board .article_large .info {
        height: 220px;
    }
    #main_board .article_large {
        height: 390px;
    }

    #main_board  .info_line {
        padding: 20px 0px 20px 0px;
        height: auto;
    }
    #main_board  .info_line .info_line_text {
        padding-left: 20px;
        background: none;
    }
}
@media screen and (max-width: 400px){
    #main_header .logo_apix_drive {
        width: 145px;
        height: 35px;
        margin-top: 7px;
    }
    #main_header .blog_apix_drive {
        font-size: 24px;
    }
}