/*!
Theme Name: circa
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: circa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

circa is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 li a body {
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

a:focus {
    outline: none;
}

body.nav_open {
    overflow: hidden;
}

body {
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.inFlex {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

a.nobutton {
    background: #fff;
    border: none !important;
    display: inline-block;
    margin-top: 6px;
    color: #004a95 !important;
    font-size: 15px;
    font-weight: 500;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    padding: 0px !important;
    border-radius: 21px;
}

.su-tabs-nav span {
    font-family: GothamBold, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #004a95 !important;
    margin: 0;
    padding: 0 0 10px 0;
}

.pd-adjust {
    margin: 0 auto;
    padding: 50px 14%;
}

.assessy {
    width: 100%;
    height: 100% !important;
    position: relative !important;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.alignright {
    display: block;
    float: right;
    margin-left: 15px;
}

.alignleft {
    display: block;
    float: left;
    margin-right: 15px;
}

/**** header ****/
header {
    margin: 0;
    padding: 0;
}

header .topBar {
    background: #004a95;
    color: #f4f5f6;
    font-size: 14px;
    font-weight: bold;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 10px 15px;
}

.topBar a {
    color: #fff;
    text-decoration: underline;
}

.topBar a:hover {
    color: #00bc70;
    text-decoration: underline;
}

.headerContent {
    margin: 0;
    padding: 15px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.headerContent .logo {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.headerContent .headerRight {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.headerContent .headerRight .navigation ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 3;
}

.headerContent .headerRight .navigation ul li {
    margin: 0 5px;
    display: inline-flex;
}

.headerContent .headerRight .navigation ul li a {
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #7e7f7f;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 3px 10px;
}

.headerContent .headerRight .navigation ul li:hover a {
    background: transparent;
    color: #004a95;
}

.headerContent .headerRight .navigation ul li.blueLink a {
    color: #004a95;
}

.headerContent .headerRight .navigation ul li.blueLink:hover a {
    color: #004a95;
}

.headerContent .headerRight .navigation ul li.greenLink a {
    color: #00bc70;
}

.headerContent .headerRight .navigation ul li.greenLink:hover a {
    /*color: #00bc70;*/
}

.headerContent .headerRight .requestDemo a {
    background: #00bc71;
    border: 1px solid #00bc71;
    color: #fff;
    padding: 7px 20px;
    border-radius: 80px;
    display: inline-block;
    font-family: GothamMBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.headerContent .headerRight .requestDemo a:hover {
    color: #00bc71;
    background: #fff;
}

.nav_link {
    display: none;
}

.opened_menu ul#top_nav li.hasChildern {
    position: relative;
}

.opened_menu ul#top_nav li.hasChildern ul.children {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #004a95;
}

.opened_menu ul#top_nav li.hasChildern ul.children li {
    display: block;
}

.opened_menu ul#top_nav li.hasChildern ul.children li a {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    display: block;
    color: #fff;
}

.opened_menu ul#top_nav li.hasChildern:hover ul.children {
    display: block;
}

.opened_menu ul#top_nav li.hasChildern ul.children li:last-child a {
    border-bottom: none;
}

.opened_menu ul#top_nav li.hasChildern span.material-icons {
    display: none;
}

.opened_menu .mCustomScrollBox,
.opened_menu .mCustomScrollBox .mCSB_container {
    overflow: visible;
}

.opened_menu .mCSB_scrollTools,
.opened_menu .mCSB_dragger {
    display: none !important;
}

/**** banner ****/
#banner {
    margin: 0;
    padding: 0;
}

.bannerContent {
    margin: 0;
    padding: 0 0 30px 100px;
    position: relative;
    z-index: 2;
    min-height: 250px;
}

.bannerContent h5 {
    font-size: 18px;
    font-weight: bold;
    color: #004a95;
    margin: 0;
    padding: 0 0 10px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

.bannerContent h1 {
    font-size: 40px;
    font-weight: bold;
    color: #00bc70;
    margin: 0;
    padding: 0 0 15px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

.bannerContent p {
    font-size: 16px;
    color: #808080;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.bannerContent a {
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #00bc70;
    margin: 0;
    display: inline-block;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
}

.bannerContent a:hover {
    background: none;
    text-decoration: underline;
}

.bannerImage {
    width: 100%;
    background: url('assets/images/banner-bg.png') no-repeat top center;
    background-size: cover;
    padding: 80px 0 50px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.bannerImage img {
    max-width: 240px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.bannerImageblank {
    width: 100%;
    background: none;
    background-size: cover;
    padding: 80px 0 50px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.jobSearchBannerImage {
    width: 100%;
    background: url('assets/images/jobsearch-banner-bg.png') no-repeat top center;
    background-size: cover;
    padding: 80px 0 50px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.jobSearchBannerImage img {
    max-width: 240px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.resourcesBannerImage {
    min-height: 390px;
    width: 100%;
    background: url('assets/images/resources-banner-bg1.png') no-repeat top center;
    background-size: cover;
    padding: 80px 0 50px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

/**** changeStartHere ****/
#changeStartHere {
    margin: -70px 0 0 0;
    padding: 120px 0 40px 0;
    background: url('assets/images/change-start-bg.png') no-repeat top center;
    background-size: cover;
    text-align: center;
    position: relative;
    z-index: 1;
}

#changeStartHere h2 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

#changeStartHere p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

#changeStartHere ul {
    margin: 0px 0 10px 0;
    padding: 0px;
}

#changeStartHere ul li {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    padding: 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.page-template-applicant-tracking-systems-new #changeStartHere h2 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    text-align: left;
}

.page-template-applicant-tracking-systems-new #changeStartHere p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-align: left;
}

.page-template-applicant-tracking-systems-new #changeStartHere ul {
    margin: 0px 0 10px 15px;
    padding: 0px;
}

.page-template-applicant-tracking-systems-new #changeStartHere ul li {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    padding: 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    list-style: disc;
    text-align: left;
}

.page-template-applicant-tracking-systems-new #What_is_OFCCP ul li {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    padding: 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    list-style: disc;
    text-align: left;
}

@media screen and (min-width: 1001px) {
    .page-template-applicant-tracking-systems-new #What_is_OFCCP ul {
        width: 50%;
    }
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
    .page-template-applicant-tracking-systems-new #What_is_OFCCP ul {
        width: 70%;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .page-template-applicant-tracking-systems-new #What_is_OFCCP ul {
        width: 90%;
    }
}

@media screen and (max-width: 575px) {
    .page-template-applicant-tracking-systems-new #What_is_OFCCP ul {
        width: 100%;
    }
}

.page-template-products #What_is_OFCCP ul li {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    padding: 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    list-style: disc;
    text-align: left;
}

@media screen and (min-width: 1001px) {
    .page-template-products #What_is_OFCCP ul {
        width: 50%;
    }
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
    .page-template-products #What_is_OFCCP ul {
        width: 70%;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .page-template-products #What_is_OFCCP ul {
        width: 90%;
    }
}

@media screen and (max-width: 575px) {
    .page-template-products #What_is_OFCCP ul {
        width: 100%;
    }
}


/**** resources ****/
#resources {
    margin: 0;
    padding: 50px 0 100px 0;
    position: relative;
}

#resources:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url('assets/images/resources-txt-bg.png') no-repeat top center;
    width: 100%;
    height: 200px;
    background-size: contain;
}

.resourcesInner {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.resourcesLftImg {
    width: 190px;
    margin-right: 50px;
    margin-left: -15px;
    display: inline-flex;
    position: relative;
    z-index: 1;
}

.resourcesCaro {
    width: 100%;
    display: inline-flex;
}

#resourcesCarousel .item h5 {
    color: #004a95;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

#resourcesCarousel .item h1 {
    color: #00bc70;
    font-size: 35px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 15px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

#resourcesCarousel .item p {
    color: #808080;
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

#resourcesCarousel .item a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 0 0;
    padding: 8px 50px;
    border-radius: 31px;
    color: #e42c50;
    background: none;
    border: 2px solid #e42c50;
    display: inline-block;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

#resourcesCarousel .item a:hover {
    background: #e42c50;
    color: #fff;
}

#resourcesCarousel.owl-theme .owl-dots {
    text-align: left;
    margin-top: 30px;
}

#resources .resourcesImg {
    position: relative;
    z-index: 1;
    margin: 80px 0px 0 0;
    min-height: 336px;
}

#resources .resourcesImg img {
    width: 100%;
    height: auto;
}

/**** howChangeHappens ****/
#howChangeHappens {
    margin: 0;
    padding: 50px 0 70px 0;
    background: url('assets/images/how-change-happens-bg.png') no-repeat bottom center;
    background-size: cover;
    text-align: center;
}

#howChangeHappens h2 {
    color: #004a95;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 20px 0;
}

#howChangeHappens p {
    color: #808080;
    font-size: 15px;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

#howChangeHappens a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0 0 0;
    padding: 8px 50px;
    border-radius: 31px;
    color: #e42c50;
    background: none;
    border: 2px solid #e42c50;
    display: inline-block;
}

#howChangeHappens a:hover {
    background: #e42c50;
    color: #fff;
}

/**** fourColumns ****/
#fourColumns {
    margin: 0;
    padding: 100px 0 50px 0;
}

.fourColumnsContent {
    text-align: center;
    border-bottom: 2px solid #00bc71;
    margin: 0 10px;
    padding: 0 0 50px 0;
    min-height: 390px;
}

.fourColumnsContent .image img {
    height: auto !important;
    width: auto !important;
}

.fourColumnsContent h2,
.fourColumnsContent h2 a {
    border: none;
    font-size: 22px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #004a95;
    margin: 0;
    padding: 10px 0;
    min-height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fourColumnsContent p {
    font-size: 15px;
    color: #808080;
    margin: 0;
    padding: 0 0 30px 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    min-height: 150px;
}

.fourColumnsContent a {
    font-size: 14px;
    font-weight: 600;
    color: #004a95;
    margin: 0;
    padding: 8px 25px;
    border-radius: 31px;
    border: 2px solid #004a95;
    display: inline-block;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.fourColumnsContent a:hover {
    color: #fff;
    background: #004a95;
}

/**** reviews ****/
.badges img {
    width: 60%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

/**** calculator ****/
#calculator h2 {
    color: #00bc70;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    text-align: center;
}

#calculator p {
    color: #606060;
    font-size: 15px;
    margin: 0;
    padding: 0 0 50px 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-align: center;
}

.op-interactive {
    margin-bottom: -50px !important;
}

#calculator a {
    font-size: 14px;
    font-weight: 600;
    color: #004a95;
    margin: 0;
    padding: 8px 25px;
    border-radius: 31px;
    border: 2px solid #004a95;
    display: inline-block;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

#calculator a:hover {
    color: #fff;
    background: #004a95;
}

.page-id-12024 #calculator {
    background-color: #dfdfdf;
    padding: 60px;
}

.page-id-13373 #calculator {
    background-color: #dfdfdf;
    padding: 60px;
}

@media only screen and (min-width: 0px) and (max-width: 575px) {
    .page-id-12024 #calculator {
        background-color: #dfdfdf;
        padding: 0px;
    }
}

/**** contentbar ****/

.page-id-13373 #contentbar {
    padding: 80px 0 0px 0;
    height: auto;
    background: url(assets/images/horizontal_blue_line.png) top center no-repeat;
    background-size: auto;
    width: 100%;
    background-size: 100%;
}

#contentbar h2 {
    color: #00bc70;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

#contentbar p {
    color: #606060;
    font-size: 15px;
    margin: 0;
    padding: 0 0 50px 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    float: left;
}

.op-interactive {
    margin-bottom: -50px !important;
}

#contentbar a {
    font-size: 14px;
    font-weight: 600;
    color: #004a95;
    margin: 0;
    padding: 8px 25px;
    border-radius: 31px;
    border: 2px solid #004a95;
    display: inline-block;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

#contentbar a:hover {
    color: #fff;
    background: #004a95;
}

#contentbar h5 {
    color: #606060;
    display: block;
    height: 60px;
}


/**** block quote ****/
blockquote {
    border-color: #004a98 !important;
    background-color: #fff !important;
    font-style: italic !important;
    line-height: 32px !important;
    font-size: 18px !important;
    font-family: GothamBook, Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    border-left: 4px solid #65bc7b;
    border-left-color: rgb(101, 188, 123);
    padding: 15px !important;
    margin: 2em !important;
}

/**** counter ****/
.page-template-products .counter-wrapper {
    display: none !important;
}

.page-template-products #audit_success_rate .audit_rate img {
    display: none;
}

.page-template-products .audit_rate div.bannerImageblank img {
    display: flex !important;
}

.page-id-1250 .counter-wrapper {
    display: flex !important;
}

.page-id-1250 #audit_success_rate .audit_rate img {
    display: flex !important;
}


/**** news ****/
.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(1) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(2) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(3) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(4) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(5) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(6) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(7) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(8) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(10) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(11) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(12) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(13) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(14) {
    display: none;
}

.page-id-11994 #content_asset_type.form-control.my-select option:nth-child(15) {
    display: none;
}


/**** leadership ****/
.page-template-leadership-page .fourclmonThank.hostDetails .fourColumnsContent {
    min-height: 440px;
}

/**** TEMP Careers ****/
/* html body.page-template.page-template-template.page-template-career-page.page-template-templatecareer-page-php.page.page-id-6852 section#middleContentArea.mt-5.mb-5.values_content div.container {
     max-width: 40%;
 } */

/**** TEMP embedded forms ****/

/**** Diversity Recruiting ****/
.diversity-table a {
    padding: 0 !important;
    border-radius: 0 !important;
    border: 0px solid #004a95 !important;
    font-size: 16px !important;
}

/* AUTHORS */
.pp-multiple-authors-layout-inline.widget-title.fusion-responsive-typography-calculated {
    font-size: 22px !important;
}

.pp-multiple-authors-layout-inline .avatar,
.pp-multiple-authors-layout-inline .photo {
    width: 71px !important;
    height: 71px !important;
}

.avatar {
    border-radius: 50%;
    margin-bottom: 30px !important;
}

/**** Manifesto ****/
h2.manifesto {
    color: #fff;
    font-size: 27px !important;
    font-weight: 500 !important;
    line-height: 1.7;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamMedium, Arial, Helvetica, sans-serif !important;
}

.page-id-13483 #comment_box {
    display: none;
}

/**** jobSearchForm ****/
#jobSearchForm {
    margin: 0;
    padding: 50px 0;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
}

.jobSearchFormContent {
    text-align: center;
    border-bottom: 2px solid #00bc71;
    margin: 0 50px;
    padding: 0 0 50px 0;
}

.jobSearchFormContent h1 {
    font-size: 35px;
    color: #004a95;
    margin: 0;
    padding: 0 0 40px 0;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
}

.diversityJobsContent h1 {
    font-size: 35px;
    color: #00bc70;
    margin: 0;
    padding: 0 0 40px 0;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
}

.jobSearchFormContent a {
    font-size: 14px;
    color: #808080;
    display: inline-block;
}

.jobSearchFormContent a:hover {
    color: #004a95;
}

.jobSearchFormContent input[type="text"] {
    border: 1px solid #b0b0b0;
    border-radius: 0px;
    font-size: 16px;
    color: #98989a;
    margin-bottom: 30px;
    box-shadow: none;
}

.jobSearchFormContent input[type="submit"] {
    font-size: 18px;
    font-weight: bold;
    color: #e42c50;
    margin: 0;
    padding: 8px 25px;
    border-radius: 31px;
    background: none;
    border: 2px solid #e42c50;
    display: inline-block;
}

.jobSearchFormContent input[type="submit"]:hover {
    color: #fff;
    background: #e42c50;
}

/**** resoucesSearchWrapper ****/
.resoucesSearchWrapper {
    padding: 20px 0 30px 0;
}

.resoucesSearchWrapper input,
.resoucesSearchWrapper select {
    border-radius: 0px;
    font-size: 16px;
    color: #98989a;
    border: 1px solid #b0b0b0;
}

.resourcesSearch {
    position: relative;
}

.resourcesSearch input[type="submit"] {
    position: absolute;
    top: 7px;
    right: 5px;
    font-size: 0px;
    background: url('assets/images/search-icon.png') no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    border: none;
}

/**** resourcesListing ****/
#resourcesListing {
    margin: 0;
    padding: 70px 0 100px 0;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
}

.resourcesList {
    height: 100%;
    position: relative;
    padding-bottom: 70px;
    margin-top: 30px;
}

.resourcesList .image {
    position: relative;
    height: 250px;
}

.resourcesList .image .categoryTag {
    text-align: center;
    background: #05c1ff;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
}

.resourcesList .resourceContent {
    padding: 20px 20px 0 20px;
    position: relative;
}

.resourcesList .resourceContent h2 {
    color: #004a95;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.resourcesList .resourceContent p {
    color: #808080;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.resourcesList a.readMoreBtn {
    font-size: 16px;
    font-weight: 400;
    color: #00bc70;
    margin: 0;
    padding: 6px 25px;
    border-radius: 31px;
    background: none;
    border: 2px solid #00bc70;
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
}

.resourcesList a.readMoreBtn:hover {
    color: #fff;
    background: #00bc70;
}

.resourcesPagination {
    margin: 0;
    padding: 50px 0 0 0;
}

.resourcesPagination ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.resourcesPagination ul li {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 5px;
}

.resourcesPagination ul li a {
    width: 50px;
    height: 50px;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #004a95;
    color: #004a95;
    background: #fff;
    border-radius: 100%;
}

.resourcesPagination ul li a:hover,
.resourcesPagination ul li a.active {
    color: #fff;
    background: #004a95;
}

/**** fourColumns resourcesColumn ****/
#fourColumns.resourcesColumn {
    background: url('assets/images/resource-four-column-bg.png') no-repeat top center;
    background-size: cover;
}

#fourColumns.resourcesColumn .fourColumnsContent p {
    padding-top: 0px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

/**** footer ****/
footer {
    margin: 0;
    padding: 100px 0 0 0;
    background: url('assets/images/footer-bg.webp') no-repeat center center;
    background-size: cover;
}

