body {
    /*background: #fff url('../img/bg.png');*/
    background: #f7f9fa;
    font-family: 'Source Sans Pro', Arial;
}
.form-select {
    float: left;
    margin-left: 14px;
}
input#code {
    width: 40%;
    font-size: 33px;
    letter-spacing: 10px;
    text-align: center;
    border: 2px solid #000;
    font-weight: bold;
}
#send_code_btn,
.modal-title {
    margin: 0 auto;
}
#error-code-message {
    font-size: 18px;
    font-weight: bold;
    color: red;
    padding-bottom: 10px;
}


.bg-blue {
    /*background: #325de7!important;*/
    background: linear-gradient(160deg, #4570f8, #1d48d3)!important;
    border-radius: 100px 20px!important;
    box-shadow: 3px 3px 15px #383838;
    border: 1px solid #2048c7;
}

.bg-blue a {
    color: #fff;
    font-weight: bold;
}


.bg-blue :checked {
    background-color: #252525;
    border-color: #252525;
}

.right-info {
    /*background: linear-gradient(#5de593, #36bd6b)!important;*/
    /*background: linear-gradient(160deg, #7dd4f8, #1dbafc)!important;*/
    background: linear-gradient(160deg, #7dd4f8, #169ad2)!important;
    border-radius: 20px 100px!important;
}

.vk-block {
    border: 1px solid #d5d5d5 !important;
    border-radius: 5px 10px;
    background: #fff;
}
.vk-block h5 {
    background: url('../img/vk.png') no-repeat left top;
    padding-left: 36px;
    margin-bottom: 22px;
    margin-top: 2px;
}
.vk-block img {
    width: 20%!important;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.vk-block a {
    color: #000;
    text-decoration: none;
}
nav a {
    font-size: 15px;
}


.block-1 {
    border: 1px solid rgba(44,49,54,.15);
    border-radius: 15px;
    background: #fff;
    padding: 3rem!important;
    padding-bottom: 80px!important;
}
.hide {
    display: none;
}


#step1 img {
    cursor: pointer;
    opacity: .8;
}

#step1 img:hover {
    box-shadow: 1px 1px 11px 1px #c9c9c9;
    opacity: 1;
}











#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
}
#progressbar li {
    list-style-type: none;
    color: #99a2a8;
    font-size: 9px;
    width: calc(100%/3);
    float: left;
    position: relative;
    font: 500 13px/1 "Source Sans Pro", Arial;
    text-align: center;
}
#progressbar li:nth-child(2):before {
    content: "2";
}
#progressbar li:nth-child(3):before {
    content: "3";
}
#progressbar li:nth-child(4):before {
    content: "4";
}
#progressbar li:before {
    content: "1";
    font-family: "Source Sans Pro", Arial;
    font-size: 20px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 38px;
    display: block;
    background: #eaf0f4;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    z-index: 2;
    position: relative;
}
#progressbar li:after {
    content: '';
    width: 100%;
    height: 6px;
    background: #eaf0f4;
    position: absolute;
    left: -50%;
    top: 18px;
    z-index: 1;
}
#progressbar li:last-child:after {
    width: 150%;
}
#progressbar li.active {
    color: #5cb85c!important;
}
#progressbar li.active:before, #progressbar li.active:after {
    background: #5cb85c!important;
    color: white!important;;
    font-weight: bold!important;
}
#progressbar li.cursor {
    color: #6b6b6b;
}
#progressbar li.cursor:before, #progressbar li.cursor:after {
    background: #6b6b6b;
    color: #fff;
    font-weight: bold;
}
h3 {
    font-weight: bold;
    padding-top: 20px;
}

#step5 img {
    width: 30%;
}
#step5 {
    font-size: 20px;
}
.select-step-1 {
    cursor: pointer;

}
.topic-block {
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 10%);
}

.topic-block:hover {
    box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 22%);
    background: #5cb85c!important;
    color: #fff;
}

.numeric-list {
    list-style: decimal inside;
}
.numeric-list li {
    margin-bottom: 20px;
}

.new-child {
    padding: 20px;
    background: #f5ebd2;
    border-radius: 20px;
    border: 1px solid #c5c5c5;
    margin-top: 20px;
    padding-bottom: 70px;
    margin-bottom: 40px;
}

.salavatkuper {

}