*,
*:before,
*:after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

button:active,
button:focus,
input:focus,
textarea:focus,
img:focus {
    outline: none;
}

html {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #3c3c3c;
}

body {
    display: flex;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    font-size: 1.6rem;
}

.container {
    width: 96%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.flex-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

input,
textarea,
select,
button {
    border: 1px solid #cfd3db;
}

input[type='checkbox'],
input[type='radio'] {
    width: 1.2em;
    height: 1.2em;
    margin-right: .8em;
    position: relative;
    top: .2em;
}

input[type='submit'],
input[type='button'],
button {
    margin-top: 30px;
}

input:disabled,
textarea:disabled,
select:disabled,
button:disabled {
    border: 1px solid #e9ecf3;
}

.btn {
    display: block;
    width: 100%;
    height: 40px;
    margin: 10px 0 0;
    font-size: 1.6rem;
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    border: 2px solid #f8af22;
    background: #ffffff;
    color: #f8af22;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.btn:hover,
.btn:active {
    background: rgba(248, 175, 34, .5);
    color: #000;
}

.orange-bg-light {
    background: #f7bd4d;
    color: #3c3c3c;
}

.orange-text-light {
    color: #f7bd4d;
}

.orange-text-dark {
    color: #a87637;
}

h1 {
    font-size: 3.2rem;
}

h2 {
    font-size: 2.4rem;
}

h3 {
    font-size: 2rem;
}

h4 {
    font-size: 1.8rem;
}

h1, h2, h3, h4 {
    font-weight: 700;
    margin-bottom: 1em;
}

input,
textarea,
select,
label,
button {
    font-size: 1.6rem;
    color: #3c3c3c;
}

.field-group {
    margin-bottom: 10px;
    position: relative;
}

.field-group-text input {
    width: 100%;
    padding: 10px;
}

.pagination {
    list-style-type: none;
}

.pagination li {
    display: inline-block;
    margin-right: 1px;
}

.pagination li a {
    padding: 0 3px;
    text-decoration: none;
    line-height: 2rem;
    color: inherit;
}

.pagination li a:hover,
.pagination li a:active {
    background: rgba(248, 175, 34, .5);
}

.pagination li.active a {
    font-weight: 600;
    background: #f5af28;
    color: #ffffff;
}

header.header-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 3%;
    background: #f5f5f5;
    z-index: 100;
}

.index-top-logo a {
    display: block;
    width: 178px;
    height: 48px;
    background: url('../i/logo.svg') no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

input[type='checkbox'].top-menu-checkbox {
    display: none;
}

label.label-top-menu-checkbox {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1OSA0NTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1OSA0NTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz4KCTxnIGlkPSJtZW51Ij4KCQk8cGF0aCBkPSJNMCwzODIuNWg0NTl2LTUxSDBWMzgyLjV6IE0wLDI1NWg0NTl2LTUxSDBWMjU1eiBNMCw3Ni41djUxaDQ1OXYtNTFIMHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzdBN0E3QSIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.top-menu-body {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.top-menu-body ul {
    margin-top: 20px;
    list-style-type: none;
    text-align: center;
}

.top-menu-body ul li a {
    display: block;
    padding: 8px 0;
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration: none;
    color: rgba(0, 0, 0, .5);
}

.top-menu-body ul:last-child li a {
    padding: 0;
    font-size: 1.4rem;
    font-weight: 400;
}

.top-menu-checkbox:checked + label {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1OSA0NTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1OSA0NTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz4KCTxnIGlkPSJtZW51Ij4KCQk8cGF0aCBkPSJNMCwzODIuNWg0NTl2LTUxSDBWMzgyLjV6IE0wLDI1NWg0NTl2LTUxSDBWMjU1eiBNMCw3Ni41djUxaDQ1OXYtNTFIMHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0Y4QUYyMiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+);
}

.top-menu-checkbox:checked ~ .top-menu-body {
    max-height: 500px;
}

.top-menu-body .link-srt {
    width: 150px;
    height: 28px;
    margin: 15px auto;
    text-transform: none;
    line-height: 25px;
}

main {
    height: calc(100vh - 148px);
    margin-top: 78px;
}

main.login-page {
    background: url("../i/bg-1.png") no-repeat center;
    background-size: 100% auto;
}

main.faq-page {
    background: url("../i/bg-numbers.png");
    background-size: 100%;
}

.btn-body {
    width: 100%;
    height: 160px;
    padding: 0 3%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

.btn-body a {
    width: 200px;
    line-height: 40px;
}

.index-bg {
    width: 100%;
    height: calc(100% - 160px);
    background: url('../i/bg-logo-600.png') no-repeat center;
    background-size: contain;
}

.btn-body a {
    text-decoration: none;
}

.form-login,
.form-guest {
    width: 300px;
    margin: auto;
    position: relative;
}

.error-info {
    position: absolute;
    top: -4.4rem;
    padding: 5px;
    font-size: smaller;
    text-align: center;
    color: #a52a2a;
    background: #f2dfdf;
    z-index: 150;
}

.no-fixed-page.faq-page {
    height: auto;
    padding-top: 50px;
}

.faq-page h4 {
    display: inline-block;
    margin: 30px 0 15px 0;
}

.faq-page h4 + input {
    display: none;
}

.faq-page h4 + input + label {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 15px;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNv…4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.faq-page h4 ~ div {
    position: relative;
    width: 100%;
    /*height: 0;*/
    margin-bottom: 40px;
    padding-top: 56.25%;
    text-align: center;
    -webkit-transition: 1.5s ease;
    -moz-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    transition: 1.5s ease;
}

.faq-page h4 ~ div > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.faq-page h4 + input {
    display: none;
}

.faq-page h4 + input + label {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 15px;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA0NjYgNDY2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NjYgNDY2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiIgZmlsbD0iI0E4NzYzNyI+PHBhdGggZD0iTTM3MC4wMDEsMjYuMzVIMTguNUM4LjI4MiwyNi4zNSwwLDM0LjYzMywwLDQ0Ljg1djI4OS40NzdjMCwxMC4yMTgsOC4yODIsMTguNSwxOC41LDE4LjVoMjYyLjY2MmwtMjAuMzI2LTIzLjU3MSAgICAgaC00OC41NDh2LTI5LjYwM2gyNS40MzVsLTAuMTgzLTAuMjI0Yy02LjQ5LTcuNDA3LTEwLjc4NC0xNS4wNjEtMTIuODUtMjIuNDI5SDQ0LjRWMTAyLjE3NWgyOTkuN1YyNzdoLTQwLjIxMyAgICAgYzYuMTA0LDYuNDg1LDEyLjQ5MSwxMy4wNTMsMTcuODUzLDE4LjM2OGMzLjc1OS0zLjUyMSw4LjE5MS03LjQxNiwxMy4xNTktMTEuMzE0YzE2LjkyNS0xMy4yODgsMzMuMzg4LTIxLjQxNCw0OC45MzItMjQuMTUxICAgICBjMS41NjItMC4yNzQsMy4xMjEtMC40NzksNC42NzItMC42NDdWNDQuODVDMzg4LjUwMSwzNC42MzMsMzgwLjIxOSwyNi4zNSwzNzAuMDAxLDI2LjM1eiBNMTI5LjAzOCwyOTkuNjUzaDQ3LjE3NXYyOS42MDEgICAgIGgtNDcuMTc1VjI5OS42NTN6IE00NS43ODcsMjk5LjY1M2g0Ny4xNzZ2MjkuNjAxSDQ1Ljc4N1YyOTkuNjUzeiBNOTIuOTYzLDc5LjUyMUg0NS43ODd2LTI5LjZoNDcuMTc2Vjc5LjUyMXogTTE3Ni4yMTMsNzkuNTIxICAgICBoLTQ3LjE3NXYtMjkuNmg0Ny4xNzVWNzkuNTIxeiBNMjU5LjQ2Myw3OS41MjFoLTQ3LjE3NXYtMjkuNmg0Ny4xNzVWNzkuNTIxeiBNMzQyLjcxMyw3OS41MjFoLTQ3LjE3NXYtMjkuNmg0Ny4xNzVWNzkuNTIxeiIvPjxwYXRoIGQ9Ik00NjQuNjYyLDM1NC4zMjVjLTQuNTk1LTI0Ljc2Ni0yMC4zNTctNDcuNjYyLTI5LjM0NC01OS4xMWMtMTIuMTkxLTE1LjUzLTI3LjY2Ni0yMS43NjctNDUuOTktMTguNTM4ICAgICBjLTEzLjA4NiwyLjMwNS0yNy4zMDcsOS40MjktNDIuMjcxLDIxLjE3N2MtMTAuNTcyLDguMzAzLTE4LjU1OCwxNi42MTEtMjIuMDg4LDIwLjQ3OWMtOC44NzQtNy42NDQtMzMuNjUxLTMzLjE3NS00NS44MTYtNDcuNTcxICAgICBjLTYuMTA5LTcuMjI5LTIxLjg2NS0yMi42MDQtMzMuNjIxLTExLjk5MWMtMTIuNjU0LDEyLjMwMSw1Ljg4MiwzMi4zOTYsNi4zNjIsMzIuOTc5bDc0LjM2Miw5MS4wMjQgICAgIGMtMC4zMDEsMC40MDItMC42MzcsMC43NTItMS4wMjEsMS4wNTVjLTcuMTMzLDUuNjAxLTI3Ljk0My00LjY5LTM2LjM0NC0xMC4yNDVjLTcuNjgtNS4wNzYtMjAuNjA5LTUuMDM3LTI3LjEzNywwLjA4NiAgICAgYy0yLjYxMiwyLjA1My00LjA2LDQuODQyLTQuMDc1LDcuODU0Yy0wLjAyMSw0LjMzOCwyLjgxNSw4LjgyLDguNDIyLDEzLjMxM2MwLjA2MywwLjA1MSwwLjE3NywwLjE0OSwwLjMzOSwwLjI4OSAgICAgYzguMjg2LDcuMSwzMC43NjQsMjQuNzgyLDYwLjQ0NSwzNS42NjhjMTkuMDI3LDYuOTc5LDM3LjU2NCw5Ljg1NCw1NS4xMDQsOC41NTFjMjEuNzU0LTEuNjIxLDQyLjAyMy05LjY5Myw2MC4yNDYtMjQgICAgIEM0NjEuNzgxLDM5OS45OTEsNDY5LjMyNywzNzkuNDYxLDQ2NC42NjIsMzU0LjMyNXoiLz48cGF0aCBkPSJNMTc1Ljk3NiwxMjcuNDIzYy0yLjg0NS0yLjM4Ny02LjgxNS0yLjkwNS0xMC4xODMtMS4zMzVjLTMuMzY1LDEuNTctNS41MTcsNC45NDgtNS41MTcsOC42NjJ2MTAwLjgzMyAgICAgYzAsMy43MTUsMi4xNTEsNy4wOTIsNS41MTcsOC42NjFjMS4yOTEsMC42MDQsMi42NzEsMC44OTcsNC4wNDIsMC44OTdjMi4yMDQsMCw0LjM4Ni0wLjc2Myw2LjE0MS0yLjIzM2w2MC4xNjMtNTAuNDE2ICAgICBjMi4xNjgtMS44MTcsMy40Mi00LjUwMSwzLjQyLTcuMzI4cy0xLjI1Mi01LjUxMS0zLjQyLTcuMzI3TDE3NS45NzYsMTI3LjQyM3oiLz48L3N2Zz4=);
    background-size: 100%;
}

.faq-page h4 + input[type="checkbox"]:checked + label {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA0NjYgNDY2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NjYgNDY2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiIgZmlsbD0iIzNjM2MzYyI+PHBhdGggZD0iTTM3MC4wMDEsMjYuMzVIMTguNUM4LjI4MiwyNi4zNSwwLDM0LjYzMywwLDQ0Ljg1djI4OS40NzdjMCwxMC4yMTgsOC4yODIsMTguNSwxOC41LDE4LjVoMjYyLjY2MmwtMjAuMzI2LTIzLjU3MSAgICAgaC00OC41NDh2LTI5LjYwM2gyNS40MzVsLTAuMTgzLTAuMjI0Yy02LjQ5LTcuNDA3LTEwLjc4NC0xNS4wNjEtMTIuODUtMjIuNDI5SDQ0LjRWMTAyLjE3NWgyOTkuN1YyNzdoLTQwLjIxMyAgICAgYzYuMTA0LDYuNDg1LDEyLjQ5MSwxMy4wNTMsMTcuODUzLDE4LjM2OGMzLjc1OS0zLjUyMSw4LjE5MS03LjQxNiwxMy4xNTktMTEuMzE0YzE2LjkyNS0xMy4yODgsMzMuMzg4LTIxLjQxNCw0OC45MzItMjQuMTUxICAgICBjMS41NjItMC4yNzQsMy4xMjEtMC40NzksNC42NzItMC42NDdWNDQuODVDMzg4LjUwMSwzNC42MzMsMzgwLjIxOSwyNi4zNSwzNzAuMDAxLDI2LjM1eiBNMTI5LjAzOCwyOTkuNjUzaDQ3LjE3NXYyOS42MDEgICAgIGgtNDcuMTc1VjI5OS42NTN6IE00NS43ODcsMjk5LjY1M2g0Ny4xNzZ2MjkuNjAxSDQ1Ljc4N1YyOTkuNjUzeiBNOTIuOTYzLDc5LjUyMUg0NS43ODd2LTI5LjZoNDcuMTc2Vjc5LjUyMXogTTE3Ni4yMTMsNzkuNTIxICAgICBoLTQ3LjE3NXYtMjkuNmg0Ny4xNzVWNzkuNTIxeiBNMjU5LjQ2Myw3OS41MjFoLTQ3LjE3NXYtMjkuNmg0Ny4xNzVWNzkuNTIxeiBNMzQyLjcxMyw3OS41MjFoLTQ3LjE3NXYtMjkuNmg0Ny4xNzVWNzkuNTIxeiIvPjxwYXRoIGQ9Ik00NjQuNjYyLDM1NC4zMjVjLTQuNTk1LTI0Ljc2Ni0yMC4zNTctNDcuNjYyLTI5LjM0NC01OS4xMWMtMTIuMTkxLTE1LjUzLTI3LjY2Ni0yMS43NjctNDUuOTktMTguNTM4ICAgICBjLTEzLjA4NiwyLjMwNS0yNy4zMDcsOS40MjktNDIuMjcxLDIxLjE3N2MtMTAuNTcyLDguMzAzLTE4LjU1OCwxNi42MTEtMjIuMDg4LDIwLjQ3OWMtOC44NzQtNy42NDQtMzMuNjUxLTMzLjE3NS00NS44MTYtNDcuNTcxICAgICBjLTYuMTA5LTcuMjI5LTIxLjg2NS0yMi42MDQtMzMuNjIxLTExLjk5MWMtMTIuNjU0LDEyLjMwMSw1Ljg4MiwzMi4zOTYsNi4zNjIsMzIuOTc5bDc0LjM2Miw5MS4wMjQgICAgIGMtMC4zMDEsMC40MDItMC42MzcsMC43NTItMS4wMjEsMS4wNTVjLTcuMTMzLDUuNjAxLTI3Ljk0My00LjY5LTM2LjM0NC0xMC4yNDVjLTcuNjgtNS4wNzYtMjAuNjA5LTUuMDM3LTI3LjEzNywwLjA4NiAgICAgYy0yLjYxMiwyLjA1My00LjA2LDQuODQyLTQuMDc1LDcuODU0Yy0wLjAyMSw0LjMzOCwyLjgxNSw4LjgyLDguNDIyLDEzLjMxM2MwLjA2MywwLjA1MSwwLjE3NywwLjE0OSwwLjMzOSwwLjI4OSAgICAgYzguMjg2LDcuMSwzMC43NjQsMjQuNzgyLDYwLjQ0NSwzNS42NjhjMTkuMDI3LDYuOTc5LDM3LjU2NCw5Ljg1NCw1NS4xMDQsOC41NTFjMjEuNzU0LTEuNjIxLDQyLjAyMy05LjY5Myw2MC4yNDYtMjQgICAgIEM0NjEuNzgxLDM5OS45OTEsNDY5LjMyNywzNzkuNDYxLDQ2NC42NjIsMzU0LjMyNXoiLz48cGF0aCBkPSJNMTc1Ljk3NiwxMjcuNDIzYy0yLjg0NS0yLjM4Ny02LjgxNS0yLjkwNS0xMC4xODMtMS4zMzVjLTMuMzY1LDEuNTctNS41MTcsNC45NDgtNS41MTcsOC42NjJ2MTAwLjgzMyAgICAgYzAsMy43MTUsMi4xNTEsNy4wOTIsNS41MTcsOC42NjFjMS4yOTEsMC42MDQsMi42NzEsMC44OTcsNC4wNDIsMC44OTdjMi4yMDQsMCw0LjM4Ni0wLjc2Myw2LjE0MS0yLjIzM2w2MC4xNjMtNTAuNDE2ICAgICBjMi4xNjgtMS44MTcsMy40Mi00LjUwMSwzLjQyLTcuMzI4cy0xLjI1Mi01LjUxMS0zLjQyLTcuMzI3TDE3NS45NzYsMTI3LjQyM3oiLz48L3N2Zz4=);
}

.faq-page h4 + input[type="checkbox"]:checked + label + div {
    height: 100%;
    padding-top: 56.25%;
}

.result-registration {
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.result-registration h3 {
    text-align: center;
    color: #316d31;
}

.result-registration p {
    margin-bottom: 15px;
}

.result-registration .btn-body {
    justify-content: center;
}

main.job-level,
main.settings {
    height: auto;
    padding: 30px 0;
}

.job-level .btn {
    width: 250px;
    margin: 10px auto 0;
}

.job-level .flex-block a:nth-of-type(8) {
    display: none;
}

.settings .container.flex-block {
    height: 100%;
    justify-content: center;
}

.settings form > .flex-block {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.settings form > .flex-block div {
    width: 280px;
    margin: 0 auto 50px;
    position: relative;
}

.settings.settings-2 form > .flex-block div {
    margin: 0 auto 40px;
}

.settings form > .flex-block div::after {
    content: "";
    display: block;
    width: 180px;
    height: 2px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -90px;
    background: #a87637;
}

.settings form > .flex-block div:last-child::after {
    content: none;
}

.settings form > .flex-block div h4 {
    width: 100%;
    height: 40px;
    position: relative;
    margin-bottom: 20px;
    color: transparent;
}

.settings form > .flex-block div h4::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
}

.settings form > .flex-block div:nth-of-type(1) h4::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQuNzE2IDI0LjcxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQuNzE2IDI0LjcxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgIGZpbGw9IiNhODc2MzciPjxwYXRoIGQ9Ik0wLDAuODE5djIzLjA3N2gyNC43MTZWMC44MTlIMHogTTI0LjAwOCwyMi42OTJIMC43MDlWMi4wMjNoMjMuMjk5VjIyLjY5MnoiLz48cGF0aCBkPSJNNS45MTUsMjAuNDQ5aDIuNzQzYzEuMjEsMCwzLjA4My0wLjUxMywzLjA4My0zLjI5NnYtMi4wOThjMC4wMTktMC45MjEtMC4zOTctMi41OS0xLjQxOS0yLjgwNSAgICBjMS4zNjItMC4zMjEsMS40MzgtMi4wMTIsMS40MTktMi40ODN2LTEuMzljMC0yLjYzMy0xLjA0MS0zLjcwMy0zLjA2NC0zLjcwM0g1LjkxNWMtMS45NDgsMC0zLjMyOSwwLjgzNS0zLjMyOSwzLjcwM3YxLjM5MSAgICBjMCwxLjEzNSwwLjM5NywyLjUyNiwxLjYwNywyLjk5OGMtMC43NTYsMC4yNzctMS42MDcsMC43MDYtMS42MDcsMi4yOXYyLjA5OEMyLjU4NywxOC4wMzEsMi42NjIsMjAuNDQ5LDUuOTE1LDIwLjQ0OXogICAgIE0zLjk4Niw5Ljg3NVY4LjQyYzAtMS45MjcsMC43MTktMi4xNjIsMS45MjktMi4xNjJoMi43NjJjMS4xMTYsMCwxLjY2NSwwLjU3OCwxLjY2NSwyLjE2MnYxLjQ1NSAgICBjMCwwLjc3MS0wLjI0NiwxLjc5OC0xLjYyNywxLjc5OEg1LjcwOEM1LjA2NCwxMS42NzQsMy45ODYsMTEuMzA5LDMuOTg2LDkuODc1eiBNMy45ODYsMTQuOTY5YzAtMS4zMjYsMC44NTItMS43MzMsMS43MjItMS43MzMgICAgaDMuMDA3YzAuODMzLDAsMS42MjcsMC41MTQsMS42MjcsMS43MzN2Mi4yNDdjMCwxLjEzNS0wLjg3LDEuNjQ4LTEuNjgzLDEuNjQ4SDUuOTE1Yy0xLjM4LDAtMS45MjktMC42LTEuOTI5LTEuNjQ4VjE0Ljk2OXoiLz48cGF0aCBkPSJNMTYuNDI0LDIwLjI1N2gyLjc0MmMxLjIxLDAsMy4wODItMC41MTQsMy4wODItMy4yOTd2LTIuMDk4YzAuMDIxLTAuOTItMC4zOTYtMi41OS0xLjQxOC0yLjgwNCAgICBjMS4zNjItMC4zMjEsMS40MzgtMi4wMTIsMS40MTgtMi40ODN2LTEuMzljMC0yLjYzMy0xLjA0LTMuNzA0LTMuMDYzLTMuNzA0aC0yLjc2MWMtMS45NDksMC0zLjMyOSwwLjgzNS0zLjMyOSwzLjcwNHYxLjM5MSAgICBjMCwxLjEzNCwwLjM5NiwyLjUyNiwxLjYwNywyLjk5N2MtMC43NTcsMC4yNzgtMS42MDcsMC43MDYtMS42MDcsMi4yOXYyLjA5OEMxMy4wOTUsMTcuODM5LDEzLjE3LDIwLjI1NywxNi40MjQsMjAuMjU3eiAgICAgTTE0LjQ5NCw5LjY4NFY4LjIyOWMwLTEuOTI3LDAuNzE4LTIuMTYzLDEuOTMtMi4xNjNoMi43NjFjMS4xMTYsMCwxLjY2NCwwLjU3OSwxLjY2NCwyLjE2M3YxLjQ1NSAgICBjMCwwLjc3MS0wLjI0NiwxLjc5OC0xLjYyNiwxLjc5OGgtMy4wMDhDMTUuNTczLDExLjQ4MSwxNC40OTQsMTEuMTE4LDE0LjQ5NCw5LjY4NHogTTE0LjQ5NCwxNC43NzggICAgYzAtMS4zMjYsMC44NTItMS43MzIsMS43MjEtMS43MzJoMy4wMDhjMC44MzIsMCwxLjYyNiwwLjUxMywxLjYyNiwxLjczMnYyLjI0OGMwLDEuMTM1LTAuODcsMS42NDgtMS42ODMsMS42NDhoLTIuNzQyICAgIGMtMS4zODEsMC0xLjkzLTAuNi0xLjkzLTEuNjQ4QzE0LjQ5NCwxNy4wMjUsMTQuNDk0LDE0Ljc3OCwxNC40OTQsMTQuNzc4eiIvPjwvc3ZnPg==);
    background-size: contain;
}

.settings form > .flex-block div:nth-of-type(2) h4::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEzLjk4OCA1MTMuOTg4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTMuOTg4IDUxMy45ODg7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIGZpbGw9IiNhODc2MzciPjxwYXRoIGQ9Ik0yMzYuOTY1LDg5Ljc4OGM5LjIyNi0xMS41NTksMTMuMzU1LTI2LjAzNiwxMS42ODEtNDAuNzI0QzI0NS40NDMsMjEuMTEsMjIxLjgzOCwwLDE5My43MjEsMCAgICBjLTMzLjE1NiwwLTU4LjgxOCwyOC44ODEtNTUuMDk1LDYxLjYzOUMxNDQuMzE2LDExMC45NjMsMjA2LjY3OCwxMjcuOTY4LDIzNi45NjUsODkuNzg4eiIvPjxwYXRoIGQ9Ik00ODUuNjQzLDQ2Ny4yOTZDNDgzLjE2Myw0NjIuMTgzLDMzMi4yNjUsMTc3LDMxNS41MjgsMTQ3Ljc5NCAgICBjMzYuNzU3LTkuNTg0LDY4LjUxNiwzLjYyNSw5My41MzUsMzguNjc2YzI2Ljc1MSwzNy4zNTksNjguNDY3LDIuNjQyLDQxLjI1My0zNS4zODRDNDA0LjkxLDg3LjQ4LDMxNS4wMDgsNTguOTQ4LDI0NC42ODcsMTAwLjY3MiAgICBjLTMwLjg2NCwxOC4zNDYtNTUuOTA4LDMyLjM0NC05MC40NTUsMzIuMzQ0Yy03Mi4yNzksMC03MS41NzItNTUuNjQtMTA1LjE4NC01NS42NGMtMjAuMjQsMC0zNC42MDMsMjMuNTE2LTE2LjM0Nyw0OS4wNjQgICAgYzQ4LjM3Myw2Ny43NTIsMTEzLjY1NCw4OC4xNjMsMTc3LjUyOCw2OS45NzFjMTguNzg1LDMyLjQwOSwzNy4xMjMsNjUuOTE1LDU1Ljk5LDEwMi4zNTVsLTc1LjY4NSw1Mi4xNzcgICAgYy0yNC40OTEsMjEuNDI3LTUuMTA1LDUxLjQ0NiwxMC42MTYsNjAuODc1YzE4Ljk1NiwxMS40MDQsNDMuMTIyLDIzLjMxMyw2Ni42MjIsMzQuOTI4YzQ5LjgwNCwyNC41NzMsNTIuNDA1LDI3LjU2NCw2NS43MiwyOC41OCAgICBjMjcuMjYzLDIuMDgxLDQ1LjQyMi0zOC42NTEsMTMuMjI1LTU3Ljk4MWMtMjAuMTU5LTEyLjExMi00Ny43MjMtMzAuMjMtNjguNjYyLTQzLjA3M2MxOC41NDktMTEuODYsNjIuMDA1LTMwLjAwMyw2NC4xMS0zMS4xOTcgICAgYzI3LjQ1LDQ2LjYwOSw0Ni45NjcsODAuNTE0LDYxLjM3OSwxMDUuMTkyYy0wLjA4OSwwLjAyNC0wLjE2MywwLjA2NS0wLjI0NCwwLjA4MWMwLjA2NSwwLjEzLDAuMTM4LDAuMjI4LDAuMTk1LDAuMzQxICAgIGMyOC4yMzksNDcuODI5LDI4Ljc4Myw1MS43NDcsMzkuMzY3LDU5Ljg4M0M0NjQuNTMzLDUyNS4yNiw1MDIuMDIyLDUwMS4wOTQsNDg1LjY0Myw0NjcuMjk2eiIvPjwvc3ZnPg==);
    background-size: contain;
}