footer .footerTopContent {
    width: 100%;
    text-align: center;
}

footer .footerTopContent .footerLogo {
    padding-bottom: 6px;
}

footer .footerTopContent .contactNumber a {
    color: #004a95;
    font-size: 14px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

footer .footerTopContent .newsletterRecive a {
    background: #004a95;
    border: 1px solid #004a95;
    display: inline-block;
    margin-top: 6px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 7px 25px;
    border-radius: 21px;
}

footer .footerTopContent .newsletterRecive a:hover {
    color: #004a95;
    background: #fff;
}

footer .socialLinks {
    padding: 20px 0;
    margin: 0 auto;
    display: inline-block;
    width: auto;
}

footer .socialLinks ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

footer .socialLinks ul li {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 10px;
}

footer .socialLinks ul li a {
    border-radius: 100%;
    color: #fff;
    background: #919191;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

footer .socialLinks ul li a:hover {
    background: #004a95;
}

footer ul.footerLinks {
    margin: 20px 0 0 0;
    padding: 0;
}

footer ul.footerLinks li {
    display: block;
    padding-bottom: 4px;
}

footer ul.footerLinks li a {
    color: #808080;
    font-size: 14px;
    font-weight: 500;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

footer ul.footerLinks li a:hover {
    color: #004a95;
}

footer .footerBot {
    padding: 50px 0 20px 0;
}

footer .footerBot .copyright {
    color: #808080;
    font-size: 13px;
    font-weight: 400;
}

footer .footerBot .botBarLinks ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

footer .footerBot .botBarLinks ul li {
    width: 50%;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
}

footer .footerBot .botBarLinks ul li a {
    color: #808080;
    font-size: 13px;
    font-weight: 400;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

footer .footerBot .botBarLinks ul li a:hover {
    color: #004a95;
}

.nav_link {
    display: none;
}


/**** Regulations ****/
.bannerContent h1 {
    font-size: 50px;
    padding-bottom: 0px;
}

.video_bx {
    background: none;
    padding: 10px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}

.video_bx img {
    max-width: 100%;
}

#changeStartHere a {
    background: #004a95;
    border: 1px solid #004a95;
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 0px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    padding: 7px 25px;
    border-radius: 21px;
}

#changeStartHere a:hover {
    color: #004a95;
    background: #fff;
}

#What_is_OFCCP {
    background: url(assets/images/What_is_OFCCP.jpg) top center no-repeat;
    width: 100%;
    background-size: 100% !important;
    position: relative;
}

#What_is_OFCCP .ofccp_content {
    min-height: 275px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

#What_is_OFCCP .ofccp_content h2 {
    font-size: 35px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    line-height: normal;
    margin-top: -10px;
}

#What_is_OFCCP .ofccp_content a {
    background: #e32c50;
    border: 1px solid #e32c50;
    display: inline-block;
    margin-top: 20px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    padding: 7px 25px;
    border-radius: 21px;
}

#What_is_OFCCP .ofccp_content a:hover {
    color: #e32c50;
    background: #fff;
}

#What_is_OFCCP .ofccp_content h3 {
    font-size: 25px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    line-height: normal;
    margin-top: -10px;
}

#audit_success_rate {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    margin-top: 50px;
}

#audit_success_rate .audit_Content {
    width: 100%;
    height: auto;
    padding: 0 0 0 100px;
}

#audit_success_rate .audit_Content h2 {
    font-size: 35px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    color: #00bc70;
}

#audit_success_rate .audit_Content p {
    font-size: 16px;
    color: #808080;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

#audit_success_rate .audit_Content a {
    background: #fff;
    border: 1px solid #e32c50;
    display: inline-block;
    margin-top: 6px;
    color: #e32c50;
    font-size: 15px;
    font-weight: 700;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    padding: 10px 50px;
    border-radius: 21px;
}

#audit_success_rate .audit_Content a:hover {
    color: #fff;
    background: #e32c50;
}

#audit_success_rate .audit_rate {
    padding: 30px 0;
    width: 100%;
    text-align: center;
    position: relative;
}

#audit_success_rate .audit_rate img {
    max-width: 100%;
}

#comment_box {
    width: 100%;
    height: auto;
    background: url(assets/images/horizontal_blue_line.png) top center no-repeat;
    width: 100%;
    background-size: 100%;
    padding-top: 50px;
}

#comment_box.with_with_blue_top_hug {
    background: url(assets/images/horizontal_blue_line.png) top center no-repeat !important;
}

#comment_box.gray_with_gradient_bottom_hug {
    background: url(assets/images/how-change-happens-bg.png) no-repeat bottom center !important;
}

#comment_box h2 {
    margin-bottom: 60px;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 35px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #00bc70;
}

#comment_box .rating_bx {
    width: 100%;
    margin-bottom: 100px;
}

#comment_box .rating_bx span {
    font-size: 15px;
    color: #808080;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    display: block;
}

#comment_box .rating_bx span img {
    max-width: 125px;
    margin-bottom: 15px;
    height: auto;
}

#comment_box .rating_bx h3 {
    font-size: 18px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #00bc70;
    margin: 10px 0;
}

#comment_box .rating_bx .rating_icon {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: flex-end;
}

#comment_box .rating_bx .rating_icon span {
    font-size: 12px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    margin: 0px;
    display: inline-block;
}

#comment_box .rating_bx .rating_icon span img {
    width: auto;
    margin: 0px;
    margin-right: 15px;
}

#comment_box .rating_bx p {
    font-size: 15px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    margin: 10px 0;
}

#comment_box .rating_bx a {
    font-size: 15px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #004a91;
    position: relative;
}

#comment_box .rating_bx a:after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 0px;
    border-bottom: solid 2px #00bc70;
    width: 200px;
}

#last_content_bx {
    width: 100%;
    padding-bottom: 80px;
    padding-top: 80px;
    height: auto;
    background: url(assets/images/right_ring_img.png) top right no-repeat;
}

#last_content_bx .pd_left {
    padding-left: 100px;
}

#last_content_bx .pd_left img {
    width: 100%;
}

#last_content_bx .list_content_bx {
    max-width: 450px;
}

#last_content_bx .list_content_bx h5 {
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #004a95;
    margin: 0;
    padding: 0 0 10px 0;
}

#last_content_bx .list_content_bx h3 {
    font-size: 35px;
    font-weight: bold;
    color: #00bc70;
    margin: 0;
    padding: 0 0 15px 0;
}

#last_content_bx .list_content_bx p {
    font-size: 16px;
    color: #808080;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

#last_content_bx .list_content_bx ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

#last_content_bx .list_content_bx ul li {
    padding: 0 0 5px 25px;
    margin: 0px;
    color: #808080;
    font-size: 15px;
    background: url(assets/images/check_icon.png) 0 8px no-repeat;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
}

#last_content_bx .list_content_bx a {
    background: #fff;
    border: 1px solid #e32c50;
    display: inline-block;
    margin-top: 6px;
    color: #e32c50;
    font-size: 15px;
    font-weight: 400;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    padding: 10px 50px;
    border-radius: 21px;
}

#last_content_bx .list_content_bx a:hover {
    color: #fff;
    background: #e32c50;
}

.image_fix img {
    max-width: 100%;
}

.pd_left {
    padding-left: 100px;
}

/**** /Regulations ****/

/* Request a free demo */
#raq_comment_box {
    width: 100%;
    height: auto;
    width: 100%;
    background-size: 100%;
    padding-top: 50px;
}

#raq_comment_box h2 {
    margin-bottom: 60px;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 35px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #00bc70;
}

#raq_comment_box .rating_bx {
    width: 100%;
    margin-bottom: 100px;
}

#raq_comment_box .rating_bx span {
    font-size: 15px;
    color: #808080;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    display: block;
}

#raq_comment_box .rating_bx span img {
    max-width: 125px;
    margin-bottom: 15px;
}

#raq_comment_box .rating_bx h3 {
    font-size: 18px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #00bc70;
    margin: 10px 0;
}

#raq_comment_box .rating_bx .rating_icon {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: flex-end;
}

#raq_comment_box .rating_bx .rating_icon span {
    font-size: 12px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    margin: 0px;
    display: inline-block;
}

#raq_comment_box .rating_bx .rating_icon span img {
    width: auto;
    margin: 0px;
    margin-right: 15px;
}

#raq_comment_box .rating_bx p {
    font-size: 15px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    margin: 10px 0;
}

#raq_comment_box .rating_bx a {
    position: relative;
}

#raq_comment_box .rating_bx a:after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 0px;
    border-bottom: solid 2px #00bc70;
    width: 200px;
    font-size: 15px;
}

#raq_bt_box {
    width: 100%;
    height: auto;
    background: url(assets/images/horizontal_blue_line.png) top center no-repeat;
    width: 100%;
    background-size: 100%;
    padding-top: 50px;
}

#raq_bt_box h2 {
    margin-bottom: 15px;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 35px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #00bc70;
}

#raq_bt_box p {
    font-size: 12px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #004a91;
    max-width: 550px;
    text-align: center;
    margin: 0 auto 40px;
}

#raq_bt_box .rating_bx {
    width: 100%;
    margin-bottom: 100px;
}

#raq_bt_box .rating_bx span {
    font-size: 15px;
    color: #808080;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    display: block;
}

#raq_bt_box .rating_bx span img {
    max-width: 125px;
    margin-bottom: 15px;
}

#raq_bt_box .rating_bx h3 {
    font-size: 18px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #00bc70;
    margin: 10px 0;
}

#raq_bt_box .rating_bx .rating_icon {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: flex-end;
}

#raq_bt_box .rating_bx .rating_icon span {
    font-size: 12px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    margin: 0px;
    display: inline-block;
}

#raq_bt_box .rating_bx .rating_icon span img {
    width: auto;
    margin: 0px;
    margin-right: 15px;
}

#raq_bt_box .rating_bx p {
    font-size: 15px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    margin: 10px 0;
}

#raq_bt_box .rating_bx a {
    font-size: 15px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #004a91;
    position: relative;
}

#raq_bt_box .rating_bx a:after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 0px;
    border-bottom: solid 2px #00bc70;
    width: 200px;
}

#raq_bt_box .img_box_cls {
    padding: 20px;
    text-align: center;
}

#raq_bt_box .img_box_cls img {
    max-width: 80%;
}

#bottom_img_bx {
    width: 100%;
}

#bottom_img_bx img {
    max-width: 100%;
}

.bannerContent h2 {
    font-size: 23px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #004a91;
}

.bannerContent ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

.bannerContent ul li {
    padding: 0 0 5px 25px;
    margin: 0px;
    color: #004a95;
    font-size: 16px;
    background: url(assets/images/check_icon.png) 0 8px no-repeat;
}

#rfd_form_bx {
    margin: -60px 0 0 0;
    padding: 100px 0 50px 0;
    background: url('assets/images/rfa-bg.png') no-repeat top center;
    background-size: cover;
    text-align: center;
    position: relative;
    z-index: 1;
}

#rfd_form_bx h2 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 20px 0;
}

#rfd_form_bx p {
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 0 0 50px 0;
}

#rfd_form_bx .stats_img img {
    max-width: 100%;
}

#rfd_form_bx .stats_img p {
    font-size: 15px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #fff;
    margin: 0;
    padding: 10px 10px 0px 10px
}

#rfd_form_bx .stats_content {
    margin: 0;
    text-align: left;
    padding: 0 0 0 100px;
}

#rfd_form_bx .stats_content h2 {
    font-size: 30px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding: 0 0 35px 0;
}

#rfd_form_bx .stats_content ul {
    margin: 0;
    padding: 0px;
}

#rfd_form_bx .stats_content ul li {
    list-style: none;
    margin-bottom: 30px;
}

#rfd_form_bx .stats_content ul li a {
    padding: 15px;
    background: #00bc71;
    border-radius: 16px;
    font-size: 18px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #fff;
    display: block;
    max-width: 300px;
    text-align: center;
}

#rfd_form_bx .stats_content ul li a:hover {
    background: #5bcfde;
}

