:root {
    --primary-blue: #00bab5;
}

body { font-family: 'Noto Sans', Arial, sans-serif; }
a { color: var(--primary-blue); text-decoration: none; }
a:hover { color: var(--primary-blue); text-decoration: underline; }

.layout { max-width: 1170px; }

h1 { border-bottom: 1px solid #ccc; font-size: 36px; font-weight: bold; margin-bottom: 50px; padding-bottom: 20px; }
h1.ie-sa-reg-form-step-two,
h1.ie-sa-reg-form-step-three { border-bottom: 0; margin-bottom: 0; }
.new-interface h2,
.new-interface h2.default { background: transparent; border-bottom: 1px solid #ccc; font-size: 36px; margin-top: 0; margin-bottom: 50px; padding-top: 0; padding-bottom: 20px; }
.horizontal_line_under { background: transparent; border-bottom: 1px solid #ccc; margin-top: 0; margin-bottom: 30px; padding-top: 0; padding-bottom: 10px; }
.new-interface li a { color: var(--primary-blue); text-decoration: none; }
.new-interface li a:hover { color: var(--primary-blue); text-decoration: underline; }
.header .time + a { background: url(../image/icon-download2.png) center left no-repeat; clear: right; float: right; font-size: 14px; padding: 2px 0 2px 30px; }
.header .bottom { background-color: #1b2c46; }
.bottom ul { margin: 0; padding: 0; text-align: center; }
.bottom li { display: inline-block; font-size: 13px; vertical-align: top; width: 32%; position: relative; }
.bottom li span { background-color: #fff; border-radius: 50%; color: #000; display: block; height: 26px; line-height: 26px; margin: 0 auto 5px auto; width: 26px; position: relative; z-index: 2; }
.bottom .ie-sa-nav-step-one li:nth-child(1) span,
.bottom .ie-sa-nav-step-two li:nth-child(1) span,
.bottom .ie-sa-nav-step-two li:nth-child(2) span,
.bottom .ie-sa-nav-step-three li:nth-child(1) span,
.bottom .ie-sa-nav-step-three li:nth-child(2) span,
.bottom .ie-sa-nav-step-three li:nth-child(3) span { background-color: #00bab5; color: #fff; }
.bottom li:nth-child(1):before,
.bottom li:nth-child(2):before { background: url(../image/step-inactive.jpg) center center no-repeat; content: ''; display: block; height: 4px; width: 100%; position: absolute; top: 10px; left: 50%; z-index: 1; }
.bottom .ie-sa-nav-step-one li:nth-child(1):before { background: url(../image/step-active.jpg) left center no-repeat; }
.bottom .ie-sa-nav-step-two li:nth-child(1):before { background: url(../image/step-completed.jpg) left center no-repeat; }
.bottom .ie-sa-nav-step-two li:nth-child(2):before { background: url(../image/step-active.jpg) left center no-repeat; }
.bottom .ie-sa-nav-step-three li:nth-child(1):before { background: url(../image/step-completed.jpg) left center no-repeat; }
.bottom .ie-sa-nav-step-three li:nth-child(2):before { background: url(../image/step-completed.jpg) left center no-repeat; }
@media (max-width: 600px) {
    .header .top { height: auto; }
    .header .logo { display: block; float: none; max-width: 100%; text-align: center; }
    .header .logo img { max-width: 150px; }
    .header .time { display: block; float: none; text-align: center; }
    .header .time + a { background: transparent; display: block; float: none; padding-left: 0; text-align: center; }
}

.step_holder ul label { line-height: 1; margin-bottom: 10px; }
label,
.new-interface h2.label_like_heading { border: 0; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 0; padding-bottom: 10px; }
ul, .new-interface ul.text { margin-bottom: 15px; }
ul:after, .new-interface ul.text:after { clear: both; content: ''; display: block; height: 1px; width: 1px; }
.chzn-container-single .chzn-single { border-radius: 5px; text-align: left; }
.new-interface .radios li, .new-interface .checkboxes li { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; margin: 0 8px 8px 8px; }
.new-interface .radios li label, .new-interface .checkboxes li label { color: #333; font-weight: normal; line-height: 1.25!important; }
.new-interface form .step_holder .radios li.active, .new-interface form .step_holder .checkboxes li.active { background-color: #fff; }
.new-interface .radios li.yes .icon, .new-interface .checkboxes li.yes .icon { background: url(../image/sprite-yesno2.png) center left no-repeat; height: 31px; width: 31px; }
.new-interface .radios li.yes.active .icon, .new-interface .checkboxes li.yes.active .icon { background-position: center right; }
.new-interface li input[type="text"], .new-interface li select { text-align: left; }
.new-interface .text ul:not(.radios):not(.text) li { max-width: 100%; }
.new-interface .text li { max-width: 100%; }
.input_holder,
.chzn-container,
ul.text li,
.uploadFile li { float: none; margin: 0 auto; max-width: 440px!important; position: relative; }
.new-interface .text li .valid { width: 15px; }
.new-interface .green_text { color: #333; font-size: 16px; font-weight: normal; }
.new-interface .help { margin: -10px 0 10px 0; }
.new-interface .help > a { background: url(../image/icon-help2.png) center left no-repeat; color: var(--primary-blue); font-size: 14px; padding: 0 0 0 20px; }
.new-interface .help > a:hover { color: var(--primary-blue); text-decoration: underline; }
.new-interface .help p { background-color: #fff; color: #333; }
.new-interface .help p a.chat { background: url(../image/icon-livehelp2.png) center left no-repeat; color: var(--primary-blue); font-family: 'Noto Sans', Arial, sans-serif; padding: 5px 0 5px 30px; }
.new-interface .help p a.chat:hover { text-decoration: underline; }
.new-interface .help p a.close { color: var(--primary-blue); }
.uploadFile input { border-radius: 5px 0 0 5px; height: 53px; }
.uploadFile span { border-radius: 0 5px 5px 0; font-size: 16px; }
.scroll-down { display: none; }
.new-interface textarea { border: 1px solid #ccc; border-radius: 5px; }
.new-interface li input[type="submit"], .new-interface a.btn, .main a.btn, .continue { background: var(--primary-blue); border-radius: 5px; font-family: 'Noto Sans', Arial, sans-serif; font-size: 16px; padding: 15px; }
.new-interface li input[type="submit"]:hover, .new-interface a.btn:hover, .main a.btn:hover, .continue:hover { background-color: #374f6c; }
.new-interface li input[type="text"].EUR,
.new-interface li input[type="text"].datepicker { padding-left: 40px; }
.new-interface p.bold-text { font-weight: bold; }
.thank-you-text-new .btn { text-transform: none!important; }
@media (max-width: 799px) {
    .layout { padding-left: 15px; padding-right: 15px; }
    .calendar { left: 12px; }
    .footer { margin-left: 15px; margin-right: 15px; }
}
@media (max-width: 479px) {
    .chzn-container,
    .new-interface li input[type="text"] { margin: 0; width: 100%!important; }
    .new-interface li input[type="text"].uploadFile { width: 50%!important; }
    .uploadFile span { width: 50%; }
    .new-interface li input[type="text"].captchaInput { width: 50%!important; }
}