/* Basic style */ body { padding-top: 30px; font-family: "Gibson-Regular", sans-serif !important; } a:focus, a:visited { text-decoration: none; } /* Message */ .header__dropdown { top: 53px !important; } .header__message-wrp { background: #fd7e27; } .header__message { max-width: 1340px; width: calc(100% - 30px); padding-left: 15px; padding-right: 15px; margin: 0 auto; padding-top: 5px; padding-bottom: 5px; color: #ffffff; font-size: 16px; text-align: center; } .header__message a { color: #3F52FF !important; } .bg_f8 { background: #f8f8f8 !important; } @media only screen and (max-width: 991px) { .header__dropdown { top: 0 !important; } } @media only screen and (max-width: 480px) { .header__message { width: 100%; } body { padding-top: 50px; } } .otgs-development-site-front-end { display: none; } /* Cookie */ #cookie-law-info-bar .cli-bar-btn_container { display: flex; flex-direction: column; align-items: center; } #cookie-law-info-bar .cli-bar-btn_container a { margin: 0; } #cookie-law-info-bar .cli-bar-btn_container a.cli-plugin-button { font-size: 16px; border-radius: 6px !important; width: 100%; margin-top: 10px; margin-bottom: 20px; font-family: "Gibson-Bold", sans-serif !important; font-weight: bold; padding: 16px 14px 18px; } /* Style for fonts */ p { font-weight: normal; text-transform: none; } .avia-button.avia-size-large { font-size: 16px; } .avia_loading_icon { position: fixed; z-index: 999; top: calc(50% - 20px); left: calc(50% - 20px); } #top .av-siteloader { border-left-color: #fd7e27; } h1, h2, h3, h4, h5, h6 { font-family: "Gibson-Bold", sans-serif !important; font-weight: bold !important; text-transform: none !important; } .av-special-heading-tag .special_amp { font-family: "Gibson-bold", sans-serif !important; font-size: 1em; font-weight: bold; font-style: inherit; } ::selection { background-color: #5290FD; color: #ffffff; } #header-nav.header { background: #ffffff; /* When have massege */ transition: 0.3s all; } #header-nav.header:hover { background: #ffffff; } #header-nav.header.scroll-nav { background: #ffffff; } /* END Style for fonts */ /* END Container */ .orange-btn .avia_iconbox_title { font-weight: normal !important; font-size: 16px; } .orange-btn .avia-button { border-radius: 6px !important; } .orange-btn .avia-button { padding: 17px 20px 16px; font-family: "Gibson-Bold", sans-serif !important; } .orange-btn a:hover { cursor: pointer !important; } .orange-btn .avia_button_background { opacity: 0 !important; } .transparent-btn .avia-button:hover { cursor: pointer !important; } .transparent-btn .avia-button { border: 0.5px solid #EBECF2 !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04) !important; background: #fff !important; padding: 17px 20px 16px !important; } .transparent-btn .avia-button:hover { cursor: pointer; border: 0.5px solid #EBECF2 !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04) !important; padding: 17px 20px 16px !important; } .transparent-btn .avia_iconbox_title:hover { cursor: pointer; border-radius: 8px !important; } .transparent-btn .avia-button.avia-size-large { padding: 17px 30px 15px; min-width: 120px; font-family: "Gibson-Bold", sans-serif !important; border-radius: 8px; } .transparent-btn .avia-button.avia_button_background { opacity: 0 !important; border-radius: 8px; padding: 17px 30px 15px; min-width: 120px; font-family: "Gibson-Bold", sans-serif !important; border: 0.5px solid #EBECF2 !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04) !important; top: -4px; bottom: -4px; } .sp-container { max-width: 1318px; width: 100%; padding-left: 15px; padding-right: 15px; margin-right: auto; margin-left: auto; border-color: #fff !important; } .sp-title .special-heading-border { display: none; } .sp-title h2 { text-transform: none !important; } .mr0 { margin: 0; } .mr0 p { margin: 0; } .sp-bold p, .sp-bold h1, .sp-bold h2, .sp-bold h3, .sp-bold h4, .sp-bold h5, .sp-bold h6 { font-family: "Gibson-Bold", sans-serif !important; font-weight: bold !important; } .card-btn { position: absolute; top: 73px; right: 45px; } .sp-lh-30 p { line-height: 30px; } .sp-lh-26 p { line-height: 26px; } .sp-lh-24 p { line-height: 24px; } .sp-lh-22 p { line-height: 22px; } .sp-lh-20 p { line-height: 20px; } .card__text { margin-bottom: 20px; } .max-w-140 { max-width: 140px; width: 100%; } .sp-separator span { border-style: dashed; } .border-r-8 { border-radius: 8px !important; } .btn-arrow .avia-button { font-size: 18px; line-height: 26px; } .btn-arrow .avia-button:hover { border-bottom-width: 0 !important; } .btn-arrow.download [data-av_icon]:before { content: ''; display: block; width: 16px; height: 19px; background: url(https://hrforecast.com/wp-content/uploads/2021/02/Orion_download-1@2x.png); background-size: 100%; position: absolute; top: calc(50% - 10px); left: 5px; } body div .btn-arrow .avia-button { border-bottom-width: 0 !important; } .wrp-btn-arrow { position: relative; top: -50px; } .btn-arrow [data-av_icon]:before { content: ''; display: block; width: 18px; height: 17px; background: url(https://hrforecast.com/wp-content/uploads/2022/07/arrow-right.svg); background-size: 100%; position: absolute; top: calc(50% - 8px); left: 6px; } .bg-client-say { max-width: 1258px; display: block; margin-right: auto; margin-left: auto; border: 0; float: none; padding-top: 100px; } .bg-client-say .container { padding: 0 20px; } .container_wrap { border-color: transparent !important; } .sp-img-28 { width: 28px; } .sp-img-32 { width: 32px; } /* Placeholder page */ .sp-placeholder { max-width: 610px !important; width: 100%; } .sp-placeholder__img { max-width: 610px; width: 100%; } .sp-placeholder__title h1 { font-weight: bold !important; text-transform: none !important; font-family: "canada-type-gibson", sans-serif !important; } .sp-placeholder__text { margin-bottom: 40px; line-height: 26px; max-width: 580px; width: 100%; margin-right: auto; margin-left: auto; } /* Home page */ .animate-wrp-header { margin-top: -20px !important; min-height: 622px !important; } .animate-wrp-header .avia_codeblock_section { position: absolute; top: -60px; left: 48px; width: 100%; } .home-header__title h1 { text-transform: none !important; font-weight: bold !important; width: 544px; line-height: 64px; } .home-header__text { line-height: 26px; margin-bottom: 42px; } .home-page__title-h2 h2 { text-transform: none !important; font-weight: bold !important; max-width: 650px; width: 100%; margin-right: auto; margin-left: auto; display: inline-block; line-height: 50px; } .home-page__text { max-width: 580px; width: 100%; margin-right: auto; margin-left: auto; display: block; margin-bottom: 96px; } .why-card__text p, .why-card__text h6 { line-height: 30px; } .why-card_mark { position: relative; } .why-card_mark:after { content: ''; position: absolute; top: 4px; left: -32px; width: 18px; height: 18px; background: url(http://hrforecast.com/wp-content/uploads/2020/11/Group-415@2x.png) no-repeat; background-size: 18px 18px; } .why-card { border: 0.5px solid #E8E9EC !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04) !important; border-radius: 8px !important; } .min-h-90 { min-height: 90px; } .min-h-120 { min-height: 120px; } .home-latest__date, .home-latest__title, .home-latest__text { padding-left: 12px; padding-right: 12px; } .card-post .btn-arrow { margin-top: 5px; padding-left: 12px; padding-right: 12px; } .home-latest__date p { padding-top: 6px; margin-bottom: 16px; } .card-post .home-latest__date p { padding-top: 3px; } .home-latest__text p { line-height: 20px; padding-top: 9px } .sp-container .avia-builder-el-106 .av-special-heading { width: 101%; } .analytics-btn { margin-right: 309px; margin-top: 18px; } .card-post { transition: 0.3s all; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); border: 1px solid #EBECF2; } .card-post:hover { box-shadow: 0px 16px 50px rgba(0, 0, 0, 0.08), 0px 4px 10px rgba(0, 0, 0, 0.04); cursor: pointer; } /* Accardion */ .lp-accordion__wrp { margin-top: 111px; width: 100%; position: relative; } .lp-accordion__section { transition: 0.3s all; width: 520px; margin-bottom: 30px; padding-left: 24px; margin-left: auto; } .lp-accordion__section:hover { cursor: pointer; } .lp-accordion__section:hover .lp-accordion__icon { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter: none; /* IE 6-9 */ opacity: 1; } .lp-accordion__section:hover .lp-accordion__title { font-weight: 600 !important; } .lp-accordion__icon { width: 42px; height: auto; margin-right: 15px; position: relative; top: -6px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ opacity: 0.5; } .lp-accordion__title { display: flex; padding: 0; padding-top: 8px; margin: 0; font-size: 18px; font-weight: normal !important; color: #1C263F; line-height: 24px; overflow: hidden; font-family: "canada-type-gibson", sans-serif !important; } .lp-accordion__title div { line-height: 28px; display: block; font-size: 18px; color: #1C263F; } .lp-accordion__title div:first-child { height: 28px; min-width: 52px !important; } .lp-accordion__title div:first-child { float: left; } .lp-accordion__link { padding: 0; margin: 0; margin-top: 20px; font-size: 18px; line-height: 26px; color: #3F52FF !important; display: none; text-decoration: none; padding-left: 62px; } .lp-accordion__link:hover { text-decoration: underline; } .lp-accordion__link img { margin-left: 4px; width: 18px; position: relative; top: 2px; } .lp-accordion__img { width: 708px; position: absolute; right: 537px; top: -52px; display: none; } .lp-accordion__img:hover { cursor: auto; } .lp-accordion__section.active-first .lp-accordion__title { font-weight: 600 !important; margin-bottom: 17px; } .lp-accordion__section.active-first .lp-accordion__icon { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter: none; /* IE 6-9 */ opacity: 1; } .lp-accordion__section.active-first .lp-accordion__img { display: block; } .lp-accordion__section.active-first .lp-accordion__link { margin: 0; display: inline-block; } /* Adaptive */ @media only screen and (max-width: 1420px) { } @media only screen and (max-width: 1300px) { .lp-accordion__img { width: 650px; } } @media only screen and (max-width: 1250px) { } @media only screen and (max-width: 1199px) { .lp-accordion__img { width: 100%; max-width: 450px; } } @media only screen and (max-width: 1100px) { .animate-wrp-header lord-icon { width: 100% !important; height: auto !important; } } @media only screen and (max-width: 991px) { .animate-wrp-header .avia_codeblock_section { top: 80px; left: 80px; } .lp-accordion__img { position: relative; left: 0; top: 0; } .lp-accordion__section { width: 100%; } .analytics-btn { width: 100%; display: flex; justify-content: center; margin: 0 !important; } .lp-accordion__wrp { margin-top: 50px; } .home-page__text { margin-bottom: 40px; } .home__sec-custom-tab { margin-bottom: 50px !important; } .home__sec-why { display: flex; flex-wrap: wrap; justify-content: center; } .home__sec-why .flex_cell { width: 50% !important; } .home__sec-why-wrp { width: 100% !important; } .home__sec-why-wrp-card { width: 50% !important; } .home__sec-card-see-sol { display: flex; flex-direction: column; } .home__sec-card-see-sol .flex_cell { width: 100% !important; } .responsive #top #wrap_all .home__sec-card-see-sol .flex_cell { padding: 0 !important; } .bg-client-say { padding-top: 0; margin-top: 50px !important; } } @media only screen and (max-width: 767px) { .animate-wrp-header { margin-top: 0 !important; } .animate-wrp-header .avia_codeblock_section { top: -20px !important; left: 0; } .home-header { margin-top: 30px !important; margin-bottom: 40px; } .home-header__title h1 { width: 100%; max-width: 550px; } .animate-wrp-header { margin-top: 0 !important; min-height: 500px !important; } .home-page__title-h2 { padding-top: 30px !important; } .home__sec-why .flex_cell { padding-top: 0 !important; } .home__sec-why .flex_cell { width: 100% !important; } .home__sec-card-see-sol .flex_column { padding: 15px !important; } .home__sec-card-see-sol .card-btn { position: relative; top: 0; left: 0; } .why-card__text h6 { font-size: 18px !important; } } @media only screen and (max-width: 480px) { .animate-wrp-header .avia_codeblock_section { top: 0 !important; left: 0; } .animate-wrp-header lord-icon { width: 120% !important; left: -10%; height: auto !important; } .home-header__title h1 { line-height: 50px; font-size: 46px !important; } .home-header__text { margin-bottom: 15px; } .animate-wrp-header { margin-top: 0 !important; min-height: 400px !important; } .lp-accordion__section { padding-left: 0; } .responsive #top #wrap_all .av-flex-cells.home__sec-why .no_margin.flex_cell { padding-left: 0 !important; padding-right: 0 !important; } .lp-accordion__section.active-first .lp-accordion__title { margin-bottom: 5px; } .lp-accordion__link { line-height: 48px; } /* a, button { min-height: 48px; min-width: 48px; margin-left: 15px; margin-right: 15px; font-size: 16px !important; } */ } @media only screen and (max-width: 380px) { .home-header__title h1 { line-height: 40px; font-size: 36px !important; } .animate-wrp-header { margin-top: 0 !important; min-height: 350px !important; } } /* END Adaptive */ /* END Accardion */ /* Accardion */ .sa-accordion__wrp { padding-top: 515px; width: 100%; position: relative; } .sa-accordion__section { transition: 0.3s all; width: 60px; margin-left: auto; float: right; } .sa-accordion__section:first-child { margin-right: 320px; } .sa-accordion__section:hover { cursor: pointer; } .sa-accordion__section:hover .sa-accordion__icon { opacity: 1; } .sa-accordion__section:hover .sa-accordion__title { font-weight: bold !important; } .sa-accordion__icon { width: 44px; height: 44px; opacity: 0.4; } .sa-accordion__title { padding: 0; margin: 0; font-size: 18px; font-weight: normal; color: #1C263F; line-height: 24px; overflow: hidden; font-family: "canada-type-gibson", sans-serif !important; } .sa-accordion__title div { line-height: 28px; display: block; font-size: 18px; color: #1C263F; } .sa-accordion__title div:first-child { float: left; } .sa-accordion__link { padding: 0; margin: 0; margin-top: 20px; font-size: 18px; line-height: 26px; color: #3F52FF !important; display: none; text-decoration: none; } .sa-accordion__link:hover { text-decoration: underline; } .sa-accordion__link img { margin-left: 6px; width: 18px; position: relative; top: 2px; } .sa-accordion__img { width: 644px; position: absolute; right: 591px; top: -79px; display: none; } .sa-accordion__img:hover { cursor: auto; } .sa-accordion__section.active-two .sa-accordion__icon { opacity: 1; } .sa-accordion__section.active-two .sa-accordion__img { display: block; } .sa-accordion__section.active-two .sa-accordion__link { margin: 0; display: inline-block; } .sa-accordion__text { font-size: 20px; line-height: 26px; color: #1C263F; font-style: italic; margin-bottom: 24px; background: #F8F8F8; position: relative; z-index: 1; } .sa-accordion__text-2 { font-size: 14px; line-height: 20px; color: #555C6F; opacity: 0.8; } .sa-accordion__text-2 .bold { font-weight: bold; } .sa-accordion__wrp-text { display: none; position: absolute; bottom: 26px; right: 90px; max-width: 472px; } .sa-accordion__section.active-two .sa-accordion__wrp-text { display: block; } .sa-accordion__title div:first-child { width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 2px solid transparent; } .sa-accordion__section.active-two .sa-accordion__title div:first-child { border: 2px solid #FD7E27; } .clients-say_col { max-width: 470px; margin-left: 8% !important; } /* Adaptive */ @media only screen and (max-width: 1420px) { } @media only screen and (max-width: 1300px) { .clients-say_col { margin-left: 71px !important; } .sa-accordion__img { width: 650px; } .sa-accordion__wrp { max-width: 1000px; padding-top: 540px; } .sa-accordion__img { right: 0; left: 0; width: 500px; top: 600px; } .sa-accordion__wrp-text { right: 0; max-width: 400px; left: 71px; } .sa-accordion__section { height: 570px; } .sa-accordion__section:first-child { margin-right: calc(100% - 310px); } .bg-client-say { padding-top: 50px; max-width: 1000px !important; } .bg-client-say .content { padding-top: 0 !important; } .home__btn-wrp-all-stories { margin-top: 50px !important; margin-bottom: 10px !important; } } @media only screen and (max-width: 1250px) { } @media only screen and (max-width: 1199px) { .sa-accordion__img { width: 100%; max-width: 450px; } } @media only screen and (max-width: 1100px) { } @media only screen and (max-width: 991px) { } @media only screen and (max-width: 600px) { .clients-say_col { margin-left: 0 !important; } .sa-accordion__section:first-child { margin-right: calc(100% - 240px); } .sa-accordion__wrp-text { left: 0; } } @media only screen and (max-width: 410px) { .sa-accordion__wrp { padding-top: 590px; } .sa-accordion__section { height: 430px; } .sa-accordion__img { top: 650px; } } @media only screen and (max-width: 340px) { .sa-accordion__wrp { padding-top: 630px; } .sa-accordion__img { top: 700px; } .sa-accordion__section { height: 360px; } } /* END Adaptive */ /* END Accardion */ /* Slider logo */ .wrp-test { max-width: 1060px; width: 100%; overflow: hidden; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; position: relative; } .wrp-test:after { content: ''; position: absolute; top: 0; right: 0; width: 172px; height: 122px; display: block; background: linear-gradient(90deg, #FFFFFF 18.02%, rgba(255, 255, 255, 0) 81.95%); transform: rotate(-180deg); z-index: 99; } .wrp-test:before { content: ''; position: absolute; top: 0; left: 0; width: 172px; height: 122px; display: block; background: linear-gradient(90deg, #FFFFFF 18.02%, rgba(255, 255, 255, 0) 81.95%); z-index: 99; } .sp-slider { width: 1060px; } .sp-slider__logo-img { width: 128px; } .sp-slider__logo-wrp { float: left; } /* Adaptive */ @media only screen and (max-width: 480px) { .wrp-test:after, .wrp-test:before { display: none; } } /* END Adaptive */ /* END Accardion */ /* END Slider logo */ /* Our solution */ .sp-header-our-solution .container { padding-top: 32px !important; } .sp-max-w-770 { max-width: 770px; margin-right: auto; margin-left: auto; width: 100%; } .sp-max-w-675 { max-width: 675px; margin-right: auto; margin-left: auto; width: 100%; } .sp-text-top-with-arrow { position: absolute; width: 130px; top: -73px; left: -99px; } .sp-m-0 { margin: 0; } .text-pd-b-67 { padding-bottom: 67px; } .sp-block-list-wrp { margin-top: -100px !important; } .sp-block-list-wrp .why-card { min-width: 380px; width: 380px; } .sp-block-list-wrp .why-card.av_one_third { margin-left: 40px; } .sp-block-list-wrp .why-card.av_one_third.avia-builder-el-first { margin-left: 0; } .sp-block-list-wrp .flex_cell_inner { display: flex; justify-content: center; margin-top: -90px; } .img-top-section { width: 81px; margin-left: -8px; } .card__lists_white .av_iconlist_title { background: #fff !important; } .card__lists_white .avia-icon-list { padding-right: 0 !important; margin-bottom: 38px; } .solution__text-i p { margin-top: 38px; } .solution-text-slider p { margin-bottom: 40px; } .section__recognize-container_custome .wrp-test:before { background: linear-gradient(90deg, #F8F8F8 18.02%, rgba(248, 248, 248, 0) 81.95%); } .section__recognize-container_custome .wrp-test:after { background: linear-gradient(90deg, #F8F8F8 18.02%, rgba(248, 248, 248, 0) 81.95%); } .section__recognize-container_custome .flex_column_table .av-flex-placeholder { width: 40px !important; } .btns-wrp { display: flex; justify-content: center; align-items: center; } .btns-wrp .section_btn-orange_custom { margin-right: 20px } .header-our-solutions__img-wrp img { width: 642px; min-width: 642px; position: relative; left: 55px; } .header__iur-text-wrp { position: relative; left: 100px; } .header__iur-text-wrp .header__text_custom { margin-bottom: 45px; } @media screen and (max-width: 1300px) { .header-our-solutions__img-wrp img { left: 0; width: 100%; min-width: auto; } .header__iur-text-wrp { left: 0; } } @media screen and (max-width: 991px) { .btns-wrp { padding: 0 !important; } .page-id-550 .sp-block-list-wrp .flex_cell_inner { margin-top: 50px !important; } .page-id-550 .sp-text-top-with-arrow { left: 15px; } } @media screen and (max-width: 767px) { .header__iur-text-wrp .header__text_custom { margin-bottom: 0; padding-bottom: 0; } .sp-header-our-solution .content { padding-top: 0 !important; } .responsive #top #wrap_all .av-flex-cells.sp-block-list-wrp .no_margin { overflow: visible; } .sp-text-top-with-arrow { left: 15px; } } @media screen and (max-width: 480px) { .sp-block-list-wrp .why-card { min-width: 0; } .btns-wrp { display: flex; flex-direction: column; align-items: center; } .btns-wrp .section_btn-orange_custom { margin-right: 0; margin-bottom: 25px; } } /* END Our solution */ /* ///// Style from OLD site ////// */ #top #wrap_all .all_colors .section__italic-text h2 { font-family: "verveine" !important; letter-spacing: 0.05px; font-weight: normal !important; } .container__cards .container { padding-left: 56px; padding-right: 56px; } .section__implement-continer_custom .container { padding-left: 86px; padding-right: 86px; } .section__recognize-container_custome { max-width: 1288px; margin-left: auto; margin-right: auto; border-radius: 8px; float: none; } .section__recognize-container_custome div .av_one_fourth.cards__card { width: calc(25% - 30px); margin-left: 40px; } .section__recognize-container_custome div .av_one_third { margin-left: 40px; } .section__recognize-container_custome body div .first.cards__card { margin-left: 0; } .section__recognize-container_custome.old { border-radius: 0; width: 100%; max-width: 100%; max-height: 900px; } .cards__img-top { width: 78px; } .cards__text { line-height: 20px; min-height: 105px; } .cards__img-bottom { width: 179px; } /* Text section */ .section__text_custom { line-height: 24px; margin-bottom: 24px; } @media screen and (max-width: 991px) { .section__row-texts_custom { padding: 0 !Important; } } /* END Text section */ /* BTN orange */ .section_btn-orange_custom .avia_iconbox_title { font-size: 15px; } .section__header_costome .section_btn-orange_custom .avia-button { margin-right: 15px; } .section__header_costome .container { max-width: 1400px; } .section_btn-orange_custom .avia-button { background: #FD7E27 !Important; border-radius: 6px !Important; box-shadow: none; height: 50px; width: auto; padding: 16px 22px 16px; font-size: 15px; font-family: "Gibson-Bold", sans-serif !important; } /* END BTN orange */ /* BTN blue */ .section_btn-text-blue_custom .avia-button { background: transparent !Important; border: 0 !Important; box-shadow: none; font-size: 18px; padding: 0; width: auto; font-weight: normal; } /* END BTN blue */ /* Hr for card */ .section__hr_custome { border-bottom: 1px dashed #C6C8CF !Important; width: 200px; margin-top: 28px; margin-bottom: 26px; } /* END Hr for card */ /* Text img for section Workforce planning */ .section__text-basf_custom { width: 69px; } /* END Text img for section Workforce planning */ /* Italic text gray */ .section__italic-text-gray_custome { line-height: 20px; } /* END Italic text gray */ /* invisible separator */ .section__invisible-separator { width: 100%; overflow: hidden; } /* END invisible separator */ /* Two card custome */ div .av_one_half.section__two-card_custome { width: calc(50% - 20px); margin-left: 40px; } body div .first.section__two-card_custome { margin-left: 0; } .section__two-card_custome { min-height: 372px !Important; } /* END Two card custome */ /* Packages card */ .section__packages-card-img_custom { width: 114px; } /* Packages card */ /* Lists custom */ .card__lists_custom .avia-icon-list { padding-left: 32px; padding-right: 32px; } .card__lists_custom [data-av_iconfont='entypo-fontello']:before { content: ''; background-image: url(https://www.hrforecast.de/wp-content/uploads/2020/08/icon_mark.png); width: 18px; height: 18px; position: absolute; background-size: cover; left: 0px; } .card__lists_custom { min-height: 290px; } .card__lists_custom li { margin-bottom: 12px; } /* Lists custom */ /* Lists custom */ .important_note .avia-icon-list { padding-left: 32px; padding-right: 32px; } .important_note [data-av_iconfont='entypo-fontello']:before { content: ''; background-image: url(https://www.hrforecast.de/wp-content/uploads/2020/11/icon_important.png); width: 18px; height: 18px; position: absolute; background-size: cover; left: 0px; } .important_note { min-height: 20px; } .important_note li { margin-bottom: 12px; } /* Lists custom */ /* Card popular */ .card__text-top-popular_custom { position: absolute; width: 100%; background: #FBBF96; text-align: center; font-weight: bold; text-transform: uppercase; color: #FFFFFF; height: 28px; line-height: 28px; border-radius: 8px 8px 0 0; font-size: 13px; top: -29px; } .card__text-top-popular_custom span { line-height: 28px; } /* END Card popular */ /* Section packages */ .section__packages-container .container { padding-left: 105px; padding-right: 105px; } div .av_one_third.section__packages-card_custom { width: calc(33.3333% - 26px); margin-left: 39px; } body div .first.section__packages-card_custom { margin-left: 0; } /* END Section packages */ /* PNG text */ .section__text-png_custom { height: 45px; } .section__text-png_custom .avia_image { height: 45px; width: auto; } /* END PNG text */ /* Header Text */ .header__text_custom { margin-bottom: 65px; line-height: 26px; } /* END Header Text */ /* Accardion */ .pn-accordion__wrp { width: 100%; position: relative; } .pn-accordion__section { transition: 0.3s all; width: 368px; margin-bottom: 26px; padding-left: 24px; } .pn-accordion__section:hover { cursor: pointer; } .pn-accordion__section:hover .pn-accordion__icon { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter: none; /* IE 6-9 */ } .pn-accordion__section:hover .pn-accordion__title { font-weight: bold !important; } .pn-accordion__icon { width: 28px; height: 28px; margin-right: 18px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ } .pn-accordion__title { padding: 0; margin: 0; font-size: 18px; font-weight: normal !important; color: #1C263F; line-height: 28px; height: 28px; overflow: hidden; font-family: "canada-type-gibson", sans-serif !important; } .pn-accordion__title div { line-height: 28px; height: 28px; display: block; font-size: 18px; color: #1C263F; } .pn-accordion__title div:first-child { float: left; } .pn-accordion__text { padding: 0; margin: 0; margin-top: 22px; font-size: 16px; line-height: 20px; color: #1C263F; display: none; } .pn-accordion__img { width: 808px; position: absolute; left: 410px; top: -32px; display: none; } .pn-accordion__img:hover { cursor: auto; } .pn-accordion__section.active-s-p { padding: 24px; background: #fff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); border-radius: 8px; } .pn-accordion__section.active-s-p .pn-accordion__title { font-weight: bold !important; margin-bottom: 22px; } .pn-accordion__section.active-s-p .pn-accordion__icon { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter: none; /* IE 6-9 */ } .pn-accordion__section.active-s-p .pn-accordion__img { display: block; } .pn-accordion__section.active-s-p .pn-accordion__text { margin: 0; display: inline-block; } /* END Accardion */ /* Adaptive */ @media only screen and (max-width: 1420px) { .custom-title_responsive_de h2 { font-size: 35px !Important; } } @media only screen and (max-width: 1300px) { .section__how-it-works { padding: 0 !Important; } .pn-accordion__img { width: 650px; } } @media only screen and (max-width: 1250px) { .card__lists_custom .avia-icon-list { padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 1199px) { .section-two__responsive { margin-top: 0 !Important; } .section__header_costome { margin-bottom: 0 !Important; } .cards__card { padding-left: 25px !Important; padding-right: 25px !Important; margin-bottom: 0 !Important; margin-top: 20px !Important; } .section__download-datasheet-row-img { padding: 0 !Important; } .section__two-card_custome { padding: 20px !Important; } .pn-accordion__img { width: 100%; max-width: 450px; } .section__smart-people-title { padding-top: 0 !Important; } .section__packages-container .template-page { padding-bottom: 0; } .custom-title_responsive_de h2 { font-size: 26px !Important; } } @media only screen and (max-width: 1100px) { .card__lists_custom { min-height: 330px; } } @media only screen and (max-width: 991px) { .header__row-texts { padding: 0 !Important; } .section__skill-based { margin-top: 0 !Important; margin-bottom: 20px !Important; } .section__two-card_custome { min-height: auto !Important; } .pn-accordion__img { position: relative; left: 0; top: 0; } .pn-accordion__section { width: 100%; } div .av_one_third.section__packages-card_custom { width: calc(50% - 20px); margin-left: 10px !Important; margin-right: 10px; } .section__start-texts, .section__start-img { padding: 0 !Important; } } @media only screen and (max-width: 767px) { div .av_one_third.section__packages-card_custom { margin-bottom: 40px !Important; } .card__lists_custom { min-height: auto; } } @media only screen and (max-width: 480px) { .custom-title_responsive_de h2 { font-size: 22px !Important; } } /* END Adaptive */ /* Page with us */ .page-id-23635 #av_section_2, .page-id-23635 footer.container_wrap, .page-id-23635 .main_menu { display: none; } .page-id-23635 .av_minimal_header_shadow { box-shadow: none; } .page-id-23635 .logo a { max-height: 45px !Important; } .page-id-23635 .logo a img { max-height: 45px !Important; } .work-with-us_background { position: relative; } .work-with-us_background .container { max-width: 1400px; } .work-with-us_background:after { content: ''; position: absolute; top: -50px; left: 0; display: block; width: 38%; height: 2000px; background: #f8f8f8; z-index: -1; } .work-with-us__card-img { width: 104px; } .work-with-us__card-text-contact-me { width: 112px; position: absolute; right: 30px; bottom: -78px; } .work-with-us__card-links { margin-top: 22px; width: 50%; float: left; } .work-with-us__card-links .avia-button.avia-size-small { background: transparent !Important; box-shadow: none; padding: 0; width: auto; height: auto; padding: 16px; } .work-with-us__card-links .avia-button.avia-size-small [data-av_iconfont='entypo-fontello']:before { content: ''; width: 32px; height: 32px; position: absolute; background-size: cover; left: -16px; top: -16px; } .work-with-us__card-links .avia-button.avia-size-small:nth-child(1) [data-av_iconfont='entypo-fontello']:before { background-image: url(https://www.hrforecast.de/wp-content/uploads/2020/08/icon_linkedin.png); } .work-with-us__card-links .avia-button.avia-size-small:nth-child(2) [data-av_iconfont='entypo-fontello']:before { background-image: url(https://www.hrforecast.de/wp-content/uploads/2020/08/icon_xing.png); } .work-with-us__card-links .avia-button.avia-size-small:nth-child(3) [data-av_iconfont='entypo-fontello']:before { background-image: url(https://www.hrforecast.de/wp-content/uploads/2020/08/icon_send.png); } .work-with-us__card-links .avia-button.avia-size-small:nth-child(4) [data-av_iconfont='entypo-fontello']:before { background-image: url(https://www.hrforecast.de/wp-content/uploads/2020/08/icon_phone-call.png); } .work-with-us__card-address-phone { position: absolute; bottom: 22px; right: 45px; width: 250px; } .work-with-us__card-address-phone p a { text-decoration: none !Important; } .work-with-us__card-address-phone p a:hover { text-decoration: underline !Important; } .work-with-us__card { margin-top: 60px; margin-left: 150px !important; max-width: 574px; box-shadow: 0px 16px 50px rgba(0, 0, 0, 0.08), 0px 4px 10px rgba(0, 0, 0, 0.04) !Important; } .work-with-us__card h3 { margin-top: 96px; margin-bottom: 66px; text-align: center; color: #1C263F; font-weight: 600 !important; font-size: 44px; line-height: 50px; max-width: 600px; margin-left: auto !important; margin-right: auto !important; } .work-with-us__card-title { position: absolute; top: -95px; left: 50%; margin-right: -50%; transform: translate(-50%, 0) } .page-id-23635 .header_color .header_bg { background: transparent; } .page-id-23635 .all_colors { padding: 0 !important; } /* de version */ .page-id-23978 .header_color .header_bg { background: transparent; } .page-id-23978 .all_colors { padding: 0 !important; } .page-id-23978 #av_section_2, .page-id-23978 footer.container_wrap, .page-id-23978 .main_menu { display: none; } .page-id-23978 .av_minimal_header_shadow { box-shadow: none; } .page-id-23978 .logo a { max-height: 45px !Important; } .page-id-23978 .logo a img { max-height: 45px !Important; } .page-id-23978 .work-with-us__card-text-contact-me { width: 170px; } /* END de version */ .work-with-us__footer-text { max-width: 574px; position: absolute !important; right: 102px; bottom: 0; } .work-with-us_background .container { height: 100vh !important; } .work-with-us__img-bg-right { position: relative; right: 50px; } /* Section skills */ div .section__row-texts_skills { margin-left: 0%; width: 38%; } .card__lists_skills, .section__text_skills { max-width: 420px; } .card__lists_skills .av_iconlist_title { background: #f8f8f8; line-height: 1.25; } .card__lists_skills .avia-icon-list { padding-left: 0; padding-right: 0; } .card__lists_skills li { margin-bottom: 17px; } .card__lists_skills { min-height: 0; } /* Adaptive */ @media only screen and (max-width: 1250px) { .work-with-us_background:after { width: 38%; } } @media only screen and (max-width: 1750px) { .work-with-us_background:after { width: 34%; } } @media only screen and (max-width: 1550px) { .work-with-us_background:after { width: 32%; } } @media only screen and (max-width: 1250px) { .work-with-us__row-img, .work-with-us_background:after { display: none; } .work-with-us__card { width: 100% !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } .work-with-us__footer-text { margin: 0; margin-left: 0 !important; margin-top: 100px; width: 100% !important; max-width: 100% !important; position: relative !important; right: 0; } .work-with-us_background .container { height: calc(100vh - 100px) !important; } } @media only screen and (max-width: 991px) { .work-with-us__card h3 { margin-top: 40px; margin-bottom: 20px; font-size: 40px; } .work-with-us__card.contact-card .avia-form-success { font-size: 40px !important; padding: 0 !important; padding-bottom: 200px !important; } .contact-us-wrp .work-with-us__card.contact-card .avia-form-success { padding-bottom: 40px !important; } } @media only screen and (max-width: 767px) { .work-with-us__card { margin-bottom: 80px !important; } } @media only screen and (max-width: 700px) { .work-with-us__card-links { width: 100% !important; } .work-with-us__card-address-phone { position: relative; width: 100%; text-align: center; bottom: 0; right: 0; } .work-with-us__card { padding-bottom: 40px !important; } } @media only screen and (max-width: 480px) { .work-with-us__card h3 { margin-top: 20px; font-size: 36px; } .work-with-us__card.contact-card .avia-form-success { font-size: 36px !important; padding: 0 !important; padding-bottom: 20px !important; } .btn-arrow a { min-height: 48px !important; margin-bottom: 0 !important; margin-top: 0 !important; } } @media only screen and (max-width: 400px) { .work-with-us__card { padding: 20px !important; } } /* END Adaptive */ /* END Page with us */ /* Smart people */ .header__btn-arrow .avia-button { line-height: 1; } .smartpeople_icon.container__cards div .av_one_fourth.cards__card { width: calc(25% - 30px); margin-left: 40px; } element.style { margin-top: 45px; margin-bottom: 45px; background: #dce0ff; padding: 45px 38px 27px 45px; background-color: #dce0ff; border-radius: 8px; } .smartpeople_icon.container__cards div .av_one_fourth.cards__card { width: calc(25% - 30px); margin-left: 40px; } body .smartpeople_icon.container__cards div .first.cards__card { margin-left: 0; } /* END Smart people */ /* Home page */ .why-card__text h6 { font-weight: normal !important; } .why-card__text h6 .special_amp { font-family: "Gibson-Regular", sans-serif !important; font-weight: 300; } .bg-client-say { max-width: 1288px; } .bg-client-say .container { width: 100%; } .sec-blog-wrp .customer-stories-masonry .av-masonry-load-more { font-size: 0 !important; padding-top: 18px !important; width: 130px; } .sec-blog-wrp .customer-stories-masonry .av-masonry-load-more:after { content: 'More stories'; font-size: 14px !important; } .masonry-card-posts.latest-from-hrf { overflow: visible !important; } .masonry-card-posts.latest-from-hrf .av-masonry-sort:after { display: none !important; } #top div.container .masonry-card-posts.latest-from-hrf .av-masonry-sort { margin-bottom: 0 !important; } .masonry-card-posts.latest-from-hrf .av-masonry-sort { display: none; } .masonry-card-posts.latest-from-hrf a.type-post { width: calc(25% - 30px); min-height: 296px !important; height: 296px; } .masonry-card-posts.latest-from-hrf a.type-post .av-masonry-entry-content { display: none; } .masonry-card-posts.latest-from-hrf a.type-post:nth-child(3) .av-masonry-entry-content, .masonry-card-posts.latest-from-hrf a.type-post:nth-child(5) .av-masonry-entry-content { display: block; } .masonry-card-posts.latest-from-hrf a.type-post:nth-child(3), .masonry-card-posts.latest-from-hrf a.type-post:nth-child(5) { min-height: 622px !important; height: 622px; } .masonry-card-posts.latest-from-hrf a.type-post:nth-child(3) .av-masonry-image-container, .masonry-card-posts.latest-from-hrf a.type-post:nth-child(5) .av-masonry-image-container { height: 352px; } .masonry-card-posts.latest-from-hrf .av-masonry-container { max-width: 1450px; } .latest-from-hrf-wrp .container { padding-left: 17px; padding-right: 17px; margin-top: 17px; margin-bottom: 23px; } .masonry-card-posts.latest-from-hrf .av-masonry-image-container { height: 122px; } /* END Home page */ /* About us */ .bg-header-about-us { background: url(https://hrforecast.com/wp-content/uploads/2021/08/Right@2x.png) top right no-repeat, url(https://hrforecast.com/wp-content/uploads/2021/08/Left@2x.png) top left no-repeat; background-size: 288px; background-position: 100% 70%, 0 70%; } .bg-header-about-us .header__text_custom { max-width: 510px; } .bg-header-about-us .header__text_custom p { max-width: 400px; margin-left: auto; margin-right: auto; } .about-us-sec-2__text p { position: relative; left: -35px; } .about-us__img-1 img { max-width: 550px; width: 100%; margin-left: auto !important; } .about-us__img-2 img { max-width: 460px; width: 100%; position: relative; top: -65px; left: 44px; } .about-us__img-3 img { max-width: 796px; width: 796px; position: relative; top: 41px; left: -140px; } .about-us__img-4 img { max-width: 868px; width: 868px; position: relative; left: 46px; top: -70px; } .about-us-sec-power h3, .about-us-sec-power p { max-width: 450px; } .about-us-sec-power .header__btn-arrow { position: relative; top: -7px; } .about-us-sec-power { max-height: 920px; margin-bottom: 250px; } .about-us-sec-story { max-width: 1270px; width: 100%; margin-left: auto; margin-right: auto; } .about-us__img-text { max-width: 390px; position: relative; left: 105px; z-index: 99; } .about-us__story-col-1 { position: relative; top: -122px; left: 95px; } .about-us__story-col-2 { position: relative; top: -122px; left: 85px; } .about-us__video { margin-top: -60px; margin-left: auto; margin-right: auto; max-width: 450px; padding-bottom: 44.45%; border-radius: 12px; overflow: hidden; } @media only screen and (max-width: 1399px) { .masonry-card-posts.latest-from-hrf .av-masonry-container { width: 100%; } } @media only screen and (max-width: 1300px) { .about-us__video { padding-bottom: 50%; } } @media only screen and (max-width: 1100px) { .about-us__video { max-width: 390px; margin-top: -40px; } } @media only screen and (max-width: 991px) { .masonry-card-posts.latest-from-hrf a.type-post { width: calc(50% - 30px); } } @media only screen and (max-width: 767px) { .about-us__video { max-width: 450px; margin-top: -40px; margin-bottom: 70px; } .masonry-card-posts.latest-from-hrf a.type-post:nth-child(3), .masonry-card-posts.latest-from-hrf a.type-post:nth-child(5) { min-height: 296px !important; height: 296px; } .masonry-card-posts.latest-from-hrf .av-masonry-image-container, .masonry-card-posts.latest-from-hrf a.type-post:nth-child(3) .av-masonry-image-container, .masonry-card-posts.latest-from-hrf a.type-post:nth-child(5) .av-masonry-image-container { height: 140px !important; } .masonry-card-posts.latest-from-hrf a.type-post, .masonry-card-posts.latest-from-hrf a.type-post:nth-child(3), .masonry-card-posts.latest-from-hrf a.type-post:nth-child(5) { min-height: 0; height: auto; } .masonry-card-posts.latest-from-hrf a.type-post .av-masonry-entry-content { display: block; } } @media only screen and (max-width: 480px) { .about-us__video { padding-bottom: 56%; max-width: 450px; margin-top: -20px; margin-bottom: 60px; } .latest-from-hrf-wrp .container { width: 100% !important; max-width: 100% !important; } } .about-us-banner { margin-top: 162px; max-width: 1288px; width: 100%; margin-left: auto; margin-right: auto; border-radius: 8px; } .about-us-banner__card-partner { display: flex; align-items: center; min-width: 682px; float: right !important; } .about-us-banner__card-partner .orange-btn { margin-right: 35px; } .about-us-banner__card-partner .orange-btn .avia-button { padding-left: 16px !important; padding-right: 16px !important; padding-top: 10px !important; padding-bottom: 10px !important; } @media only screen and (max-width: 1300px) { .about-us-banner { margin-right: 15px; margin-left: 15px; width: calc(100% - 30px); } } @media only screen and (max-width: 1199px) { .about-us-banner__card-partner { float: left; min-width: 0; width: 100%; } .about-us-banner__card-partner .orange-btn { margin-right: 0; } .about-us-banner__card-partner { padding-right: 15px !important; padding-left: 15px !important; } } @media only screen and (max-width: 991px) { .about-us-banner__col { padding: 15px !important; } .about-us-banner__col:first-child { width: 45% !important; } .about-us-banner__col { width: 55% !important; } .about-us-banner__col-2 { margin-left: 0 !important; } } @media only screen and (max-width: 767px) { .about-us-banner__col:first-child { width: 100% !important; } .about-us-banner__col { width: 100% !important; } .about-us-banner { padding-top: 15px; padding-bottom: 15px; } .about-us-banner .hr-custom { margin-top: 0 !important; margin-bottom: 0 !important; } .about-us-banner__img.avia-align-center { margin-bottom: 40px !important; } .about-us-banner .sp-title { padding-bottom: 0 !important; } .about-us-banner { margin-top: 50px; } } @media only screen and (max-width: 480px) { .about-us-banner__card-partner { padding-top: 30px !important; padding-bottom: 30px !important; } .about-us-banner__img { width: 100% !important; } .about-us-banner__card-partner { flex-direction: column; } .wrb-banner-btn { margin-top: -50px !important; } } .about-us-banner__img { width: calc(100% - 110px); max-width: 350px; max-height: 80px; margin-bottom: 0 !important; margin-left: 0 !important; } .about-us-banner__img img { max-height: 80px; } .about-us-banner .orange-btn .avia-button { margin: 0; min-width: 85px; padding-right: 10px; padding-left: 10px; border-bottom: 0; } .about-us-banner .orange-btn .avia-button span { top: 0; bottom: 0; } .about-us-banner .max-430 { max-width: 430px; } .about-us-banner__col-1 { max-width: 158px; } .icon-w-28 { width: 28px; margin-bottom: 22px; } .icon-w-32 { width: 32px; margin-bottom: 18px; } .sec-number { margin-top: 45px; max-width: 1288px; float: none; margin-left: auto; margin-right: auto; background: #F8F8F8; border-radius: 8px; padding-bottom: 15px; } .sec-number .container { width: 750px; } .sec-number__title { margin-top: 50px; } .sec-number__title p { margin-bottom: 20px; font-family: "Gibson-Bold", sans-serif !important; font-weight: 700; } .sec-number .avia-builder-el-last { width: 50px; } .sec-number .av-zero-column-padding.first { margin-left: 40px; } .our-client .btn-arrow { margin-top: 20px; } .sec-offices .cards__card { background-size: cover !important; } #top .sec-offices .av-flex-placeholder { width: 40px; } .sec-offices__text { max-width: 495px; margin-right: auto; margin-left: auto; } .sec-offices .container { padding-left: 10px; padding-right: 10px; } .sec-offices .cards__text { min-height: 285px; } .sec-offices .btn-arrow { position: relative; top: -10px; } .sec-offices { padding-bottom: 70px; } #top .sec-offices .flex_column_table { display: flex; } #top .sec-offices .cards__card { margin: 0; } @media only screen and (max-width: 767px) { #top .sec-offices .flex_column_table { flex-direction: column; align-items: center; } } .sp-container__about-us { padding-top: 100px; } .min-h-90 { min-height: 90px; } .sec-form .container { padding: 0; } .sec-form p { float: none !important; margin-bottom: 15px } .about-us-power__col .sp-title h3 { max-width: 520px; width: 100%; } /* END About us */ @media only screen and (max-width: 1500px) { .about-us__img-4 img { max-width: 100%; left: 0; } .about-us__story-col-1, .about-us__story-col-2 { left: 0; width: 50% !important; margin-left: 0 !important; } .about-us__img-text { left: 0; } .about-us__story-col-1 p, .about-us__story-col-2 p { text-align: center; } } @media only screen and (max-width: 1350px) { .about-us__img-3 img { max-width: 100%; top: 0; left: -34px; } .about-us__img-1 img { max-width: 100%; } .about-us__img-2 img { max-width: 460px; width: 100%; left: 0; } .bg-header-about-us { background-size: 24%; } } @media only screen and (max-width: 1199px) { .about-us-sec-power { margin-bottom: 110px !important; } .sec-number { margin-top: 0 !important; } .about-us__story-col-1, .about-us__story-col-2 { top: -105px; } } @media only screen and (max-width: 991px) { .bg-header-about-us { background-size: 24%; } .bg-header-about-us .content { padding-bottom: 0; } .bg-header-about-us .header__text_custom { margin-bottom: 0; } .about-us__img-2 img { top: -30px; } .about-us-sec-power { margin-bottom: 0px !important; } .sec-number p { text-align: center !important; } .sec-number .icon-w-28 { float: none; margin-left: auto; margin-right: auto; } .sec-number .icon-w-32 { float: none; margin-left: auto; margin-right: auto; } .sec-number__title { margin-top: 0; } } @media only screen and (max-width: 767px) { .bg-header-about-us { margin-top: 50px !important; } .about-us-sec-2__text p { position: relative; left: 0; } .about-us-power__col { padding: 0 !important; margin: 0 !important; } .about-us-power__col-2 { margin-top: 0 !important; padding-bottom: 0 !important; } .about-us-sec-power { max-height: 100%; } .about-us-our-people__col-1 { margin-top: 0 !important; } .about-us-our-people__col-2 { margin-top: 0 !important; padding-top: 0 !important; } .about-us__img-1 img { max-width: 550px; } .about-us-sec-power h3, .about-us-sec-power p { max-width: 100%; } .about-us__img-3 img { left: 0; } .about-us-sec-power .sp-title { margin-top: 0 !important; } .about-us-our-people__col-2 { margin-top: -30px !important; } .about-us-sec-story .sp-title { margin-top: 20px !important; } .about-us__img-text img { max-width: 80%; margin-left: auto; margin-right: auto; } .about-us__img-4 img { top: -45px; } .our-client { margin-top: 0 !important; margin-bottom: 20px !important; } .our-client .sp-title { margin-top: 20px !important; } .about-us__story-col-1, .about-us__story-col-2 { top: -80px; } .our-story__col-1 { padding-bottom: 0 !important; } .our-story__col-2 { padding-top: 0 !important; padding-bottom: 0 !important; } .sec-offices .cards__text { min-height: 0; } .sec-offices .flex_column_table { margin-top: 0 !important; } .sec-offices .content { padding-bottom: 0 !important; } .sec-offices__last-col { margin-top: 0 !important; } .sec-offices { margin-bottom: 0 !important; } .sp-container__about-us { padding-top: 20px; } .sp-container__about-us .sp-title { padding-bottom: 0 !important; } .sec-why__col-2, .sec-why__col-3 { padding-top: 0 !important; } .why-card__text .min-h-120 { min-height: 0; } .why-card__text .min-h-90 { min-height: 0; } .sp-container__about-us .flex_column_table .why-card { margin-bottom: 0 !important; } .sec-form { margin-top: 0 !important; } .sec-form_webinars { padding-left: 330px !important; } } @media only screen and (max-width: 640px) { .sec-form { padding: 20px !important; padding-top: 230px !important; background: url(https://hrforecast.com/wp-content/uploads/2022/04/pixeltrue-newsletter-bg.png) top center no-repeat #ffffff !important; } } @media only screen and (max-width: 480px) { .bg-header-about-us { background: transparent; } .bg-header-about-us .header__text_custom { padding-bottom: 0; } } /* Smart plan */ .smart-plan-header__img { max-width: 847px; position: relative; left: 70px; top: -20px; } .smart-plan-header { margin-top: -20px !important; } .smart-plan-header .header__text_custom { max-width: 435px; margin-bottom: 42px; } .smart-plan-sec-inside .container { max-width: 1400px !important; } #top .smart-plan-sec-inside .av-flex-placeholder { width: 40px; } .smart-plan-simulate__img img { width: 716px; max-width: 716px; position: relative; left: -100px; } .smart-plan-sec-inside .cards__img-bottom .avia-image-overlay-wrap { min-height: 178px; display: flex; justify-content: center; align-items: center; } .smart-plan-sec-simulate .title_simulate, .smart-plan-sec-simulate .section__text_custom { width: 460px; } .smart-plan-sec-simulate .section__text_custom p { width: 460px; } .smart-plan-sec-simulate { padding-bottom: 50px; } .smart-plan-sec-prioritize .title_prioritize, .smart-plan-sec-prioritize .section__text_custom { width: 460px; } .smart-plan-sec-prioritize .container { max-width: 1400px; } .smart-plan-sec-prioritize__img { width: 771px; max-width: 771px; position: relative; left: 70px; } .smart-paln-sec-decisions .title__decisions, .smart-paln-sec-decisions .section__text_custom { max-width: 650px; margin-left: auto; margin-right: auto; } .smart-paln-sec-decisions__img img { max-width: 1260px; width: 1260px; position: relative; left: -152px } .smart-paln-sec-decisions { max-height: 871px !important; } .sp-block-list-wrp_achieve { margin-top: 30px !important; } .sp-block-list-wrp_achieve .why-card { min-width: 440px; width: 440px; } .smart-plan-use-cases .section__text_custom { width: 600px; margin-left: auto; margin-right: auto; } #top .smart-plan-use-cases .av-flex-placeholder { width: 70px; max-width: 70px; } .smart-plan-use-cases .container { max-width: 1400px; } .smart-plan-use-cases .cards__text { min-height: 90px; } .smart-plan-packages .entry-content-wrapper { display: flex; flex-wrap: wrap; justify-content: center; } .smart-plan-packages div .av_one_third.section__packages-card_custom { width: 370px; } .smart-plan-sec-start .sp-title h3 { line-height: 64px; } .smart-plan-sec-start .cards__img-top { position: relative; left: -10px; } .smart-plan-sec-start { padding-bottom: 55px; box-shadow: inset 0px -1px 0px #E8E9EC; } .smart-plan-sec-transform .container { max-width: 1400px; } .smart-plan-sec-transform .section__start-texts { position: relative; left: 25px } .why-card__text h6 { font-family: "Gibson-Regular", sans-serif !important; } /* END Smart plan */ @media only screen and (max-width: 1300px) { .smart-plan-header__img { max-width: 150%; width: 150%; top: 70px; } .smart-plan-sec-prioritize__img { max-width: 100%; width: 100% } .smart-plan-simulate__img img { left: 0; width: 100%; max-width: 100%; } .smart-plan-sec-simulate .title_simulate, .smart-plan-sec-simulate .section__text_custom { width: 100%; } .smart-plan-sec-simulate .section__text_custom p { width: 100%; } .smart-paln-sec-decisions__img img { max-width: 100%; width: 100%; left: 0; } .smart-plan-use-cases .section__text_custom { width: 100%; } .smart-plan-sec-start { margin-top: 0 !important; } .smart-plan-sec-start .sp-title { margin-top: 0 !important; } .smart-plan__start-col-1, .smart-plan__start-col-2 { padding-left: 0 !important; } } @media only screen and (max-width: 991px) { .smart-plan-sec-prioritize .title_prioritize, .smart-plan-sec-prioritize .section__text_custom { width: 100%; } .sp-block-list-wrp_achieve .why-card { min-width: calc(50% - 20px); width: calc(50% - 20px); } } @media only screen and (max-width: 989px) { .responsive #top #wrap_all .av-flex-cells.sp-block-list-wrp_achieve .no_margin { overflow: visible; } } @media only screen and (max-width: 767px) { .smart-plan-header__img { max-width: 100%; width: 100%; left: 0; top: 0; } .smart-plan-header .template-page { padding-bottom: 0; } .smart-plan-sec-inside .template-page { padding-top: 0; } .smart-plan-sec-inside .flex_column_table { margin-top: 0 !important; } .smart-plan-sec-inside .cards__text { min-height: 0; } .smart-plan-sec-inside { margin-bottom: 0 !important; } .smart-plan-header .header__row-texts { margin-bottom: 0 !important; } .smart-plan-sec-prioritize__img { left: 0; } .smart-plan-sec-simulate .template-page { padding-bottom: 0 !important; } .smart-plan-sec-simulate .smart-plan-sec-simulate__col-1 { padding-top: 0 !important; padding-right: 0 !important; } .smart-plan-sec-prioritize .template-page { padding-bottom: 0 !important; } .smart-paln-sec-decisions .template-page { padding-bottom: 30px; } .sp-block-list-wrp_achieve .why-card { min-width: 100%; width: 100%; } .sp-block-list-wrp .flex_cell_inner { flex-direction: column; } .sp-block-list-wrp .flex_cell { padding: 0 !important; } .sp-block-list-wrp_achieve { margin-top: 0 !important; } .smart-plan-sec-achieve .template-page { padding-bottom: 0 !important; } .sp-block-list-wrp_achieve .why-card { margin-bottom: 20px !important; } .smart-plan-use-cases .cards__text { min-height: 0; } .smart-plan-use-cases .flex_column_table { margin-top: 0 !important; } .smart-plan-how-it-works { margin-top: 0 !important; } .smart-plan-sec-start { padding-bottom: 0; } .smart-plan-sec-start .cards__text { min-height: 0 !important; } .smart-plan-sec-start .sp-title h3 { line-height: 46px; } .smart-plan-packages .template-page { padding-top: 0; } .section__smart-people-title .av-special-heading-h2 { padding-bottom: 20px !important; } .smart-plan-packages__col-btn { margin-top: 0 !important; } .smart-plan-sec-transform .section__start-texts { left: 0; } } /* Career page */ .career-header { max-width: 1288px; margin-left: auto; margin-right: auto; border-radius: 8px; float: none; margin-top: 84px !important; } .career-sec-dolor-do__img { max-width: 1140px; width: 1140px; position: relative; left: -122px; } .career-sec-dolor-do__img-2 { margin-top: -2px !important; max-width: 484px; margin-left: 35px !important; } @media only screen and (max-width: 767px) { .career-sec-dolor-do__img-2 { margin-top: 0 !important; max-width: 484px; margin-left: auto !important; margin-right: auto !important; } } .career__video { margin-top: 77px; margin-left: -247px; width: 732px; padding-bottom: 412px; border-radius: 12px; overflow: hidden; } @media only screen and (max-width: 1200px) { .career__video { margin-top: 50px; margin-left: 0; width: 100%; padding-bottom: 56.25%; } } @media only screen and (max-width: 767px) { .career__video { margin-top: 0; margin-bottom: -30px; } } .career-header .header__text_custom { margin-bottom: 41px; } .career-header__img { max-width: 777px; width: 777px; position: relative; top: 13px; left: 43px; } .career-header .container { padding-top: 0 !important; } .career-sec-dolor-do { max-height: 100% !important; padding-bottom: 30px !important; } .career-sec-how-we-work__img { max-width: 550px; width: 550px; position: relative; top: 44px; left: 75px } .career-sec-how-we-work__texts { position: relative; left: 65px; } .career-sec-how-we-work__texts p { width: 460px; } .career-sec-how-we-work { padding-bottom: 83px; } .career-whom-are-we__img { width: 550px; max-width: 550px; position: relative; left: 19px; } .career-sec-whom-are-we__texts { position: relative; left: 80px; } .career-sec-whom-are-we__texts h2 { max-width: 450px; } .career-sec-whom-are-we__texts p { width: 460px } .career-sec-whom-are-we { padding-bottom: 24px; } .career-sec-world__img { width: 1120px; max-width: 1140px; left: -136px; } .career-sec-world { max-height: 100% !important; box-shadow: inset 0px -1px 0px #E8E9EC; padding-bottom: 73px; } .smart-plan-sec-achieve_photos h2 { line-height: 64px; } .career-sec-photos_img-1 { max-width: 660px; width: 660px; position: relative; left: 70px; } .career-sec-photos_img-2 { max-width: 340px; width: 340px; position: relative; left: -130px; top: 80px; } .career-sec-photos_img-3 { max-width: 340px; width: 340px; position: relative; left: 125px; top: -60px; } .career-sec-photos_img-4 { max-width: 660px; width: 660px; position: relative; left: -75px; top: -60px; } /* END Career page */ @media only screen and (max-width: 1300px) { .career-sec-photos_img-1, .career-sec-photos_img-2, .career-sec-photos_img-3, .career-sec-photos_img-4 { max-width: 100%; width: 100%; left: 0; } .career-sec-photos_img-2 { top: 0; } } @media only screen and (max-width: 1200px) { .career-header__img { width: 100%; max-width: 100%; top: 0; left: 0; } .header__row-texts { padding: 0 !important; padding-bottom: 20px !important; } .career-sec-dolor-do__img { width: 100%; max-width: 100%; top: 0; left: 0; } .career-sec-dolor-do__col-2 { padding: 0 !important; margin: 0 !important; } .career-sec-how-we-work__texts p { width: 100%; max-width: 100%; } .career-sec-how-we-work__img { left: 0; } .career-sec-how-we-work__col-2 { padding: 0 !important; } .career-sec-how-we-work__texts { padding-top: 115px !important; } .career-sec-whom-are-we__texts p { width: 100%; } .career-whom-are-we__img { width: 500px; max-width: 500px; position: relative; left: 0; } .career-sec-world__img { max-width: 100%; width: 100%; left: 0; } } @media only screen and (max-width: 991px) { .career-sec-how-we-work__img { width: 100%; max-width: 100%; margin: 0 !important; } .career-sec-how-we-work { padding-bottom: 0; } .career-sec-how-we-work__texts { padding-top: 0 !important; } .career-sec-whom-are-we { padding-bottom: 0; } .career-sec-whom-are-we__col-1 { padding: 0 !important; } .career-sec-whom-are-we__texts { padding-top: 50px !important; } .career-whom-are-we__img { width: 100%; max-width: 100%; } .smart-plan-sec-achieve_photos h2 { line-height: 46px; } .smart-plan-sec-achieve_photos .section__row-texts_custom { margin-bottom: 0 !important; } } @media only screen and (max-width: 767px) { .career-sec-dolor-do { padding-bottom: 0 !important; } .career-sec-how-we-work__img { top: 0; } .career-sec-how-we-work__texts { left: 0; margin-bottom: 0 !important; } .career-sec-how-we-work__texts .section__text_custom { max-width: 100%; } .career-sec-whom-are-we__texts h2, .career-sec-whom-are-we__texts p { width: 100%; max-width: 100%; } .career-sec-whom-are-we__texts { left: 0 !important; padding: 0 !important; margin: 0 !important; } .career-sec-whom-are-we__texts .section__text_skills { max-width: 100%; } .career-sec-how-we-work .template-page { padding-bottom: 0; } .career-sec-world { padding-bottom: 0; } .career-sec-world .section__download-datasheet-row-img { margin-top: 20px !important; } .career-sec-photos_img-2 { top: -40px; } .career-sec-photos_img-3 { top: -105px; } .career-sec-photos_img-4 { top: -165px; position: absolute } .sec-form-color { margin-top: 200px; } } @media only screen and (max-width: 575px) { .sec-form-color { margin-top: 100px; } } @media only screen and (max-width: 480px) { .sec-form-color { margin-top: 20px; } } /* Blog page */ .sp-container.blog { max-width: 1059px; } .sp-container.blog .flex_cell { padding: 15px !important; } .sec-form-blog .container { max-width: 1099px; } .sec-form { margin-top: 0 !important; } .sec-form-blog .content { padding-top: 0 !important; padding-bottom: 15px !important; } .blog-header .header__text_custom { padding-bottom: 0 !important; margin-bottom: 35px !important; } .blog-header { padding-bottom: 180px; } .wpt_widget_content { border: 0 !important; } .sec-blog-wrp .container { max-width: 1060px; width: 100%; padding-left: 15px; padding-right: 15px; } #top .widget ul.wpt-tabs { display: flex; } .wpt_widget_content .tab-content li { border: 0 !important; padding: 0 !important; margin-bottom: 20px !important; } .wpt_thumb_small { width: 90px !important; height: 90px !important; border-radius: 8px; overflow: hidden; position: relative; } .wpt_widget_content img { width: auto; max-width: none !important; height: 100% !important; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) } .wpt-pagination { display: none; } .widget_wpt { padding-top: 7px !important; } .col-wrp-widget { margin-left: 0 !important; width: calc(35.33333332% - 20px) !important; } .card-post_big { margin: 15px !important; width: calc(64.66666% - 10px) !important; } .wpt_thumb_small { margin-right: 24px !important; } .widget_wpt .entry-title { height: 90px; display: flex; justify-content: center; align-items: center; } .wpt_widget_content a { width: 100%; transition: 0.3s all; font-size: 18px; line-height: 20px; color: #1C263F !important; font-family: "Gibson-Bold", sans-serif !important; } .wpt_widget_content a:hover { opacity: 0.9; text-decoration: none; } .wpt_widget_content .inside { padding-top: 41px !important; } .wpt_widget_content .tab_title a { width: auto !important; display: inline !important; font-size: 16px; line-height: 20px !important; color: #1C263F !important; padding: 8px 18px !important; background: transparent !important; border: 0 !important; box-shadow: none; border-radius: 8px; font-family: "Gibson-Regular", sans-serif !important; font-weight: normal !important; opacity: 1 !important; } .wpt_widget_content .tab_title a:hover { color: #3F52FF !important; } .wpt_widget_content .tab_title.selected a { color: #3F52FF !important; background: #FFFFFF !important; border: 0.5px solid #EBECF2 !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); opacity: 1 !important; } .masonry-card-posts a.type-post { width: calc(33.33333% - 30px); margin-right: 15px; margin-left: 15px; padding: 20px; background: #fff; margin-bottom: 30px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); opacity: 1; border-radius: 8px !important; min-height: 413px !important; border: 0.5px solid #EBECF2; } .masonry-card-posts a.type-post:hover { box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.08), 0px 4px 10px rgba(0, 0, 0, 0.04); } .masonry-card-posts .av-inner-masonry-content { background: transparent !important; } .masonry-card-posts a.type-post:hover .av-masonry-image-container { transform: scale(1, 1); } .masonry-card-posts .av-masonry-image-container { opacity: 1 !important; } .masonry-card-posts .avia-arrow { display: none; } .masonry-card-posts { font-family: "Gibson-Regular", sans-serif !important; } .masonry-card-posts .av-inner-masonry-content-pos-content { display: flex; flex-direction: column; } .masonry-card-posts .entry-title { font-size: 18px; line-height: 20px; max-height: 40px; overflow: hidden; color: #1C263F; font-family: "Gibson-Bold", sans-serif !important; text-align: left; order: 2; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .masonry-card-posts .entry-content { font-size: 16px; line-height: 20px; color: #1C263F; order: 3; max-height: 84px; overflow: hidden !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .masonry-card-posts .updated { font-size: 14px; line-height: 20px; color: #555C6F; order: 1; margin-bottom: 16px; } .masonry-card-posts .av-inner-masonry-content { padding-left: 12px; padding-right: 12px; padding-bottom: 10px; } .masonry-card-posts .av-masonry-container { display: flex; flex-wrap: wrap; } .masonry-card-posts span.text-sep { display: none; } .masonry-card-posts .av-sort-by-term a { width: auto !important; font-size: 16px; line-height: 20px !important; color: #1C263F !important; padding: 8px 18px !important; background: transparent !important; border: 0 !important; box-shadow: none; border-radius: 8px; font-family: "Gibson-Regular", sans-serif !important; font-weight: normal !important; opacity: 1 !important; } .masonry-card-posts .av-sort-by-term a.active_sort { color: #3F52FF !important; background: #FFFFFF !important; border: 0.5px solid #EBECF2 !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); opacity: 1 !important; } .masonry-card-posts .av-sort-by-term a:hover { color: #3F52FF !important; } .masonry-card-posts .av-sort-by-term a { margin-bottom: 5px; } .masonry-card-posts .av-masonry-image-container { overflow: hidden; height: 168px; border-radius: 8px; width: 100% !important; position: relative; } .masonry-card-posts .av-masonry-image-container img { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); display: block; min-height: 100%; object-fit: cover; } .masonry-card-posts_opportunities { padding-top: 800px; margin-top: -800px; } .masonry-card-posts_opportunities { position: relative; } .masonry-card-posts_opportunities:before { content: ''; width: 100%; height: 400px; position: absolute; top: -400px; left: 0; z-index: 1; } .masonry-card-posts_opportunities .av-sort-by-term a { width: auto !important; font-size: 16px; line-height: 20px !important; color: #1C263F !important; padding: 8px 18px !important; background: transparent !important; border: 0 !important; box-shadow: none; border-radius: 8px; font-family: "Gibson-Regular", sans-serif !important; font-weight: normal !important; opacity: 1 !important; max-width: 150px; } .masonry-card-posts_opportunities .av-sort-by-term { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .masonry-card-posts_opportunities .av-sort-by-term a.active_sort { color: #3F52FF !important; background: #FFFFFF !important; border: 0.5px solid #EBECF2 !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); opacity: 1 !important; } .masonry-card-posts_opportunities .av-sort-by-term a:hover { color: #3F52FF !important; } .masonry-card-posts_opportunities span.text-sep { display: none; } .masonry-card-posts_opportunities .av-masonry-sort:after { display: none !important; } .masonry-card-posts_opportunities .av-masonry-outerimage-container { display: none; } .masonry-card-posts_opportunities a.av-masonry-entry { display: flex; align-items: center; background: #FFFFFF !important; border: 0.5px solid #E8E9EC !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); border-radius: 8px; width: calc(100% - 10px) !important; min-height: 106px; max-width: 645px; margin-bottom: 8px; padding: 15px; padding-left: 66px; padding-right: 66px; margin-right: 0; margin-left: 0; } .masonry-card-posts_opportunities .av-inner-masonry-content { padding: 0; } .masonry-card-posts_opportunities a.av-masonry-entry:after { content: ''; position: absolute; top: 26px; left: 32px; width: 18px; height: 18px; background: url(https://hrforecast.com/wp-content/uploads/2020/11/Group-415@2x.png) no-repeat; background-size: 18px 18px; } .masonry-card-posts_opportunities a.av-masonry-entry:before { content: ''; position: absolute; top: calc(50% - 9px); right: 35px; width: 18px; height: 18px; background: url(https://hrforecast.com/wp-content/uploads/2021/03/layer1@2x.png) no-repeat; background-size: 50%; } .masonry-card-posts_opportunities .entry-title { margin-bottom: 6px !important; line-height: 140%; font-family: "Gibson-Regular", sans-serif !important; font-weight: normal !important; font-size: 18px; } .masonry-card-posts_opportunities .av-masonry-load-more { margin-top: 66px; margin-bottom: 50px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); border-radius: 8px; background: #FFFFFF !important; border: 1px solid #EBECF2; padding: 14px; min-width: 120px; font-weight: bold; font-size: 14px; color: #1C263F; text-transform: none !important; font-family: "Gibson-Bold", sans-serif !important; letter-spacing: 0.2px !important; } .masonry-card-posts_opportunities .av-masonry-load-more:hover { color: #1C263F; } .masonry-card-posts_opportunities .av-inner-masonry-content { background: transparent !important; } .masonry-card-posts_opportunities .entry-content { color: #8D929E; font-family: "Gibson-Regular", sans-serif !important; font-weight: normal !important; font-size: 16px; line-height: 125%; } .masonry-card-posts_opportunities .av-masonry-container { display: flex; flex-direction: column; max-width: 645px !important; width: 100% !important; flex-wrap: nowrap !important; } .masonry-card-posts_opportunities { display: flex; flex-direction: column; align-items: center; } .masonry-card-posts_opportunities .av-masonry-container { display: flex; align-items: center; flex-direction: column; max-width: 685px !important; margin-left: auto !important; margin-right: auto; height: 660px !important; overflow: auto !important; margin-bottom: 110px; } .masonry-card-posts_opportunities .av-masonry-container::-webkit-scrollbar { width: 6px; background-color: transparent; } .masonry-card-posts_opportunities .av-masonry-container::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C6C8CF; } .masonry-card-posts_opportunities .av-masonry-container::-webkit-scrollbar-track { border-radius: 8px; background-color: transparent; } @media only screen and (max-width: 767px) { .masonry-card-posts_opportunities .entry-title { line-height: 20px; max-height: 100%; } .masonry-card-posts_opportunities .av-sort-by-term a { max-width: 100%; } } @media only screen and (max-width: 480px) { .masonry-card-posts_opportunities a.av-masonry-entry { padding-left: 35px; padding-right: 20px; } .masonry-card-posts_opportunities a.av-masonry-entry:after { top: 26px; left: 10px; } .masonry-card-posts_opportunities a.av-masonry-entry:before { right: 0px; } .masonry-card-posts_opportunities .av-masonry-load-more { margin-top: 30px; margin-bottom: 0; } } .sec-blog-wrp .av-masonry-load-more { font-family: "Gibson-Bold", sans-serif !important; border: 0.5px solid #EBECF2 !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04) !important; background: #fff !important; padding: 15px 20px 13px !important; width: 120px; color: #1c263f; border-radius: 8px; text-transform: none !important; letter-spacing: 0 !important; font-size: 14px !important; line-height: 20px; float: none; margin-left: auto !important; margin-right: auto !important; } .sec-blog-wrp .av-masonry-load-more:hover { color: #1c263f; opacity: 1; } .sec-blog-wrp_post-widget { margin-top: -135px !important; transition: 0.3s all; position: relative; /* min-height: 0; */ z-index: 102; } .sec-blog-wrp.no-abs { margin-top: 0 !important; } .sec-blog-wrp_post-widget .template-page { padding: 0 !important; } .sec-blog-wrp { position: relative; /* top: -231px; */ background: transparent; } .sec-form-blog { position: relative; margin-top: 40px; margin-bottom: 40px; } .sec-blog-wrp .content { padding-top: 0; } .sec-blog-wrp_post-widget .card-post_big { /* position: absolute; */ position: relative; /* top: 135px; */ left: 0; } .sec-blog-wrp_post-widget .card-post_big .border-r-8 .avia-image-overlay-wrap { overflow: hidden; border-radius: 8px; width: 100% !important; position: relative; max-height: 192px; height: auto; display: flex; align-items: flex-end; } .sec-blog-wrp_post-widget .card-post_big .border-r-8 .avia-image-container-inner { width: 100%; } .sec-blog-wrp_post-widget .card-post_big .border-r-8 .avia-image-overlay-wrap img { width: 100%; } .sec-blog-wrp_post-widget .col-wrp-widget { position: relative; top: 0; right: 0; min-height: 460px; } .sec-blog-wrp_post-widget .wpt_widget_content .inside { background: transparent; } .card-post_big__img { position: absolute; top: -58px; left: -163px; width: 150px; } #top div.container .av-masonry .av-masonry-sort { position: relative; margin-bottom: 57px !important; } #top div.container .av-masonry .av-masonry-sort.active:after { display: none; } #top div.container .av-masonry .av-masonry-sort:after { content: ''; display: block; width: 100%; margin-bottom: 471px; } .sec-blog-wrp .pagination { display: flex; justify-content: center; } .sec-blog-wrp .pagination a { display: flex; justify-content: center; align-items: center; border: 0.5px solid #EBECF2 !important; box-shadow: 0px 2px 5px rgb(0 0 0 / 4%) !important; background: #fff !important; color: #1C263F; border-radius: 6px !important; margin-left: 2px; margin-right: 2px !important; } .sec-blog-wrp .pagination .current { display: flex; justify-content: center; align-items: center; border: 0.5px solid #fd7e27 !important; box-shadow: 0px 2px 5px rgb(0 0 0 / 4%) !important; background: #fff !important; color: #fd7e27; border-radius: 6px !important; margin-left: 2px; margin-right: 2px !important; } .sec-blog-wrp .pagination a:hover { color: #1C263F !important; } .sec-blog-wrp .pagination .pagination-meta { display: none; } .search-for-blog .av_searchform_wrapper input[type="text"] { height: 50px !important; border: 0 !important; background-color: #fff !important; border-radius: 8px !important; padding: 20px !important; font-size: 16px !important; color: #8D929E !important; } .search-for-blog .av_searchsubmit_wrapper { background: #FD7E27; border-radius: 8px !important; } .search-for-blog .av_searchform_wrapper { border-radius: 8px !important; } .search-for-blog .av_searchsubmit_wrapper input[type="submit"] { background: #FD7E27; font-family: "Gibson-Bold", sans-serif !important; font-size: 16px !important; padding-left: 1.5em !important; padding-right: 1.5em !important; } .search-for-blog__wrp { order: 1; } /* END Blog page */ @media only screen and (max-width: 1400px) { .card-post_big__img { left: 20px; z-index: 9; } .sec-blog-wrp .av-masonry-entry-content { display: block !important; } } @media only screen and (max-width: 1292px) { .masonry-card-posts a.type-post { min-height: 402px !important; } } @media only screen and (max-width: 991px) { .col-wrp-widget { width: 320px !important; } .card-post_big { width: calc(100% - 350px) !important; } .masonry-card-posts a.type-post { width: calc(50% - 30px); } } @media only screen and (max-width: 767px) { .sec-blog-wrp_post-widget { margin-bottom: 15px; margin-top: -80px !important; } .sec-blog-wrp_post-widget .col-wrp-widget { width: 100% !important; padding: 0 !important; min-height: 0; } .card-post_big { width: calc(100% - 30px) !important; margin-right: auto !important; margin-left: auto !important; } .sec-blog-wrp_post-widget .entry-content-wrapper { display: flex; flex-direction: column-reverse; } .sec-blog-wrp_post-widget .card-post_big { min-height: 370px; margin-left: 15px !important; } .masonry-card-posts a.type-post { width: calc(100% - 30px) !important; margin-left: 15px !important; } #top div.container .av-masonry .av-masonry-sort:after { content: ''; margin-bottom: 970px; } .masonry-card-posts a.type-post { min-height: auto !important; } .sec-form-blog { margin-top: 0; } .search-for-blog__wrp { padding: 0 !important; } } @media only screen and (max-width: 575px) { #top div.container .av-masonry .av-masonry-sort:after { content: ''; margin-bottom: 920px; } .sec-blog-wrp_post-widget .card-post_big .border-r-8 .avia-image-overlay-wrap { overflow: hidden; height: 100px; } } @media only screen and (max-width: 480px) { .sp-container.blog { padding: 0; } .masonry-card-posts .av-masonry-image-container { height: 100px; } .sec-blog-wrp .av-sort-by-term { min-height: 230px; } #top div.container .av-masonry .av-masonry-sort { margin-bottom: 20px !important; } #top div.container .av-masonry .av-masonry-sort:after { content: ''; margin-bottom: 875px; } .masonry-card-posts .entry-content { max-height: 140px; } .masonry-card-posts .av-inner-masonry-content { padding-bottom: 0 !important; } } /* Post page */ .sec-form_blog { float: none !important; text-align: center; background: url(https://hrforecast.com/wp-content/uploads/2022/04/pixeltrue-newsletter-bg.png) center left no-repeat #ffffff !important; box-shadow: 0 0 16px 0 rgb(0 0 0 / 8%) !important; padding: 59px 45px 44px 400px !important; max-width: 870px; margin-left: auto !important; margin-right: auto !important; } .sec-form_blog .card__text p { text-align: left !important; font-size: 20px; line-height: 26px; } .sec-form_blog .sp-bold { padding-bottom: 0 !important; } .sec-form_blog .sp-bold h6 { text-align: left !important; } .sec-form_blog .orange-btn { text-align: left; } .container-post-text .container { padding: 0; padding-left: 15px; padding-right: 15px; max-width: 705px; } .container-post-img .container { padding: 0; padding-left: 15px; padding-right: 15px; max-width: 1030px; } .container-post-img-first .container { padding: 0; padding-left: 15px; padding-right: 15px; max-width: 1030px; } .container-post-img .content, .container-post-text .content, .container-post-img-first .content { padding-top: 0; padding-bottom: 0; } .post__link-back a { font-family: "verveine" !important; letter-spacing: 0.05px; font-weight: normal !important; text-decoration: none !important; position: relative; } .post__link-back a:after { content: ''; position: absolute; top: 12px; left: -32px; width: 9px; height: 15px; background: url(http://hrforecast.com/wp-content/uploads/2020/12/layer1@2x.png) no-repeat center center; background-size: 100%; } .container-post-content .container { padding-top: 59px; padding-bottom: 32px; } .container-post-content .container .post__text { padding-top: 0; } .container-post-content .container .post__text ol { margin-left: 0; } .container-post-content .container .post__text ol li { line-height: 20px; margin-bottom: 6px; padding-left: 2px; } .container-post-content .container .post__text ol li ol { margin-top: 17px; margin-left: 12px; } .post__link-back a:hover { opacity: 1 !important; } .post__title-1 h1 { line-height: 68px; letter-spacing: 0 !important; } .post__title-2 h2 { line-height: 40px; letter-spacing: 0 !important; } .post__title-3 h3 { line-height: 32px; letter-spacing: 0 !important; } .post__text p { margin-top: 0; margin-bottom: 30px; } .post__text p:last-child { margin-bottom: 0; } .post__text ul { margin-left: 30px; margin-bottom: 0; } .post__text ul li { padding-left: 5px; line-height: 30px; padding-top: 0; padding-bottom: 8px; } .post__text ul li a { color: #3F52FF !important; text-decoration: none !important; } .post__text ul li a:hover { text-decoration: underline !important; } .post__text ul li:last-child { padding-bottom: 0; } .post__text { padding-top: 28px; } .post__text_with-ul p { margin-bottom: 16px; } .post__text-img { padding-top: 6px; } .post__text-img p { margin: 0; } .post__text p a { color: #3F52FF !important; text-decoration: none !important; } .post__text p a:hover { text-decoration: underline !important; } .post__text-italic p { margin-top: 43px; margin-bottom: 10px; line-height: 48px; letter-spacing: 0 !important; } .sec-form_blog { margin-top: 70px !important; } .post__title-2-under h2 { line-height: 64px; } .sec-blog-wrp_post { top: 0; } .sec-blog-wrp_post .content { padding-top: 18px; } .post__wrp-mark-card { margin-bottom: 0 !important; } .container-post-img .avia-video { border-radius: 8px !important; overflow: hidden; margin-bottom: 0; } .container-post-img:first-child .avia-image-overlay-wrap { overflow: hidden; height: 510px; } #av_section_2.container-post-img img { width: 100% !important; min-height: 100%; object-fit: cover; } #av_section_2.container-post-img .avia-image-overlay-wrap { width: 100%; max-height: 510px; height: auto; overflow: hidden; border-radius: 8px; display: flex; align-items: center; } #av_section_2.container-post-img img:hover { cursor: default !important; } #av_section_2.container-post-img img.active { margin-left: 0; max-width: 100%; width: 100%; } .container-post-img .avia-image-container-inner { width: 100%; } .container-post-img img { transition: 2s all !important; border-radius: 8px; border: 1px solid #E8E9EC; width: 100%; height: auto; } .container-post-img img:hover { cursor: zoom-in; } .container-post-img img.active:hover { cursor: zoom-out; } .container-post-img img.active { position: relative; margin-left: calc(50% - 48vw); max-width: 96vw; width: 96vw; } /* END post page */ @media only screen and (max-width: 767px) { .section__italic-text.post__link-back { margin-top: 80px !important; } .container-post-img { margin-top: 100px !important; } .sec-form_blog .card__text p { font-size: 16px; line-height: 20px; } } @media only screen and (max-width: 640px) { .sec-form { padding: 20px !important; padding-top: 230px !important; background: url(https://hrforecast.com/wp-content/uploads/2022/04/pixeltrue-newsletter-bg.png) top center no-repeat #fff !important; } } @media only screen and (max-width: 575px) { .post__link-back a:after { top: 9px; left: -13px; } .post__title-1 h1 { line-height: 46px; font-size: 36px !important; } .post__title-2 { margin-top: 50px !important; } .post__title-3 { margin-top: 35px !important; } .post__text { padding-top: 15px; } .post__title-2-under { margin-top: 50px !important; } .post__title-2-under h2 { line-height: 45px; } .sec-form_blog { margin-top: 0 !important; } .sec-blog-wrp .content { padding-top: 0 !important; } .post__wrp-text-card-post { margin-bottom: 0 !important; } .post__text ul { margin-left: 15px; } } /* Page succes stories */ .succes-stories__item-img-circle { width: 88px; height: 88px; } .title-fz-44-lh-50 { font-size: 44px; line-height: 50px; font-weight: bold; } .header__text_custom_white-opaciti { max-width: 435px; margin-left: auto; margin-right: auto; margin-bottom: 68px; } .header__text_custom_white-opaciti p { opacity: 0.8; } .succes-stories__bg-blue-gradient { background: linear-gradient(180deg, rgba(28, 38, 63, 0.9) 0%, #1C263F 85.95%); padding-bottom: 5px; } .succes-stories__bg-blue-gradient .container { max-width: 990px; padding-left: 15px; padding-right: 15px; } .succes-stories__card .av-special-heading-tag { line-height: 20px; } .succes-stories__card .avia_textblock p { line-height: 20px; opacity: 0.8; } body div .first.succes-stories__card { margin-left: 0; } div .succes-stories__card.av_one_third { margin-left: 30px; width: calc(33.333333% - 20px); } .succes-stories__card-img-1, .succes-stories__card-img-2, .succes-stories__card-img-3, .succes-stories__card-img-4, .succes-stories__card-img-5, .succes-stories__card-img-6 { width: 100%; height: 78px; margin-bottom: 20px; margin-right: 0 !important; display: flex !important; align-items: center; } .succes-stories__card-img-1 img { height: 76px; width: auto; } .succes-stories__card-img-2 img { height: 42px; width: auto; } .succes-stories__card-img-3 img { height: 63px; width: auto; } .succes-stories__card-img-4 img { height: 53px; width: auto; } .succes-stories__card-img-5 img { height: 64px; width: auto; } .succes-stories__card-img-6 img { height: 73px; width: auto; } .succes-stories__card { height: 250px !important; } #top .succes-stories__bg-blue-gradient .av-flex-placeholder { width: 30px; } .succes-stories__bg-blue-gradient .flex_column_table { margin-top: 15px !important; margin-bottom: 15px !important; } .success-stories__our-client { padding-top: 28px; } .success-stories__our-client .wrp-test:before { background: linear-gradient(90deg, #F8F8F8 18.02%, rgba(248, 248, 248, 0) 81.95%); } .success-stories__our-client .wrp-test:after { background: linear-gradient(90deg, #F8F8F8 18.02%, rgba(248, 248, 248, 0) 81.95%); } .success-stories__our-client .post__text-italic p { margin-top: 40px; margin-bottom: 32px; max-width: 675px; margin-left: auto; margin-right: auto; } .masonry-card-posts .av-masonry-container { width: calc(100% + 40px); max-width: 1040px; } .sec-blog-wrp_ss .masonry-card-posts .av-masonry-container { margin-bottom: 60px; } .sec-blog-wrp_ss .av-masonry-load-more { margin-bottom: 100px; } #top .sec-blog-wrp_ss .av-masonry-load-more.av-masonry-no-more-items { display: none; } .masonry-card-posts a.type-report { width: calc(33.3333% - 30px); margin-right: 15px; margin-left: 15px; padding: 20px; background: #fff; margin-bottom: 30px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); opacity: 1; border-radius: 8px !important; min-height: 366px !important; border: 0.5px solid #EBECF2; } .type-report .av-masonry-entry-title.entry-title { height: 40px !important; word-break: break-word; overflow: hidden !important; text-overflow: ellipsis; max-height: 40px !important; } span.rg-more-link { display: flex; align-items: center; color: #3F52FF; } .rg-more-link span { padding-right: 10px; } .masonry-card-posts a.type-portfolio { width: calc(50% - 42px); margin-right: 20px; margin-left: 20px; padding: 20px; background: #fff; margin-bottom: 40px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); opacity: 1; border-radius: 8px !important; min-height: 380px !important; border: 0.5px solid #EBECF2; } .masonry-card-posts a.type-portfolio:nth-child(2) { /* display: none !important; */ } .sec-blog-wrp_post .masonry-card-posts a.type-portfolio:nth-child(2) { display: block !important; } .masonry-card-posts #masonry_id_market-intelligence_sort a.type-portfolio:nth-child(2) { display: block !important; } .masonry-card-posts #masonry_id_other-areas_sort a.type-portfolio:nth-child(2) { display: block !important; } .masonry-card-posts #masonry_id_skill-management_sort a.type-portfolio:nth-child(2) { display: block !important; } .masonry-card-posts a.type-portfolio:hover { box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.08), 0px 4px 10px rgba(0, 0, 0, 0.04); } .masonry-card-posts a.type-portfolio:hover .av-masonry-image-container { transform: scale(1, 1); } .masonry-card-posts a.type-portfolio .entry-title { font-size: 24px; line-height: 32px; margin-bottom: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 64px; height: 64px; } .masonry-card-posts a.type-portfolio .entry-content { padding-left: 64px; padding-top: 0; position: relative; min-height: 60px; } .masonry-card-posts a.type-portfolio .entry-content:after { content: ''; display: block; width: 44px; height: 44px; background: url(http://hrforecast.com/wp-content/uploads/2020/12/Group-442@2x-2.png) no-repeat; background-size: cover; position: absolute; top: 0; left: 0; } .card-post_big_item { padding: 20px; background: #fff; border-radius: 8px; border: 0.5px solid #EBECF2 !important; margin-bottom: 40px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); max-width: 1000px; width: 100% !important; margin-left: auto !important; margin-right: auto !important; float: none; } .card-post_big_item div .av_three_fifth { width: 570px; } .card-post_big_item div .av_two_fifth { width: calc(100% - 590px); margin-left: 20px; } .card-post_big_item .container { padding: 0; } .ss-text-header { margin-top: 48px; } .ss-text-header p { padding-left: 64px; padding-top: 0; position: relative; min-height: 44px; display: flex; align-items: center; } .ss-text-header p:after { content: ''; display: block; width: 44px; height: 44px; background: url(http://hrforecast.com/wp-content/uploads/2020/12/Group-442@2x-2.png) no-repeat; background-size: cover; position: absolute; top: 0; left: 0; } .card-post_big_item .card-post_big__img { width: 156px; top: -88px; left: -187px; } .card-post_big_item .home-latest__title h6 { line-height: 32px; } .sp-container .home-latest__title h6 { height: 58px; overflow: hidden; } .card-post_big_item .home-latest__text { padding-right: 0; } .blog-header_ss .header__text_custom.sp-max-w-675 { max-width: 435px; } .card-post_big_item { top: -192px; } .sec-blog-wrp_ss { z-index: 99; margin-top: -150px; top: 0; } #top .sec-blog-wrp_ss div.container .av-masonry .av-masonry-sort:after { margin-bottom: 400px; } #top .sec-blog-wrp_ss.no-abs div.container .av-masonry .av-masonry-sort:after { margin-bottom: 0px; } /* END Page succes stories */ /* Post succes stories */ .success-stories__head-post .ss-text-header { margin-top: 20px; } .success-stories__head-post .ss-text-header a { color: #1C263F !important; padding-right: 38px; position: relative; } .success-stories__head-post .ss-text-header a:after { position: absolute; top: -2px; right: 15px; content: ''; display: block; width: 20px; height: 20px; background: url(http://hrforecast.com/wp-content/uploads/2020/12/Orion_arrow-right-up-2@2x.png); background-size: cover; } .success-stories__head-post .ss-text-header a:hover { text-decoration: none !important; } .succes-stories__img-circle { width: 104px; height: 104px; } .section__italic-text.link a { text-decoration: none !important; opacity: 1 !important; } .section__italic-text.link a:after { content: ''; position: absolute; top: 12px; left: -32px; width: 9px; height: 15px; background: url(http://hrforecast.com/wp-content/uploads/2020/12/layer1@2x.png) no-repeat center center; background-size: 100%; } .post__text_border p { position: relative; } .post__text_border p:after { content: ''; display: block; width: 3px; height: 100%; position: absolute; top: 0; left: -30px; background: #FD7E27; } .post__text-img_quote { padding-top: 22px; } .post__text_between-quotes { margin-top: 20px; margin-bottom: 24px; } .success-stories__head-post .flex_column { background-size: cover !important; } .success-stories__head-post .item-logo { width: 98px; height: auto; } .success-stories__head-post.container-post-img img { border: 0; border-radius: 0; margin-left: 0; max-width: 98px; width: 98px; } .success-stories__head-post.container-post-img img:hover { cursor: default; } .success-stories__head-post .section__italic-text h6 { font-family: "verveine" !important; letter-spacing: 0.05px; font-weight: normal !important; text-decoration: none !important; line-height: 39px; } .post__title-1 .special_amp { font-family: "Gibson-Bold", sans-serif !important; font-weight: bold !important; } .post-author__img-avatar { width: 58px; height: 58px; } .post-author__text-avatar { position: relative; top: 0; left: -58px; width: 589px !important; padding-top: 7px; } .post-author__text-avatar .av-post-metadata-container-inner { width: 100%; height: 100%; } .post-author__text-avatar .av-post-metadata-meta-content { display: flex; justify-content: space-between; } .post-author__text-avatar .av-post-metadata-author, .post-author__text-avatar .av-post-metadata-published { display: flex; flex-direction: column; } .post-author__text-avatar .av-post-metadata-published { text-align: right; } .post-author__text-avatar .av-post-metadata-author span, .post-author__text-avatar .av-post-metadata-published span { line-height: 20px; margin-bottom: 4px; } .post-author__text-avatar .av-post-metadata-author-name { font-weight: bold; } .post-author__text-avatar .av-metadata-after { padding: 0; } .container-post-text_author { min-height: 0; } .icon-social { position: absolute; top: 124px; left: -265px; } .icon-social ul { margin: 0; list-style-type: none; } .icon-social ul li { margin: 0; padding: 0; margin-bottom: 32px; } .icon-social ul li a { transition: 0.3s all; width: 25px; display: flex !important; justify-content: center; } .icon-social ul li a:hover { opacity: 0.85; } .icon-social ul li a img { height: 20px; width: auto; } .icon-social ul li:last-child a img { height: 23px; width: auto; } @media only screen and (max-width: 1350px) { .card-post_big_item .card-post_big__img { left: 0; top: -90px; } } @media only screen and (max-width: 1300px) { .icon-social { left: -40px; } } @media only screen and (max-width: 1060px) { .card-post_big_item { width: calc(100% - 70px) !important; margin-left: 35px !important; margin-right: 35px !important; } .masonry-card-posts .av-masonry-container { width: 100%; } .card-post_big_item div .av_three_fifth { width: 50%; } .card-post_big_item div .av_two_fifth { margin-left: 20px; width: calc(50% - 20px); } } @media only screen and (max-width: 991px) { .post__title-1 h1 { font-size: 40px !important; line-height: 50px; } .success-stories__head-post .content { background-size: cover; border-radius: 8px; } .latest-wrp { margin-top: 20px !important; } .home__cards-post-wrp { display: flex; flex-wrap: wrap; } .home__cards-post-wrp .flex_cell { width: 50% !important; } .home__more-wrp .template-page { padding: 0 !important; } .home__more-wrp .wrp-btn-arrow { top: 0; } } @media only screen and (max-width: 767px) { .success-stories__head-post .content .flex_column { padding: 20px !important; } .post-author__text-avatar { width: 100% !important; left: 0; } .post-author__img-avatar { margin-left: auto; margin-right: auto !important; float: none !important; } .masonry-card-posts a.type-portfolio { width: calc(100% - 30px) !important; margin-left: 15px; margin-right: 15px; } .masonry-card-posts a.type-report { width: calc(100% - 30px) !important; margin-left: 15px; margin-right: 15px; } .card-post_big_item .home-latest__title { padding-bottom: 0 !important; } .card-post_big_item .home-latest__title h6 { font-size: 24px !important; } .card-post_big_item .home-latest__text { margin-top: 15px !important; } .card-post_big_item .container { margin: 0; max-width: 100% !important; width: 100% !important; } .card-post_big_item { width: calc(85% - 30px) !important; margin-left: auto !important; margin-right: auto !important; } #top .sec-blog-wrp_ss div.container .av-masonry .av-masonry-sort:after { margin-bottom: 665px; } .section__italic-text.link a:after { top: 6px; left: -15px; } .success-stories__head-post .section__italic-text h6 { line-height: 26px; } .home__cards-post-wrp { display: flex; flex-wrap: wrap; } .responsive #top #wrap_all .av-flex-cells.home__cards-post-wrp .no_margin.flex_cell { width: 100% !important; padding: 0 !important; } .responsive #top #wrap_all .av-flex-cells.home__card-follow .no_margin.flex_cell { width: 100% !important; padding: 0 !important; } .card-post_big_item .col-text { margin-bottom: 80px; } .sec-blog-wrp_ss .masonry-card-posts .av-masonry-container { margin-bottom: 0; } } @media only screen and (max-width: 575px) { .ss-post__img-center { margin-top: 50px !important; } .icon-social { top: 54px; left: -30px; } #top .sec-blog-wrp_ss div.container .av-masonry .av-masonry-sort:after { margin-bottom: 590px; } } @media only screen and (max-width: 480px) { .post__title-1 h1 { font-size: 30px !important; line-height: 40px; } .success-stories__head-post .ss-text-header a { display: block; margin-bottom: 10px; } .icon-social { top: 20px; left: 0; } .icon-social ul { display: flex; } .icon-social ul li { margin-bottom: 15px; margin-right: 20px; } .icon-social ul li a img { width: auto !important; height: 20px !important; } #top .sec-blog-wrp_ss div.container .av-masonry .av-masonry-sort:after { margin-bottom: 700px; } .sec-blog-wrp_ss .content { padding-bottom: 0 !important; } .succes-stories__bg-blue-gradient .template-page, .success-stories__our-client .template-page { padding-top: 50px !important; padding-bottom: 50px !important; } .success-stories__our-client .title-fz-44-lh-50 { margin-top: 90px !important; } .masonry-card-posts a.type-portfolio { width: calc(100% - 10px) !important; margin-left: 5px !important; margin-right: 5px !important; } .masonry-card-posts a.type-portfolio .entry-content { padding-left: 55px; } .card-post_big_item { width: calc(90% - 30px) !important; } } @media only screen and (max-width: 400px) { .masonry-card-posts .av-inner-masonry-content { padding-left: 0; padding-right: 0; } #top .sec-blog-wrp_ss div.container .av-masonry .av-masonry-sort:after { margin-bottom: 660px; } .sec-blog-wrp_ss .av-sort-by-term { max-width: 300px; min-height: 210px; float: none; margin-right: auto; margin-left: auto; } } /* END Post succes stories */ /* Team page */ .team__img { margin-top: -81px !important; } .career-header_team h1 { line-height: 64px; } .career-header_team { min-height: 567px; } .career-header_team .career-header__img { max-width: 648px; width: 648px; position: relative; top: 40px; left: -76px; float: none; } .team__col-block { box-shadow: 0px 16px 50px rgba(0, 0, 0, 0.08), 0px 4px 10px rgba(0, 0, 0, 0.04); border-radius: 8px; min-height: 626px !important; height: 626px; } .team__col-block-img { width: 120px; height: 120px; } .team__col-block { width: calc(33.333333% - 27px) !important; max-width: 402px !important; } #top .team__sec-wrp .av-flex-placeholder { width: 40px; } .team__sec-wrp .container { padding: 0px 12px; } .team__text-post p { margin-top: 9px; margin-bottom: 18px; } .team__card-list-skills ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; margin-top: 24px; width: calc(100% + 32px); } .team__card-list-skills ul li { margin: 0; padding: 0; list-style-type: none; padding: 7px 20px; background: #E8E9EC; border-radius: 16px; margin-bottom: 16px; margin-right: 12px; } .team__col-block_baner { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); } .team__sec-wrp .flex_column_table { display: flex !important; flex-wrap: wrap; } .team__sec-wrp .flex_column_table .flex_column:last-child { margin-right: 0; } .team__sec-wrp .av-flex-placeholder { display: none !important; } .team__sec-wrp .flex_column { display: block !important; margin: 0; margin-right: 40px; } .team__col-block_baner .team__text-post { max-width: 270px; margin-left: auto; margin-right: auto; margin-bottom: 38px; } .team__col-block .team__col-block-img_hover, .team__col-block .name_hover, .team__col-block .skills-hover { display: none !important; } .team__col-block:hover { cursor: pointer; } .team__col-block:hover .team__col-block-img.team__col-block-img_hover, .team__col-block:hover .sp-bold.name_hover, .team__col-block:hover .team__card-list-skills.skills-hover { display: block !important; } .team__col-block:hover .team__col-block-img, .team__col-block:hover .sp-bold, .team__col-block:hover .team__card-list-skills { display: none !important; } @media only screen and (max-width: 1300px) { .team__col-block { height: auto; } } @media only screen and (max-width: 1200px) { .career-header_team .header__row-texts { padding-top: 120px !important; } } @media only screen and (max-width: 991px) { .career-header_team .career-header__img { max-width: 400px; width: 400px; position: relative; top: 140px; left: -47px; } } @media only screen and (max-width: 991px) { .team__col-block { width: 100% !important; max-width: 525px !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: 40px !important; min-height: 0 !important; } .team__col-block:last-child { margin-bottom: 0 !important; } } @media only screen and (max-width: 767px) { .career-header_team .career-header__img { max-width: 648px; width: 100%; position: relative; top: -60px; left: 32px; } .career-header_team .header__row-texts { padding-top: 30px !important; padding-bottom: 0 !important; } .section__row-texts_custom_team .av-special-heading-h2 { padding-bottom: 15px !important; } } @media only screen and (max-width: 480px) { .team__col-block { padding: 15px !important; } .team__sec-wrp .container { width: 92% !important; max-width: 92% !important; } } /* END Team page */ /* Social repost */ .a2a_kit.a2a_vertical_style { left: calc(50vw - 24px) !important; margin-left: -630px; } .a2a_kit { opacity: 0; width: 0; height: 0; overflow: hidden; padding: 0 !important; } .portfolio-template-default .a2a_kit, .post-template-default .a2a_kit { opacity: 1; width: auto; height: auto; overflow: hidden; padding: 4px !important; } .a2a_kit.a2a_vertical_style a { margin-bottom: 10px; } .success-stories__head-post .item-logo .avia-image-overlay-wrap { height: auto; } @media only screen and (max-width: 1300px) { .a2a_kit.a2a_vertical_style { left: 0 !important; margin-left: 0; } } @media only screen and (max-width: 767px) { .a2a_kit.a2a_vertical_style { left: auto !important; right: 0 !important; padding: 0 !important; } .a2a_kit.a2a_vertical_style .a2a_svg { width: 26px !important; } } @media only screen and (max-width: 480px) { .a2a_kit.a2a_vertical_style { margin-right: -5px; } } /* END Social repost */ /* Texts pages */ .sec-text__title { max-width: 924px; margin-left: auto; margin-right: auto; } .sec-text__bg-all .entry-content-wrapper { display: flex; flex-direction: column; } .sec-text__bg-white { max-width: 924px; margin-left: auto !important; margin-right: auto; } .sec-text__text { max-width: 676px; margin-left: auto; margin-right: auto; } .sec-text__text ul { list-style-type: none; } .sec-text__text > ul.ul-content { margin: 0; } .sec-text__text > ul.ul-content li { margin: 0; } .sec-text__text li a { color: #5D67FC !important; text-decoration: none !important; } .sec-text__text p span.gray { color: #555c6f !important; } .sec-text__text p a { color: #5D67FC !important; text-decoration: none !important; } .sec-text__text p a:hover { text-decoration: underline !important; } .sec-text__text ul { margin-left: 32px; } .sec-text__text ul li { margin-bottom: 3px; } .sec-text__table, .sec-text__title-h2, .sec-text__title-h3, .sec-text__title-h4 { max-width: 676px; margin-left: auto; margin-right: auto; } .sec-text__table { margin-left: auto !important; margin-right: auto !important; font-size: 18px !important; color: #1c263f !important; } .sec-text__table td { color: #1c263f !important; font-size: 18px; background: #ffffff; } .sec-text__table th { background: #f1f1f1 !important; } .sec-text__title-h2 h2, .sec-text__title-h3 h3, .sec-text__title-h4 h4 { letter-spacing: 0.02em; line-height: 1.4; color: #1C263F; } .sec-text__text p { margin: 0; line-height: 30px; } .sec-text__text p a:hover { text-decoration: none !important; } .sec-text__text_pr p { margin-bottom: 30px; } .sec-text__text_pr p:last-child { margin-bottom: 0; } @media only screen and (max-width: 991px) { .sec-text__title { margin-bottom: 40px !important; } .sec-text__bg-white { padding-top: 30px !important; padding-bottom: 30px !important; margin-bottom: 80px !important; } .sec-text__wrp-first { margin-bottom: 60px !important; } .sec-text__text ul { margin-left: 5px; } } @media only screen and (max-width: 480px) { .sec-text__title { margin-bottom: 30px !important; } .sec-text__bg-white { padding-top: 30px !important; padding-bottom: 30px !important; margin-bottom: 60px !important; } .sec-text__title { font-size: 50px !important; } .sec-text__title-h3 { margin-top: 40px !important; } .sec-text__title-h3_first { margin-top: 0 !important; } .sec-text__title-h3 h3 { line-height: 30px; } .sec-text__title-h3.small { margin-bottom: 10px !important; } .sec-text__title-h3.small h3 { line-height: 25px; } .sec-text__text_pr p { word-wrap: break-word; } } /* END Texts pages */ /* Header Custome */ .header .wpml-ls-statics-shortcode_actions { background: transparent !important; padding: 0; border: 0; } .header .wpml-ls-statics-shortcode_actions { margin-right: 7px; } .header .wpml-ls-statics-shortcode_actions ul { display: flex; align-items: center; } .header .wpml-ls-statics-shortcode_actions ul:before { content: url(https://hrforecast.com/wp-content/uploads/2022/07/globe.svg); margin-top: 5px; margin-right: 11px; } .header .wpml-ls-statics-shortcode_actions li:first-child { display: flex; } .header .wpml-ls-statics-shortcode_actions li:first-child a { max-width: 17px; } .header .wpml-ls-statics-shortcode_actions li a { background: transparent !important; } .header .wpml-ls-statics-shortcode_actions li:first-child:after { content: ''; display: block; background: #8D929E; width: 1px; height: 15px; margin: 0; margin-right: 6px; } .header .wpml-ls-statics-shortcode_actions .wpml-ls-slot-shortcode_actions a { padding: 0; margin-right: 6px; max-width: 19px; overflow: hidden; color: #8d929e; } .header .wpml-ls-statics-shortcode_actions .wpml-ls-slot-shortcode_actions a:hover { background: transparent; } .header .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a:hover { color: #1C263F; } .header .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a { color: #1C263F; } .header { top: 0; position: fixed; width: 100%; background: #ffffff; z-index: 9999; } .header.header_custome { font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #1C263F; } .header.header_custome a:hover { text-decoration: none; } .header__container { max-width: 1340px; width: calc(100% - 30px); padding-left: 15px; padding-right: 15px; margin: 0 auto; display: flex; height: 74px; align-items: center; } .header__logo { display: flex; align-items: center; height: 100%; } .header__logo a { height: 100%; display: flex; align-items: center; } .header__logo img { width: 144px; } .header__menu { width: calc(100% - 144px); display: flex; align-items: center; justify-content: space-between; } .header__menu ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; } .header__menu .menu-ul { margin-left: 33px; } .header__menu .menu-ul li { margin-right: 40px; } .header__menu ul li { height: 34px; display: flex; align-items: center; position: relative; } .header__menu .menu-ul li > a { transition: 0.3s all; display: flex; align-items: center; height: 34px; line-height: 34px; font-size: 16px; color: #1C263F; text-decoration: none; padding-left: 12px; padding-right: 12px; border-radius: 6px; } .header__menu .menu-ul li:hover > a { background: #E0E3FF; color: #3F52FF; } .header__menu .menu-ul li:hover > a:after { background: url(http://hrforecast.com/wp-content/uploads/2021/02/arrow-down_hover.png) no-repeat center center; background-size: cover; } .header__menu .menu-ul li > a:after { content: ''; width: 7px; height: 4px; background: url(http://hrforecast.com/wp-content/uploads/2021/02/arrow-down.png) no-repeat center center; background-size: cover; display: block; margin-left: 8px; margin-right: 6px; } .header__menu .btns-right li a { transition: 0.3s all; display: flex; align-items: center; height: 34px; line-height: 34px; font-size: 16px; color: #1C263F; text-decoration: none; padding-left: 19px; padding-right: 19px; border-radius: 6px; } .header__menu .btns-right li a:hover { background: #E0E3FF; color: #3F52FF; } .header__menu .btns-right li a.get-demo { transition: 0.3s all; color: #FD7E27; font-weight: 600; background: #FFE5D4; margin-left: 11px; font-size: 16px; } .header__menu .btns-right li a.get-demo:hover { background: #FD7E27; color: #fff; } .header__search { margin-top: 5px; margin-right: 10px; margin-left: 10px; position: relative; user-select: none; } .header__search form { position: absolute; top: 16px; right: -15px; width: 300px !important; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2); border-radius: 8px; background: #fff; } .header__search #searchform div input[type="text"] { width: calc(100% - 40px) !important; } .header__search #searchFormWrp { display: none; } .header__search #searchFormWrp.active { display: block; } .header__search-icon:hover { cursor: pointer; } /* Tabs */ .header__menu ul li:hover .header__dropdown { transition: 0.35s all; display: block; height: 360px; } .header__dropdown { position: fixed; height: 0; overflow: hidden; width: 100vw; background: #fff; top: 54px; left: 0; cursor: auto; color: #1C263F; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.04); } .header__dropdown-content { margin-top: 19px; background: #fff; display: flex; box-shadow: 0px 16px 5px rgba(0, 0, 0, 0.08), 0px 4px 10px rgba(0, 0, 0, 0.04), inset 0px 1px 0px #E8E9EC; min-height: 302px; } .header__dropdown-container { display: flex; width: 100%; max-width: 1230px; margin: 0 auto; padding-left: 70px; } .header__dropdown-col { display: block; padding-top: 13px; width: 24.5%; position: relative; } .header__dropdown-col_border:after { position: absolute; top: 0; left: 229px; content: ''; display: block; height: 100%; width: 1px; background: #F0F1F3; } .header__link-page { display: flex; flex-direction: column; text-decoration: none; margin-top: 46px; max-width: 190px; } .header__link-page:hover .title { color: #3F52FF; } .header__link-page .title { font-size: 18px; line-height: 24px; color: #1C263F; margin-bottom: 4px; max-width: 192px; width: 192px; } .header__link-page .text { font-size: 14px; line-height: 20px; color: #8D929E; max-width: 190px; } .header__link-card { margin-top: 27px; display: block; text-decoration: none; max-width: 260px; min-height: 222px; } .header__card-link { display: block; flex-direction: column; background: #F8F8F8; border-radius: 8px; padding: 24px; padding-bottom: 12px; min-height: 186px; } .header__card__wrp-img { display: flex; justify-content: center; align-items: center; width: 100%; height: 75px; overflow: hidden; border-radius: 8px; } .header__card__wrp-img img { width: 100%; } .header__link-text { margin: 0; margin-top: 16px; font-size: 16px; line-height: 20px; color: #1C263F; min-height: 55px; } .header__link-btn-link { display: flex; margin: 0; font-size: 18px; line-height: 26px; color: #3F52FF; } .header__link-btn-link::after { content: ''; display: block; height: 26px; width: 22px; background: url(http://hrforecast.com/wp-content/uploads/2021/02/arrow-right-link.png) no-repeat center right; background-size: 55%; } /* Add modifier for 2 card in first tab */ .header__card-link_icon { padding-left: 42px; } .header__card-link_icon .header__card__wrp-img { flex-direction: column; align-items: flex-start; border-radius: 0; height: auto; } .header__card-link_icon .header__card__wrp-img .text-bold { font-weight: 600; font-size: 32px; line-height: 40px; color: #1C263F; letter-spacing: 0.02em; margin-top: 6px; } .header__card-link_icon .header__card__wrp-img img { width: 32px; margin-top: 8px; } .header__card-link_icon .header__link-text { margin-top: 5px; } /* Add modifier for tab Solutions */ .header__link-page_case img { position: relative; top: -3px; left: -6px; width: 171px; margin-bottom: 13px; } .header__link-page_case .title, .header__link-page_case .text { max-width: 160px; } .header__link-page_solutions img { width: 51px; position: relative; left: -7px; top: -3px; margin-bottom: 9px; } .header__link-page_solutions .text { margin-bottom: 4px; } .header__link-page_solutions .title { margin-bottom: 20px; } /* Add modifier for tab Resources */ .header__link-page_resources { max-width: 260px; margin-top: 27px; } .header__link-page_resources .header__card__wrp-img { height: 122px; margin-bottom: 20px; } .header__link-page_resources img { top: 0; left: 0; width: 100%; height: 122px; object-fit: cover; } .header__link-page_resources .title { max-width: 260px; font-size: 16px; line-height: 20px; } /* Market intelligence */ .intelligence__header .av-special-heading-h1 { max-width: 590px; } .intelligence__header .header__text_custom { max-width: 550px; } .intelligence__header .smart-plan-header__img { left: 84px; top: -82px; } .intelligence__sec-2 .smart-plan-sec-prioritize__img { max-width: 719px; left: 42px; } .intelligence__sec-2 .section__row-texts_custom h2 { line-height: 50px; } .intelligence__sec-2.smart-plan-sec-prioritize .title_prioritize { width: 500px; } .sp-block-list-wrp_achieve.bg_f8 { margin-top: 0 !important; padding-top: 30px; } .intelligence__btn-download [data-av_icon]:before { content: ''; display: block; width: 16px; height: 19px; background: url(http://hrforecast.com/wp-content/uploads/2021/02/Orion_download-1@2x.png); background-size: 100%; position: absolute; top: calc(50% - 10px); left: 5px; } .intelligence__general-card { max-width: 1140px; margin-left: auto; margin-right: auto; border: 1px solid #E8E9EC !important; box-sizing: border-box; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); border-radius: 8px; display: flex; align-items: center; margin-top: 120px; min-height: 280px; padding: 30px; padding-top: 65px; margin-bottom: 85px; } .intelligence__general-card .flex_cell:nth-child(1) { margin-left: 20px !important; } .intelligence__general-card .flex_cell:nth-child(2) { width: 26% !important; } .intelligence__general-card .flex_cell:nth-child(4) { width: 19% !important; } .intelligence__general-card .intelligence__general-card-img-1 { margin-left: 33px !important; top: -11px; } .intelligence__general-card-img-2 { top: -11px; left: 5px; } .intelligence__general-card .header__btn-arrow { margin-top: -16px; } .intelligence__general-card .flex_cell:nth-child(1), .intelligence__general-card .flex_cell:nth-child(3) { width: 285px !important; } .intelligence__general-card .flex_cell { position: relative; } .intelligence__img-be, .intelligence__img-ready { position: absolute; } .intelligence__img-be { max-width: 105px; width: 100%; top: -152px; left: -10px; } .intelligence__img-ready { max-width: 200px; width: 100%; top: -161px; left: 209px; } .intelligence__img-chris { max-width: 157px; width: 100%; top: -165px; left: -40px; position: absolute; } .intelligence__general-card-img-1, .intelligence__general-card-img-2 { max-width: 178px; width: 100%; margin: 0 !important; } .intelligence__sec-3 .smart-plan-sec-prioritize__img { max-width: 689px; left: 105px; } .intelligence__sec-3 .section__text_custom { width: 428px; } .intelligence__sec-3 .section__text-basf_custom { width: 100px; } .intelligence__img-text-know { max-width: 297px; width: 100%; } .sp-block-list-wrp_intelligence { padding-top: 30px !important; margin-top: 0 !important; } .sp-block-list-wrp_intelligence .why-card { min-width: 400px; width: 400px; } .intelligence__img-text-know { position: relative; top: 12px; left: 63px; } .intelligence__btn-download { position: relative; top: -54px; padding-bottom: 13px; } .intelligence__sec-4 .smart-plan-sec-prioritize__img { width: 700px; max-width: 700px; position: relative; left: 96px; } .intelligence__img-text-explore { width: 291px; position: relative; top: 35px; left: -124px; } .intelligence__btn-download.btn-top { top: -74px; } .intelligence__sec-5 .sp-lh-26 { max-width: 560px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 29px; } .intelligence__sec-5 .smart-paln-sec-decisions__img img { max-width: 1222px; width: 1222px; left: -124px; } .intelligence__img-text-build { width: 293px; position: relative; left: -78px; top: 14px; } .intelligence__btn-download.int-download-3 { top: -74px; } .smart-plan-sec-start_intelligence { padding-bottom: 76px; } .smart-plan-sec-start_intelligence .cards__text { width: 300px; } /* Adaptive for intelligence */ @media screen and (max-width: 1300px) { .intelligence__sec-5 .smart-paln-sec-decisions__img img { left: 0; width: 100%; } .intelligence__general-card { margin-bottom: 50px; } } @media screen and (max-width: 1199px) { .intelligence__sec-2.smart-plan-sec-prioritize .title_prioritize, .intelligence__sec-2.smart-plan-sec-prioritize .section__text_custom { width: 100%; } .intelligence__sec-2 .smart-plan-sec-prioritize__img { left: 0; } .intelligence__sec-3 .smart-plan-sec-prioritize__img { left: 0; } .intelligence__sec-3 .section__text_custom { width: 100%; } .sp-block-list-wrp_intelligence .why-card { width: calc(50% - 20px); min-width: calc(50% - 20px); } .intelligence__sec-4 .smart-plan-sec-prioritize__img { width: 100%; left: 0; } .intelligence__sec-4 .section__row-texts_custom { padding-top: 50px !important; padding-left: 0 !important; } .intelligence__sec-4 .title_prioritize, .intelligence__sec-4 .section__text_custom { width: 100%; } .intelligence__sec-4 .mi-text-explore { margin-top: 0 !important; } .intelligence__general-card { width: calc(100% - 30px); } } @media only screen and (max-width: 989px) { .sp-block-list-wrp_intelligence .no_margin { overflow: visible !important; } .bg_f8 .no_margin { overflow: visible !important; } .intelligence__general-card .no_margin { overflow: visible !important; } } @media screen and (max-width: 991px) { .intelligence__general-card .flex_cell:nth-child(1) { margin-left: 0 !important; } .intelligence__general-card .flex_cell:nth-child(1) { width: calc(100% - 120px) !important; } .intelligence__general-card .flex_cell:nth-child(2) { width: 120px !important; } .intelligence__general-card .flex_cell:nth-child(3) { width: calc(100% - 120px) !important; } .intelligence__general-card .flex_cell:nth-child(4) { width: 120px !important; } .intelligence__general-card { padding: 20px !important; flex-wrap: wrap; } .intelligence__img-ready { top: -342px; left: auto; right: calc(-25% - 30px); } .intelligence__img-be { left: -30px; } .header .wpml-ls-statics-shortcode_actions { margin-right: 0; } .header .wpml-ls-statics-shortcode_actions ul { flex-direction: row; } .header .wpml-ls-legacy-list-horizontal .wpml-ls-item { margin-bottom: 0; } .header .wpml-ls-statics-shortcode_actions .wpml-ls-slot-shortcode_actions a { min-width: 90px; margin-right: 0; } .header .wpml-ls-statics-shortcode_actions li:first-child { flex-direction: row; } .header .wpml-ls-statics-shortcode_actions ul:before { margin-top: 2px; margin-right: 0; } .header__search .header__search-icon { display: none; } .header__search .header__search-form-wrp { display: block !important; } .header__search .header__search-form-wrp form#searchform { position: relative; top: 0; left: 0; margin-top: 0 !important; max-width: 280px !important; } } @media screen and (max-width: 767px) { .intelligence__header .smart-plan-header__img { left: 0px; top: -20px; } .intelligence__btn-download { top: -20px; } .sp-block-list-wrp_intelligence { padding-top: 0 !important; } .intelligence__img-text-know { top: -12px; } .intelligence__btn-download.btn-top { top: -30px; } .intelligence__sec-4 .mi-text-explore { margin-bottom: 20px !important; } .intelligence__img-text-explore { left: 0; max-width: 291px; width: 100%; } .intelligence__img-text-build { left: 0; max-width: 293px; width: 100%; } .intelligence__btn-download.int-download-3 { top: -50px; } .intelligence__general-card .intelligence__general-card-img-1 { margin-left: 0 !important; } } @media screen and (max-width: 480px) { .header__link-page .text { font-size: 16px; } .intelligence__img-text-know { left: 0; } .section__implement-continer_custom .content, .intelligence__sec-5 .content { padding-top: 0; } .im-link-wrp-1 .content { padding-bottom: 0 !important; } .smart-plan-sec-start_intelligence { padding-bottom: 0; } } /* Sales */ .page-id-597 .header { background: transparent !important; } .page-id-597 #main { padding-top: 0 !important; } .page-id-597 .header__menu, .page-id-597 .btn-open { display: none !important; } @media screen and (max-width: 380px) { .intelligence__general-card .flex_cell:nth-child(1), .intelligence__general-card .flex_cell:nth-child(2), .intelligence__general-card .flex_cell:nth-child(3), .intelligence__general-card .flex_cell:nth-child(4) { width: 100% !important; } .intelligence__general-card-img-2 { float: left !important; } .intelligence__img-ready { top: -502px; left: 51px; } } @media only screen and (max-width: 1250px) { .page-id-597 .header { position: relative; } } @media only screen and (max-width: 991px) { .page-id-597 .work-with-us_background { padding-top: 100px; } .smart-plan-sec-start_intelligence .cards__text { width: 100%; max-width: 300px; } } @media only screen and (max-width: 360px) { } /* Newsletter */ .page-id-7934 #hs_show_banner_button { display: none; } .page-id-8330 #hs_show_banner_button { display: none; } .newsletter__form-wrp #hs_show_banner_button { display: block; color: rgba(85, 92, 111, 0.4) !important; top: 0; } #mc_embed_signup { max-width: 600px; margin-left: auto; margin-right: auto; } #mc_embed_signup form { padding: 0 !important; } #mc_embed_signup_scroll { margin-top: 30px; font-family: "Gibson-Regular", sans-serif !important; } #mc_embed_signup_scroll .mc-field-group { margin: 0 !important; width: 100% !important; } #mc_embed_signup_scroll .mc-field-group label { font-size: 16px !important; line-height: 20px; color: #1C263F; margin-bottom: 9px !important; } #mc_embed_signup_scroll .mc-field-group label .asterisk { font-size: 16px; top: 0; color: #FD5065; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { color: #FD5065 !important; } #mc_embed_signup_scroll .mc-field-group input { height: 50px; padding: 0 !important; padding-left: 20px !important; padding-right: 20px !important; text-indent: 0 !important; margin-bottom: 13px; border-radius: 8px !important; border: 1px solid #E8E9EC !important; color: #8D929E !important; font-size: 16px !important; } #mc_embed_signup_scroll .mc-field-group input[type="checkbox"] { height: auto; margin: 0 !important; float: left; width: 16px; height: 16px; border-radius: 4px !important; } #mc_embed_signup_scroll .mc-field-group input[type="checkbox"] + span { display: block; font-size: 14px !important; line-height: 20px; color: #555C6F; } #mc_embed_signup_scroll .mc-field-group:nth-child(3) { padding-bottom: 10px; } #mc_embed_signup_scroll .mc-field-group input[type="checkbox"] + span a { color: #4851FC; } #mc_embed_signup_scroll input[type="submit"] { margin: 0; background: #FD7E27 !important; border-radius: 6px !important; font-weight: 600; font-size: 15px !important; line-height: 20px; padding: 15px 20px; height: 50px; } #mc_embed_signup_scroll input[type="submit"]:focus { border: 0 !important; outline: none !important; } #mc_embed_signup_scroll .clear { margin-top: 14px; margin-bottom: 44px; width: 100%; display: flex; justify-content: center; } .content__gdprLegal p { font-size: 14px !important; line-height: 20px; color: #555C6F; margin-top: 3px; } .content__gdprLegal p a { color: #4851FC !important; } #mc_embed_signup div#mce-responses { margin: 0 !important; padding: 0 !important; width: 100% !important; } #mc_embed_signup #mce-success-response { margin: 0 !important; padding: 0 !important; width: 100% !important; margin-bottom: 20px !important; } #mc_embed_signup div.response { font-size: 14px !important; line-height: 20px !important; font-weight: normal !important; } #mc_embed_signup #mce-success-response { color: #65CE3F !important; } /* END Newsletter */ /* Contact us */ .contact-social__card { margin-top: 42px; } .contact-social__card a { font-family: "Gibson-Regular", sans-serif !important; font-size: 16px; line-height: 24px; color: #1C263F; font-weight: normal !important; display: flex; margin-bottom: 5px; } .contact-social__card a:hover { color: #1C263F; } .contact-social__card a:last-child { margin-bottom: 0; } .contact-social__card img { width: 24px; height: 24px; margin-right: 12px; } .work-with-us__card.contact-card { box-shadow: none !important; margin: 0 !important; max-width: 100%; width: 66%; overflow: auto; max-height: 100%; position: fixed; top: 0; right: 0; } .work-with-us__card.contact-card .work-with-us__card-title { position: relative; top: 0; left: 0; margin-right: 0; transform: translate(0, 0); } .work-with-us__card.contact-card fieldset { max-width: 600px; margin-left: auto; margin-right: auto; min-width: 100% } .work-with-us__card.contact-card input, .work-with-us__card.contact-card select, .work-with-us__card.contact-card textarea { border: 1px solid #E8E9EC !important; background: #FFFFFF !important; border-radius: 8px !important; font-size: 16px !important; color: #8D929E !important; } .work-with-us__card.contact-card p.valid select, .work-with-us__card.contact-card p.valid input { border: 1px solid #65CE3F !important; } .work-with-us__card.contact-card p.valid input[type="submit"] { border: 0 !important; } .work-with-us__card.contact-card .error input, .work-with-us__card.contact-card .error select, .work-with-us__card.contact-card .error textarea { border: 1px solid #FD5065 !important; } .work-with-us__card.contact-card .error .input_checkbox_label { color: #FD5065 !important; } .work-with-us__card.contact-card .avia-form-success { background: transparent !important; border: 0 !important; padding: 138px 20px; padding-bottom: 300px; font-size: 44px !important; color: #1C263F !important; max-width: 456px; margin-left: auto !important; margin-right: auto !important; line-height: 50px; display: flex; flex-direction: column; text-align: center; } .work-with-us__card.contact-card .avia-form-success span { margin-top: 24px; font-size: 20px !important; line-height: 20px; color: #000000; font-weight: normal; font-family: "Gibson-Regular", sans-serif !important; } .work-with-us__card.contact-card .avia-form-success .btn-orange { display: flex; align-items: center; justify-content: center; color: #FFFFFF !important; font-weight: 600 !important; font-size: 15px; line-height: 20px; background: #FD7E27; border-radius: 6px; height: 50px; width: 153px; margin-top: 44px; margin-left: auto; margin-right: auto; } .work-with-us__card.contact-card .avia-form-success .btn-orange:hover { opacity: 0.9; } .work-with-us__card.contact-card .ajaxresponse { border: 0 !important; } .work-with-us__card.contact-card select { background: #ffffff url(http://hrforecast.com/wp-content/uploads/2021/02/layer1@2x.png) 95% center no-repeat !important; background-size: 8px 5px !important; } .work-with-us__card.contact-card .avia_ajax_form .form_element_half { width: calc(50% - 12px); margin-left: 20px; } .work-with-us__card.contact-card .avia_ajax_form .first_form { margin-left: 0; } .work-with-us__card.contact-card label { font-size: 16px !important; line-height: 20px; color: #1C263F; font-weight: normal !important; } .work-with-us__card.contact-card .input_checkbox_label { font-size: 14px !important; padding-left: 32px; color: #555C6F !important; } .work-with-us__card.contact-card .input_checkbox_label a { color: #5D67FC !important; } .work-with-us__card.contact-card .input_checkbox { margin: 0; width: 16px; height: 16px; border: 1px solid #C6C8CF !important; border-radius: 4px !important; } .work-with-us__card.contact-card .text_input, .work-with-us__card.contact-card select { height: 50px; } .work-with-us__card.contact-card textarea { height: 120px; } .work-with-us__card.contact-card abbr { color: #FD5065; } .work-with-us__card.contact-card input.button { background: #FD7E27 !important; border-radius: 6px !important; margin-left: auto; margin-right: auto; float: none; display: block; min-width: 89px; padding: 14px 18px; font-weight: 600; font-size: 15px; line-height: 20px; color: #FFFFFF !important; margin-top: 3px; border: 0 !important; } .contact-links { margin-top: 10px; margin-bottom: 44px; } .contact-links ul { max-width: 600px; margin-left: auto; margin-right: auto; list-style-type: none; display: flex; justify-content: space-between; } .contact-links ul li { padding: 0; margin: 0; } .contact-links ul li a { color: #555C6F; display: flex !important; align-items: center; } .contact-links ul li a:hover { color: #555C6F; } .contact-links ul li a img { width: 32px; margin-right: 12px; } .work-with-us__card.contact-card .form_element { margin-bottom: 10px; } #top .work-with-us__card.contact-card .avia_ajax_form .av-recaptcha-area { margin-top: -20px; } .work-with-us__card.contact-card .form_element:nth-child(7) { margin-bottom: 14px; } .contact-info { max-width: 403px; } .contact-info .sp-lh-20 p { margin: 0; } .contact-us-wrp .container { max-width: 1230px; } .contact-us-wrp .contact-card h3 { margin-left: 0 !important; margin-top: 14px !important; text-align: left; margin-bottom: 16px !important; } .contact-us-wrp .work-with-us__card .av-form-text p { font-size: 20px !important; margin-bottom: 53px !important; } .contact-info { margin-top: 26px; margin-left: 0 !important; float: right !important; width: 43%; margin-right: -10px; } .contact-info__title-h2 h2 { line-height: 32px; letter-spacing: 0 !important; } .contact-info__title-h3 h3 { line-height: 20px; letter-spacing: 0 !important; } #top .contact-us-wrp form { margin-bottom: 35px; } @media only screen and (max-width: 1500px) { .work-with-us__card.contact-card .avia-form-success { padding-bottom: 100px; } } @media only screen and (max-width: 1250px) { .work-with-us__card.contact-card { position: relative; padding: 0 !important; } .work-with-us__card .work-with-us__card-title { margin-top: 20px !important; } .work-with-us__card.contact-card .avia-form-success { padding-top: 40px; padding-bottom: 140px; } .podcast__wrp-form .work-with-us__card h3 { margin-right: auto !important; margin-left: auto !important; } } @media screen and (max-width: 1199px) { } @media screen and (max-width: 991px) { .contact-us-wrp .work-with-us__card.contact-card { width: 100% !important; } .contact-info { float: none !important; margin-left: auto !important; margin-right: auto !important; } } @media screen and (max-width: 767px) { .work-with-us__card .work-with-us__card-title { padding-bottom: 20px !important; } .contact-links ul { flex-wrap: wrap; justify-content: center; } .contact-links ul li { margin-bottom: 15px; margin-left: 15px; margin-right: 15px; } } @media screen and (max-width: 480px) { .work-with-us__card.contact-card .avia_ajax_form .form_element_half { width: 100%; margin-left: 0; } .contact-social__card { margin-top: 30px; } .contact-social__card a { margin-bottom: 0; min-height: 48px; align-items: center; } } /* END Contact us */ /* Book a demo */ .sec-header-book.fr-full-back-size { margin-bottom: 137px !important; max-height: 700px; } .sec-header-book .card__lists_custom { margin-top: -8px; min-height: 0; } .sec-header-book .card__lists_custom .avia-icon-list { padding: 0; } .sec-header-book .card__lists_custom li { margin-bottom: 9px; } .sec-header-book .header-demo__imgs img { margin-right: 16px; } .about-more_book { margin-top: 56px; } .about-more_book .events__img-avatar { width: 88px !important; } .about-more_book .post__text-italic p { margin-top: 32px; } .sec-header-book .av-special-heading > h3 { width: 110%; } @media screen and (max-width: 1199px) { .sec-header-book .lll.work-with-us__card.contact-card { margin-top: 20px !important; } .sec-header-book { background-size: cover !important; } .sec-header-book.fr-full-back-size { max-height: none; } .sec-header-book.fr-full-back-size { margin-bottom: 80px !important; } } @media screen and (max-width: 767px) { .sec-header-book .hr-invisible { height: 40px !important; } .sec-header-book .lll.work-with-us__card.contact-card { margin-top: 0 !important; } .sec-header-book { margin-bottom: 0 !important; } .sec-header-book .av-special-heading > h3 { width: 100%; } .sec-header-book.fr-full-back-size { margin-bottom: 10px !important; } } @media screen and (max-width: 480px) { .success-stories__our-client.about-more { margin-top: 0; } .about-more_book .post__text-italic p { font-size: 26px; line-height: 36px; } .about-more_book { padding-top: 0 !important; padding-bottom: 0 !important; } } /* END Book a demo */ /* UL tabs */ .resources__tabs { padding-top: 0; position: relative; flex-direction: column; } .resources__tabs li { margin-bottom: 6px; margin-right: 0 !important; } .resources__tabs li a { font-size: 18px !important; line-height: 24px !important; color: #1C263F !important; padding: 0 !important; min-width: 225px; } .resources__tabs li a:hover { color: #3F52FF !important; background: transparent !important; } .resources__tabs li a.active { color: #3F52FF !important; } .resources__tabs li:hover a { color: #3F52FF !important; background: transparent !important; } .resources__tabs li a:after { display: none !important; } .header__tab-content { display: flex; width: 75%; display: none; } .header__tab-content.active { display: flex; animation-name: tabsAnim; animation-duration: 1s; } @keyframes tabsAnim { 0% { opacity: 0; } 100% { opacity: 1; } } .header__tab-content .header__dropdown-col { width: 32.5%; } /* Nav menu */ .btn-open, .closebtn { display: none !important; } .resources__tabs-link { font-size: 18px; line-height: 24px; color: #1C263F; } .resources__tabs-link.active { color: #3F52FF !important; } .resources__tabs-link:hover { color: #3F52FF !important; cursor: pointer; } /* Webinars */ .header-webinars .smart-plan-header__img { width: 650px; left: -16px; top: 13px; } .events__cards-post-wrp_webinars:after { content: ''; position: absolute; top: 0; left: 50%; margin-right: -50%; transform: translate(-50%, 0); display: block; background: #F8F8F8; height: 100%; width: 100vw; } .webinars__img-we-are { position: absolute; z-index: 9; width: 147px; top: -93px; left: -145px; } .webinars__img-learn-from { position: absolute; z-index: 9; width: 152px; top: -125px; left: -155px; } .webinar__wrp-title .content { padding: 0; } .section__row-texts_custom .sp-lh-26 { max-width: 630px; margin-top: 15px; } .events__cards-post-wrp_webinars { padding-bottom: 82px; } .events__cards-post-wrp_webinars_first { padding-bottom: 0 !important; } .events__cards-post-wrp.events__cards-post-wrp_webinars .home-latest__text p { margin-top: 21px; min-height: 77px; } .events__cards-post-wrp_webinars-2 { margin-top: 114px; max-width: 1180px !important; } .events__cards-post-wrp.events__cards-post-wrp_webinars-2 .home-latest__text p { min-height: 55px; } .events__cards-post-wrp_webinars-2 .card-post { max-width: 610px; float: right; } .events__cards-post-wrp_webinars-2.events__cards-post-wrp.sp-container .home-latest__title h6 { height: auto; margin-bottom: 16px; } /* Webinar post */ .webinar-post__header .post__title-1 h1 { max-width: 744px; } .webinar-post__header .ss-text-header p:after { background: url(https://hrforecast.com/wp-content/uploads/2021/04/Group-442@2x.png) no-repeat; background-size: cover; } .webinar-post__header .ss-text-header p { line-height: 24px; } .webinar-post__header .post__text p { flex-direction: column; align-items: flex-start !important; } .webinar-post__header .post__text p a { display: block; color: #3f52ff !important; } .webinar-post__header .post__text p a:after { content: ''; display: block; width: 12px; height: 12px; background: url(https://hrforecast.com/wp-content/uploads/2020/11/arrow-right-1-1@2x.png); background-size: 100%; position: absolute; top: calc(50% - 7px); right: 16px; } .webinar-post__form .container { max-width: 775px; } .webinar-post__form .content { padding-top: 15px; } .webinar-post__form .work-with-us__card.contact-card fieldset { max-width: 675px; margin-top: 14px; } .webinar-post__form .work-with-us__card.contact-card { position: relative !important; width: 100%; } .webinar__text-form p { margin-top: 8px; } .sec-form_webinar { margin-top: -3px !important; } .webinar-post__form .work-with-us__card.contact-card input.button { margin-top: 25px; } .separator-full:after { content: ''; top: 12px; left: 50%; margin-right: -50%; transform: translate(-50%, 0); width: 100vw; height: 1px; position: absolute; background: #e8e9ec; } .separator-full { overflow: visible; } @media screen and (max-width: 1199px) { .header-webinars { margin-top: 20px !important; margin-bottom: 20px !important; } .webinar__wrp-title { margin-top: 0 !important; padding-top: 40px; } .events__cards-post-wrp.events__cards-post-wrp_webinars .home-latest__text p { margin-top: 0; } .events__cards-post-wrp_webinars { padding-bottom: 40px; } .events__cards-post-wrp_webinars-2 { margin-top: 40px } .events__cards-post-wrp_webinars-2 .header__text_custom { margin-bottom: 0; } } @media screen and (max-width: 480px) { .sec-form_webinar { margin-top: -60px !important; } } /* END Webinars */ /* Press */ .press-header .career-header__img { max-width: 661px; position: relative; top: 10px; left: -20px; margin-bottom: 71px !important; } .press-header.career-header { margin-top: -4px !important; position: relative; z-index: 9; } .press-header h1 { width: 360px; } .press-header .header__text_custom { width: 435px; } .press-header .header__text_custom.book-tools__text { width: 100%; } .events-card_press.events-card { padding-bottom: 23px !important; } .press-slider { max-width: 100% !important; border-radius: 0; } .press-cards__wrp { background: #FFFFFF; border: 1px solid #E8E9EC !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); border-radius: 8px; max-width: 1140px; margin-left: auto; margin-right: auto; } .press-cards__img-be-updated { position: absolute; left: 10px; top: -132px; width: 105px; } .press-cards__img { margin-top: 20px !important; width: 179px; } .press-cards__wrp .intelligence__btn-download.int-download-3 { top: 0; padding-bottom: 27px; } .press-cards__wrp { padding-left: 19px; padding-right: 19px; } .press-cards__text { max-width: 285px; margin-left: auto; margin-right: auto; padding-bottom: 4px !important; } .press-contact-us__wrp { padding-bottom: 105px; } .press-contact-us__wrp .work-with-us__card .av_textblock_section { margin-top: -8px; max-width: 378px; margin-right: auto; margin-left: auto; } .press-contact-us__wrp .work-with-us__card .av_textblock_section p { line-height: 26px; } .press-contact-us__wrp .work-with-us__card-address-phone { bottom: 30px; } .press-contact-us__wrp .work-with-us__card-address-phone p { line-height: 22px !important; } .press-releases-wrp .entry-content-wrapper { display: flex; align-items: center; flex-direction: column; max-width: 685px; margin-left: auto !important; margin-right: auto; height: 660px; overflow: auto; margin-bottom: 110px; } .press-releases-wrp .entry-content-wrapper::-webkit-scrollbar { width: 6px; background-color: transparent; } .press-releases-wrp .entry-content-wrapper::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C6C8CF; } .press-releases-wrp .entry-content-wrapper::-webkit-scrollbar-track { border-radius: 8px; background-color: transparent; } .pres-card-releases { position: relative !important; max-width: 645px; height: auto; min-height: auto !important; padding-left: 64px !important; padding-right: 64px !important; } .pres-card-releases .sp-lh-30 h3 { font-family: "Gibson-Regular", sans-serif !important; font-weight: 400 !important; line-height: 30px; } .pres-card-releases .sp-lh-20 div { line-height: 20px; } .press-releases-top .section__text_custom { margin-bottom: 27px; } .pres-card-releases:after { content: ''; position: absolute; top: 28px; left: 28px; width: 18px; height: 18px; background: url(https://hrforecast.com/wp-content/uploads/2020/11/Group-415@2x.png) no-repeat; background-size: 18px 18px; visibility: visible; } .pres-card-releases:before { content: ''; position: absolute; top: calc(50% - 9px); right: 35px; width: 18px; height: 18px; background: url(https://hrforecast.com/wp-content/uploads/2021/03/layer1@2x.png) no-repeat; background-size: 50%; visibility: visible; } /* Tabs Press */ .tabs-press-media { max-width: 685px; margin-left: auto; margin-right: auto; } .tabs-press-media .tab_content { border: 0; padding: 0; max-height: 660px; overflow: auto; margin-bottom: 70px; padding-left: 17px !important; padding-right: 17px !important; } .tabs-press-media .tab_content .tab_inner_content { margin: 0 !important; } .tabs-press-media .tab_content ul { margin: 0; padding: 0; } .tabs-press-media .tab_content ul li { list-style-type: none; margin: 0; margin-bottom: 8px; display: flex; } .tabs-press-media .tab_content ul li a { position: relative; text-decoration: none; width: 100%; background: #ffffff; border-width: 1px; border-color: #e8e9ec; border-style: solid; box-shadow: 0 0 10px 0 rgb(0 0 0 / 4%); padding: 15px 66px; background-color: #ffffff; border-radius: 8px; font-size: 16px; color: #8D929E; } .tabs-press-media .tab_content ul li a:hover { text-decoration: none; } .tabs-press-media .tab_content ul li a:after { content: ''; position: absolute; top: 28px; left: 28px; width: 18px; height: 18px; background: url(https://hrforecast.com/wp-content/uploads/2020/11/Group-415@2x.png) no-repeat; background-size: 18px 18px; visibility: visible; } .tabs-press-media .tab_content ul li a:before { content: ''; position: absolute; top: calc(50% - 9px); right: 35px; width: 18px; height: 18px; background: url(https://hrforecast.com/wp-content/uploads/2021/03/layer1@2x.png) no-repeat; background-size: 50%; visibility: visible; } .tabs-press-media .tab_content ul li a strong { display: inline-block; padding-bottom: 8px; font-size: 18px; line-height: 30px; color: #1C263F !important; } .tabs-press-media .tab_content::-webkit-scrollbar { width: 6px; background-color: transparent; } .tabs-press-media .tab_content::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C6C8CF; } .tabs-press-media .tab_content::-webkit-scrollbar-track { border-radius: 8px; background-color: transparent; } .tabs-press-media .tab_titles { margin-bottom: 30px; margin-top: 40px !important; display: flex; justify-content: center; } .tabs-press-media .tab_titles div { display: flex; align-items: center; font-size: 16px; line-height: 20px; font-weight: normal; color: #1C263F !important; padding: 0 !important; border: 0; padding: 7px 18px !important; } .tabs-press-media .tab_titles div.active_tab { color: #3F52FF !important; background: #FFFFFF; border: 0.5px solid #EBECF2; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); border-radius: 8px !important; box-sizing: border-box; } .tabs-press-media.ukraine .tab_content { background: transparent !important; margin-bottom: 0; } .tabs-press-media.ukraine p { font-size: 18px; line-height: 30px; color: #1c263f; } .tabs-press-media.ukraine ul { font-size: 18px; line-height: 30px; color: #1c263f; padding-left: 20px; } .tabs-press-media.ukraine ul li { list-style-type: disc; display: list-item; animation-direction } .tabs-press-media.ukraine ul li:markre { display: inline-block; } @media screen and (max-width: 767px) { .tabs-press-media { margin-bottom: 80px !important; } .tabs-press-media .tab_content { max-height: 400px; } .tabs-press-media .tab_content { margin-bottom: 0; padding: 10px !important; } .tabs-press-media .av_tab_section { border: 0 !important; } .tabs-press-media .tab { display: flex; align-items: center; font-size: 16px; line-height: 20px; font-weight: normal; color: #1C263F !important; text-align: center; } .tabs-press-media .tab.active_tab { background: #ffffff !important; color: #3F52FF !important; } .press-releases-top { margin-bottom: 120px !important; } } @media screen and (max-width: 480px) { .tabs-press-media .tab_content ul li a { padding: 15px 35px; padding-right: 25px; } .tabs-press-media .tab_content ul li a:after { top: 18px; left: 8px; } .tabs-press-media .tab_content ul li a:before { right: 4px; } } @media screen and (max-width: 1199px) { .press-header.career-header { margin-top: 60px !important; } .press-cards__wrp { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px); } .press-cards__wrp .flex_cell { overflow: visible !important; } } @media screen and (max-width: 991px) { .press-releases-wrp .entry-content-wrapper { height: 360px; padding-left: 10px !important; padding-right: 10px !important; } .press-contact-us__wrp .work-with-us__card { margin: 0 !important; max-width: 100%; } .press-contact-us__wrp .section__row-texts_custom { padding-left: 15px !important; padding-right: 15px !important; } .press-header h1 { max-width: 360px; width: 100%; } .press-header .header__text_custom { max-width: 435px; width: 100%; } .press-header .career-header__img { left: 0; } } @media screen and (max-width: 480px) { .pres-card-releases { padding-top: 15px !important; padding-bottom: 15px !important; padding-left: 40px !important; padding-right: 40px !important; } .pres-card-releases .sp-lh-30 { padding-bottom: 2px !important; } .pres-card-releases .sp-lh-30 h3 { line-height: 20px !important; } .pres-card-releases:after { top: 22px; left: 10px; } .pres-card-releases:before { right: 10px; } .press-contact-us__wrp .work-with-us__card-address-phone { bottom: 0; } .press-contact-us__wrp .section__row-texts_custom { margin-top: -60px !important; } } /* END Press */ /* Events */ .header__row-texts_events { display: flex !important; justify-content: center; margin-top: 0 !important; } .header__row-texts_events .section_btn-orange_custom { margin-right: 20px; } .header__row-texts_events .section_btn-orange_custom .avia-button { padding: 16px 20px 16px; } .events__text { line-height: 130%; max-width: 730px; margin-left: auto; margin-right: auto; } .events__text.w-100 { max-width: 768px; margin-left: 0; } .events__img-text-talking { position: absolute; top: -20px; left: 42px; z-index: 99; width: 147px; } .events-header__img { max-width: 900px; width: 100%; } .calendar-cards__img { width: 84px; } .calendar-cards__date h6 { margin: 0 !important; padding: 6px 12px !important; line-height: 20px; background: rgba(255, 255, 255, 0.6); border-radius: 12px; font-size: 16px !important; font-weight: 400 !important; font-family: "Gibson-Regular", sans-serif !important; } .calendar-cards__date.green h6 { background: rgba(255, 255, 255, 0.32); border-radius: 8px; } .calendar-cards__date { display: flex; } .events-header__img_no-box { max-width: 800px; } .sec-form_events { margin-top: 40px !important; } .event-sec-card .container { max-width: 1200px; padding-left: 15px; padding-right: 15px; } .calendar-cards__title h3 { line-height: 133%; } .events-card { min-height: 410px; padding-bottom: 15px !important; max-width: 343px !important; } .event-sec-card .events-card { margin: 0; width: 33% !important; } @media screen and (max-width: 767px) { .event-sec-card .events-card { width: 100% !important; max-width: 100% !important; } .event-sec-card .flex_column_table { flex-direction: column; } } .events-calendar__text-card { line-height: 125%; } .events-card .avia-button.avia-size-small { min-width: 0; } .event-sec-card { padding-bottom: 80px; } .event-sec-card .flex_column_table { display: flex !important; } .events__img-avatar { margin-top: 53px !important; width: 84px; } .events-speakers .btn-arrow { margin-top: -16px !important; } .events__text-italic { max-width: 690px; margin-left: auto; margin-right: auto; } .events__text-italic p { margin-top: 26px; line-height: 150%; } .events-speakers .container { max-width: 1150px; padding-left: 15px; padding-right: 15px; } .events-speakers .section__packages-card_custom { width: 100%; max-width: 560px; padding-right: 60px !important; margin: 0; } .events-speakers .card__lists_custom .avia-icon-list { padding: 0; } .events-speakers .section__text_custom p { line-height: 167%; margin-bottom: 31px; } .events-speakers .card__lists_custom li { margin-bottom: 15px; } .events-speakers_border { border-bottom: 1px solid #E8E9EC !important; } .section__packages-card_custom_right { padding-right: 0 !important; padding-left: 65px !important; } .events-header-template { padding: 0 !important; margin: 0 !important; } .events__btn-download [data-av_icon]:before { content: ''; display: block; width: 20px; height: 22px; background: url(https://hrforecast.com/wp-content/uploads/2021/04/Download-Icon-SVG_PNG.-Orion-Icon-Library-18-1@2x.png); background-size: 100%; position: absolute; top: calc(50% - 11px); left: 5px; } .career-header.header-more-about { margin-top: -5px !important; } .header-more-about .section__italic-text h6 { font-family: "verveine" !important; letter-spacing: 0.05px; font-weight: normal !important; text-decoration: none !important; line-height: 39px; } .header-more-about { max-height: 626px; } .header-more-about .header__btn-arrow { margin-right: 53px; margin-top: -12px; } .header-more-about .header__text_custom { max-width: 460px; } .events-sec-litest .section__text_custom { max-width: 726px; margin-left: auto; margin-right: auto; } .header-more-about .career-header__img { display: block; max-width: 530px; width: 100%; margin-left: auto; margin-right: auto; left: -55px; } .events-speakers_about .content { padding-top: 0; } .events__cards-post-wrp { max-width: 1060px; width: 100%; } .events__cards-post-wrp .card-post .home-latest__date p { padding-top: 7px; } .events__cards-post-wrp .home-latest__text p { padding-top: 0; min-height: 95px; } .events__cards-post-wrp.sp-container .home-latest__title h6 { height: 55px; } .events__wrp-btn .content { padding-top: 0; padding-bottom: 0; } .events__wrp-btn .orange-btn .avia-button { padding: 17px 20px 16px; min-width: 125px; } .sp-text-top-best-topics { position: absolute; width: 114px; top: -72px; left: -142px; } .event-slider_phone { display: none; } .event-slider .avia-smallarrow-slider-heading { position: absolute; bottom: -70px; display: flex !important; justify-content: center; } .event-slider .avia-smallarrow-slider-heading a { box-shadow: 0px 18.8235px 23.5293px rgba(0, 0, 0, 0.04), 0px 4.70587px 11.7647px rgba(0, 0, 0, 0.04); width: 48px !important; height: 48px !important; border-radius: 50%; background: #ffffff; } .event-slider .avia-smallarrow-slider-heading a:hover { opacity: 1 !important; box-shadow: 0px 18.8235px 23.5293px rgba(0, 0, 0, 0.08), 0px 4.70587px 11.7647px rgba(0, 0, 0, 0.08); } .event-slider .avia-smallarrow-slider-heading a:before { background: #ffffff; color: #1C263F; font-size: 14px; font-weight: bold; top: 12px; } .event-slider .avia-slideshow-arrows { width: 112px !important; } .event-slider .slide-entry-excerpt { overflow: visible !important; } .slide-entry { padding-top: 38px !important; } .event-slider .slide-entry-excerpt { border-radius: 8px; background: #F8DADE; padding: 44px; padding-top: 0; padding-bottom: 34px; } .event-slider .slide-loop-2 .slide-entry-excerpt { background: #FEE8D9; } .event-slider .slide-loop-3 .slide-entry-excerpt { background: #E4F6DD; } .event-slider .slide-loop-4 .slide-entry-excerpt { background: #DDE0FE; } .event-slider .slide-loop-5 .slide-entry-excerpt { background: #FCF1D6; } .event-slider .slide-loop-6 .slide-entry-excerpt { background: #FEE8D9; } .event-slider .slide-loop-7 .slide-entry-excerpt { background: #FEDFE3; } .event-slider .slide-loop-8 .slide-entry-excerpt { background: #E4F6DD; } .event-slider .slide-loop-9 .slide-entry-excerpt { background: #FCF1D6; } .event-slider img { margin-top: -65px; margin-left: -40px; height: 252px; width: auto; } .event-slider h6 { font-weight: 600; font-size: 24px; line-height: 32px; color: #1C263F; min-height: 64px; margin-top: -40px; margin-bottom: 20px; } .event-slider p { font-weight: normal; font-size: 16px; line-height: 20px; color: #1C263F; } .event-slider p a { color: #3F52FF; position: relative; margin-top: 22px; font-size: 18px; display: inline-block; } .event-slider p a:before { content: ''; display: block; width: 14px; height: 14px; background: url(http://hrforecast.com/wp-content/uploads/2020/11/arrow-right-1-1@2x.png); background-size: 100%; position: absolute; top: calc(50% - 8px); right: -23px; } .event-slider p a:hover { color: #3F52FF; text-decoration: none; } @media screen and (max-width: 1300px) { .event-slider .slide-entry-excerpt { padding: 15px; padding-top: 0; padding-bottom: 10px; } .about-pesone__what-say { right: 0 !important; } } @media screen and (max-width: 1199px) { .events__img-text-talking { top: -50px; } .career-header.header-more-about { margin-top: 80px !important; } .events-speakers .section__packages-card_custom { padding: 0 !important; } .events-speakers .section__text_custom p:last-child { margin-bottom: 0; } .events-speakers .section__text_custom { margin-bottom: 0; } } .success-stories__our-client.about-more { padding-top: 27px; padding-bottom: 68px; } .about-pesone__what-say { min-width: 214px !important; position: absolute; top: -140px; right: -215px; } .events__card-listen { display: flex; max-width: 932px; width: 100%; margin-right: auto; margin-left: auto; background: #ffffff; border: 1px solid #E8E9EC !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04); border-radius: 8px; padding: 32px; margin-bottom: 40px; } .events__card-listen .flex_cell { width: auto !important; } .card-listen__img { width: 140px; margin-right: 40px !important; } .card-listen__bg-text h6 { line-height: 20px; font-weight: normal !important; font-family: "Gibson-Regular", sans-serif !important; padding: 6px 12px !important; background: rgba(63, 82, 255, 0.18); border-radius: 12px; display: inline-block; } .card-listen__bg-text.red h6 { background: #FEDFE3; } .card-listen__bg-text.yellow h6 { background: #FCF1D5; } .card-listen__bg-text.green h6 { background: #E4F6DD; } .card-listen__text p { margin: 0; max-width: 520px; width: 100%; line-height: 125%; } .card-listen__btn { width: 168px; } .card-listen__btn a { margin: 0 !important; } @media screen and (max-width: 1100px) { .events-card { padding: 20px !important; } #top .events-card + .av-flex-placeholder { width: 10px; } .event-slider { display: none; } .event-slider_phone { display: block; } } @media screen and (max-width: 991px) { .event-sec-card { padding: 0; } .event-sec-card .content { padding-top: 0; } .events__text-italic p { font-size: 26px; } .about-pesone__what-say { display: none !important; } } @media only screen and (max-width: 767px) { .responsive #top .event-slider .avia-slideshow-controls a { display: block !important; } .header-events__img { padding-top: 0 !important; } .header-more-about { max-height: 100%; } .header-more-about .career-header__img { left: 0; } } @media screen and (max-width: 480px) { .header__row-texts_events { flex-direction: column; align-items: center; } .events__img-text-talking { top: -70px; left: 0px; } .events__text-italic p { font-size: 20px; } } /* END Events */ /* Adaptive Header */ @media screen and (max-width: 1350px) { .header__menu .menu-ul li { margin-right: 10px; } .header__dropdown-col { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 1199px) { .header__container { width: 100%; } .header__menu .menu-ul li > a { padding-left: 4px; padding-right: 4px; } .header__menu .menu-ul li { margin-right: 22px; } .header__menu .menu-ul { margin-left: 15px; } .header__menu .btns-right li a { padding-left: 8px; padding-right: 8px; } .header__menu .menu-ul li > a:after { margin-left: 4px; margin-right: 3px; } } @media screen and (max-width: 991px) { .header__container { width: calc(100% - 30px); } .header__menu .menu-ul li > a { padding-left: 12px; padding-right: 12px; } .header__menu .btns-right li a { padding-left: 8px; padding-right: 8px; height: 50px; line-height: 50px; min-width: 220px; justify-content: center; } .header__menu .menu-ul li > a:after { margin-left: 8px; margin-right: 6px; } .btns-right, .menu-ul { min-width: 320px; } .header__dropdown-col { width: calc(100% - 30px) !important; } .header__menu .menu-ul li { margin-right: 0; } .closebtn { display: flex !important; font-size: 30px; color: black; } .closebtn:hover { text-decoration: none; color: black; } .btn-open { display: block !important; width: 24px; height: 16px; } .btn-open span { width: 24px; height: 2px; margin-bottom: 6px; background: #1C263F; display: block; } .btn-open span:last-child { margin-bottom: 0; } .header__menu { margin-top: 0; display: block; height: 100%; width: 0; min-width: auto; position: fixed; z-index: 9999999; top: 0; right: 0; overflow-x: hidden; background: #ffffff; transition: 0.5s; padding-top: 80px; box-shadow: 2px 0 6px rgba(51, 51, 51, .26); padding-bottom: 20px; } .header__menu .closebtn { justify-content: center; align-items: center; position: absolute; top: 15px; left: 5px; font-size: 36px; margin-right: 50px; padding: 0; margin: 0; width: auto; text-decoration: none; min-height: 50px; min-width: 50px; } .header__menu .closebtn:hover { background: transparent; } /* Custome */ .header__container { justify-content: space-between; } .header__menu .menu-ul { margin-left: 0; } .header__menu ul { flex-direction: column; } .header__menu .btns-right li a { padding-left: 12px; padding-right: 12px; margin-left: 0 !important; } .header__menu .btns-right li a.get-demo { margin-left: 0 !important; } .header__menu .menu-ul { margin-bottom: 30px; } .header__menu .menu-ul li { margin-bottom: 10px; min-height: 50px; } .header__menu .btns-right li { margin-bottom: 10px; } .header__menu .menu-ul li > a { height: 50px; width: 100%; min-width: 300px; padding-top: 5px; padding-bottom: 5px; border-radius: 0; display: flex; justify-content: space-between; padding-left: 20px; padding-right: 20px; } .header__dropdown { position: relative; top: 0; width: 100%; box-shadow: none; } .header__dropdown-content { margin-top: 0; } .header__menu ul li { flex-direction: column; height: auto; } .header__dropdown-container { padding-right: 15px; padding-left: 15px; flex-direction: column; } .header__dropdown-col, .header__tab-content .header__dropdown-col { width: 100%; } .header__tab-content { flex-direction: column; width: 100%; } .header__dropdown { height: auto; display: none; } .header__menu ul li:hover .header__dropdown { height: auto; display: none; } .header__dropdown-col_border:after { display: none; } .resources__tabs { flex-wrap: wrap !important; flex-direction: row !important; justify-content: center; } .resources__tabs li a { width: auto !important; min-width: 0 !important; padding-left: 15px !important; padding-right: 15px !important; } .header__dropdown.active { display: block !important; } .header__link-page { margin-top: 25px; } .header__dropdown-container { padding-bottom: 25px; border-bottom: 1px solid #f1f1f1; } .header__dropdown-col_border { border-bottom: 1px solid #f1f1f1; padding-bottom: 25px; } .events__card-listen { width: calc(100% - 30px); padding: 15px; } } @media screen and (max-width: 775px) { .events__card-listen { display: flex; flex-direction: column; } .card-listen__img { margin-bottom: 20px !important; } .card-listen__btn { margin-top: 20px !important; } } /* END Header Custome */ /* Post Baner */ .post-baner { display: block; max-width: 675px; width: 100%; border-radius: 8px; margin-left: auto; margin-right: auto; float: none; padding: 32px 20px; padding-left: 44px !important; } .post-baner .container { max-width: 675px; padding: 0 !important; } .baner-btn { margin-top: 36px; } .baner-btn .avia_iconbox_title { font-size: 15px; font-weight: 600; font-family: "Gibson-Bold", sans-serif !important; } .baner-btn a { margin: 0 !important; padding: 17px 10px 16px !important; min-width: 112px !important; border-radius: 6px !important; } .baner-btn span { margin: 0 !important; padding: 0 !important; } .baner-btn .avia_button_background { display: none; } .post-baner .post__text { padding-top: 0; } .baner-img { width: 274px; } @media only screen and (max-width: 767px) { .post-baner { padding: 15px !important; } .post-baner .flex_column_table { width: 100%; display: flex !important; justify-content: space-between !important; } .post-baner .container { width: 100% !important; max-width: 100% !important; } } @media only screen and (max-width: 705px) { .post-baner { width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; } .post-baner .flex_column { width: 50% !important; } } @media only screen and (max-width: 600px) { .post-baner .flex_column { width: 100% !important; } .post-baner .flex_column_table { flex-direction: column; } .baner-img { float: none !important; margin-right: auto !important; margin-left: auto !important; } .post-baner .post__title-3 { margin-top: 0 !important; } } /* END Post Baner */ /* Footer */ #footer { padding-top: 90px; padding-bottom: 20px; position: relative; } #footer .widget { overflow: visible; } #footer .container { padding-left: 15px; padding-right: 15px; max-width: 1255px; display: flex; flex-wrap: wrap; justify-content: space-between; } #footer .flex_column { width: 158px; margin: 0; display: flex; flex-flow: row; align-content: space-between; } #footer .container .flex_column:nth-child(5) { flex-flow: row wrap; } #footer .flex_column:first-child { width: 223px; } #footer .container .flex_column:before, #footer .container .flex_column:after { display: none; } #footer .widget_icl_lang_sel_widget { margin-top: 65px; } #footer .flex_column #custom_html-3 { margin-top: -8px; } #footer .wrp-logos a img { width: 142px; } #footer .police-text { margin: 0; margin-top: 15px; font-size: 15px; line-height: 24px; color: #555C6F; position: absolute; width: 600px; text-align: center; right: calc(100% + 120px); margin-left: 272px; bottom: 9px; z-index: 99999 !important; } #footer .police-text a { color: #555C6F; } #footer .footer-social-wrp { position: relative; } #footer .widget_nav_menu { margin-top: 22px; max-width: 158px; } #footer .widget_nav_menu .widgettitle { font-size: 14px; line-height: 24px; color: #8D929E; font-weight: normal !important; font-family: "Gibson-Regular", sans-serif !important; margin-bottom: 20px; } #footer .menu li a { font-size: 16px; line-height: 20px; color: #1C263F; padding: 0; margin-bottom: 20px; font-weight: 400; } #footer .widget_icl_lang_sel_widget h3 { text-transform: none; font-weight: normal !important; font-size: 14px; line-height: 24px; color: #8D929E; letter-spacing: 0; position: relative; font-family: "Gibson-Regular", sans-serif !important; } #footer .widget_icl_lang_sel_widget h3:before { content: url('http://hrforecast.com/wp-content/uploads/2021/02/Orion_world-globe-1-1-1.png'); position: relative; margin-right: 7px; top: 4px; } #footer .widget_icl_lang_sel_widget a span { font-size: 16px; line-height: 20px; color: #1C263F; } #footer .widget_icl_lang_sel_widget .lang_sel_list_horizontal { padding-top: 2px; padding-left: 0 !important; border: 0; } #footer .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li a { padding-left: 0; padding-right: 24px; font-weight: 500; font-size: 14px; line-height: 21px; color: #252B35; } #footer .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li a:hover { text-decoration: none; } #footer .wrp-social { display: flex; justify-content: space-between; align-items: center; width: 160px; } #footer .wrp-social a:nth-child(1) img { width: 20px; } #footer .wrp-social a:nth-child(2) img { width: 16px; } #footer .wrp-social a:nth-child(3) img { width: 20px; } #footer .wrp-social a:nth-child(4) img { width: 24px; } #footer .wrp-social a:nth-child(5) img { width: 24px; } #footer .wrp-logos { margin-bottom: 25px; } #footer .footer-social__card { margin-bottom: 24px; display: flex; flex-direction: column; } #footer .footer-social__card .title { font-family: "Gibson-Regular", sans-serif !important; font-size: 14px; line-height: 24px; color: #8D929E; font-weight: normal !important; margin-bottom: 16px; } #footer .footer-social__card:nth-child(2) .title { line-height: 18px; } #footer .footer-social__card a { font-family: "Gibson-Regular", sans-serif !important; font-size: 16px; line-height: 24px; color: #1C263F; font-weight: normal !important; display: flex; margin-bottom: 18px; } #footer .footer-social__card a:hover { text-decoration: none; } #footer .footer-social__card a img { width: 24px; height: 24px; margin-right: 12px; } @media screen and (max-width: 991px) { #footer .flex_column { width: 20% !important; } #footer .police-text { position: relative; width: auto; left: 0; margin-left: 0; bottom: 0; text-align: left; } #footer .footer-social-wrp { padding-right: 15px; } #footer .footer-social__card a { flex-direction: column; } } @media screen and (max-width: 767px) { #footer .flex_column { width: 50% !important; flex-direction: column; padding-right: 15px; } #footer .flex_column #custom_html-3 { left: 0; margin-top: 20px; } #footer .widget { margin-top: 10px; margin-bottom: 10px; } #footer .flex_column { margin-bottom: 0 !important; } #footer .footer-social__card a { flex-direction: row; } } @media screen and (max-width: 480px) { #footer .flex_column { width: 100% !important; padding-right: 0; } #footer #icl_lang_sel_widget-2 { width: 252px; } #footer #nav_menu-7 { width: 200px; } #footer #nav_menu-5 { width: 200px; } #footer { padding-top: 20px; } #footer .police-text { max-width: 300px; width: 100%; font-size: 16px; } #footer .footer-social__card .title { margin-bottom: 6px; } #footer .footer-social__card a { min-height: 48px; align-items: center; margin-bottom: 2px; } #footer .wrp-logos { margin-bottom: 12px; } #footer .wrp-logos a { display: flex; align-items: center; min-height: 48px; } #footer .menu li a { display: flex; align-items: center; min-height: 48px; margin-bottom: 2px; } #footer .widget_nav_menu .widgettitle { margin-top: 0; margin-bottom: 6px; } #footer .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li a { padding: 0 40px 0 0; min-height: 48px; min-width: 150px; display: flex; align-items: center; } #footer .wrp-social { width: 100%; } #footer .wrp-social a { min-height: 48px; width: 48px; display: flex; justify-content: start; align-items: center; } #footer .flex_column #custom_html-3 { margin-top: 5px; } #footer .police-text { display: inline-block; line-height: 28px; } #footer .police-text a { display: inline-block; line-height: 28px; } } /* END Footer */ /* Reports, guides */ .download__featured { min-height: 380px; background-size: auto !important; background-position: 20px 20px !important; } .download__featured .entry-content-wrapper { display: flex; align-items: center; } .download__featured-col-1 { min-width: 590px; padding-top: 20px; padding-left: 5px; } .download__featured-col-2 { margin-left: 15px !important; } .featured_report { display: flex; margin-top: 130px; } .fr-cont { display: flex; justify-content: flex-end; align-items: center; } .fr-cont .right-col { width: 37%; padding-right: 50px; } .fr-tag { width: auto; background: #ffffffa1; text-align: center; padding: 6px 13px 6px 13px; margin-bottom: 20px; border-radius: 8px; font-size: 16px; color: #FD5065; font-weight: normal; line-height: 21px; float: left; clear: both; } .fr-tag p { margin: 0; padding: 0; } .fr-title { margin-top: 0px !important; } .fr-title h2 { font-size: 24px; margin-bottom: 20px; color: #1C263F; line-height: 32px; } .fr-content { font-size: 16px; color: #1C263F; } .fr-readmore-link { font-size: 16px; } .fr-readmore-link:hover { opacity: .9; } .rg-more-link:hover { opacity: .9; } .without-fullwidth .avia-button { min-width: unset !important; } .fr-readmore-link a { color: #3F52FF !important; display: flex !important; padding: 0 !important; background: transparent !important; border: none !important; } .fr-readmore-link .avia-button:hover .avia_button_background { opacity: 0 !important; } .fr-readmore-link a:hover { color: #3F52FF; text-decoration: none; } .fr-readmore-link a span { margin-right: 5px; font-size: 16px; } .section__italic-text.sr h6 { font-family: "verveine" !important; letter-spacing: 0.05px; font-weight: normal !important; text-decoration: none !important; line-height: 39px; } .section__italic-text.sr h6 span { font-family: "verveine" !important; font-weight: normal !important; } .bh-small-padd { padding-bottom: 25px !important; } .peek-button .avia-button { background: transparent !important; font-size: 18px; border: none; padding: 0; } .report-single-img { width: 112px; height: auto; } .fr-full-back-size { background-size: 100%; margin-bottom: 62px !important; } .lll.work-with-us__card.contact-card { position: absolute; top: 0 !important; right: 15px !important; background: #fff !important; padding: 48px 40px 30px 40px !important; border-radius: 10px !important; max-width: unset !important; max-height: unset !important; overflow: visible !important; width: 47% !important; box-shadow: 0px 16px 50px rgb(0 0 0 / 8%), 0px 4px 10px rgb(0 0 0 / 4%) !important; margin: 130px 0 !important; } @media screen and (max-width: 1199px) { .lll.work-with-us__card.contact-card { right: 0 !important; width: 45% !important; } } @media screen and (max-width: 991px) { .download__featured-col-1 { width: 50% !important; min-width: 0; } .download__featured-col-2 { width: 50% !important; } .download__featured .entry-content-wrapper { margin-top: 20px; } } @media screen and (max-width: 1030px) { .download__featured { width: calc(100% - 30px) !important; } } @media screen and (max-width: 767px) { #custom-bg { background-size: cover !important; } .fr-cont .right-col { width: 100%; padding: 50px; } .fr-full-back-size { background-size: cover; } .fr-full-back-size { padding-bottom: 60px; margin-bottom: 0 !important; } .lll.work-with-us__card.contact-card { position: relative !important; top: 0 !important; right: 0 !important; background: #fff !important; padding: 20px 30px 0px 30px !important; border-radius: 10px !important; max-width: unset !important; max-height: unset !important; overflow: visible !important; width: 100% !important; box-shadow: 0px 16px 50px rgb(0 0 0 / 8%), 0px 4px 10px rgb(0 0 0 / 4%) !important; margin: 0px 0 !important; } } @media screen and (max-width: 575px) { .download__featured .entry-content-wrapper { flex-direction: column; } .download__featured-col-1 { width: 100% !important; } .download__featured-col-2 { width: 100% !important; } } .max-w-1060 { max-width: 1000px; width: 1060px; margin: 0 auto; position: relative; float: unset; background-size: 100%; border-radius: 8px; } .max-w-1060 .container { max-width: 1060px; width: 100%; padding-left: 15px; padding-right: 15px; } .s-custom-center { max-width: unset !important; } .masonry-card-posts a.type-report:hover { box-shadow: 0px 15px 20px rgb(0 0 0 / 8%), 0px 4px 10px rgb(0 0 0 / 4%); } .avia_desktop .av-masonry-entry.type-report:hover .av-masonry-image-container { -webkit-transform: scale(1) !important; transform: scale(1) !important; } .sec-form.no-p-pad p { max-width: 100% !important; } .avia_ajax_form input[type="submit"] { font-family: "Gibson-Bold", sans-serif !important; } .hr-team-cover-photo { padding: 0 100px; } .btn-cc { padding-right: 50px } .btn-cc > a > .avia_button_icon_right:after { content: ''; display: block; width: 16px; height: 16px; background: url(https://hrforecast.com/wp-content/uploads/2021/07/Vector.png); background-size: 100%; position: absolute; top: calc(50% - 8px); left: 30px; } .events-speakers .btn-arrow.btn-cc { margin-top: 0px !important; top: 0 !important; } .inline-buttons-with-cc a { background: transparent !Important; border: 0 !Important; box-shadow: none; font-size: 18px; padding: 0; width: auto; font-weight: normal; } .inline-buttons-with-cc a span { color: #3f52ff; font-size: 18px } .inline-buttons-with-cc a:nth-child(1) span:nth-child(2):before { content: ''; display: block; width: 16px; height: 19px; background: url(https://hrforecast.com/wp-content/uploads/2021/02/Orion_download-1@2x.png); background-size: 100%; position: absolute; top: calc(50% - 10px); left: 5px; } .inline-buttons-with-cc a:nth-child(2) { min-width: 55px !important; } .inline-buttons-with-cc a:nth-child(2) span:nth-child(2) { visibility: hidden; overflow: hidden; } .inline-buttons-with-cc a:nth-child(2) span:nth-child(1):before { content: ''; display: block; width: 16px; height: 16px; background: url(https://hrforecast.com/wp-content/uploads/2021/07/Vector.png); background-size: 100%; position: absolute; top: calc(50% - 8px); left: 5px; } .page-id-12117 .flex_column_table.av-equal-height-column-flextable.-flextable .inline-buttons-with-cc, .page-id-14950 .flex_column_table.av-equal-height-column-flextable.-flextable .inline-buttons-with-cc { display: inline-block; position: relative; top: -14px; } .with-cc-button-single-preview .inline-buttons-with-cc { text-align: left; } .with-cc-button-single-preview .inline-buttons-with-cc a:first-child { padding-left: 0; margin-left: 0 !important; } .txt-left-with-padding { text-align: left !important; padding: 0 20px; } .p-left-with-padding { padding: 0 20px; } .c-p-b { margin-bottom: 44px !important; } .skills-hover ul li span span { font-size: unset !important; font-family: unset !important; } /* Podcasts Page */ .podcast__wrp-form .work-with-us__card.contact-card { display: block; position: relative; margin-left: auto !important; margin-right: auto !important; overflow: visible; width: 100%; max-width: 900px; float: none; } .podcast__wrp-form .work-with-us__card h3 span { font-size: 20px; } .sec-more-click { display: none; } .sec-more-click.open { display: block; } .podcast__sec-2-texts { margin-left: 4.5% !important; max-width: 460px; width: 100%; } .podcast__sec-2 .section_btn-orange_custom { margin-top: 22px; } .podcast__sec-2 { padding-bottom: 5px; } .product_sec-3 { padding-top: 120px; padding-bottom: 16px; max-width: 1006px; width: 100%; padding-left: 15px; padding-right: 15px; margin-right: auto; margin-left: auto; } .product_sec-3 .about-us-our-people__col-2 { max-width: 414px; } .events__wrp-btn.podcast-border { border-bottom: 1px solid #F6F6F7 !important; } .home__cards-post-wrp.bg-grey { position: relative; } .home__cards-post-wrp.bg-grey:after { content: ''; height: 100%; width: 100vw; position: absolute; top: 0; background: #f8f8f8; left: 50%; margin-right: -50%; transform: translate(-50%, 0); } .events__cards-post-wrp.podcast-card-1 .home-latest__title { margin-bottom: 20px !important; } .events__cards-post-wrp.podcast-card-1 .card-post:hover { opacity: 1 !important; } .events__cards-post-wrp.podcast-card-1 .home-latest__text p { min-height: 77px; } .podcast__wrp-form .work-with-us__card h3 { margin-top: 70px; margin-bottom: 13px; } .podcast__wrp-form .work-with-us__card.contact-card fieldset { max-width: 605px; } .podcast__wrp-form .work-with-us__card .av-form-text p { font-size: 16px; line-height: 20px; color: #1C263F; margin-bottom: 31px; } .contact-us-wrp .work-with-us__card.contact-card { margin: 0 !important; width: 57% !important; float: left !important; } @media screen and (max-width: 767px) { .podcast__sec-2-texts { margin: 0 !important; padding: 0 !important; } .about-us-our-people__col-2 { padding-top: 30px !important; } .product_sec-3 { padding-top: 30px; } .events__wrp-btn.podcast-border { margin-top: -30px !important; margin-bottom: 0 !important; } .podcast-btn-1 { margin-bottom: 50px !important; } .podcast-btn-2 { margin-top: 20px !important; margin-bottom: 60px !important; } .podcast-btn-3 { margin-bottom: 60px !important; } .podcast__wrp-form .content { padding: 0 !important } .podcast-title-card-2 .podcast-title { margin-top: 10px !important; } } @media screen and (max-width: 480px) { .events__cards-post-wrp.podcast-card-1 .home-latest__title { margin-bottom: 0 !important } .podcast__header-img { margin-top: 0 !important; margin-bottom: 30px !important; } .podcast__header-texts .events__text p { font-size: 16px !important; } .podcast__sec-2 > .container > .content { padding-top: 40px; padding-bottom: 40px; } .contact-info { padding: 30px !important; margin-bottom: 50px !important; } .contact-us-wrp .work-with-us__card .av-form-text p { line-height: 30px; margin-top: 0; margin-bottom: 30px !important; } .contact-us-wrp .contact-card h3 { line-height: 46px; } } @media screen and (max-width: 991px) { .contact-us-wrp .work-with-us__card.contact-card { width: 100% !important; float: none !important; } .contact-info { margin-top: 40px; width: 100% !important; float: none !important; margin-left: auto !important; margin-right: auto !important; } } @media screen and (max-width: 767px) { .contact-us-wrp { margin-top: 80px; } } @media screen and (max-width: 480px) { .lll.work-with-us__card.contact-card { padding: 20px 15px 0 15px !important; } } /* Banner */ .wrp-banner.a2a_kit { padding-right: 20px !important; padding-left: 20px !important; padding-top: 24px !important; padding-bottom: 32px !important; } .wrp-banner { text-align: center; width: 200px !important; position: fixed; top: 150px; left: calc(50vw - 24px) !important; margin-left: -630px; background: #FFFFFF; border-color: #E8E9EC !important; border-radius: 8px; box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.04); } .wrp-banner__img { margin-bottom: 0px; } .wrp-banner__text { margin: 0; margin-bottom: 12px; text-align: center; color: #555C6F; font-weight: 400; font-size: 14px; line-height: 20px; } .wrp-banner__title { margin: 0; margin-bottom: 34px; text-align: center; color: #1C263F; font-weight: 600; font-size: 16px; line-height: 20px; } .wrp-banner__btn-green { padding: 13px 20px; margin-left: auto; margin-right: auto; display: inline; text-align: center; color: #FFFFFF !important; font-weight: 600; font-size: 15px; line-height: 20px; background: #3F52FF; border-radius: 6px; text-decoration: none; font-family: "Gibson-Bold", sans-serif !important; } .wrp-banner__btn-green:hover { text-decoration: none; } @media screen and (max-width: 1320px) { .wrp-banner { margin-left: 0; left: 16px !important; } } @media screen and (max-width: 1130px) { .wrp-banner.a2a_kit { padding: 50px 20px !important; } .wrp-banner { margin-left: auto !important; margin-right: auto; top: 0; margin-left: 0; left: 0 !important; position: relative; display: block !important; width: 100% !important; max-width: 320px; } } /* LP Page Up Skills */ .up-skills__img img { position: relative; left: 16px; top: -4px; } .lp-sec-2__img img { width: 715px; min-width: 715px; position: relative; left: -110px; } .lp-sec-2__texts { margin-left: 130px !important; } .lp-sec-3__texts { width: 47% !important; position: relative !important; } .section__row-texts_custom.lp-sec-3__texts .section__text_custom { max-width: 444px !important; } .lp-sec-3__img img { width: 780px; min-width: 780px; position: relative; top: -35px; left: -76px; } .lp-sec-4__img img { width: 675px; min-width: 675px; position: relative; top: 2px; left: -79px; } .lp-slider-wrp.event-slider .slide-entry-excerpt { min-height: 400px; border-radius: 0; background: transparent; padding: 0; padding-top: 163px; padding-bottom: 20px; display: flex; align-items: center; } .lp-slider-wrp.event-slider .slide-entry-excerpt p { display: flex; align-items: center; width: 66.666%; } .lp-slider-wrp.event-slider .slide-entry-excerpt p strong { font-weight: 400; font-size: 20px; line-height: 26px; color: #1C263F; } .lp-slider-wrp.event-slider .slide-entry-excerpt p strong .section_btn-orange_custom a::before { display: none; } .lp-slider-wrp.event-slider .slide-entry-excerpt p img { width: 467px !important; min-width: 467px; height: 335px; margin-right: 5px; margin-left: 5px; margin-top: 0; } .lp-slider-wrp.event-slider .slide-entry-excerpt p img { width: 100%; object-fit: contain; } .lp-slider-wrp.event-slider .slide-entry-excerpt ul { display: flex; flex-direction: column; list-style-type: none; width: 33.333%; margin-left: 0; } .lp-slider-wrp.event-slider .slide-entry-excerpt ul li { margin-left: 0; position: relative; } .lp-slider-wrp.event-slider .slide-entry-excerpt ul h4 { font-weight: 600 !important; font-size: 108px; line-height: 108px; color: #1C263F; } .lp-slider-wrp.event-slider .slide-entry-excerpt ul li { margin-bottom: 0; height: auto; } .lp-slider-wrp.event-slider .slide-entry-excerpt ul li:last-child { margin-bottom: 0; } .lp-slider-wrp.event-slider .slide-entry-excerpt ul h6 { font-weight: 600 !important; font-size: 32px; line-height: 34px; color: #1C263F; margin-bottom: 0; margin-top: 0; min-height: 0; } .lp-slider-wrp.event-slider .slide-entry-excerpt .img-absolute { width: 200px !important; object-fit: contain; position: absolute; top: 10px; left: 150px !important; } .lp-slider-wrp.event-slider .slide-entry-excerpt .img-absolute.w-176 { width: 176px !important; object-fit: contain; position: absolute; } .lp-slider-wrp.event-slider .section_btn-orange_custom { display: flex; } .calendar-cards__date_yellow h6 { background: rgba(253, 126, 39, 0.12); border-radius: 8px; } /* Lp 2 */ .header-img-lp-2 .up-skills__img img { left: 27px; top: 5px; } .home-header_lp-2 .home-header__text { margin-bottom: 28px; } .lp-sec-2__texts h2 { width: 102%; } .lp-2-sec-1 .lp-sec-2__img img { width: 632px; min-width: 632px; left: -98px; } .lp-2-sec-1 .lp-sec-2__texts { width: 39%; } .lp-2-sec-2 .lp-sec-3__img img { width: 685px; min-width: 685px; top: 8px; left: -66px; } .lp-2-sec-3-wrp .lp-sec-4__img img { width: 706px; min-width: 706px; top: 0px; left: -69px; } .lp-2-slider-wrp.event-slider .slide-entry-excerpt ul h4 strong { font-weight: 600; font-size: 32px; line-height: 65px; margin-left: 10px; } .lp-2-slider-wrp.event-slider .slide-entry-excerpt { padding-top: 16px; } .lp-2-slider-wrp.event-slider .slide-entry-excerpt p img { width: 480px !important; min-width: 480px; height: 612px; margin: 0; position: relative; top: -51px; left: -43px !important; } .lp-2-slider-wrp.event-slider .avia-smallarrow-slider-heading { bottom: 8px; } .lp-2-sec-red .calendar-cards__date h6 { background: rgba(255, 255, 255, 0.2); border-radius: 8px; } .lp-2-sec-red .section__row-texts_custom .sp-lh-26 { max-width: 682px; } /* LP 3 */ .header-img-lp-3 .up-skills__img img { left: 144px; top: 52px; } .lp-3-sec-1 .lp-sec-2__img img { width: 587px; min-width: 587px; left: -18px; top: 56px; } .lp-3-sec-1 .section__text_custom { margin-bottom: 15px; } .lp-3-sec-2 .lp-sec-3__img img { width: 601px; min-width: 601px; top: 74px; left: -59px; } .lp-3-sec-3-wrp .lp-sec-4__img img { width: 713px; min-width: 713px; top: 0px; left: -95px; } .lp-3-sec-red .calendar-cards__date h6 { background: rgba(255, 255, 255, 0.2); border-radius: 8px; } /* LP 4 */ .header-img-lp-4 .up-skills__img img { left: 96px; top: -20px; } .lp-4-sec-2 .lp-sec-2__img img { width: 721px; min-width: 721px; left: -50px; top: -9px; } .lp-4-sec-2 .calendar-cards__date h6 { background: #FEEFE5; } .lp-4-sec-1 .section__text_custom { margin-bottom: 15px; } .lp-4-sec-1 .lp-sec-3__img img { width: 679px; min-width: 679px; top: 41px; left: -100px; } .lp-4-sec-3-wrp .lp-sec-3__img img { width: 713px; min-width: 713px; top: 0px; left: -95px; } .lp-4-sec-4-wrp .calendar-cards__date h6 { background: #FEEFE5; } .lp-4-sec-4-wrp .lp-sec-4__img img { width: 706px; min-width: 706px; top: 2px; left: -72px; } .lp-4-sec-red .section__row-texts_custom .sp-lh-26 { max-width: 692px; } .lp-4-sec-red .calendar-cards__date h6 { background: rgba(255, 255, 255, 0.2); border-radius: 8px; } .lp-4-wrp-slider .lp-slider-wrp.event-slider .slide-entry-excerpt ul h4 { font-size: 92px; } /* Post Slider */ .lp-slider-wrp__post.event-slider .slide-entry-excerpt p img { width: 100% !important; height: auto !important; margin: 0 !important; } .lp-slider-wrp__post.event-slider .slide-entry-excerpt p { width: 100%; } .lp-slider-wrp__post.event-slider .slide-entry-excerpt { width: 100% !important; min-height: auto; padding-top: 0 !important; } .lp-slider-wrp__post.event-slider .avia-smallarrow-slider-heading { bottom: 0 !important; } /* More use cases */ .more-lp-cases .sp-lh-26 { max-width: 800px; } .more-lp-cases .events-card_press .calendar-cards__img-text { position: absolute; top: -163px; left: -96px; } .more-lp-cases { padding-bottom: 0; } .more-lp-2-cases .events-card_press .calendar-cards__img-text { position: absolute; top: -175px; left: -78px; } @media only screen and (max-width: 1400px) { .lp-sec-2__img img { width: auto; min-width: auto; left: 0; } .lp-sec-3__texts { left: 0 !important; } .lp-sec-3__img img { top: 0; left: 0; width: 100%; min-width: 100%; max-width: 780px; } .lp-sec-4__img img { top: 0; left: 0; width: 100%; min-width: 100%; max-width: 780px; } .more-lp-cases .events-card_press .calendar-cards__img-text { top: -72px; left: 15px; } .lp-slider-wrp.event-slider .slide-entry-excerpt { padding-top: 0; } .lp-2-sec-1 .lp-sec-2__img img { width: 100%; min-width: 0; left: 0; } .lp-2-sec-1 .lp-sec-2__texts { width: 38%; } .lp-2-sec-3-wrp .lp-sec-4__img img { width: 100%; min-width: 0; left: 0; } .lp-2-sec-2 .lp-sec-3__img img { width: 100%; min-width: 0; top: 0; left: 0; } .lp-3-sec-3-wrp .lp-sec-4__img img { top: 0; left: 0; width: 100%; min-width: 100%; max-width: 713px; } .lp-3-sec-2 .lp-sec-3__img img, .lp-3-sec-1 .lp-sec-2__img img { width: 100%; min-width: 0; top: 0; left: 0; } .lp-4-sec-3-wrp .lp-sec-4__img img { top: 0; left: 0; width: 100%; min-width: 100%; max-width: 713px; } .lp-4-sec-4-wrp .lp-sec-4__img img, .lp-4-sec-2 .lp-sec-2__img img, .lp-4-sec-1 .lp-sec-3__img img { width: 100%; min-width: 0; top: 0; left: 0; } } @media only screen and (max-width: 1100px) { .lp-slider-wrp { display: block !important; } .lp-slider-wrp.event-slider .slide-entry-excerpt p img { width: 300px !important; min-width: 300px; height: auto; } .lp-slider-wrp__post.event-slider .slide-entry-excerpt p img { width: 100% !important; max-width: 100% !important; } .lp-sec-2__texts h2 { width: 100%; } } @media only screen and (max-width: 991px) { .home-header_lp { margin-top: 50px !important; } .header-img-lp { margin-top: 250px !important; } .lp-sec-2__texts { margin-left: 0 !important; width: 50% !important; } .lp-sec-red .calendar-cards__date { margin-top: 0 !important; margin-bottom: 20px !important; } .smart-plan-use-cases.more-lp-cases .flex_column_table { margin-top: 60px !important; } .lp-slider-wrp.event-slider .slide-entry-excerpt { flex-direction: column; } .lp-slider-wrp.event-slider .slide-entry-excerpt p { flex-direction: column; } .lp-slider-wrp.event-slider .slide-entry-excerpt ul, .lp-slider-wrp.event-slider .slide-entry-excerpt p, .lp-slider-wrp.event-slider .slide-entry-excerpt p strong { width: 100%; } .lp-slider-wrp.event-slider .slide-entry-excerpt .img-absolute { display: none; } .lp-slider-wrp.event-slider .slide-entry-excerpt ul h4 { font-size: 36px; line-height: 46px; } .lp-slider-wrp.event-slider .slide-entry-excerpt ul h6 { font-size: 20px; line-height: 26px; } .lp-slider-wrp.event-slider .slide-entry-excerpt p img { width: 100% !important; max-width: 350px; min-width: 0; height: auto; } .lp-slider-wrp.event-slider .slide-entry-excerpt { padding-bottom: 0 !important; } .lp-slider-wrp__post.event-slider .slide-entry-excerpt p img { width: 100% !important; max-width: 100% !important; } .more-lp-cases .events-card_press .calendar-cards__img-text { top: -90px; left: 15px; } .lp-2-slider-wrp.event-slider .slide-entry-excerpt p img { margin-top: -100px; margin-bottom: -50px; position: relative; z-index: -1; } .lp-4-wrp-slider .lp-slider-wrp.event-slider .slide-entry-excerpt ul h4 { font-size: 36px; } } @media only screen and (max-width: 767px) { .header-img-lp { margin-top: 20px !important; } .up-skills__img img { left: 0; top: 0; } .lp-sec-2__texts { width: 100% !important; } .lp-sec-2__img { margin-right: 0 !important; } .lp-sec-3__img, .lp-sec-4__img { margin-right: 0 !important; } .lp-sec-3__texts { width: 100% !important; } .lp-sec-2 .content { padding-top: 20px !important; } .header-img-lp-2 .up-skills__img img { left: 0; top: 0; } .lp-2-sec-3-wrp .lp-sec-3-wrp__img-wrp { padding-top: 0 !important; } .lp-2-sec-3-wrp .calendar-cards__date_yellow { margin-top: 35px !important; } .lp-3-sec-3-wrp .lp-sec-3-wrp__img-wrp { padding-top: 0 !important; } .header-img-lp-3 .up-skills__img img { left: 0; top: 0; } .header-img-lp-3 .up-skills__img { margin: 0 !important; } .header-img-lp-4 .up-skills__img img { left: 0; top: 0; } } @media only screen and (max-width: 480px) { .lp-sec-1 .content { padding-top: 20px !important; padding-bottom: 20px !important; } .btns-wrp_lp { margin-top: 30px !important; } .more-lp-cases .calendar-cards__title { margin-top: 180px !important; } .lp-wrp-slider .content { padding-top: 20px !important; padding-bottom: 20px !important; } .lp-slider-wrp.event-slider .avia-smallarrow-slider-heading { bottom: -20px; } .lp-2-sec-red { margin-top: 60px !important; } .lp-3-sec-red { margin-top: 60px !important; } .lp-4-sec-red { margin-top: 60px !important; } .lp-4-sec-4-wrp { margin-top: 0 !important; } .header-img-lp-4 .up-skills__img { margin: 0 !important; } } /* LP quiz */ .lp-quiz-heder-text .home-header__text { width: 110%; margin-bottom: 29px; } .lp-quiz-heder-img .up-skills__img img { position: relative; left: -37px; top: -2px; } .lp-sec-2-wrp .section__text_custom p { font-weight: 400; } .lp-sec-2-wrp .block-text { margin-top: 50px !important; max-width: 600px; position: relative; left: 15px; } .lp-sec-2-wrp .bg_white span { background-color: #ffffff !important; color: #FD7E27 !important; } .lp-sec-2-wrp .bg_white a { background-color: #ffffff !important; color: #FD7E27 !important; } .lp-sec-3-top-wrp .av-special-heading-h2 { max-width: 807px; margin-left: auto; margin-right: auto; } .lp-sec-3-top-wrp .events__text { max-width: 100%; } .lp-sec-3-top-wrp .av_textblock_section { max-width: 807px; margin-left: auto; margin-right: auto; } .lp-quiz-card-full { box-shadow: 0px 4px 16px rgba(218, 218, 218, 0.5); } .lp-quiz-card-full .download__featured-col-1 { min-width: 518px; padding-top: 19px; padding-left: 25px; } .lp-quiz-card-full .download__featured-col-2 { max-width: 362px; margin-bottom: 3px !important; } .lp-quiz-card-full .orange-btn a { min-width: 106px; padding: 11px 7px 11px; } .lp-quiz-card-full .orange-btn a span { font-size: 15px; } .lp-quiz-card-full .fr-content p { line-height: 22px; margin-top: 10px; margin-bottom: 10px; } .sec-two-cards.max-w-1060 .container { padding-left: 0; padding-right: 0; } .sec-two-cards .lp-quiz-card-small-1, .sec-two-cards .lp-quiz-card-small-2 { min-height: 376px; } .sec-two-cards .lp-quiz-card-small-2 { width: calc(42.4% - 32px); margin-left: 32px; } .sec-two-cards .orange-btn a { min-width: 106px; padding: 11px 7px 11px; } .sec-two-cards .lp-quiz-card-small-1 .fr-title { max-width: 221px; margin-top: 44px !important; } .sec-two-cards .lp-quiz-card-small-1 .av_textblock_section { max-width: 221px; } .sec-two-cards .lp-quiz-card-small-1 .av_textblock_section p { line-height: 22px; margin-top: 10px; margin-bottom: 10px; } .sec-two-cards .lp-quiz-card-small-2 .av_textblock_section p { line-height: 22px; margin-top: 10px; margin-bottom: 10px; } .sec-two-cards .lp-quiz-card-small-2 .fr-title { max-width: 230px; margin-top: 44px !important; } .sec-two-cards .lp-quiz-card-small-2 .av_textblock_section { max-width: 190px; line-height: 22px; } .lp-quiz-card-small-1 .lp-quiz-card-small__img { position: absolute; top: 51px; right: -56px; } .lp-quiz-card-small-2 .lp-quiz-card-small__img { position: absolute; top: 132px; right: 35px; } .lp-sec-3-wrp .lp-sec-3__img img { width: 1336px; min-width: 1336px; top: -64px; left: -47px; } .lp-sec-3-wrp .lp-sec-3__texts { left: 45px; } .lp-sec-3-wrp .lp-sec-3__texts .av_textblock_section { max-width: 415px; } @media only screen and (max-width: 1100px) { .lp-quiz-heder-img .up-skills__img img { left: 0; width: 80%; margin-left: auto; margin-top: 100px; } .lp-quiz-heder-text { margin-top: 30px !important; } } @media only screen and (max-width: 1035px) { .sec-two-cards { width: calc(100% - 30px); } .lp-quiz-card-small-1 { width: 100% !important; margin-left: 0; margin-bottom: 32px; } .lp-quiz-card-small-2 { width: 100% !important; margin-left: 0 !important; } .sec-two-cards .lp-quiz-card-small-1 .fr-title, .sec-two-cards .lp-quiz-card-small-1 .av_textblock_section, .sec-two-cards .lp-quiz-card-small-2 .fr-title, .sec-two-cards .lp-quiz-card-small-2 .av_textblock_section { max-width: 400px; } .lp-quiz-card-small-1 .lp-quiz-card-small__img { top: 10px; } .lp-quiz-card-small-2 .lp-quiz-card-small__img { top: 50px; } } @media only screen and (max-width: 991px) { .lp-quiz-heder-text .home-header__text { width: 100%; } .lp-sec-2-wrp { margin-bottom: 0 !important; } .lp-quiz-card-full .download__featured-col-1 { min-width: 0 !important; } .lp-sec-3-wrp { margin-top: 50px !important; } } @media only screen and (max-width: 767px) { .lp-quiz-heder-img .up-skills__img img { max-width: 450px; width: 100%; margin-top: 0; margin-left: auto; margin-right: auto; } .lp-quiz-heder-img { margin-top: 50px !important; } .lp-quiz-heder-img .up-skills__img { width: 100%; } .lp-sec-2-wrp__col-1 { margin: 0 !important; padding: 0 !important; } .lp-sec-2-wrp .block-text { left: 0; margin-top: 0 !important; margin-bottom: 0 !important; } .sec-two-cards .container { width: 100% !important; max-width: 100% !important; } .sec-two-cards .lp-quiz-card-small-1 .fr-title, .sec-two-cards .lp-quiz-card-small-1 .av_textblock_section, .sec-two-cards .lp-quiz-card-small-2 .fr-title, .sec-two-cards .lp-quiz-card-small-2 .av_textblock_section { max-width: 50%; } .lp-sec-3-wrp { margin-top: 0 !important; } .sec-two-cards .lp-quiz-card-small-2 { margin-bottom: 0 !important; } .lp-sec-3-wrp .lp-sec-3__img img { width: 170%; min-width: 170%; top: 0; left: 0; } .lp-quiz-card-small-1 { margin-bottom: 32px !important; } } @media only screen and (max-width: 575px) { .lp-quiz-card-full .download__featured-col-1 { padding: 0 !important; margin-bottom: 0 !important; } .lp-quiz-card-full { padding-bottom: 20px; } .sec-two-cards .lp-quiz-card-small-1, .sec-two-cards .lp-quiz-card-small-2 { padding: 20px !important; } } @media only screen and (max-width: 480px) { .lp-quiz-heder-text .home-header__title { margin-top: 80px !important; } .lp-sec-2-wrp { margin-top: 30px !important; } .lp-sec-3-top-wrp .content { padding-bottom: 0 !important; } .lp-quiz-card-small-2 .lp-quiz-card-small__img { right: 15px !important; } .lp-quiz-card-small-1 .lp-quiz-card-small__img { right: -90px; } .sec-two-cards .lp-quiz-card-small-1 .fr-title, .sec-two-cards .lp-quiz-card-small-1 .av_textblock_section, .sec-two-cards .lp-quiz-card-small-2 .fr-title, .sec-two-cards .lp-quiz-card-small-2 .av_textblock_section { max-width: 60%; } } /* Infographics */ .infographics-header { margin-top: 0 !important; margin-bottom: 140px !important; } .infographics-header .header__text_custom { width: 100%; max-width: 460px; } .infographics-header__img img { position: relative; top: 77px; left: -10px; width: 619px; min-width: 619px; } @media only screen and (max-width: 1200px) { .infographics-header .section__italic-text h6 { margin-top: 40px; } } @media only screen and (max-width: 991px) { .infographics-header { margin-bottom: 20px !important; } } @media only screen and (max-width: 767px) { .infographics-header .section__italic-text.link a:after { top: 13px; } .infographics-header__img img { top: 0; left: 57px; width: 100%; min-width: 0; max-width: 619px; } .infographics-card-wrp .flex_cell_inner .flex_column_table { margin-bottom: 0 !important; } } @media only screen and (max-width: 480px) { .infographics-header__img img { left: 32px; } } /* Newsletter */ .newsletter-wrp { margin-top: -119px; } .newsletter__texts { max-width: 500px; margin-left: auto !important; margin-right: 89px; } .newsletter-wrp .flex_cell_inner { display: flex; } .newsletter__title, .newsletter__text { max-width: 475px; } .newsletter__list { font-family: "Gibson-Bold", sans-serif !important; } .newsletter__list ul { margin: 0; margin-top: 32px; list-style-type: none; } .newsletter__list ul li { margin: 0; } .newsletter__list ul li:before { content: url(https://hrforecast.com/wp-content/uploads/2022/04/check_mark.png); margin-right: 8px; position: relative; top: 4px; } .newsletter__form-wrp { max-width: 480px; margin-left: 90px !important; margin-right: auto; } .newsletter__form-wrp .mc-field-group input { margin-top: 8px !important; background: transparent !important; margin-bottom: 8px !important; } .newsletter__form-wrp #mc_embed_signup_scroll .mc-field-group { margin-bottom: 32px !important; padding-bottom: 0; } .newsletter__form-wrp .mc-field-group label { font-weight: 400 !important; } .newsletter__form-wrp .mce_inline_error { background: transparent !important; color: #FD5065 !important; } .newsletter__form-wrp label.checkbox input { display: block !important; position: absolute; left: 0; } .newsletter__form-wrp #mc_embed_signup_scroll label.checkbox { line-height: 20px !important; padding-left: 32px; display: block; position: relative; color: #555C6F !important; font-size: 14px !important; } .newsletter__form-wrp #mc_embed_signup_scroll label.checkbox a { color: #3F52FF; } .newsletter__form-wrp #mergeRow-gdpr { margin-top: -2px !important; padding-bottom: 1px !important; } .newsletter__form-wrp #mergeRow-gdpr .content__gdprLegal { margin-top: -29px; line-height: 20px; color: #555C6F !important; font-size: 14px !important; } .newsletter__form-wrp #mergeRow-gdpr .content__gdprLegal a { color: #3F52FF; } .newsletter__policy p { color: rgba(85, 92, 111, 0.4) !important; } .newsletter__policy p a { text-decoration: none !important; } .newsletter-wrp .avia-builder-el-first { background-position: top 104px right !important; } /* Newsletter */ @media only screen and (max-width: 1199px) { .newsletter__texts { margin-left: auto !important; margin-right: auto; } .newsletter__form-wrp { margin-left: auto !important; margin-right: auto; } } @media only screen and (max-width: 991px) { .newsletter__texts { margin-top: 0 !important; } .newsletter__form-wrp { margin-top: 20px !important; } .newsletter__title { margin-top: 50px !important; } } @media only screen and (max-width: 767px) { .newsletter__texts { margin-top: 140px !important; margin-right: auto !important; } .newsletter__form-wrp { margin-right: auto !important; } } @media only screen and (max-width: 480px) { .newsletter__text p { font-size: 16px; line-height: 20px } .newsletter__list li { font-size: 16px; line-height: 20px } .newsletter__form-wrp { margin-top: 0 !important; } } /* Form for Infographics */ .form-infographics-wrp .container { max-width: 900px; } /* END Form for Infographics */ /* HubSpot Form */ .hbspt-form .input .hs-input { border-color: #E8E9EC !important; border-radius: 8px !important; font-size: 16px !important; padding: 15px 19px !important; background: #ffffff !important; font-weight: 400 !important; color: #1C263F !important; margin-top: 5px !important; margin-bottom: 13px !important; line-height: 18px !important; font-family: "Gibson-Regular", sans-serif !important; } .hbspt-form textarea.hs-input { min-height: 120px !important; } .hbspt-form label span, .hbspt-form legend span { color: #1C263F !important; font-weight: 400 !important; font-size: 16px !important; } .hbspt-form legend { font-size: 12px !important; line-height: 16px; color: #969696; } .hbspt-form fieldset { max-width: 600px !important; margin-left: auto !important; margin-right: auto !important; } .hbspt-form fieldset.form-columns-2 div:first-child .input { margin-right: 12px !important; } .hbspt-form fieldset.form-columns-2 div:last-child .input { margin-left: 12px !important; } .hbspt-form fieldset.form-columns-2 div:last-child label { margin-left: 12px !important; } .hbspt-form .hs-richtext p { font-weight: 400 !important; font-size: 12px !important; line-height: 16px !important; color: #555C6F; } .hbspt-form .hs-richtext p a { color: #4851FC; } .hbspt-form .inputs-list { list-style-type: none; margin: 0; } .hbspt-form .inputs-list li { margin: 0; } .hbspt-form .input input[type="checkbox"] { margin-left: 0; margin-top: 2px !important; } .hbspt-form input[type="checkbox"] + span { font-weight: 400 !important; font-size: 14px !important; line-height: 20px !important; color: #555C6F !important; } .hbspt-form .legal-consent-container { margin-top: -13px; } .hbspt-form .hs-submit input[type="submit"] { background: #FD7E27 !important; border-radius: 6px; font-weight: 600; font-size: 15px; padding: 16px 20px; line-height: 18px; display: block; margin-left: auto; margin-right: auto; color: #ffffff !important; border: 0 !important; font-family: "Gibson-Bold", sans-serif !important; } .hbspt-form .submitted-message { text-align: center; font-size: 26px; line-height: 36px; color: #1C263F; overflow: visible !important; margin-bottom: 60px; } .contact-card .hbspt-form .submitted-message { font-size: 20px; line-height: 26px; } .contact-card .hbspt-form .submitted-message strong { color: #1C263F; } .hbspt-form .submitted-message strong { color: #1C263F; } .hbspt-form .hs-error-msg { width: 100%; text-align: center; color: #FD5065 !important; font-size: 15px !important; display: inline-block !important; font-weight: 400 !important; } .hbspt-form .input .grecaptcha-badge { height: 0 !important; } .hbspt-form .input .hs-fieldtype-intl-phone { padding: 0 !important; width: 100% !important; } #top .contact-card .hbspt-form fieldset { margin-bottom: 10px; } .form-follow-up .hbspt-form form div { margin-bottom: 30px; } .form-follow-up .hbspt-form label span { display: inline-block; font-size: 18px !important; padding-bottom: 10px !important; } .form-follow-up .hbspt-form .input input[type="checkbox"] { margin-right: 10px; } .form-follow-up .hbspt-form input[type="checkbox"] + span { font-size: 14px !important; margin-left: 5px; max-width: calc(100% - 28px); } .form-follow-up .input input { max-width: 470px; } @media only screen and (max-width: 767px) { .hbspt-form form { margin-top: 50px !important; } .contact-card .hbspt-form form { margin-top: 0 !important; } } @media only screen and (max-width: 480px) { .hbspt-form fieldset.form-columns-2 div:first-child .input { margin-right: 0 !important; } .hbspt-form fieldset.form-columns-2 div:last-child .input { margin-left: 0 !important; margin-right: 0 !important; } .hbspt-form .hs-input { margin-bottom: 20px !important; } .hbspt-form fieldset.form-columns-2 { margin-bottom: 0 !important; } .hbspt-form fieldset.form-columns-2 div:last-child label { margin-left: 0 !important; } } /* END HubSpot Form */ /* HubSpot Cookie Settings */ #hs_show_banner_button { display: block; margin-right: auto; margin-left: auto; color: #555C6F; background: transparent; border: 0; font-weight: 500; font-family: "Gibson-Regular", sans-serif !important; font-size: 15px; position: relative; top: -50px; z-index: 2; padding: 0; } #hs_show_banner_button:hover { cursor: pointer; text-decoration: underline; } @media only screen and (max-width: 991px) { #hs_show_banner_button { top: -25px; width: 85%; text-align: left; } } @media only screen and (max-width: 480px) { #hs_show_banner_button { font-size: 16px; } } /* Glossary */ .header-glossary { padding-bottom: 0 !important; } .glossary-letter { position: relative; } .glossary-letter:before { content: url(https://hrforecast.com/wp-content/uploads/2022/05/Find-your-HR-term.png); position: absolute; top: -120px; left: 97px; } .glossary-letter ul { padding-top: 13px; display: flex; flex-wrap: wrap; justify-content: center } .glossary-letter ul li { display: flex; margin-left: 6px; margin-right: 6px; } .glossary-letter ul li a { transition: 0.3s all; font-family: "Gibson-Bold", sans-serif !important; font-weight: bold !important; text-decoration: none !important; } .glossary-letter ul li a:hover { color: #FD7E27 !important; } .glossary-letter-col__list ul { margin: 0; } .glossary-letter-col__list ul li { margin: 0; padding: 0; list-style-type: none; margin-bottom: 20px; } .glossary-letter-col__list ul li a { transition: 0.3s all; display: block; text-decoration: none !important; } .glossary-letter-col__list ul li a:hover { color: #FD7E27 !important; } .glossary-words_post .container { max-width: 1100px; } @media only screen and (max-width: 1199px) { .glossary-letter:before { left: 0; } } @media only screen and (max-width: 991px) { .glossary-letter:before { left: -50px; } } @media only screen and (max-width: 767px) { .glossary-letter:before { display: none; } } /* PwC Page */ .pwc-header-wrp { margin-bottom: 0 !important; padding-bottom: 0; } .pwc-header { margin-bottom: 0 !important; } .sec-form_pwc { margin-top: 100px !important; margin-bottom: 100px !important; position: relative; } .pwc-header .pwc-text-left { max-width: 442px; padding-left: 14px; position: relative; } .pwc-header .pwc-text-left:before { content: url(https://hrforecast.com/wp-content/uploads/2022/05/line.png); position: absolute; top: 0; left: 0; } .pwc-header .pwc-text-right { max-width: 426px; padding-right: 14px; position: relative; margin-left: auto; } .pwc-header .pwc-text-left p { margin: 0 !important; } .pwc-header .pwc-text-right p { text-align: right; margin: 0 !important; } .pwc-header .pwc-text-right:before { content: url(https://hrforecast.com/wp-content/uploads/2022/05/line.png); position: absolute; bottom: 0; right: 0; } .pwc-header__img { margin-top: 80px !important; margin-bottom: 120px !important; } .sec-form_pwc:after { content: url(https://hrforecast.com/wp-content/uploads/2022/05/Discover-the-benefits.png) !important; position: absolute; top: -152px; right: -137px; overflow: visible; } @media only screen and (max-width: 1300px) { .sec-form_pwc:after { top: -80px; right: -20px; } } @media only screen and (max-width: 1199px) { .pwc-header-wrp { border-radius: 0; } } @media only screen and (max-width: 640px) { .sec-form_pwc { margin-top: 50px !important; margin-bottom: 50px !important; padding-top: 260px !important; background-image: url(https://hrforecast.com/wp-content/uploads/2022/05/Explore-our-solutions.png) !important; } .sec-form_pwc:after { display: none; } .pwc-header { padding-right: 0 !important; padding-left: 0 !important; } .pwc-header-wrp .container { width: calc(100% - 32px) !important; max-width: calc(100% - 32px) !important; } } /* Scroll to top */ #scroll-top-link { left: 50px !important; } /* HubSpot */ html body iframe#LeadboosterContainer { z-index: 0 !important; } /* Search Page */ .page-search .container { max-width: 1110px; } .page-search .content { margin: 0; border: 0; } .page-search .page-heading-container { border: 0; margin: 0; padding-right: 0; } .page-search .template-search { padding-top: 0; margin-top: 50px; } .page-search .page-heading-container { background: #f8f8f8; } .page-search .page-heading-container .search_form_field { display: flex; flex-direction: column; align-items: center; padding-top: 107px; padding-bottom: 136px; } .page-search .page-heading-container .search_form_field h4 { text-align: center; font-size: 56px; margin-bottom: 18px; color: #1C263F; } .page-search .page-heading-container .search_form_field p { font-size: 20px; color: #1C263F; text-align: center; } #searchform { margin-top: 20px !important; width: 100%; max-width: 400px; } #searchform div { width: 100%; max-width: 400px !important; } #searchform div input[type="text"] { height: 50px; border: 0; background-color: #ffffff !important; border-radius: 8px; width: calc(100% - 60px) !important; padding: 20px !important; font-size: 16px; color: #8D929E; } #searchform div input[type="submit"] { border-radius: 8px !important; background: #FD7E27; width: 50px !important; height: 50px !important; color: #ffffff; } .av_searchform_element_results h4 { font-size: 18px; } .av_searchform_element_results .av_ajax_search_content .av_ajax_search_title { font-size: 16px; color: #1C263F; } .av_searchform_element_results .av_ajax_search_content .ajax_search_excerpt { font-size: 14px; color: #1C263F; } .av_searchform_element_results .av_ajax_search_image { height: 50px; line-height: 50px; width: 50px; border-radius: 8px; } #top div .av_ajax_search_entry { border-bottom-style: solid; } .av_ajax_search_entry_view_all { color: #FD7E27 !important; border: 0 !important; font-size: 14px !important; } .page-search .template-search { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100% !important; } .page-search .template-search .extra-mini-title { width: 100%; margin-bottom: 30px; } .page-search .template-search .search-post-result { width: calc(33.33333% - 20px) !important; } .page-search .template-search .search-post-result .entry-content-wrapper { padding: 0 !important; } .page-search .search-post-result { transition: 0.3s all; padding: 20px; border: 0.5px solid #EBECF2; background: #fff; margin-bottom: 30px; box-shadow: 0px 4px 10px rgb(0 0 0 / 4%); opacity: 1; border-radius: 8px; } .page-search .search-post-result .image-overlay { display: none !important; } .page-search .search-post-result:hover { box-shadow: 0px 15px 20px rgb(0 0 0 / 8%), 0px 4px 10px rgb(0 0 0 / 4%); } .page-search .search-post-result a:hover { text-decoration: none; } .page-search .search-post-result .entry-content { padding: 0 12px; margin-top: -6px; } .page-search .search-post-result .entry-content p { font-size: 16px; line-height: 20px; color: #1C263F; max-height: 84px; overflow: hidden !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .page-search .page-search__img-prev { overflow: hidden; height: 168px; border-radius: 8px; width: 100% !important; position: relative; background: url(https://hrforecast.com/wp-content/uploads/2022/06/not-found.png) center center no-repeat; background-size: cover; } .page-search .page-search__img-prev img { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); display: block; min-height: 100%; object-fit: cover; } .page-search .post-meta-infos { padding: 28px 12px 0 12px; } .page-search .post-meta-infos .date-container { font-size: 14px; line-height: 20px; color: #555C6F; } .page-search .post-meta-infos .post-title { margin-top: 15px; font-size: 18px; line-height: 20px; max-height: 40px; overflow: hidden; color: #1C263F; font-family: "Gibson-Bold", sans-serif !important; text-align: left; order: 2; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .page-search .pagination { display: flex; justify-content: center; margin-left: auto; margin-right: auto; padding: 20px; padding-top: 25px; } .page-search .pagination a { display: flex; justify-content: center; align-items: center; border: 0.5px solid #EBECF2 !important; box-shadow: 0px 2px 5px rgb(0 0 0 / 4%) !important; background: #fff !important; color: #1C263F; border-radius: 6px !important; margin-left: 2px; margin-right: 2px !important; } .page-search .pagination a:hover { color: #1C263F !important; } .page-search .pagination .current { display: flex; justify-content: center; align-items: center; border: 0.5px solid #fd7e27 !important; box-shadow: 0px 2px 5px rgb(0 0 0 / 4%) !important; background: #fff !important; color: #fd7e27; border-radius: 6px !important; margin-left: 2px; margin-right: 2px !important; } .page-search .pagination .pagination-meta { display: none; } @media only screen and (max-width: 991px) { .page-search .template-search .search-post-result { width: calc(50% - 15px) !important; } } @media only screen and (max-width: 767px) { .page-search .template-search .search-post-result { width: 100% !important; } } @media only screen and (max-width: 480px) { .page-search .page-search__img-prev { height: 100px; } .page-search .post-meta-infos, .page-search .search-post-result .entry-content { padding-left: 0; padding-right: 0; } .page-search .page-heading-container .search_form_field { padding-bottom: 50px; } } /* WPML */ .wpml-ls-legacy-list-horizontal a span { vertical-align: top; } .html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption{ } .page-id-9453 #top #main .avia-section .template-page{ } .page-id-9453 .section__header_costome .container{ max-width: 1160px; } .smartpeople_icon.container__cards div .av_one_third.cards__card { width: calc(33% - 22px); margin-left: 38px; min-height: 514px; } element.style { margin-top: 45px; margin-bottom: 45px; background: #dce0ff; padding: 45px 38px 27px 45px; background-color: #dce0ff; border-radius: 8px; } .smartpeople_icon.container__cards div .av_one_third.cards__card { width: calc(33% - 22px); margin-left: 38px; } .page-id-9453 .card__lists_white .av_iconlist_title{ background-color: transparent !important; } #top.page-id-9453 .av-iconlist-small li{ display: flex; gap: 12px; } #top.page-id-9453 .av-iconlist-small article.article-icon-entry{ margin-top: 3px; } .page-id-9453 .flex_column_table .av-flex-placeholder{ width: 40px !important; } .page-id-9453 .smart-plan-header .header__text_custom { max-width: 460px; margin-bottom: 42px; } .page-id-9453 .section__two-card_custome { min-height: 295px !Important; } @media all and (min-width: 768px){ .smartdata-page-text-min-height{ min-height: 226px !important; } }