.banner_bg_Image {
    width: 100%;
    background: url(assets/images/request_free_demo.png) no-repeat top center;
    background-size: 100%;
    padding: 60px 0 50px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.rrequest_free_demo {
    margin: 0px;
    padding-left: 100px;
}

.rrequest_free_demo h2 {
    font-size: 17pt;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #e42c50;
    margin-bottom: 5px;
}

.form_txt1 {
    font-size: 11px;
    margin-top: 5px;
}

.form_txt2 {
    font-size: 10px;
    margin-bottom: 5px;
}

.rrequest_free_demo label {
    font-size: 14px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #808080;
    width: 100%;
}

.rrequest_free_demo input[type="text"],
.rrequest_free_demo select {
    border: solid 1px #bbbdbf;
    color: #808080;
    padding: 6px;
    margin-bottom: 5px;
    font-size: 12px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.rrequest_free_demo button.Request_free_demo_btn {
    margin-top: 10px;
    font-size: 18px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #fff;
    background: #e42c50;
    border: none;
    border-radius: 21px;
    padding: 7px 25px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border: solid 1px #e32c50;
}

.rrequest_free_demo button.Request_free_demo_btn:hover {
    color: #e32c50;
    background: #fff;
}

.rrequest_free_demo input[type="text"]:focus,
.rrequest_free_demo select:focus {
    outline: none;
}

/* Request a free demo */

.search {
    padding: 0 15px;
    position: relative;
}

.search img {
    width: 80%;
    cursor: pointer;
}

/**** media query ****/
@media only screen and (min-width: 0px) and (max-width: 575px) {
    .headerContent .logo a img {
        max-width: 120px;
    }

    .headerContent .headerRight .requestDemo a {
        background: #00bc71;
        border: 1px solid #00bc71;
        color: #fff;
        padding: 4px 10px;
    }

    .bannerContent {
        padding: 50px 0 0 0;
    }

    .bannerContent h5 {
        padding: 20px 0 10px 0;
    }

    .bannerContent h1 {
        font-size: 35px;
    }

    .bannerContent p {
        padding: 0 0 10px 0;
    }

    .resourcesBannerImage {
        min-height: 258px;
    }

    .resoucesSearchWrapper input,
    .resoucesSearchWrapper select {
        margin-bottom: 15px;
    }

    .resourcesList .resourceContent h2 {
        font-size: 25px;
        padding: 0 0 10px 0;
    }

    .resourcesList .resourceContent p {
        font-size: 16px;
    }

    .resourcesList a.readMoreBtn {
        font-size: 14px;
    }

    .resourcesPagination ul li a {
        width: 45px;
        height: 45px;
        line-height: 39px;
    }

    #fourColumns {
        padding: 50px 0 20px 0;
    }

    .fourColumnsContent {
        margin: 0 10px 30px 10px;
    }

    footer .socialLinks {
        margin: 0 auto 20px auto;
    }

    footer ul.footerLinks {
        margin: 0;
    }

    footer ul.footerLinks li {
        text-align: center;
    }

    footer .footerBot {
        text-align: center;
        padding-top: 20px;
    }

    footer .footerBot .copyright {
        padding-bottom: 15px;
    }

    footer .footerBot .botBarLinks ul {
        justify-content: center;
    }

    footer .footerBot .botBarLinks ul li {
        width: auto;
        padding: 0 10px;
        justify-content: center;
    }

    .jobSearchBannerImage img {
        max-width: 105px;
    }

    #changeStartHere h2 {
        font-size: 24px;
    }

    .jobSearchFormContent h1 {
        font-size: 28px;
        padding: 0 0 20px 0;
    }

    .jobSearchFormContent {
        padding: 0 0 20px 0;
        margin: 0 50px 30px 50px;
    }

    .jobSearchFormContent input[type="text"] {
        margin-bottom: 15px;
    }

    .bannerImage {
        padding: 50px 0 30px 0;
        margin-top: 10px;
    }

    .bannerImage img {
        max-width: 120px;
    }

    #changeStartHere p {
        padding: 0 0 20px 0;
    }

    .resourcesInner {
        align-items: center;
    }

    .resourcesLftImg {
        width: 70px;
        margin-right: 30px;
    }

    .resourcesLftImg img {
        max-width: 100%;
    }

    .resourcesCaro {
        width: calc(100% + 80px);
        padding-top: 30px;
        margin-left: -85px;
    }

    #resourcesCarousel .item h1 {
        font-size: 24px;
    }

    #resourcesCarousel .item p {
        font-size: 14px;
    }

    #resourcesCarousel .item a {
        font-size: 16px;
        margin: 15px 0 20px 0;
        padding: 6px 30px;
    }

    #resourcesCarousel.owl-theme .owl-dots {
        margin-top: 20px;
    }

    #resources:before {
        top: 10px;
        width: 90%;
        height: 70px;
    }

    #resources .resourcesImg {
        margin: 20px 0 0 0;
        min-height: auto;
    }

    #resources {
        padding: 50px 0 50px 0;
    }

    #howChangeHappens {
        padding: 50px 0;
    }

    #howChangeHappens h2 {
        font-size: 25px;
    }

    #howChangeHappens p {
        font-size: 14px;
    }

    #howChangeHappens a {
        font-size: 16px;
        padding: 6px 30px;
    }

    /**** Regulations ****/
    .bannerContent {
        padding: 0px;
    }

    .bannerContent h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .bannerImage {
        padding: 0px 0 0px 0;
        background-size: 100%;
    }

    #What_is_OFCCP {
        width: 100%;
        background-size: cover;
    }

    #What_is_OFCCP .ofccp_content h2 {
        font-size: 32px;
    }

    #What_is_OFCCP .ofccp_content {
        min-height: 185px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #audit_success_rate .audit_Content {
        padding: 0px;
    }

    #audit_success_rate .audit_Content h2,
    #comment_box h2,
    #last_content_bx .list_content_bx h3,
    #changeStartHere h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    #audit_success_rate {
        margin: 20px 0;
    }

    .pd_left {
        padding-left: 0px;
    }

    #comment_box .rating_bx span img {
        max-width: 100px;
    }

    #comment_box .rating_bx a:after {
        bottom: -20px;
    }

    #last_content_bx .pd_left {
        padding-left: 0px;
        margin-bottom: 30px;
    }

    #comment_box .rating_bx {
        width: 100%;
        margin-bottom: 50px;
    }

    /**** /Regulations ****/
    /* Request a free demo - 10.13.21 */
    html body.page-template.page-template-template.page-template-request-demo.page-template-templaterequest-demo-php.page.page-id-13158 section#banner div.container div.row.flex div.col-xl-5.col-lg-5.col-md-6.col-sm-12.col-12.inFlex {
        padding: 0px !important;
    }

    .page-template-request-demo section#banner div.container div.row.flex div.col-xl-5.col-lg-5.col-md-6.col-sm-12.col-12.inFlex {
        padding: 0px !important;
    }

    .page-template-webinar-new section#banner div.container div.row.flex div.col-xl-5.col-lg-5.col-md-6.col-sm-12.col-12.inFlex {
        padding: 0px !important;
    }

    .banner_bg_Image {
        width: 100%;
        background: url(assets/images/request_free_demo.png) no-repeat top center;
        background-size: 820px !important;
        padding: 60px 0 50px 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        background-position: top center !important;
    }

    .rrequest_free_demo h2 {
        font-size: 17pt;
        font-family: GothamBold, Arial, Helvetica, sans-serif;
        font-weight: 700;
        color: #e42c50;
        margin-bottom: 5px;
        text-align: center;
    }

    .rrequest_free_demo {
        padding-left: 0px;
        width: 100%;
        min-height: 700px;
        padding-top: 80px;
    }

    .rrequest_free_demo iframe {
        min-height: 650px;
    }

    /* Request a free demo */
    .banner_bg_Image {
        /* background: none; */
        padding: 20px 0;
        background-size: 100%;
        background-position: top right;
    }

    .rrequest_free_demo {
        padding-left: 0px;
        width: 100%;
    }

    #rfd_form_bx .stats_content {
        padding: 0px;
    }

    #rfd_form_bx .stats_img p {
        padding: 10px 0px;
        text-align: left;
    }

    #rfd_form_bx .stats_content h2 {
        font-size: 28px;
        padding: 0 0 20px 0;
    }

    #rfd_form_bx .stats_content ul li {
        list-style: none;
        margin-bottom: 20px;
    }

    #rfd_form_bx .stats_content ul li a {
        max-width: 100%;
    }

    #rfd_form_bx {
        padding-bottom: 20px;
    }

    #raq_comment_box h2,
    #raq_bt_box h2 {
        font-size: 28px;
    }

    #raq_comment_box {
        padding-top: 20px;
    }

    #raq_comment_box h2 {
        margin-bottom: 30px;
    }

    #raq_comment_box .rating_bx a:after {
        bottom: -30px;
    }

    #raq_comment_box .rating_bx {
        margin-bottom: 80px;
        padding-left: 0px;
    }

    #raq_bt_box .img_box_cls {
        padding: 0;
        text-align: center;
        border: solid 1px #eee;
        margin-bottom: 20px;
    }

    /* / Request a free demo */
    .search {
        padding: 0px;
        text-align: center;
    }

    .webinars_show_details .modal-body .register_bx_cls {
        display: block !important;
    }

    .webinars_show_details .modal-body .register_bx_cls .register_btn {
        margin-bottom: 20px;
    }

    .webinars_show_details .modal-body .register_bx_cls .register_btn a {
        width: 100%;
        text-align: center;
    }

    .webinar_content h3 {
        text-align: center;
    }

    #top_nav li ul.sub-menu li a {
        line-height: normal !important;
    }

    .list_txt ul {
        margin-left: 0px !important;
    }

    .federal_txt_cls h3 {
        font-size: 80px !important;
    }

    .federal_txt_cls p {
        font-size: 30px !important;
    }

    .logo_bx_cls img {
        width: 100% !important;
    }

    .carousel_txt {
        padding: 0px !important;
        margin-bottom: 10px;
    }

    .audit_rate .counter-wrapper {
        height: 340px !important;
    }

    #last_content_bx {
        background-size: 45% !important;
    }

    .fourColumnsContent p,
    .fourColumnsContent h2,
    .fourColumnsContent {
        min-height: auto !important;
    }

    .error404 .post_Content h2.page-title {
        font-size: 32px !important;
        text-align: center;
    }

    .error404 .post_Content .search-form {
        display: block !important;
    }

    .error404 .post_Content .search-form input.search-field {
        width: 100% !important;
    }

    .error404 .post_Content .search-form input.search-submit {
        width: calc(100% - 15px) !important;
        margin-top: 10px;
        margin-left: 10px !important;
        border-radius: 6px;
    }

    .search_box {
        right: 0 !important;
        width: 180px !important;
    }

    .search section.no-results.not-found h1.page-title,
    .archive section.no-results.not-found h1.page-title {
        font-size: 32px !important;
    }

    .search section.no-results.not-found .search-form,
    .archive section.no-results.not-found .search-form {
        display: block !important;
    }

    .search section.no-results.not-found .search-form input.search-submit,
    .archive section.no-results.not-found .search-form input.search-submit {
        width: calc(100% - 10px) !important;
        margin-top: 10px;
        margin-left: 5px !important;
        border-radius: 6px;
    }

    .value_txt {
        margin: 0px 0 30px 0 !important;
        text-align: center;
    }

    .value_txt h3 {
        font-size: 18px !important;
    }

    .search img {
        width: 60%;
    }

    .requestDemo {
        margin-right: 15px;
    }

    .light_grey_bg_cls .bg_color_bx {
        margin-bottom: 30px;
    }

    .list_style_cls ul li {
        width: 100% !important;
    }

    .opened_menu ul#top_nav li.show ul.sub-menu.show_children {
        display: block !important;
    }

    #top_nav li ul.sub-menu {
        display: none !important;
    }

    .headerRight .search,
    .headerRight .requestDemo {
        display: none;
    }

    .headerContent .logo {
        margin: auto;
    }

    .op-interactive>iframe {
        min-height: auto !important;
    }

    footer ul.footerLinks {
        display: none;
    }

    footer {
        margin: 0;
        padding: 80px 0 0 0 !important;
    }

    .nav_link.open {
        display: inline-flex;
        position: absolute;
        z-index: 3;
        right: 15px;
        top: 100px;
        color: #fff;
    }

    /* #resources {padding: 50px 0 50px 0; background: url('assets/images/resources-left-img.png') no-repeat; background-position: -40px 0px; background-size: 26%;} */
    .circaJobContent label.error,
    .diversityJobsContent label.error {
        top: -10px !important;
        height: auto !important;
    }

    .resourcesCaro {
        margin-top: 0px !important;
    }

    #changeStartHere {
        /* margin: -112px 0 0 0 !important; */
        padding: 120px 0 0px 0;
    }

    #last_content_bx {
        margin-bottom: 0px !important;
    }

    #audit_success_rate .audit_rate {
        padding: 0px 0;
    }

    .fourclmonThank.hostDetails.leader_bx .image {
        max-width: 100% !important;
    }

    .page-template-leadership-page #fourColumns {
        padding: 15px 0 !important;
    }

    .page-template-templateproducts-php .ofccp_content p {
        margin-bottom: 15px !important;
        line-height: 22px;
    }

    .page-template-templateproducts-php #What_is_OFCCP .ofccp_content {
        padding: 30px 0 !important;
    }

    .page-template-templateproducts-php #last_content_bx {
        padding-bottom: 10px !important;
    }

    .page-template-templatepartners-php .bannerContent p {
        padding: 0;
    }

    .page-template-templatepartners-php .resourcesBannerImage img {
        width: 50px;
    }

    .page-template-templatepartners-php .resourcesBannerImage {
        min-height: 165px;
    }

    .page-template-templatepartners-php .resoucesSearchWrapper {
        padding: 0 !important;
    }

    .page-template-templatepartners-php #changeStartHere {
        padding: 80px 0 20px 0 !important;
    }

    .page-template-templatepartners-php #resourcesListing {
        padding: 50px 0 30px 0 !important;
    }

    .page-template-templatepartners-php .resourcesPagination {
        margin: 0;
        padding: 10px 0 0 0;
    }

    .page-template-community-partners #defaultpage .audit_Content {
        margin: 20px 0 !important;
    }

    .page-template-community-partners #defaultpage .default_page_img {
        min-height: 220px !important;
    }

    .community_partners_cls {
        padding: 30px 0 !important;
    }

    #raq_comment_box .rating_bx span img {
        max-width: 100px !important;
        margin-bottom: 0px !important;
    }

    .page-template-request-demo #rfd_form_bx {
        margin: -80px 0 0 0 !important;
    }

    .page-template-applicant-tracking-systems-new #changeStartHere {
        padding: 20px 0;
        margin: 0;
        background: #11c272;
        border-top: 10px solid #bafb9e;
        text-align: left;
    }

    .page-template-applicant-tracking-systems-new #changeStartHere h2 {
        margin-bottom: 0;
    }

    .page-template-applicant-tracking-systems-new #What_is_OFCCP {
        padding: 30px 0;
    }

    .page-template-applicant-tracking-systems-new #last_content_bx {
        margin-bottom: 0px !important;
        padding-bottom: 30px;
        padding-top: 0px;
    }

    .page-template-applicant-tracking-systems-new #changeStartHere p {
        padding: 0;
    }

    #What_is_OFCCP .ofccp_content h2,
    .ofccp_content p {
        text-align: left;
    }

    .page-template-templateproducts-php #changeStartHere {
        margin: 0;
        padding: 100px 0 20px 0;
    }

    .su-row {
        margin-bottom: 0px !important;
    }

    .su-row .su-column {
        margin: 0 !important;
    }

    .page-template-templateproducts-php .fourColumnsContent {
        margin: 10px;
    }

    .page-template-templateproducts-php .fourColumnsContent {
        padding: 0px;
    }

    .page-template-templateproducts-php .fourColumnsContent h2,
    .fourColumnsContent h2 a {
        min-height: 100%;
    }

    .page-template-templateproducts-php #fourColumns {
        padding: 20px 0 20px 0;
    }

    .page-template-templateproducts-php #changeStartHere h2 {
        margin-bottom: 0px;
    }

    .upcoming_list {
        padding-bottom: 10px !important;
    }

    .upcoming_list .more_buttons {
        margin-top: 0px !important;
    }

    .upcoming_list {
        margin-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .upcoming_list .upcoming_Content {
        padding: 20px !important;
        min-height: auto !important;
    }

    .on_demand_list .on_demand_Content {
        min-height: auto !important;
    }

    .on_demand_list .on_demand_Content h2 {
        padding-bottom: 0px !important;
    }

    .page-template-ask-the-experts .bannerContent p {
        padding: 0 !important;
    }

    .page-template-ask-the-experts .bannerImage {
        padding: 0 !important;
        background-size: cover;
        margin: 0 !important;
    }

    .page-template-ask-the-experts #changeStartHere {
        padding: 80px 0 0px 0 !important;
    }

    .page-template-ask-the-experts .top_button_bx {
        margin: 20px 0 0 0 !important;
    }

    .page-template-ask-the-experts .search_button {
        max-width: 95% !important;
    }

    .answer_overlay {
        top: 100px !important;
    }

    .resourcesBannerImage img {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .page-template-resources #changeStartHere {
        padding: 90px 0 0px 0 !important;
    }

    .page-template-leadership-page .fourColumnsContent p {
        min-height: 50px;
    }

    .fourclmonThank.hostDetails .fourColumnsContent p {
        min-height: 50px !important;
    }

    .table-2.diversity-table tr td {
        display: inline-block;
        width: 100%;
        padding: 5px 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bannerContent {
        padding: 30px 0 0 0;
    }

    #changeStartHere {
        padding-bottom: 10px;
    }

    .bannerContent h5 {
        padding: 20px 0 10px 0;
    }

    .resoucesSearchWrapper input,
    .resoucesSearchWrapper select {
        margin-bottom: 15px;
    }

    .resourcesList .resourceContent {
        padding: 10px 10px 0 10px;
    }

    .resourcesList .resourceContent h2 {
        font-size: 21px;
        padding: 0 0 10px 0;
    }

    .resourcesList .resourceContent p {
        font-size: 16px;
    }

    .resourcesList a.readMoreBtn {
        font-size: 14px;
        padding: 6px 20px;
    }

    .resourcesPagination ul li a {
        width: 45px;
        height: 45px;
        line-height: 39px;
    }

    #fourColumns {
        padding: 100px 0 60px 0;
    }

    .fourColumnsContent {
        margin: 0 10px 30px 10px;
        padding: 0 0 30px 0;
    }

    .fourColumnsContent .image img {
        max-height: 50px;
    }

    .jobSearchBannerImage img {
        max-width: 200px;
    }

    .jobSearchFormContent form {
        max-width: 340px;
        margin: 0 auto;
    }

    .jobSearchFormContent {
        margin: 0 50px 30px 50px;
        padding: 0 0 30px 0;
    }

    .bannerImage img {
        max-width: 180px;
    }

    .bannerImage {
        margin-top: 50px;
    }

    .resourcesLftImg {
        width: 120px;
        margin-right: 40px;
    }

    .resourcesLftImg img {
        max-width: 100%;
    }

    #resources:before {
        top: 30px;
        width: 90%;
    }

    .resourcesCaro {
        width: calc(100% + 80px);
        padding-top: 30px;
        margin-left: -80px;
    }

    #resourcesCarousel .item h1 {
        font-size: 29px;
    }

    #resourcesCarousel .item p {
        font-size: 15px;
    }

    #resourcesCarousel .item a {
        font-size: 16px;
        margin-top: 20px;
        padding: 8px 30px;
    }

    #resources .resourcesImg {
        margin: 50px 0 0 0;
        min-height: auto;
    }

    #resources {
        padding: 50px 0 70px 0;
    }

    /**** Regulations ****/
    .bannerContent {
        padding: 0px;
    }

    .bannerContent h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .bannerImage {
        padding: 80px 0 0px 0;
        background-size: 100%;
    }

    #What_is_OFCCP {
        width: 100%;
        background-size: cover;
    }

    #What_is_OFCCP .ofccp_content h2 {
        font-size: 32px;
    }

    #What_is_OFCCP .ofccp_content {
        min-height: 185px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #audit_success_rate .audit_Content {
        padding: 20px 0;
    }

    #audit_success_rate .audit_Content h2,
    #comment_box h2,
    #last_content_bx .list_content_bx h3,
    #changeStartHere h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    #audit_success_rate .audit_rate img {
        max-width: 80%;
    }

    #audit_success_rate {
        margin: 20px 0;
    }

    .pd_left {
        padding-left: 0px;
    }

    #comment_box .rating_bx span img {
        max-width: 100px;
    }

    #comment_box .rating_bx a:after {
        bottom: -20px;
    }

    #last_content_bx .pd_left {
        padding-left: 0px;
        margin-bottom: 30px;
    }

    #comment_box .rating_bx {
        width: 100%;
        margin-bottom: 50px;
    }

    /**** /Regulations ****/
    /* Request a free demo */
    .banner_bg_Image {
        /* background: none; */
        padding: 20px 0;
        background-size: 100%;
        background-position: top right;
    }

    .rrequest_free_demo {
        padding-left: 0;
        width: 100% !important;
    }

    #rfd_form_bx .stats_content {
        padding: 0px;
    }

    #rfd_form_bx .stats_img p {
        padding: 10px 0px;
        text-align: left;
    }

    #rfd_form_bx .stats_content h2 {
        font-size: 28px;
        padding: 0 0 20px 0;
    }

    #rfd_form_bx .stats_content ul li {
        list-style: none;
        margin-bottom: 20px;
    }

    #rfd_form_bx .stats_content ul li a {
        max-width: 100%;
    }

    #rfd_form_bx {
        padding-bottom: 20px;
    }

    #raq_comment_box h2,
    #raq_bt_box h2 {
        font-size: 28px;
    }

    #raq_comment_box {
        padding-top: 20px;
    }

    #raq_comment_box h2 {
        margin-bottom: 30px;
    }

    #raq_comment_box .rating_bx a:after {
        bottom: -30px;
    }

    #raq_comment_box .rating_bx {
        margin-bottom: 80px;
        padding-left: 0px;
    }

    #raq_bt_box .img_box_cls {
        padding: 20px 0;
        text-align: center;
        border: solid 1px #eee;
        margin-bottom: 20px;
    }

    /* / Request a free demo */
    .search {
        padding: 0 0 0 10px;
    }

    .webinars_show_details .modal-body .register_bx_cls {
        display: block !important;
    }

    .webinars_show_details .modal-body .register_bx_cls .register_btn {
        margin-bottom: 20px;
    }

    .webinars_show_details .modal-body .register_bx_cls .register_btn a {
        width: 100%;
        text-align: center;
    }

    #top_nav li ul.sub-menu li a {
        line-height: normal !important;
    }

    .list_txt ul {
        margin-left: 0px !important;
    }

    .federal_txt_cls h3 {
        font-size: 80px !important;
    }

    .federal_txt_cls p {
        font-size: 30px !important;
    }

    .logo_bx_cls img {
        width: 100% !important;
    }

    .carousel_txt {
        padding: 0px !important;
    }

    .audit_rate .counter-wrapper {
        height: 340px !important;
    }

    #last_content_bx {
        background-size: 45% !important;
    }

    .fourColumnsContent p,
    .fourColumnsContent h2,
    .fourColumnsContent {
        min-height: auto !important;
    }

    .error404 .post_Content h2.page-title {
        font-size: 32px !important;
        text-align: center;
    }

    .error404 .post_Content .search-form {
        display: block !important;
    }

    .error404 .post_Content .search-form input.search-field {
        width: 100% !important;
    }

    .error404 .post_Content .search-form input.search-submit {
        width: calc(100% - 15px) !important;
        margin-top: 10px;
        margin-left: 10px !important;
        border-radius: 6px;
    }

    .search_box {
        right: 0 !important;
        width: 180px !important;
    }

    .search section.no-results.not-found h1.page-title,
    .archive section.no-results.not-found h1.page-title {
        font-size: 32px !important;
    }

    .search section.no-results.not-found .search-form,
    .archive section.no-results.not-found .search-form {
        display: block !important;
    }

    .search section.no-results.not-found .search-form input.search-submit,
    .archive section.no-results.not-found .search-form input.search-submit {
        width: calc(100% - 10px) !important;
        margin-top: 10px;
        margin-left: 5px !important;
        border-radius: 6px;
    }

    .value_txt {
        margin: 0px 0 30px 0 !important;
        text-align: center;
    }

    .value_txt h3 {
        font-size: 18px !important;
    }

    .search img {
        width: 60%;
    }

    .requestDemo {
        margin-right: 15px;
    }

    .light_grey_bg_cls .bg_color_bx {
        margin-bottom: 30px;
    }

    .list_style_cls ul li {
        width: 100% !important;
    }

    .opened_menu ul#top_nav li.show ul.sub-menu.show_children {
        display: block !important;
    }

    #top_nav li ul.sub-menu {
        display: none !important;
    }

    .headerRight .search,
    .headerRight .requestDemo {
        display: none;
    }

    .headerContent .logo {
        margin: auto;
    }

    .op-interactive>iframe {
        min-height: auto !important;
    }

    footer ul.footerLinks {
        display: none;
    }

    footer {
        margin: 0;
        padding: 80px 0 0 0;
    }

    .nav_link.open {
        display: inline-flex;
        position: absolute;
        z-index: 3;
        right: 15px;
        top: 100px;
        color: #fff;
    }

    /* #resources {padding: 50px 0 50px 0; background: url('assets/images/resources-left-img.png') no-repeat; background-position: -40px 0px; background-size: 26%;} */
    .circaJobContent label.error,
    .diversityJobsContent label.error {
        top: -10px !important;
        height: auto !important;
    }

    .resourcesCaro {
        margin-top: 0px !important;
    }

    #changeStartHere {
        /* margin: -100px 0 0 0 !important; */
    }

    #last_content_bx {
        margin-bottom: 0px !important;
    }

    #audit_success_rate .audit_rate {
        padding: 0px 0;
    }

    .fourclmonThank.hostDetails.leader_bx .image {
        max-width: 100% !important;
    }

    .page-template-leadership-page #fourColumns {
        padding: 15px 0 !important;
    }

    .page-template-templateproducts-php .ofccp_content p {
        margin-bottom: 15px !important;
        line-height: normal;
    }

    .page-template-templateproducts-php #What_is_OFCCP .ofccp_content {
        padding: 30px 0 !important;
    }

    .page-template-templateproducts-php #last_content_bx {
        padding-bottom: 30px !important;
    }

    .page-template-templatepartners-php .bannerContent p {
        padding: 0;
    }

    .page-template-templatepartners-php .resourcesBannerImage img {
        width: 50px;
    }

    .page-template-templatepartners-php .resourcesBannerImage {
        min-height: 165px;
    }

    .page-template-templatepartners-php .resoucesSearchWrapper {
        padding: 0 !important;
    }

    .page-template-templatepartners-php #changeStartHere {
        padding: 80px 0 20px 0 !important;
    }

    .page-template-templatepartners-php #resourcesListing {
        padding: 50px 0 30px 0 !important;
    }

    .page-template-templatepartners-php .resourcesPagination {
        margin: 0;
        padding: 10px 0 0 0;
    }

    .page-template-community-partners #defaultpage .audit_Content {
        margin: 20px 0 !important;
    }

    .page-template-community-partners #defaultpage .default_page_img {
        min-height: 220px !important;
    }

    .community_partners_cls {
        padding: 30px 0 !important;
    }

    #raq_comment_box .rating_bx span img {
        max-width: 100px !important;
        margin-bottom: 0px !important;
    }

    .page-template-request-demo #rfd_form_bx {
        margin: -80px 0 0 0 !important;
    }

    .page-template-applicant-tracking-systems-new #changeStartHere {
        padding: 20px 0;
        margin: 0;
        background: #11c272;
        border-top: 10px solid #bafb9e;
        text-align: left;
    }

    .page-template-applicant-tracking-systems-new #changeStartHere h2 {
        margin-bottom: 0;
    }

    .page-template-applicant-tracking-systems-new #What_is_OFCCP {
        padding: 30px 0;
    }

    .page-template-applicant-tracking-systems-new #last_content_bx {
        margin-bottom: 0px !important;
        padding-bottom: 30px;
        padding-top: 0px;
    }

    .page-template-applicant-tracking-systems-new #changeStartHere p {
        padding: 0;
    }

    #What_is_OFCCP .ofccp_content h2,
    .ofccp_content p {
        text-align: left;
    }

    .page-template-templateproducts-php #changeStartHere {
        margin: 0;
        padding: 100px 0 0 0;
    }

    .su-row {
        margin-bottom: 0px !important;
    }

    .su-row .su-column {
        margin: 0 !important;
    }

    .page-template-templateproducts-php .fourColumnsContent {
        margin: 10px;
    }

    .page-template-templateproducts-php .fourColumnsContent {
        padding: 0px;
    }

    .page-template-templateproducts-php .fourColumnsContent h2,
    .fourColumnsContent h2 a {
        min-height: 100%;
    }

    .page-template-templateproducts-php #fourColumns {
        padding: 20px 0 20px 0;
    }

    .page-template-templateproducts-php #changeStartHere h2 {
        margin-bottom: 0px;
    }

    .upcoming_list {
        padding-bottom: 10px !important;
    }

    .upcoming_list .more_buttons {
        margin-top: 0px !important;
    }

    .upcoming_list {
        margin-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .upcoming_list .upcoming_Content {
        padding: 20px !important;
        min-height: auto !important;
    }

    .on_demand_list .on_demand_Content {
        min-height: auto !important;
    }

    .on_demand_list .on_demand_Content h2 {
        padding-bottom: 0px !important;
    }

    .page-template-ask-the-experts .top_button_bx {
        margin: 20px 0 0 0 !important;
    }

    .page-template-ask-the-experts .search_button {
        max-width: 95% !important;
    }

    .answer_overlay {
        top: 100px !important;
    }

    .resourcesBannerImage img {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .page-template-resources #changeStartHere {
        padding: 90px 0 0px 0 !important;
    }

    .page-template-leadership-page .fourColumnsContent p {
        min-height: 50px;
    }

    .fourclmonThank.hostDetails .fourColumnsContent p {
        min-height: 50px !important;
    }

    .table-2.diversity-table tr td {
        display: inline-block;
        width: 100%;
        padding: 5px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bannerContent {
        padding: 14px 0 30px 0 !important;
    }

    .bannerContent h5 {
        padding: 0;
    }

    .bannerContent h1 {
        font-size: 31px;
        padding: 0 0 5px 0;
    }

    .resourcesBannerImage {
        min-height: 260px;
    }

    .resourcesList .resourceContent {
        padding: 15px 15px 0 15px;
    }

    .resourcesList .resourceContent h2 {
        font-size: 25px;
        padding: 0 0 10px 0;
    }

    .resourcesList .resourceContent p {
        font-size: 16px;
    }

    #fourColumns {
        padding: 100px 0 60px 0;
    }

    .fourColumnsContent {
        margin: 0 10px 30px 10px;
        padding: 0 0 30px 0;
    }

    .jobSearchBannerImage {
        padding: 60px 0 40px 0;
    }

    .jobSearchBannerImage img {
        max-width: 84px;
    }

    .jobSearchFormContent {
        margin: 0 10px;
    }

    .jobSearchFormContent h1 {
        font-size: 26px;
    }

    .bannerImage img {
        max-width: 130px;
    }

    .bannerContent p {
        padding: 0 0 10px 0;
    }

    .bannerContent a {
        font-size: 16px;
        padding: 4px 25px;
    }

    #changeStartHere p {
        padding: 0 0 30px 0;
    }

    #resources:before {
        top: 10px;
        width: 90%;
    }

    .resourcesLftImg {
        width: 100px;
        margin-right: 20px;
    }

    .resourcesLftImg img {
        max-width: 100px;
    }

    .resourcesCaro {
        padding-top: 80px;
        width: calc(100% - 105px);
    }

    #resourcesCarousel .item h1 {
        font-size: 28px;
    }

    #resourcesCarousel .item p {
        font-size: 15px;
    }

    #resourcesCarousel .item a {
        font-size: 16px;
        margin: 15px 0 0 0;
        padding: 5px 30px;
    }

    #resources .resourcesImg {
        margin: 80px 0px 0 0;
    }

    .resourcesInner {
        align-items: center;
    }

    #resources {
        padding: 50px 0 50px 0;
    }

    #What_is_OFCCP {
        background-size: cover !important;
    }

    #audit_success_rate .audit_Content,
    #comment_box .rating_bx,
    #last_content_bx .pd_left {
        padding: 0 !important;
    }

    #last_content_bx .list_content_bx {
        max-width: 100% !important;
        margin-top: 30px;
    }

    #audit_success_rate .audit_Content {
        margin-top: 30px;
    }

    #rfd_form_bx .stats_content,
    .pd_left {
        padding: 0;
    }

    .rrequest_free_demo {
        padding-left: 0;
        width: 100% !important;
    }

    #rfd_form_bx .stats_content ul li a {
        padding: 10px 15px;
    }

    #rfd_form_bx {
        padding: 100px 0 40px 0;
    }

    .logo_bx_cls p img {
        width: 50% !important;
        height: auto;
    }

    .federal_txt_cls h3 {
        font-size: 80px !important;
    }

    .federal_txt_cls p:last-child {
        font-size: 20px !important;
        line-height: normal;
    }

    .federal_txt_cls p {
        font-size: 20px !important;
    }

    #rfd_form_bx p {
        padding-bottom: 30px;
    }

    .requestDemo {
        margin-right: 15px;
    }

    /* #top_nav li ul.sub-menu {
         background: transparent !important;
         position: relative !important;
         top: 0 !important;
         left: 10px !important;
         margin-bottom: 0;
         margin-top: 0 !important;
         width: auto !important;
         padding:0;
         box-shadow: none;
         opacity: 1 !important;
         visibility: visible !important;
     } */
    #top_nav li ul.sub-menu li a {
        line-height: normal !important;
        font-size: 14px;
        padding-left: 10px;
    }

    .opened_menu {
        overflow: hidden;
        position: fixed;
        z-index: 3;
        background: #2b2b2b;
        height: 100vh;
        width: 100%;
        right: -100%;
        top: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        padding-top: 130px;
    }

    .opened_menu.show_menu {
        right: 0;
        overflow: visible;
        display: block;
    }

    .opened_menu ul#top_nav {
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: 450px;
        max-width: 500px;
        width: 100%;
        overflow-y: auto;
    }

    .opened_menu ul#top_nav li {
        display: flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        font-weight: 300;
        font-size: 32px;
        color: #fff;
        padding: 5px 0;
    }

    .opened_menu ul#top_nav li a {
        color: #fff;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children {
        display: none;
        width: 100%;
        padding: 10px 0 10px 30px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children.show_children {
        display: block;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children li {
        font-size: 25px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children li:last-child {
        padding-bottom: 0;
    }

    .opened_menu ul#top_nav li.hasChildern.show span.material-icons {
        transform: rotate(180deg);
    }

    .opened_menu ul#top_nav li.hasChildern span.material-icons {
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        cursor: pointer;
    }

    .opened_menu ul#top_nav li a:hover {
        color: #29B0C5;
    }

    .opened_menu .mCSB_scrollTools .mCSB_draggerRail {
        background: transparent !important;
    }

    .opened_menu ul li.mobi_nav {
        display: none !important;
    }

    .opened_menu ul li.mobi_nav span {
        display: block !important;
        padding: 6px 0;
    }

    .opened_menu .menu-main-menu-container {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .opened_menu ul#top_nav li>a {
        position: relative;
    }

    .opened_menu ul#top_nav>li>a::after {
        position: absolute;
        top: 15px;
        right: 10px;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
    }

    .opened_menu ul#top_nav>li:last-child>a::after {
        display: none;
    }

    .opened_menu ul#top_nav>li:nth-last-child(2)>a::after {
        display: none;
    }

    #top_nav li ul.sub-menu {
        background: transparent !important;
        position: relative !important;
        top: 0 !important;
        left: 10px !important;
        margin-bottom: 0;
        margin-top: 0 !important;
        width: auto !important;
        padding: 0;
        box-shadow: none;
        opacity: 1 !important;
        visibility: visible !important;
        display: none !important;
    }

    .opened_menu ul#top_nav li.show ul.sub-menu.show_children {
        display: block !important;
    }

    .nav_link.open {
        display: inline-flex;
        position: absolute;
        z-index: 3;
        right: 40px;
        top: 90px;
        color: #fff;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bannerContent {
        padding: 20px 0 30px 50px;
    }

    .resourcesBannerImage {
        min-height: 295px;
    }

    .resourcesList .resourceContent {
        padding: 15px 15px 0 15px;
    }

    .resourcesList .resourceContent h2 {
        font-size: 21px;
        padding: 0 0 10px 0;
    }

    .resourcesList .resourceContent p {
        font-size: 15px;
    }

    .fourColumnsContent p {
        font-size: 14px;
    }

    .jobSearchBannerImage img {
        max-width: 122px;
    }

    .jobSearchFormContent h1 {
        font-size: 28px;
    }

    .jobSearchFormContent {
        padding: 0 0 30px 0;
    }

    .bannerImage img {
        max-width: 155px;
    }

    #resources:before {
        top: 30px;
        width: 80%;
    }

    .resourcesLftImg {
        width: 130px;
        margin-right: 30px;
    }

    .resourcesLftImg img {
        max-width: 100%;
    }

    .resourcesCaro {
        width: calc(100% - 150px);
        padding-top: 110px;
    }

    #resourcesCarousel .item a {
        font-size: 16px;
        padding: 6px 30px;
    }

    .fourColumnsContent h2 {
        font-size: 21px;
    }

    #What_is_OFCCP {
        background-size: cover !important;
    }

    #audit_success_rate .audit_Content,
    #comment_box .rating_bx,
    #last_content_bx .pd_left {
        padding: 0 !important;
    }

    #last_content_bx .list_content_bx {
        max-width: 100% !important;
        margin-top: 30px;
    }

    #audit_success_rate .audit_Content {
        margin-top: 30px;
    }

    #rfd_form_bx .stats_content,
    .pd_left {
        padding: 0;
    }

    .rrequest_free_demo {
        padding-left: 0;
        width: 100% !important;
    }

    #rfd_form_bx .stats_content ul li a {
        padding: 10px 15px;
    }

    #rfd_form_bx {
        padding: 100px 0 10px 0;
    }

    .logo_bx_cls p img {
        width: 50% !important;
        height: auto;
    }

    .federal_txt_cls h3 {
        font-size: 80px !important;
    }

    .federal_txt_cls p:last-child {
        font-size: 20px !important;
        line-height: normal;
    }

    .federal_txt_cls p {
        font-size: 20px !important;
    }

    #rfd_form_bx p {
        padding-bottom: 30px;
    }

    .requestDemo {
        margin-right: 15px;
    }

    /* #top_nav li ul.sub-menu {
         background: transparent !important;
         position: relative !important;
         top: 0 !important;
         left: 10px !important;
         margin-bottom: 0;
         margin-top: 0 !important;
         width: auto !important;
         padding:0;
         box-shadow: none;
         opacity: 1 !important;
         visibility: visible !important;
     } */
    #top_nav li ul.sub-menu li a {
        line-height: normal !important;
        font-size: 14px;
        padding-left: 10px;
    }

    .opened_menu {
        overflow: hidden;
        position: fixed;
        z-index: 3;
        background: #2b2b2b;
        height: 100vh;
        width: 100%;
        right: -100%;
        top: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        padding-top: 130px;
    }

    .opened_menu.show_menu {
        right: 0;
        overflow: visible;
        display: block;
    }

    .opened_menu ul#top_nav {
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: 450px;
        max-width: 500px;
        width: 100%;
        overflow-y: auto;
    }

    .opened_menu ul#top_nav li {
        display: flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        font-weight: 300;
        font-size: 32px;
        color: #fff;
        padding: 5px 0;
    }

    .opened_menu ul#top_nav li a {
        color: #fff;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children {
        display: none;
        width: 100%;
        padding: 10px 0 10px 30px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children.show_children {
        display: block;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children li {
        font-size: 25px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children li:last-child {
        padding-bottom: 0;
    }

    .opened_menu ul#top_nav li.hasChildern.show span.material-icons {
        transform: rotate(180deg);
    }

    .opened_menu ul#top_nav li.hasChildern span.material-icons {
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        cursor: pointer;
    }

    .opened_menu ul#top_nav li a:hover {
        color: #29B0C5;
    }

    .opened_menu .mCSB_scrollTools .mCSB_draggerRail {
        background: transparent !important;
    }

    .opened_menu ul li.mobi_nav {
        display: none !important;
    }

    .opened_menu ul li.mobi_nav span {
        display: block !important;
        padding: 6px 0;
    }

    .opened_menu .menu-main-menu-container {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .opened_menu ul#top_nav li>a {
        position: relative;
    }

    .opened_menu ul#top_nav>li>a::after {
        position: absolute;
        top: 15px;
        right: 10px;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
    }

    .opened_menu ul#top_nav>li:last-child>a::after {
        display: none;
    }

    .opened_menu ul#top_nav>li:nth-last-child(2)>a::after {
        display: none;
    }

    #top_nav li ul.sub-menu {
        background: transparent !important;
        position: relative !important;
        top: 0 !important;
        left: 10px !important;
        margin-bottom: 0;
        margin-top: 0 !important;
        width: auto !important;
        padding: 0;
        box-shadow: none;
        opacity: 1 !important;
        visibility: visible !important;
        display: none !important;
    }

    .opened_menu ul#top_nav li.show ul.sub-menu.show_children {
        display: block !important;
    }

    .nav_link.open {
        display: inline-flex;
        position: absolute;
        z-index: 3;
        right: 50px;
        top: 65px;
        color: #fff;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bannerContent {
        padding: 0 0 30px 50px;
    }

    .resourcesBannerImage {
        min-height: 340px;
    }

    .resourcesList .resourceContent {
        padding: 15px 15px 0 15px;
    }

    .resourcesList .resourceContent h2 {
        font-size: 25px;
        padding: 0 0 15px 0;
    }

    .resourcesList .resourceContent p {
        font-size: 16px;
    }

    .fourColumnsContent p {
        font-size: 16px;
    }

    .jobSearchBannerImage img {
        max-width: 170px;
    }

    .bannerImage img {
        max-width: 190px;
    }

    .resourcesLftImg {
        width: 140px;
        margin-right: 30px;
    }

    .resourcesLftImg img {
        max-width: 100%;
    }

    .resourcesCaro {
        width: calc(100% - 160px);
        padding-top: 130px;
    }

    #resources:before {
        top: 30px;
        width: 80%;
    }

    #resources .resourcesImg {
        margin: 130px 0px 0 0;
    }

    .bannerContent h1 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .jobSearchBannerImage img {
        max-width: 210px;
    }

    #resources:before {
        width: 77%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1199px) {
    .center_video .belowbanner_Content video {
        max-width: 100%;
    }

    .opened_menu ul#top_nav li.hasChildern span.material-icons {
        display: block;
    }

    .nav_link {
        display: inline-flex;
        color: #004a95;
    }

    .show {
        display: block;
    }

    .nav_close {
        font-size: 21px;
        position: absolute;
        top: 15px;
        right: 30px;
        color: #fff;
    }

    .opened_menu {
        overflow: hidden;
        position: fixed;
        z-index: 3;
        background: #2b2b2b;
        height: 100vh;
        width: 100%;
        right: -100%;
        top: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0px;
    }

    .opened_menu.show_menu {
        right: 0;
        overflow: visible;
        display: block;
    }

    .opened_menu ul#top_nav {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: calc(100vh - 190px);
    }

    .opened_menu ul#top_nav li {
        display: flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .opened_menu ul#top_nav li a {
        color: #fff !important;
        font-size: 16px;
        width: 100%;
    }

    .opened_menu ul#top_nav li span.material-icons {
        color: #fff;
        font-size: 21px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children {
        display: none;
        width: 100%;
        padding: 10px 0 10px 30px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children.show_children {
        display: block;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children li {
        font-size: 25px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children li:last-child {
        padding-bottom: 0;
    }

    .opened_menu ul#top_nav li.hasChildern.show span.material-icons {
        transform: rotate(180deg);
    }

    .opened_menu ul#top_nav li.hasChildern span.material-icons {
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        cursor: pointer;
    }

    .opened_menu ul#top_nav li a:hover {
        color: #29B0C5;
        background: none !important;
    }

    .menu li.current-menu-parent .current-menu-item {
        background: none !important
    }

    .opened_menu .mCSB_scrollTools .mCSB_draggerRail {
        background: transparent !important;
    }

    .opened_menu ul li.mobi_nav {
        display: none !important;
    }

    .opened_menu ul#top_nav .mCustomScrollBox {
        width: 90%;
    }

    .nav_link.open .clme,
    .nav_link .crcls {
        display: none;
    }

    .nav_link.open .crcls {
        display: block;
    }
}


