.main-page{
    background: #DEF3FD;
    text-align: center;
    font-weight: 500;
    height: 100vh;
    padding-top: 20px;
    overflow: hidden;
}
.test{
    padding: 20px 0;
    min-height: 100vh;
}
.main-page .container{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    height: calc( 100vh - 40px );
    padding: 40px 0 20px;
    border: 3px solid #56CBF5;
    max-width: 700px;
}
.main-page p{
    padding-top: 5px;
    font-weight: 500;
}
.btn{
    width: 290px;
    height: 50px;
    background: #003D68;
    border-radius: 50px;
    color: #fff;
    font-weight: 500;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
.btn:hover{
    background: #002B4A;
}
button{
    display: block;
}
.main-page .top img{
    display: block;
    margin-top: -83px;
}
.steps h2{
    font-weight: 900;
    font-size: 25px;
}
.sub-title{
    font-size: 22px;
    font-weight: 300;
}
.steps .container{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    justify-content: space-between;
}
.steps h2,
.sub-title{
    color: #fff;
    text-align: center;
    line-height: 1.4;
    padding-left: 30px;
    padding-right: 30px;
}
p{
    padding-bottom: 10px;
}
p.sub-title{
    padding-bottom: 20px;
}

.steps_items{
    width: calc( 70% - 15px);
}
.sidebar{
    width: calc( 30% - 15px);
}
.step{
    position: relative;
    min-height: 100vh;
    text-align: center;
    display: none;
    min-height: calc( 100vh - 40px );
    padding: 30px 0 0;
}
.step form{
    position: relative;
    padding-bottom: 100px;
}
.step form h2{
    color: #003D68;
    margin-bottom: 25px;
    line-height: 1.2;
}
.step.active{
    display: block;
}
.step_blue{
    background: url(../img/blue_bg.png);
}
.step_green{
   background: url(../img/green_bg.png); 
}
.step_purp{
   background: url(../img/purp_bg.png); 
}
.step_yellow{
   background: url(../img/yellow_bg.png); 
}

.step_purp .step,
.step_purp .sidebar{
    border: 3px solid #9B7FBA;
    background: #fff;
}
.step_blue .step,
.step_blue .sidebar{
    border: 3px solid #56CBF5;
    background: #fff;
}
.step_yellow .step,
.step_yellow .sidebar{
    border: 3px solid #F5C213;
    background: #fff;
}
.step_green .step,
.step_green .sidebar{
    border: 3px solid #4CB15F;
    background: #fff;
}
.check-items img{
    display: block;
    margin: -10px auto 17px;
}

.check-images{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    padding-top: 10px;
}
.check-images.four-el .radio-image{
    width: 24.5%;
}
.check-images.four-el img{
    width: 100%;
}
.radio-image{
    position: relative;
    display: block;
}
.radio-image img{
    display: block;
}
.radio-image .check{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.radio-image input{
    display: none;
}
.radio-image input:checked + .check{
    border: 2px solid #fff;
}
.buttons{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    padding: 0 30px;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}
.buttons .btn{
    width: 140px;
}
/*.btn-next{
    background: #fff;
    color: #003E66;
}
.btn-next:hover{
    background: #fff;
    opacity: .8;
}*/
.btn-prev{
    background: none;
    color: #003D68;
    border: 2px solid #003D68;
}
.btn-prev:hover{
    background: #003D68;
    color: #fff;
}
label{
    cursor: pointer;
}
.title-check{
    padding: 10px;
    font-weight: 500;
    color: #fff;
    display: block;
    text-align: center;
}

h2.main-title{
    font-size: 48px;
    text-align: center;
    margin-bottom: 20px;
    color: #003D68;
}
.sub-text-bord{
    margin-left: 30px;
    margin-right: 30px;
    padding: 15px 10px 5px;
    text-align: center;
    border-top: 2px solid #003D68;
    border-bottom: 2px solid #003D68;
    margin-bottom: 25px;
}
b{
    font-weight: 900;
}
.step h3{
    font-size: 22px;
    padding-bottom: 10px;
    font-weight: 900;
    color: #003D68;
}
.check-items h3{
    font-size: 16px;
    text-align: center;
    padding-bottom: 15px;
}
.form_text{
    padding: 0 30px 15px;
}

.check-items{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
}
.check-items .item{
    flex: 1;
    padding: 0 30px;
    text-align: left;
    border-right: 1px dashed #003D68;
}
.check-items .item.flex2_3{
    width: calc( 100% / 3 * 2);
    flex: none;
}
.row-check-items{
    border-top: 1px dashed #003D68;
}
.check-items .no-border,
.check-items .item:last-child{
   border-right: none;
}

.checkbox_standart{
    display: block;
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
}
.checkbox_standart input{
    display: none;
}
.checkbox_standart .check{
    position: absolute;
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #F15043;
}
.checkbox_standart .txt{
    padding-top: 7px;
    font-weight: 300;
    display: block;
    font-size: 13px;
}
.checkbox_standart input:checked + .check:before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin: 1px;
    background: #F15043;
}

.danger{
    border: 3px solid #EE4738;
    padding: 20px 30px;
    margin: 30px 30px 20px;
    position: relative;
}
.danger:after,
.danger:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.danger:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #ee4738 transparent;
}
.danger:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 17px 17px;
    border-color: transparent transparent #fff transparent;
    margin-bottom: -1px;
}
.pre-title{
    display: inline-block;
    background: #003D68;
    padding: 3px 25px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;

}
.step9 form h2{
    padding-left: 30%;
}
.step9 .check-items .item{
    width: 34%;
}
.step9 .check-items .item:first-child{
    width: 30%;
    padding-right: 0;
}
.double_items{
    flex: 2;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.double_items_block{

    flex: 2;
}
.double_items_block .double_items:not(:last-child){
    margin-bottom: 20px;
}
.double_items h2{
    width: 100%;
}
.step9 .check-items img,
.step10 .check-items img{
    margin-top: 0;
}
.step10 .check-items .double_items img{
    margin-top: 10px;
}
.step11 .check-items img{
    padding-top: 5px;
    margin-top: 0;
}
.row-check-items .item{
    padding-top: 15px;
}
.danger-check{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin: 0;
}
.check-items .danger-check .item{
    border: none;
    padding: 0;
    margin: 0 15px;
    text-align: left;
}
.check-items .danger{
    margin-left: 0;
    margin-right: 0;
}
.danger-text{
    margin: 18px 0 0;
}
.danger-text h3{
    text-align: left;
    color: #EE4738;
    padding-bottom: 5px;
}
.danger-text h2{
    color: #EE4738;
    padding-left: 0;
    padding-right: 0;
}
.danger-text p{
    padding-bottom: 15px;
}
.step form .danger-text h2{
    color: #EE4738;
}
.img_full{
    width: 100%;
}


.step .divform{
    position: relative;
    padding-bottom: 100px;
}