@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 400; line-height: 28px; } a.ReadMore, a:visited.ReadMore, .informationNotice a, .informationNotice a:visited, .ModalPopupContent a, .ModalPopupContent a:visited { color: #134534; font-weight: normal; } #aspnetForm { background-color: #edede8; } input, select, textarea, label, h1, h2, h3 { color: #134534; } body { font-family: "Manrope", sans-serif; background-color: #edede8; color: #134534; } a.ReadMore, a:visited.ReadMore { color: #134534; font-weight: normal; } .Login .TextBoxMidSize { width: 200px; } .SurveyForm .CustomQuestion .Radio input { margin-top: 9px; } a.ShowAll, a:visited.ShowAll, #section-footer a:visited { color: #FFF; } .informationNotice { padding: 0; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: inherit; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; color: #134534; } .sidebar .logo, .sidebar .company { margin-bottom: 0px !important; } h2 a:hover { color: #134534; } a:hover h2 { color: #134534; } .consent { padding: 10px 20px; } .consent p { margin: 0; } a:hover, a:hover h2 { text-decoration: none; color: #134534; } a, a:visited { outline: medium none; color: #134534; } a.Title { text-decoration: none; } a.Title, a:visited.Title, .Title { color: #134534; } .JobOffers.List a.ReadMore { margin-top:20px !important; } .CommandsDiv a:hover, .adminCommandsDiv a:hover, .JobOffers.List a.ReadMore:hover, a.JobOfferLink:hover, a.ShowAllDiv:hover { color: #FFF !important; } a.Command:link, a.Command:visited, .CommandsDiv a:visited, .CommandsDiv a:link, .CommandsDiv a, .adminCommandsDiv a, .JobOffers.List a.ReadMore, a.JobOfferLink{ display: inline-block; position: relative; margin: 0px; cursor: pointer; z-index: 1; text-transform: uppercase; text-align: center; line-height: 40px; height: 40px; font-size: 14px; color: #FFF; padding-right: 20px; padding-left: 20px; padding-top: 0; padding-bottom: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; font-weight: 700; width: 190px; background-color: #134534; border-radius: 25px; cursor: pointer; transition: background-color .3s ease-in; } .CommandsDiv a > span { line-height: inherit; font-size: inherit; font-family: inherit; letter-spacing: inherit; text-transform: inherit; } .ShowAllDiv { text-align: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .ShowAllDiv > a { display: inline-block; position: relative; margin: 0px; cursor: pointer; z-index: 1; text-transform: uppercase; text-align: center; background: none; line-height: 40px; height: 40px; font-size: 14px; color: #FFF; padding-right: 20px; padding-left: 20px; padding-top: 0; padding-bottom: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; font-weight: 700; background-color: #134534; border-radius: 25px; cursor: pointer; transition: background-color .3s ease-in; } .ShowAllDiv > a:hover { background: #134534; box-shadow: 0 6px 22px rgba(0,0,0,.1); transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; color: #FFF !important; } a.Command:hover, a.Command:hover, .CommandsDiv a:hover, .CommandsDiv a:hover, .CommandsDiv a:hover, .adminCommandsDiv a:hover, .JobOffers.List a.ReadMore:hover { background: #134534; box-shadow: 0 6px 22px rgba(0,0,0,.1); transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; color: #FFF !important; } .JobOfferSection ul li { padding-left: 15px; text-align: left; position: relative; padding-top: 10px; line-height: 20px; } .blockUI.blockMsg.blockPage { max-width: 474px; } .blockUI .loader-img { vertical-align: text-bottom; margin-right: 15px; } .Login { padding: 0; } .Login .CommandsDiv { padding-left: 0; padding-right: 0; } .LoginInformation { padding-right: 20px; padding-left: 20px; text-align: center; } #wrap { max-width: 100%; padding: 0; } #wrap_inner { position: relative; } .formDataReadViewTable { margin: 10px 0px; } .twoColumn #wrap_inner { padding-top: 0; } .header, .header-banner{ z-index: 5; padding: 0; margin: 0 auto; max-width: 1080px; position: relative; text-align: left; } .header-banner img{ width: 100%; max-width: 1080px; } .nav { z-index: 5; padding: 0; margin: 0 auto; max-width: 1080px; position: relative; background-color: #fff; display: block; } .LanguagesDiv { padding: 15px 20px; } .active_lang { font-weight: bold; } .logo { display: block; padding: 10px; } [id$='hlLogoHeader'] { margin-top: 12px; margin-bottom: 12px; display: inline-block; } .sidebar [id$='_hlLogoSidebar'] { padding: 8px 20px; width: 100%; position: absolute; top: 40px; left: 0px; background: #fff; display: block; } .LanguagesDiv a { color: #989d9e; font-size: inherit; } .sidebar .company { background: #ececec; margin-top: 20px; } .rss { position: absolute; top: 10px; right: 20px; z-index: 5; } #main { float: none; padding: 40px 60px; margin: 0 auto; background: #FFF; box-shadow: 0 0 30px rgba(209, 221, 249, 0.4); -webkit-transition: opacity 0.4s, visibility 0.4s; margin-bottom: 10px; } #main:before { content: ''; clear: none; display: table; } .twoColumn #main { max-width: 890px; } .oneColumn #main { max-width: 1080px; } #share-buttons { margin-left: 0px; } #main #share-buttons > div { border-radius: 50%; width: 36px; height: 36px; } .addthis_toolbox.addthis_default_style { padding: 0px 0px 10px 19px; } .Title .IsPromoStar { margin-top: 2px; } .HeaderContent { padding: 5px 0; margin-top: 15px; } .sidebar { margin-top: 280px; padding: 0px; } .company { padding: 15px 20px; } .GvFEListRow { border-top-color: #eee; } #footer { margin: 0 auto; color: #b0b0b0; border-top: none; } #footerCopyright { font-size: 11px; } .GvFEList { padding-bottom: 20px; } .GvFEListRow h2 { margin-bottom: 10px; } .GvFEListRow h2 a.Title { cursor: pointer; font-weight: bold; font-size: 1em; line-height: 1.2; text-align: -webkit-match-parent; color: #134534; } .GvFEListRow h2 a:hover, .GvFEListRow h2 a:active { color: #134534; } .GvFEListRow h3 { line-height: 23px; } .Pager { padding-left: 30px; } .Pager a, .Pager a:visited { color: #333333; text-decoration: none; } .SectionName { color: #134534; font-size: 20px; } .LoginInformation span { color: #FFF; } .addthis_sharing_toolbox { margin-left: 20px; margin-right: 20px; } .CommandsDiv { padding: 0; } .CommandsDiv.PrevNext { border-top: 1px dashed #dfdfdf; padding-top: 25px; } .ToolTipWrep { position: relative; } .ToolTip { line-height: 1.432!important; left: 50%; top: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; border: 1px solid #ccc; } .ToolTip:after, .ToolTip:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ToolTip:after { border-color: rgba(255, 250, 205, 0); border-bottom-color: #fffacd; border-width: 10px; margin-left: -10px; } .ToolTip:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 11px; margin-left: -11px; } .fade { opacity: 0; -webkit-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; } .in { opacity: 1; } /*---End--- Base style ---------*/ /*-------------------------------*/ /*--------------------------------------*/ /*---Begin--- JobOffer Details ---------*/ .JobOfferSection { clear: none; padding: 0; } .JobOffers.Details { position: relative; padding-bottom: 25px; padding-top: 10px; } .JobOffers.Details .Module::after, .JobOffers.Details .ItemDetails::after { content: ''; display: block; width: 100%; clear: both; } .JobOffers.Details h1.Title { margin-top: 15px; margin-left: 0px; margin-right: 0px; margin-bottom: 30px; line-height: 1.4; } .header-wrap { background: #464646; } .header-wrap::after { content: ''; display: table; clear: both; } .JobOffers.Details [id$="_lblJobOfferShortDescription"],.JobOffers.Details [id$="_lblJobOfferLocation"],.JobOffers.Details [id$="_lblJobOfferRegion"] { margin-bottom: 8px; } .JobOffers.Details .ItemDetails .JobOfferSection { padding: 10px 0px; } .nav-block { position: absolute; top: 25px; right: 10px; } .logged-in .nav-block { top: 77px; } .nav-block ul li a { text-decoration: none; font-size: 15px; padding: 5px 10px; display: inline-block; -webkit-font-smoothing: antialiased !important; font-weight: bold; color: #000; } .JobOffers.Details .JobOfferSection > span { display: block; clear: both; } .JobOffers.Details .JobOfferSection span.Title { font-size:20px; font-weight: bold; display: block; } .JobOffers.Details [id$="_PnlJobOfferClient"], .JobOffers.Details [id$="_PnlJobOfferLocation"] { float: left; width: 50%; } .JobOffers.Details .header-wrap > div.JobOfferSection:first-child:not([id$="_PnlJobOfferClient"]) { float: none; width: 100%; } .header-wrap [id$="_PnlJobOfferClient"] ~ [id$="_PnlJobOfferLocation"] { text-align: right; float: right; width: 50%; } .JobOffers.Details [id$="_PnlJobOfferLocation"] > span, .JobOffers.Details [id$="_PnlJobOfferClient"] > span { } .JobOffers.Details [id$="_PnlJobOfferShortDescription"] { clear: both; border-top: 1px solid #eee; } .JobOffers.Details .list-wrap { position: relative; padding-left: 96px; } .JobOffers.Details .JobOfferSection.Duties .Title, .JobOffers.Details .JobOfferSection.RequiredSkills .Title, .JobOffers.Details .JobOfferSection.Description .Title { font-size: 20px; margin-bottom: 20px; } .JobOffers.Details .ItemDetails .list-wrap p { font-size: 12px; font-weight: bold; margin-bottom: 4px; } .JobOfferSection.Duties ul, .JobOfferSection.RequiredSkills ul, .JobOfferSection.Description ul { padding-bottom: 10px; } .JobOfferSection.Duties .list-wrap:last-child ul, .JobOfferSection.RequiredSkills .list-wrap:last-child ul, .JobOfferSection.Description .list-wrap:last-child ul { padding-bottom: 0; } .JobOfferSection.Duties ul li, .JobOfferSection.RequiredSkills ul li, .JobOfferSection.Description ul li { margin-bottom: 0; } .JobOfferSection.Duties ul li:last-child, .JobOfferSection.RequiredSkills ul li:last-child, .JobOfferSection.Description ul li:last-child { margin-bottom: 0; } .JobOffers.Details .Date { padding: 20px 20px 20px 0 ; text-transform: uppercase; font-weight: bold; font-size: 10px; color: #9C9C9C; } .JobOffers.Details .CommandsDiv { text-align: left; padding-left: 0px; padding-right: 20px; } .JobOffers.Details .CommandsDiv:not(.PrevNext) { padding: 20px 20px 40px 0px; } h1.Title { color: #134534; font-size: 42px; line-height: 1.5; letter-spacing: -1px; margin: .4em 0 .4em; } .Module h1:after, .List h1:after, .HeaderContent h1:after { content: ""; display: block; position: relative; width: 80px; height: 4px; left: 0; bottom: 0; margin-top: 5px; margin-bottom: 5px; } .HeaderContent h1.Title { margin-bottom: 0; } #ctl00_ContentPlaceHolder1_JobOfferDetails1_PnlJobOfferClient { display: none !important; } /*---End--- JobOffer Details ---------*/ /*------------------------------------*/ /*-----------------------------------*/ /*---Begin--- JobOffer list ---------*/ .JobOffers.List h3 { margin-top: 10px; } .JobOffers.List .Module { padding: 0; } .JobOffers.List .PnlJobOfferLocation { padding: 5px 0; } .JobOffers.List .IsPromoStar { margin-left: 5px; float: none; margin-top: 0; } .JobOffers.List [id$='_lblJobOfferLocation']:after { content: ':'; } .JobOffers.List [id$='_LbJobOfferLocation'] { font-weight: bold; color: #000; } .JobOffers.List .GvFEList td { padding-bottom: 20px; position: relative; } .JobOffers.List .GvFEList tr:first-child { border-top: none; } .JobOffers.List .Date { font-size: 15px; } .JobOffers.List a.ReadMore span { font-size: inherit; font-weight: inherit; line-height: inherit; } /*---End--- JobOffer list ---------*/ /*---------------------------------*/ /*-----------------------------------*/ /*---Begin--- JobOffer form ---------*/ .SurveyForm { position: relative; padding-bottom: 25px; padding-top: 20px; padding-bottom: 0; } .SurveyForm .Module::after, .SurveyForm .ItemDetails::after { content: ''; display: block; width: 100%; clear: both; } .SurveyForm h1.Title { margin-top: 15px; margin-left: 0px; margin-right: 0px; margin-bottom: 30px; line-height: 1.2; } .SurveyPage > .Section { padding: 12px 0px; margin: 0; border-bottom: none; border-top: 1px solid #eee; } .SurveyPage .Section:first-child { border-top: none; } .SurveyForm .ChbAgreePanel { border-top: 1px solid #eee; } .SurveyPage .ChbAgreePanel td { padding: 10px 20px; } .SurveyPage > .CommandsDiv { margin-top: -1px; /* padding-bottom: 20px; */ border-bottom: 1px solid #eee; margin-bottom: 20px; text-align: center; } .CandidatesLanguagesSimple .CommandsDiv { margin-top: 10px; padding-left: 0; padding-right: 0; } .SurveyForm #Languages { margin: 0; } .SurveyForm [id$='_lblJobOffersThankyou'] { padding: 10px 0; display: block; } .SurveyForm [id$='_RblSex'] { float: left; margin-left: 3px; } .SurveyForm [id$='_RblSex'] td:last-child label { padding-right: 7px; } .SurveyForm [id$='_lblLanguageOther'] { display: inline-block; margin-bottom: 10px; } .SurveyPage .ApplyCommands { margin-bottom: 20px!important; } .SurveyPage .ApplyCommands.lastPage { margin-top: 10px!important; } .ValidationSummary { padding: 10px 20px; margin-bottom: 20px; } .ValidationSummary ul { padding-left: 20px; } [id$='_lblLoggedOutSuccess'] { padding: 10px 0px; } .wizardpage .pageNumber { margin-top: 10px; } .wizardpage.surveyLastPage .pageNumber { margin-top: 18px; } .formDataReadView { font-size: inherit; } .FileUpload, .textbox, .DropDownList, select { background-color: transparent; padding: 5px 6px; } .FileUploadWithValidation { margin-bottom: 20px; } /*---End--- JobOffer form --------*/ /*--------------------------------*/ /*--------------------------------*/ /*---Begin--- JobOffer login --------*/ .PasswordReminder.Module { } .PasswordReminder.Module .formDataReadViewTable { margin: 0px 0px 20px; } span.Title { color: #134534; } /*span.Title:after { content: ""; display: block; position: relative; width: 80px; height: 2px; background: #0D9DE3; left: 0; bottom: 0; margin-top: 20px; margin-bottom: 20px; }*/ /*---End--- JobOffer login --------*/ /*--------------------------------*/ ul ul { list-style-type: circle; margin-block-start: 0px; margin-block-end: 0px; padding-bottom: 0px; } /*-----------------------------------*/ /*---Begin--- Media requests --------*/ @media (max-width: 480px) { .nav-block { left: 60%; right:0; } } @media (max-width: 640px) { .JobOffers.Details .Module >.JobOfferSection::after { content: ''; display: table; clear: both; } .ShowAllDiv { text-align: center; position: static; margin-top: 20px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } body { position: relative; } h1.Title { font-size: 2.5rem; } } @media (max-width: 767px) { .JobOffers.Details [id$="_PnlJobOfferClient"], .JobOffers.Details [id$="_PnlJobOfferLocation"] { float: none; width: 100%; min-height: auto; } .JobOffers.Details [id$="_PnlJobOfferLocation"] { text-align: left; } .JobOffers.List .PnlJobOfferLocation { position: static; max-width: 300px; margin: 0px auto 10px; text-align: center; } #main{ padding: 20px; } a.Command:link, a.Command:visited, .CommandsDiv a:visited, .CommandsDiv a:link, .CommandsDiv a, .adminCommandsDiv a, .JobOffers.List a.ReadMore, a.JobOfferLink { width: 140px; } .header { text-align: center; } } @media only screen and (max-width: 600px) { } @media only screen and (min-width: 600px) { } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 992px) { } @media only screen and (min-width: 1200px) { } @media (min-width: 1378px) { } @media (min-width: 1600px) { } /*---End--- Media requests --------*/ /*---------------------------------*/