/** Added By abhi **/
.webinarbanner::after {
    content: '' !important;
    position: absolute !important;
    background-color: rgba(45, 111, 181, 0.4) !important;
    top: 0px !important;
    bottom: 0px !important;
    right: 0px !important;
    left: 0px !important;
}

.webinarbanner {
    position: relative;
    background-position: center !important;
    background-size: cover !important;
    clear: both;
    height: 400px;
    width: 100%;
}

.webinarbanner h1 {
    height: 400px;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    position: relative;
    z-index: 1;
}

#contentSection {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

#contentSection .post_Content {
    width: 100%;
    height: auto;
    padding: 0px;
}


/* CSS added on 29-06-2021 */
#asktheexperts {
    background: url(../images/hero_img_asktheexperts_blue_s.jpg) no-repeat top center;
    background-size: cover;
    min-height: 400px;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.ask_experts_head {
    width: 100%;
    height: 100%;
    text-align: center;
}

.ask_experts_head h2 {
    font-size: 50px;
    color: #fff;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 0;
}

.ask_experts_head p {
    font-size: 20px;
    color: #fff;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 0 0 50px 0;
}

.top_button_bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.search_button {
    max-width: 300px;
}

.search_button button {
    border-color: #00bc70 !important;
    background-color: #00bc70 !important;
    color: #fff !important;
}