.settings form > .flex-block div:nth-of-type(3) h4::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk0LjAyMyAyOTQuMDIzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTQuMDIzIDI5NC4wMjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIGZpbGw9IiNhODc2MzciPjxwYXRoIGQ9Ik0xMjQuOTE2LDAuMDAyICBjLTEuNjQ5LDAuMDQ1LTMuMTY5LDAuOS00LjA2NCwyLjI4NWwtMTQuNDksMjEuNzM2aC00OS4zNWMtMi43NjEsMC01LDIuMjM5LTUsNXY1MGMwLDIuNzYxLDIuMjM5LDUsNSw1aDUwYzIuNzYxLDAsNS0yLjIzOSw1LTUgIFYzOS41NzRsLTEwLDE1djE5LjQ0OWgtNDB2LTQwaDM3LjY4Mkw4NS42MzEsNTUuMTE3bC02LjE0Ni0xMi4yOTNjLTEuMjA1LTIuNDg1LTQuMTk2LTMuNTIzLTYuNjgxLTIuMzE4ICBjLTIuNDg1LDEuMjA1LTMuNTIzLDQuMTk2LTIuMzE4LDYuNjgxYzAuMDE4LDAuMDM2LDAuMDM1LDAuMDcyLDAuMDU0LDAuMTA4bDEwLDIwYzEuMjM1LDIuNDcsNC4yMzgsMy40NzIsNi43MDksMi4yMzcgIGMwLjc3OC0wLjM4OSwxLjQ0MS0wLjk3NCwxLjkyNC0xLjY5OGw0MC02MGMxLjU2NS0yLjI3NiwwLjk4OS01LjM4OS0xLjI4Ny02Ljk1NEMxMjcuMDEzLDAuMjgxLDEyNS45NzQtMC4wMjcsMTI0LjkxNiwwLjAwMiAgTDEyNC45MTYsMC4wMDJ6IE0xNDcuMDEyLDQ0LjAyNWMtMi43NjEsMC01LDIuMjM5LTUsNXYxMGMwLDIuNzYxLDIuMjM5LDUsNSw1aDkwYzIuNzYxLDAsNS0yLjIzOSw1LTV2LTEwYzAtMi43NjEtMi4yMzktNS01LTUgIEgxNDcuMDEyeiBNNTcuMDEyLDk0LjA2Yy0yLjc2MSwwLTUsMi4yMzktNSw1djUwYzAsMi43NjEsMi4yMzksNSw1LDVoNTBjMi43NjEsMCw1LTIuMjM5LDUtNXYtNTBjMC0yLjc2MS0yLjIzOS01LTUtNUg1Ny4wMTJ6ICAgTTYyLjAxMiwxMDQuMDZoNDB2NDBoLTQwVjEwNC4wNnogTTE0Ny4wMTIsMTE0LjAyM2MtMi43NjEsMC01LDIuMjM5LTUsNXYxMGMwLDIuNzYxLDIuMjM5LDUsNSw1aDkwYzIuNzYxLDAsNS0yLjIzOSw1LTV2LTEwICBjMC0yLjc2MS0yLjIzOS01LTUtNUgxNDcuMDEyeiBNNTcuMDEyLDE2NC4wMjNjLTIuNzYxLDAtNSwyLjIzOS01LDV2NTBjMCwyLjc2MSwyLjIzOSw1LDUsNWg1MGMyLjc2MSwwLDUtMi4yMzksNS01di01MCAgYzAtMi43NjEtMi4yMzktNS01LTVINTcuMDEyeiBNNjIuMDEyLDE3NC4wMjNoNDB2NDBoLTQwVjE3NC4wMjN6IE0xNDcuMDEyLDE4NC4wNThjLTIuNzYxLDAtNSwyLjIzOS01LDV2MTBjMCwyLjc2MSwyLjIzOSw1LDUsNWg5MCAgYzIuNzYxLDAsNS0yLjIzOSw1LTV2LTEwYzAtMi43NjEtMi4yMzktNS01LTVIMTQ3LjAxMnogTTU3LjAxMiwyMzQuMDIzYy0yLjc2MSwwLTUsMi4yMzktNSw1djUwYzAsMi43NjEsMi4yMzksNSw1LDVoNTAgIGMyLjc2MSwwLDUtMi4yMzksNS01di01MGMwLTIuNzYxLTIuMjM5LTUtNS01TDU3LjAxMiwyMzQuMDIzTDU3LjAxMiwyMzQuMDIzeiBNNjIuMDEyLDI0NC4wMjNoNDB2NDBoLTQwVjI0NC4wMjN6IE0xNDcuMDEyLDI1NC4wMjMgIGMtMi43NjEsMC01LDIuMjM5LTUsNXYxMGMwLDIuNzYxLDIuMjM5LDUsNSw1aDkwYzIuNzYxLDAsNS0yLjIzOSw1LTV2LTEwYzAtMi43NjEtMi4yMzktNS01LTVIMTQ3LjAxMnoiLz48L3N2Zz4=);
    background-size: contain;
}

