/******************
* Header section
******************/

.first_section_content_below_title {
    text-align: center;
    margin-top: 20px;
}

.first_section_content_below_title .below_title {
    font-size: 1.5em;
    font-weight: 600;
    color: #fff;
    line-height: 1.4em;
    text-align: center;
    width: 70%;
    margin: 0 auto 30px;
}

.first_section_content_below_title a {
    margin: 0 auto;
}

.page-template-aihr-hr-glossary-index .first_section_with_background_container {
    max-width: 1130px;
    padding: 145px 50px 140px;
}

.page-template-aihr-hr-glossary-index .first_section_with_background_image {
    position: relative;
}

.page-template-aihr-hr-glossary-index .first_section_with_background_image:before {
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    height: 100px;
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    bottom: -1px;
}

@media (max-width: 1150px) {
    .page-template-aihr-hr-glossary-index .first_section_with_background_image:before {
        height: 80px;
    }
    .first_section_content_below_title .below_title {
        width: 80%;
    }
}

@media (max-width: 1040px) {
    .page-template-aihr-hr-glossary-index .first_section_with_background_container {
        padding: 120px 50px;
    }
}

@media (max-width: 600px) {
    .page-template-aihr-hr-glossary-index .first_section_with_background_image:before {
        height: 60px;
    }
    .first_section_content_below_title .below_title {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .page-template-aihr-hr-glossary-index .first_section_with_background_image:before {
        height: 50px;
    }
    .page-template-aihr-hr-glossary-index .first_section_with_background_container {
        padding: 100px 30px 100px;
    }
}


/******************
 * Footer section
******************/

.page-template-aihr-hr-glossary-index .below_footer_section_overlay,
.page-template-aihr-hr-glossary-index .below_footer_section:before,
.page-template-aihr-hr-glossary-index .below_footer_section:after {
    display: none;
}

.page-template-aihr-hr-glossary-index .below_footer_section h2 {
    color: #fff;
    font-weight: 700;
    font-size: 2.7em;
    line-height: 1.2em;
    margin: 0px 0px 10px;
}

.page-template-aihr-hr-glossary-index .below_footer_section {
    padding: 70px 50px;
    text-align: center;
}

.page-template-aihr-hr-glossary-index .below_footer_section p {
    font-weight: 400;
    font-size: 16px;
    line-height: 2em;
    letter-spacing: -.3px;
    margin: 0 auto 20px;
    color: #fff;
}

.page-template-aihr-hr-glossary-index .home_bottom_footer_button a {
    margin: 0 auto;
}


/*****************
* Sections Filters
*****************/

.search_holder input.orig {
    color: #50585F !important;
    opacity: 1 !important;
    height: 56px!important;
    font-size: 14px!important;
}

.search_holder input.orig::-webkit-input-placeholder {
    color: #50585F !important;
    opacity: 1 !important;
    font-size: 14px!important;
}

.search_holder input.orig::-moz-placeholder {
    color: #50585F !important;
    opacity: 1 !important;
    font-size: 14px!important;
}

.search_holder .asp_main_container {
    background-image: none!important;
    border-radius: 4px!important;
    background-color: rgba(125, 151, 173, 0.1)!important;
    border: none!important;
    height: 56px!important;
}

.search_holder .asp_main_container .probox {
    height: 56px!important;
}

.search_holder .asp_main_container .proloading {
    min-height: 56px!important;
}

.search_holder .asp_main_container .proloading .asp_loader {
    margin-top: 11px!important;
}

.search_holder .asp_main_container .proloading,
.search_holder .asp_main_container .proclose {
    height: 56px!important;
}

.search_holder .asp_main_container .promagnifier {
    height: 56px!important;
    background-image: none!important;
}

.search_holder .asp_main_container .proclose svg {
    background: #1ebbf0!important;
    box-shadow: none!important;
    fill: rgb(256, 256, 256)!important;
}

.search_holder .asp_main_container .promagnifier .innericon {
    height: 56px!important;
    width: 46px!important;
}

.search_holder .asp_main_container .proinput {
    margin-left: 15px!important;
}

.resdrg a h3 {
    font-size: 14px;
    cursor: pointer;
    color: #31216a;
}

body .results .item::after {
    width: calc(100% - 20px)!important;
}

body .vertical {
    background: #fff!important;
    padding: 0px!important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1)!important;
}

body .vertical .item {
    padding: 10px!important;
}

.resdrg a h3:hover {
    color: #1ebbf0;
}

.container {
    max-width: 1130px;
    margin: 0 auto;
}