.search_button .no-gutters>.col,
.search_button .no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.row.no-gutters {
    margin-left: 0;
}

.action_buttons .btn {
    background-color: #0f5689;
    color: #fff;
    border-radius: 0;
    padding: 5px 20px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

a.back_to_expert {
    color: #00bc70;
}

a.back_to_expert:hover {
    text-decoration: underline;
}

#question_and_answer {
    width: 100%;
}

.question_preview {
    position: relative;
    margin-bottom: 2rem;
}

.question_preview,
.ask_experts_sidebar {
    width: 100%;
    height: auto;
    padding: 2rem;
    background-color: #f6f6f6;
    margin-bottom: 30px;
}

.question_preview h2 {
    font-size: 30px;
    font-weight: 400;
    color: #00bc70;
    margin: 0;
    padding: 0 0 15px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

.question_preview h2 a,
.question_preview span a {
    color: #00bc70;
}

.question_preview h2 a:hover,
.question_preview span a:hover,
.read_more a:hover {
    text-decoration: underline;
}

.question_preview span {
    color: #000;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.question_preview p {
    color: #808080;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    word-wrap: break-word;
}

.under_question_bx {
    padding: 1rem;
    background-color: #e6e6e6;
    overflow: hidden;
    position: relative;
}

.under_question_bx h3 {
    font-weight: bold;
    font-size: 18px;
    color: #212529;
    margin: 0;
    padding: 0 0 15px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

.under_question_bx h3 span {
    display: inline-block;
    margin: 0;
}

.answer_overlay {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(246, 246, 246, 0), rgba(246, 246, 246, 0), rgba(246, 246, 246, 0.2), #f6f6f6, #f6f6f6);
    opacity: 1;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 0.5rem;
}

.read_more {
    bottom: 20px;
    position: absolute;
    width: calc(100% - 70px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.read_more a {
    color: #00bc70;
    font-size: 16px;
}

.read_more .answer_count {
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.ask_experts_sidebar h2 {
    font-size: 24px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.ask_experts_sidebar h3 {
    font-size: 18px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.ask_experts_sidebar p {
    font-size: 16px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
}

.pagination_bx {
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

.pagination_bx .pagination {
    justify-content: center;
}

.pagination_bx .pagination li.page-item a {
    color: #00bc70;
}

.pagination_bx .pagination .page-item.active .page-link {
    background-color: #00bc70;
    border-color: #00bc70;
}

.bottom_messg {
    font-size: 12px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    margin-bottom: 20px;
}

.ask_experts_content {
    width: 100%;
    margin-bottom: 50px;
}

.ask_experts_content p {
    font-size: 16px;
    display: inline-block;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

.top_button_bx .detail_heading {
    max-width: 560px;
    margin: 0;
}

.top_button_bx .detail_heading h1 {
    font-size: 24px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin: 0;
}

.top_button_bx .detail_heading span {
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.user_message {
    width: 100%;
    height: auto;
    padding: 20px 0;
}

.user_message p,
.user_profile_content p {
    font-size: 16px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
    color: #808080;
}

.user_info_bx {
    padding: 2rem;
    background-color: #f6f6f6;
    margin-bottom: 30px;
}

.user_area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.user_area .user_img {
    border-radius: 50%;
    overflow: hidden;
    height: 100px;
    width: 100px;
    border: solid 1px #e6e6e6;
    text-align: center;
    margin-right: 20px;
}

.user_info_bx .user_info {
    width: auto;
    max-width: 760px;
}

.user_info_bx .user_info a {
    display: block;
    font-size: 22px;
    color: #00bc70;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.user_info_bx .user_info span {
    font-size: 16px;
    display: inline-block;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.user_info_bx .user_info span a {
    font-size: 16px;
    display: inline-block;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.user_info_bx .user_info span a:hover {
    text-decoration: underline;
}

.user_info_bx .user_info div a {
    display: inline-block;
    margin-right: 10px;
}

.user_content {
    margin: 0px;
    width: 100%;
}

.user_content span {
    font-size: 16px;
    display: inline-block;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
}

.user_content p {
    font-size: 16px;
    display: inline-block;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

.user_info_bx.profile_page,
.user_info_bx.profile_page .user_area {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
}

.user_profile_content {
    padding-top: 30px;
    border-top: solid 1px #ccc;
}

.ask_experts_question {
    margin: 0;
    width: 100%;
}

.ask_experts_question h2 {
    font-size: 24px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #00bc70;
}

.ask_experts_question .meesg_txt {
    padding: 5px 10px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    background: #f6f6f6;
    display: block;
    color: #000;
    font-size: 14px;
    margin-bottom: 20px;
}

.ask_experts_question .required_txt {
    font-size: 14px;
    color: red;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
}

.ask_experts_question .experts_submit_form {
    width: 100%;
}

form.experts_submit_form label.form-control-label {
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    margin: 20px 0 5px 0;
}

form.experts_submit_form input {
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

form.experts_submit_form textarea {
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

form.experts_submit_form button {
    margin-top: 30px;
}

form.experts_submit_form button.ask_question_btn {
    background: #3c5783;
    color: #fff;
    padding: 10px 20px;
    margin-top: 30px;
    border: none;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-right: 5px;
}

form.experts_submit_form button.qa_cancel_btn {
    background: #cbcccd;
    color: #3c5783;
    padding: 10px 20px;
    margin-top: 30px;
    border: none;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-right: 5px;
}

.checbox_cls {
    width: 100%;
    display: flex;
}

.checbox_cls .form-check {
    margin-right: 25px;
    display: flex;
    align-items: center;
}

.checbox_cls .form-check input {
    margin-right: 10px;
}

.checkbox_txt_cls p {
    margin: 0;
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-align: right;
}

.notify_cls p {
    margin: 10px 0 0 0;
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.form-check.name_cls {
    padding: 0;
    margin: 15px 0 0 0;
}

@media only screen and (min-width: 0px) and (max-width: 575px) {
    #asktheexperts {
        min-height: 300px;
        margin-bottom: 20px;
    }

    .ask_experts_head h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .ask_experts_head p {
        margin: 0;
    }

    .ask_experts_content {
        margin-bottom: 10px;
    }

    .checkbox_txt_cls p {
        text-align: left;
    }

    .question_preview,
    .ask_experts_sidebar {
        margin: 30px 0;
    }

    .top_button_bx {
        display: block;
        margin: 0;
    }

    .search_button {
        max-width: 100%;
    }

    .question_preview,
    .ask_experts_sidebar {
        padding: 1rem;
    }

    .user_info_bx {
        padding: 1rem;
        margin-bottom: 0;
    }

    .action_buttons .btn {
        margin: 10px 0;
    }

    .headerContent .headerRight .navigation ul li {
        margin: 0 5px;
        display: block;
        width: 100%;
    }

    .page-template-templatewebinar-php .banner_bg_Image {
        margin: 0px !important;
    }

    #top_nav li ul.sub-menu {
        background: transparent !important;
        position: relative !important;
        top: 0 !important;
        left: 10px !important;
        margin-bottom: 0;
        margin-top: 0 !important;
        width: auto !important;
        padding: 0;
        box-shadow: none;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #top_nav li ul.sub-menu li a {
        line-height: normal !important;
        font-size: 14px;
        padding-left: 10px;
    }

    .opened_menu {
        overflow: hidden;
        position: fixed;
        z-index: 3;
        background: #2b2b2b;
        height: 100vh;
        width: 100%;
        right: -100%;
        top: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .opened_menu.show_menu {
        right: 0;
        overflow: visible;
        display: block;
    }

    .opened_menu ul#top_nav {
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: 450px;
        max-width: 500px;
        width: 100%;
        overflow-y: auto;
    }

    .opened_menu ul#top_nav li {
        display: flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        font-weight: 300;
        font-size: 32px;
        color: #fff;
        padding: 5px 0;
    }

    .opened_menu ul#top_nav li a {
        color: #fff;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children {
        display: none;
        width: 100%;
        padding: 10px 0 10px 30px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children.show_children {
        display: block;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children li {
        font-size: 25px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children li:last-child {
        padding-bottom: 0;
    }

    .opened_menu ul#top_nav li.hasChildern.show span.material-icons {
        transform: rotate(180deg);
    }

    .opened_menu ul#top_nav li.hasChildern span.material-icons {
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        cursor: pointer;
    }

    .opened_menu ul#top_nav li a:hover {
        color: #29B0C5;
    }

    .opened_menu .mCSB_scrollTools .mCSB_draggerRail {
        background: transparent !important;
    }

    .opened_menu ul li.mobi_nav {
        display: none !important;
    }

    .opened_menu ul li.mobi_nav span {
        display: block !important;
        padding: 6px 0;
    }

    .opened_menu .menu-main-menu-container {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .opened_menu ul#top_nav li>a {
        position: relative;
    }

    .opened_menu ul#top_nav>li>a::after {
        position: absolute;
        top: 15px;
        right: 10px;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
    }

    .opened_menu ul#top_nav>li:last-child>a::after {
        display: none;
    }

    .opened_menu ul#top_nav>li:nth-last-child(2)>a::after {
        display: none;
    }

    .webner_line_bg_cls {
        min-height: 220px !important;
    }

    .page-template-ofccp-compliance-page-new #calculator,
    .page-template-diversity-recruiting-page-new #calculator {
        background-size: 100% !important;
        padding: 80px 0 0px 0;
        height: auto;
        background: url(assets/images/horizontal_blue_line.png) top center no-repeat;
    }

    .pd-adjust {
        margin: 0 auto;
        padding: 15px 0;
    }

    .page-template-diversity-recruiting-page-new .V_3_5 .t1-landing .no-header-links.no-footer-links {
        padding: 0px 0 0px !important;
    }

    #last_content_bx .list_content_bx p a {
        display: block;
        text-align: center;
        margin: 0 50px;
    }

    .custompagebanner .ofccp_content {
        min-height: auto !important;
    }

    .trust_bx_cls .ofccp_content {
        text-align: center;
    }

    #resourcesListing {
        padding: 30px 0;
    }

    .page-id-12868 .bannerImage img {
        max-width: 160px;
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    #asktheexperts {
        min-height: 300px;
        margin-bottom: 20px;
    }

    .ask_experts_head h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .ask_experts_head p {
        margin: 0;
    }

    .ask_experts_content {
        margin-bottom: 10px;
    }

    .checkbox_txt_cls p {
        text-align: left;
    }

    .question_preview,
    .ask_experts_sidebar {
        margin: 30px 0;
    }

    .top_button_bx {
        display: block;
        margin: 0;
    }

    .search_button {
        max-width: 100%;
    }

    .question_preview,
    .ask_experts_sidebar {
        padding: 1rem;
    }

    .user_info_bx {
        padding: 1rem;
    }

    .action_buttons .btn {
        margin: 10px 0;
    }

    .headerContent .headerRight .navigation ul li {
        margin: 0 5px;
        display: block;
        width: 100%;
    }

    .page-template-templatewebinar-php .banner_bg_Image {
        margin: 0px !important;
    }

    #top_nav li ul.sub-menu {
        background: transparent !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin-bottom: 0;
        margin-top: 0 !important;
        width: 100% !important;
        padding: 10px 0;
    }

    #top_nav li ul.sub-menu li a {
        line-height: normal !important;
        font-size: 15px;
        padding-left: 10px;
    }

    .opened_menu {
        overflow: hidden;
        position: fixed;
        z-index: 3;
        background: #2b2b2b;
        height: 100vh;
        width: 100%;
        right: -100%;
        top: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .opened_menu.show_menu {
        right: 0;
        overflow: visible;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .opened_menu ul#top_nav {
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: 450px;
        max-width: 500px;
        width: 100%;
        overflow-y: auto;
    }

    .opened_menu ul#top_nav li {
        display: flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        font-weight: 300;
        font-size: 32px;
        color: #fff;
        padding: 5px 0;
    }

    .opened_menu ul#top_nav li a {
        color: #fff;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children {
        display: none;
        width: 100%;
        padding: 10px 0 10px 30px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children.show_children {
        display: block;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children li {
        font-size: 25px;
    }

    .opened_menu ul#top_nav li.hasChildern ul.children li:last-child {
        padding-bottom: 0;
    }

    .opened_menu ul#top_nav li.hasChildern.show span.material-icons {
        transform: rotate(180deg);
    }

    .opened_menu ul#top_nav li.hasChildern span.material-icons {
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        cursor: pointer;
    }

    .opened_menu ul#top_nav li a:hover {
        color: #29B0C5;
    }

    .opened_menu .mCSB_scrollTools .mCSB_draggerRail {
        background: transparent !important;
    }

    .opened_menu ul li.mobi_nav {
        display: none !important;
    }

    .opened_menu ul li.mobi_nav span {
        display: block !important;
        padding: 6px 0;
    }

    .opened_menu .menu-main-menu-container {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .opened_menu ul#top_nav li a {
        position: relative;
    }

    .opened_menu ul#top_nav>li>a::after {
        position: absolute;
        top: 15px;
        right: 10px;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
    }

    .opened_menu ul#top_nav>li:last-child>a::after {
        display: none;
    }

    .webner_line_bg_cls {
        min-height: 220px !important;
    }

    .page-template-ofccp-compliance-page-new #calculator,
    .page-template-diversity-recruiting-page-new #calculator {
        background-size: 100% !important;
        padding: 80px 0 0px 0;
        height: auto;
        background: url(assets/images/horizontal_blue_line.png) top center no-repeat;
    }

    .pd-adjust {
        margin: 0 auto;
        padding: 15px 0;
    }

    .page-template-diversity-recruiting-page-new .V_3_5 .t1-landing .no-header-links.no-footer-links {
        padding: 0px 0 0px !important;
    }

    #last_content_bx .list_content_bx p a {
        display: block;
        text-align: center;
        margin: 0 50px;
    }

    .custompagebanner .ofccp_content {
        min-height: auto !important;
    }

    .trust_bx_cls .ofccp_content {
        text-align: center;
    }

    #resourcesListing {
        padding: 30px 0;
    }

    .page-id-12868 .bannerImage img {
        max-width: 160px;
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #asktheexperts {
        min-height: 350px;
    }

    .ask_experts_head h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .question_preview,
    .ask_experts_sidebar {
        padding: 1rem;
    }

    .top_button_bx .detail_heading h1 {
        font-size: 20px;
    }

    .top_button_bx .detail_heading {
        max-width: 360px;
    }

    .user_info_bx.profile_page {
        max-width: 360px;
    }

    .ask_experts_head p {
        margin: 0;
    }
}

