/* cmsms stylesheet: PSO modified: 12/09/19 15:50:19 */
/* ---------------------------------------------------- */
/* VAG fonts */
/* ---------------------------------------------------- */

@font-face { 
    font-family: 'VAGRoundedStd-Light';
    src: url('/uploads/pso/theme/fonts/vag-rounded-std-light.eot'); /* IE9 Compat Modes */
    src: local('☺'), 
	url('/uploads/pso/theme/fonts/vag-rounded-std-light.eot?') format('eot'), /* IE6-IE8 */
	url('/uploads/pso/theme/fonts/vag-rounded-std-light.woff') format('woff'), /* Modern Browsers */
	url('/uploads/pso/theme/fonts/vag-rounded-std-light.ttf') format('truetype'); /* Safari, Android, iOS*/
}

@font-face {
    font-family: 'VAGRoundedStd-Bold';
    src: url('/uploads/pso/theme/fonts/vag-rounded-std-bold.eot'); /* IE9 Compat Modes */ 
    src: local('☺'),
	url('/uploads/pso/theme/fonts/vag-rounded-std-bold.eot?') format('eot'), /* IE6-IE8 */
	url('/uploads/pso/theme/fonts/vag-rounded-std-bold.woff') format('woff'), /* Modern Browsers */
	url('/uploads/pso/theme/fonts/vag-rounded-std-bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

  
@font-face {
    font-family: 'VAGRoundedStd-Thin';
    src: url('/uploads/pso/theme/fonts/vag-rounded-std-thin.eot'); /* IE9 Compat Modes */
    src: local('☺'),
	url('/uploads/pso/theme/fonts/vag-rounded-std-thin.eot?') format('eot'), /* IE6-IE8 */
	url('/uploads/pso/theme/fonts/vag-rounded-std-thin.woff') format('woff'), /* Modern Browsers */
	url('/uploads/pso/theme/fonts/vag-rounded-std-thin.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* ---------------------------------------------------- */
/* Basic */
/* ---------------------------------------------------- */

body {
  color: #848587;
  font-family: "VAGRoundedStd-Thin", sans-serif;
  font-size: 16px;
  line-height: 1.75em;
}


h1, h2, h3, h4, h5, h6 {
    font-family: "VAGRoundedStd-Thin", sans-serif;
    color: #009bdc;
}

h1, h2 {
    font-size: 2em;
    margin: 0 0 17px;
}

h3.p-heading {
    font-size: 1em;
    margin: 20px 0 0;
}

b, 
strong,
.intro {
  font-family: "VAGRoundedStd-Bold", sans-serif;
  font-size: 0.95em;
  letter-spacing: 0.08em;
  font-weight: normal;
}

a {
    color: #009bdc;
    transition: all 0.25s ease 0s;
}

a:hover,
a:active,
a:focus {
    color: #1f1d21;
}
    
a.download::before {
    font-family: FontAwesome;
    content: "\f0ed";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
  
}

a[href^="http://"]::after, 
a[href^="https://"]::after {
    font-family: FontAwesome;
    content: "\f08e";
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 0.8em;
}

a[href^="https://www.pso-nederland.nl"]::after,
a[href^="https://pso-nederland.nl"]::after,
a[href^="https://www.pso-nederland.nl"]::after {
  content: '';
  margin: 0;
  padding-left: 0;
}

ul {
    list-style: none;
    padding:0;
    margin:0;
}

ul li { 
    padding-left: 1em; 
    text-indent: -1em;
}

ul li::before {
    content: "•";
    padding-right: 7px;
    color: #009bdc;
}

ul li a[href^="http://"]::after, 
ul li a[href^="https://"]::after {
     padding-left: 20px;
}

ul li a[href^="https://www.pso-nederland.nl"]::after,
ul li a[href^="https://pso-nederland.nl"]::after,
ul li a[href^="https://www.pso-nederland.nl"]::after {
  padding-left: 0;
}

.top-nav-social li,
.navbar-nav > li,
.breadcrumb li,
.sidebar-nav li,
.list-unstyled li,
.slidebar-menu li,
.nav-tabs > li,
.media-list li,
.carousel-indicators li,
.bxslider li,
.navbar-mobile li,
.twitter li,
.navbar-blue li,
.select2-results__options li,
.pager li {
    padding-left: 0; 
    text-indent: 0;  
}

.top-nav-social li::before,
.navbar-nav > li::before,
.breadcrumb li::before,
.sidebar-nav li::before,
.list-unstyled li::before,
.slidebar-menu li::before, 
.nav-tabs > li::before,
.media-list li::before,
.carousel-indicators li::before,
.bxslider li::before,
.navbar-mobile li::before,
.twitter li::before,
.navbar-blue li::before,
.select2-results__options li::before,
.pager li::before {
    content: "";
    padding-right: 0;
}

.text-blue {
    color: #009bdc;
}

.btn-ar.btn-primary {
    background: #009bdc;
    border: 1px solid #009bdc;
    color: #fff;
}

/* ---------------------------------------------------- */
/* Tables */
/* ---------------------------------------------------- */

.table-bordered {
    border: 1px solid #ececec;
}

.table-bordered th,
.table-bordered thead {
    background-color: #009bdc !important; 
    color: #fff !important;
}

/* ---------------------------------------------------- */
/* Margin */
/* ---------------------------------------------------- */

.ml-xs {
margin-left: 5px;    
}

.mr-xs {
margin-right: 5px;    
}

.mb-xs {
margin-bottom: 5px;    
}

.mt-xs {
margin-top: 5px;    
}

.ml-sm {
margin-left: 10px;    
}

.mr-sm {
margin-right: 10px;    
}

.mb-sm {
margin-bottom: 10px;    
}

.mt-sm {
margin-top: 10px;    
}

.ml-md {
margin-left: 15px;    
}

.mr-md {
margin-right: 15px;    
}

.mb-md {
margin-bottom: 15px;    
}

.mt-md {
margin-top: 15px;    
}

.ml-lg {
margin-left: 25px;    
}

.mr-lg {
margin-right: 25px;    
}

.mb-lg {
margin-bottom: 25px;    
}

.mt-lg {
margin-top: 25px;    
}

.ml-xl {
margin-left: 40px;    
}

.mr-xl {
margin-right: 40px;    
}

.mb-xl {
margin-bottom: 40px;    
}

.mt-xl {
margin-top: 40px;    
}

.padding-40-top {
   padding: 0;
   padding-top: 40px;
}

.padding-40-left {
    padding-left: 40px;
}

/* ---------------------------------------------------- */
/* Bootstrap hacks */
/* ---------------------------------------------------- */

.row-no-padding,
.container-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ---------------------------------------------------- */
/* Header */
/* ---------------------------------------------------- */

.header-full {
    background-image: none;
    background-color: #ffffff;
    color: #999a9b;
}

.header-full-title {
    float: left;
    background-image: none;
    margin-bottom: 6px;
    margin-top: 6px;
    padding-left: 0;
    overflow: hidden;
    color:  #999a9b;
}

.header-full-title img {
  max-width: 110px;
}

.header-tno {
   position: absolute;
   float: right;
   right: 60px;
   top: 60px;
}

.header-tno a::after {
  content: '';
  margin: 0;
  padding-left: 0;
}

/* ---------------------------------------------------- */
/* Top Nav */
/* ---------------------------------------------------- */

.top-nav-social {
    border-color: #f6f6f6;
    background-color: #ffffff;
    color:  #999a9b;
}

.top-nav-social li a[href^="http://"]::after, 
.top-nav-social li a[href^="https://"]::after {
    padding-left: 0;
}

.top-nav-social a {
    color:  #999a9b;
    font-size: 1em;
    min-width: 40px;
}

.top-nav-social a::after {
  content: '';
  margin: 0;
  padding-left: 0;
}

.top-nav-login {
     -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #f6f6f6;
    background-color: #ffffff;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 0 0 1px #ffffff inset;
    display: inline-block;
    margin: 0 0 0 20px;
    overflow: hidden;
    padding: 7px 0 7px;
    color:  #999a9b;
    font-size: 15px; 
    vertical-align: top;
}

.top-nav-login a {
    color:  #999a9b;
    padding: 7px 10px;
    text-decoration: none;
    transition: all 0.25s ease 0s;
}

/*
.top-nav-login a:hover,
.top-nav-login a:active,
.top-nav-login a:focus {
    color: #1f1d21;
}
*/

.top-nav-login a::after {
  content: '';
  margin: 0;
  padding-left: 0;
}

.top-nav .dropdown a {
    border-color: #f6f6f6;
    background-color: #ffffff;
    color:  #999a9b;
}

.top-nav .dropdown a i {
    color:  #999a9b;
    font-size: 1em;
}

.dropdown-menu {
    background-color: #f6f6f6;
    border: 1px solid #ececec;
}

/* ---------------------------------------------------- */
/* Social media */
/* ---------------------------------------------------- */

a.social-icon-ar::after {
  content: '';
  margin: 0;
  padding-left: 0;
}

/* ---------------------------------------------------- */
/* Navbar */
/* ---------------------------------------------------- */

.navbar-default .navbar-brand {
    background-image: none;
    color: #000;
    font-family: "VAGRoundedStd-Thin", sans-serif;
    font-size: 24px;
    font-weight: 300;
    padding-left: 45px;
    text-transform: none;
    word-spacing: normal;
}

.navbar-header-full {
    background-color: #009bdc;
    background-image: none;
    border-top: 1px solid #009bdc;
    color: #ffffff;
}

.navbar-blue {
  background-color: #009bdc;
  background-image: none;
  color: #fff;
  box-shadow: none;
}

.navbar-blue a {
  background-image: none;
}

.navbar-blue .navbar-nav > li > a {
    color: #fff;
    font-family: "VAGRoundedStd-Light", sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-top: -1px;
    padding: 16px 10px 15px 10px;
    transition: all 0.25s ease 0s;
}

.navbar-default .navbar-nav > li.dropdown > a {
    padding-right: 20px;
}

.navbar-default.navbar-blue .navbar-nav > li > a:hover,
.navbar-default.navbar-blue .navbar-nav > .active > a:hover,
.navbar-default.navbar-blue .navbar-nav > .active > a {
  background-color: #005578;
  background-image: none;
  color: #fff;
}

.navbar-default.navbar-blue .navbar-nav > li > a,
.navbar-default.navbar-blue .navbar-nav > li > a:hover,
.navbar-default.navbar-blue .navbar-nav > li > a:focus,
.navbar-default.navbar-blue .navbar-nav > .active > a,
.navbar-default.navbar-blue .navbar-nav > .active > a:hover,
.navbar-default.navbar-blue .navbar-nav > .active > a:focus {
  color: #fff;
}

.navbar-default.navbar-blue .navbar-nav > .open > a,
.navbar-default.navbar-blue .navbar-nav > .open > a:hover,
.navbar-default.navbar-blue .navbar-nav > .open > a:focus {
  background-color: #005578;
  background-image: none;
  color: #fff;
}

.navbar-blue .dropdown .dropdown-menu {
  background-color: #009bdc;
  color: #fff;
  border-color: #f6f6f6;
  box-shadow: none;
}

.navbar-blue .dropdown .dropdown-menu a {
  color: #fff;
  background-image: none;
}

.navbar-blue .dropdown .dropdown-menu a:hover,
.navbar-blue .dropdown .dropdown-menu a:focus {
  color: #fff;
  background-color: #005578;
  background-image: none;
}

.navbar-blue .dropdown .divider {
  background-color: #009bdc;
}

.navbar-blue .dropdown .dropdown-header {
  color: #fff;
  border-color: #009bdc;
}

.navbar-blue .sb-icon-navbar i {
  background-color: #005578;
  background-image: none;
}

.navbar-blue .navbar-header .navbar-toggle {
  background-color: #005578;
  background-image: none;
}

.navbar-blue .dropdown > a::after {
    right: 8px;
    top: 16px;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
  }

  .navbar-blue .navbar-collapse {
    border-color: #f6f6f6;
  }

  .navbar-blue .dropdown > a {
    border-bottom: solid 1px #f6f6f6;
    margin: 0;
  }

  .dropdown-menu a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .navbar-blue .dropdown-menu a {
    color: #fff !important;
  }

  .navbar-blue .dropdown-submenu.active > a,
  .navbar-blue .dropdown-menu .active > a {
    background-color: #005578 !important;
  }

  .navbar-blue .dropdown.active > a,
  .navbar-blue .dropdown a:hover,
  .navbar-blue .dropdown a:focus,
  .navbar-blue .dropdown.active a:hover,
  .navbar-blue .dropdown.active a:focus {
    background-color: #005578 !important;
  }

  .navbar-blue .dropdown.open > a,
  .navbar-blue .dropdown.open > a:focus,
  .navbar-blue .dropdown.open > a:active {
    border-bottom: none;
    background-color: #005578;
  }

  .navbar-blue .dropdown-submenu .dropdown-menu li > a {
    color: #fff !important;
  }

  .navbar-blue .dropdown-submenu .dropdown-menu li > a:hover {
    background-color: #005578 !important;
  }

  .dropdown-submenu {
    margin-left: -15px;
  }

}

/* ---------------------------------------------------- */
/* Carousel Home */
/* ---------------------------------------------------- */

.carousel-section {
    background-image: none;
}

.carousel-razon {
    background-color: #ffffff;
    border-bottom: #009bdc solid 1px;
}

.carousel-indicators .active {
    background-color: #009bdc;
}

.carousel-razon .carousel-indicators {
    bottom: -10px !important;
}

.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #009bdc;
}

.carousel-control {
    text-shadow: none;
    color: #ffffff;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #999a9b;
}

.carousel-title {
    font-size: 22px;
    color: #1f1d21;
    text-shadow: none;
    margin-top: 20px;
    margin-bottom: 0;
}


.carousel-subtitle {
    font-size: 17px; 
    color: #9a9a9a;
    text-shadow: none;
    margin-top: 0;
    margin-bottom: 20px;
}

.carousel-content {
    font-size: 24px;
    line-height: 1.3em;
    color: #009bdc;
    text-shadow: none;
   
}

.carousel-logo {
    padding-right: 20px;
    border-right: 3px solid #009bdc;
}
.carousel-img {
    height: auto;
}

/* ---------------------------------------------------- */
/* Carousel Home Fade istead of slide */
/* http://codepen.io/Rowno/pen/Afykb) */
/* ---------------------------------------------------- */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* ---------------------------------------------------- */
/* Main Header */
/* ---------------------------------------------------- */

.main-header {
    background-color: #ffffff;
    color: #d6d7d8;
    margin-bottom: 40px;
    padding: 15px 0;
    position: relative;
}

.main-header .breadcrumb {
    background: none;
    color: inherit;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    position: absolute;
    left: 18px;
    top: 0;
}
.main-header .breadcrumb li {
    color: #d6d7d8;
}

.main-header .breadcrumb a {
    color: #d6d7d8;
}

.main-header .breadcrumb a:hover {
    color: #848587;
    border-bottom: none;
}

.main-header .breadcrumb > li + li::before {
    color: #d6d7d8;
    content: "|";
    padding: 0 5px 0 2px;
}

/* ---------------------------------------------------- */
/* Page Header */
/* ---------------------------------------------------- */

.page-header {
    border-bottom: none;
    color: #009bdc;
    margin-bottom: 30px;
}

/* ---------------------------------------------------- */
/* Content Home */
/* ---------------------------------------------------- */

.icon-ar {
    background-color: #ffffff;
    color: #009bdc;
}

.text-icon .icon-ar {
    float: left;
    margin-top: -10px;
}

.text-icon-content {
    font-size: 1em;
    padding-left: 60px;
}

.text-icon-content h3 {
    font-size: 1.4em;
    margin: 20px 0 17px;
}

/* ---------------------------------------------------- */
/* Content Slogan */
/* ---------------------------------------------------- */

.section-lines {
    background-color: #ececec;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    margin-bottom: 40px;
}

.section-lines .padding-40 {
    padding: 40px 0 30px;
}

.slogan {
    color: #999a9b;
    font-family: "VAGRoundedStd-Thin", sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 150%;
    margin-bottom: 50px;
}

/* ---------------------------------------------------- */
/* Content Circle */
/* ---------------------------------------------------- */

.wrap-primary-color {
    background-color: #009bdc;
}

/* ---------------------------------------------------- */
/* Section Titles */
/* ---------------------------------------------------- */

.section-title {
    border-bottom: 1px solid #ececec;
    color: #999a9b;
    margin-top: 39px;
    padding-bottom: 15px;
    font-size: 1.6em;
}

.section-title::first-letter {
    color: #999a9b;
}

.section-title a {
    color: #999a9b;
}

.section-title a:hover,
.section-title a:active,
.section-title a:focus {
    color: #009bdc;
    text-decoration: none;
}

.section-title a::after {
    content: '';
    margin: 0;
    padding-left: 0;
}

.section-title small {
    color: #999a9b;
}

/* ---------------------------------------------------- */
/* Block Quote */
/* ---------------------------------------------------- */

.blockquote-color {
    border-color: #009bdc;
}

.blockquote-color h3 {
    margin-top: 0;
}

blockquote {
    font-size: 1em;
}

/* ---------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------- */

#footer-widgets {
    background-color: #424242;
    border-top: 1px solid #424242;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    color: #999a9b;
    margin-top: 0;
    padding: 0;
    padding-top: 20px;
    font-size: 14px;
    font-family: "VAGRoundedStd-Light", sans-serif;
}

#footer-widgets a {
    color: #999a9b;
}