.filter_letters {
    display: flex;
    padding-top: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.filter_letters span.non_use {
    color: #b1b1b1;
    cursor: default;
    pointer-events: none;
}

.filter_letters span {
    margin: 0px 15px 15px 0px;
    font-weight: 600;
    font-size: 30px;
    cursor: pointer;
    color: #31216A;
}

.filter_letters span:hover {
    color: #1EBBF0;
}

.filter_letters span.activ_letter {
    color: #1ebbf0;
}

.activ_category_mode .section_items_column .item_title {
    display: none;
}

.non_activ_category_mode .section_items_column .item_title {
    display: block!important;
}

.activ_category_mode .section_items_column h2 {
    display: none;
}

.non_activ_category_mode .section_items_column h2 {
    display: block!important;
}

.filters_categories {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.filters_categories span.category_item {
    font-size: 16px;
    color: #31216A;
    padding: 0px 20px 0px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.filters_categories span.category_item:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid #31216A;
    left: 2px;
    top: 8px;
    position: absolute;
}

.filters_categories .category_item.activ_category:after {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #1ebbf0;
    left: 3px;
    top: -1px;
    position: absolute;
    font-size: 16px;
}

.category_titile {
    font-size: 16px;
    color: #31216A;
    padding: 0px 10px 0px 0px;
    font-weight: 600;
}

.category_items_holder {
    flex: 1;
}

.search_holder {
    max-width: 500px;
    margin: 0 auto;
}

.section_filters {
    padding: 50px 0px;
}

body.over_filter .section_filters .container {
    display: flex;
    flex-wrap: wrap;
}

body.over_filter .section_filters .container .search_holder {
    order: 2;
    width: 400px;
}

body.over_filter .section_filters .container .filter_letters {
    order: 1;
    flex: 1;
    padding-top: 0px;
    display: flex;
    align-items: center;
}

body.over_filter .section_filters .container .filter_letters span {
    margin: 0px 10px 0px 0px;
    font-size: 26px;
}

body.over_filter .section_filters .container .filters_categories {
    width: 100%;
    order: 3;
    margin-top: 10px;
}

body.over_filter .section_filters .container .filters_categories .category_titile {
    font-size: 14px;
}

body.over_filter .section_filters .container .filters_categories span.category_item {
    font-size: 14px;
}

body.over_filter .section_filters {
    padding: 20px 0px;
}

body.over_filter .filter_letters {
    padding-top: 20px;
}

body.over_filter .holder_sections {
    padding-top: 268px;
}

body.overlay_class.over_filter .section_filters {
    display: none!important;
}

body.over_filter.logged-in .section_filters {
    position: fixed;
    top: 32px;
    z-index: 10002;
    -webkit-animation: anym_filter 0.27s;
    -moz-animation: anym_filter 0.27s;
    -o-animation: anym_filter 0.27s;
    animation: anym_filter 0.27s;
    animation-timing-function: ease;
    background-color: #fff;
    left: 0px;
    right: 0px;
    border-top: 1px solid #f1f1f1;
}

@-webkit-keyframes anym_filter {
    from {
        top: 0px;
    }
    to {
        top: 32px;
    }
}

@-moz-keyframes anym_filter {
    from {
        top: 0px;
    }
    to {
        top: 32px;
    }
}

@-o-keyframes anym_filter {
    from {
        top: 0px;
    }
    to {
        top: 32px;
    }
}

@keyframes anym_filter {
    from {
        top: 0px;
    }
    to {
        top: 32px;
    }
}

body.over_filter .section_filters {
    position: fixed;
    top: 0px;
    z-index: 10002;
    -webkit-animation: anym_filter2 0.27s;
    -moz-animation: anym_filter2 0.27s;
    -o-animation: anym_filter2 0.27s;
    animation: anym_filter2 0.27s;
    animation-timing-function: ease;
    background-color: #fff;
    left: 0px;
    right: 0px;
    border-top: 1px solid #f1f1f1;
}

@-webkit-keyframes anym_filter2 {
    from {
        top: -85px;
    }
    to {
        top: 0px;
    }
}

@-moz-keyframes anym_filter2 {
    from {
        top: -85px;
    }
    to {
        top: 0px;
    }
}

@-o-keyframes anym_filter2 {
    from {
        top: -85px;
    }
    to {
        top: 0px;
    }
}

@keyframes anym_filter2 {
    from {
        top: -85px;
    }
    to {
        top: 0px;
    }
}

@media (min-width: 1041px) {
    body.over_filter.scroll1_down .section_filters {
        top: 85px;
        -webkit-animation: anym_filter2a 0.27s;
        -moz-animation: anym_filter2a 0.27s;
        -o-animation: anym_filter2a 0.27s;
        animation: anym_filter2a 0.27s;
        animation-timing-function: ease;
    }
    @-webkit-keyframes anym_filter2a {
        from {
            top: 0px;
        }
        to {
            top: 85px;
        }
    }
    @-moz-keyframes anym_filter2a {
        from {
            top: 0px;
        }
        to {
            top: 85px;
        }
    }
    @-o-keyframes anym_filter2a {
        from {
            top: 0px;
        }
        to {
            top: 85px;
        }
    }
    @keyframes anym_filter2a {
        from {
            top: 0px;
        }
        to {
            top: 85px;
        }
    }
}

@media (max-width: 1230px) {
    .container {
        max-width: 100%;
        margin: 0px 50px;
    }
}

@media (max-width: 1040px) {
    body.over_filter.logged-in .section_filters {
        top: 100px;
    }
    @-webkit-keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 100px;
        }
    }
    @-moz-keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 100px;
        }
    }
    @-o-keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 100px;
        }
    }
    @keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 100px;
        }
    }
    body.over_filter .section_filters {
        top: 69px;
    }
    @-webkit-keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 69px;
        }
    }
    @-moz-keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 69px;
        }
    }
    @-o-keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 69px;
        }
    }
    @keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 69px;
        }
    }
}