button[disabled],
button[disabled]:hover {
    cursor: not-allowed;
}

/* css added on 30-06-21 */
.resourcesList .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#contentSection .post_Content {
    width: 100%;
    margin: 30px 0;
}

#contentSection .post_Content p {
    font-size: 18px;
    display: inline-block;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

#contentSection .post_Content p a {
    color: #00bc70;
}

#contentSection .post_Content p a:hover {
    text-decoration: underline;
}

nav.navigation.post-navigation h2.screen-reader-text {
    display: none;
}

.about-author-container {
    display: none;
}

#contentSection .post_Content p img {
    max-width: 100%;
    height: auto;
}

h2.pp-multiple-authors-layout-inline.widget-title {
    font-size: 28px;
    margin-top: 20px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

/* span.pp-multiple-authors-layout-inline.author_index_1 div {line-height: 20px; margin-bottom: 0 !important;} */
nav.navigation.post-navigation {
    width: 100%;
}

nav.navigation.post-navigation .nav-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-links .nav-previous,
.nav-links .nav-next {
    max-width: 50%;
    padding: 0 5px;
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
    color: #00bc70;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

span.nav-subtitle {
    font-weight: 600;
}

.post_Content ul {
    margin: 0 0 20px 0;
    padding: 0;
}

.post_Content ul li {
    font-size: 18px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    list-style: disc;
    list-style-position: outside;
    margin-left: 15px;
    margin-bottom: 5px;
}

.post_Content ul li a {
    color: #00bc70;
}

.post_Content ul li a:hover {
    text-decoration: underline;
}

.post_Content ol {
    margin: 0;
    padding: 0;
}

.post_Content ol li {
    font-size: 18px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    list-style: auto;
    list-style-position: outside;
    margin-left: 15px;
    margin-bottom: 5px;
}

#contentSection .post-thumbnail img {
    margin-bottom: 30px;
    width: 100%;
    height: auto;
}

/* CSS added on 2-7-21 */
.pagination_bx {
    width: 100%;
    margin: 10px 0 20px 0;
    text-align: center;
}

.pagination_bx a {
    color: #00bc70;
    padding: 10px 15px;
    border: solid 1px #dee2e6;
    margin-left: -3px;
    margin-right: -3px;
}

.pagination_bx a:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.pagination_bx span.page-numbers.current {
    background-color: #00bc70;
    border-color: #00bc70;
    padding: 10px 15px;
    color: #fff;
    border: solid 1px;
}

.pagination_bx a.prev.page-numbers {
    color: #00bc70;
    background-color: #fff;
    border-color: #dee2e6;
    border: solid 1px #dee2e6;
    padding: 10px;
}

.ask_experts_question p.status.msg {
    border: solid 1px red;
    font-size: 14px;
    padding: 5px 15px;
    width: calc(100% - 30px);
    margin-left: 15px;
    font-weight: bold;
}

.ask_experts_question p.success.msg {
    border: solid 1px green;
    font-size: 14px;
    padding: 5px 15px;
    width: calc(100% - 30px);
    margin-left: 15px;
    font-weight: bold;
}

.pagination_bx a.prev.page-numbers:hover {
    background-color: #e9ecef;
}

.innerContainer {
    position: relative;
    display: block;
    width: 100% !important;
    height: 0;
    padding: 56.25% 0 0 0;
    /* This should reflect your video aspect ratio */
    /* Use the following 2 lines if you wish to make your player align centrally */
    max-width: 1280px;
    /* This should be the width of your player */
    margin: auto;
}

.outerContainer {
    max-height: 720px;
    /* Set this to the height of your player */
}

.vidyard_player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 1280px;
    /* These should be the dimensions of your player */
    max-height: 720px;
}

.vidyard_player>span {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
}

.custompagebanner .ofccp_content {
    min-height: 400px;
}

.custompagebanner .ofccp_content h1 {
    color: #fff !important;
}

.custompagebanner {
    margin-bottom: 40px;
}

.fourclmonThank img {
    max-height: unset !important;
}

.fourclmonThank .fourColumnsContent {
    border-bottom: unset !important;
}

#extarbtn {
    margin: -50px 0 0 0;
    padding: 80px 0 20px 0;
    background-size: cover;
    text-align: center;
    position: relative;
    z-index: 1;
}

#extarbtn a {
    background: #004a95;
    border: 1px solid #004a95;
    display: inline-block;
    margin-bottom: 40px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    padding: 7px 25px;
    border-radius: 21px;
}

#extarbtn a:hover {
    color: #004a95;
    background: #fff;
}

.webinarfourClm {
    background-color: #f7f8f9;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-width: 0px 0px 0px 0px;
    border-color: #e8eaf0;
    border-style: solid;
}

.webinarfourClm h3 {
    margin: 0px;
    font-size: 2.5em;
    color: rgb(2, 85, 149);
    --fontSize: 40;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 30px;
}

.demoBtn {
    padding: 13px 29px;
    letter-spacing: 0;
    background: #023469;
    border-color: #00bc70;
    border-width: 2px;
    border-radius: 50px;
    color: #fff;
    border: 2px solid #00bc70;
}

.demoBtn:hover {
    background: rgba(255, 255, 255, 0);
    color: #fff;
    border: 2px solid #ffffff;
}

#belowbanner {
    background-color: rgba(255, 255, 255, 0);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 65px 30px 70px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-width: 0px;
    border-color: rgb(232, 234, 240);
    border-style: solid;
    background-size: cover;
    background-image: url(/wp-content/uploads/2021/07/careers-bg.jpg);
}

.belowbanner_Content {
    text-align: center;
    width: 100%;
    font-size: 1.6em;
    color: #fff;
    font-weight: 700;
    max-width: 860px;
    margin: 0 auto;
}

.partner-wrapper {
    margin-bottom: 40px;
}

.partner-box {
    margin: 0 20px 40px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(98, 98, 98, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(98, 98, 98, 0.2);
    padding-bottom: 35px;
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

/* CSS added on 14-7-21 */
.page-template-templatewebinar-php #fourColumns {
    margin: 0;
    padding: 60px 0;
    background: url(assets/images/horizontal_blue_line.png) top center no-repeat;
    background-size: 100%;
    width: 100%;
}

.page-template-templatewebinar-php .fourclmonThank h3 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px;
    font-weight: 400;
    color: #00bc70;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

.page-template-templatewebinar-php #extarbtn p {
    font-size: 22px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #00bc70;
}

.page-template-templatewebinar-php .fourColumnsContent h2 {
    padding: 10px 0;
    font-weight: 400;
}

.page-template-templatewebinar-php .fourColumnsContent p {
    padding-bottom: 10px;
}

.page-id-13110 #audit_success_rate .audit_Content p {
    font-size: 24px;
    color: #00bc70;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.page-id-13110 section#fourColumns {
    padding-top: 50px;
    background-color: #f6f6f6 !important;
}

.page-id-13332 .ofccp_content h5 {
    color: #fff !important;
    font-size: 2.5rem;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}

.page-id-13332 .ofccp_content h1,
.page-id-13346 .ofccp_content h1 {
    font-size: 2.5rem;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.page-id-13332 .audit_Content iframe {
    width: 100%;
}

.page-id-13332 .audit_Content {
    max-width: 500px;
    margin: 0px auto;
    width: 100%;
}

.page-id-13332 .audit_Content iframe form.form textarea.standard {
    width: 98%;
}

.page-id-13346 .audit_Content p {
    font-size: 16px;
    display: inline-block;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

.page-id-13346 .audit_Content p a {
    color: #00bc70;
}

.page-id-13346 .audit_Content p a:hover {
    text-decoration: underline;
}

.page-id-13346 .audit_Content p iframe {
    width: 100%;
}

.page-id-13346 .audit_Content p strong {
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

.page-id-13373 .ofccp_content h1 {
    font-size: 2.5rem;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.page-id-13373 .ofccp_content p {
    font-size: 16px;
    color: #fff;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.page-id-13373 .resourcesList .image {
    position: relative;
    height: auto;
    width: 70%;
    margin: 0 auto;
}

.page-id-13373 .partner-box {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(98, 98, 98, 0.2);
    box-shadow: 0px 0px 10px 0px rgb(98 98 98 / 10%);
    margin: 5px;
}

.page-id-13373 .partner-wrapper {
    margin-bottom: 30px;
}

.page-id-13373 .resourcesList .resourceContent p {
    margin-bottom: 50px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .page-template-templatewebinar-php .fourclmonThank h3 {
        font-size: 24px;
    }

    span.pp-multiple-authors-layout-inline.author_index_1 div {
        height: auto !important;
        margin-bottom: 0px !important;
    }

    span.pp-multiple-authors-layout-inline.author_index_1 {
        margin-bottom: 15px;
        float: left;
    }

    .avatar {
        border-radius: 50%;
        margin-bottom: 5px !important;
    }
}

/* Webinars Section */
.webinar__title-bar {
    background-color: #0f5688;
    border-bottom: 6px solid #abc9e6;
    padding: 15px;
    padding-bottom: 20px;
}

.webinar__accordion {
    background-color: transparent;
    width: 100%;
    color: #abc9e6;
    font-size: 18px;
    padding-bottom: 10px;
    padding-left: 0;
    text-align: left;
    border: none;
    outline: none;
}

.webinar__title-text {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 1.5em;
}

.webinar__date {
    font-size: 16px;
    color: #3e3e3e;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    font-weight: bold;
}

.webinar__submit {
    text-decoration: none;
    display: inline-block;
    width: auto;
    min-width: 150px;
    background-color: #0f5688;
    text-align: center;
    padding: .25rem;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fefefe;
    margin-right: 15px;
    height: 45px;
}

.webinar__submit:hover {
    background-color: #FFFFFF;
    border: 1px solid #0f5688;
}

.weinar-date-block {
    display: flex;
    justify-content: space-between;
}

.row-wrapper {
    display: flex;
}

.webinar-content {
    width: 80%;
    border-left: 1px solid #DCDCDC;
}

.row-wrapper {
    border-bottom: 1px solid #dee2e6;
}

.colum-left {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.colum-right {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.row-wrapper01 {
    display: flex;
    padding: 20px;
}

.row-wrapper02 {
    display: flex;
    padding: 20px;
}

.webinar__certification-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.wrapper {
    border: 1px solid #eeeeee;
}

.colum-right>ul>li {
    list-style: none;
    line-height: 1.5em;
    margin: 5px 0 5px 0;
    background: url(checkmark.png) no-repeat 0 2px;
    font-size: 13px;
    padding-left: 30px;
}

.colum-right>ul {
    padding: 0;
    margin-right: 40px;
}

.webinar__attend p {
    font-size: 11px;
    margin: 0;
}

.webinar__attend b {
    font-size: 11px;
    margin: 0;
}

.colum-right h5 {
    font-size: 20px;
    margin: 0px;
}

@media only screen and (max-width: 1024px) {
    .webinar-img {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .colum-left {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .colum-right {
        max-width: 50%;
        flex: 0 0 50%;
    }
}

@media only screen and (max-width: 767px) {
    .weinar-date-block {
        flex-wrap: wrap;
        justify-content: center;
    }

    .colum-left {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .colum-right {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .row-wrapper01 {
        display: block;
        padding: 15px;
        margin-right: 20px;
    }

    .row-wrapper02 {
        display: block;
    }
}

.mb-40 {
    margin-bottom: 40px;
}

.white-me .hero-banner__title {
    color: #ffffff !important;
}

.white-me .hero-banner__subtitle {
    color: #ffffff !important;
}

.webinar-img img {
    display: none;
}

.webinar-img {
    background-size: cover;
    width: 20%;
    background-position: center center;
}

.webinar-collapse {
    width: 100%;
    text-align: center;
}

.webinar-collapse>a {
    padding: 10px 0px;
    display: block;
}

.collape-web {
    height: 0px;
    overflow: hidden;
}

/* Webinars Sections */

/* css added on 15-7-21 */
header .topBar p {
    margin: 0;
}

.page-template-templatewebinar-php .banner_bg_Image {
    background: none;
    margin: 30px;
    border-radius: 6px;
    background-color: #fff;
}

.page-template-templatewebinar-php .rrequest_free_demo {
    margin: 0px;
    padding-left: 0;
    width: 90%;
}

.page-template-templatewebinar-php #banner {
    background-size: cover;
    background-image: url(assets/images/ofccp_hero.jpg);
}

.page-template-templatewebinar-php .bannerContent {
    background-color: rgba(11, 65, 101, 0.5);
    padding: 30px;
}

.page-template-templatewebinar-php .bannerContent h2,
.page-template-templatewebinar-php .bannerContent h1,
.page-template-templatewebinar-php .bannerContent p,
.page-template-templatewebinar-php .bannerContent ul li {
    color: #fff;
    font-weight: 400;
}

.page-template-templatewebinar-php .rrequest_free_demo h2 {
    color: #00bc70;
    text-align: center;
    display: block;
    font-weight: 400;
}

.page-template-templatewebinar-php #fourColumns {
    background: none;
}

.page-template-templatewebinar-php .webinar_content .fourColumnsContent .image {
    height: 100px;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
}

.page-template-templatewebinar-php .webinar_content .fourColumnsContent .image img {
    max-width: 100%;
    height: auto;
    width: 100%;
    object-fit: fill;
}

.page-template-templatewebinar-php .fourColumnsContent a {
    min-width: 180px;
}

.webinar_content {
    margin: 0 auto;
}

.page-template-templatewebinar-php .fourclmonThank.webinarfourClm {
    background-color: #f6f6f6 !important;
}

.page-template-templatewebinar-php .fourclmonThank.webinarfourClm .fourColumnsContent,
.page-id-13110 .fourColumnsContent {
    box-shadow: 0px 0px 10px 0px rgb(98 98 98 / 10%);
    border-bottom: unset !important;
    background: #fff;
    height: 100%;
    border-radius: 6px;
    padding: 15px 15px 20px 15px;
    margin: 15px 0px;
}

.page-template-templatewebinar-php #extarbtn a {
    margin-top: 40px;
    margin-bottom: 0px;
}

section#What_is_OFCCP {
    margin-bottom: 0;
}

#conatct_content p a {
    color: #808080;
    text-decoration: none;
}

#conatct_content p a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    section#What_is_OFCCP {
        background-size: cover !important;
        background-position-x: right !important;
    }
}


/* Add Webinars page CSS */
.webinars_headings {
    width: 100%;
    text-align: center;
}

.webinars_headings h2 {
    margin: 0 0 0 0;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 35px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #00bc70;
}

/**** upcoming ****/
#upcoming {
    margin: 0;
    padding: 50px 0 30px 0;
}

.upcoming_list {
    height: 100%;
    position: relative;
    padding-bottom: 70px;
    margin-top: 30px;
}

.upcoming_list .image {
    position: relative;
}

.upcoming_list .image .categoryTag {
    text-align: center;
    background: #00bc70;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 3px 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
}

.upcoming_list .upcoming_Content {
    padding: 20px 20px 0 20px;
    position: relative;
    min-height: 210px;
}

.upcoming_list .upcoming_Content h2 {
    color: #004a95;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

.upcoming_list .upcoming_Content p {
    color: #808080;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.upcoming_list .more_buttons {
    display: flex;
    text-align: center;
    margin-top: 30px;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.upcoming_list a.readMoreBtn {
    font-size: 16px;
    font-weight: bold;
    color: #00bc70;
    margin: 0;
    padding: 6px 25px;
    border-radius: 31px;
    background: none;
    border: 2px solid #00bc70;
    display: inline-block;
    margin-bottom: 10px;
}

.upcoming_list a.readMoreBtn:hover {
    color: #fff;
    background: #00bc70;
}

.upcoming_list a.show_details {
    font-size: 16px;
    font-weight: bold;
    color: #004a95;
    margin: 0;
    padding: 6px 25px;
    border-radius: 31px;
    background: none;
    border: 2px solid #fff;
    display: inline-block;
}

.upcoming_list a.show_details:hover {
    color: #fff;
    background: #004a95;
}

#on_demand {
    margin: 0;
    padding: 30px 0 30px 0;
    background: #ededed;
}

.on_demand_list {
    height: 100%;
    position: relative;
    margin-top: 30px;
}

.on_demand_list .image {
    position: relative;
}

.on_demand_list .image .categoryTag {
    text-align: center;
    background: #05c1ff;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 3px 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
}

.on_demand_list .on_demand_Content {
    padding: 20px 20px 0 20px;
    position: relative;
    min-height: 130px;
}

.on_demand_list .on_demand_Content h2 {
    color: #004a95;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}

.on_demand_list .on_demand_Content p {
    color: #808080;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.on_demand_list .more_buttons {
    display: flex;
    text-align: center;
    margin-top: 30px;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.on_demand_list a.readMoreBtn {
    font-size: 16px;
    font-weight: bold;
    color: #00bc70;
    margin: 0;
    padding: 6px 25px;
    border-radius: 31px;
    background: none;
    border: 2px solid #00bc70;
    display: inline-block;
    margin-bottom: 10px;
}

.on_demand_list a.readMoreBtn:hover {
    color: #fff;
    background: #00bc70;
}

.on_demand_list a.show_details {
    font-size: 16px;
    font-weight: bold;
    color: #004a95;
    margin: 0;
    padding: 6px 25px;
    border-radius: 31px;
    background: none;
    border: 2px solid #fff;
    display: inline-block;
}

.on_demand_list a.show_details:hover {
    color: #fff;
    background: #004a95;
}

.watch_previous_webinars {
    display: block;
    text-align: center;
    position: relative;
    z-index: 9999;
    margin-top: 30px;
}

.watch_previous_webinars a {
    font-size: 18px;
    font-weight: bold;
    color: #004a95;
    margin: 0;
    padding: 10px 25px;
    border-radius: 31px;
    background: none;
    border: 2px solid #004a95;
    display: inline-block;
    margin-bottom: 10px;
}

.watch_previous_webinars a:hover {
    color: #fff;
    background: #004a95;
    border: 2px solid #004a95;
}

#testimonials_bx {
    width: 100%;
    height: auto;
    background: url(../images/horizontal_blue_line.png) top center no-repeat;
    width: 100%;
    background-size: 100%;
    padding-top: 50px;
}

#testimonials_bx h2 {
    margin: 0 0 50px 0;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 35px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #00bc70;
}

#testimonials_bx .testimonials_content {
    margin: 0px;
}

#testimonials_bx .testimonials_content span {
    margin: 0px;
    display: block;
    color: #808080;
    font-size: 14px;
    font-weight: 600;
}

#testimonials_bx .testimonials_content p {
    margin: 10px 0 20px 0;
    font-size: 18px;
    color: #004a95;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

#testimonials_bx .testimonials_content a {
    font-size: 16px;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #00bc70;
}