#footer-widgets a:hover,
#footer-widgets a:focus {
    color: #f6f6f6;
}

#footer-widgets ul li a[href^="http://"]::after, 
#footer-widgets ul li a[href^="https://"]::after {
    padding-left: 5px;
}

.footer-widget-title {
    color: #999a9b;
    font-family: "VAGRoundedStd-Light", sans-serif;
    font-size: 24px;
}

.six_cols {
  overflow: hidden;
}

.six_cols > li {
  float: left;
  width: 16.667%;
  padding-bottom: 2px;
  padding-top: 1px;
}

#footer {
    background-color: #424242;
    border-top: 1px solid #424242;
    color: #999a9b;
    font-family: "VAGRoundedStd-Light", sans-serif;
    font-size: 14px;
    padding: 17px 0;
    text-align: left;
    line-height: 50px;
}

#footer p {
    line-height: 50px;  
}

#footer a {
    color: #999a9b;
    transition: all 0.25s ease 0s;
}

#footer a::after {
  content: '';
  margin: 0;
  padding-left: 0;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
    color: #f6f6f6;
}

#footer hr {
    border-top: 1px solid #f6f6f6;
    margin-top: 0;
    margin-bottom: 25px;
}
    
/* ---------------------------------------------------- */
/* Sidebar */
/* ---------------------------------------------------- */