@media (max-width: 900px) {
    body.over_filter .section_filters .container {
        display: block;
    }
    body.over_filter .section_filters .container .filter_letters {
        margin-top: 10px;
    }
    body.over_filter .category_titile {
        display: none;
    }
}

@media (max-width: 782px) {
    body.over_filter .section_filters {
        top: 69px;
    }
    @-webkit-keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 69px;
        }
    }
    @-moz-keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 69px;
        }
    }
    @-o-keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 69px;
        }
    }
    @keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 69px;
        }
    }
    body.over_filter.logged-in .section_filters {
        top: 115px;
    }
    @-webkit-keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 115px;
        }
    }
    @-moz-keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 115px;
        }
    }
    @-o-keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 115px;
        }
    }
    @keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 115px;
        }
    }
}

@media (max-width: 500px) {
    body.over_filter .section_filters .container .search_holder {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .container {
        margin: 0px 30px;
    }
    body.over_filter .section_filters {
        top: 66px;
    }
    @-webkit-keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 66px;
        }
    }
    @-moz-keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 66px;
        }
    }
    @-o-keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 66px;
        }
    }
    @keyframes anym_filter2 {
        from {
            top: 0px;
        }
        to {
            top: 66px;
        }
    }
    body.over_filter.logged-in .section_filters {
        top: 112px;
    }
    @-webkit-keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 112px;
        }
    }
    @-moz-keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 112px;
        }
    }
    @-o-keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 112px;
        }
    }
    @keyframes anym_filter {
        from {
            top: 0px;
        }
        to {
            top: 112px;
        }
    }
}


/*****************
* Sections Items
*****************/

.section_items_holder {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
}

.section_items_column {
    width: calc(100%/3 - 100px);
    padding-right: 150px;
}

.section_items_column:last-child {
    padding-right: 0px;
}

.section_items {
    background-color: rgb(226, 252, 252);
    padding: 120px 0px 100px;
    position: relative;
}

.section_items:before {
    clip-path: polygon(100% 0, 0 100%, 0% 0%);
    height: 100px;
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    top: -1px;
}

.section_items_column h2 {
    margin: 10px 0px 10px;
    font-weight: 600;
    font-size: 36px;
    color: #31216A;
    display: inline-block;
    line-height: 1;
}

.section_items_column h2.activ_filter_item {
    color: #1ebbf0;
}

.space {
    padding-top: 20px;
}

.item_title a {
    color: #31216A;
    text-decoration: none;
    font-size: 18px;
    line-height: 32px;
}

@media (max-width: 1150px) {
    .section_items:before {
        height: 80px;
    }
}

@media (max-width: 900px) {
    .section_items_column {
        width: calc(100%/3 - 60px);
        padding-right: 90px;
    }
}

@media (max-width: 600px) {
    .section_items_holder {
        padding-top: 0px;
    }
    .section_items:before {
        height: 60px;
    }
    .section_items_column {
        width: calc(50% - 30px);
        padding-right: 30px;
    }
    .section_items_holder .section_items_column:nth-child(1) {
        order: 1;
        padding-bottom: 0px;
    }
    .section_items_holder .section_items_column:nth-child(2) {
        order: 3;
    }
    .section_items_holder .section_items_column:nth-child(3) {
        order: 2;
        padding-bottom: 0px;
    }
    .filters_categories {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .section_items_holder .section_items_column:nth-child(2) {
        order: 2;
    }
    .section_items_holder .section_items_column:nth-child(3) {
        order: 3;
    }
    .page-template-aihr-hr-glossary-index .below_footer_section {
        padding: 60px 30px;
    }
    .section_items {
        padding: 100px 0px 60px;
    }
    .section_items:before {
        height: 50px;
    }
    .section_items_column {
        width: 100%;
        padding-right: 0px;
    }
}