.settings.settings-2 form > .flex-block div h4 {
    height: inherit;
    text-align: center;
    color: #a87637;
}

.settings.settings-2 form > .flex-block div h4::before {
    content: none;
}

.settings form > .flex-block div ul {
    justify-content: flex-start;
}

.settings.settings-2 form > .flex-block div ul {
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}

.settings form > .flex-block div ul li {
    width: 40px;
    margin: 0 6px 15px 0;
    padding: 5px 0;
    list-style-type: none;
    text-align: center;
    background: #f5f5f5;
    -webkit-box-shadow: 1px 1px 2px #3f3f3f;
    -moz-box-shadow: 1px 1px 2px #3f3f3f;
    box-shadow: 1px 1px 2px #3f3f3f;
}

.settings.settings-2 form > .flex-block div ul li {
    width: 270px;
    padding: 3px 0;
}

.settings form > .flex-block div ul li label {
    display: block;
    font-size: 1.8rem;
    cursor: pointer;
}

.settings.settings-2 form > .flex-block div ul li label {
    display: inline-block;
    cursor: pointer;
}

.settings form > .flex-block div ul li input {
    margin: 0;
    border: 1px solid #ea5507;
    cursor: pointer;
}

.settings.settings-2 form > .flex-block div ul li input {
    margin-right: 15px;
    cursor: pointer;
}