.sb-slidebar input[type="text"] {
    border-radius: 0;
    background-color: #f6f6f6;
    border-color: -moz-use-text-color -moz-use-text-color #f6f6f6;
    border-style: none none solid;
    color: #999a9b;
    height: 52px !important;
}

.sb-slidebar h2 {
    font-size: 18px;   
}

.slidebar-header {
    border-bottom: 1px solid #009bdc;
    color: #009bdc;
    font-size: 18px;
}

.sb-slidebar .input-group .btn {
    background-color: #009bdc;
    border-color: #009bdc;
}

.slidebar-menu li a {
    border-bottom: 1px solid #009bdc;
    color: #009bdc;
    font-weight: normal;
    transition: all 0.25s ease 0s;
}

.slidebar-menu li a[href^="http://"]::after, 
.slidebar-menu li a[href^="https://"]::after {
    padding-left: 5px;
}

.slidebar-social-icons a::after{
      content: '';
  margin: 0;
  padding-left: 0;
}

.slidebar-social-icons {
    padding: 20px;
}

/* ---------------------------------------------------- */
/* Sidebar Nav */
/* ---------------------------------------------------- */

.sidebar-nav {
    background-color: #f6f6f6;
    border: none;
    font-size: 14px;
}

.sidebar-nav li a {
    background-color: #f6f6f6;
    border-left: 3px solid #ececec;
    color: #848587;
}

