#poptavka { background: url('../img/bg-under.gif') top center repeat-x var(--main-color-03); padding-top: 32px; color: #fff}

#under .tmp_content,
#poptavka .tmp_content{
    background: #333439;
    background: -webkit-linear-gradient(180deg, rgba(51, 52, 57, 1) 60%, rgba(251, 209, 1, 0.2) 100%);
    background: -moz-linear-gradient(180deg, rgba(51, 52, 57, 1) 60%, rgba(251, 209, 1, 0.2) 100%);
    background: linear-gradient(180deg, rgba(51, 52, 57, 1) 60%, rgba(251, 209, 1, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333439", endColorstr="#FBD101", GradientType=0);
}

.form_icon { width: 25%; box-sizing: border-box; float: left; margin-bottom: var(--main-gap); }

@media only screen and (max-width: 768px) {
    .form_icon { width: 50%; }
}

.form_icon a {
    display: block; background: #F3FDFA; border-radius: 8px; text-decoration: none;
    padding: var(--main-gap-half); 
}

.form_icon a:hover { background: f7f7f7; }
.form_icon a.poptavka_active { background: var(--main-color-01);}
.form_icon a span { display: block; margin-bottom: 4px; }
.form_icon a span span { display: inline-block; background: rgba(255, 255, 255, 0.85);  padding: 18px; border-radius: 50%;}
.form_icon a strong { display: block;  font-size: 1.8em; }
.form_icon a.poptavka_active strong { color: #fff; }

@media only screen and (max-width: 768px) { 
    .form_icon img { height: 32px; }
    .form_icon a span span{ padding: var(--main-gap-half); }
}

.form_line { margin-bottom: var(--main-gap); }
.form_line label { display: block; font-size: 1.6em; margin-bottom: 4px; }
.form_line input, .form_line textarea { 
    box-sizing: border-box; background: #fff; width: 100%; padding: var(--main-gap-half); border-radius: 4px; 
    font-size: 1.8em; border: 1px solid #eee; color: var(--main-color-03);
}

.form_line input:focus, .form_line textarea:focus { border-color: var(--main-color-01); }
.form_line textarea {  height: 120px; }

.form_line_checkbox { margin-bottom: 60px; }

input[type=checkbox] { display: none; }
input[type=checkbox] + label { padding: 10px 20px 10px 50px; background: url('../img/checkbox.png') left center no-repeat; display: block; font-size: 1.8em;  }
input[type=checkbox] + label:hover { cursor: pointer; }
input[type=checkbox]:checked + label { background: url('../img/checkbox-check.png') left center no-repeat; }

.form_submit_line input { 
    box-sizing: border-box; background: #000; 
    padding: var(--main-gap) var(--main-gap-double) var(--main-gap) var(--main-gap-double); border-radius: 4px; color: #fff;
    font-size: 1.8em; display: inline-block;
}

.form_submit_line input:hover { background: var(--main-color-03); cursor: pointer; }

.alert_cover { margin-bottom: var(--main-gap);} 
.alert_warn { background-color: #FFF5E0; color: #E25E3E; }
.alert_done { background: #a5f854; color: #4ca200; }
.alert_inner { padding: var(--main-gap) var(--main-gap) calc(var(--main-gap-half) + 10px) var(--main-gap); border-radius: 3px;}
.alert_inner div { margin-bottom: calc(var(--main-gap-half) - 10px); font-size: 1.8em;}