/* CSS - */
@font-face {
  font-family: 'proximanova_bold';
  src: url("../fonts/proximanova-bold-webfont.eot");
  src: url("../fonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold-webfont.woff2") format("woff2"), url("../fonts/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proximanova_italic';
  src: url("../fonts/proximanova-lightitalic-webfont.eot");
  src: url("../fonts/proximanova-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-lightitalic-webfont.woff2") format("woff2"), url("../fonts/proximanova-lightitalic-webfont.woff") format("woff"), url("../fonts/proximanova-lightitalic-webfont.ttf") format("truetype"), url("../fonts/proximanova-lightitalic-webfont.svg#proxima_novalight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proximanova_regular';
  src: url("../fonts/proximanova-regular-webfont.eot");
  src: url("../fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular-webfont.woff2") format("woff2"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proximanova_semibold';
  src: url("../fonts/proximanova-semibold-webfont.eot");
  src: url("../fonts/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-semibold-webfont.woff2") format("woff2"), url("../fonts/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'vagrund';
  src: url("../fonts/vagrundschriftd-webfont.eot");
  src: url("../fonts/vagrundschriftd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/vagrundschriftd-webfont.woff2") format("woff2"), url("../fonts/vagrundschriftd-webfont.woff") format("woff"), url("../fonts/vagrundschriftd-webfont.ttf") format("truetype"), url("../fonts/vagrundschriftd-webfont.svg#vagrundschriftdregular") format("svg");
  font-weight: normal;
  font-style: normal; }


@font-face {
  font-family: 'proximanova_bold';
  src: url("../fonts/proximanova-bold-webfont.eot");
  src: url("../fonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold-webfont.woff2") format("woff2"), url("../fonts/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proximanova_italic';
  src: url("../fonts/proximanova-lightitalic-webfont.eot");
  src: url("../fonts/proximanova-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-lightitalic-webfont.woff2") format("woff2"), url("../fonts/proximanova-lightitalic-webfont.woff") format("woff"), url("../fonts/proximanova-lightitalic-webfont.ttf") format("truetype"), url("../fonts/proximanova-lightitalic-webfont.svg#proxima_novalight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proximanova_regular';
  src: url("../fonts/proximanova-regular-webfont.eot");
  src: url("../fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular-webfont.woff2") format("woff2"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proximanova_semibold';
  src: url("../fonts/proximanova-semibold-webfont.eot");
  src: url("../fonts/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-semibold-webfont.woff2") format("woff2"), url("../fonts/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'vagrund';
  src: url("../fonts/vagrundschriftd-webfont.eot");
  src: url("../fonts/vagrundschriftd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/vagrundschriftd-webfont.woff2") format("woff2"), url("../fonts/vagrundschriftd-webfont.woff") format("woff"), url("../fonts/vagrundschriftd-webfont.ttf") format("truetype"), url("../fonts/vagrundschriftd-webfont.svg#vagrundschriftdregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@media (min-width: 1200px) {
  #submenu div.container ul li a {
    padding: 0 16px;
    font-size: 14px; } }

@media (max-width: 1200px) {
  /* Beautiful select */
  #choose-section {
    /* Employer */
    /* Employee */ }
    #choose-section #employer-side .section {
      left: 40%; }
    #choose-section #employee-side .section {
      left: 60%; }
  /* Change the button on smaller screens */
  .svd-button-div button.svd-button span.title,
  .svd-button-div a.svd-button span.title {
    display: block; }
  /* Top header */
  header#main-navigation nav ul li a {
    padding: 10px; }
  #svd-content .newsletter-signup input[type="email"],
  .cta .newsletter-signup input[type="email"] {
    width: 60%; }
  #svd-content .cta-title,
  .cta .cta-title {
    font-size: 22px !important; }
  #svd-content a.cta-button,
  .cta a.cta-button {
    font-size: 18px !important; }
  .job-overview .job-text-left,
  .job-overview .job-text-right {
    width: 455px !important; }
  .job-overview div.job-image-wrapper,
  .job-overview div.job-text-wrapper {
    min-height: 500px; }
  .job-overview .job-info .row {
    margin-bottom: 5px; }
  .job-overview .fixed-width,
  .job-overview .fixed-width-small {
    display: block !important; }
  #submenu div.container ul li a {
    padding: 0 10px;
    font-size: 16px; } }

@media (max-width: 767px) {
  /* Visual Composer content */
  #svd-content .wpb_wrapper .mobile-space {
    display: block; }
  #svd-content .wpb_wrapper .medium-space {
    display: none; }
  #svd-content .cta .vc_cta3 {
    text-align: center; }
    #svd-content .cta .vc_cta3 .vc_cta3-content {
      text-align: center;
      padding-right: 0px; }
  #svd-content .svd-locations .svd-location .svd-location-middot {
    display: inline-block; }
  #svd-content .svd-locations .svd-location .svd-location-address {
    display: inline-block; }
  .svd-dropdown-div {
    line-height: 50px !important; }
    .svd-dropdown-div .svd-dropdown-wrapper .svd-dropdown-icon {
      display: none; }
    .svd-dropdown-div .svd-dropdown-wrapper .svd-dropdown-text {
      font-size: 15px; }
      .svd-dropdown-div .svd-dropdown-wrapper .svd-dropdown-text .subtitle {
        font-size: 15px;
        line-height: 50px; }
    .svd-dropdown-div .svd-dropdown-wrapper .toggle i.fa {
      font-size: 30px;
      top: 30px;
      right: 20px; }
    .svd-dropdown-div .svd-dropdown-content .toggle i.fa {
      font-size: 30px;
      right: 20px; }
    .svd-dropdown-div .svd-dropdown-content {
      margin: 50px 50px 50px 15px !important; }
  /* Blog  */
  body .blog-overview .blog-item .blog-info .blog-author,
  body .blog-overview .blog-item .blog-info .blog-date {
    display: block; }
  body .blog-overview .blog-item .blog-info .blog-date {
    padding-left: 0px; }
  body .blog-overview .blog-item .blog-info .blog-middot {
    display: none; }
  body .blog-overview .blog-item .blog-info hr {
    display: none; }
  body .blog-overview .blog-item .blog-readmore {
    position: absolute;
    right: 20px;
    top: 0px; }
  /* Blog detail */
  .blog-detail .blog-item .blog-text {
    margin-bottom: 100px; }
  .knowledge-search {
    width: 100% !important; }
  /* Submenu */
  #blog-submenu,
  #submenu {
    height: 100% !important; }
    #blog-submenu div.container,
    #submenu div.container {
      padding: 0px;
      height: 100%; }
      #blog-submenu div.container ul,
      #submenu div.container ul {
        margin-bottom: 0px;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5; }
        #blog-submenu div.container ul li,
        #submenu div.container ul li {
          display: block;
          position: relative; }
          #blog-submenu div.container ul li a,
          #submenu div.container ul li a {
            line-height: 60px;
            font-size: 22px;
            padding-left: 30px; }
          #blog-submenu div.container ul li:not(.active),
          #submenu div.container ul li:not(.active) {
            border-bottom: 1px solid #ef8345; }
          #blog-submenu div.container ul li:last-child,
          #submenu div.container ul li:last-child {
            border: none; }
          #blog-submenu div.container ul li:after,
          #submenu div.container ul li:after {
            content: '\f105';
            font-family: 'FontAwesome';
            font-size: 35px;
            position: absolute;
            right: 25px;
            bottom: 50%;
            margin-bottom: -25px;
            color: #ffffff; }
  #blog-submenu div.container .blog-select {
    display: none; }
  #blog-submenu div.container ul {
    width: 100%; }
    #blog-submenu div.container ul li a {
      font-size: 18px; }
    #blog-submenu div.container ul li:after {
      font-size: 27px;
      margin-bottom: -19px; }
  .job-detail h2.job-title,
  .job-overview h2.job-title {
    font-size: 25px;
    margin-top: 70px; }
  .job-detail div.job-image-wrapper,
  .job-detail div.job-text-wrapper,
  .job-overview div.job-image-wrapper,
  .job-overview div.job-text-wrapper {
    min-height: 490px; }
  .job-detail .job-text-left,
  .job-detail .job-text-right,
  .job-overview .job-text-left,
  .job-overview .job-text-right {
    width: 100% !important; }
  .job-detail div.job-text-right,
  .job-overview div.job-text-right {
    padding: 0px; }
  .job-detail .fixed-width,
  .job-detail .fixed-width-small,
  .job-overview .fixed-width,
  .job-overview .fixed-width-small {
    display: inline-block !important;
    width: 135px !important; }
  .job-detail div.job-small .job-image,
  .job-overview div.job-small .job-image {
    height: 215px; }
  .job-detail .job-item .job-info .job-column {
    margin: 35px 0px; }
  .job-detail .job-item .job-info a.job-button {
    float: left; } }

