@font-face {
    font-family: "Graphik-Regular-Web";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url("../../fonts/Graphik/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Graphik/Graphik-Regular-Web.woff") format("woff"), url("../../fonts/Graphik/Graphik-Regular-Web.ttf") format("truetype"), url("../../fonts/Graphik/Graphik-Regular-Web.svg") format("svg");
}

@media only screen and (min-width:1250px) {
    .agencies-list .item .c {
        position: relative
    }

    .agencies-list .item ul {
        padding-right: 150px;
        margin: 0
    }

    .agencies-list .item .bt {
        position: absolute;
        right: 0;
        top: 75px
    }

    .hrmatch-file-upload-container form {
        padding-left: 10% !important;
        padding-right: 10% !important
    }
}

@media only screen and (min-width:1280px) {
    .page-header-photo .t {
        width: 50%
    }

    .text-video-100 {
        padding: 0;
        margin-bottom: 100px
    }

    .text-video-100 .bg {
        position: relative
    }

    .text-video-100 .v {
        margin-bottom: 0px
    }

    .text-video-100 .c {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        padding-left: 50px;
        display: flex;
        align-items: center
    }

    .text-video-100 .c.alternate {
        left: auto;
        right: 0;
        padding-left: 0;
        padding-right: 50px
    }

    .text-video-100 a {
        color: #0f1941
    }

    .text-video-100 a span path {
        fill: #0f1941
    }

    .text-video-100 .xl-white h2,
    .text-video-100 .xl-white p,
    .text-video-100 .xl-white a {
        color: #fff
    }

    .text-video-100 .xl-white a span path {
        fill: #fff
    }

    .text-photo-100 .c {
        width: 45%
    }

    .text-photo-50 .v img {
        width: 100%;
        margin: 0
    }

    .text-photo-50 .c {
        padding-left: 60px;
        padding-right: 60px
    }

    .text-photo-50.alternate .c {
        padding-left: 60px;
        padding-right: 60px
    }

    .text-photo-50 .bt+.bt {
        margin-top: 0;
        margin-left: 20px
    }

    .bg-50-50 .cta {
        max-width: 500px
    }

    .bg-50-50 .cta .v {
        width: 40%
    }

    .main-cta-layer.with-2-bt h2 {
        display: block !important
    }

    .slider-kf-multi-cols .item .v {
        max-width: 150px
    }

    .slider-kf-multi-cols .item h3 {
        font-size: 36px
    }

    .slider-kf-multi-cols .item p {
        font-size: 22px
    }

    .img-text-slider {
        position: relative
    }

    .img-text-slider .item {
        max-height: 800px
    }

    .img-text-slider .v img {
        width: 100%;
        max-width: none
    }

    .img-text-slider .c {
        width: 33%
    }

    .widget-docs-rh {
        padding: 40px 50px
    }

    .widget-docs-rh .v {
        float: right;
        width: 33%;
        margin: 0 5% 0 0
    }

    .widget-docs-rh .c {
        float: left;
        width: 45%
    }

    .widget-docs-rh-sidebar {
        padding: 30px
    }

    .widget-docs-rh-sidebar .v {
        float: none;
        width: 90px;
        margin: 0
    }

    .widget-docs-rh-sidebar .c {
        float: none;
        width: auto
    }

    .widget-list-cta {
        padding: 40px
    }

    .widget-list-cta .v {
        float: left;
        margin-left: 0;
        margin-right: 40px;
        margin-bottom: 0
    }

    .widget-cta-photo {
        padding-right: 45%
    }

    .accordion .item .q h2,
    .accordion .item .q h3,
    .accordion .item .q h4 {
        font-size: 30px;
        padding-top: 8px;
        padding-right: 135px
    }

    .accordion .item .q .action {
        width: 50px;
        height: 50px;
        right: 45px
    }
}