.sidebar-nav li a.collapsed {
  background-color: transparent;
  border-left: solid 3px #009bdc;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:focus,
.sidebar-nav li a:active {
  border-color: #153b52;
  background-color: #ececec;
}

.menu-submenu li a {
  border-color: #ddd;
  padding-left: 35px;
  background-color: transparent;
}
.menu-submenu li.active a {
  border-color: #153b52;
  background-color: #ececec;
}
.menu-submenu li:last-child a {
  border-bottom: solid 1px #eee;
}
.sidebar-nav li.active > a {
  border-left-color: #153b52;
  background-color: #ececec;
}

/* ---------------------------------------------------- */
/* Tabs */
/* ---------------------------------------------------- */

.nav-tabs {
    border-bottom: 1px solid #ececec;
}
.nav-tabs.nav-tabs-ar {
    background-color: #f6f6f6;
    border-right: 1px solid #ececec;
    border-top: 3px solid #ececec;
    font-family: "VAGRoundedStd-Thin", sans-serif;
}

.nav-tabs.nav-tabs-ar + .tab-content {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

.nav-tabs.nav-tabs-ar li a {
    background-color: #f6f6f6;
    border-color: #ececec -moz-use-text-color;
    color: #848587;
}

.nav-tabs.nav-tabs-ar li:first-child a {
  border-left: solid 1px #ececec;
}
.nav-tabs.nav-tabs-ar li:first-child a {
  margin-left: 0px;
}
.nav-tabs.nav-tabs-ar li a:hover,
.nav-tabs.nav-tabs-ar li.active a,
.nav-tabs.nav-tabs-ar li.active a:hover,
.nav-tabs.nav-tabs-ar li.active a:focus {
  border-top: solid 3px #009bdc;
  background-color: #f6f6f6;
  border-left: solid 1px #ececec;
  border-right: solid 1px #ececec;
  color: #009bdc;
}
.nav-tabs.nav-tabs-ar li.active a,
.nav-tabs.nav-tabs-ar li.active a:hover,
.nav-tabs.nav-tabs-ar li.active a:focus {
  border-bottom: solid 1px #f6f6f6;
}
.nav-tabs.nav-tabs-ar li a:hover {
  border-bottom-color: #ececec;
  border-top-color: #848587;
  color: #848587;
}

/* ---------------------------------------------------- */
/* Media */
/* ---------------------------------------------------- */

.media-line-bottom {
   border-bottom: 1px solid #ececec; 
}

/* ---------------------------------------------------- */
/* Panel */
/* ---------------------------------------------------- */

.panel-default {
    border-color: #ececec;
}

/* ---------------------------------------------------- */
/* List */
/* ---------------------------------------------------- */

a.list-group-item, button.list-group-item {
    color: #848587;
}

a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #ececec;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #848587;
  background-color: #ececec;
  border-color: #ddd;
}

/* ---------------------------------------------------- */
/* News */
/* ---------------------------------------------------- */

.panel-news {
    border: none;
}

.panel-news .panel-heading, .panel-news .panel-footer {
    background-color: #f6f6f6;
    color: #848587;
    border-top: none;
    padding: 5px 15px;
    font-size: 12px;
}

.post-title {
    border-bottom: none;
    font-size: 24px;
    margin: 0 0 20px;
    padding-bottom: 10px;
}

.img-post {
    background-color: none;
    border: none;
   /* margin: 0 auto 20px;*/
    margin: 0 0 20px 0;
    padding: 0;
}

.panel-archive,
.panel-cat {
    border: none;
    box-shadow: none;
}

.label-news-badges {
    font-family: "VAGRoundedStd-Thin", sans-serif;
    background-color: #009bdc;
    padding: 0.3em 0.6em 0.2em;
    margin-top: 7px;
}


/* ---------------------------------------------------- */
/* Blog */
/* ---------------------------------------------------- */

.thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding: 4px;
    transition: border 0.2s ease-in-out 0s;
}