@media (max-width: 478px) {
  /* Home Select*/
  .beautiful-select{
    width: auto !important;
    margin-left: 75px !important;
  }

  #choose-section .section h3{
    margin-left: 75px !important;
  }
  /* Top header */
  header#main-navigation .brand {
    display: inline; }
  header#main-navigation > .container{
    background: #ffffff;}
  .mobile-size-38 span {
    font-size: 38px !important; }
  #choose-section .section {
    max-width: 320px;
    margin-left: -160px !important; }
  #choose-section .col-md-6 .section h3 {
    font-size: 28px; }
  #svd-header-text {
    width: 290px; }
    #svd-header-text h1 {
      font-size: 28px; }
    #svd-header-text h2 {
      font-size: 20px; }
  #svd-content .svd-locations .svd-location .svd-location-middot {
    display: none; }
  #svd-content .svd-locations .svd-location .svd-location-address {
    display: block; }
  #svd-content #custom-mapping-google-map-0 {
    height: 300px !important; }
  /* Submenu */
  #submenu div.container ul li a {
    font-size: 20px; }
  #submenu div.container ul li:after {
    font-size: 30px;
    margin-bottom: -21px;
    color: #ffffff; }
  .job-overview div.job-image-wrapper,
  .job-overview div.job-text-wrapper {
    min-height: 610px; }
  .job-detail .job-item .job-info a.job-button {
    width: 100%; }
  .job-detail .job-item .job-image div.job-title {
    padding: 20px 0px 10px 5px;
    width: 100%;
    font-size: 22px; } }

.orange {
  color: #ea5b0c; }

.dark-blue {
  color: #322960; }

.white {
  color: #ffffff; }

.darkest-grey {
  color: #656565; }

.proximanova-bold {
  font-family: "proximanova_bold" !important; }

.proximanova-regular {
  font-family: "proximanova_regular" !important; }

.proximanova-italic {
  font-family: "proximanova_italic" !important; }

.proximanova-semibold {
  font-family: "proximanova_semibold" !important; }

.vagrund {
  font-family: "vagrund" !important; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.italic {
  font-style: italic; }

.dotted-underline {
  border-bottom: 2px dotted; }

.orange-underline {
  border-bottom: 2px solid #faddd5; }

.no-decoration {
  text-decoration: none; }

.letter-spacing {
  letter-spacing: 1px; }

.line-height-28 {
  line-height: 28px; }

.line-height-36 {
  line-height: 36px; }

.line-height-44 {
  line-height: 44px; }

.line-height-56 {
  line-height: 56px; }

.size-15 {
  font-size: 15px; }

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

.size-18 {
  font-size: 18px; }

.size-20 {
  font-size: 20px; }

.size-23 {
  font-size: 23px; }

.size-24 {
  font-size: 24px; }

.size-25 {
  font-size: 25px; }

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

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

.size-37 {
  font-size: 37px; }

.size-46 {
  font-size: 46px; }

.no-padding-left {
  padding-left: 0px !important; }

.no-padding-right {
  padding-right: 0px !important; }

h1, h2, h3, h4, h5 {
  font-family: "vagrund" !important; }

li,
p {
  color: #4a4a4a;
  font-family: "proximanova_regular"; }

* {
  outline: none;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

/* The entire header with the menu */
 #nav{
  position: fixed;
  width: 100%;
  z-index: 100000;
  background-color: #ffffff;}
  #main-navigation .clearfix{
    background: #ffffff!important;
  }

/* Topbar - blue topbar with account links */
#topbar {
  width: 100%;
  height: 75px;
  color: #ffffff;
  font-size: 13px;
  line-height: 25px;
  background-color: #322960;
  font-family: "proximanova_regular"; }
  #topbar #top-navigation a {
    color: #ffffff;
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    text-decoration: underline;
    font-family: "proximanova_regular"; }

/* Topbar - inlog button */

#topbar a {
  position: relative;
  display: block;
  background: #ea5b0c;
  color: #fff;
  border: none;
  padding: 10px 25px;
  margin: 0 !important;
  font-size: 16px !important;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none !important;
  font-family: 'proximanova_semibold' !important;
  float: right;
}

#topbar a:hover {
  background: #f07634 !important;
  color: #fff;
}

#topbar a:before {
  position: absolute;
  display: block;
  content: "";
  width: 45px;
  height: 45px;
  background-image: url("../images/icons/mijnstaatvandienst-icon.png");
  background-size: cover;
  left: -53px;
  top: 50%;
  transform: translateY(-50%);
}

.mijnstaatvandienst {
  display: block;
  text-transform: uppercase;
  margin: 0 !important;
  font-size: 17px !important;
  font-family: 'proximanova_semibold' !important;
}



/* Searchbar */
#searchbar {
  width: 100%;
  display: none; }
  #searchbar .searchform .searchinput {
    width: 100%;
    height: 45px;
    font-family: "proximanova_regular";
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #ececec; }

/* Search input when we're in mobile view */
.searchmobile .searchinput {
  display: none; }