.webinars_show_details .modal-dialog {
    max-width: 1100px;
}

.webinars_show_details .modal-header {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.webinars_show_details .modal-body {
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 30px;
}

.webinars_show_details .modal-body h2 {
    font-size: 26px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #004a95;
}

.webinars_show_details .modal-body h3 {
    font-size: 18px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #004a95;
    margin-bottom: 20px;
}

.webinars_show_details .modal-body p {
    font-size: 16px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.webinars_show_details .modal-body .modal_content {
    margin: 0px;
    padding: 0px;
}

.webinars_show_details .modal-body .modal_content h4 {
    font-size: 24px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #00bc70;
}

.webinars_show_details .modal-body .modal_content h5 {
    font-size: 20px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #004a95;
    margin-top: 10px;
}

.webinars_show_details .modal-body .modal_content ul {
    margin: 0;
    padding: 0px;
}

.webinars_show_details .modal-body .modal_content ul li {
    margin: 0px;
    padding: 0 5px 0 5px;
    line-height: 15px;
    display: inline-block;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    border-right: solid 2px #00bc70;
}

.webinars_show_details .modal-body .modal_content ul li:first-child {
    padding-left: 0px;
}

.webinars_show_details .modal-body .modal_content ul li:last-child {
    border-right: none;
}

.webinars_show_details .modal-body .register_bx_cls {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

.webinars_show_details .modal-body .register_bx_cls .register_btn {
    width: 250px;
}

.webinars_show_details .modal-body .register_bx_cls .register_txt_cls {
    width: 100%;
}

.webinars_show_details .modal-body .register_bx_cls .register_btn a {
    font-size: 16px;
    font-weight: bold;
    color: #00bc70;
    margin: 0;
    padding: 6px 25px;
    border-radius: 31px;
    background: none;
    border: 2px solid #00bc70;
    display: inline-block;
    margin-bottom: 0px;
}

.webinars_show_details .modal-body .register_bx_cls .register_btn a:hover {
    color: #fff;
    background: #00bc70;
}

.webinars_show_details .modal-body .register_bx_cls .register_txt_cls p {
    color: #808080;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0px;
}

.discussions ul li {
    padding: 0 0 5px 25px !important;
    margin: 0px !important;
    font-weight: normal !important;
    font-size: 16px !important;
    background: url(assets/images/check_icon.png) 0 8px no-repeat;
    display: block !important;
    line-height: 20px !important;
    border: none !important;
}

/* CSS added on 22-7-21 */
.ofccp_content h5 {
    font-size: 24px;
    color: #fff;
}

.ofccp_content p {
    font-size: 16px;
    color: #fff;
    margin: 0px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

#What_is_OFCCP {
    margin-bottom: 0px;
}

#defaultpage p {
    font-size: 16px;
    display: inline-block;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

#defaultpage h2 {
    font-size: 28px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    width: 100%;
}

#defaultpage h3 {
    font-size: 30px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    width: 100%;
}

#defaultpage ul {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}

#defaultpage ul li {
    font-size: 16px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    list-style: disc;
    list-style-position: outside;
    margin-left: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
}

#defaultpage .audit_Content {
    margin: 40px 0;
    width: 100%;
}

.default_page_img {
    width: 100%;
    text-align: center;
}

.default_page_img img {
    border-radius: 6px;
}

.take_assessment a {
    background: #004a95;
    border: 1px solid #004a95;
    display: inline-block;
    margin-top: 6px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 7px 25px;
    border-radius: 21px;
}

.take_assessment a:hover {
    color: #004a95;
    background: #fff;
}

.belowbanner_Content p {
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 400;
    font-family: GothamBook;
}

.belowbanner_Content ul {
    margin: 10px 0 10px 0;
    padding: 0;
    text-align: center;
}

.belowbanner_Content ul li {
    font-size: 16px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #fff;
    list-style: disc;
    list-style-position: inside;
    margin-left: 15px;
    margin-bottom: 5px;
}

.on_demand_list .image,
.upcoming_list .image {
    position: relative;
    height: 265px;
}

.on_demand_list .image img,
.upcoming_list .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.modal_content p a,
#defaultpage p a {
    color: #00bc70;
}

#defaultpage p a:hover {
    text-decoration: underline;
}

.page-id-13483 #defaultpage .audit_Content {
    max-width: 730px;
    margin: 0 auto;
    padding: 40px 0;
}

#defaultpage h4 {
    font-size: 28px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    width: 100%;
}

.owl-carousel .owl-stage-outer {
    padding: 15px 0;
}

.partner_sidebar.widget_text {
    width: 100%;
    text-align: center;
}

.belowbanner_Content.for_contact_pg p {
    font-size: 27px !important;
}

.bottom_space {
    margin-bottom: 50px !important;
}

.jobSearchFormContent.circaJobContent a,
.jobSearchFormContent.diversityJobsContent a {
    margin-top: 15px;
    font-size: 16px;
}

.jobSearchFormContent.circaJobContent a img,
.jobSearchFormContent.diversityJobsContent a img {
    width: 35px;
    margin-right: 8px;
}

.top_button_bx .search_button button {
    display: block;
    margin-left: 10px;
    box-shadow: none;
}

.top_button_bx input.form-control,
.top_button_bx input.form-control:focus {
    outline: none;
    box-shadow: none;
}

#defaultpage a,
.entry-content a {
    color: #00bc70;
    margin: 0;
    padding-top: 3px;
}

#defaultpage a:hover,
.entry-content a:hover {
    text-decoration: underline;
}

header.entry-header {
    margin-top: 30px;
}

header.entry-header h1 {
    font-size: 28px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    width: 100%;
    margin-bottom: 15px;
    ;
}

.modal-header .btn-close {
    outline: none;
    box-shadow: none;
}

.page-id-13470 #defaultpage .audit_Content p {
    margin-bottom: 40px;
}

.user_area .user_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.video_banner_content .videoCode {
    display: block;
    width: 100%;
    height: auto;
    margin: 20px 0 50px 0;
    position: relative;
    max-width: 800px;
    min-height: 450px;
}

@media only screen and (max-width: 767px) {
    .video_banner_content .videoCode {
        min-height: 300px;
    }
}

#raq_bt_box .rating_bx.pd-top {
    padding-top: 60px;
}

.lightgray_bg {
    background: none !important;
    background-color: #eeeeee !important;
    padding: 50px 0 !important;
}

.audit_Content video {
    display: block;
    width: 100%;
}

#raq_bt_box .rating_bx p {
    text-align: left;
}

.flex.are_you_prepared a.are_you_prepared_btn {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 8px 50px !important;
    border-radius: 31px;
    color: #004a95 !important;
    background: none;
    border: 2px solid #004a95;
    display: inline-block;
    text-decoration: none !important;
}

.flex.are_you_prepared a:hover.are_you_prepared_btn {
    background: #004a95;
    color: #fff !important;
}

#ai-calculator,
#AAP-Assessment {
    width: 60% !important;
    margin: 0 auto 50px auto;
}

@media only screen and (max-width: 767px) {

    #ai-calculator,
    #AAP-Assessment {
        width: 100% !important;
    }
}

#middleContentArea .contentArea {
    width: 100%;
    padding: 50px 0;
}

#top_nav li ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 1rem;
    left: -5px;
    top: 10px;
    display: none;
    width: 250px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgb(98 98 98 / 10%);
}

#top_nav li:hover>ul.sub-menu,
#top_nav li ul.sub-menu:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

#top_nav li ul.sub-menu li {
    clear: both;
    width: calc(100% - 10px);
}

#top_nav li ul.sub-menu li a {
    width: 100%;
    line-height: 1.5;
}

.bg_color_bx {
    text-align: center;
    margin: 0 10px;
    padding: 50px 30px;
    min-height: 100%;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    border: none;
}

.counter-wrapper .counter {
    color: #004a98;
    line-height: 100px;
    font-size: 138px;
    display: inline-block;
}

.counter-wrapper span.unit {
    font-size: 39px !important;
}

.fourColumnsContent p.client_name {
    color: #004a98;
    line-height: bold;
    font-size: 18px;
}

.audit_Content.row.graybg img {
    max-width: 100%;
}

.fourColumnsContent.bg_color_bx p {
    font-size: 16px;
    padding-bottom: 10px;
}

#defaultpage p a {
    color: #00b870;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.light_grey_bg_cls {
    margin: 0 !important;
    padding: 100px 0 30px 0 !important;
    background: #eeeeee;
}

.list_style_cls ul li {
    width: calc(50% - 30px);
    display: inline-flex;
    position: relative;
}

.list_style_cls ul li::after {
    position: absolute;
    content: '';
    top: 10px;
    left: -15px;
    height: 4px;
    width: 4px;
    background-color: #808080;
    border-radius: 50%;
    display: inline-block;
}

.headerContent .headerRight .navigation ul li {
    position: relative;
}

#top_nav li ul.sub-menu li ul {
    display: none;
}

#top_nav li ul.sub-menu li:hover ul {
    display: block;
    margin-left: 250px;
    position: absolute;
    left: -10px;
    top: 0;
    width: 250px;
}

.audit_rate .counter-wrapper {
    position: absolute;
    height: 380px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    max-width: 100%;
    width: 380px;
}

.audit_rate .counter-wrapper .counter {
    font-size: 120px;
    width: auto;
}

.audit_rate .counter-wrapper span.unit {
    font-size: 30px !important;
    margin-bottom: -40px;
    color: #004a98;
}

.belowbanner_Content a {
    background: #e32c50;
    border: 1px solid #e32c50;
    display: inline-block;
    margin-top: 6px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    padding: 7px 25px;
    border-radius: 21px;
}

.belowbanner_Content a:hover {
    color: #e32c50;
    background: #fff;
}

#middleContentArea .contentArea p {
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

#middleContentArea .contentArea li {
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    list-style: inside;
}

#middleContentArea .contentArea ul {
    margin: 10px 0;
    padding: 0;
}

.sliderContent {
    margin: 20px 0;
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

.sliderContent .item {
    margin-bottom: 10px;
}

.red_color_btn {
    margin: 15px 0;
    padding: 0;
}

.red_color_btn a {
    background: #e32c50;
    border: 1px solid #e32c50;
    text-decoration: none !important;
    display: inline-block;
    margin-top: 0px;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    padding: 7px 25px !important;
    border-radius: 21px;
}

.red_color_btn a:hover {
    color: #e32c50 !important;
    background: #fff;
}

.green_color_btn {
    margin: 15px 0;
    padding: 0;
}

.green_color_btn a {
    background: #00bc71;
    border: 1px solid #00bc71;
    text-decoration: none !important;
    display: inline-block;
    margin-top: 0px;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    padding: 7px 25px !important;
    border-radius: 21px;
}

.green_color_btn a:hover {
    color: #00bc71 !important;
    background: #fff;
}

.blue_color_btn {
    margin: 15px 0;
    padding: 0;
}

.blue_color_btn a {
    background: #004a98;
    border: 1px solid #004a98;
    text-decoration: none !important;
    display: inline-block;
    margin-top: 0px;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    padding: 7px 25px !important;
    border-radius: 21px;
}

.blue_color_btn a:hover {
    color: #004a98 !important;
    background: #fff;
}

.columnCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fourclmonThank.hostDetails .fourColumnsContent {
    min-height: auto;
    margin: 40px 0;
    padding: 0;
}

.fourclmonThank.hostDetails {
    margin-bottom: 0 !important;
    padding-bottom: 40px !important;
}

.fourclmonThank.hostDetails .fourColumnsContent h2 a {
    border: none;
    padding: 0;
    font-size: 23px;
    font-weight: 400;
}

.fourclmonThank.hostDetails .fourColumnsContent h2 a:hover {
    background: transparent;
    color: #004a98;
}

.bannerContent img {
    max-width: 100%;
    height: auto;
}

/* .fourColumnsContent .image img {max-width: 78px;max-height:78px;} */
.federal_txt_cls {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.federal_txt_cls h3 {
    text-align: center;
    color: rgb(0, 188, 112) !important;
    font-size: 130px;
    line-height: 1.3;
}

.federal_txt_cls p {
    font-size: 40px;
    line-height: 40px;
    color: #025595 !important;
    text-transform: uppercase;
    font-weight: bold;
}

.federal_txt_cls p:last-child {
    font-size: 26px;
    color: #848484 !important;
    text-transform: inherit;
    font-weight: inherit;
    letter-spacing: 1px;
}

.trust_bx_cls {
    background: #025595;
}

.trust_bx_cls .ofccp_content {
    margin: 50px 0;
}

.trust_bx_cls .ofccp_content .belowbanner_Content p {
    text-align: left;
}

.trust_bx_cls .ofccp_content .belowbanner_Content ul li {
    text-align: left;
}

.trust_bx_cls .ofccp_content a {
    background: #00bc71;
    border: 1px solid #00bc71;
    text-decoration: none !important;
    display: inline-block;
    margin-top: 6px;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    padding: 7px 25px !important;
    border-radius: 21px;
}

.trust_bx_cls .ofccp_content a:hover {
    color: #00bc71 !important;
    background: #fff;
}

.logo_bx_cls p img {
    width: 40%;
    height: auto;
}

.list_txt ul {
    margin-left: 30px !important;
}

.list_txt li {
    text-align: left;
}

.headerContent .logo img {
    width: 105px;
    height: auto;
}

.footerLogo img {
    width: 100px;
    height: auto;
}

/* .carousel_txt {padding: 80px 0 0px 0;} */
.home #comment_box {
    background: url('assets/images/how-change-happens-bg.png') no-repeat bottom center;
    background-size: cover;
}

.page-template-ofccp-compliance-page-new #comment_box {
    background: url('assets/images/how-change-happens-bg.png') no-repeat bottom center !important;
    background-size: cover;
}

.page-template-diversity-recruiting-page-new #comment_box {
    background: url('assets/images/how-change-happens-bg.png') no-repeat bottom center !important;
    background-size: cover;
}

.audit_Content video {
    max-width: 50%;
    margin: auto;
}

.audit_rate .counter-wrapper span.asr_cls {
    color: #004a98;
    font-size: 18px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    display: block;
    position: absolute;
    top: 65%;
}

#top_nav li ul.sub-menu li a:hover {
    background: #f7f8f9;
}

.what_client_say {
    position: relative;
    background-color: #005695;
    padding: 50px;
    margin-top: 0px;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.what_client_say .owl-stage-outer.owl-height .item {
    margin-top: 50px;
    max-width: 700px;
    margin: auto;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.what_client_say .owl-stage-outer.owl-height .item span {
    display: block;
    font-weight: 600;
    margin: 15px 0;
}

.what_client_say .owl-theme .owl-dots .owl-dot.active span,
.what_client_say .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}

.what_client_say .owl-theme .owl-dots .owl-dot span {
    border: solid 1px #fff;
    background: transparent;
}

.what_client_say .slider_icon {
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}

.community_partners_cls {
    text-align: center;
    width: 100%;
    padding: 80px 0;
}

.community_partners_cls .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    margin: auto;
}

.community_partners_cls h3 {
    width: 100%;
    margin-bottom: 20px;
}

.community_partners_cls .item {
    text-align: center;
    display: block;
    width: 100%;
    max-width: 700px;
    margin: auto;
}