@media only screen and (min-width:1350px) {
    .mw-xl-100 {
        max-width: 100% !important
    }

    .mw-xl-95 {
        max-width: 95% !important
    }

    .mw-xl-90 {
        max-width: 90% !important
    }

    .mw-xl-85 {
        max-width: 85% !important
    }

    .mw-xl-80 {
        max-width: 80% !important
    }

    .mw-xl-75 {
        max-width: 75% !important
    }

    .mw-xl-70 {
        max-width: 70% !important
    }

    .mw-xl-65 {
        max-width: 65% !important
    }

    .mw-xl-60 {
        max-width: 60% !important
    }

    .mw-xl-55 {
        max-width: 55% !important
    }

    .mw-xl-50 {
        max-width: 50% !important
    }

    .mw-xl-45 {
        max-width: 45% !important
    }

    .mw-xl-40 {
        max-width: 40% !important
    }

    .mw-xl-35 {
        max-width: 35% !important
    }

    .mw-xl-30 {
        max-width: 30% !important
    }

    .mw-xl-25 {
        max-width: 25% !important
    }

    .mw-xl-20 {
        max-width: 20% !important
    }

    .mw-xl-15 {
        max-width: 15% !important
    }

    .mw-xl-10 {
        max-width: 10% !important
    }

    .mw-xl-5 {
        max-width: 5% !important
    }

    .mw-xl-0 {
        max-width: 0% !important
    }

    .bgc-xl-none {
        background: none !important
    }

    .fc0-xl {
        color: #fff !important
    }

    .bgc1-xl {
        background: #2175d9 !important
    }

    .fc1-xl {
        color: #2175d9 !important
    }

    .bgc2-xl {
        background: #0f1941 !important
    }

    .fc2-xl {
        color: #0f1941 !important
    }

    .bgc3-xl {
        background: #6ba5b4 !important
    }

    .fc3-xl {
        color: #6ba5b4 !important
    }

    .bgc4-xl {
        background: #f7f5f0 !important
    }

    .fc4-xl {
        color: #f7f5f0 !important
    }

    .bgc5-xl {
        background: #2175d9 !important
    }

    .fc5-xl {
        color: #e74536 !important
    }

    .bgc6-xl {
        background: #ffb511 !important
    }

    .fc6-xl {
        color: #ffb511 !important
    }

    .bgc7-xl {
        background: #d7d7d7 !important
    }

    .fc7-xl {
        color: #d7d7d7 !important
    }

    .bgc8-xl {
        background: #878ca0 !important
    }

    .fc8-xl {
        color: #878ca0 !important
    }

    .bgc9-xl {
        background: #78bb0e !important
    }

    .fc9-xl {
        color: #78bb0e !important
    }

    .bgc10-xl {
        background: #abb3b4 !important
    }

    .fc10-xl {
        color: #abb3b4 !important
    }

    .bgc11-xl {
        background: #f5f5f5 !important
    }

    .fc11-xl {
        color: #f5f5f5 !important
    }

    .container {
        max-width: 1320px;
        margin-left: auto;
        margin-right: auto
    }

    header .header-container {
        max-width: 1320px;
        margin-left: auto;
        margin-right: auto
    }

    header .menu-2 a,
    header .smenu a {
        font-size: 16px
    }

    .account-menu-container>a.a-display-favs {
        margin-top: 5px
    }

    .account-menu-container>a.a-display-login,
    .account-menu-container>a.a-signup {
        margin-top: 2px
    }

    .account-menu-container>a.a-signup {
        font-size: 16px
    }

    .dhtml-signup,
    .dhtml-login {
        right: 40px
    }

    .dhtml-signup:before {
        right: 160px
    }

    .dhtml-signup:after {
        right: 90px
    }

    .dhtml-login:before {
        right: 40px
    }

    .text-photo-100 .c {
        width: 40%
    }

    .text-photo-50 {
        max-height: 620px
    }

    .text-photo-50 .c {
        max-width: 600px;
        padding-left: 100px;
        padding-right: 0
    }

    .text-photo-50.alternate .c {
        padding-left: 0;
        padding-right: 100px
    }

    .main-cta .v {
        max-width: 60%
    }

    .double-cta .v {
        max-width: 140px;
        margin: 0 auto
    }

    .tabs-nav.tabs-nav-with-rwd a {
        font-size: 16px;
        padding: 0 25px
    }

    .select-tabs a {
        font-size: 26px
    }

    .select-tabs a .icon {
        margin-right: 10px
    }

    .push-columns .v {
        width: 50%;
        margin: 0 auto 30px auto
    }

    .items-list .item .c {
        padding-right: 180px;
        margin-bottom: 0
    }

    .items-list .item .bt {
        position: absolute;
        right: 0;
        bottom: 50px !important
    }

    .jobs-list .item .bt {
        bottom: 120px;
        width: 150px
    }

    .jobs-list .item .bt+.bt {
        bottom: 50px;
        margin-left: 0
    }

    .account-list .item .c,
    .blog-list .item .c {
        padding-right: 0;
        margin-bottom: 30px
    }

    .account-list .item .bt,
    .blog-list .item .bt {
        position: relative;
        right: auto;
        bottom: auto
    }

    .popin-container {
        max-width: 40%
    }
}

@media only screen and (min-width:1450px) {

    .page-header-container .previous,
    .page-header-container .next {
        top: 55px;
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 25px
    }

    .page-header-container .previous {
        left: 20px
    }

    .page-header-container .next {
        right: 20px
    }

    .agencies-area-list li a {
        font-size: 18px;
    }
}