/* Top header */
header.sticky-bottom {
  border-bottom: 2px solid #e5e5e5; }

header#main-navigation {
  height: 95px; }
  header#main-navigation .brand {
    line-height: 90px;
    display: inline-block; }
  header#main-navigation nav {
    line-height: 75px; }
    header#main-navigation nav .menu-main-menu-container {
      position: relative; }
      header#main-navigation nav .menu-main-menu-container ul li {
        float: left;
        position: static; }
        header#main-navigation nav .menu-main-menu-container ul li.current_page_item a, header#main-navigation nav .menu-main-menu-container ul li.current-page-ancestor a {
          padding: 15px 10px 16px 10px;
          color: #ea5b0c;
          border-top: 4px solid #ea5b0c;
          background-color: transparent; }
          @media (max-width: 1200px) {
            header#main-navigation nav .menu-main-menu-container ul li.current_page_item a, header#main-navigation nav .menu-main-menu-container ul li.current-page-ancestor a {
              padding: 15px 7px 16px 7px; } }
        header#main-navigation nav .menu-main-menu-container ul li:hover a {
          color: #ea5b0c;
          border-top: 4px solid #ea5b0c;
          background-color: transparent; }
        @media (min-width: 992px) {
          header#main-navigation nav .menu-main-menu-container ul li:hover .sub-menu {
            display: block; } }
        header#main-navigation nav .menu-main-menu-container ul li a {
          line-height: 60px;
          font-size: 18px;
          color: #322960;
          font-family: "proximanova_bold";
          background-color: transparent;
          border-top: 4px solid transparent;
          padding: 15px 10px 16px 10px; }
          @media (max-width: 1200px) {
            header#main-navigation nav .menu-main-menu-container ul li a {
              font-size: 16px;
              padding: 15px 7px 16px 7px; } }
        header#main-navigation nav .menu-main-menu-container ul li.search-query {
          width: 42px; }
        header#main-navigation nav .menu-main-menu-container ul li > .sub-menu {
          width: 100%;
          margin: 0;
          padding: 15px;
          list-style-type: none;
          background-color: #322960;
          position: absolute;
          left: 0;
          z-index: 2;
          display: none; }
          header#main-navigation nav .menu-main-menu-container ul li > .sub-menu > li {
            width: 25%;
            display: inline-block;
            line-height: 1;
            align-self: flex-start; }
            header#main-navigation nav .menu-main-menu-container ul li > .sub-menu > li:nth-child(4n+1) {
              clear: left; }
            header#main-navigation nav .menu-main-menu-container ul li > .sub-menu > li a {
              line-height: 1;
              border-top: none;
              background-color: transparent;
              color: #ffffff;
              padding: 0; }
              header#main-navigation nav .menu-main-menu-container ul li > .sub-menu > li a[href="#"] {
                cursor: default;
                pointer-events: none; }
                header#main-navigation nav .menu-main-menu-container ul li > .sub-menu > li a[href="#"]:hover {
                  text-decoration: none; }
            header#main-navigation nav .menu-main-menu-container ul li > .sub-menu > li .sub-menu {
              padding: 0;
              margin-bottom: 20px;
              width: auto;
              position: relative;
              display: block; }
              header#main-navigation nav .menu-main-menu-container ul li > .sub-menu > li .sub-menu li {
                width: 100%;
                float: none;
                padding: 2px 0px; }
                header#main-navigation nav .menu-main-menu-container ul li > .sub-menu > li .sub-menu li a {
                  font-size: 14px;
                  color: rgba(255, 255, 255, 0.65); }
                  header#main-navigation nav .menu-main-menu-container ul li > .sub-menu > li .sub-menu li a:hover {
                    color: #ffffff; }
    header#main-navigation nav .navbar-toggle {
      top: -65px;
      right: -15px;
      position: relative; }
      header#main-navigation nav .navbar-toggle span.icon-bar {
        background-color: black;
        height: 5px;
        width: 30px; }

.beautiful-select {
  width: 410px;
  margin: 0 auto;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #ffffff;
  margin-top: 50px; }
  .beautiful-select .item,
  .beautiful-select .menu-item {
    cursor: pointer;
    text-align: left; }
    .beautiful-select .item.identifier,
    .beautiful-select .menu-item.identifier {
      background-position: right 15px center;
      background-repeat: no-repeat;
      background-image: url("../images/select/arrow.png"); }
      .beautiful-select .item.identifier .icon,
      .beautiful-select .menu-item.identifier .icon {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../images/icons/make-a-choice-active.png"); }
      .beautiful-select .item.identifier:hover .icon, .beautiful-select .item.identifier:active .icon, .beautiful-select .item.identifier.active .icon,
      .beautiful-select .menu-item.identifier:hover .icon,
      .beautiful-select .menu-item.identifier:active .icon,
      .beautiful-select .menu-item.identifier.active .icon {
        background-image: url("../images/icons/make-a-choice-inactive.png"); }
    .beautiful-select .item .icon, .beautiful-select .item a,
    .beautiful-select .menu-item .icon,
    .beautiful-select .menu-item a {
      float: left; }
    .beautiful-select .item .icon,
    .beautiful-select .menu-item .icon {
      width: 55px;
      height: 55px;
      display: block;
      line-height: 55px;
      text-align: center;
      border-right: 1px solid #e1e1e1;
      border-top-left-radius: 5px;
      -moz-border-top-left-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      -moz-border-bottom-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      background-color: #f1f1f1; }
    .beautiful-select .item a,
    .beautiful-select .menu-item a {
      height: 55px;
      display: block;
      font-size: 20px;
      text-align: left;
      padding-left: 25px;
      line-height: 57px;
      color: #767676;
      text-decoration: none;
      font-family: "proximanova_regular"; }
  .beautiful-select .menu-items-wrapper {
    display: none; }
    .beautiful-select .menu-items-wrapper .menu-item:last-child .icon {
      border-bottom-left-radius: 5px;
      -moz-border-bottom-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px; }
    .beautiful-select .menu-items-wrapper .menu-item .icon {
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-top: 1px solid #e1e1e1; }
    .beautiful-select .menu-items-wrapper .menu-item a {
      width: 355px;
      font-size: 18px;
      color: #322960;
      font-family: "proximanova_bold";
      border-top: 1px solid #e1e1e1; }
    .beautiful-select .menu-items-wrapper .menu-item:hover .icon, .beautiful-select .menu-items-wrapper .menu-item:hover a {
      background-color: #f4f4f7; }

#choose-section {
  position: relative; }
  #choose-section #employer-side,
  #choose-section #employee-side {
    height: 666px;
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  #choose-section #employer-side {
    background-image: url("../images/homepage/left-side.png"); }
  #choose-section #employee-side {
    background-image: url("../images/homepage/right-side.png"); }
  #choose-section .section {
    top: 20%;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    text-align: center;
    position: absolute; }
    #choose-section .section h3 {
      color: white;
      font-size: 34px;
      font-family: "proximanova_bold"; }
  #choose-section #customer-relation {
    top: 50%;
    left: 50%;
    width: 222px;
    height: 222px;
    position: absolute;
    margin-top: -111px;
    margin-left: -111px;
    background-color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 33px;
    font-family: "vagrund" !important; }
    #choose-section #customer-relation > span {
      margin-left: 45px; }
    #choose-section #customer-relation span {
      font-size: 34px;
      display: inline-block; }
      #choose-section #customer-relation span:first-child {
        margin-top: 40px; }

#svd-header-image {
  height: 550px;
  position: relative; }
  #svd-header-image #svd-header-text-wrapper {
    height: 425px; }
    #svd-header-image #svd-header-text-wrapper #svd-header-text {
      position: absolute;
      top: 50%;
      background-color: rgba(130, 130, 130, 0.5);
      padding: 10px 20px; }
      #svd-header-image #svd-header-text-wrapper #svd-header-text h1, #svd-header-image #svd-header-text-wrapper #svd-header-text h2 {
        text-shadow: 0px 3px 3px #828282;
        color: #322960;
        line-height: 40px; }

#submenu {
  background-color: #ea5b0c; }
  #submenu .container {
    height: 100%; }
  #submenu ul {
    height: 100%;
    list-style: none;
    padding-left: 0px; }
    #submenu ul li {
      height: 100%;
      display: inline-block; }
      #submenu ul li a {
        font-family: "proximanova_regular";
        text-decoration: none;
        display: block;
        padding: 0px 35px;
        line-height: 50px;
        font-size: 15px;
        color: #ffffff; }
        #submenu ul li a:hover {
          font-weight: bold; }
      #submenu ul li.active a {
        background-color: #ffffff;
        color: #ea5b0c !important;
        font-weight: bold; }

#svd-content h2 {
  font-size: 25px;
  color: #322960; }

#svd-content p, #svd-content li {
  font-size: 15px;
  line-height: 26px; }

#svd-content .mobile-space,
#svd-content .medium-space {
  display: none; }