.thumbnail .caption {
    font-family: "VAGRoundedStd-Thin", sans-serif;
    color: #848587;
    padding: 9px;
}

/* ---------------------------------------------------- */
/* Auto scroll */
/* ---------------------------------------------------- */

.jscroll-loading {
    height: 36px;
    text-align: center;
    padding-top: 5px;
    opacity: 0.7;
}
 
/* ---------------------------------------------------- */
/* Twitter */
/* ---------------------------------------------------- */

.twitter li { 
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;
}

.twitter a::after,
.twitter a::after,
.twitter li a[href^="http://"]::after,
.twitter li a[href^="https://"]::after {
    content: '';
    margin: 0;
    padding-left: 0;
}

.twitter .twitter-date {
    font-size: 85%;
    display: block;
}

/* ---------------------------------------------------- */
/* Error 404 */
/* ---------------------------------------------------- */

.error-404 h1 {
  font-size: 6em;
  font-family: "VAGRoundedStd-Thin", sans-serif;
}

.paper-back {
  background-image: url("/uploads/pso/theme/images/back.png");
}

/* ---------------------------------------------------- */
/* Google Maps */
/* ---------------------------------------------------- */

.map-container .map-canvas {
   display: block;
   width: 100%;
   height: 500px;
   margin-bottom: 40px;
}

