* { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  } @font-face { font-family: 'calibriregular'; src: url(/c/fonts/calibri-webfont.eot); src: url(/c/fonts/calibri-webfont.eot?#iefix) format('embedded-opentype'), url(/c/fonts/calibri-webfont.woff) format('woff'), url(/c/fonts/calibri-webfont.ttf) format('truetype'), url(/c/fonts/calibri-webfont.svg#calibriregular) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url(/c/fonts/icomoon.eot); src: url(/c/fonts/icomoon.eot?#iefix) format('embedded-opentype'), url(/c/fonts/icomoon.woff) format('woff'), url(/c/fonts/icomoon.ttf) format('truetype'), url(/c/fonts/icomoon.svg#calibriregular) format('svg'); font-weight: normal; font-style: normal; } .icomoon { font-family: 'icomoon' !important; } @font-face { font-family: 'calibribold'; src: url(/c/fonts/calibrib-webfont.eot); src: url(/c/fonts/calibrib-webfont.eot?#iefix) format('embedded-opentype'), url(/c/fonts/calibrib-webfont.woff) format('woff'), url(/c/fonts/calibrib-webfont.ttf) format('truetype'), url(/c/fonts/calibrib-webfont.svg#calibribold) format('svg'); font-weight: normal; font-style: normal; } body { font-family: 'calibriregular'; font-size: 16px; margin: 0px; padding: 0px; line-height: 1.3; background-color: #fbf8f9; color: #333333; } a { color: #1e32d4; text-decoration: none; } a:hover { text-decoration: underline; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } b, strong { font-family: 'calibribold'; font-weight: normal; }  .xform input[type=text], .xform input[type=email], .xform input[type=password], input[type=text], input[type=email], input[type=password] { padding: 5px 6px; font-size: 16px; font-family: 'calibriregular'; background-color: #ffffff; border: 1px solid #aeaeae; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; } .xform input[type=text]:focus, .xform input[type=email]:focus, .xform input[type=password]:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus { border-color: #1E32D4; outline: 0; } .xform label.required, .xform dt label.required { background: none; padding-left: 0px; } .xform-info-popup.error div { background-color: #CD1710; } .xform label.required:after { content: "*"; color: red; margin: 0 0 0 5px; } textarea { background-color: #ffffff; border: 1px solid #aeaeae; padding: 5px 6px; font-size: 16px; font-family: 'calibriregular'; } textarea:focus { border-color: #1E32D4; outline: 0; } ::-webkit-input-placeholder { color: #A6A6A6 !important; font-style: italic } :-moz-placeholder { color: #A6A6A6 !important; font-style: italic } ::-moz-placeholder { color: #A6A6A6 !important; font-style: italic } :-ms-input-placeholder { color: #A6A6A6 !important; font-style: italic } .placeholder { color: #A6A6A6 !important; font-style: italic } :focus::-webkit-input-placeholder { color: transparent; } :focus:-moz-placeholder { color: transparent; } :focus::-moz-placeholder { color: transparent; } :focus:-ms-input-placeholder { color: transparent; } :focus.placeholder { color: inherit; opacity: inherit; } .xform dt label { padding-top: 4px; padding-bottom: 4px; } .btn { display: inline-block; font-family: 'calibriregular'; margin-bottom: 0; border-radius: 0px; text-align: center; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 18px; font-size: 16px; line-height: normal !important; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-primary { color: #ffffff; background-color: #777575; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { color: #ffffff; background-color: #e22507; border-color: #e22507; } .btn-primary:active, .btn-primary.active { background: #e22507; border-color: #e22507; } input[type="radio"], input[type="checkbox"] { margin: 3px 0 0; margin-top: 1px \9;  line-height: normal; } .radio, .checkbox { display: block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { cursor: pointer; display: inline; font-weight: 400; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-left: -20px; margin-right: 5px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .nojs-error { background-color: #FD3840; color: #ffffff; padding: 15px; text-align: center; }  .meta_img { display: block; font-size: 0; height: 0; line-height: 0; } .layout { width: 997px; margin-left: 70px; margin-top: 0px; } .layout__header { } .layout__main-search { padding-top: 15px; margin-bottom: 15px; } .layout__body { position: relative; margin-bottom: 37px; } @media (max-width: 997px) { .layout__body { position: relative; margin-bottom: 0px; } } .layout__footer { overflow: hidden; position: relative; background-color: #777575; padding: 40px 0px 50px 0px; color: #fff; font-size: 14px; } .layout__banner { float: right; margin-right: -200px; margin-top: 75px; }  .header { } .header__logo { width: 230px; float: left; } .header__h-jobmail { float: right; margin-bottom: 20px; } @media (max-width: 997px) { .header__h-jobmail { float: none; } } @media (max-width: 768px) { .header__h-jobmail { width: 50%; margin: 10px auto; margin-top: -55px; } } @media (max-width: 600px) { .header__h-jobmail { margin-top: 20px; width: auto; } } .h-jobmail__txt { display: inline-block; color: #a3a1a2; padding: 8px 14px; } @media (max-width: 768px) { .h-jobmail__txt { display: block; } } .h-jobmail__btn { display: inline-block; padding: 8px 14px; background-color: #e22507; color: #fff; text-decoration: none; float: right; } @media (max-width: 997px) { .h-jobmail__btn { float: none; } } .h-jobmail__btn:hover { text-decoration: none; } .header__navigation { margin-left: 230px; margin-right: 0px; overflow: hidden; } .header-logos { float: right; margin-top: 10px; } .header-logos__wrapper { padding: 0px; margin: 0px; list-style: none; font-size: 0px; } .header-logos__item { display: inline-block; margin-left: 10px; } .header__menu-responsive-link { display: none; float: right; font-size: 20px; padding: 20px; text-decoration: none; outline: none; } .header__menu-responsive-link:hover { text-decoration: none; } .print-logo { display: none; }  .links-list { } .links-list ul { padding: 0px; margin: 0px; } .links-list__item { display: inline-block; } .links-list__item a { color: #1E32D4; font-size: 16px; line-height: 14px; display: block; padding: 0px 10px; text-decoration: underline; } .links-list__item a:hover { text-decoration: none; } .links-list__item:first-child a { padding-left: 0px; } .links-list.links-list_header_links { margin-top: 10px; float: left; } .links-list.links-list_header_links ul { line-height: 14px; } .links-list_header_links .links-list__item { border-right: 1px solid #1e32d4; } .links-list_header_links .links-list__item:last-child { border-right: none; } .links-list_header_links .links-list__item_state_active a { text-decoration: underline; } .links-list_main_search .links-list__item { padding: 3px 0px 2px; } .links-list_main_search .links-list__item a { font-size: 16px; padding: 5px 10px; color: #fff; } .logo { padding-left: 15px; } .logo__title { display: none; } .itemprop { display: none; }  #mainnav { clear: both; } .navigation { font-size: 0px; } .navigation__wrapper { padding: 0px; margin: 0px; text-align: right; } .navigation__wrapper li { display: inline-block; } .navigation__wrapper li a { padding: 4px 12px; display: block; color: #777575; font-size: 18px; text-decoration: none; font-family: 'calibribold'; } .navigation__wrapper li a:hover { background-color: #777575; color: #fff; } .navigation__wrapper li.navigation__item_state_active a { background-color: #777575; color: #fff; }  .main-search { padding: 15px 15px 55px 15px; background-color: #777575; color: #fff; position: relative; } .main-search__form { float: left; } .main-search__search-field { float: left; padding-right: 10px; position: relative; } .main-search__advanced-search { position: absolute; right: 10px; bottom: -28px; } .main-search__advanced-search a { color: #FFF; font-size: 14px; } .main-search__advanced-search::before { content: ''; display: inline-block; font-size: 0px; line-height: 0%; width: 0px; border-top: 5px solid transparent; border-left: 5px solid #FFF; border-bottom: 5px solid transparent; } .main-search__btn-field { position: absolute; right: 15px; bottom: 15px; } .main-search__label { margin-bottom: 8px; } .main-search__place-field { float: left; padding-right: 10px; } .main-search__form .searchField { width: 300px; border: 1px solid #fff; background-color: #fff; color: #1A1919; font-size: 16px; padding: 5px 5px; } .main-search__form .searchField:focus { border-color: #fff; } input.main-search__field-zip { width: 300px; border: 1px solid #fff; background-color: #fff; color: #1A1919; font-size: 16px; padding: 5px 5px; } input.main-search__field-zip:focus { border-color: #fff; } .main-search__form .searchField:focus, input.main-search__field-zip:focus { background-color: #fff; color: #000; } .btn_main_search { padding: 10px; font-weight: bold; color: #000; padding: 5px 10px; background-color: #D2D2D2; font-size: 16px; font-weight: normal; border: 1px solid #D2D2D2; vertical-align: top; width: 170px; } .main-search__preview { float: left; margin-left: 10px; width: 60px; line-height: 23px; font-size: 14px; padding: 5px 0px; font-size: 0px; } .main-search__links { float: left; margin-left: 10px; margin-top: 1.8em; } .main-search__mark-list { position: absolute; left: 15px; bottom: 15px; } .btn_mark_list { background-color: #d2d2d2; border: 1px solid #d2d2d2; padding: 4px 10px; font-size: 14px; line-height: 20px; margin-right: 2px; } .main-search-elements { float: left; } .checkbox-container { list-style: none; padding: 0; margin: 0; float: left; } .checkbox-container.one { width: 177px; } .checkbox-container.two { width: 150px; } .checkbox-container__item { color: #fff; font-size: 16px; } .checkbox-container__item .radio { margin-top: 0; margin-bottom: 0; }  .footer { position: relative; } .footer__container { display: flex; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } @media (max-width: 997px) { .footer .footer__container:first-child { flex-direction: column; -webkit-flex-direction: column; } .footer__container { margin-left: 0px; margin-right: 0px; } } @media (max-width: 700px) { .footer__container { flex-direction: column; } } .footer__txt { font-size: 18px; padding: 15px; width: 49.9999%; display: flex; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  } @media (max-width: 997px) { .footer__txt { text-align: center; margin-bottom: 15px; } } .footer__icons { padding: 15px; width: 16.6666%; display: flex; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  } .footer__icons .st-holder span { margin-right: 7px; } .footer-logos { padding: 15px; width: 33.3333%; display: flex; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  } .footer-logos__wrapper { padding: 0; margin: 0; } .footer-logos__item { display: inline; margin-right: 20px; } .footer-logos__item a { display: inline-block; } .footer-logos__item a img { width: auto; height: 34px; } @media (max-width: 997px) { .footer__icons { position: relative; text-align: center; width: auto; display: block; } } .footer__col { padding: 15px; width: 16.6666%; display: flex; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  } @media (max-width: 997px) { .footer-logos, .footer__icons, .footer__txt { padding: 15px; width: auto; display: block; text-align: center; } .footer__col { width: 33.333%; text-align: center; } .footer__item { width: 100%; } } @media (max-width: 700px) { .footer__col, .footer-logos, .footer__icons, .footer__txt { padding: 15px; width: auto; display: block; text-align: center; } } .footer__item ul { margin: 0; padding: 0; list-style: none; } .footer__item a { color: #fff; } .footer__item a:hover { text-decoration: underline; } .unknown { display: none; }  div#cover { text-align: center; z-order: 10000; background-color: transparent; position: absolute; cursor: wait; display: none; } div#cover img { display: none; vertical-align: middle; } div#cover.wait_state img { display: inline; } div#cover.wait_state { background-color: #ffffff; -moz-opacity: 0.4; filter: alpha(opacity:40); opacity: 0.4; } div#cover.wait_state span img { height: 100%; display: inline; }  .search-results { background-color: #FFFFFF; margin-top: 15px; padding: 15px 16px; } .search-results__title { color: #e32219; margin: 15px 0; font-size: 16px; font-family: 'calibribold'; } .search-results__sorting { margin-bottom: 20px; float: left; font-size: 16px; margin-top: 5px; } .search-results__sorting .radio { display: inline-block; margin-bottom: 0; margin-top: 0; vertical-align: middle; } .search-results__sorting .radio input[type="radio"], .search-results__sorting .checkbox input[type="checkbox"] { float: none; margin-left: 0; } .search-results__amount { float: right; margin-right: 20px; font-size: 16px; color: #e32219; font-family: 'calibribold'; margin-top: 5px; } .search-results__mark-list { float: right; display: none; } .search-results__list { clear: both; margin: 0; padding: 0; list-style: none; } .search-results__page-navigation { float: right; } .search-results__job-mail { float: left; }  .wizard { } .wizard__steps { width: 100%; padding: 0px; margin: 0px 0px 20px 0px; } .wizard__steps li { height: 30px; position: relative; list-style: none; display: inline-block; background-color: #bfbfc1; text-align: center; width: 155px; font-size: 20px; font-family: 'calibribold'; line-height: 30px; color: #fff; } .wizard__content { background-color: #fff; padding: 25px; } .wizard__steps-container { margin-bottom: 45px; } #crumbs { } #crumbs ul { list-style: none; display: inline-table; margin: 0; padding: 0; width: 100%; font-size: 0px; } #crumbs ul li { display: inline-block; width: 14.2857%; padding-right: 10px; } #crumbs ul li:last-child { padding-right: 0px; } #crumbs ul li a, #crumbs ul li span { display: block; float: left; height: 50px; background: #bfbfc1; text-align: center; padding: 13px 0px 10px 30px; position: relative; margin: 0 0px 0 0; font-size: 18px; text-decoration: none; color: #fff; width: 100%; text-transform: uppercase; } #crumbs._vacancy ul li a, #crumbs._vacancy ul li span { font-size: 16px; line-height: 24px; } #crumbs ul li span { background: #fff; color: #dadada; } #crumbs ul li:last-child span { background: #777575; color: #fff; } #crumbs ul li a i, #crumbs ul li span i { font-style: normal; } #crumbs ul li a i.mobile, #crumbs ul li span i.mobile { display: none; } @media (max-width: 997px) { #crumbs ul li a i.mobile, #crumbs ul li span i.mobile { display: block; } #crumbs ul li a i.pc, #crumbs ul li span i.pc { display: none; } } #crumbs ul li.active span { background-color: rgba(227, 34, 25, 1); } #crumbs ul li a:after, #crumbs ul li span:after { content: ""; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 25px solid #bfbfc1; position: absolute; right: -25px; top: 0; z-index: 1; } #crumbs ul li span:after { border-left: 25px solid #fff; } #crumbs ul li.active span:after { border-left: 25px solid rgba(227, 34, 25, 1); } #crumbs ul li a:before, #crumbs ul li span:before { content: ""; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 25px solid #fbf8f9; position: absolute; left: 0; top: 0; } #crumbs ul li:first-child a, #crumbs ul li:first-child span { } #crumbs ul li:first-child a:before, #crumbs ul li:first-child span:before { display: none; } #crumbs ul li:last-child a, #crumbs ul li:last-child span { } #crumbs ul li:last-child a:after, #crumbs ul li:last-child span:after { display: none; } #crumbs ul li a:hover { background: #777575; } #crumbs ul li a:hover:after { border-left-color: #777575; } .wizard__steps li a, .wizard__steps li span { display: block; color: #ffffff; padding-left: 20px; padding-right: 20px; background: url("/images/wizard-arrow.png") no-repeat 121px center; } .wizard__steps i { font-style: normal; } .wizard__steps i.mobile, .wizard__steps i.mobile { display: none; } .wizard__steps li a:hover { text-decoration: none; } .wizard__steps li.active { background-color: #cd1710; } .wizard__steps li { background: #bfbfc1 url("/images/wizard-arrow.png") no-repeat -40px center; } .wizard__step ul { list-style: none; } .wizard__step-title { font-size: 20px; color: #777575; font-weight: bold; } .wizard__help { color: #777575; font-size: 12px; font-style: normal; } .wizard__btn-list { padding: 0; position: relative; margin: 20px 0; } .wizard__btn-list-item { float: left; margin-right: 10px; position: relative; } .wizard__btn-list-item a { display: block; padding: 10px 16px; background-color: #f8f8f8; text-align: center; color: #000; font-weight: bold; } .wizard__btn-list-item > a:hover, .wizard__btn-list-item a.subSelect-opened { background-color: #e22507; color: #fff; text-decoration: none; } .wizard__btn-list ul { list-style: none; position: absolute; left: -9999px; background-color: #d2d2d2; margin: 0; padding: 0; font-size: 14px; } .wizard__btn-list ul li { padding-top: 1px; float: none; } .wizard__btn-list li ul { left: 0; width: 100%; z-index: 10; } .wizard__btn-list li:hover > a { background: #e22507; text-decoration: none; color: #fff; } .wizard__btn-list li ul a { text-decoration: none; padding: 5px 10px; background-color: #d2d2d2; color: #333333; }  .company-item { background-color: #F0EEEF; margin-bottom: 15px; overflow: hidden; padding: 10px; position: relative; } .company-item__logo { float: left; } .company-item__logo img { display: block; border: 1px solid #ccc; } .company-item__title { margin-left: 110px; font-size: 16px; font-weight: bold; color: #333333; } .company-item__title a { color: #333333; } .company-item__vacancy-count { margin-left: 110px; font-size: 16px; } .company-item__place { clear: both; font-size: 16px; margin-top: 18px; }  .vacancy-info input.workplaceCity::-ms-clear { width: 0; height: 0; } .vacancy-item { background-color: #f0eeef; padding: 10px; margin-bottom: 15px; position: relative; overflow: hidden; } .vacancy-item__logo { float: left; } .vacancy-item__logo img { display: block; border: 1px solid #ccc; } .vacancy-item__types, .vacancy-item__date { float: right; color: #727171; font-size: 12px; margin-right: 30px; } .vacancy-item__favorite { margin-left: 5px; } .vacancy-item__type { position: absolute; top: 30px; right: 10px; } .vacancy-item__place { margin-left: 110px; font-size: 16px; } .vacancy-item__place h3 { margin: 0; font-size: 16px; font-weight: normal; } .vacancy-item__title { margin-left: 110px; margin-right: 200px; font-size: 16px; font-family: 'calibribold'; color: #333333; } .vacancy-item__title h2 { font-size: 16px; font-family: 'calibribold'; font-weight: normal; margin: 0px; } .vacancy-item__title a { color: #333333; } .vacancy-item__text { clear: both; margin-top: 18px; font-size: 16px; } .vacancy-item.offline, .offline .vacancy-item__title a, .offline .vacancy-item__date, .offline .vacancy-item__types { color: #c6c5c5; } .item-notfound { padding: 20px 0px; font-size: 20px; font-weight: bold; color: #333333; } .item-notfound span { display: block; } .footer-navi { text-align: center; } .footer-navi__back { float: left; } .footer-navi__center { } .footer-navi__next { float: right; }  .page-navigation { list-style: none; padding: 0; margin: 0; font-size: 0; } .page-navigation li { display: inline-block; font-size: 16px; margin: 0 3px; } .page-navigation li a { display: block; padding: 0 3px; color: #333; } .page-navigation__prev { margin-right: 15px; } .page-navigation__item_current { padding: 0 3px; color: #1e32d4; text-decoration: underline; } .page-navigation__next { margin-left: 15px; }  .static-matrix { padding: 15px; background-color: #fff; } .static-matrix__wrapper { list-style: none; padding: 0; margin: 0; margin-left: -46px; font-size: 0px; } .static-matrix__item { height: 178px; margin-left: 46px; display: inline-block; vertical-align: top; } .static-matrix__item img { border: 2px solid #d2d2d2; display: block; } .static-matrix__title { text-align: center; font-size: 14px; margin-top: 5px; width: 156px; }  .action-links { list-style: none; margin: 0; padding: 0; margin-right: 14px; margin-top: 13px; } .action-links__item { font-family: 'calibribold'; margin-bottom: 14px; } .action-links__item a { color: #1e32d4; font-size: 16px; display: block; padding-left: 42px; min-height: 32px; padding-top: 7px; padding-bottom: 7px; } .action-links__icon-back { background: url('/images/relunch/action-back.png') no-repeat left center; } .action-links__icon-email { background: url('/images/relunch/action-email.png') no-repeat left center; } .action-links__icon-print { background: url('/images/relunch/action-print.png') no-repeat left center; } .action-links__icon-add { background: url('/images/relunch/favorite_star.png') no-repeat left center; } .action-links__icon-add.set { background: url('/images/relunch/remove_favorite.png') no-repeat left center; } .action-links__icon-forward { background: url('/images/relunch/action-forward.png') no-repeat left center; } .action-links__icon-all { background: url('/images/relunch/action-all.png') no-repeat left center; } .action-links__icon-allgroup { background: url('/images/relunch/action-allgroup.png') no-repeat left center; } .action-links__icon-pdf { background: url('/images/relunch/action-pdf.png') no-repeat left center; }  .static-page { background-color: #FFFFFF; font-size: 16px; padding: 15px; } .static-page__top { border-bottom: 2px solid #777575; margin-bottom: 15px; padding-bottom: 20px; font-size: 16px; } .static-page__action-links { float: left; width: 193px; } .static-page__content { border-left: 2px solid #777575; margin-left: 193px; padding-left: 41px; } .static-page__content iframe { width: 100%; border: 0; }  .icon { display: inline-block; line-height: 16px; margin-top: 1px; } .sprite-action-add { background-image: url(/images/relunch/spritesheet.png); background-position: -64px -72px; width: 32px; height: 32px; } .sprite-action-all { background-image: url(/images/relunch/spritesheet.png); background-position: -32px -72px; width: 32px; height: 32px; } .sprite-action-allgroup { background-image: url(/images/relunch/spritesheet.png); background-position: -72px -32px; width: 32px; height: 32px; } .sprite-action-back { background-image: url(/images/relunch/spritesheet.png); background-position: 0px -40px; width: 32px; height: 32px; } .sprite-action-email { background-image: url(/images/relunch/spritesheet.png); background-position: -32px -40px; width: 32px; height: 32px; } .sprite-action-forward { background-image: url(/images/relunch/spritesheet.png); background-position: -72px 0px; width: 32px; height: 32px; } .sprite-action-pdf { background-image: url(/images/relunch/spritesheet.png); background-position: -40px 0px; width: 32px; height: 32px; } .sprite-action-print { background-image: url(/images/relunch/spritesheet.png); background-position: 0px -72px; width: 32px; height: 32px; } .sprite-close { background-image: url(/images/relunch/spritesheet.png); background-position: -104px -38px; width: 16px; height: 16px; } .sprite-down { background-image: url(/images/relunch/spritesheet.png); background-position: -104px -66px; width: 12px; height: 6px; } .sprite-facebook { background-image: url(/images/relunch/spritesheet.png); background-position: 0px 0px; width: 40px; height: 40px; } .sprite-marklist { background-image: url(/images/relunch/spritesheet.png); background-position: -104px 41px; width: 20px; height: 20px; vertical-align: bottom; } .sprite-menu-off { background-image: url(/images/relunch/spritesheet.png); background-position: 0px -104px; width: 23px; height: 16px; margin-left: 10px; } .sprite-menu-on { background-image: url(/images/relunch/spritesheet.png); background-position: -104px -20px; width: 18px; height: 18px; margin-left: 10px; display: none; } .sprite-next { background-image: url(/images/relunch/spritesheet.png); background-position: -104px -54px; width: 6px; height: 12px; margin-left: .3em; } .sprite-prev { background-image: url(/images/relunch/spritesheet.png); background-position: -110px -54px; width: 6px; height: 12px; margin-right: .3em; } .sprite-up { background-image: url(/images/relunch/spritesheet.png); background-position: -104px -72px; width: 12px; height: 6px; } .sprite-pdf { background-image: url(/images/pdf.gif); width: 16px; height: 16px; vertical-align: middle; margin: 0 5px; } .cke_reset { box-shadow: none !important; box-sizing: border-box !important; background-color: #fff !important; } .cke_combopanel { height: 85px !important; }  .favorite { } .favorite.star { color: #4C4C4C; display: block; height: 18px; width: 18px; position: absolute; right: 10px; top: 9px; text-decoration: none; text-transform: uppercase; white-space: nowrap; overflow: hidden; outline: 0; } a.favorite.star { outline: 0; text-decoration: none; } a.favorite.star span.icon-star-o2 { top: -2px; left: 2px; position: relative; font-size: 17px; float: none; } a.favorite.star .icon-star-o2 .path1:before { content: "\e901"; color: #fff; } a.favorite.star .icon-star-o2 .path2:before { content: "\e904"; color: #1e32d4; margin-left: -0.9287109375em; } a.favorite.star:hover .icon-star-o2 .path1:before { content: "\e901"; color: #1e32d4; } a.favorite.star.set .icon-star-o2 { left: 3px; } a.favorite.star.set .icon-star-o2 .path1:before { content: "\e902"; color: #fff; } a.favorite.star.set .icon-star-o2 .path2:before { content: "\e903"; color: #1e32d4; margin-left: -0.9287109375em; }  .ui-corner-all { border-radius: 0px; } .ui-dialog { padding: 0px; } .ui-widget-header { border: none; } .ui-widget-header .ui-icon.ui-icon-closethick { background-image: url("/images/relunch/spritesheet.png"); background-position: -104px -38px; } .ui-dialog-titlebar-close.ui-state-hover { border: none; background: none; padding: 1px !important; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 14px; } .ui-widget { font-size: 14px; } .vacancy-item .hi { color: #e32219; } .st-holder span { width: 2pc; height: 2pc; line-height: 2pc; background-size: 2pc !important; display: inline-block; margin: 0; overflow: hidden; cursor: pointer; box-sizing: border-box; } .st-holder .st_facebook_large .stLarge { background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.439%2010.95h4v-4.95h-4c-3.311%200-6%202.92-6%206.5v2.5h-4v4.97h4v12.03h5v-12.03h5v-4.97h-5v-2.55c0-.86.532-1.5%201-1.5z%22%2F%3E%3C%2Fsvg%3E') #305891 no-repeat left !important; } .st-holder .st_twitter_large .stLarge { background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.67%209.38c-.779.35-1.63.58-2.51.69.9-.54%201.6-1.4%201.92-2.42-.85.5-1.78.87-2.78%201.06-.8-.85-1.94-1.38-3.19-1.38-2.42%200-4.379%201.96-4.379%204.38%200%20.34.04.68.11%201-3.64-.18-6.86-1.93-9.02-4.57-.38.65-.59%201.4-.59%202.2%200%201.52.77%202.86%201.95%203.64-.72-.02-1.39-.22-1.98-.55v.06c0%202.12%201.51%203.89%203.51%204.29-.37.1-.75.149-1.15.149-.28%200-.56-.029-.82-.08.56%201.74%202.17%203%204.09%203.041-1.5%201.17-3.39%201.869-5.44%201.869-.35%200-.7-.02-1.04-.06%201.94%201.239%204.24%201.97%206.71%201.97%208.049%200%2012.45-6.67%2012.45-12.45l-.01-.57c.839-.619%201.579-1.389%202.169-2.269z%22%2F%3E%3C%2Fsvg%3E') #2ca8d2 no-repeat left !important; } .st-holder .st_xing_large .stLarge { background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23036567%22%20d%3D%22M7.35%208.75h4.63l2.91%204.61-3.9%207.32h-4.72l3.81-7.32z%22%2F%3E%3Cpath%20fill%3D%22%23CBD418%22%20d%3D%22M21.51%204.52h4.97l-7.48%2013.64%205.109%209.32h-4.779l-5.14-9.28z%22%2F%3E%3C%2Fsvg%3E') #f8e8f8 no-repeat left !important; } .st-holder .st_linkedin_large .stLarge { background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%3Ctitle%3Eicons%2FSVG%2Flinkedin%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cpath%20d%3D%22M26%2025.963h-4.186v-6.55c0-1.562-.027-3.571-2.175-3.571-2.179%200-2.511%201.702-2.511%203.46v6.661h-4.181v-13.468h4.012v1.841h.058c.558-1.059%201.924-2.175%203.96-2.175%204.239%200%205.022%202.789%205.022%206.416v7.386zm-17.771-15.308c-1.344%200-2.429-1.087-2.429-2.428%200-1.34%201.084-2.427%202.429-2.427%201.339%200%202.426%201.087%202.426%202.427%200%201.341-1.087%202.428-2.426%202.428zm-2.096%201.84h4.19v13.468h-4.19v-13.468z%22%20sketch%3Atype%3D%22MSShapeGroup%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') #0077b5 no-repeat left !important; } .st-holder .st_googleplus_large .stLarge { background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%3Ctitle%3ESVG%2Fgoogle_plusone_share%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cpath%20d%3D%22M12%2015v2.4h3.97c-.16%201.03-1.2%203.02-3.97%203.02-2.39%200-4.34-1.98-4.34-4.42s1.95-4.42%204.34-4.42c1.36%200%202.27.58%202.79%201.08l1.9-1.83c-1.22-1.14-2.8-1.83-4.69-1.83-3.87%200-7%203.13-7%207s3.13%207%207%207c4.04%200%206.72-2.84%206.72-6.84%200-.46-.05-.81-.11-1.16h-6.61zm15%200h-2v-2h-2v2h-2v2h2v2h2v-2h2v-2z%22%20sketch%3Atype%3D%22MSShapeGroup%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') #ce4d39 no-repeat left !important; }  .company-st-holder .st-holder.company { position: absolute; right: 14px; bottom: 12px; }  .start-st-holder { } .start-st-holder .st-holder.desktop { float: right; margin: 10px 15px 0 0; } .start-st-holder .st-holder.mobile { display: none; } @media (max-width: 997px) { .start-st-holder { margin-top: 30px; } } .article-st-holder .st-holder.desktop { float: right; margin: -60px 0 0 0; } .article-st-holder .st-holder.mobile { display: none; }  .search-st-holder { } .search-st-holder .st-holder.desktop { float: right; margin: 10px 15px 0 0; } .search-st-holder .st-holder.mobile { display: none; }  .jobmail-st-holder { } .jobmail-st-holder .st-holder.desktop { float: right; margin-top: -40px; } .jobmail-st-holder .st-holder.mobile { display: none; }  @media (max-width: 1334px) { .layout__banner { display: none; } .layout { margin-left: 0px; margin: 0px auto; } } @media (max-width: 1134px) { } @media (max-width: 997px) {  .company-st-holder { text-align: center; } .company-st-holder .st-holder.company { position: relative; right: auto; bottom: auto; }  .start-st-holder { text-align: center; } .start-st-holder .st-holder.desktop { display: none; } .start-st-holder .st-holder.mobile { display: block; margin-bottom: 10px; }  .search-st-holder { text-align: center; } .search-st-holder .st-holder.desktop { display: none; } .search-st-holder .st-holder.mobile { display: block; }  .jobmail-st-holder { text-align: center; } .jobmail-st-holder .st-holder.desktop { display: none; } .jobmail-st-holder .st-holder.mobile { display: block; margin-top: 10px; }  .article-st-holder .st-holder.desktop { display: none; } .article-st-holder .st-holder.mobile { display: block; margin: 10px 0 8px 0; }  .part-time-selected_info { margin-top: 10px; } #frame-wrapper iframe { zoom: 1; -moz-transform: scale(1); -moz-transform-origin: 0 0; -o-transform: scale(1); -o-transform-origin: 0 0; -webkit-transform: scale(1); -webkit-transform-origin: 0 0; } .layout { width: 100%; margin-top: 10px; } .header__navigation { margin-left: 0px; clear: both; margin-right: 0px; padding: 5px 15px; text-align: center; overflow: inherit; } .navigation__wrapper li { display: block; border-bottom: 1px solid #ccc; } .navigation__wrapper li.mobile-hide, .layout__footer li.mobile-hide { display: none; } .jobmail { margin-top: 0px !important; } .layout__main-search { padding-top: 0px; } .navigation__wrapper li a { padding: 10px 14px; } .header__navigation { padding: 0px; } .header__menu-responsive-link { display: block; } .navigation__wrapper { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; overflow: hidden; max-height: 0; border-bottom: 0px; border-top: 1px solid #ccc; } .links-list.links-list_header_links { margin-left: 15px; width: auto; margin-bottom: 10px; } .header-logos { margin-right: 15px; } .active .navigation__wrapper { max-height: 30em; } .logo img { height: 60px; } .main-search__form { padding-right: 10px; width: 55%; } .firm_mode .main-search__form { margin-bottom: 0px; } .header-logos { display: none; } .main-search { padding-bottom: 77px; } .main-search__links { margin-left: 0px; margin-top: 0; } .main-search-elements { float: none; } .main-search__search-field { width: 50%; } .firm_mode .main-search__search-field { width: 100%; padding-right: 0px; } .main-search__place-field { width: 50%; padding-right: 0px; } .main-search__form .searchField { width: 100%; } input.main-search__field-zip { width: 100%; } .search-results__mark-list { margin-top: 0; } .navigation__wrapper li a { text-align: center; } .active .sprite-menu-on { display: inline-block; } .active .sprite-menu-off { display: none; } .header__logo { width: auto; } .company-matrix__fixed, .company-matrix__random { border: none; } .company-matrix__wrapper { text-align: center; } .company-matrix__item { border: none; float: none; display: inline-block; } .company-matrix__item img { padding: 4px; border: 1px solid #DFDFDF; } .search-results__amount { margin-left: 10px; } .wizard__steps { font-size: 0px; margin-bottom: 0px; text-align: center; } .wizard__steps li { margin-bottom: 20px; font-size: 18px; width: 17% !important; background-image: none; background: none; font-size: 0px; margin-right: -10px; } .wizard__steps li span, .wizard__steps li a { width: 68%; display: inline-block; background-color: #CBCBCB !important; text-align: center; font-size: 14px; font-weight: bold; line-height: 30px; vertical-align: middle; padding: 0 4px 0px 10px; } .wizard__steps li:after { content: ''; display: inline-block; width: 0; height: 0; border: 15px solid transparent; vertical-align: middle; border-left-color: #CBCBCB; } .wizard__steps li.active { background: none; } .wizard__steps li.active span { background-color: #CD1710 !important; } .wizard__steps li.active:after { border-left-color: #CD1710; } .wizard__btn-list-item { margin-bottom: 10px; } .wizard__steps li a, .wizard__steps li span, .wizard__steps li { background-image: none !important; } .layout__footer { margin: 0px; } .round-block { position: relative; left: auto !important; top: auto !important; bottom: auto !important; right: auto !important; width: 100% !important; padding: 10px 15px; text-align: center; background-image: none; } .round-block:after, .borderradius .round-block:after { content: ""; display: block; width: 100%; height: auto; padding-bottom: 0px; background-color: #d2d2d2; background-image: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .round-block div { float: none; width: 100%; padding-top: 0; margin-top: 0px; color: #000000; padding-left: 0px; padding-right: 0px; background-color: #d2d2d2; } .layout__footer { overflow: inherit; } .static-matrix__wrapper { text-align: center; } .vacancy.pdf img { max-width: 100%; } .vacancy.directlink iframe { width: 100% !important; } } @media (max-width: 768px) { .company-info__logo { float: none; } .company-info__link { float: none; } .company-info__details { margin-left: 0px; padding-left: 0px; margin-top: 20px; } .btn_mark_list { margin-top: 10px; } .vacancy-layout__action-links { float: none !important; border-bottom: 2px solid #777575; padding-bottom: 20px; width: auto !important; } .vacancy-layout__vacancy-info { border-left: none !important; margin-left: 0px !important; padding-left: 0px !important; border-bottom: 2px solid #777575; padding-bottom: 20px; margin-bottom: 20px; } .vacancy .columnRight { border-left: none; padding-left: 0px; position: relative; right: auto; top: auto !important; width: auto; } .vacancy .columnLeft { margin-right: 0px; } .page-navigation__item_current { padding: 10px; } .page-navigation li { margin-bottom: 10px; } .page-navigation li a { padding: 5px 10px; border: 1px solid #ccc; margin: 0 3px; } .search-results__page-navigation { clear: both; display: block; float: none; padding: 0px; text-align: center; } #title, #externalId, #keywords, #contact, #name, #additionalName, #street, #houseNumber, #additionalAddress, #poBox, #zip, #city, #billingInfo-salutation, #billingInfo-firstName, #billingInfo-lastName, #billingInfo-company, #billingInfo-additionalCompanyName, #billingInfo-address, #billingInfo-country, #billingInfo-email, #billingInfo-phone, #billingInfo-contact_email, #billingInfo-contactEmail, #billingInfo-additionalAddress, input.salutation, input.firstName, input.lastName, input.company, input.additionalCompanyName, input.additionalAddress, select.country, input.email, input.phone, textarea.additionalAddress, input.poBox, input#billingInfo-poBox { width: 100%; } form.companyedit input#street, form.companyedit input#city, #mainPhoneNumber, #homepage { width: 100%; } #cke_activity, #cke_requirements, #cke_offer, #cke_description, #cke_companyDescription, #cke_contact { width: 100% !important; } #form_companyeditor dl.dl_strasse, .contactIinfo dl.dl_strasse, .billinginfo dl.dl_strasse { width: 100%; } form.companyedit fieldset#managers, form.companyedit fieldset#templates, form.companyedit fieldset#crmCompanyInformation, form.companyedit fieldset#import-data-sources, form.companyedit fieldset#logo { width: 100%; } div.wide-input > input { width: 100%; } .static-page__action-links { float: none; width: auto; } .static-page__content { margin-left: 0px; padding-left: 0px; border-left: none; border-top: 2px solid #c7cacb; padding-top: 20px; margin-top: 20px; } .wizard__steps li { margin-bottom: 10px; font-size: 18px; width: auto !important; background-image: none; background: none; font-size: 0px; margin-right: -10px; } .wizard__steps li span, .wizard__steps li a { width: 40px; } .wizard__steps li:last-child span, .wizard__steps li:last-child a { width: 90px; } .wizard__btn-list-item { margin-bottom: 10px; float: none; margin-right: 0px; } .vacancy-small-item__date { float: left; margin-left: 0px; text-align: left; } .vacancy-small-item__title { margin-right: 0; float: left; clear: both; } .vacancy-small-item__logo ~ .vacancy-small-item__title { clear: none; } .vacancy-small-item__logo { clear: both; } .layout__main-search { margin-bottom: 0px; } .layout__body { margin-bottom: 0px; } .layout { margin-bottom: 0px; } .search-results { margin-top: 0px; } .search-results__title { margin-top: 0px; text-align: center; } #place-search-field-jobmail { width: 100%; } #companies-holder .companies { width: 80%; } ul.action-links { width: 100%; } ul.action-links li { width: 50%; float: left; } } @media (max-width: 767px) { .part-time-selected_info { margin-top: -4px; } .main-search__form .searchField { display: block; width: 100%; } .main-search__mark-list { position: relative; left: auto; bottom: auto; clear: both; padding-top: 45px; } .main-search__form { padding-right: 0px; float: none; width: auto; margin-bottom: 30px; } .main-search-elements { float: none; } .checkbox-container__item { margin: 10px 0px 0px 0px; } .main-search__btn-field .main-search__label { display: none !important; } .btn_main_search { margin-top: 10px; } .btn_mark_list { margin-top: 0px; } .wizard__btn-list ul { list-style: none; position: relative; left: auto; overflow: hidden; } .wizard__btn-list li ul#partTime-subSelect { width: 100% !important; } .wizard__btn-list-item_slider { width: 100%; margin-bottom: 20px; float: none; } ul#partTime-subSelect .btn-primary { float: none !important; width: 100%; } .item-notfound { text-align: center; } } @media (max-width: 600px) { .checkbox-container__item { display: block; } .main-search__mark-list { padding-top: 10px; } .checkbox-container { float: none; overflow: hidden; } #part-time-list #type-value-range { width: 100%; } #part-time-list { top: 103px; left: 18px !important; width: 90%; } #part-time-selected-label { left: 174px !important; top: 237px } .static-page__content { display: none; } .static-page__content-link { display: block !important; margin-left: 0px; padding-left: 0px; border-left: none; border-top: 2px solid #c7cacb; padding-top: 20px; margin-top: 20px; } .main-search__search-field { width: 100%; float: none; padding-right: 0px; } .main-search__place-field { width: 100%; float: none; margin-top: 20px; } .main-search__btn-field { position: relative; bottom: auto; right: auto; } .btn_main_search { margin-top: 10px; width: 100%; } .firm_mode .main-search__form .searchField { width: 100%; } .main-search { padding-bottom: 15px; } .search-results__sorting { float: none; margin-bottom: 0px; } .search-results__amount { float: none; margin-bottom: 10px; text-align: center; } .search-results__mark-list { float: none; position: absolute; top: 15px; width: 100%; left: 0px; display: none; text-align: center; } .btn_mark_list { width: 100%; margin: 0 auto; } .search-results { position: relative; } .company-matrix__title { text-align: center; padding: 0 20px; } } @media (max-width: 480px) { input.main-search__field-zip { display: block; margin-left: 0px; width: 225px; } .main-search__form .searchField { display: block; width: 100%; } input.main-search__field-zip { width: 100%; } .main-search__links { margin: 0px 0px 20px 0px; float: none; text-align: center; } .main-search__form .btn_main_search { } .search-results__title { margin: 0px; text-align: center; } .search-results__sorting { float: none; text-align: center; } .vacancy-item__date, .vacancy-item__types { float: none; margin-bottom: 10px; } .vacancy-item__type { position: relative; right: auto; top: auto; margin-left: 110px; } .vacancy-item__title { margin-right: 0px; clear: both; margin-left: 0px; margin-top: 10px; } .vacancy-item__place { margin-left: 0px; } .static-matrix__item { height: auto; margin-bottom: 30px; } .vacancy-item__text { margin-top: 10px; } .vacancy-item__type { margin-left: 0px; } .wizard__btn-list-item { margin-bottom: 10px; float: none; margin-right: 0px; } .startdate { margin-bottom: 10px; } .startdate span, .enddate span { width: 80px; display: inline-block; } .vacancy.pdf { display: none; } .vacancyDetail .hideable { display: none; } .vacancy-phone { display: block; } .vacancy-phone.visible-always { display: block !important; } .search-results { padding: 15px 5px 15px 5px; } .vacancy.directlink { display: none; } .wizard__btn-list li:hover ul { left: 0; width: 100%; z-index: 10; } .links-list__item { margin-right: 10px; margin-bottom: 10px; } .links-list__item a { padding: 0px 10px 0px 0px; } .wizard__steps { text-align: center; } .wizard__steps li span, .wizard__steps li a { width: auto; } .wizard__steps li:last-child span, .wizard__steps li:last-child a { width: auto; } .wizard__steps i.mobile, .wizard__steps i.mobile { display: block; } .wizard__steps i.desktop, .wizard__steps i.desktop { display: none; } .favorite-results__remove-all, .favorite-results__send-link { float: none; text-align: center; } .favorite-results__remove-all { margin-bottom: 10px; } .favorite-results { padding: 15px 5px; } .favorite-results__title { padding: 0 15px; } .search-results__sorting { margin-top: 20px; } .search-results__sorting span { display: block; } .search-results__sorting .radio { padding: 0 10px; } .company-item__logo { float: none; } .company-item__title { margin-left: 0px; margin-right: 0px; margin-top: 5px; } .company-item__vacancy-count { margin-left: 0px; } ul.action-links { width: 100%; } ul.action-links li { width: 100%; float: none; } .vacancy-item__logo { float: none; } } .layout__home-articles { margin-top: 37px; } .home-articles { margin-left: -25px; margin-right: -25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; padding-bottom: 50px; } @media (max-width: 997px) { .layout__home-articles { margin-top: 0; } .home-articles { margin-left: 0px; margin-right: 0px; padding-bottom: 15px; } } .home-articles__item { background-color: #e9e9e9; } .home-articles__col { padding: 0 25px; width: 33.333%; display: flex; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  } @media (max-width: 997px) { .home-articles__col { flex-direction: column; -webkit-flex-direction:column; width: 80%; margin: 20px auto; } } @media (max-width: 480px) { .home-articles__col { flex-direction: column; -webkit-flex-direction:column; width: 100%; margin: 10px auto; } } .home-articles__itemTitle { background-color: #dadada; color: #e22507; padding: 36px 85px 36px 25px; position: relative; height: 112px; font-size: 18px; } .home-articles__itemBody { background-color: #e9e9e9; padding: 20px 25px; font-size: 13px; color: #000; } .home-articles__itemBody a { color: #e22507; } .home-articles__icon { width: 73px; height: 75px; position: absolute; top: 20px; right: 20px; background-repeat: no-repeat; background-position: center center; } .icon1 { background-image: url("/images/home-articles__icon1.png"); } .icon2 { background-image: url("/images/home-articles__icon2.png"); } .icon3 { background-image: url("/images/home-articles__icon3.png"); } .jobmail-info { position: relative; padding: 80px 0 20px 0; } .jobmail-info.__confirm { padding: 40px 0 0px 0; color: #777575; } @media (max-width: 997px) { .jobmail-info { position: relative; padding: 0px 15px 10px 15px; } .jobmail-info.__confirm { padding: 40px 15px 0px 15px; color: #777575; } .wizard { padding: 0 15px; } } .jobmail-info__title { color: #e22507; font-size: 25px; margin-bottom: 15px; font-weight: bold; } .jobmail-info__txt { color: #777575; font-size: 16px; font-weight: bold; padding: 40px 0; } #main_content { float: left; width: 997px; } @media (max-width: 997px) { #main_content { width: auto; float: none; } }