.matrix-diagram {position:relative; font-size:4px; max-width:872px; margin:0 auto}
@media only screen and (min-width:400px) {.matrix-diagram {font-size:5px }
}
@media only screen and (min-width:576px) {.matrix-diagram {font-size:6px }
}
@media only screen and (min-width:1260px) {.matrix-diagram {font-size:8px }
}
.matrix-diagram__circle {font-family:"Roboto",sans-serif; display:flex; align-items:center; justify-content:center; position:absolute; z-index:5; border-radius:50%; border:2px solid transparent; background-color:#ffffff; color:#a3a3a6; font-weight:500; line-height:1; transition:color 0.3s,background-color 0.3s,border-color 0.3s}
.matrix-diagram__circle.-position-a {top:50%; left:3.9%; transform:translate(0,-50%)}
.matrix-diagram__circle.-position-a2 {top:50%; left:13%; transform:translate(0,-50%)}
.matrix-diagram__circle.-position-a1 {top:50%; left:19.4%; transform:translate(0,-50%)}
.matrix-diagram__circle.-position-a3 {top:50%; left:32.4%; transform:translate(0,-50%)}
.matrix-diagram__circle.-position-b {top:3.9%; left:50%; transform:translate(-50%,0)}
.matrix-diagram__circle.-position-b2 {top:13.1%; left:50%; transform:translate(-50%,0)}
.matrix-diagram__circle.-position-b1 {top:19.5%; left:50%; transform:translate(-50%,0)}
.matrix-diagram__circle.-position-b3 {top:32.5%; left:50%; transform:translate(-50%,0)}
.matrix-diagram__circle.-position-c {top:50.1%; right:4%; transform:translate(0,-50%)}
.matrix-diagram__circle.-position-c2 {top:50.1%; right:13.1%; transform:translate(0,-50%)}
.matrix-diagram__circle.-position-c1 {top:50.1%; right:19.5%; transform:translate(0,-50%)}
.matrix-diagram__circle.-position-d {bottom:3.9%; left:50%; transform:translate(-50%,0)}
.matrix-diagram__circle.-position-d2 {bottom:13.1%; left:50%; transform:translate(-50%,0)}
.matrix-diagram__circle.-position-d1 {bottom:19.5%; left:50%; transform:translate(-50%,0)}
.matrix-diagram__circle.-position-e {top:50%; left:49.9%; transform:translate(-50%,-50%)}
.matrix-diagram__circle.-position-e1 {top:50%; right:39.2%; transform:translate(0,-50%)}
.matrix-diagram__circle.-position-e2 {top:50%; right:34.7%; transform:translate(0,-50%)}
.matrix-diagram__circle.-position-f {top:16%; left:16.2%}
.matrix-diagram__circle.-position-g {top:16.1%; right:16.1%}
.matrix-diagram__circle.-position-y {bottom:15.9%; right:16.3%}
.matrix-diagram__circle.-position-p1 {top:27.8%; right:27.8%}
.matrix-diagram__circle.-position-p2 {top:23%; right:23%}
.matrix-diagram__circle.-position-p3 {bottom:27.8%; left:27.8%}
.matrix-diagram__circle.-position-p4 {bottom:23%; left:23%}
.matrix-diagram__circle.-position-k {bottom:16.1%; left:16%}
.matrix-diagram__circle.-position-s1 {top:27.8%; left:27.8%}
.matrix-diagram__circle.-position-s2 {top:23%; left:23%}
.matrix-diagram__circle.-position-s3 {bottom:23%; right:23%}
.matrix-diagram__circle.-position-s4 {bottom:27.8%; right:27.8%}
.matrix-diagram__circle.-position-x {bottom:33.7%; right:33.7%}
.matrix-diagram__circle.-position-x1 {bottom:26.6%; right:40.7%}
.matrix-diagram__circle.-position-x2 {bottom:40.6%; right:26.6%}
.matrix-diagram__circle.-size-lg {width:9.143%; height:9.143%; font-size:1.8em}
.matrix-diagram__circle.-size-md {width:6.4%; height:6.4%; font-size:1.1em}
.matrix-diagram__circle.-size-sm {width:4.572%; height:4.572%; font-size:0.5em}
.matrix-diagram__circle.-active {color:#686868}
.matrix-diagram__circle.-purple.-active {border-color:#8a46a3}
.matrix-diagram__circle.-red.-active {border-color:#ef4141}
.matrix-diagram__circle.-yellow.-active {border-color:#ffed47}
.matrix-diagram__circle.-white.-active {background-color:#fff; border-color:#222831; color:#222831}
.matrix-diagram__circle.-blue.-active {border-color:#526dfa}
.matrix-diagram__circle.-cyan.-active {border-color:#45cfe1}
.matrix-diagram__circle.-orange.-active {border-color:#ffae34}
.matrix-diagram__circle.-green.-active {border-color:#afde61}
.matrix-diagram__number {position:absolute; font-size:0.7em; z-index:10; min-width:14px; text-align:center}
.matrix-diagram__number.-bold {font-weight:700}
.matrix-diagram__number.-position-b8 {top:3.3%; right:40.2%}
.matrix-diagram__number.-position-b7 {top:4.8%; right:36.9%}
.matrix-diagram__number.-position-k2 {top:5.8%; right:34.1%}
.matrix-diagram__number.-position-k1 {top:7.4%; right:30.5%}
.matrix-diagram__number.-position-k4 {top:8.8%; right:27.2%}
.matrix-diagram__number.-position-k3 {top:9.9%; right:24.3%}
.matrix-diagram__number.-position-k5 {top:11.4%; right:21%}
.matrix-diagram__number.-position-k8 {top:21.9%; right:10.5%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-k8 {top:22.3%; right:10.9% }
}
.matrix-diagram__number.-position-k7 {top:25.2%; right:9.2%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-k7 {top:25.6%; right:9.6% }
}
.matrix-diagram__number.-position-k6 {top:28.3%; right:7.8%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-k6 {top:28.7%; right:8.2% }
}
.matrix-diagram__number.-position-c4 {top:31.2%; right:6.5%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-c4 {top:31.6%; right:6.9% }
}
.matrix-diagram__number.-position-c6 {top:34.3%; right:5.4%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-c6 {top:34.7%; right:5.8% }
}
.matrix-diagram__number.-position-c5 {top:37.5%; right:4%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-c5 {top:37.9%; right:4.4% }
}
.matrix-diagram__number.-position-c7 {top:41.2%; right:2.3%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-c7 {top:41.6%; right:2.7% }
}
.matrix-diagram__number.-position-y3 {bottom:40.2%; right:2.8%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-y3 {bottom:40.6%; right:3.2% }
}
.matrix-diagram__number.-position-y2 {bottom:37.3%; right:4%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-y2 {bottom:37.7%; right:4.4% }
}
.matrix-diagram__number.-position-y4 {bottom:34%; right:5.2%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-y4 {bottom:34.4%; right:5.6% }
}
.matrix-diagram__number.-position-y1 {bottom:30.8%; right:6.5%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-y1 {bottom:31.2%; right:6.9% }
}
.matrix-diagram__number.-position-y6 {bottom:27.7%; right:7.7%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-y6 {bottom:28.1%; right:8.1% }
}
.matrix-diagram__number.-position-y5 {bottom:24.2%; right:9.2%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-y5 {bottom:24.6%; right:9.6% }
}
.matrix-diagram__number.-position-y7 {bottom:20.8%; right:10.5%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-y7 {bottom:21.2%; right:10.9% }
}
.matrix-diagram__number.-position-d6 {bottom:11.1%; right:21%}
.matrix-diagram__number.-position-y8 {bottom:9.7%; right:24.3%}
.matrix-diagram__number.-position-d5 {bottom:8.4%; right:27.4%}
.matrix-diagram__number.-position-d4 {bottom:6.5%; right:31.3%}
.matrix-diagram__number.-position-d8 {bottom:5.1%; right:35%}
.matrix-diagram__number.-position-d7 {bottom:3.7%; right:38.7%}
.matrix-diagram__number.-position-d9 {bottom:2.3%; right:42.8%}
.matrix-diagram__number.-position-g3 {bottom:2.5%; left:41.7%}
.matrix-diagram__number.-position-g2 {bottom:3.7%; left:38.6%}
.matrix-diagram__number.-position-g4 {bottom:5%; left:35.3%}
.matrix-diagram__number.-position-g1 {bottom:6.5%; left:31.3%}
.matrix-diagram__number.-position-g7 {bottom:7.8%; left:28.3%}
.matrix-diagram__number.-position-g5 {bottom:9.1%; left:25.3%}
.matrix-diagram__number.-position-g6 {bottom:10.5%; left:22.1%}
.matrix-diagram__number.-position-t3 {bottom:21.8%; left:10.4%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-t3 {bottom:22.2%; left:10.8% }
}
.matrix-diagram__number.-position-t2 {bottom:24.9%; left:9.4%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-t2 {bottom:25.3%; left:9.8% }
}
.matrix-diagram__number.-position-t4 {bottom:28%; left:7.9%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-t4 {bottom:28.4%; left:8.3% }
}
.matrix-diagram__number.-position-t1 {bottom:31.4%; left:6.3%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-t1 {bottom:31.6%; left:6.7% }
}
.matrix-diagram__number.-position-t6 {bottom:34.3%; left:5.3%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-t6 {bottom:34.7%; left:5.7% }
}
.matrix-diagram__number.-position-t5 {bottom:37.6%; left:4.1%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-t5 {bottom:38%; left:4.1% }
}
.matrix-diagram__number.-position-t7 {bottom:41.2%; left:2.3%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-t7 {bottom:41.6%; left:2.7% }
}
.matrix-diagram__number.-position-a5 {top:40.4%; left:2.8%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-a5 {top:40.8%; left:3.2% }
}
.matrix-diagram__number.-position-a4 {top:37.3%; left:4.1%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-a4 {top:37.7%; left:4.5% }
}
.matrix-diagram__number.-position-a6 {top:34%; left:5.2%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-a6 {top:34.4%; left:5.6% }
}
.matrix-diagram__number.-position-f1 {top:30.8%; left:6.4%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-f1 {top:31.2%; left:6.8% }
}
.matrix-diagram__number.-position-f3 {top:27.6%; left:7.8%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-f3 {top:28%; left:8.2% }
}
.matrix-diagram__number.-position-f2 {top:24.4%; left:9.3%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-f2 {top:24.8%; left:9.7% }
}
.matrix-diagram__number.-position-f4 {top:20.7%; left:10.7%}
@media only screen and (min-width:400px) {.matrix-diagram__number.-position-f4 {top:21.1%; left:11.1% }
}
.matrix-diagram__number.-position-f7 {top:10.8%; left:22.1%}
.matrix-diagram__number.-position-f6 {top:9.4%; left:25.5%}
.matrix-diagram__number.-position-f8 {top:8%; left:28.8%}
.matrix-diagram__number.-position-f5 {top:6.4%; left:32%}
.matrix-diagram__number.-position-b5 {top:5.3%; left:35.1%}
.matrix-diagram__number.-position-b4 {top:4%; left:38.4%}
.matrix-diagram__number.-position-b6 {top:3%; left:42%}
.health-table {}
@media only screen and (min-width:400px) {.health-table {}
}
@media only screen and (min-width:576px) {.health-table {}
}
.health-table th,.health-table td {}
@media only screen and (max-width:575px) {.health-table th,.health-table td {padding:5px 8px }
}
.health-table thead tr {}
.health-table thead tr th {color:#3b3b3b; border-bottom:1px solid #ececec}
.health-table thead tr th {}
.health-table tbody tr {}
.health-table tbody tr:nth-child(2n) {}
.health-table tbody tr.-purple-row {}
.health-table tbody tr.-purple-row td {}
.health-table tbody tr.-purple-row td:first-child {text-align:left; padding-left:20px; color:#8a46a3}
.health-table tbody tr.-purple-row .table-title-with-prompt .table-title-with-prompt__icon {color:rgba(138,70,163,.5)}
.health-table tbody tr.-purple-row .-active {}
.health-table tbody tr.-blue-row {}
.health-table tbody tr.-blue-row td {}
.health-table tbody tr.-blue-row .table-title-with-prompt .table-title-with-prompt__icon {color:#526dfa}
.health-table tbody tr.-blue-row .-active {}
.health-table tbody tr.-blue-row td:first-child {text-align:left; padding-left:20px; color:#526dfa}
.health-table tbody tr.-cyan-row {}
.health-table tbody tr.-cyan-row td {}
.health-table tbody tr.-cyan-row .table-title-with-prompt .table-title-with-prompt__icon {color:#45cfe1}
.health-table tbody tr.-cyan-row .-active {}
.health-table tbody tr.-cyan-row td:first-child {text-align:left; padding-left:20px; color:#45cfe1}
.health-table tbody tr.-green-row {}
.health-table tbody tr.-green-row td {}
.health-table tbody tr.-green-row .table-title-with-prompt .table-title-with-prompt__icon {color:#afde61}
.health-table tbody tr.-green-row .-active {}
.health-table tbody tr.-green-row td:first-child {text-align:left; padding-left:20px; color:#afde61}
.health-table tbody tr.-yellow-row {}
.health-table tbody tr.-yellow-row td {}
.health-table tbody tr.-yellow-row .table-title-with-prompt .table-title-with-prompt__icon {color:#ffc700}
.health-table tbody tr.-yellow-row .-active {}
.health-table tbody tr.-yellow-row td:first-child {text-align:left; padding-left:20px; color:#ffc700}
.health-table tbody tr.-orange-row {}
.health-table tbody tr.-orange-row td {}
.health-table tbody tr.-orange-row .table-title-with-prompt .table-title-with-prompt__icon {color:#ffae34}
.health-table tbody tr.-orange-row .-active {}
.health-table tbody tr.-orange-row td:first-child {text-align:left; padding-left:20px; color:#ffae34}
.health-table tbody tr.-red-row {}
.health-table tbody tr.-red-row td {}
.health-table tbody tr.-red-row .table-title-with-prompt .table-title-with-prompt__icon {color:#ef4141}
.health-table tbody tr.-red-row .-active {}
.health-table tbody tr.-red-row td:first-child {text-align:left; padding-left:20px; color:#ef4141}
.health-table tbody tr.-gray-row {color:black; font-weight:bold}
.health-table tbody tr.-gray-row td {}
.health-table tbody tr.-gray-row .table-title-with-prompt .table-title-with-prompt__icon {color:#a0a2af}
.health-table tbody tr.-gray-row .-active {}
.health-table tbody tr td:first-child {text-align:left; padding-left:20px}
.health-table tbody tr:last-child td {}
.health-table thead tr td,.health-table tbody tr td {}
.health-table thead tr th:first-child,.health-table tbody tr th:first-child {}
.health-table .h5.table-title-with-prompt {font-weight:700}
 .matrix .form-container {max-width:826px; margin-left:auto; margin-right:auto; color:#575657}
 .matrix .form-container form {display:flex; flex-direction:column}
 .matrix .user-data {align-items:flex-start; justify-content:flex-start; font-size:16px; line-height:30px; flex-direction:row; max-width:100%; flex-wrap:wrap}
.matrix .group {display:flex; align-content:flex-end; align-items:flex-end}
.matrix input[type="text"] {border-bottom:1px dashed #575657; background-color:#f7f7f7 !important; color:#575657; margin-right:10px; height:26px; padding:5px; margin-top:4px; border:none; color:#999; border-radius:0; -webkit-appearance:none; -webkit-border-radius:0; font-size:16px; text-align:left; background:#000000a3; border-bottom:1px dashed #999; width:150px; margin-top:14px}
.matrix .button {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 20px 0;
    width: 100%;
}
    #podpiska input[type="text"]{border:1px solid #8cb7b8;border-radius:3px;height:41px;width:100%;color:#8c8e8c;font:300 13px / 41px Roboto,sans-serif;padding:0 10px;margin:0 0 10px}
    .go_promocod_form, #podpiska input[type="submit"]{background:#EDAA25;color:#fff;font:bold 18px Roboto,sans-serif;border:0;border-radius:3px;width:100%;height:43px;text-align:center;margin:10px 0 20px}
    .btn_podp{display:inline-block;padding:4px 10px;background:#08c;border-radius:5px;margin-right:5px;text-decoration:none!important;color:#fff}
    .step_2 .center img{ width:160px;display:block;margin:0 auto 0;}
    @media (max-width: 768px) {
        .step_2 .center img{ display:none;}
    }
    #calc_form .btn:hover{ color:#fff}
    #calc_form .btn {
    text-decoration: none;
    border: 1px solid #252525;
    text-align: center;
    cursor: pointer;
    padding: 5px 0;
    border-radius: 0;
    max-width: 100%;
    background-color: #141414;
    color: #fbfbfb;
    font-size:16px;
    text-transform: uppercase;
    width: 190px;
    height: 42px;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}
.matrix label {font-weight:normal; margin-bottom:0}
.matrix .form-group {margin-bottom:15px}
 .matrix .form-group label {display:block; margin-bottom:5px}
 .matrix .form-row {display:flex; align-items:center; justify-content:space-between; margin-bottom:15px}
 .matrix .form-row label {margin-right:10px}
 .matrix .form-row input[type="text"] {flex-grow:1; padding:8px; box-sizing:border-box}
 .matrix .form-row input[type="radio"] {margin-right:5px}
 .matrix .accordion {background-color:#ffffff; border:1px solid #ccc; margin-bottom:10px; cursor:pointer}
 .matrix .accordion h3 {margin: 0 !important; cursor:pointer; font-size:18px; padding:10px;}
 .matrix .panel {max-height:0; overflow:hidden; transition:max-height 0.3s ease-out; margin-bottom:0; background-color:transparent; border:1px solid transparent; border-radius:0; -webkit-box-shadow:none; box-shadow:none; }
 .matrix .accordion.active .panel { margin-top:10px}
 .matrix .panel-content {padding:10px 0}
 .matrix .accordion h3::after {content:'\002B'; font-size:20px; float:right}
 .matrix .accordion.active h3::after {content:'\2212'}
 .matrix .accordion.closed h3::after{content:'';width: 14px;height: 18px;background: url(/assets/template/images/close.svg) no-repeat;}
 
 
.matrix  input[type="radio"]:not(:checked),
.matrix  input[type="radio"]:checked {
    /* Прежде поле уводили за экран на left:-9999px. На iOS это
       расширяет прокручиваемую область документа, и страницу можно
       смахнуть вбок, хотя видимого содержимого там нет. Скрываем
       общепринятым способом — раскладку он не растягивает, поле
       остаётся доступным с клавиатуры и для чтения с экрана. */
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;}
.matrix  input[type="radio"]:checked + label, .matrix  input[type="radio"]:not(:checked) + label {
    border: 1px solid #ccc;
    padding: 0 5px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    text-align: center;
}
.matrix .form-check-fem, .matrix .form-check-man {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 5px 0;
    float: left;
    max-width: 100%;
}
.matrix .form-check-man  {
    margin-left: 0;
}
.matrix input[name="gender"]:checked + label {
    color: #edaa25;
}
.matrix input[name="gender1"]:checked + label {
    color: #edaa25;
}
@media only screen and (max-width:768px) {.diagram {margin-top:40px}
 .matrix-diagram__circle.-size-lg {font-size:1.2em}
.matrix-diagram__circle.-size-md {font-size:0.8em}
.matrix-diagram__circle.-size-sm {font-size:0.5em}
.matrix-diagram__number {font-size:0.4em}
.matrix .accordion h3 {font-size:12px}
.matrix .accordion h3::after {margin-top:-5px}
.matrix .button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.matrix .form-check-fem, .matrix .form-check-man {
    width: 85px;
}                                        
}
.msoneclickSuccess {
    text-align: center;
    display:none;
}

p.errorp{ color:red;margin:0 0 5px;line-height: 16px;font-size:13px;}
.freetest .qrcode{ width:80px;}
.freetest .buy_tarif{display: inline;
    width: auto;
    border: 1px solid #ddd;
    background: #eee;
    color: #000;
    padding: 4px 10px;
}
@media (max-width:776px) {
    .step_body{ padding:0;}
    #podpiska p{ font-size:13px;}
    #podpiska{ min-height:410px}
    #project-list{ padding:0 10px 10px }
    .freetest .qrcode{ display:none}
    .freetest .buy_tarif{ display: inline-block;margin-top: 9px;}
}
.accordion.active .panel {
    max-height: 10000px;
    margin: 0 0 10px;
    padding: 10px;
}