.community_partners_cls .item p {
    margin: 20px 0 0px 0;
    font-size: 16px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

.error404 .post_Content {
    background: #f4f4f4;
    min-height: 400px;
    max-width: 700px;
    margin: 50px auto 0px auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 30px !important;
    border-radius: 15px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
}

.error404 .post_Content h2.page-title {
    font-weight: bold;
    font-size: 38px;
    color: #00bc71;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}

.error404 .post_Content p {
    text-align: center;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    margin-bottom: 25px;
}

.error404 .post_Content .search-form {
    width: 100%;
    text-align: center;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error404 .post_Content .search-form input.search-field {
    padding: 10px;
    outline: none;
    font-size: 15px !important;
    border: solid 1px #ccc;
    border-radius: 6px;
    margin-left: 5px;
    width: 320px;
}

.error404 .post_Content .search-form input.search-submit {
    background: #00bc71;
    height: 44px;
    padding: 0 40px;
    border: none;
    color: #fff;
    margin-left: -10px;
    font-size: 18px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.search_box {
    position: absolute;
    background: #e8e8e8;
    right: 10px;
    width: 300px;
    padding: 5px;
    top: 40px;
    box-shadow: 0px 0px 10px 0px rgb(98 98 98 / 10%);
    z-index: 99;
}

.search_box:before {
    position: absolute;
    top: -7px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid #e8e8e8;
    content: '';
}

.search_box .search_form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.search_box .search_form input {
    padding-right: 10px;
    width: 90%;
    border: none;
    font-size: 15px;
    height: 40px;
    background: transparent;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    outline: none;
}

.search_box .search_form input::placeholder {
    font-size: 15px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.search_box .search_form button {
    border: none;
    background: transparent;
    color: #7e7f7f;
}

.fourclmonThank.hostDetails .fourColumnsContent h2,
.fourclmonThank.hostDetails .fourColumnsContent p {
    min-height: auto;
}

.videoScriptCode {
    display: block;
    width: 100%;
    height: auto;
    margin: 15px auto;
    position: relative;
    max-width: 800px;
    min-height: 450px;
}

body.search {
    padding: 0 !important;
}

.search_box .search_form input:-internal-autofill-selected {
    background: #e8e8e8 !important;
}

.search section.no-results.not-found {
    background: #f4f4f4;
    min-height: 400px;
    max-width: 700px;
    margin: 50px auto 0px auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 30px !important;
    border-radius: 15px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
}

.search section.no-results.not-found h1.page-title {
    font-weight: bold;
    font-size: 38px;
    color: #00bc71;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}

.search section.no-results.not-found p {
    text-align: center;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    margin-bottom: 25px;
}

.search section.no-results.not-found .search-form {
    width: 100%;
    text-align: center;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search section.no-results.not-found .search-form input.search-field {
    padding: 10px;
    outline: none;
    font-size: 15px !important;
    border: solid 1px #ccc;
    border-radius: 6px;
    margin-left: 5px;
    width: 320px;
}

.search section.no-results.not-found .search-form input.search-submit {
    background: #00bc71;
    height: 44px;
    padding: 0 40px;
    border: none;
    color: #fff;
    margin-left: -10px;
    font-size: 18px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.fourColumnsContent .image a {
    margin: 0;
    padding: 0;
    border: 0;
}

.fourColumnsContent h2 a:hover,
.fourColumnsContent .image a {
    background: none;
    color: #004a95;
}

.belowbanner_Content.adjust_cls #extarbtn a {
    margin-bottom: 0;
}

.belowbanner_Content.adjust_cls #extarbtn {
    margin: 0;
    padding: 10px 0 40px 0;
}

.values_content h1 {
    display: block;
    text-align: center;
    width: 100%;
}

.values_content .default_page_img {
    margin-bottom: 10px;
    margin-top: 10px;
}

.values_content .default_page_img img {
    width: auto;
    height: auto;
}

.value_txt {
    margin: 10px 0 30px 0;
    width: 100%;
    text-align: center;
}

.value_txt h3 {
    color: #000 !important;
    font-size: 18px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin: 0px 0;
}

.value_txt p {
    margin: 0;
    font-size: 16px !important;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

.gray_bg_cls {
    background: #f3f3f3;
    padding: 80px 0;
    margin-bottom: 0 !important;
}

.gray_bg_cls h1 {
    width: 100%;
    text-align: center;
    font-size: 30px;
}

.benefits_perks {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.gray_bg_cls h1 {
    margin-bottom: 50px;
}

.benefits_perks h3 {
    color: #004a98;
    font-size: 22px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
    margin: 20px 0;
}

.center_video .ofccp_content {
    display: block;
    width: 100%;
    text-align: center;
}

.values_content h1 {
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    color: #00bc70;
    margin-bottom: 50px;
}

.transform_your_career {
    background: #fff;
    margin-top: 50px;
}

.transform_your_career .ofccp_content p {
    margin: 0;
    font-size: 16px !important;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

.transform_your_career .ofccp_content {
    width: 100%;
}

.transform_your_career .ofccp_content h1 {
    color: #004a98 !important;
    font-size: 40px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: 400;
    margin: 20px 0;
}

.menu li.current-menu-parent .current-menu-item {
    background: #f7f8f9;
}

.menu li.current-menu-parent a {
    color: #004a95 !important;
}

section#defaultpage .audit_Content.row.flex img {
    max-width: 100%;
    margin-top: 30px;
}

.center_video .belowbanner_Content video {
    display: block;
    max-width: 800px;
    margin: auto;
    object-fit: cover;
    margin-top: 30px;
    height: auto;
}

.webinar_content.leadership_info .image img {
    border-radius: 6px;
    width: 100%;
}

.webinar_content.leadership_info h2 {
    padding: 20px 0 10px 0;
}

.webinar_content.leadership_info h2 a {
    min-height: auto;
}

.webinar_content.leadership_info p {
    padding: 0;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.webinar_content.leadership_info .fourColumnsContent {
    margin: 20px 0;
}

.webinar_content.leadership_details .detailImage {
    margin: auto;
}

.webinar_content.leadership_details .detailImage img {
    border-radius: 6px;
    margin-bottom: 0px;
}

.webinar_content.leadership_details .detailImage a {
    border: none;
    background: none;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-size: 35px;
    padding: 0px;
    color: #939598;
}

.webinar_content.leadership_details .detailImage a:hover,
.webinar_content.leadership_details .return-to-top a:hover {
    text-decoration: underline;
    color: #004a95;
}

.webinar_content.leadership_details .leaderDetail {
    text-align: left;
}

.webinar_content.leadership_details .leaderDetail h2 {
    text-align: left;
    justify-content: left;
    padding-bottom: 10px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
}

.webinar_content.leadership_details .return-to-top {
    margin-top: 15px;
}

.webinar_content.leadership_details .detailImage span {
    display: block;
    text-align: left;
}

.webinar_content.leadership_details .return-to-top a {
    font-size: 16px;
    border: 0;
    padding: 0;
    background: none;
    color: #004a95;
}

.belowbanner_Content .videoScriptCode {
    margin-bottom: 50px;
}

.webinar_content.leadership_details .mainContent {
    font-size: 16px !important;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    border-left: 2px solid;
    border-color: #004a98;
    padding-left: 15px;
    margin-bottom: 10px;
    font-style: italic;
    margin: 15px 0 15px 15px;
}

.webinar_content.leadership_details .details p {
    font-size: 16px !important;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    padding-bottom: 10px;
}

.fourColumnsContent.web_bx_content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.fourColumnsContent.web_bx_content h2,
.fourColumnsContent.web_bx_content p {
    min-height: auto;
}

.fourclmonThank.hostDetails.leader_bx {
    background: #eeeeee;
    padding-top: 70px !important;
}

.fourclmonThank.hostDetails.leader_bx .image {
    margin: auto;
}

#comment_box .rating_bx p {
    font-size: 16px !important;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
}

.cli-bar-btn_container {
    display: inline-block;
}

.cli-bar-btn_container a {
    margin-top: 0;
}

#cookie-law-info-bar span {
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.archive section.no-results.not-found {
    background: #f4f4f4;
    min-height: 400px;
    max-width: 700px;
    margin: 50px auto 0px auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 30px !important;
    border-radius: 15px;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
}

.archive section.no-results.not-found h1.page-title {
    font-weight: bold;
    font-size: 38px;
    color: #00bc71;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}

.archive section.no-results.not-found p {
    text-align: center;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    margin-bottom: 25px;
}

.archive section.no-results.not-found .search-form {
    width: 100%;
    text-align: center;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.archive section.no-results.not-found .search-form input.search-field {
    padding: 10px;
    outline: none;
    font-size: 15px !important;
    border: solid 1px #ccc;
    border-radius: 6px;
    margin-left: 5px;
    width: 320px;
}

.archive section.no-results.not-found .search-form input.search-submit {
    background: #00bc71;
    height: 44px;
    padding: 0 40px;
    border: none;
    color: #fff;
    margin-left: -10px;
    font-size: 18px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.circaJobContent .form-control.error,
.diversityJobsContent .form-control.error {
    border: solid 1px red;
}

.circaJobContent label.error,
.diversityJobsContent label.error {
    font-family: GothamBook;
    display: block !important;
    text-align: left;
    font-size: 14px;
    color: red;
    font-weight: 400;
    position: relative;
    top: -30px;
    height: 0px;
}

.green_blue_curve_cls {
    background: url(assets/images/green-blue-curve-img.jpg) no-repeat bottom center;
    background-size: 100%;
    padding-bottom: 10px !important;
}

.webner_line_bg_cls {
    width: 100%;
    min-height: 320px;
    background: url(assets/images/webner-line-bg.png) no-repeat bottom center;
    background-size: 100%;
    padding: 80px 0 50px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.on_demand_curve_bg {
    width: 100%;
    background: url(assets/images/on-demand-curve-img.jpg) no-repeat bottom center !important;
    background-size: contain !important;
    background-color: #ededed !important;
    padding-bottom: 90px !important;
}

.rrequest_free_demo .wpcf7 input,
.rrequest_free_demo .wpcf7 textarea,
.rrequest_free_demo .wpcf7 select {
    padding: 10px;
    border: solid 1px #bbbdbf;
    color: #808080;
    font-size: 14px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.sbt-btn input.wpcf7-submit {
    width: 100%;
    border-radius: 6px;
    font-size: 14px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.rrequest_free_demo .wpcf7 input,
.rrequest_free_demo .wpcf7 button,
.rrequest_free_demo .wpcf7 select,
.rrequest_free_demo .wpcf7 textarea {
    width: 100%;
    margin-bottom: 5px;
}

.rrequest_free_demo .wpcf7 textarea {
    width: 100%;
    height: 80px;
}

span.wpcf7-form-control-wrap.Howcanwehelpyou {
    font-size: 14px;
    width: 100%;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #808080;
    margin-bottom: 15px;
    display: block;
}

.rrequest_free_demo .wpcf7 input.wpcf7-form-control.wpcf7-submit {
    background: #00bc71;
    border: 1px solid #00bc71;
    color: #fff;
    padding: 10px 20px;
    border-radius: 80px;
    display: inline-block;
    font-family: GothamMBook, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.rrequest_free_demo .wpcf7 input.wpcf7-form-control.wpcf7-submit:hover {
    color: #00bc71;
    background: #fff;
}

.rrequest_free_demo .wpcf7 span.wpcf7-form-control.wpcf7-checkbox {
    display: block;
    margin-top: 5px;
}

.rrequest_free_demo .wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 10px;
    font-family: GothamBook, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.rrequest_free_demo .wpcf7 .wpcf7-list-item {
    display: inline-block;
    margin: 0 15px 0 0;
}

.rrequest_free_demo .wpcf7 input[type="checkbox"] {
    display: inline-block;
    height: 15px;
    width: 15px;
}

.mockup_table table thead th {
    background-color: #005695;
    color: #ffffff;
    font-size: 19px;
}

.mockup_table table thead th:first-child {
    border-left: 0px;
    border-top: 0px;
}

.mockup_table table thead th:last-child {
    border-right: 0px;
    border-top: 0px;
}

.mockup_table table tbody tr td {
    border: 0px;
    border-right: 1px solid #dcdcdc;
}

.mockup_table table tbody tr td:last-child {
    border: 0px;
}

.mockup_table {
    padding: 20px;
}

.mockup_table table {
    border: 0px !important;
    border-radius: 30px 30px 0 0;
    overflow: hidden;
    box-shadow: 0px 0px 24px 0px rgba(98, 98, 98, 0.17) !important;
}

.mockup_table table tr:nth-child(2n) {
    background-color: #ecf1f5;
}

.mockup_table table thead th:first-child {
    width: 46%;
}

.table-1.mockup_table table th {
    border: 1px solid #dcdcdc;
    padding: 20px;
    text-align: left;
}

.table-1.mockup_table tr td {
    padding: 10px 20px;
}

.checkbox-tick {
    background-image: url(./assets/images/checkmark.svg);
    width: 100%;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.table-1.mockup_table {
    display: block;
    overflow-x: auto;
}

.noticeboard {
    position: relative;
    min-height: 20px;
}

.noticeboard span {
    display: block;
    width: 100%;
    color: #f4f5f6;
    font-size: 14px;
    font-weight: bold;
    font-family: GothamMedium, Arial, Helvetica, sans-serif;
    font-weight: 400;
}


/* css added on 11-8-21 */
.resourcesCaro {
    margin-top: 110px
}

#resources .resourcesImg {
    position: relative;
    z-index: 1;
    margin: 0 !important;
}

.owl-item.active .carousel_txt,
.owl-item.active .resourcesImg {
    position: relative;
    overflow: hidden;
}

.owl-item.active .carousel_txt .slider_content {
    display: block;
    opacity: 0;
    animation: fadeIn 0.3s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
    min-height: 200px;
}

.owl-item.active .resourcesImg .slider_img {
    display: block;
    opacity: 0;
    animation: fadeIn 0s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.owl-item.active .carousel_txt .txt_bg_color {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.owl-item.active .resourcesImg .bg_color {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* .owl-item.active .resourcesImg .bg_color:hover {animation-play-state: paused;} */
@media only screen and (min-width: 1400px) {

    /* .op-interactive iframe {min-height: 580px !important; height: 580px !important; margin-bottom: 40px;}
 }
 .op-interactive iframe{margin-bottom: 20px;} */
    thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
        vertical-align: top;
    }

    .page-template-ofccp-compliance-page-new #calculator,
    .page-template-diversity-recruiting-page-new #calculator {
        padding: 80px 0 0px 0;
        height: auto;
        background: url(assets/images/horizontal_blue_line.png) top center no-repeat;
        width: 100%;
        background-size: 100%;
    }

    #calculator.white_with_top_blue_hug {
        padding: 80px 0 0px 0;
        height: auto;
        background: url(assets/images/horizontal_blue_line.png) top center no-repeat;
        width: 100%;
        background-size: 100%;
    }

    #calculator.white_background {
        background: #ffffff !important;
        padding: 60px !important;
    }

    #calculator.gray_background {
        background: #dfdfdf !important;
        padding: 60px !important;
    }

    #audit_success_rate .audit_Content ul {
        margin: 0 0 15px 15px;
        padding: 0;
    }

    #audit_success_rate .audit_Content ul li {
        font-family: GothamBook, Arial, Helvetica, sans-serif;
        font-weight: 400;
        color: #808080;
        list-style: disc;
        list-style-position: outside;
    }

    .audit_rate .bannerImageblank {
        padding: 0;
    }

    .su-row {
        margin-bottom: 60px;
    }

    .page-template-templatewebinar-php .fourColumnsContent a,
    .page-template-templatewebinar-new-php .fourColumnsContent a {
        min-width: 180px;
    }

    .page-template-ofccp-resources .trust_bx_cls .ofccp_content {
        margin: auto;
        text-align: center;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
    }

    #testimonials_bx .row.flex {
        display: inline;
    }

    .page-template-community-partners #defaultpage .audit_Content {
        margin: 20px 0;
        width: 100%;
    }

    #What_is_OFCCP::before {
        position: absolute;
        content: '';
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: rgba(0, 0, 0, 0.5);
    }

    .rrequest_free_demo iframe {
        min-height: 510px;
    }

    section#calculator em {
        font-size: 16px;
        color: #808080;
        margin: 0;
        padding: 0px !important;
        font-family: GothamBook, Arial, Helvetica, sans-serif;
        font-weight: 400;
        line-height: 24px;
    }

    .modal_content td img {
        margin-bottom: 15px;
    }

    .rrequest_free_demo iframe {
        background: #fff;
    }

    .page-template-calculate-time-page .belowbanner_Content ul li {
        margin-left: 0;
    }

    .page-template-calculate-time-page .custompagebanner .ofccp_content h1 {
        font-family: GothamBook;
        font-weight: 600;
    }

    .page-template-calculate-time-page .federal_txt_cls p:last-child {
        font-family: GothamBook;
    }

    .page-template-calculate-time-page .federal_txt_cls p {
        font-family: GothamBook;
    }

    .page-template-calculate-time-page .federal_txt_cls h3 {
        font-family: GothamBook;
    }

    .page-template-leadership-page .fourColumnsContent p {
        min-height: 50px !important;
    }

    .page-template-social-responsibility .audit_Content h3,
    .page-template-social-responsibility .audit_Content h4 {
        color: #00bc70 !important;
        font-size: 35px !important;
        margin: 0;
        padding: 0 0 15px 0;
        font-family: GothamBold, Arial, Helvetica, sans-serif !important;
    }

    .page-template-leadership-page #changeStartHere {
        background: none;
        border-top: solid 10px #00bc70;
        padding: 0;
        margin: 0;
    }

    .page-id-6877 #last_content_bx .row.flex {
        display: inline-table;
    }

    .page-id-6877 #last_content_bx .col-xl-6.col-lg-6.col-md-12.col-sm-12.col-12.inFlex {
        display: inherit;
        vertical-align: top;
    }
}

@media only screen and (min-width: 0px) and (max-width: 575px) {
    .on_demand_curve_bg {
        padding-bottom: 50px !important;
    }

    .custompagebanner .ofccp_content {
        min-height: 300px !important;
    }

    #successrate {
        padding-bottom: 30px;
    }

    #resourcesListing {
        margin: 0;
        padding: 10px 0 30px 0;
    }

    #fourColumns.resourcesColumn {
        background-size: 100%;
    }

    .resourcesPagination {
        margin: 0;
        padding: 20px 0 0 0;
    }

    .page-template-leadership-page .fourColumnsContent p {
        min-height: auto !important;
    }

    .bannerImage {
        background-size: 100%;
        margin: 0;
        position: relative;
        z-index: -1;
    }

    #rfd_form_bx .stats_content ul li a {
        font-size: 16px;
    }

    .pd-adjust {
        margin: 0 auto;
        padding: 0;
    }
}

span.pp-multiple-authors-layout-inline.author_index_1 div {
    height: auto !important;
    margin-bottom: 0px !important;
}

.page-template-diversity-recruiting-page-new .V_3_5 .t1-landing .no-header-links.no-footer-links {
    padding: 0px 0 0px !important;
}

body.page-template-flex .trust_bx_cls .ofccp_content {
    margin: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}