@font-face {
  font-family: "Graphik-Regular-Web";
  font-style: normal;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display:swap;
  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");
}
/* TRANSITION */
/* COLORS */
/* SOCIAL */
/* MIXINS */
/*
 grayscale      ex: filter: grayscale(100%);
 sepia          ex: filter: sepia(100%);
 saturate       ex: filter: saturate(0%);
 hue-rotate     ex: filter: hue-rotate(45deg);
 invert         ex: filter: invert(100%);
 brightness     ex: filter: brightness(15%);
 contrast       ex: filter: contrast(200%);
 blur           ex: filter: blur(2px);
 */
/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  /* MAX WIDTH */
  /* BGC */
  /* WRAPPER */
  /* BUTTONS */
  /* INPUT CONTRACT */
  /* FORMS */
  /* FLOATING LABELS */
  /* HEADER */
  /* ACCOUNT MENU CONTAINER */
  /* DHTML SIGNUP */
  /* DHTML LOGIN */
  /* BREADCRUMB */
  /* PAGE HEADER */
  /* SEPARATOR IMG */
  /* TEXT + PICTO */
  /* CONFIRMATION HEADER */
  /* LEFT SUB MENU */
  /* SELECT TABS */
  /* SUB HEADER PICTO */
  /* BOXED VIDEO */
  /* TEXT + PHOTO 100 */
  /* TEXT + PHOTO 50 */
  /* BLOG AUTOPROMO */
  /* BG 50-50 */
  /* MAIN CTA LAYER */
  /* SLIDER KF MULTI COLS */
  /* SLIDER KF AGENCIES */
  /* TESTIMONIES SLIDER */
  /* IMG TEXT SLIDER */
  /* TITLE PLUS LINKS */
  /* SIMPLE SEARCH ENGINE */
  /* POPIN */
  /* ARTICLE NAV */
  /* PUSH ARTICLE */
  /* WIDGET AUTOPROMO */
  /* WIDGET DOCS RH */
  /* TABS NAV SIMPLE */
  /* SOCIAL BANNER */
  /* FOOTER */
  /* PUSH NEED HELP */
  /* PUSH TITLE */
  .rte .intro p {
    font-size: 26px;
  }
  .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;
  }
  .bgc-lg-none {
    background: none !important;
  }
  .bgc1-lg {
    background: #2175d9 !important;
  }
  .bgc2-lg {
    background: #0f1941 !important;
  }
  .bgc3-lg {
    background: #6ba5b4 !important;
  }
  .bgc4-lg {
    background: #f7f5f0 !important;
  }
  .bgc5-lg {
    background: #e74536 !important;
  }
  .bgc6-lg {
    background: #ffb511 !important;
  }
  .bgc7-lg {
    background: #d7d7d7 !important;
  }
  .bgc8-lg {
    background: #878ca0 !important;
  }
  .bgc9-lg {
    background: #78bb0e !important;
  }
  .bgc10-lg {
    background: #acacac !important;
  }
  .bgc11-lg {
    background: #f5f5f5 !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-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;
  }
  .input-fake-bt .fake-bt {
    line-height: 76px;
    height: 76px;
    font-size: 20px;
    padding: 0 20px;
  }
  .input-fake-bt .layer {
    top: 76px;
  }
  .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;
  }
  .floating-label-medium label {
    top: 22px;
  }
  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 {
    padding-top: 15px;
  }
  .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: 220px;
    margin-top: -205px;
  }
  .page-header-confirmation {
    padding-top: 200px;
  }
  .page-header-event {
    height: 720px;
  }
  .page-header-event h1 {
    width: 50%;
    font-size: 50px;
    margin-bottom: 70px;
    padding-top: 150px;
  }
  .landing-header {
    padding-top: 15px;
  }
  .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: #acacac;
  }
  .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%;
  }
  .right100{
    float: right;
  }
  .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 {
    margin-bottom: 30px;
  }
  .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 .slick-arrow {
    top: 80px;
  }
  .slider-testimonies h3 {
    font-size: 24px;
  }
  .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 .item-blue h2, .img-text-slider .item-blue p {
    color: #2175d9;
  }
  .img-text-slider .slick-dots {
    top: auto;
    bottom: 40px;
  }
  .title-plus-links {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .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: 24px;
    letter-spacing: -1px;
    line-height: 77px;
  }
  .title-plus-links .item-seo h3 {
    margin-bottom: 30px;
  }
  .title-plus-links .item-seo li a, .title-plus-links .item-seo li .a {
    font-size: 18px !important;
  }
  .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;
  }
  .social-banner p {
    padding-left: 15%;
    padding-right: 15%;
  }
  .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;
  }
}
@media only screen and (min-width: 1172px) {
  /* WIDGET AUTOPROMO */
  /* PUSH TITLE */
  .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%;
  }
  .no-results .item h2 {    
    background-repeat: no-repeat !important;
    background-position: bottom 6px left 266px !important;       
    width: auto !important;           
  }
}