@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:992px) {
    .rte .intro p {
        font-size: 26px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mw-lg-100 {
        max-width: 100% !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .container {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: 60px;
        margin-right: 60px
    }

    .inside-wrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    .bt-size1 {
        line-height: 76px;
        height: 76px;
        font-size: 18px;
        border-width: 2px;        
    }
    .bt-size1.plusinfos {        
        margin-top: 30px;
    }

    .bt-size2 {
        line-height: 58px;
        height: 58px;
        border-width: 2px
    }

    .bt-icon.bt-size1 .icon {
        font-size: 37px;
        line-height: 76px
    }

    .bt-icon.bt-size2 .icon {
        font-size: 37px;
        line-height: 58px
    }

    .std-input {
        height: 76px;
        line-height: 76px
    }

    .std-input-medium {
        height: 58px;
        line-height: 58px
    }

    .std-form .row {
        margin-bottom: 30px
    }

    .std-form .row .column {
        margin-bottom: 30px
    }

    .std-form .row .column:last-of-type {
        margin-bottom: 0
    }

    .std-form .row-skills .column {
        margin-bottom: 0
    }

    .floating-label label {
        top: 28px
    }

    header .header-container {
        padding-left: 0;
        padding-right: 0;
        margin-left: 60px;
        margin-right: 60px
    }

    header .header {
        padding: 20px 40px 0 40px
    }

    header .logo {
        padding-top: 7px;
        margin-right: 50px
    }

    header .menu-1 {
        position: absolute;
        top: 10px;
        right: 40px
    }

    header .menu-1>li {
        position: relative;
        float: left;
        border-left: 1px solid rgba(255, 255, 255, .3);
        padding-left: 10px;
        margin-left: 10px;
        z-index: 100
    }

    header .menu-1>li:first-child {
        border: none;
        padding-left: 0;
        margin-left: 0
    }

    header .menu-1>li>a {
        display: block;
        line-height: 13px;
        font-size: 11px;
        color: #fff
    }

    header .menu-1>li .icon {
        margin-right: 5px
    }

    header .menu-1>li .icon-ailes {
        vertical-align: middle
    }

    header .menu-2 {
        float: left
    }

    header .menu-2 li {
        float: left;
        margin-left: 30px
    }

    header .menu-2 li:first-child {
        margin-left: 0
    }

    header .menu-2 a {
        display: block;
        line-height: 49px;
        font-size: 14px;
        color: #fff;
        opacity: 0.6;
        padding-top: 20px;
        padding-bottom: 10px;
        border-bottom: 2px solid transparent;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    header .menu-2 a.active,
    header .menu-2 a:hover {
        opacity: 1;
        border-bottom: 2px solid #fff
    }

    header .smenu {
        position: relative;
        z-index: 1
    }

    header .smenu li {
        float: left;
        margin-left: 40px
    }

    header .smenu li:first-child {
        margin-left: 0
    }

    header .smenu a {
        display: block;
        line-height: 49px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        opacity: 0.6;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    header .smenu a:hover,
    header .smenu a.active {
        opacity: 1
    }

    header.inverted-header .menu-1>li {
        border-left-color: rgba(15, 25, 65, .3)
    }

    header.inverted-header .menu-1>li>a {
        color: #0f1941
    }

    header.inverted-header .menu-2 a {
        color: #0f1941
    }

    header.inverted-header .menu-2 a.active,
    header.inverted-header .menu-2 a:hover {
        border-bottom-color: #0f1941
    }

    header.inverted-header .smenu a {
        color: #0f1941
    }

    .account-menu-container {
        top: 50px;
        right: 40px
    }

    .dhtml-logged {
        top: 101px
    }

    .dhtml-account:before {
        right: 42px
    }

    .dhtml-favs:before {
        right: 42px
    }

    .dhtml-signup,
    .dhtml-login {
        top: 101px;
        right: 20px
    }

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

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

    .breadcrumb {
        padding-bottom: 20px
    }

    .page-header-container .previous {
        right: 142px
    }

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

    .page-header .h1,
    .page-header-photo .h1,
    .page-header h1,
    .page-header-photo h1 {
        font-size: 60px
    }

    .page-header h1.h2,
    .page-header-photo h1.h2 {
        font-size: 60px
    }

    .page-header-photo,
    .page-header-blog-photo {
        padding-top: 200px;
        margin-top: -205px
    }

    .page-header-event {
        height: 720px
    }

    .page-header-event h1 {
        width: 50%;
        font-size: 50px;
        margin-bottom: 70px;
        padding-top: 150px
    }

    .landing-header {
        padding-bottom: 50px
    }

    .landing-header h1 {
        font-size: 80px
    }

    .landing-header h1.h2 {
        font-size: 60px;
        margin-bottom: 10px
    }

    .landing-header p.h3 {
        font-size: 36px
    }

    .landing-header .v {
        max-width: none;
        margin-top: 60px;
        margin-bottom: 0
    }

    .separator-img {
        height: 600px
    }

    .text-photo,
    .text-picto {
        padding: 100px 0
    }

    .confirmation-header .close {
        right: 40px
    }

    .left-sub-menu li {
        float: none;
        border-bottom: 1px solid #d7d7d7
    }

    .left-sub-menu li>a {
        display: block;
        font-size: 16px;
        color: #2175d9;
        padding: 15px 0
    }

    .left-sub-menu li+li {
        border-left: none;
        padding-left: 0;
        margin-left: 0
    }

    .select-tabs ul {
        display: table;
        width: 100%;
        margin: 0
    }

    .select-tabs li {
        display: table-cell;
        border: none !important
    }

    .select-tabs li+li a {
        border-left: 2px solid #fff
    }

    .select-tabs a {
        display: block;
        text-align: center;
        text-decoration: none;
        background: #f7f5f0;
        color: #0f1941;
        font-size: 18px;
        padding: 30px 0
    }

    .select-tabs a .icon {
        color: #2175d9;
        margin-right: 10px
    }

    .select-tabs a.active {
        color: #fff
    }

    .select-tabs a.active .icon {
        color: #fff
    }

    .select-tabs a.active1 {
        background: #2175d9
    }

    .select-tabs a.active2 {
        background: #0f1941
    }

    .select-tabs a.active3 {
        background: #6ba5b4
    }

    .select-tabs a.active4 {
        background: #f7f5f0
    }

    .select-tabs a.active5 {
        background: #e74536
    }

    .select-tabs a.active6 {
        background: #ffb511
    }

    .select-tabs a.active7 {
        background: #d7d7d7
    }

    .select-tabs a.active8 {
        background: #878ca0
    }

    .select-tabs a.active9 {
        background: #78bb0e
    }

    .select-tabs a.active10 {
        background: #abb3b4
    }

    .select-tabs a.active11 {
        background: #f5f5f5
    }

    .sub-header-picto h2 {
        font-size: 50px
    }

    .boxed-video .v {
        max-width: 460px;
        margin: 0 auto
    }

    .boxed-video .column+.column {
        margin-top: 0
    }

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

    .text-photo-50 .v img {
        margin-left: 0;
        margin-right: auto
    }

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

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

    .text-svg-50 .v .svg {
        margin: 0 100px 0 auto
    }

    .text-svg-50.alternate .v .svg {
        margin: 0 auto 0 100px
    }

    .blog-article-autopromo {
        margin-left: -50px;
        margin-right: -50px
    }

    .blog-article-autopromo h2 {
        font-size: 40px
    }

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

    .bg-50-50 .cta .v {
        width: 35%;
        margin-right: 10%
    }

    .bg-50-50 .column+.column .cta {
        margin-left: auto
    }

    .main-cta-layer .v {
        margin-right: 20px
    }

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

    .slider-kf-multi-cols .item .c {
        padding: 0 3%
    }

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

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

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

    .slider-kf-agencies .item h3 {
        font-size: 50px
    }

    .slider-testimonies .c {
        background-size: 106px 92px;
        padding-right: 185px
    }

    .img-text-slider .v {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 600px
    }

    .img-text-slider .t {
        position: absolute;
        width: 100%;
        left: 50%;
        top: 50%;
        background: none;
        padding: 0;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

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

    .img-text-slider h2 {
        font-size: 50px;
        letter-spacing: -3px
    }

    .img-text-slider p {
        font-size: 24px
    }

    .img-text-slider .item-reverse .c {
        float: right
    }

    .img-text-slider .item-dark h2,
    .img-text-slider .item-dark p {
        color: #fff
    }

    .img-text-slider .slick-dots {
        top: auto;
        bottom: 40px
    }

    .title-plus-links {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .title-plus-links ul {
        margin-left: -40px;
        margin-top: -27px
    }

    .title-plus-links li {
        float: left;
        width: 33.33%;
        padding-left: 40px
    }

    .title-plus-links .with-2-cols li {
        width: 50%
    }

    .title-plus-links li a,
    .title-plus-links li .a {
        font-size: 22px;
        letter-spacing: -1px;
        line-height: 77px
    }

    .simple-search-engine .line {
        padding-right: 0
    }

    .simple-search-engine .input-wrapper {
        float: none;
        width: auto;
        padding-right: 0;
        margin-bottom: 20px
    }

    .simple-search-engine button {
        float: none;
        width: 100%;
        margin-right: 0
    }

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

    .article-nav .back {
        line-height: 58px
    }

    .push-article-blog h3 {
        font-size: 26px
    }

    .widget-autopromo {
        padding: 0
    }

    .widget-autopromo .arrow {
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: auto;
        bottom: 140px;
        left: 50%
    }

    .widget-autopromo .t {
        padding: 60px 30px
    }

    .widget-autopromo .t p {
        margin: 0
    }

    .widget-autopromo .cta {
        background: #2175d9;
        text-align: center;
        padding-top: 60px;
        padding-bottom: 40px
    }

    .widget-autopromo.widget-autopromo-sidebar {
        background-position: 80% 100%;
        padding: 0
    }

    .widget-autopromo.widget-autopromo-sidebar .arrow {
        display: block;
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: auto;
        bottom: 140px;
        left: 50%
    }

    .widget-autopromo.widget-autopromo-sidebar .t {
        padding: 40px 30px
    }

    .widget-autopromo.widget-autopromo-sidebar .t p {
        width: 50%;
        margin: 0
    }

    .widget-autopromo.widget-autopromo-sidebar .cta {
        background: #2175d9;
        text-align: center;
        padding-top: 60px;
        padding-bottom: 40px
    }

    .widget-docs-rh .v {
        float: none;
        width: 50%;
        margin: 0 auto 30px auto
    }

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

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

    .widget-docs-rh-sidebar .v {
        position: absolute;
        left: 30px;
        top: 30px;
        width: 90px
    }

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

    .widget-docs-rh-sidebar h2 {
        height: 90px;
        padding-left: 100px;
        margin-bottom: 30px
    }

    .tabs-nav-simple a {
        padding-left: 20px;
        padding-right: 20px
    }

    .nav-with-icons li {
        float: none;
        width: auto;
        padding: 14px 0;
        border-bottom: 1px solid #d7d7d7
    }

    .nav-with-icons .v {
        float: left;
        width: 40px;
        margin-right: 20px
    }

    .nav-with-icons a {
        width: auto;
        text-decoration: none;
        font-size: 16px;
        color: #2175d9
    }

    .nav-with-icons a .t {
        line-height: 40px
    }

    .nav-with-icons a:hover,
    .nav-with-icons a.active {
        padding: 0;
        border: none;
        color: #0f1941
    }

    .social-banner h2 {
        margin-right: 40px
    }

    .social-banner .social li+li {
        margin-left: 30px
    }

    footer .footer-cols .column {
        padding-right: 20px
    }

    footer .footer-cols ul {
        padding-top: 0
    }

    footer .footer-cols li {
        padding-bottom: 0
    }

    footer .footer-cols .c {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0
    }

    footer .footer-cols a {
        display: block;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    footer .footer-cols h2 {
        border-bottom: 1px solid rgba(255, 255, 255, .15)
    }

    footer .footer-cols h2 .icon {
        color: rgba(255, 255, 255, .15);
        top: 12px
    }

    footer .footer-cols+.footer-cols {
        padding-top: 45px
    }

    footer .footer-3 {
        padding-top: 75px
    }

    footer .footer-3 .links {
        padding-right: 220px;
        padding-top: 8px
    }

    footer .footer-3 .links li {
        float: left;
        line-height: 16px;
        height: 16px;
        border-right: 1px solid rgba(225, 255, 255, .6);
        padding-right: 10px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    footer .footer-3 .links li:last-child {
        border: none;
        padding-right: 0;
        margin-right: 0
    }

    footer .footer-3 .links a {
        font-size: 15px
    }

    footer .footer-3 .social {
        float: right;
        margin-bottom: 0
    }

    .push-need-help .column+.column {
        border-top: none;
        border-left: 1px solid #d7d7d7;
        padding-top: 0;
        margin-top: 0
    }

    .push-title.with-all h2 {
        max-width: 70%
    }

    .push-title.push-title-small h2 {
        line-height: 58px
    }

    .layer-send form button {
        margin-top: -86px
    }

    .popin-welcome {
        max-width: 990px
    }

    .popin-welcome .item {
        padding: 30px 20px;
        height: 235px
    }

    .popin-welcome .item h3 {
        display: block;
        height: auto;
        float: none;
        max-width: 100%;
        text-align: center
    }

    .popin-welcome .item .v {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        float: none;
        position: absolute;
        bottom: 30px;
        left: 50%;
        margin: 0;
        margin-left: -50px
    }

    .popin-welcome .item:hover .v {
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .popin-welcome .column+.column {
        margin-top: 0
    }

    .hrmatch-file-upload-container {
        max-width: 490px !important;
        margin: 0 auto !important
    }

    .hrmatch-file-upload-container .cc-upload-btn {
        line-height: 58px !important;
        height: 58px !important;
        border-width: 2px !important
    }
}

@media only screen and (min-width:1172px) {
    .widget-autopromo {
        padding: 60px 40px;
        padding-left: 50%
    }

    .widget-autopromo .arrow {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        bottom: auto;
        top: 40px;
        left: 40%
    }

    .widget-autopromo .t {
        padding: 0
    }

    .widget-autopromo .t p {
        margin-bottom: 40px
    }

    .widget-autopromo .cta {
        background: none;
        text-align: left;
        padding: 0
    }

    .push-title.with-all h2 {
        max-width: 80%
    }
}