.blog_vac {
  float: left;
  width: 100%;
  margin-top: 50px; }
  .blog_vac .list_cat {
    float: left;
    width: 422px; }
    .blog_vac .list_cat ul {
      list-style-type: none;
      width: 100%;
      margin: 0px;
      padding: 0px;
      float: left; }
      .blog_vac .list_cat ul li {
        list-style-type: none;
        width: 100%;
        margin-bottom: 1px;
        padding: 15px;
        cursor: pointer;
        background-color: #2b3b3f;
        font-size: 16px;
        line-height: 24px;
        color: #FFF;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out; }
        .blog_vac .list_cat ul li a {
          text-decoration: none;
          color: #FFF;
          position: relative;
          width: 100%;
          display: block;
          padding-right: 40px; }
          .blog_vac .list_cat ul li a i {
            float: right;
            width: 30px;
            height: 30px;
            display: block;
            background-color: #88a2a6;
            right: 0px;
            line-height: 30px;
            top: 50%;
            -ms-transform: translate(0%, -50%);
            -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
            position: absolute;
            font-style: normal;
            text-align: center;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px; }
            .blog_vac .list_cat ul li a i.arrow {
              display: none; }
        .blog_vac .list_cat ul li:hover, .blog_vac .list_cat ul li.active, .blog_vac .list_cat ul li.frist, .blog_vac .list_cat ul li.frist:hover {
          background-color: #88a2a6;
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out; }
          .blog_vac .list_cat ul li:hover a i, .blog_vac .list_cat ul li.active a i, .blog_vac .list_cat ul li.frist a i, .blog_vac .list_cat ul li.frist:hover a i {
            background-color: #2b3b3f; }
        .blog_vac .list_cat ul li:last-child {
          border-bottom-right-radius: 30px; }
    .blog_vac .list_cat .first {
      display: none; }
  .blog_vac .title {
    text-transform: uppercase;
    color: #88a2a6;
    font-family: "Comfortaa", cursive;
    font-size: 30px;
    line-height: 30px;
    float: left;
    width: 100%;
    height: 72px; }
  .blog_vac .list_jobs {
    float: right;
    width: calc(100% - 530px); }
    .blog_vac .list_jobs .cont_jobs {
      width: 100%;
      margin: 0px;
      padding: 0px;
      float: left; }
      .blog_vac .list_jobs .cont_jobs .item {
        float: left;
        width: 100%;
        border-top: solid 1px #ebebeb;
        padding-bottom: 20px;
        padding-top: 20px; }
        .blog_vac .list_jobs .cont_jobs .item .functie {
          float: left;
          width: calc(100% - 210px); }
          .blog_vac .list_jobs .cont_jobs .item .functie a {
            color: #555555;
            font-weight: 700;
            font-size: 18px;
            text-decoration: none; }
        .blog_vac .list_jobs .cont_jobs .item .blue_anchor {
          float: right; }
        .blog_vac .list_jobs .cont_jobs .item:last-child {
          border-bottom: solid 1px #ebebeb; }

.cms_content .job_detail h1 {
  max-width: 100%;
  margin-bottom: 20px; }
.cms_content .job_detail h2 {
  margin-bottom: 0px;
  margin-top: 20px; }
.cms_content .job_detail p {
  margin: 0px;
  float: left;
  width: 100%; }

.iframe-container {
  	/*
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;*/
  float: left;
  width: 100%; }

.iframe-container iframe {
  /* border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
	*/
  width: 1px;
  min-width: 100%;
  *width: 100%; }

/* 4x3 Aspect Ratio 
.iframe-container-4x3 {
  padding-top: 75%;
}
*/
@media screen and (max-width: 1269px) {
  /*MOBILE*/
  .blog_vac .list_cat {
    width: 322px; }
  .blog_vac .list_jobs {
    width: calc(100% - 370px); } }
@media screen and (max-width: 1023px) {
  /*MOBILE*/
  .blog_vac .title {
    font-size: 22px;
    height: 40px; }
  .blog_vac .list_cat {
    width: 100%;
    margin-bottom: 40px; }
    .blog_vac .list_cat ul {
      display: none; }
      .blog_vac .list_cat ul li a {
        padding-left: 40px;
        padding-right: 10px; }
        .blog_vac .list_cat ul li a i {
          left: 0px;
          right: 0px; }
        .blog_vac .list_cat ul li a i.arrow {
          background-image: url(../img/menu_arrow.png);
          width: 30px;
          height: 30px;
          background-position: center center;
          background-repeat: no-repeat;
          right: 0px;
          left: unset;
          display: block;
          background-color: unset;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out; }
      .blog_vac .list_cat ul li.active {
        /*	display: none;*/ }
    .blog_vac .list_cat .first {
      display: block;
      width: 100%;
      float: left;
      margin-bottom: 1px;
      padding: 15px;
      cursor: pointer;
      background-color: #2b3b3f;
      font-size: 16px;
      line-height: 24px;
      color: #FFF;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out; }
      .blog_vac .list_cat .first a {
        text-decoration: none;
        color: #FFF;
        position: relative;
        width: 100%;
        display: block;
        padding-left: 40px;
        padding-right: 10px; }
        .blog_vac .list_cat .first a i {
          float: right;
          width: 30px;
          height: 30px;
          display: block;
          background-color: #88a2a6;
          left: 0px;
          right: 0px;
          line-height: 30px;
          top: 50%;
          -ms-transform: translate(0%, -50%);
          -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
          position: absolute;
          font-style: normal;
          text-align: center;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          border-radius: 5px; }
          .blog_vac .list_cat .first a i.arrow {
            background-image: url(../img/menu_arrow.png);
            width: 16px;
            height: 16px;
            background-position: center center;
            background-repeat: no-repeat;
            right: 0px;
            left: unset;
            display: block;
            background-color: unset;
            top: calc(50% - 8px);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out; }
      .blog_vac .list_cat .first.open {
        background-color: #88a2a6;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out; }
        .blog_vac .list_cat .first.open a {
          color: #FFF; }
          .blog_vac .list_cat .first.open a i.arrow {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
            background-color: unset; }
    .blog_vac .list_cat .title.open i {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out; }
  .blog_vac .list_jobs {
    width: 100%; }
    .blog_vac .list_jobs .cont_jobs .item .functie {
      width: 100%; }
    .blog_vac .list_jobs .cont_jobs .item .blue_anchor {
      margin-top: 10px;
      float: left; }

  .job_detail .loopbaan_terug_wrap .blue_anchor {
    float: right; } }
@media screen and (max-width: 767px) {
  /*MOBILE*/
  .blog_vac .title {
    font-size: 18px;
    height: 40px; } }