.container_content {
    margin-bottom: 25px;
    -ms-flex-negative: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    position: relative;
    max-width: 1240px;
    margin-top: calc(60px + 1rem);
    border-radius: 16px;
    background-color: #F7F9FC;
}
    .container_content .view_wrapper { width: 100%; height: auto; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    .container_content .swap_container { min-height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex: 1 0 auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
    .container_content .container_main_wrapper { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.header-grid {
    left:unset;
    right:unset;
    max-width:1240px;
    width:1240px;
    padding:0;
    z-index:60;
}
    .header-grid .one-column {
        padding:1rem;
    }
    .header-grid .two-column {
        padding: 1rem;
    }
    .header-grid .three-column {
        padding: 1rem;
    }

    .container_main {
        max-width: 1240px;
        height: 100%;
        min-height: -o-calc(100% - 60px);
        min-height: calc(100% - 60px);
        min-height: expression(100% - 60px);
        -ms-flex-negative: 1;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding-left: 100px;
        padding-right: 100px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
.container_content .header_page { font-size: 21px; letter-spacing: 1.05px; color: #455A64; text-align: center; font-weight: 700; display: inline-block; }
.main_content { min-height: 800px; width: 100%; margin-left: auto; margin-right: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; padding-right: 0; height: 100%; }

.container_progress { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .container_progress md-progress-circular { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.container_main_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-left: auto; margin-right: auto; }
/* type */

.type .container_left { float: left; display: block; width: 30%; height: 660px; }
.type .container_center { float: left; display: block; width: 40%; height: 660px; }
.type .container_right { float: left; display: block; width: 30%; height: 660px; }
.type .container_source { margin-left: auto; width: 120px; height: 120px; margin-bottom: 100px; }

.type .source_icon { width: 120px; height: 120px; margin-left: 5px; }

.type .center { width: 300px; height: 300px; margin-left: auto; margin-right: auto; background-image: url('../../i/center.svg'); margin-top: 135px; }

.type a { text-decoration: none; }
    .type a.source_item { width: 140px; height: 140px; margin-top: 15%; }
    .type a.source_item_first { width: 140px; height: 140px; margin-top: 25%; }

    .type a.source_item span { width: 140px; display: block; margin-top: 5px; text-align: center; color: #455A64; }
    .type a.source_item_first span { width: 140px; display: block; margin-top: 5px; text-align: center; color: #455A64; }

    .type a.source_item .cl { display: none; }
    .type a.source_item:hover .bw { display: none; }
    .type a.source_item .bw { display: block; }
    .type a.source_item:hover .cl { display: block; }

    .type a.source_item_first .cl { display: none; }
    .type a.source_item_first:hover .bw { display: none; }
    .type a.source_item_first .bw { display: block; }
    .type a.source_item_first:hover .cl { display: block; }

.type .arrow_container { position: relative; }
    .type .arrow_container.first_arrow { margin-left: -153px; margin-top: -48px; display: block; }
    .type .arrow_container.second_arrow { margin-left: -127px; display: block; }
    .type .arrow_container.third_arrow { margin-left: -125px; margin-top: 44px; display: block; }
    .type .arrow_container.fourth_arrow { margin-left: -156px; display: block; margin-top: -36px; }

.type .target_item { width: 80px; height: 80px; background-image: url('/s/i/phone.svg'); margin-right: auto; display: block; }

.switch_to { color: #42A6ED; cursor: pointer; }
.task_bar .switch_to { font-size: 18px; font-weight: bold; cursor: pointer; margin-left: 10px; color: #42A6ED; }

html body { }