.map-container .map-canvas-full {
   height: 1000px; 
   margin-bottom: 0;
}
/* ---------------------------------------------------- */
/* Marktplaats */
/* ---------------------------------------------------- */

.marktplaats-filter .btn {
    border-radius: 0;
}

.marktplaats {
    margin-bottom: 40px;
}

.marktplaats .media {
    border: 1px solid #ececec;
}

.marktplaats .media-heading {
    margin-bottom: 15px;
    margin-top: 0;
    padding: 10px;
    font-size: 1.0em;
    height: 58px;
}

.marktplaats .media-body {
    height: 130px;
}

.marktplaats .media-left {
       padding-left: 10px; 
}

.marktplaats .media-body address {
    font-size: 0.8em;
    font-style: normal;
    line-height: 1.42857;
    margin-bottom: 0;
}

.marktplaats .media-footer {
    padding: 5px 10px;
    background-color: #f6f6f6;
    color: #848587;
    font-size: 12px;
    overflow: hidden;
    min-height: 66px; 
}
    
.marktplaats .media-footer i {
    margin: 0 5px;
}

.search-copy {
    font-size: 14px;
    font-style: italic;
    color: black;
}
 
@media (max-width: 991px) {
  .search-copy {
    display: none;
  }
}

/* ---------------------------------------------------- */
/* Sticky Button */
/* ---------------------------------------------------- */