#svd-content .service-tabs {
  margin-top: 25px;
  margin-left: -15px;
  margin-right: -15px; }
  #svd-content .service-tabs .service-tab {
    background-color: #ffffff;
    border: 1px solid #f3f3f3;
    padding-bottom: 60px;
    border-radius: 7px;
    margin-bottom: 30px; }
    #svd-content .service-tabs .service-tab .service-img {
      height: 195px;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px; }
    #svd-content .service-tabs .service-tab button {
      background-color: #ea5b0c;
      border: none;
      background-image: none; }
    #svd-content .service-tabs .service-tab .service-tab-title,
    #svd-content .service-tabs .service-tab .service-tab-text {
      margin-top: 10px;
      text-align: center; }
    #svd-content .service-tabs .service-tab .service-tab-text {
      margin-bottom: 20px;
      padding: 0px 20px;
      min-height: 75px; }
    #svd-content .service-tabs .service-tab .service-tab-button {
      position: relative; }
      #svd-content .service-tabs .service-tab .service-tab-button a {
        color: #ffffff;
        background-color: #ea5b0c;
        border: none;
        background-image: none;
        border-radius: 5px;
        padding: 10px 20px;
        font-size: 15px;
        font-family: "proximanova_semibold";
        position: absolute;
        left: 50%;
        margin-left: -59px; }
        #svd-content .service-tabs .service-tab .service-tab-button a:hover {
          text-decoration: none; }

#svd-content .svd-locations {
  margin-bottom: 30px; }
  #svd-content .svd-locations .svd-location {
    margin-bottom: 20px;
    font-size: 16px; }
    #svd-content .svd-locations .svd-location .svd-location-city {
      font-family: "proximanova_bold";
      color: #322960; }
    #svd-content .svd-locations .svd-location .svd-location-address {
      font-family: "proximanova_regular";
      color: #a2a2a2; }

#svd-content .btn-readmore button,
#svd-content .btn-readmore a {
  color: #ffffff;
  background-color: #28235d;
  border: none;
  padding: 14px 60px;
  font-family: "proximanova_bold";
  font-size: 17px; }

#svd-content .postcode-search {
  width: 100%; }
  #svd-content .postcode-search input {
    line-height: 50px;
    height: 50px;
    border: 1px solid #e5e5e5;
    width: 100%;
    min-width: 100px;
    max-width: 400px;
    font-size: 18px; }
  #svd-content .postcode-search span {
    height: 50px;
    width: 50px;
    float: left; }
    #svd-content .postcode-search span button {
      line-height: 50px;
      width: 50px;
      height: 50px;
      background-color: #ea5b0c; }
      #svd-content .postcode-search span button i.fa {
        color: #ffffff;
        font-size: 35px; }

#svd-content button.btn-svd,
#svd-content a.btn-svd,
#svd-content .btn-svd a,
#svd-content .btn-svd button {
  color: #ffffff;
  background-color: #ea5b0c;
  border: none;
  background-image: none;
  border-radius: 3px;
  padding: 15px 35px;
  font-size: 20px;
  font-family: "proximanova_semibold"; }

#svd-content .cta {
  border: none;
  margin-bottom: 16px; }
  #svd-content .cta h2 {
    color: #ffffff;
    font-size: 23px; }
  #svd-content .cta .vc_cta3 {
    padding-left: 0px; }
  #svd-content .cta .vc_cta3-content {
    padding-right: 100px; }
  #svd-content .cta .cta-button button,
  #svd-content .cta .cta-button a {
    background-color: #31295f;
    border-radius: 5px;
    font-size: 20px;
    padding: 13px 35px; }

.svd-homepage p {
  font-size: 20px !important;
  line-height: 34px !important; }

.svd-cf7 input {
  height: 50px; }

.svd-cf7 input,
.svd-cf7 textarea {
  border-radius: 7px;
  width: 100%;
  text-indent: 20px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  font-family: "proximanova_regular";
  font-size: 18px; }

.svd-cf7 .cf-submit-button {
  padding: 0px 15px; }
  .svd-cf7 .cf-submit-button .wpcf7-submit {
    background-color: #ea5b0c;
    color: #ffffff;
    text-align: left; }

.svd-cf7 .wpcf7-not-valid-tip {
  background-color: #ea5b0c;
  color: #ffffff;
  display: inline-block;
  padding: 5px 15px;
  margin-bottom: 5px; }

div.wpcf7-validation-errors {
  border: 2px solid #ea5b0c !important;
  background-color: #ea5b0c;
  color: #ffffff; }

.svd-button-div {
  position: relative;
  width: 100%; }
  .svd-button-div .svd-button {
    width: 100%;
    display: block;
    text-align: left;
    background-color: #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    font-size: 18px;
    padding-left: 10px;
    padding: 17px; }
    .svd-button-div .svd-button:hover {
      text-decoration: none; }
    .svd-button-div .svd-button span.title {
      width: 30%;
      display: inline-block;
      color: #29235c; }
    .svd-button-div .svd-button span.subtitle {
      color: #767676; }
  .svd-button-div:after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -26px;
    content: '\f105';
    color: #29235c;
    font-family: 'FontAwesome';
    font-size: 36px; }

.svd-dropdown-div {
  position: relative;
  border: 1px solid #e5e5e5;
  line-height: 75px;
  border-radius: 7px; }
  .svd-dropdown-div .svd-dropdown-wrapper {
    background-color: #ffffff;
    border-radius: 7px;
    cursor: pointer; }
  .svd-dropdown-div .svd-dropdown-icon {
    position: relative;
    background-color: #f8f8f8;
    border-right: 1px solid #e5e5e5;
    display: block;
    float: left;
    width: 75px;
    height: 77px;
    border-radius: 7px 0px 0px 7px; }
    .svd-dropdown-div .svd-dropdown-icon img {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -14px;
      margin-top: -14px; }
  .svd-dropdown-div .svd-dropdown-text {
    display: block;
    float: left;
    width: auto;
    font-size: 18px;
    padding-left: 50px; }
    .svd-dropdown-div .svd-dropdown-text .title {
      font-family: "vagrund";
      color: #322960;
      display: block;
      float: left; }
    .svd-dropdown-div .svd-dropdown-text .subtitle {
      font-family: "proximanova_bold";
      color: #757575;
      font-size: 18px;
      padding-left: 35px;
      display: block;
      margin: 0;
      float: left;
      line-height: 75px; }
    .svd-dropdown-div .svd-dropdown-text i.fa {
      top: 40px;
      margin-top: -20px; }
  .svd-dropdown-div .toggle i.fa {
    cursor: pointer;
    position: absolute;
    right: 40px;
    font-size: 40px; }
  .svd-dropdown-div .svd-dropdown-content {
    margin: 50px 70px 50px 125px;
    line-height: 20px; }
    .svd-dropdown-div .svd-dropdown-content h5 {
      font-family: "proximanova_bold";
      color: #322960;
      font-size: 18px; }
    .svd-dropdown-div .svd-dropdown-content li,
    .svd-dropdown-div .svd-dropdown-content p {
      font-family: "proximanova_regular";
      font-size: 15px; }
    .svd-dropdown-div .svd-dropdown-content i.fa {
      bottom: 40px; }

#blog-submenu {
  background-color: #ea5b0c;
  height: 50px; }
  #blog-submenu .container {
    height: 50px; }
  #blog-submenu .blog-select {
    display: inline-block;
    color: #ffffff;
    font-family: "proximanova_semibold";
    line-height: 50px;
    font-size: 16px;
    padding-right: 30px; }
  #blog-submenu ul {
    list-style: none;
    display: inline-block;
    padding-left: 0px;
    margin: 0px; }
    #blog-submenu ul li {
      display: inline-block; }
      #blog-submenu ul li a {
        line-height: 50px;
        padding: 0px 20px;
        font-family: "proximanova_regular";
        font-size: 16px;
        color: #ffffff;
        display: block; }
        #blog-submenu ul li a.active {
          background-color: #ffffff;
          color: #ea5b0c; }
        #blog-submenu ul li a:hover {
          font-weight: bold; }
        #blog-submenu ul li a.active, #blog-submenu ul li a:hover {
          text-decoration: none; }