.settings form > p:last-of-type input {
    width: 200px;
    margin: 0 auto;
}

.settings form > p:last-of-type a {
    display: inline-block;
    margin-top: 20px;
    font-size: 1.8rem;
}

main.training {
    height: auto;
    padding: 20px 0;
}

.training .stars-body ul.flex-block {
    list-style-type: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 1px;
}

.training .stars-body ul:first-of-type {
    width: 50%;
    height: 50px;
}

.training .stars-body ul:nth-of-type(2) {
    width: 100%;
    height: 25px;
    margin-top: 30px;
    justify-content: center;
    order: 3;
}

.training .stars-body ul:nth-of-type(3) {
    width: 50%;
    margin-top: 5px;
    justify-content: flex-end;
    order: 2;
}

.training .stars-body ul li {
    height: 100%;
    margin-right: 8px;
}

.training .stars-body ul li {
    opacity: 0;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.training .stars-body ul:first-of-type li img {
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
}

.training .stars-body ul:first-of-type li img {
    height: 100%;
}

.training .stars-body ul:nth-of-type(3) li img {
    width: 36px;
    height: 36px;
}

.training .stars-body ul:nth-of-type(2) li img {
    width: 30px;
    height: 30px;
}

.training .body-example {
    display: block;
    width: 90%;
    height: calc(90vw / 6 * 1.7);
    margin: 20px auto 15px;
    position: relative;
    box-shadow: 0 0 10px rgba( 245, 175, 40, .8);
}

.training.training-2 .body-example {
    height: inherit;
    box-shadow: none;
    background: none;
}

.training .body-example p,
.training .body-example input {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: calc(90vw / 6 * 1.6);
    font-weight: 700;
    text-align: center;
    color: #F5AF28;
}

.training .body-example input {
    visibility: hidden;
    border: none;
}

.training.training-2 .body-example p {
    height: calc(90vw / 9 * 1.8);
    margin-bottom: 20px;
    position: static;
    font-size: calc(90vw / 9 * 1.6);
    box-shadow: 0 0 10px rgba( 245, 175, 40, .8);
    background: #ffffff;
}

.training.training-2 .body-example label {
    position: absolute;
    bottom: .4em;
    left: 50%;
    margin-left: -150px;
    font-size: 2rem;
}

.training.training-2 .body-example input {
    display: block;
    width: 150px;
    height: 1.3em;
    margin: 0 auto;
    position: static;
    visibility: inherit;
    font-size: 3.6rem;
    border: 1px solid #f5af28;
    background: #ffffff;
}

.training .body-example p.ok-result {
    color: #316d31;
}

.training .body-example p.error-result {
    color: #a00a0a;
}

.training .group-btn,
.anzan .group-btn {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.anzan .group-btn a,
.training .group-btn a {
    line-height: 40px;
}

.training .group-btn input,
.anzan .group-btn input {
    width: 230px;
    margin: 0 auto;
}

.training .group-btn input:disabled,
.anzan .group-btn input:disabled {
    background: #cfcfcf;
    border-color: #afafaf;
}

.training .counter {
    display: block;
    width: 100px;
    height: 40px;
    margin-top: 20px;
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    border: 1px solid #F5AF28;
    background: #ffffff;
}

.training .counter span:last-of-type {
    color: #ea5609;
}

.training .btn-remember {
    margin-top: 20px;
}

.training .btn-remember .btn {
    width: 150px;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 400;
}

.anzan form.flex-block {
    height: 100%;
    padding: 20px 0;
    flex-direction: column;
}

.anzan form.flex-block .body-example {
    display: block;
    width: 90%;
    margin: 0 auto 30px;
    position: relative;
}

.anzan form.flex-block > p {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.anzan form.flex-block > p > a {
    order: 2;
}

.anzan .pole-example {
    display: none;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: center;
    border-top: 10px solid #3c3c3c;
    border-bottom: 10px solid #3c3c3c;
    position: relative;
}

.anzan .pole-example svg {
    width: 100%;
}

.anzan .flex-block .body-example .pole-answer {
    margin-top: 30px;
}

.anzan .flex-block .body-example .pole-answer ul {
    display: flex;
    list-style-type: none;
    justify-content: center;
    flex-wrap: wrap;
}

.anzan .flex-block .body-example .pole-answer input {
    width: 150px;
    height: 30px;
    margin: 0 20px 15px 0;
    font-size: 2rem;
    text-align: center;
    border: 1px solid #F5AF28;
    color: #F5AF28;
}

footer.footer-base {
    margin-top: auto;
    position: relative;
    background-color: #a87637;
    z-index: 1;
}

footer.footer-base .footer-bottom {
    padding: 20px 3%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

footer.footer-base .footer-bottom .ft-logo-wrap {
    width: 111px;
}

footer.footer-base .footer-bottom .ft-logo-wrap .ft-logo {
    width: 100%;
    height: 30px;
    background: url('../i/logo.svg') no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}

footer.footer-base .footer-bottom .ft-tm-txt {
    width: 170px;
    padding: 0;
}

footer.footer-base .footer-bottom .ft-tm-txt p {
    margin-bottom: 0;
    font-weight: 700;
    text-align: right;
}

footer .admin-btn-body {
    margin: 10px 0 0 auto;
    text-align: right;
}

footer .admin-btn {
    width: 180px;
    height: 30px;
    font-size: 1.4rem;
    line-height: 26px;
    text-transform: none;
    border-color: #ffffff;
    color: #ffffff;
    background: none;
}

.header-admin {
    width: 100%;
    min-height: 36px;
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    background: #f5f5f5;
    z-index: 10;
}

.header-admin .container {
    width: 96%;
    max-width: 1300px;
}

.header-admin .container p {
    text-align: right;
}

.header-admin .container p a {
    margin-left: 15px;
}

main.main-admin {
    width: 100%;
    max-width: 1300px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

main.main-admin >section {
    padding: 100px 0 50px;
}

.admin-index > aside {
    display: block;
    width: 250px;
    height: calc(100vh - 40px);
    padding: 10px;
    position: fixed;
    top: 0;
    left: 0;
    background: #f5f5f5;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 15;
}

.admin-index > aside > input {
    display: none;
}

.admin-index > aside > label {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: -30px;
    /*background: #f5f5f5 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1OSA0NTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1OSA0NTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz4KCTxnIGlkPSJtZW51Ij4KCQk8cGF0aCBkPSJNMCwzODIuNWg0NTl2LTUxSDBWMzgyLjV6IE0wLDI1NWg0NTl2LTUxSDBWMjU1eiBNMCw3Ni41djUxaDQ1OXYtNTFIMHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzdBN0E3QSIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+) no-repeat center center;*/
    background: #f5f5f5 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTExLjk4NCA1MTEuOTg0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuOTg0IDUxMS45ODQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjIzLjk5MiwxNTMuMjcxVjQ3Ljk5MWMwLTYuNTkyLTQuMDMyLTEyLjUxMi0xMC4xNzYtMTQuOTEyYy02LjExMi0yLjM2OC0xMy4xNTItMC44LTE3LjU2OCw0LjA2NGwtMTkyLDIwOCAgICBjLTUuNjY0LDYuMTQ0LTUuNjY0LDE1LjU4NCwwLDIxLjcyOGwxOTIsMjA4YzMuMDcyLDMuMjk2LDcuMzYsNS4xMiwxMS43NDQsNS4xMmMxLjk1MiwwLDMuOTM2LTAuMzUyLDUuODI0LTEuMDg4ICAgIGM2LjE0NC0yLjQsMTAuMTc2LTguMzIsMTAuMTc2LTE0LjkxMnYtMTA1LjI4YzAtNC4wNjQtMS41MzYtNy45NjgtNC4zMi0xMC45NDRsLTg1Ljc2LTkxLjc3Nmw4NS43OTItOTEuODA4ICAgIEMyMjIuNDU2LDE2MS4yMzksMjIzLjk5MiwxNTcuMzM1LDIyMy45OTIsMTUzLjI3MXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzdBN0E3QSIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwNy43MzYsMjQ1LjE0M2wtMTkyLTIwOGMtNC40NDgtNC44NjQtMTEuNDU2LTYuNDMyLTE3LjU2OC00LjA2NGMtNi4xNDQsMi40LTEwLjE3Niw4LjMyLTEwLjE3NiwxNC45MTJ2MTA1LjI4ICAgIGMwLDQuMDY0LDEuNTM2LDcuOTY4LDQuMzIsMTAuOTEybDg1Ljc2LDkxLjgwOGwtODUuNzkyLDkxLjc3NmMtMi43NTIsMi45NzYtNC4yODgsNi44OC00LjI4OCwxMC45NDR2MTA1LjI4ICAgIGMwLDYuNTkyLDQuMDMyLDEyLjUxMiwxMC4xNzYsMTQuOTEyYzEuODg4LDAuNzM2LDMuODcyLDEuMDg4LDUuODI0LDEuMDg4YzQuMzg0LDAsOC42NzItMS44MjQsMTEuNzQ0LTUuMTUybDE5Mi0yMDggICAgQzUxMy40LDI2MC42OTUsNTEzLjQsMjUxLjI4Nyw1MDcuNzM2LDI0NS4xNDN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM3QTdBN0EiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==") no-repeat center center;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
    cursor: pointer;
}

.admin-index > aside .logo-wrapper {
    width: 100%;
}

.admin-index > aside .logo-wrapper a {
    display: block;
    width: 130px;
    height: 35px;
    margin: 10px auto 0;
}

.admin-index > aside .logo-wrapper a img {
    width: 100%;
    height: 100%;
}

.admin-menu-body {
    margin-top: 50px;
}

.admin-menu-body li {
    margin-bottom: 10px;
    list-style-type: none;
}

.admin-menu-body li a {
    text-decoration: none;
    color: #3f3f3f;
}

.search-body {
    text-align: right;
}

.search-body input[type="text"] {
    width: 150px;
    height: 32px;
    padding: 0 10px;
    vertical-align: top;
    border: 1px solid #3c3c3c;
}

.search-body input[type="submit"] {
    width: 32px;
    height: 32px;
    margin: 0;
    border: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTYuOTY2IDU2Ljk2NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYuOTY2IDU2Ljk2NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48cGF0aCBkPSJNNTUuMTQ2LDUxLjg4N0w0MS41ODgsMzcuNzg2YzMuNDg2LTQuMTQ0LDUuMzk2LTkuMzU4LDUuMzk2LTE0Ljc4NmMwLTEyLjY4Mi0xMC4zMTgtMjMtMjMtMjNzLTIzLDEwLjMxOC0yMywyMyAgczEwLjMxOCwyMywyMywyM2M0Ljc2MSwwLDkuMjk4LTEuNDM2LDEzLjE3Ny00LjE2MmwxMy42NjEsMTQuMjA4YzAuNTcxLDAuNTkzLDEuMzM5LDAuOTIsMi4xNjIsMC45MiAgYzAuNzc5LDAsMS41MTgtMC4yOTcsMi4wNzktMC44MzdDNTYuMjU1LDU0Ljk4Miw1Ni4yOTMsNTMuMDgsNTUuMTQ2LDUxLjg4N3ogTTIzLjk4NCw2YzkuMzc0LDAsMTcsNy42MjYsMTcsMTdzLTcuNjI2LDE3LTE3LDE3ICBzLTE3LTcuNjI2LTE3LTE3UzE0LjYxLDYsMjMuOTg0LDZ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMzQzNDM0MiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PC9nPiA8L3N2Zz4=") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.basic-info {
    margin: 30px 0 0;
}

.basic-info > .flex-block:first-of-type {
    margin-bottom: 30px;
    align-items: flex-end;
}

.basic-info > .flex-block:first-of-type > a {
    width: 150px;
    margin: 0;
}

.basic-info table {
    width: 100%;
}

.basic-info table tr th,
.basic-info table tr td {
    display: none;
    padding: 5px;
}

.basic-info table tr th {
    background: rgba( 245, 175, 40, .6 );
    border-bottom: 2px solid #a87637;
}

.basic-info table tr td {
    -webkit-box-shadow: 1px 1px #3c3c3c;
    -moz-box-shadow: 1px 1px #3c3c3c;
    box-shadow: 1px 1px #3c3c3c;
}

.basic-info table tr th:nth-child(2),
.basic-info table tr td:nth-child(2),
.basic-info table tr th:last-child,
.basic-info table tr td:last-child {
    display: table-cell;
}

.basic-info table tr th:last-child,
.basic-info table tr td:last-child {
    width: 100px;
}

.basic-info .tbl-info td:last-child a,
.basic-info .tbl-info td:last-child button {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    border: none;
    cursor: pointer;
}

.basic-info .tbl-info td:last-child a.view-button {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTExLjk5OSA1MTEuOTk5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuOTk5IDUxMS45OTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTA4Ljc0NSwyNDYuMDQxYy00LjU3NC02LjI1Ny0xMTMuNTU3LTE1My4yMDYtMjUyLjc0OC0xNTMuMjA2UzcuODE4LDIzOS43ODQsMy4yNDksMjQ2LjAzNSAgICBjLTQuMzMyLDUuOTM2LTQuMzMyLDEzLjk4NywwLDE5LjkyM2M0LjU2OSw2LjI1NywxMTMuNTU3LDE1My4yMDYsMjUyLjc0OCwxNTMuMjA2czI0OC4xNzQtMTQ2Ljk1LDI1Mi43NDgtMTUzLjIwMSAgICBDNTEzLjA4MywyNjAuMDI4LDUxMy4wODMsMjUxLjk3MSw1MDguNzQ1LDI0Ni4wNDF6IE0yNTUuOTk3LDM4NS40MDZjLTEwMi41MjksMC0xOTEuMzMtOTcuNTMzLTIxNy42MTctMTI5LjQxOCAgICBjMjYuMjUzLTMxLjkxMywxMTQuODY4LTEyOS4zOTUsMjE3LjYxNy0xMjkuMzk1YzEwMi41MjQsMCwxOTEuMzE5LDk3LjUxNiwyMTcuNjE3LDEyOS40MTggICAgQzQ0Ny4zNjEsMjg3LjkyMywzNTguNzQ2LDM4NS40MDYsMjU1Ljk5NywzODUuNDA2eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRUE1NTA3IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU1Ljk5NywxNTQuNzI1Yy01NS44NDIsMC0xMDEuMjc1LDQ1LjQzMy0xMDEuMjc1LDEwMS4yNzVzNDUuNDMzLDEwMS4yNzUsMTAxLjI3NSwxMDEuMjc1ICAgIHMxMDEuMjc1LTQ1LjQzMywxMDEuMjc1LTEwMS4yNzVTMzExLjgzOSwxNTQuNzI1LDI1NS45OTcsMTU0LjcyNXogTTI1NS45OTcsMzIzLjUxNmMtMzcuMjMsMC02Ny41MTYtMzAuMjg3LTY3LjUxNi02Ny41MTYgICAgczMwLjI4Ny02Ny41MTYsNjcuNTE2LTY3LjUxNnM2Ny41MTYsMzAuMjg3LDY3LjUxNiw2Ny41MTZTMjkzLjIyNywzMjMuNTE2LDI1NS45OTcsMzIzLjUxNnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0VBNTUwNyIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+") no-repeat;
    background-size: contain;
}

.basic-info .tbl-info td:last-child a.edit-button {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUyOC44OTkgNTI4Ljg5OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTI4Ljg5OSA1MjguODk5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+Cgk8cGF0aCBkPSJNMzI4Ljg4Myw4OS4xMjVsMTA3LjU5LDEwNy41ODlsLTI3Mi4zNCwyNzIuMzRMNTYuNjA0LDM2MS40NjVMMzI4Ljg4Myw4OS4xMjV6IE01MTguMTEzLDYzLjE3N2wtNDcuOTgxLTQ3Ljk4MSAgIGMtMTguNTQzLTE4LjU0My00OC42NTMtMTguNTQzLTY3LjI1OSwwbC00NS45NjEsNDUuOTYxbDEwNy41OSwxMDcuNTlsNTMuNjExLTUzLjYxMSAgIEM1MzIuNDk1LDEwMC43NTMsNTMyLjQ5NSw3Ny41NTksNTE4LjExMyw2My4xNzd6IE0wLjMsNTEyLjY5Yy0xLjk1OCw4LjgxMiw1Ljk5OCwxNi43MDgsMTQuODExLDE0LjU2NWwxMTkuODkxLTI5LjA2OSAgIEwyNy40NzMsMzkwLjU5N0wwLjMsNTEyLjY5eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRUE1NTA3IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=") no-repeat;
    background-size: contain;
}

.basic-info .tbl-info td:last-child a.delete-button {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJDYXBhXzEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ5Ny44ODIgNDk3Ljg4MiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA0OTcuODgyIDQ5Ny44ODIiIHdpZHRoPSI1MTIiPjxnPjxwYXRoIGQ9Im00OTcuODgxIDkzLjM1NGgtMTI0LjQ3di02Mi4yMzVjMC0xNy4xODUtMTMuOTMzLTMxLjExOC0zMS4xMTgtMzEuMTE4aC0xODYuNzA1Yy0xNy4xODUgMC0zMS4xMTggMTMuOTMzLTMxLjExOCAzMS4xMTh2NjIuMjM1aC0xMjQuNDd2NjIuMjM1aDM3LjE2OWw2Ni41NTYgMzQyLjI5M2gyOTAuNDMybDY2LjU1Ni0zNDIuMjkzaDM3LjE2OWMtLjAwMSAwLS4wMDEtNjIuMjM1LS4wMDEtNjIuMjM1em0tMzI2LjcwMyAzNDMuMjY0LTE1LjU1OS0yNDguOTQxIDMxLjA1Ny0xLjk0NSAxNS41NTkgMjQ4Ljk0MXptMTU1LjUyNyAwLTMxLjA1Ny0xLjk0NSAxNS41NTktMjQ4Ljk0MSAzMS4wNTcgMS45NDV6bS0xMzkuOTk5LTM3NC4zODJoMTI0LjQ3djMxLjExOGgtMTI0LjQ3eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRUE1NTA3IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjwvZz4gPC9zdmc+") no-repeat;
    background-size: contain;
}

.basic-info .tbl-info td:last-child button.homework {
    background: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ3IDQ3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NyA0NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJMYXllcl8xXzIyXyI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik02LjEyLDM4LjUyVjUuMTM2aDI2Ljk2MnYyOC4wMzdsNS4xMzctNC4yNDNWMi41NjhDMzguMjE5LDEuMTUsMzcuMDcsMCwzNS42NTIsMGgtMzIuMUMyLjEzNCwwLDAuOTg1LDEuMTUsMC45ODUsMi41NjggICAgIHYzOC41MTljMCwxLjQxOCwxLjE0OSwyLjU2OCwyLjU2NywyLjU2OGgyMi40MDhMMjIuMzMsMzguNTJINi4xMnoiIGZpbGw9IiNlYTU1MDciLz4KCQkJPHBhdGggZD0iTTQ1LjYxMywyNy42MDljLTAuNDczLTAuNDQ2LTEuMi0wLjQ2Ny0xLjY5OC0wLjA1N2wtMTEuNzc4LDkuNzM0bC03Ljg0OS00LjcwOWMtMC41MjEtMC4zMTItMS4xODgtMC4yMTktMS42MDMsMC4yMjkgICAgIGMtMC40MTIsMC40NDQtMC40NTcsMS4xMTctMC4xMDYsMS42MTNsOC41MDYsMTIuMDM3YzAuMjM4LDAuMzM3LDAuNjI1LDAuNTM5LDEuMDM3LDAuNTQzYzAuMDA0LDAsMC4wMDgsMCwwLjAxMiwwICAgICBjMC40MDgsMCwwLjc5My0wLjE5MywxLjAzNS0wLjUyNWwxMi42LTE3LjE3M0M0Ni4xNDksMjguNzgsNDYuMDg0LDI4LjA1NSw0NS42MTMsMjcuNjA5eiIgZmlsbD0iI2VhNTUwNyIvPgoJCQk8cGF0aCBkPSJNMjcuMzA2LDguOTg4SDExLjg5N2MtMS40MTgsMC0yLjU2NywxLjE1LTIuNTY3LDIuNTY4czEuMTQ5LDIuNTY4LDIuNTY3LDIuNTY4aDE1LjQwOGMxLjQxOCwwLDIuNTY2LTEuMTUsMi41NjYtMi41NjggICAgIFMyOC43MjQsOC45ODgsMjcuMzA2LDguOTg4eiIgZmlsbD0iI2VhNTUwNyIvPgoJCQk8cGF0aCBkPSJNMjcuMzA2LDE2LjY5MUgxMS44OTdjLTEuNDE4LDAtMi41NjcsMS4xNS0yLjU2NywyLjU2OHMxLjE0OSwyLjU2OCwyLjU2NywyLjU2OGgxNS40MDhjMS40MTgsMCwyLjU2Ni0xLjE0OSwyLjU2Ni0yLjU2OCAgICAgQzI5Ljg3NCwxNy44NDEsMjguNzI0LDE2LjY5MSwyNy4zMDYsMTYuNjkxeiIgZmlsbD0iI2VhNTUwNyIvPgoJCQk8cGF0aCBkPSJNMjcuMzA2LDI0LjM5NUgxMS44OTdjLTEuNDE4LDAtMi41NjcsMS4xNS0yLjU2NywyLjU2OHMxLjE0OSwyLjU2OCwyLjU2NywyLjU2OGgxNS40MDhjMS40MTgsMCwyLjU2Ni0xLjE1LDIuNTY2LTIuNTY4ICAgICBDMjkuODc0LDI1LjU0NSwyOC43MjQsMjQuMzk1LDI3LjMwNiwyNC4zOTV6IiBmaWxsPSIjZWE1NTA3Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=") no-repeat;
    background-size: contain;
}

.basic-info .payment-tbl tr th,
.basic-info .payment-tbl tr td {
    display: table-cell;
}

.basic-info .payment-tbl tr th:first-child,
.basic-info .payment-tbl tr td:first-child {
    width: 40px;
}

.basic-info .payment-tbl tr th:last-child,
.basic-info .payment-tbl tr td:last-child {
    width: 180px;
}

.basic-info .payment-tbl tr td:last-child {
    font-size: smaller;
}

.general-info a.btn {
    width: 200px;
    height: 30px;
    margin: 10px auto 0;
    line-height: 29px;
}

.general-info .error-info {
    position: static;
    margin: 10px auto;
}

.general-info > h3 {
    margin: 30px 0 5px;
    color: #f5af28;
}
.general-info ul {
    list-style-type: none;
}

.general-info ul li {
    display: block;
    width: 200px;
    padding: 10px 15px;
    text-align: center;
    border: 2px solid #f8af22;
    background: #f5f5f5;
}

.general-info ul li > p:first-child {
    font-size: larger;
    font-weight: 600;
}

.user-info form {
    width: 90%;
    margin: auto;
}

.user-info form p {
    margin-bottom: 15px;
}

.user-info form p:last-of-type {
    text-align: center;
}

.user-info form p span {
    display: block;
    font-size: 1.8rem;
}

.user-info form p.inline-block span {
    display: inline-block;
    margin-right: 20px;
}

.user-info form p input[type="text"],
.user-info form p input[type="email"],
.user-info form p input[type="password"],
.user-info form p select {
    width: 90%;
    margin-left: 10%;
    padding: 5px 10px;
    font-size: 1.8rem;
    background: #ffffff;
}

.user-info form p input[type="text"]:focus,
.user-info form p input[type="email"]:focus,
.user-info form p input[type="password"]:focus,
.user-info form p select:focus {
    border: 1px solid #f5af28;
    outline: none;
}

.user-info form p input[type="password"]:disabled {
    background: #f5f5f5;
    opacity: .5;
}

.user-info form p input[type="checkbox"] {
    width: 25px;
    height: 25px;
}

.user-info form p input[type="submit"] {
    display: inline-block;
    width: 150px;
}

.frm-user-info {
    display: block;
    width: 90%;
    max-width: 500px;
    margin: auto;
    position: relative;
}

.frm-user-info p {
    margin-bottom: 15px;
}

.frm-user-info p > label {
    display: inline-block;
    width: 200px;
    vertical-align: bottom;
}

.frm-user-info p input[type="text"],
.frm-user-info p input[type="password"],
.frm-user-info p input[type="number"],
.frm-user-info p input[type="datetime-local"],
.frm-user-info p input[type="email"],
.frm-user-info p select {
    width: calc(100% - 205px);
    padding: 5px 10px;
    background: #ffffff;
}

.frm-user-info p input[type="submit"] {
    display: inline-block;
    width: 48%;
    max-width: 180px;
}

.frm-user-info .error-info {
    position: static;
}

.frm-user-info .error-info ul {
    list-style-type: none;
}

.view-user {
    padding-left: 15px;
    list-style-type: none;
}

.view-user-wrapper h1 + p > a.btn {
    width: 200px;
    margin-bottom: 30px;
}

.view-user li {
    margin: 10px 0 0;
    padding: 5px 10px;
}

.view-user li:nth-child(odd) {
    background-color: #f3f3f3;
}

.view-user li p:first-of-type {
    font-weight: 700;
}

.view-user li p:last-of-type {
    padding-left: 20px;
}

.footer-admin {
    width: 100%;
    height: 40px;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 40px;
    font-weight: 700;
    background: #a87637;
}

.homework-info-wrapper {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 2000;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}
.homework-info-body {
    width: 90%;
    max-width: 800px;
    position: fixed;
    background: #ffffff;
    top: 80px;
    left: 0;
    margin-left: 5%;
    padding: 10px;
    -webkit-box-shadow: 0 0 15px #000000;
    -moz-box-shadow: 0 0 15px #000000;
    box-shadow: 0 0 15px #000000;
}

.homework-info-body .close-form {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 0 0 auto;
    font-size: 2rem;
    line-height: 2rem;
    border: none;
    background: none;
    cursor: pointer;
}

.homework-info-body .close-form:hover,
.homework-info-body .close-form:active {
    color: #f5af28;
}

.homework-info-body > div {
    max-height: calc(100vh - 180px);
    margin-top: 15px;
    overflow-y: auto;
}

.homework-info-body table {
    width: 100%;
    margin-top: 15px;
    border-spacing: 0;
    border-collapse: collapse;
}

.homework-info-body table th {
    padding: 3px 0;
    text-align: center;
    border: 1px solid #a87637;
    background: #f5af28;
    color: #ffffff;
}

.homework-info-body table tr:nth-child(odd) {
    background: #afafaf;
}

.homework-info-body table td {
    padding: 3px 0;
    text-align: center;
    border: 1px solid #a87637;
}

.homework-info-body table th:nth-child(2),
.homework-info-body table th:nth-child(3),
.homework-info-body table th:nth-child(4),
.homework-info-body table th:nth-child(5),
.homework-info-body table td:nth-child(2),
.homework-info-body table td:nth-child(3),
.homework-info-body table td:nth-child(4),
.homework-info-body table td:nth-child(5) {
    display: none;
}

.footer-admin .btn {
    width: 200px;
    height: 30px;
    margin: 5px 0 0;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: normal;
    text-transform: none;
    border: 1px solid #ffffff;
    background: none;
    color: #ffffff;
}

/*  ====================================================
                Media query
===================================================== */

@media screen and (min-device-width: 440px) {

    .pagination li {
        margin-right: 5px;
    }

    .basic-info table tr th:first-child,
    .basic-info table tr td:first-child {
        display: table-cell;
        width: 105px;
    }

    .basic-info table tr th:first-child {
        padding: 5px 0;
    }

    .basic-info table tr td:first-child {
        text-align: center;
    }

    /* .basic-info .payment-tbl tr th:first-child,
    .basic-info .payment-tbl tr td:first-child {
        width: 40px;
    } */
}

@media screen and (min-device-width: 540px) {

    main.job-level,
    main.settings,
    main.training {
        background: url("../i/bg-numbers.png") no-repeat;
        background-size: 100% 100%;
    }

    main.job-level {
        height: calc(100% - 148px);
        padding: 0;
    }

    main.job-level .container .flex-block {
        height: 100%;
        align-content: center;
    }

    .settings form > .flex-block div {
        width: 100%;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .settings form > .flex-block div h4 {
        width: 140px;
        font-size: 2rem;
        color: #f7bd4d;
        text-shadow: 0 0 15px #ffffff;
    }

    .settings.abac-setting form > .flex-block div h4 {
        width: 170px;
    }

    .settings.settings-2 form > .flex-block div h4 {
        width: 100%;
    }

    .settings form > .flex-block div ul {
        width: calc(100% - 140px);
    }

    .settings.abac-setting form > .flex-block div ul {
        width: calc(100% - 170px);
    }

    .settings form > .flex-block div h4::before {
        content: none;
    }

    .training .stars-body ul:first-of-type {
        width: 35%;
        height: 65px;
    }

    .training .stars-body ul:nth-of-type(3) {
        width: 35%;
        margin-top: 12px;
    }

    .training .stars-body ul:nth-of-type(3) li img {
        width: 40px;
        height: 40px;
    }

    .training .counter {
        margin: 0;
    }

    .training .body-example {
        background: #ffffff;
    }

    .training .btn-remember {
        width: 100%;
    }

    .training .btn-remember .btn {
        margin: 0 0 0 auto;
    }

    .anzan form.flex-block > p > a {
        order: 0;
    }

    footer.footer-base .footer-bottom .ft-tm-txt {
        margin-left: 10px;
    }

    footer .admin-btn-body {
        margin: 0 0 0 auto;
    }

    footer .admin-btn {
        margin: 0;
    }

    .user-info form {
        width: 450px;
    }

    .user-info form p span {
        display: inline-block;
        width: 170px;
    }

    .user-info form p input[type="text"],
    .user-info form p input[type="email"],
    .user-info form p input[type="password"],
    .user-info form p select {
        width: 270px;
        margin-left: 0;
    }

    .user-info form p.inline-block span {
        margin-right: 0;
    }

    .user-info form p input[type="submit"] {
        margin-right: 30px;
    }

    .view-user {
        display: table;
        width: 100%;
        border-collapse: collapse;
    }

    .view-user li {
        display: table-row;
    }

    .view-user li > p {
        display: table-cell;
        padding: 5px 10px;
        border: 1px solid #afafaf;
    }

    .homework-info-body table th:nth-child(2),
    .homework-info-body table td:nth-child(2) {
        display: table-cell;
    }
}

@media screen and (min-device-width: 768px) {

    .job-level .flex-block a:nth-of-type(8) {
        display: block;
    }

    .training .stars-body ul:first-of-type {
        width: 30%;
    }

    .training .stars-body ul:nth-of-type(2) {
        width: inherit;
        order: 2;
    }

    .training .stars-body ul:nth-of-type(2) li img {
        width: 32px;
        height: 32px;
    }

    .training .stars-body ul:nth-of-type(3) {
        width: 25%;
        order: 3;
    }

    .training .stars-body ul:nth-of-type(3) li img {
        width: 42px;
        height: 42px;
    }

    .training.crazy-training {
        margin: 0;
        width: 100vw;
        height: 100vh;
        padding: 5px 0;
    }

    .training.crazy-training .btn-remember {
        width: 150px;
        margin: 0;
        position: absolute;
        top: 10px;
        right: 15px;
    }

    .training.crazy-training .stars-body {
        margin: 0 auto;
    }

    .training.crazy-training .stars-body ul {
        width: 100%;
        height: 40px;
    }

    .training.crazy-training .body-example {
        width: 100%;
        height: calc(100vh - 100px);
        margin: 0;
        box-shadow: none;
        background: none;
    }

    .training.crazy-training .body-example p,
    .training.crazy-training .body-example input {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        line-height: .8em;
    }

    .training.crazy-training .body-example input {
        width: 90%;
        height: calc(90vw / 6 * 1.6);
        position: absolute;
        top: 50%;
        left: 5%;
        font-size: calc(90vw / 6 * 1.6);
        box-shadow: 0 0 10px rgba( 245, 175, 40, .8);
    }

    .basic-info table tr th:nth-child(3),
    .basic-info table tr td:nth-child(3) {
        display: table-cell;
    }

    footer.footer-base .footer-bottom {
        justify-content: flex-start;
    }

    .homework-info-body table th:nth-child(3),
    .homework-info-body table td:nth-child(3) {
        display: table-cell;
    }
}

@media screen and (min-device-width: 800px) {

    header nav.flex-block {
        width: 100%;
        align-items: center;
    }

    .index-top-logo a {
        background-size: contain;
        background-position: center center;
    }

    label.label-top-menu-checkbox {
        display: none;
    }

    .top-menu-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 110px);
        max-height: 100px;
        -webkit-align-items: center;
        align-items: center;
    }

    .top-menu-body ul {
        margin: 0;
    }

    .top-menu-body ul:first-of-type {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 305px);
        justify-content: center;
    }

    .top-menu-body.shot-menu ul:first-of-type {
        justify-content: flex-end;
        margin-right: 20px;
    }

    .top-menu-body ul:first-of-type li {
        margin-right: 20px;
    }

    .top-menu-body ul:first-of-type li:last-of-type {
        margin-right: 0;
    }

    .top-menu-body ul:last-of-type {
        width: 140px;
    }

    .top-menu-body ul:last-of-type li a {
        line-height: 1.2em;
    }

    .top-menu-body .link-srt {
        font-size: 1.4rem;
    }

    .btn-body {
        height: 50px;
        margin-top: 40px;
        padding: 0;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-end;
    }

    .btn-body a, .btn-body button {
        margin-left: 15px;
    }

    .index-bg {
        height: calc(100% - 90px);
    }

    .faq-page h4 ~ div {
        width: 720px;
        height: 405px;
        margin: 0 auto 40px;
        padding-top: 0;
    }

    .faq-page h4 + input[type="checkbox"]:checked + label + div {
        padding-top: 405px;
    }

    main.job-level .btn {
        width: 30%;
    }

    .settings form > p:last-of-type a {
        margin: 0;
        position: relative;
        top: -34px;
    }

    .settings.settings-2 form {
        width: 70%;
    }

    footer.footer-base .footer-bottom .ft-logo-wrap .ft-logo {
        background-position: left center;
    }
}

@media screen and (orientation: landscape) and (max-device-height: 767px) {

    header.header-main {
        padding: 10px 1%;
    }

    .index-top-logo a {
        width: 100px;
        height: 25px;
    }

    label.label-top-menu-checkbox {
        width: 25px;
        height: 25px;
    }

    main.no-fixed-page {
        height: auto;
        margin: 78px 0 30px;
        padding: 30px 0;
    }

    main.anzan {
        height: calc(100vh + 40px);
        margin: 45px 0 20px;
    }

    .settings .container.flex-block {
        align-items: center;
    }

}

@media screen and (min-device-width: 960px) {

    .index-top-logo a {
        width: 170px;
        height: 45px;
    }

    .top-menu-body {
        width: calc(100% - 180px);
    }

    .top-menu-body .link-srt {
        margin: 0 15px 0 0;
    }

    .basic-info table tr th:nth-child(4),
    .basic-info table tr td:nth-child(4),
    .basic-info table tr th:nth-child(5),
    .basic-info table tr td:nth-child(5) {
        display: table-cell;
    }

    .basic-info table tr td:nth-child(5) {
        text-align: center;
    }

    .homework-info-body {
        left: 50%;
        margin-left: -400px;
    }

    .homework-info-body table th:nth-child(4),
    .homework-info-body table th:nth-child(5),
    .homework-info-body table td:nth-child(4),
    .homework-info-body table td:nth-child(5) {
        display: table-cell;
    }
}

@media screen and (min-width: 1200px) {
    header nav {
        width: 1200px;
        margin: 0 auto;
    }

    .btn-body {
        width: 1200px;
        margin: 40px auto 0;
    }

    .result-registration .btn-body {
        width: 100%;
    }

    .index-bg {
        background: url('../i/bg-logo-1360.png') no-repeat center;
    }

    .training .stars-body {
        max-width: 1200px;
        margin: 0 auto;
    }

    .training .body-example {
        width: 940px;
        height: 200px;
    }

    .training .body-example p,
    .training .body-example input {
        font-size: 200px;
        line-height: 200px;
    }

    .training.training-2 .body-example p {
        height: 160px;
        font-size: 160px;
        line-height: 160px;
    }

    .training.training-2 .body-example label {
        margin-left: -200px;
    }

    .training.training-2 .body-example input {
        width: 250px;
    }

    .training.crazy-training .body-example input {
        width: 680px;
        height: 200px;
        font-size: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -100px 0 0 -340px;
    }

    footer.footer-base .footer-bottom {
        width: 1200px;
        margin: 0 auto;
    }

    .admin-index > aside {
        animation: none;
    }

    .admin-index > section {
        margin-left: 270px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }
}

@media screen and (min-width: 1500px) {

    .index-bg {
        background: url('../i/bg-logo.png') no-repeat center;
    }
}

@media screen and (orientation: landscape) and (min-width: 1024px) and (min-height: 768px) {

    /* main.settings,
    main.training {
        height: calc(100% - 148px);
    } */

    .settings .container.flex-block {
        align-items: center;
    }

}

@media screen and (orientation: portrait) and (min-width: 540px) and (min-height: 768px) {
    /* main.settings,
    main.training {
        height: calc(100% - 148px);
    } */

    main.settings .container.flex-block {
        align-items: center;
    }

    main.training {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
    }
}