#sticky-button {
    position: fixed;
    top: 35%;
    right: 0;
    z-index: 10;
}

#sticky-button a::after {
    content: '';
    margin: 0;  
    padding-left: 0;
}

/* ---------------------------------------------------- */
/* BX Slider */
/* ---------------------------------------------------- */

.bx-wrapper .bx-loading {
  background-image: none;
}

.bx-wrapper .bx-viewport {
    left: 0;
    height: 288px !important;
}

.bxslider-controls .bx-prev,
.bxslider-controls .bx-next {
    padding: 4px 0;
    background-color: #999a9b;
}

.bxslider-controls .bx-prev:hover,
.bxslider-controls .bx-next:hover {
    background-color: #009bdc;
}

/* ---------------------------------------------------- */
/* Panel Accordion */
/* ---------------------------------------------------- */

.panel-accordion {
    border: none;
    box-shadow: none;
}

.panel-accordion .panel-heading, 
.panel-accordion .panel-footer {
    background-color: #f6f6f6;
    color: #009bdc;
    font-family: "VAGRoundedStd-Thin", sans-serif;
}
.panel-accordion .panel-heading {
    border-color: #ececec;
}

.panel-accordion .panel-heading a {
    font-size: 0.9em;
    font-weight: 100;
    text-decoration: none;
}
.panel-accordion .panel-heading-link a, 
.panel-accordion .panel-plus-link a {
    color: #009bdc;
}

.panel-accordion .panel-heading-link a::after {
    background-color: #009bdc;
}

.panel-accordion > .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.panel-accordion .panel-body {
 border: none;   
}

/* ---------------------------------------------------- */
/* Tooltip */
/* ---------------------------------------------------- */

.tooltip {
    font-family: "VAGRoundedStd-Thin", sans-serif;
    font-size: 14px;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border: none;
}

.tooltip-inner { 
    width:300px; 
    max-width: 300px;
    text-align: left;
    color: #848587;
    background-color: #f6f6f6;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

/* ---------------------------------------------------- */
/* Select2 */
/* ---------------------------------------------------- */

.select2-container--default .select2-selection--single {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ececec;
    box-shadow: none;
    color: #848587;
    border-radius: 0;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #848587;
    font-size: 14px;
    line-height: 36px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px;
}

.select2-results__options {
   font-size: 14px;
}

.select2-results__options li {
    text-indent: -1em;
    padding-left: 1em;
}

.select2-results__options li::before {
 padding-right: 12px;
}    

.select2-results__option {
    padding: 4px 12px;
}

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #f6f6f6;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #009bdc;
    color: #fff;
}

/* ---------------------------------------------------- */
/* Form */
/* ---------------------------------------------------- */

.btn {
    border-radius: 0;
}

.btn-default {
    background-color: #fff;
    border-color: #ececec;
    color: #848587;
}

.btn-default:focus,
.btn-default.focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default:active.focus,
.btn-default.active.focus {
  color: #153b52;
  background-color: #f6f6f6;
  border-color: #ececec;
}

.btn-blue {
    background-color: #009bdc;
    border-color: #009bdc;
    color: #fff;
}

.btn-blue:focus,
.btn-blue.focus,
.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.btn-blue:active:hover,
.btn-blue.active:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.btn-blue:active.focus,
.btn-blue.active.focus {
  color: #fff;
  background-color: #005578;
  border-color: #005578;
}


label {
    font-weight: 400;
}

textarea,
input:not([type=checkbox]):not([type=radio]) {
   box-shadow: none !important; 
   -webkit-appearance: none;
   -moz-appearance: none;
}
.form-control {
    background-color: #fff;
    border: 1px solid #ececec;
    color: #848587;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ddd;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #ddd;
    opacity: 1;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
    color: #ddd;
}