.blog-sidebar .blog-sidebar-header {
  position: relative; }
  .blog-sidebar .blog-sidebar-header h4 {
    font-family: "proximanova_bold" !important;
    color: #322960;
    font-size: 18px;
    margin-top: 0px;
    background-color: #ffffff;
    display: inline-block;
    padding-right: 15px; }
    .blog-sidebar .blog-sidebar-header h4 hr {
      position: absolute;
      height: 11px;
      background-color: #dbdbdb;
      top: 3px;
      right: 0px;
      width: 100%;
      margin: 0;
      z-index: -1; }

.blog-sidebar .blog-search {
  width: 100%;
  height: 50px;
  margin-top: 25px;
  margin-bottom: 40px;
  font-family: "proximanova_semibold";
  /* firefox 19+ */
  /* ie */ }
  .blog-sidebar .blog-search form {
    width: 100%;
    display: inherit; }
  .blog-sidebar .blog-search input {
    height: 50px;
    font-size: 15px;
    box-shadow: none; }
  .blog-sidebar .blog-search ::-webkit-input-placeholder {
    font-style: italic; }
  .blog-sidebar .blog-search ::-moz-placeholder {
    font-style: italic; }
  .blog-sidebar .blog-search :-ms-input-placeholder {
    font-style: italic; }
  .blog-sidebar .blog-search input:-moz-placeholder {
    font-style: italic; }
  .blog-sidebar .blog-search button {
    height: 50px;
    padding: 0px 40px;
    font-size: 16px;
    border-left: 0px;
    background-color: #ea5b0c;
    color: #ffffff; }

.blog-sidebar .blog-sidebar-latest h4 {
  margin-bottom: 33px; }

.blog-sidebar .blog-sidebar-latest .blog-short-item {
  margin-bottom: 40px; }
  .blog-sidebar .blog-sidebar-latest .blog-short-item .blog-short-title {
    margin-bottom: 2px; }
    .blog-sidebar .blog-sidebar-latest .blog-short-item .blog-short-title a {
      color: #322960;
      font-family: "proximanova_bold";
      font-size: 22px; }
  .blog-sidebar .blog-sidebar-latest .blog-short-item .blog-short-excerpt {
    font-family: "proximanova_regular";
    font-size: 15px;
    color: #767676;
    line-height: 26px; }
    .blog-sidebar .blog-sidebar-latest .blog-short-item .blog-short-excerpt a {
      text-decoration: underline;
      color: #31295f; }
  .blog-sidebar .blog-sidebar-latest .blog-short-item .blog-short-info {
    color: #767676;
    font-style: italic; }
    .blog-sidebar .blog-sidebar-latest .blog-short-item .blog-short-info .blog-short-author {
      padding-right: 5px; }

.blog-sidebar .blog-sidebar-archive .archives {
  margin-top: 28px; }

.blog-sidebar .blog-sidebar-archive .archive {
  margin-bottom: 15px;
  font-family: "proximanova_regular";
  font-size: 15px; }
  .blog-sidebar .blog-sidebar-archive .archive .month {
    display: inline-block;
    width: 180px; }
    .blog-sidebar .blog-sidebar-archive .archive .month a {
      color: #31295f; }
  .blog-sidebar .blog-sidebar-archive .archive .posts {
    color: #767676; }

.blog-image {
  position: relative;
  display: block;
  background-size: cover !important;
  height: 400px;
  width: 100%;
  font-family: "proximanova_bold"; }
  .blog-image .blog-subtitle {
    position: absolute;
    top: 0;
    padding: 10px 50px 10px 25px;
    background-color: #322960;
    font-size: 18px;
    color: #ffffff; }
  .blog-image .blog-title {
    position: absolute;
    bottom: 0;
    padding: 20px 50px 10px 5px;
    background-color: #ffffff;
    font-size: 25px;
    color: #322960; }
    .blog-image .blog-title a {
      font-size: 25px;
      color: #322960; }

.blog-detail a.blog-backbutton {
  margin-top: 53px;
  margin-bottom: 40px;
  display: block;
  text-decoration: none; }
  .blog-detail a.blog-backbutton:hover {
    color: #322960; }

.blog-detail .blog-text {
  margin-top: 40px;
  margin-bottom: 5px;
  padding-left: 5px; }
  .blog-detail .blog-text h5,
  .blog-detail .blog-text p {
    font-size: 18px;
    line-height: 28px; }
  .blog-detail .blog-text h5 {
    color: #ea5b0c;
    font-family: "proximanova_bold" !important;
    margin-top: 30px;
    margin-bottom: 1px; }
  .blog-detail .blog-text p {
    color: #4a4a4a;
    font-family: "proximanova_regular"; }

.blog-detail .cta {
  margin-top: 50px;
  background-color: #ea5b0c;
  color: #ffffff; }
  .blog-detail .cta .cta-title {
    font-family: "vagrund";
    margin-top: 40px;
    letter-spacing: 1px; }
  .blog-detail .cta .cta-subtitle {
    font-family: "proximanova_regular";
    margin-bottom: 50px; }
  .blog-detail .cta .newsletter-signup {
    margin-top: 65px; }

.blog-detail .related-header {
  font-family: "vagrund";
  font-size: 25px;
  color: #322960;
  margin-top: 100px; }

.blog-detail .related-articles {
  margin-top: 30px;
  margin-bottom: 50px; }

.blog-detail .related-article {
  margin-bottom: 25px; }
  .blog-detail .related-article .article-title {
    font-size: 22px;
    line-height: 22px;
    font-family: "proximanova_bold"; }
    .blog-detail .related-article .article-title a {
      color: #322960; }
  .blog-detail .related-article .article-excerpt p {
    margin: 8px 0px;
    color: #767676;
    font-size: 15px;
    line-height: 26px; }
  .blog-detail .related-article .article-excerpt a {
    text-decoration: underline;
    color: #322960; }
  .blog-detail .related-article .article-info {
    color: #767676; }

.blog-overview h2.vagrund.size-43 {
  margin-top: 50px;
  margin-bottom: 37px; }

.blog-overview .blog-item {
  margin-bottom: 80px; }
  .blog-overview .blog-item:last-of-type {
    margin-bottom: 70px; }
  .blog-overview .blog-item .blog-image {
    position: relative;
    height: 400px;
    width: 100%;
    font-family: "proximanova_bold"; }
    .blog-overview .blog-item .blog-image .blog-subtitle {
      position: absolute;
      top: 0;
      padding: 10px 25px 7px 25px;
      background-color: #322960;
      font-size: 18px;
      color: #ffffff; }
    .blog-overview .blog-item .blog-image .blog-title {
      position: absolute;
      bottom: 0;
      padding: 17px 50px 10px 5px;
      background-color: #ffffff; }
      .blog-overview .blog-item .blog-image .blog-title a {
        font-size: 25px;
        color: #322960; }
  .blog-overview .blog-item .blog-excerpt {
    margin-top: 35px; }
    .blog-overview .blog-item .blog-excerpt p {
      font-family: "proximanova_regular";
      font-size: 15px;
      padding-left: 5px; }
  .blog-overview .blog-item .blog-info {
    position: relative;
    color: #b0b0b0;
    font-size: 15px;
    font-family: "proximanova_regular";
    font-style: italic;
    margin-top: 40px;
    padding-left: 5px; }
    .blog-overview .blog-item .blog-info .blog-date,
    .blog-overview .blog-item .blog-info .blog-author {
      background-color: #ffffff; }
    .blog-overview .blog-item .blog-info .blog-author {
      padding-right: 5px; }
    .blog-overview .blog-item .blog-info .blog-date {
      padding-right: 20px;
      margin-left: -5px; }
    .blog-overview .blog-item .blog-info .blog-padding-left {
      padding-left: 20px;
      background-color: #ffffff; }
    .blog-overview .blog-item .blog-info hr {
      position: absolute;
      border-color: #e5e5e5;
      top: -10px;
      left: 0;
      width: 100%;
      z-index: -1; }
    .blog-overview .blog-item .blog-info .blog-readmore {
      font-style: normal;
      background-color: #ea5b0c;
      color: #ffffff;
      border-radius: 5px;
      padding: 9px 31px;
      text-decoration: none; }
      .blog-overview .blog-item .blog-info .blog-readmore:hover {
        text-decoration: none; }

.job-pagination,
.blog-pagination {
  margin-bottom: 167px;
  display: inline-block;
  line-height: 56px;
  height: 58px; }
  .job-pagination ul.page-numbers,
  .blog-pagination ul.page-numbers {
    list-style: none;
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 0px;
    margin-bottom: 0px;
    line-height: 56px;
    height: 58px;
    overflow: hidden; }
    .job-pagination ul.page-numbers li,
    .blog-pagination ul.page-numbers li {
      line-height: 56px;
      height: 56px;
      display: block;
      float: left; }
      .job-pagination ul.page-numbers li a,
      .blog-pagination ul.page-numbers li a {
        line-height: 56px;
        height: 56px; }
      .job-pagination ul.page-numbers li a.page-numbers,
      .job-pagination ul.page-numbers li span.page-numbers,
      .blog-pagination ul.page-numbers li a.page-numbers,
      .blog-pagination ul.page-numbers li span.page-numbers {
        padding: 17px 20px;
        color: #767676;
        font-size: 16px;
        font-family: "proximanova_bold"; }
        .job-pagination ul.page-numbers li a.page-numbers.current,
        .job-pagination ul.page-numbers li span.page-numbers.current,
        .blog-pagination ul.page-numbers li a.page-numbers.current,
        .blog-pagination ul.page-numbers li span.page-numbers.current {
          color: #29235c; }
      .job-pagination ul.page-numbers li a.prev,
      .job-pagination ul.page-numbers li a.next,
      .blog-pagination ul.page-numbers li a.prev,
      .blog-pagination ul.page-numbers li a.next {
        color: #ffffff;
        padding: 1px 22px;
        font-size: 46px; }
      .job-pagination ul.page-numbers li a.prev,
      .blog-pagination ul.page-numbers li a.prev {
        background-color: #b0b0b0; }
      .job-pagination ul.page-numbers li a.next,
      .blog-pagination ul.page-numbers li a.next {
        background-color: #ea5b0c; }

footer {
  margin-top: 82px;
  /* Bottombar - blue bottombar with copyright & links */ }
  footer .seperate-menu {
    margin-top: 39px; }
  footer #extra-widgets {
    margin-top: 30px; }
    footer #extra-widgets img {
      margin-right: 15px; }
  footer .widget h3 {
    font-family: "proximanova_semibold";
    color: #26205a;
    font-size: 18px; }
  footer .widget ul {
    list-style: none;
    padding: 0;
    margin-top: 25px; }
    footer .widget ul li {
      font-size: 18px;
      line-height: 34px; }
      footer .widget ul li a {
        font-family: "proximanova_regular";
        color: #6e6e6e; }
  footer #bottombar {
    width: 100%;
    min-height: 44px;
    color: #ffffff;
    font-size: 15px;
    line-height: 44px;
    background-color: #322960;
    font-family: "proximanova_semibold";
    margin-top: 60px;
    text-align: center; }
    footer #bottombar .bottom-links section.copyright {
      display: inline-block; }
      footer #bottombar .bottom-links section.copyright ul {
        display: inline-block;
        margin: 0px; }
        footer #bottombar .bottom-links section.copyright ul li {
          display: inline-block;
          font-size: 15px; }
          footer #bottombar .bottom-links section.copyright ul li:before {
            content: "\b7\a0";
            color: #7b759f;
            margin: 0px 5px; }
          footer #bottombar .bottom-links section.copyright ul li a {
            font-family: "proximanova_semibold";
            color: #7b759f; }

.social-icons .fa {
  font-size: 2.2em; }

.social-icons .fa {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  background-color: #ea5b0c;
  margin-right: 20px; }

.social-icons.icon-circle .fa {
  border-radius: 50%; }

.looper-inner {
  text-align: center;
  color: #ffffff; }
  .looper-inner .stars {
    margin-bottom: 30px; }
  .looper-inner i.fa {
    margin-right: 5px;
    font-size: 18px; }
  .looper-inner div.italic {
    font-family: "proximanova_regular";
    font-size: 23px;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #6e688e;
    position: relative;
    height: auto;
    padding-bottom: 20px; }
    .looper-inner div.italic:before {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 10px 10px 0px;
      border-color: #6e688e transparent;
      display: block;
      width: 0;
      z-index: 1;
      top: 89px;
      left: 50px; }
    .looper-inner div.italic:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 8px 8px 0px;
      border-color: #31295f transparent;
      display: block;
      width: 0;
      z-index: 1;
      top: 89px;
      left: 52px; }

.looper-nav > li a {
  color: #ffffff;
  text-decoration: none; }
  .looper-nav > li a:hover {
    color: red; }

.search-results a {
  color: #322960; }
  .search-results a:hover {
    color: #322960; }

.search-results .search-excerpt {
  font-family: "proximanova_regular";
  font-size: 18px;
  line-height: 28px; }

.newsletter-signup {
  width: 100%;
  margin-top: 28px; }
  .newsletter-signup input {
    font-size: 20px;
    line-height: 50px;
    height: 50px;
    border: none;
    width: 100%;
    min-width: 100px;
    max-width: 400px; }
  .newsletter-signup span {
    height: 50px;
    float: left; }
    .newsletter-signup span input[type=submit] {
      font-family: "proximanova_semibold";
      font-size: 20px;
      height: 50px;
      width: 130px;
      padding: 0px;
      background-color: #322960;
      color: #ffffff;
      border: 1px solid #322960; }

.mc4wp-alert {
  color: #ffffff; }

.extra-space-down {
  margin-bottom: 70px; }

.ie-center {
  position: relative;
  height: 100px; }
  .ie-center .vc_single_image-img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-bottom: 70px; }

/* Remove google maps info */
.gm-style a[href^="http://maps.google.com/maps"] {
  display: none !important; }

.gm-style a[href^="https://maps.google.com/maps"] {
  display: none !important; }

.gm-style .gmnoprint a, .gm-style .gmnoprint span, .gm-style .gm-style-cc {
  display: none; }

/* Essential grid layout changes */
.myportfolio-container .esg-filters {
  margin-bottom: 50px !important; }
  .myportfolio-container .esg-filters .esg-filterbutton {
    border: none;
    font-family: "proximanova_regular";
    font-size: 15px;
    border-radius: 0px; }
    .myportfolio-container .esg-filters .esg-filterbutton.selected, .myportfolio-container .esg-filters .esg-filterbutton:hover {
      background-color: #ea5b0c;
      color: #ffffff;
      box-shadow: none !important; }

/* Knowledge page */
.knowledge-page .knowledge-header {
  min-height: 425px;
  background: url("../images/knowledgebase/header-blue.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 65px;
  color: #ffffff; }
  .knowledge-page .knowledge-header h1 {
    margin-top: 100px;
    font-size: 46px; }
  .knowledge-page .knowledge-header p {
    margin-top: 40px;
    color: #ffffff;
    font-size: 25px;
    font-family: "proximanova_semibold"; }
  .knowledge-page .knowledge-header .knowledge-search {
    position: relative;
    margin-top: 50px;
    width: 40%; }
    .knowledge-page .knowledge-header .knowledge-search input {
      text-indent: 35px;
      height: 53px; }
    .knowledge-page .knowledge-header .knowledge-search:before, .knowledge-page .knowledge-header .knowledge-search:after {
      font-family: 'FontAwesome';
      position: absolute;
      z-index: 3;
      color: #ea5b0c;
      top: 50%;
      margin-top: -11px;
      font-size: 16px; }
    .knowledge-page .knowledge-header .knowledge-search:before {
      content: '\f002';
      left: 13px; }
    .knowledge-page .knowledge-header .knowledge-search:after {
      content: '\f061';
      right: 20px; }
  .knowledge-page .knowledge-header .knowledge-or {
    font-family: "proximanova_semibold";
    font-size: 18px;
    margin-top: 60px;
    margin-bottom: 45px; }

.knowledge-page h2 {
  color: #322960;
  font-size: 25px; }

.knowledge-page .knowledge-categories ul {
  list-style: none;
  padding: 0px; }

.knowledge-page .knowledge-categories .knowledge-category a {
  font-family: "proximanova_regular";
  color: #767676;
  font-size: 20px;
  line-height: 42px; }

.knowledge-page .knowledge-categories .knowledge-category a:hover,
.knowledge-page .knowledge-categories .knowledge-category a.active {
  text-decoration: none;
  color: #322960; }
  .knowledge-page .knowledge-categories .knowledge-category a:hover:before,
  .knowledge-page .knowledge-categories .knowledge-category a.active:before {
    content: '\f054';
    font-family: 'FontAwesome';
    color: #322960;
    padding-right: 5px; }

.knowledge-page .knowledge-categories .knowledge-category a.active {
  color: #ea5b0c; }

.knowledge-page .knowledge-content p {
  color: #4a4a4a;
  font-size: 18px; }

.knowledge-page .knowledge-term-name {
  display: inline-block; }

.knowledge-page .knowledge-term-count {
  color: #656565;
  font-size: 18px;
  margin-left: 5px; }

.knowledge-page .knowledge-article {
  font-family: "proximanova_regular";
  margin-top: 25px; }
  .knowledge-page .knowledge-article .title {
    display: block;
    font-size: 25px;
    color: #ea5b0c;
    margin-bottom: 12px; }
    .knowledge-page .knowledge-article .title:hover {
      text-decoration: none; }
  .knowledge-page .knowledge-article .excerpt {
    font-size: 18px;
    color: #322960; }

.knowledge-page .knowledge-item-wrapper {
  margin-top: 80px; }

.knowledge-page .knowledge-item .knowledge-title {
  color: #322960;
  font-size: 25px;
  font-family: "vagrund";
  margin-bottom: 30px; }

.knowledge-page .knowledge-item .knowledge-text p {
  color: #4a4a4a;
  font-family: "proximanova_regular"; }

.knowledge-page .knowledge-item .knowledge-text h5 {
  color: #ea5b0c;
  font-family: "proximanova_semibold" !important;
  margin-top: 30px;
  margin-bottom: 1px; }

.knowledge-page .knowledge-item .knowledge-text h5, .knowledge-page .knowledge-item p {
  font-size: 18px;
  line-height: 28px; }

.knowledge-page .knowledge-sidebar-header {
  position: relative; }
  .knowledge-page .knowledge-sidebar-header h4 {
    font-family: "proximanova_bold" !important;
    color: #322960;
    font-size: 18px;
    margin-top: 0px;
    background-color: #ffffff;
    display: inline-block;
    padding-right: 15px; }
    .knowledge-page .knowledge-sidebar-header h4 hr {
      position: absolute;
      height: 11px;
      background-color: #dbdbdb;
      top: 3px;
      right: 0px;
      width: 100%;
      margin: 0;
      z-index: -1; }

.knowledge-page .knowledge-short-title {
  margin-bottom: 2px; }
  .knowledge-page .knowledge-short-title a {
    color: #322960;
    font-family: "proximanova_bold";
    font-size: 22px; }

.knowledge-page .knowledge-short-excerpt {
  font-family: "proximanova_regular";
  font-size: 15px;
  color: #767676;
  line-height: 26px; }
  .knowledge-page .knowledge-short-excerpt a {
    text-decoration: underline;
    color: #31295f; }

.knowledge-page #knowledge-submenu {
  background-color: #ea5b0c;
  height: 50px;
  line-height: 50px; }
  .knowledge-page #knowledge-submenu ul {
    list-style: none; }
  .knowledge-page #knowledge-submenu li {
    display: inline-block; }
  .knowledge-page #knowledge-submenu .knowledge-submenu-term a {
    font-family: "proximanova_regular";
    text-decoration: none;
    display: block;
    padding: 0px 15px;
    line-height: 50px;
    font-size: 15px;
    color: #ffffff; }

.knowledge-page .cta {
  margin-top: 50px;
  background-color: #ea5b0c;
  color: #ffffff; }
  .knowledge-page .cta .cta-title {
    font-family: "vagrund";
    margin-top: 48px;
    font-size: 23px;
    line-height: 34px; }
  .knowledge-page .cta .cta-subtitle {
    font-family: "proximanova_semibold";
    margin-bottom: 48px;
    font-size: 18px;
    line-height: 28px; }
  .knowledge-page .cta a.cta-button {
    color: #ffffff;
    background-color: #31295f;
    font-family: "proximanova_semibold";
    border-radius: 5px;
    font-size: 20px;
    padding: 13px 35px;
    margin-top: 60px;
    display: inline-block; }
    .knowledge-page .cta a.cta-button:hover {
      text-decoration: none; }

.svd-backbutton {
  font-family: "vagrund";
  font-size: 21px;
  color: #322960;
  display: block;
  margin-top: 53px;
  margin-bottom: 40px; }
  .svd-backbutton:hover {
    text-decoration: none;
    color: #322960; }

.job-overview .job-text-wrapper,
.job-detail .job-text-wrapper {
  background-color: #f8f8f8; }

.job-overview .job-title,
.job-overview .job-title a,
.job-detail .job-title,
.job-detail .job-title a {
  color: #29235c;
  font-size: 25px;
  margin-top: 73px;
  margin-bottom: 11px; }
  .job-overview .job-title:hover,
  .job-overview .job-title a:hover,
  .job-detail .job-title:hover,
  .job-detail .job-title a:hover {
    text-decoration: none; }

.job-overview .job-image-wrapper,
.job-overview .job-text-wrapper,
.job-detail .job-image-wrapper,
.job-detail .job-text-wrapper {
  min-height: 400px; }

.job-overview .job-text-left,
.job-overview .job-text-right,
.job-detail .job-text-left,
.job-detail .job-text-right {
  width: 555px; }

.job-overview .job-text-left,
.job-detail .job-text-left {
  text-align: left; }

.job-overview .job-text-right,
.job-detail .job-text-right {
  padding: 0px 15px; }

.job-overview .job-info,
.job-detail .job-info {
  font-family: "proximanova_regular";
  font-size: 18px;
  color: #322960;
  line-height: 28px;
  margin-bottom: 17px; }

.job-overview .job-excerpt,
.job-detail .job-excerpt {
  font-family: "proximanova_regular";
  font-size: 15px;
  line-height: 26px;
  color: #4a4a4a; }

.job-overview .job-all-title,
.job-detail .job-all-title {
  font-size: 25px;
  color: #221a54;
  margin: 80px 0 50px 0; }

.job-overview .job-small,
.job-detail .job-small {
  margin-bottom: 50px; }
  .job-overview .job-small .job-image,
  .job-detail .job-small .job-image {
    height: 185px;
    padding: 0px;
    margin-left: 15px;
    margin-right: 15px; }
  .job-overview .job-small .job-title,
  .job-detail .job-small .job-title {
    font-family: "proximanova_semibold" !important;
    margin-top: 20px;
    margin-bottom: 0px; }
  .job-overview .job-small .job-info,
  .job-detail .job-small .job-info {
    font-family: "proximanova_regular";
    font-size: 18px;
    color: #737373;
    line-height: 30px;
    margin-bottom: 10px; }
    .job-overview .job-small .job-info .job-date,
    .job-detail .job-small .job-info .job-date {
      padding-right: 15px; }
  .job-overview .job-small .job-excerpt,
  .job-detail .job-small .job-excerpt {
    font-size: 18px;
    line-height: 28px; }
    .job-overview .job-small .job-excerpt p,
    .job-detail .job-small .job-excerpt p {
      color: #737373; }
    .job-overview .job-small .job-excerpt a,
    .job-detail .job-small .job-excerpt a {
      color: #221a54; }

.job-overview .job-button,
.job-detail .job-button {
  font-family: "proximanova_semibold";
  font-size: 17px;
  background-color: #322960;
  color: #ffffff;
  padding: 11px 60px;
  display: inline-block;
  margin-top: 10px; }
  .job-overview .job-button:hover,
  .job-detail .job-button:hover {
    text-decoration: none; }

.job-overview .job-item .job-image,
.job-detail .job-item .job-image {
  position: relative;
  display: block;
  background-size: cover !important;
  height: 400px;
  width: 100%;
  font-family: "proximanova_bold"; }
  .job-overview .job-item .job-image .job-subtitle,
  .job-detail .job-item .job-image .job-subtitle {
    position: absolute;
    top: 0;
    padding: 10px 50px 10px 25px;
    background-color: #322960;
    font-size: 18px;
    color: #ffffff; }
  .job-overview .job-item .job-image .job-title,
  .job-detail .job-item .job-image .job-title {
    position: absolute;
    bottom: 0;
    padding: 20px 50px 10px 5px;
    background-color: #ffffff;
    margin: 0px;
    font-size: 25px;
    color: #29235c; }
    .job-overview .job-item .job-image .job-title a,
    .job-detail .job-item .job-image .job-title a {
      font-size: 25px;
      color: #29235c; }

.job-overview .job-item .job-info,
.job-detail .job-item .job-info {
  margin-top: 53px;
  margin-bottom: 42px;
  color: #29235c; }
  .job-overview .job-item .job-info .job-button,
  .job-detail .job-item .job-info .job-button {
    float: right;
    margin: 0px;
    padding: 13px 0px;
    border-radius: 5px;
    width: 240px;
    text-align: center; }
    .job-overview .job-item .job-info .job-button:hover,
    .job-detail .job-item .job-info .job-button:hover {
      text-decoration: none; }
  .job-overview .job-item .job-info .job-apply,
  .job-detail .job-item .job-info .job-apply {
    background-color: #ea5b0c; }
  .job-overview .job-item .job-info .job-share,
  .job-detail .job-item .job-info .job-share {
    margin-top: 25px; }
  .job-overview .job-item .job-info .fixed-width,
  .job-detail .job-item .job-info .fixed-width {
    width: 145px;
    font-family: "proximanova_semibold";
    color: #29235c; }
  .job-overview .job-item .job-info .job-date,
  .job-overview .job-item .job-info .job-location,
  .job-overview .job-item .job-info .job-type,
  .job-overview .job-item .job-info .job-cat,
  .job-detail .job-item .job-info .job-date,
  .job-detail .job-item .job-info .job-location,
  .job-detail .job-item .job-info .job-type,
  .job-detail .job-item .job-info .job-cat {
    font-family: "proximanova_regular";
    margin-bottom: 7px;
    color: #4a4a4a; }

.job-overview .job-item .job-text h1, .job-overview .job-item .job-text h2, .job-overview .job-item .job-text h3, .job-overview .job-item .job-text h4, .job-overview .job-item .job-text h5,
.job-detail .job-item .job-text h1,
.job-detail .job-item .job-text h2,
.job-detail .job-item .job-text h3,
.job-detail .job-item .job-text h4,
.job-detail .job-item .job-text h5 {
  color: #ea5b0c;
  font-size: 22px;
  line-height: 44px;
  margin: 0px; }

.job-overview .job-item .job-text p,
.job-detail .job-item .job-text p {
  font-size: 18px;
  line-height: 28px;
  color: #4a4a4a;
  margin-bottom: 30px; }

.job-overview .job-item .job-text ul,
.job-detail .job-item .job-text ul {
  padding-left: 0px;
  list-style: none; }

.job-overview .job-item .job-text li,
.job-detail .job-item .job-text li {
  background: url("../images/jobs/checkmark.png") no-repeat 0 11px;
  padding-left: 35px;
  font-size: 18px;
  line-height: 40px;
  color: #4a4a4a; }

.job-overview .related-openings,
.job-detail .related-openings {
  background-color: #f6f6f6;
  padding-top: 37px;
  padding-bottom: 45px; }
  .job-overview .related-openings .related-header,
  .job-detail .related-openings .related-header {
    font-size: 25px;
    color: #221a54;
    line-height: 34px;
    margin-bottom: 27px; }

.job-overview .fixed-width,
.job-detail .fixed-width {
  width: 135px;
  display: inline-block; }

.job-overview .fixed-width-small,
.job-detail .fixed-width-small {
  width: 95px;
  display: inline-block; }

.job-overview .cta,
.job-detail .cta {
  margin-top: 50px;
  background-color: #ea5b0c;
  color: #ffffff; }
  .job-overview .cta .cta-title,
  .job-detail .cta .cta-title {
    font-family: "vagrund";
    margin-top: 48px;
    font-size: 23px;
    line-height: 34px; }
  .job-overview .cta .cta-subtitle,
  .job-detail .cta .cta-subtitle {
    font-family: "proximanova_semibold";
    margin-bottom: 48px;
    font-size: 18px;
    line-height: 28px; }
  .job-overview .cta a.cta-button,
  .job-detail .cta a.cta-button {
    color: #ffffff;
    background-color: #31295f;
    font-family: "proximanova_semibold";
    border-radius: 5px;
    font-size: 20px;
    padding: 13px 35px;
    margin-top: 60px;
    display: inline-block; }
    .job-overview .cta a.cta-button:hover,
    .job-detail .cta a.cta-button:hover {
      text-decoration: none; }

.job-overview .job-pagination,
.job-detail .job-pagination {
  margin-bottom: 50px; }

.job-detail .cta {
  margin-top: 0px; }

#wpseo_sitemap a {
  color: #ea5b0c; }

body .pea_cook_wrapper.pea_cook_bottomcenter {
  background-color: #29235c !important;
  width: 100%;
  left: 0;
  bottom: 0;
  margin: 0;
  border-radius: 0px; }
  body .pea_cook_wrapper.pea_cook_bottomcenter p {
    color: #ffffff; }

.btnstl {
  color: #ffffff;
  background-color: #ea5b0c;
  border: none;
  background-image: none;
  border-radius: 3px;
  padding: 15px 35px;
  font-size: 20px;
  font-family: "proximanova_semibold";
  margin-top: 15px;
  display: inline-block;
  margin-bottom: 15px; }

section.flex {
  margin-bottom: 30px; }

section.flexrow_quote {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 300px;
  padding-bottom: 300px; }
  section.flexrow_quote div.quote-content {
    font-size: 40px;
    text-align: center;
    margin: 0 auto;
    max-width: 60%; }