.form-control:-moz-placeholder { /* Firefox 18- */
    color: #ddd;
    opacity: 1;
}

.form-control:focus {
  border-color: #009bdc;
  box-shadow: none;
}

textarea.form-control:focus {
  border-color: #009bdc;
}

.has-feedback label ~ .form-control-feedback {
    top: 42px;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-error .form-control, 
.has-error .select2-selection {
    border-color: #a94442;
    box-shadow: none;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-success .form-control,
.has-success .select2-selection {
    border-color: #3c763d;
}

.input-group > input[type="text"] {
    height: 36px;
}

.input-loading {
    background: url("/uploads/pso/theme/images/bx_loader.gif") no-repeat right center;
    background-size: 20px;
}

/* ---------------------------------------------------- */
/* Flex video (responsive) */
/* ---------------------------------------------------- */

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { 
    padding-bottom: 57.25%; 
}

.flex-video.vimeo { 
    padding-top: 0; 
}

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { 
      padding-top: 0; 
  }
}

/* ---------------------------------------------------- */
/* Download balk */
/* ---------------------------------------------------- */

.download-balk {
    font-size: 1.4em;
    margin: 20px 0 0;
    padding: 20px 0;
    color: #fff;
}

.download-balk h3 {
    font-size: 1em;
    margin: 10px 0 0;
}
.download-balk a {
    color: #fff;
}
    
.download-balk a::before {
    font-family: FontAwesome;
    content: "\f0ed";
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 10px; 
    
}

/* ---------------------------------------------------- */
/* typeahead */
/* ---------------------------------------------------- */

span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 0;
  margin-top: 2px;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%; 
}
span.twitter-typeahead .tt-suggestion {
  display: block;
  padding: 8px 12px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #848587;
  white-space: nowrap;
}

span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #009bdc;
}

span.twitter-typeahead .form-control {
    background-color: #fff;
    border: 1px solid #ececec;
    color: #848587;
    box-shadow: none;
}
.input-group.input-group-lg span.twitter-typeahead .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.input-group.input-group-sm span.twitter-typeahead .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
  height: 36px;
}
.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 33px !important;
}
.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
  border-radius: 0;
}
.input-group span.twitter-typeahead:first-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group span.twitter-typeahead:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.input-group-sm span.twitter-typeahead {
  height: 30px;
}
.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 30px !important;
}
.input-group.input-group-lg span.twitter-typeahead {
  height: 46px;
}
.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 46px !important;
}

/* ---------------------------------------------------- */
/*  pager*/
/* ---------------------------------------------------- */

.pager {
    margin: 0;
}
.pager li > a, 
.pager li > span {
    border-radius: 0;
    color: #848587;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    border: 1px solid #ececec;
}

.pager li > a:hover,
.pager li > span:hover {
  color: #153b52;
  background-color: #f6f6f6;
  border-color: #ececec;
}

.pager .disabled > a, 
.pager .disabled > a:focus, 
.pager .disabled > a:hover, 
.pager .disabled > span {
    border-radius: none;
    background-color: #fff;
    color: #ececec;
    cursor: not-allowed;
}

.pagerinfo {
    display: inline-block;
    border-radius: 0;
    color: #848587;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    width: auto;
    padding: 6px 12px;
    border: 1px solid #ececec;
}

@media (min-width: 360px) and (max-width: 768px) {
  .cta-block {
    display: none;
  }
  .cta-block.mobile-only {
    display: block;
    position: relative;
    height: 40px;
    margin: 0 50px 50px 50px;
    text-align: center;
  }
  .cta-block.mobile-only a {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
  }
}
 
@media (min-width: 768px) and (max-width: 991px) {
  .cta-block {
    display: none;
  }
}
 
.cta-block {
  margin: 10px 0 0 20px;
}
.cta-block.mobile-only {
  display: none;
}
.cta-block a {
  float: left;
  padding: 7px 20px;
  background-color: #00577c;
  color: white;
  font-weight: bold;
  border-radius: 10px;
  width: 320px;
  text-align: center;
}
.cta-block a:hover, .cta-block a:focus {
  text-decoration: none;
  color: white;
}
.cta-block a .fa {
  margin-left: 15px;
  vertical-align: middle;
}

.container-no-padding {
    width: 100% !important;
}