@import url("https://fonts.googleapis.com/css?family=Manuale:600|Open+Sans:300,400,600|Open+Sans+Condensed:300,700&display=swap");

/* Global styles */

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

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

body {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  background-color: #efefef;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

a,
.noselect,
:focus {
  -webkit-touch-callout: none;
  -webkit-user-select: auto;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none !important;
}

@media (min-width: 992px) {
  .no-padding-left {
    padding-left: 0;
  }

  .no-padding-right {
    padding-right: 0;
  }
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

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

.margin-bottom-20 {
  margin-bottom: 20px;
}

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

.margin-top-0 {
  margin-top: 0 !important;
}

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

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-20 {
  margin-top: 20px;
}

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

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

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

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-20 {
  padding-top: 20px;
}

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

.full-width {
  width: 100%;
}

.display-hidden {
  display: none;
}

span.required {
  color: red;
}

/* Default underline */

a {
  color: #293a59;
  text-decoration: underline;
}

a:hover,
a:focus {
  color: #cd2626;
  text-decoration: none;
}

/* Some links without underline */

li a,
.introduction a:first-child,
.subsites a,
article div span.header a {
  text-decoration: none !important;
}

.help-block.valid {
  margin: 0;
}

.underline {
  text-decoration: underline;
}

/* Default responsive images */

article img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* TOOLTIPS */

.tooltip-inner {
  background-color: #cd2626;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #cd2626;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #cd2626;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #cd2626;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #cd2626;
}

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

/* HEADER */

header .punchline p {
  font-weight: bold;
  color: #cd2626;
}

header .logo #logo_slide {
  position: absolute;
  top: 0;
  left: 50px;
  height: 48px;
  overflow: hidden;
  display: none;
  font-size: 2.5em;
  font-weight: 300;
  color: #fff;
  background: rgba(208, 210, 210, 0.5);
}

.pagination > li > a,
.pagination > li > span {
  color: #cd2626;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #cd2626;
  border-color: #cd2626;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #cd2626;
}

/* BREADCRUMBS */

ol.breadcrumb {
  margin-top: 10px;
  padding: 0;
  background: transparent !important;
  line-height: 16px;
}

ol.breadcrumb li a,
ol.breadcrumb > .active {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8em;
}

ol.breadcrumb > li + li:before {
  content: "\f054";
  font-family: FontAwesome;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  text-decoration: inherit;
}

.breadcrumb > li {
  display: inline;
}

/* SOCIAL MEDIA */

.social-slide {
  height: 22px;
  width: 22px;
  margin: 5px;
  float: right;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.social-slide:hover {
  background-position: 0px -22px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.8);
}

.social-facebook {
  background: url("../img/social_facebook.png");
}

.social-linkedin {
  background: url("../img/social_linkedin.png");
}

.social-twitter {
  background: url("../img/social_twitter.png");
}

/* NAVBAR/MENU */

@media (max-width: 767.98px) {
  #header-navbar-collapse {
    position: relative;
    top: -3px;
    background-color: #fff !important;
  }
}

#header-navbar-collapse {
  flex-grow: 1;
}

/* Logo and menu color */
.navbar-header {
  display: flex;
  align-items: center;
}

.navbar-header .navbar-logo {
  margin-right: auto;
}

@media (min-width: 768px) {
  .menu-shadow {
    background: #fff;
  }
}

@media (max-width: 767.98px) {
  header {
    margin-bottom: 69px;
  }

  div.menu.menu-shadow {
    z-index: 101;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 3px solid #ea151a;
  }

  .navbar-header {
    height: 58px;
    max-height: 58px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .btn.c2a {
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .menu-shadow {
    border-bottom: 3px solid #ea151a;
    padding-bottom: 3px;
  }
}

.navbar-logo {
  width: calc(100% - 153px);
  float: left;
}

@media (max-width: 442px) {
  .navbar-logo {
    width: 66%;
  }
}

.navbar-default {
  background: transparent !important;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
}

.navbar-lower .navbar-nav > li > a {
  color: #737373;
  padding-left: 10px !important;
  padding-right: 10px !important;
  border-radius: 2px;
  letter-spacing: 0.4px;
  font-size: 14px;
}

.navbar-lower ul li a.signup {
  color: #ff4337 !important;
}

.navbar-lower ul li a.signup:hover {
  background: #ff4337 !important;
  color: #fff !important;
  border-color: #fff !important;
}

.navbar-collapse {
  position: relative;
}

.navbar-collapse form[role="search"] {
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 0;
}

.navbar-collapse form[role="search"] .input-group-btn button:focus,
.navbar-collapse form[role="search"] .input-group-btn button:hover {
  background: #fff;
  outline: none;
}

.navbar-collapse form[role="search"] button,
.navbar-collapse form[role="search"] input {
  border-width: 0;
  box-shadow: none;
  outline: none;
  border-radius: 2px;
  padding: 0 5px;
  margin: 8px 0;
}

.navbar-collapse form[role="search"] input {
  padding: 16px 12px;
  color: #373737;
  box-shadow: none;
}

.navbar-collapse form[role="search"] button[type="reset"] {
  display: none;
}

@media (min-width: 768px) {
  .navbar-collapse {
    padding-top: 0 !important;
    padding-right: 0px !important;
  }

  .navbar-collapse form[role="search"] {
    width: 21px;
    position: absolute;
  }

  .navbar-collapse form[role="search"] button,
  .navbar-collapse form[role="search"] input {
    padding: 0 5px;
  }

  .navbar-collapse form[role="search"] input {
    font-size: 18pt;
    opacity: 0;
    display: none;
  }

  .navbar-collapse form[role="search"] .input-group,
  .navbar-collapse form[role="search"].active {
    width: 100%;
  }

  .navbar-collapse form[role="search"] .input-group .input-group-btn {
    width: 1%;
  }

  .navbar-collapse form[role="search"].active button,
  .navbar-collapse form[role="search"].active input {
    display: table-cell;
    opacity: 1;
  }

  .navbar-collapse form[role="search"].active input {
    width: 100%;
  }
}

.navbar-brand {
  padding: 0;
  height: 43px;
}

.navbar-toggle {
  margin-top: 0;
  margin-bottom: 5px;
  background: #fff;
}

.navbar-toggle .icon-bar {
  transition: all 0.2s;
  width: 22px;
}

.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
  position: relative;
  left: 3px;
}

.navbar-toggle .middle-bar {
  opacity: 0;
}

.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  position: relative;
  left: 3px;
}

.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
  position: static;
}

.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
  position: static;
}

.btn.navbar-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

button.btn-mobile-nav:hover,
button.btn-mobile-nav:focus,
button.btn-mobile-nav:focus:active {
  background-color: #fafafa !important;
}

button.btn-mobile-nav {
  margin-top: 12px;
  margin-right: 0;
  float: left;
  box-shadow: none;
}

button.btn-mobile-nav:hover .icon-bar,
button.btn-mobile-nav:focus .icon-bar {
  background-color: #333;
}

button.btn-mobile-nav:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
}

.button-menu > .dropdown-menu {
  top: 59px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top: 0;
}

.button-menu {
  margin-bottom: 7px;
}

.button-menu button {
  border: 0;
}

#search-button,
#log-in-button {
  font-size: 1.2em;
}

#log-in-button {
  position: relative;
  z-index: 991;
}

#log-in-button {
  position: relative;
  z-index: 991;
}

#log-in-button {
  position: relative;
  z-index: 991;
}

@media (min-width: 768px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 13pt;
  }

  .navbar-collapse {
    padding: 0;
  }

  .navbar-nav > li > a {
    padding: 4px 7px;
    margin: 8px 8px 8px 0;
  }

  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover,
  .nav .open > a,
  .nav .open > a:focus,
  .nav .open > a:hover {
    border-radius: 0;
    background-color: transparent !important;
    font-weight: bold;
  }
}

.navbar-default .navbar-nav > li > a {
  color: #373737;
  text-decoration: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: transparent;
}

.navbar-default .navbar-nav > li > a > .fa {
  margin-right: 5px;
}

@media (max-width: 767.98px) {
  nav.navbar-default .nav.navbar-nav li.highlight:not(.active) a {
    padding: 10px 15px;
  }
  .navbar-default .navbar-nav > li > a {
    color: #666;
  }

  .dropdown-menu > li > span {
    padding: 3px 20px;
    display: block;
  }
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #cd2626;
  border-radius: 3px;
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 2px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 10pt;
  margin-right: 13px;
  border-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-default .dropdown-menu > li > a {
  text-decoration: none;
}

.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li > a:hover {
  color: #cd2626;
  text-decoration: none;
}

.navbar-default ul li.bouwnieuws a,
.navbar-default ul li.bouwnieuws a:hover,
.navbar-default ul li.bouwnieuws a:active {
  background-color: #2384c6;
  color: #fff;
  border-radius: 2px;
}

.navbar-default ul li.vastgoednieuws a,
.navbar-default ul li.vastgoednieuws a:hover,
.navbar-default ul li.vastgoednieuws a:active {
  background-color: #cd2626;
  color: #fff;
  border-radius: 2px;
}

/* SEARCH */

#background-overlay {
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  width: 100%;
  height: 200%;
  z-index: 992;
  top: 0;
  left: 0;
  display: none;
}

#menu_search {
  background: #cd2626;
  padding-top: 2px;
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 992;
}

#menu_search input[type="text"] {
  height: 50px;
  font-size: 1.6em;
}

#a_menu_close {
  color: #fff;
  font-size: 2em;
  float: right;
  line-height: 40px;
  padding: 5px;
}

#search_input {
  width: 80%;
  border: 1px solid #cd2626;
  background: #cd2626;
  color: #fff;
}

@media (max-width: 386px) {
  #search_input {
    width: 73%;
  }
}

#menu_search button {
  margin: 0;
  padding: 5px;
  background: none;
  border: 0;
  float: right;
  font-size: 2em;
  color: #fff;
  line-height: 40px;
}

#search_input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff;
}

#search_input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  opacity: 1;
}

#search_input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 1;
}

#search_input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

.dropdown-menu-login {
  width: 250px;
  padding: 15px;
}

.dropdown-menu-login .form-group label,
.dropdown-menu-login .checkbox label,
.dropdown-menu-login p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

.submenu {
  -webkit-box-shadow: 0px 4px 5px -5px rgba(102, 102, 102, 1);
  -moz-box-shadow: 0px 4px 5px -5px rgba(102, 102, 102, 1);
  box-shadow: 0px 4px 5px -5px rgba(102, 102, 102, 1);
}

.submenu a {
  color: #666 !important;
}

@media (min-width: 768px) {
  .submenu .navbar-default .navbar-nav > .active > a,
  .submenu .navbar-default .navbar-nav > .active > a:focus,
  .submenu .navbar-default .navbar-nav > .active > a:hover,
  .submenu .navbar-default .navbar-nav > li > a:focus,
  .submenu .navbar-default .navbar-nav > li > a:hover,
  .submenu .navbar-default .dropdown-menu > li > a:focus,
  .submenu .navbar-default .dropdown-menu > li > a:hover {
    -webkit-box-shadow: inset 0px 0px 0px 1px #666;
    -moz-box-shadow: inset 0px 0px 0px 1px #666;
    box-shadow: inset 0px 0px 0px 1px #666;
    border-radius: 2px;
    background-color: transparent !important;
  }
}

/* GENERAL */

h1 {
  color: #000;
  font-family: "Manuale", serif;
  font-size: 3em;
  font-weight: 700;
}

@media (max-width: 767px) {
  h1 {
    font-size: 2em;
  }
}

h2 {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
}

h3,
.header {
  color: #000;
  font-weight: 700;
  font-family: "Open Sans Condensed", sans-serif;
  margin-bottom: 0;
}

.meta .header {
  margin-bottom: 10px;
}
.meta hr {
  border-bottom: 1px solid #980008;
}

.meta-info span {
  font-weight: 600;
  margin-right: 2px;
}

article h2 {
  font-family: "Manuale", serif;
  font-weight: 600;
  font-size: 2em;
}

.siteheader {
  height: 40px;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  margin: 5px 0px 0px 5px;
}

.siteheader p {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 300;
  line-height: 25px;
  display: inline;
  font-size: 25px;
}

.siteheader img {
  height: 25px;
  float: left;
  margin-right: 5px;
}

iframe[src] {
  border: 1px solid #9a9a9c !important;
}

iframe[data-src] {
  border: 0;
}

/* NEWS */

/* .article_view .img-div {
	margin: 5px;
} */

.article_view {
  background-color: #fff;
}

.img-div img {
  width: 100%;
}

aside {
  padding: 10px;
}

article {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 20px;
}

.article-metadata {
  color: #818181;
  font-size: 14px;
}

article.headline,
.cover {
  position: relative;
  width: 100%;
  height: 450px;
  -webkit-box-shadow: 0px 4px 5px -5px rgba(102, 102, 102, 1);
  -moz-box-shadow: 0px 4px 5px -5px rgba(102, 102, 102, 1);
  box-shadow: 0px 4px 5px -5px rgba(102, 102, 102, 1);
  border: 0;
  background: url("https://placehold.it/950x575/CCCCCC/000000?text=Geen+afbeelding+beschikbaar");
  background-size: cover;
  background-position: center center;
}

article.headline h1 {
  font-size: 3em;
}

.headline-small {
  min-height: 50px !important;
}

article.headline-small h1 {
  font-size: 2em !important;
}

ul.list-news li {
  border-bottom: 1px solid #f2f2f2;
  color: #666666;
  padding: 8px 0;
}

ul.list-news li i {
  color: #ccc;
}

@media (max-width: 991.98px) {
  article.headline,
  .cover {
    height: 450px;
    margin-top: 15px;
  }

  article.headline h1 {
    font-size: 2em;
  }
}

article.headline .overlay {
  position: absolute;
  bottom: 10px;
  width: 80%;
  color: #fff;
  padding: 5px 10px 0 10px;
  background: rgb(0, 0, 0);
  /* fallback color */
  background: rgba(0, 0, 0, 0.5);
  /* text-align: justify; */
}

@media (max-width: 991.98px) {
  article.headline .overlay {
    width: 95%;
    bottom: 0;
  }
}

article.headline .overlay .tags a {
  color: #fff;
  background: transparent;
}

.visible-xs .uitgelicht,
.visible-sm .uitgelicht,
.themamaand .article .uitgelicht,
.web-alert .uitgelicht {
  position: relative;
  display: inline-block;
  background: #f86220;
  padding: 2px 5px;
  border-radius: 2px;
  margin-bottom: 5px;
  font-size: 0.9em;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

.alert-success {
  background-color: #fff;
  border-radius: 3px;
  color: #000;
  border: 1px solid #c81517;
  margin-bottom: 0;
}

.web-alert .uitgelicht {
  font-size: 12.6px;
  top: -10px;
}

.themamaand .article h1 {
  margin-top: 0;
}

.article_view img {
  max-width: 100%;
}

article h1,
article h2 {
  padding-top: 0;
  margin-top: 0;
}

article div.article-tags ul {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #9b9b9b;
  list-style-type: none;
  padding: 0px;
  font-size: 0.9em;
}

article div.article-tags ul a.tag i,
article div.article-tags ul span.tag i {
  margin-right: 3px;
}

article div.article-tags ul li.article-tags {
  margin: 5px 0;
}

aside#personal a:hover.tag,
div.complete-account .article-tags a:hover,
div.sidebar .meta ul li.tags a:hover,
article div.article-tags ul li.article-tags a:hover {
  border: 1px solid #cd2626;
  color: #cd2626;
}

article div.article-tags ul li a {
  color: #9b9b9b;
}

aside#personal a.tag .fa,
div.complete-account .article-tags a .fa,
div.sidebar .meta ul li.tags a .fa,
article div.article-tags ul li a i {
  color: #fff;
}

aside#personal a.tag.checked i,
div.complete-account .article-tags a.checked .fa,
div.sidebar .meta ul li.tags a.checked .fa,
article div.article-tags ul li a.checked i {
  color: #cd2626;
}

div.article-tags li.article-meta {
  color: #cd2626;
}

aside#personal a.tag i,
div.complete-account .article-tags a i,
li.tags a i,
div.article-tags li .tag i.fa {
  background-color: #dadada;
  transition: 0.25s;
  padding: 7px;
  margin: 0 5px 0 -4px;
}

aside#personal a:hover:not(.checked).tag i.fa,
div.complete-account .article-tags a:hover:not(.checked) i.fa,
div.sidebar .meta ul li.tags a:hover:not(.checked) i.fa,
div.article-tags li a:hover:not(.checked) i.fa {
  background-color: #cd2626;
}

aside#personal a.tag,
article div.article-tags ul a.tag,
article div.article-tags ul span.tag,
article div.article-tags ul a.member,
div.alert-complete-account a.tag {
  font-weight: 700;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 0.9em;
  border-radius: 2px;
  border: 1px solid #9b9b9b;
  background: transparent;
  padding: 0 4px 0 4px;
  text-decoration: none !important;
  text-transform: uppercase;
  margin-bottom: 4px;
  margin-left: 2px;
  display: inline-block;
  transition: 0.25s;
}

article div.article-tags ul a.member {
  background-color: #3a61a4 !important;
  color: #fff !important;
  border: 1px solid #3a61a4;
}

article div.article-tags ul a:hover {
  color: #373737;
}

article.headline .overlay .uitgelicht {
  position: absolute;
  top: -19px;
  z-index: 1;
  background: #f86220;
  padding: 2px 5px;
  border-radius: 2px;
  font-size: 0.9em;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

article.headline .overlay .breaking {
  position: absolute;
  top: -24px;
  z-index: 1;
  background: #f86220;
  padding: 2px 5px;
  border-radius: 2px;
  font-size: 1.2em;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

article.headline .overlay .breaking i {
  margin-right: 5px;
}

@media (max-width: 767.98px) {
  article.headline .overlay p {
    overflow: hidden;
    max-height: 160px;
    display: block;
  }
}

@media (max-width: 320px) {
  article.headline .overlay {
    max-height: 100px;
  }

  article.headline .overlay p {
    display: none;
  }
}

article.headline h1,
article.headline a,
article.headline a:visited,
article.headline a:visited h1 {
  color: #fff;
  text-decoration: none;
}

article a:visited h1 {
  color: #888;
}

article .thumb {
  margin-bottom: 10px;
  width: 100%;
}

.article-img {
  width: 100%;
}

.tags a,
aside .tags a {
  color: #666;
  font-weight: 700;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 0.9em;
  border-radius: 2px;
  border: 1px solid #666;
  background: #fff;
  padding: 0px 4px 0px 4px;
  text-decoration: none !important;
  text-transform: uppercase;
  margin-bottom: 2px;
  display: inline-block;
}

.tags a .fa,
aside .tags a .fa {
  margin-right: 3px;
}

.tags a.gratis,
aside .tags a.gratis {
  margin-right: 3px;
}

article .time,
aside .time {
  font-weight: 700;
  color: #666;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 0.9em;
  line-height: 1.8em;
}

article .time .fa {
  padding: 0 4px;
}

.tag-orange {
  background: #f86220;
  padding: 3px 6px;
  border-radius: 2px;
  font-size: 0.9em;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
}

ul.list-news li i {
  color: #f86220;
}

ul.list-news li span {
  float: right;
  color: #666;
  font-size: 0.9em;
}

.leesverder {
  margin-top: 5px;
  background-color: #f86220;
  padding: 5px;
  border-radius: 3px;
  font-family: "Open Sans", sans-serif;
}

.leesverder a {
  font-weight: 400;
  font-size: 12px;
  text-decoration: none;
  color: #fff !important;
}

div.floater ins .img-a-b {
  float: right;
}

section img.img-a-b {
  margin: 10px 0;
}

.alert-warning-message,
.alert-warning-agreement {
  background-color: #fff;
  border-radius: 3px;
  color: #000;
  border: 1px solid #cd2626;
}

.alert-warning h2 {
  margin-top: 0;
}

/* COMMENTS */

div.comments section.comments em {
  font-size: 12px;
}

hr,
.alert-warning hr {
  border-top: 1px solid #eee;
}

div.comments a.btn {
  margin-bottom: 0.8rem;
}

div.comments a.btn {
  margin-bottom: 0.8rem;
}

/* PROMOTION MODAL */

#promotion-modal .label {
  line-height: 1.42857143;
  font-size: 80%;
  padding: 0px 4px 0px 4px;
}

.label-primary {
  color: #666;
  background: #fff;
  border: 1px solid #666;
}

#promotion-modal .label-default {
  background-color: #666;
  border: 1px solid #666;
}

#promotion-modal .label-success {
  border: 1px solid #5cb85c;
}

#promotion-modal ul {
  list-style: none;
  padding-left: 0;
}

#promotion-modal #accordion-toggle {
  display: inline-block;
}

#promotion-modal button span.fa {
  margin-right: 12px;
}

#promotion-modal a#accordion-toggle,
#promotion-modal a#accordion-toggle:link,
#promotion-modal a#accordion-toggle:visited,
#promotion-modal a#accordion-toggle:hover,
#promotion-modal a#accordion-toggle:active {
  text-decoration: none;
  color: #000;
  font-weight: 700;
}

#promotion-modal .modal-header {
  background-color: #cd2626 !important;
}

#promotion-modal .modal-content {
  overflow: hidden;
  background-color: transparent;
}

#promotion-modal .modal-body,
#promotion-modal .modal-footer {
  background-color: #fff;
}

#promotion-modal .panel-info > .panel-heading {
  background-color: rgba(246, 128, 32, 0.45);
  border-color: rgba(246, 128, 32, 0.45);
  color: rgb(51, 51, 51);
}

#promotion-modal .panel-info {
  border-color: rgba(246, 128, 32, 0.45);
}

#promotion-modal .panel-primary > .panel-heading {
  background-color: #cd2626 !important;
  border-color: #cd2626;
}

#promotion-modal .panel-footer {
  border-top: 1px solid #ddd;
}

#promotion-modal .panel-body.vastgoedNederland {
  padding-top: 0;
  padding-bottom: 0;
}

#promotion-modal ul li:last-child,
#promotion-modal .panel-footer p {
  margin-bottom: 0;
}

#promotion-modal .modal-panel-title {
  font-weight: 700;
  margin-left: 6px;
}

#promotion-modal .panel-heading .fa {
  vertical-align: 0;
}

@media (max-width: 767.98px) {
  div.tooltip-promotion + div.tooltip {
    display: none !important;
  }
}

#promotion-modal .price-list {
  margin-top: 4px;
  margin-left: 5px;
  font-size: 80%;
  padding-left: 5px;
}

#promotion-modal .price-list td:first-child {
  padding-right: 12px !important;
}

#promotion-modal .article-title {
  font-weight: 700;
}

.btn.btn-promotion {
  font-weight: 700;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 0.9em;
  border-radius: 2px;
  padding: 0 4px 0 4px;
  text-decoration: none !important;
  text-transform: uppercase;
  margin-bottom: 2px;
  display: inline-block;
  box-shadow: none !important;
  height: auto;
}

/* BUTTONS */

.btn {
  font-family: "Open Sans Condensed", sans-serif;
  padding: 6px 8px;
  font-weight: bold;
  text-decoration: none;
}

.btn-red {
  background: transparent;
  border: 1px solid #cd2626;
  color: #cd2626;
}

.background-red .btn-red:hover {
  background: #fff;
  color: #cd2626;
}

.btn-red.solid,
.btn-red.inverse {
  background: #cd2626;
  color: #ffffff;
}

.btn-red.solid:hover {
  background: #b3020a;
}

.btn-red.inverse:hover {
  background: transparent;
  border: 1px solid #cd2626;
  color: #cd2626;
}

.btn-green {
  background: transparent;
  border: 1px solid #005f58;
  color: #005f58;
}

.btn-green:hover i {
  color: #005f58 !important;
}

.background-green .btn-green:hover {
  background: #fff;
  color: #005f58;
}

.btn-orange {
  background-color: #dddddd;
  border-color: #cccccc;
}

.btn-orange:hover {
  background-color: #bbbbbb;
}

.btn-default {
  background-clip: padding-box;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  font-size: 1.3rem;
  height: 34px;
  line-height: 1.8rem;
  outline: none;
  /* padding: 1.4rem 2rem; */
  text-align: center;
  text-decoration: none;
  transition: background 0.1s linear;
}

#news_load_more {
  width: 100%;
}

a.btn-red:focus,
button.btn-red:focus,
input[type="submit"].btn-red:focus,
a.btn-red:hover,
button.btn-red:hover,
input[type="submit"].btn-red:hover,
a.btn-red:active,
button.btn-red:active,
input[type="submit"].btn-red:active {
  background: #cd2626;
  border-color: #cd2626;
  color: #fff;
  text-decoration: none;
}

a.btn-green:focus,
button.btn-green:focus,
input[type="submit"].btn-green:focus,
a.btn-green:hover,
button.btn-green:hover,
input[type="submit"].btn-green:hover,
a.btn-green:active,
button.btn-green:active,
input[type="submit"].btn-green:active {
  background: #005f58;
  border-color: #005f58;
  color: #fff;
  text-decoration: none;
}

.form-control {
  border-radius: 0;
  /*border: 1px solid #000;*/
}

.form-control:focus {
  border-color: #cd2626;
  outline: 0;
  box-shadow: none;
}

/* SOCIAL MEDIA BUTTONS */

.social-buttons .btn {
  background-clip: padding-box;
  border-radius: 3px;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  height: 34px;
  line-height: 1.8rem;
  margin-bottom: 0.8rem;
  outline: none;
  text-decoration: none;
  transition: background 0.1s linear;
  position: relative;
}

.social-buttons span {
  display: block;
  position: absolute;
  left: 40px;
}

.social-buttons i {
  float: left;
  margin-top: 2px;
}

/* WhatsApp */

.social-buttons .btn-whatsapp {
  background: #25d366;
  border: 1px solid #22b95a;
  box-shadow: inset 0 -2px 0 0 #22b95a;
}

.social-buttons a.btn-whatsapp:hover,
aside .social-buttons a.btn-whatsapp:active {
  background: #2ce26f;
}

/* LinkedIn */

.social-buttons .btn-linkedin {
  background: #007bb6;
  border: 1px solid #006494;
  box-shadow: inset 0 -2px 0 0 #006494;
}

.social-buttons a.btn-linkedin:hover,
aside .social-buttons a.btn-linkedin:active {
  background: #0087c9;
}

/* Facebook */

.social-buttons .btn-facebook {
  background: #3b5998;
  border: 1px solid #2d4474;
  box-shadow: inset 0 -2px 0 0 #2d4474;
}

.social-buttons a.btn-facebook:hover,
aside .social-buttons a.btn-facebook:active {
  background: #4260a0;
}

/* Twitter */

.social-buttons .btn-twitter {
  background: #0084b4;
  border: 1px #005f82;
  box-shadow: inset 0 -2px 0 0 #005f82;
}

.social-buttons a.btn-twitter:hover,
aside .social-buttons a.btn-twitter:active {
  background: #008dc0;
}

/* Email */

.social-buttons .btn-mail {
  background: #a7a7a7;
  border: 1px solid #9b9b9b;
  box-shadow: inset 0 -2px 0 0 #9b9b9b;
}

.social-buttons a.btn-mail:hover,
aside .social-buttons a.btn-mail:active {
  background: #b6b5b5;
}

/* GitHub/PDF */

.social-buttons .btn-github {
  background: #444;
  border: 1px #222;
  box-shadow: inset 0 -2px 0 0 #222;
}

.social-buttons .btn-github:hover,
aside .social-buttons a.btn-github:active {
  background: #555;
}

aside input[type="text"] {
  height: 34px;
  width: 100%;
}

aside ul,
ul.vjcalendar {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

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

ul.usps li,
.sidebar ul li {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  padding: 8px 0;
}

ul.usps li.grey i {
  color: #9b9b9b;
}

ul.usps li i {
  color: #9b9b9b;
}

ul.vjcalendar li {
  border-bottom: 1px solid #f2f2f2;
}

aside li:last-child {
  margin-bottom: 10px;
}

aside .themamaand > div {
  background: #f2f2f2;
}

aside .themamaand div.article {
  padding: 0 5px 5px 5px;
}

aside .themamaand div.article p {
  /* text-align: justify; */
  margin: 0;
}

aside .themamaand div.article > a {
  text-decoration: none;
}

aside .themamaand div.article a:visited h1 {
  color: #888;
}

aside .themamaand h1 {
  font-size: 1.5em;
  /* text-align: justify; */
}

aside .themamaand .bottom {
  position: absolute;
  bottom: 0;
}

/* TODO: sticky. Problem is, the parent div contains too much text, the min-height does nothing;

aside .themamaand .article.tags {
	position: absolute;
	bottom: 4px;
	left: 0;
	right: 0;
}

aside .themamaand .article.time {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
} */

aside span.sub {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 400;
  color: #cd2626;
}

.large-icon {
  font-size: 1.5em;
  margin-right: 25px;
  margin-left: 5px;
  vertical-align: -2px;
  width: 15px;
}

#personal ul {
  margin-top: 4px;
}

#personal ul li:hover {
  cursor: pointer;
}

#personal ul li.checked {
  font-weight: bold;
}

#personal ul li span {
  position: absolute;
  right: 25px;
  font-size: 1em;
}

#personal ul li p {
  margin: 0;
  display: inline-block;
}

#personal ul li p.tagwoord:first-letter {
  text-transform: uppercase;
}

#personal ul li {
  border-bottom: 1px solid #f2f2f2;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #666;
  padding: 8px 0;
}

/* VJ BEDRIJFSPROFIELEN */

ul.companies {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.companies li {
  border-top: 1px solid #d3d3d3;
  padding: 8px 0;
}

ul.companies li div {
  vertical-align: top;
  height: 150px;
  display: inline-block;
  padding-left: 10px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}

ul.companies li div h3 {
  margin: 0;
  display: block;
  width: auto;
}

ul.companies li img {
  display: inline-block;
}

.bootstrap-wysihtml5-insert-link-modal .modal-dialog .modal-content .modal-header a.close {
  text-decoration: none;
}

.bootstrap-wysihtml5-insert-link-modal .modal-dialog .modal-content .modal-body .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
  margin-right: 5px;
}

/* VJ CALENDAR */
span.highlighted,
p.highlighted,
p.highlighted a {
  color: #cd2626;
}

.vjcalendar li {
  min-height: 54px;
  padding-top: 4px;
}

.vjcalendar .calendar {
  float: left;
  margin-right: 5px;
  position: relative;
  width: 40px;
  height: 44px;
  background: url("../img/calendar.png");
}

.vjcalendar .calendar span {
  font-family: "Open Sans Condensed", sans-serif;
}

.vjcalendar .calendar span.day {
  display: block;
  position: absolute;
  top: 10px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  z-index: 2;
}

.vjcalendar .calendar span.month {
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  color: #cd2626;
  font-weight: 400;
}

.calendar_title > div {
  height: 450px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 991.98px) {
  .calendar_title > div {
    height: 300px;
  }
}

@media (max-width: 767.98px) {
  .calendar_title > div {
    height: 200px;
  }

  .visible-xs h1 {
    font-size: 2em;
  }
}

.calendar_title .overlay {
  position: absolute;
  bottom: 10px;
  width: 80%;
  color: #000;
  background: rgb(255, 255, 255);
  /* fallback color */
  background: rgba(255, 255, 255, 0.5);
  /*text-align: justify; */
  height: 125px;
}

.calendar_title .overlay .calendar,
.calendarcontainer > .calendar {
  position: absolute;
  width: 110px;
  height: 125px;
  background: #cd2626;
}

.calendarcontainer > .calendar {
  position: relative;
}

.calendar_title .overlay .calendar .day,
.calendarcontainer > .calendar .day {
  top: -10px;
  right: 0;
  left: 0;
  position: absolute;
  text-align: center;
  font-size: 4.4em;
  color: #fff;
}

.calendar_title .overlay .calendar .month,
.calendarcontainer > .calendar .month {
  bottom: 30px;
  right: 0;
  left: 0;
  position: absolute;
  text-align: center;
  font-size: 1.4em;
  color: #fff;
}

.calendar_title .overlay .calendar .time,
.calendarcontainer > .calendar .time {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  background: #fff;
  color: #666;
  font-weight: 400;
  font-size: 1.4em;
}

.calendar_title .overlay .title {
  padding-left: 140px;
}

.calendarcontainer h3 {
  border-bottom: 1px solid #cd2626;
}

/* VACATURES */

.vacancy-joblister-order .frame {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 3px;
}

.vacancy-joblister-order ul li {
  text-align: center;
}

.vacancy-joblister-order ul li span {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 400;
  color: #cd2626;
  font-size: 1.5em;
}

.vacancy-detail aside,
.vacancy-overview aside,
.vacancy-joblister aside,
.search-profiles aside {
  background-color: #f6f6f6;
  padding: 10px;
  border-radius: 3px;
}

.vacancy-detail .modal-dialog {
  max-width: 1000px;
  width: auto;
}

.vacature-detail .summary h1 {
  margin-top: 0;
}

.vacature-detail .summary p {
  margin: 0;
}

.vacature-detail .img-bar {
  padding: 15px;
}

.vacature-detail .img-bar > div {
  padding: 0;
}

.vacature-detail .img-bar > div img {
  width: 100%;
}

/* AFFIX */

.affix {
  top: 0;
}

@media (max-width: 767.98px) {
  .affix {
    position: static;
    width: auto;
    top: 0;
  }
}

/* TABLES */

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff;
}

/* SELECT2 - make Bootstrap compatible */

.select2-container .select2-selection--single {
  height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px !important;
  color: #555 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 1px !important;
}

/* SUBSITES */

.subsites {
  background: #666;
  margin-left: 0;
  margin-right: 0;
}

.subsites a:nth-child(3) {
  color: #fff !important;
  font-weight: 700;
  /*text-align: justify; */
  display: block;
  margin: 10px 0;
}

.subsites a:hover {
  text-decoration: underline;
}

.subsites a > div {
  height: 125px;
  width: 100%;
  background-size: cover;
  background-position: center center;
}

.subsites span.header,
article div span.header {
  position: absolute;
  background: #fff;
  border-radius: 2px;
  left: 20px;
  overflow: visible;
  height: 20px;
  padding: 2px 5px 0 33px;
}

.subsites span.header {
  top: 20px;
}

article div span.header {
  top: 15px;
}

.subsites span img,
article div span.header img {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -4px;
  left: 0;
}

.subsites a.img-border div {
  margin-top: 10px;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(41, 41, 41, 1);
  -moz-box-shadow: 0px 4px 5px 0px rgba(41, 41, 41, 1);
  box-shadow: 0px 4px 5px 0px rgba(41, 41, 41, 1);
}

article div span.header,
.subsites span.header,
article div span.header a,
.subsites span.header a {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-size: 0.9em;
  color: #666;
  text-transform: uppercase;
}

/* FOOTER */

.footer {
  border-top: 3px solid #cd2626;
  background-color: #980008;
  color: #fff;
}

.footer h4 {
  font-size: 1.2em;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
}

.footer .poweredby img {
  max-width: 150px;
}

.footer p {
  font-size: 0.8em;
}

.footer a {
  color: #fff;
}

.footer a:hover {
  text-decoration: underline;
}

.footer .info {
  background: #cd2626;
  height: 4px;
  /*
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
 */
  /* letter-spacing: 0.02em; */
  /* 	padding: 10px 0; */
  /* 	color: #fff; */
}

.footer .btn {
  background: transparent !important;
  border: 1px solid #fff !important;
}

.footer .btn:hover,
.footer .btn:active {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}

.footer .icons ul li {
  font-size: 0.8em;
}

.footer .icons ul li a.btn-social-icon {
  border: 1px solid #fff;
  background: transparent;
  margin-bottom: 5px;
  margin-right: 5px;
}

.footer .icons ul li a.btn-social-icon:hover,
.footer .icons ul li a.btn-social-icon:hover {
  color: #fff;
}

/* MODALS */

.bootstrap-dialog.type-danger .modal-header {
  background-color: #cd2626 !important;
}

.bootstrap-dialog.type-primary .modal-header {
  background-color: #cd2626 !important;
}

.bootstrap-dialog.type-info .modal-header {
  background-color: #cd2626 !important;
}

/* Slick */

.themamaand .slick-slide {
  min-height: 400px !important;
  position: relative;
}

/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  top: 60px;
  display: block;
  width: 28px;
  height: 28px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #828282;
  z-index: 100;
}

@media (max-width: 767.98px) {
  .slick-prev,
  .slick-next {
    top: 100px !important;
  }
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  /* background: transparent; */
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 14px;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0px;
}

[dir="rtl"] .slick-prev {
  right: 0px;
  left: auto;
}

.slick-prev:before,
.slick-next:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  line-height: 28px;
  font-size: 20px;
  margin-top: 1px;
}

[dir="rtl"] .slick-prev:before {
  content: "<";
}

.slick-next {
  right: 0;
}

[dir="rtl"] .slick-next {
  right: auto;
  left: 0;
}

.slick-prev:before {
  content: "\f053";
  margin-left: 5px;
  float: left;
}

.slick-next:before {
  content: "\f054";
  font-size: 20px;
  float: right;
  margin-right: 5px;
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* FILE UPLOADS */

.file-caption {
  height: 38px !important;
}

.file-input {
  margin-bottom: 10px;
}

/* SOCIAL ICONS */

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */

.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social.btn-lg {
  padding-left: 61px;
}

.btn-social.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social.btn-sm {
  padding-left: 38px;
}

.btn-social.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social.btn-xs {
  padding-left: 30px;
}

.btn-social.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0;
}

.btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social-icon.btn-lg {
  padding-left: 61px;
}

.btn-social-icon.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social-icon.btn-sm {
  padding-left: 38px;
}

.btn-social-icon.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social-icon.btn-xs {
  padding-left: 30px;
}

.btn-social-icon.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100% !important;
}

.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}

.btn-adn {
  color: #fff;
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:hover,
.btn-adn:focus,
.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
  background-image: none;
}

.btn-adn.disabled,
.btn-adn[disabled],
fieldset[disabled] .btn-adn,
.btn-adn.disabled:hover,
.btn-adn[disabled]:hover,
fieldset[disabled] .btn-adn:hover,
.btn-adn.disabled:focus,
.btn-adn[disabled]:focus,
fieldset[disabled] .btn-adn:focus,
.btn-adn.disabled:active,
.btn-adn[disabled]:active,
fieldset[disabled] .btn-adn:active,
.btn-adn.disabled.active,
.btn-adn[disabled].active,
fieldset[disabled] .btn-adn.active {
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn .badge {
  color: #d87a68;
  background-color: #fff;
}

.btn-bitbucket {
  color: #fff;
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
  background-image: none;
}

.btn-bitbucket.disabled,
.btn-bitbucket[disabled],
fieldset[disabled] .btn-bitbucket,
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket:hover,
.btn-bitbucket.disabled:focus,
.btn-bitbucket[disabled]:focus,
fieldset[disabled] .btn-bitbucket:focus,
.btn-bitbucket.disabled:active,
.btn-bitbucket[disabled]:active,
fieldset[disabled] .btn-bitbucket:active,
.btn-bitbucket.disabled.active,
.btn-bitbucket[disabled].active,
fieldset[disabled] .btn-bitbucket.active {
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket .badge {
  color: #205081;
  background-color: #fff;
}

.btn-dropbox {
  color: #fff;
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
  background-image: none;
}

.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox .badge {
  color: #1087dd;
  background-color: #fff;
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  background-image: none;
}

.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook .badge {
  color: #3b5998;
  background-color: #fff;
}

.btn-flickr {
  color: #fff;
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
  background-image: none;
}

.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr .badge {
  color: #ff0084;
  background-color: #fff;
}

.btn-foursquare {
  color: #fff;
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
  background-image: none;
}

.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare .badge {
  color: #f94877;
  background-color: #fff;
}

.btn-github {
  color: #fff;
  background-color: #444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
  background-image: none;
}

.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
  background-color: #444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github .badge {
  color: #444;
  background-color: #fff;
}

.btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:hover,
.btn-google:focus,
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  background-image: none;
}

.btn-google.disabled,
.btn-google[disabled],
fieldset[disabled] .btn-google,
.btn-google.disabled:hover,
.btn-google[disabled]:hover,
fieldset[disabled] .btn-google:hover,
.btn-google.disabled:focus,
.btn-google[disabled]:focus,
fieldset[disabled] .btn-google:focus,
.btn-google.disabled:active,
.btn-google[disabled]:active,
fieldset[disabled] .btn-google:active,
.btn-google.disabled.active,
.btn-google[disabled].active,
fieldset[disabled] .btn-google.active {
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google .badge {
  color: #dd4b39;
  background-color: #fff;
}

.btn-instagram {
  color: #fff;
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
  background-image: none;
}

.btn-instagram.disabled,
.btn-instagram[disabled],
fieldset[disabled] .btn-instagram,
.btn-instagram.disabled:hover,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram:hover,
.btn-instagram.disabled:focus,
.btn-instagram[disabled]:focus,
fieldset[disabled] .btn-instagram:focus,
.btn-instagram.disabled:active,
.btn-instagram[disabled]:active,
fieldset[disabled] .btn-instagram:active,
.btn-instagram.disabled.active,
.btn-instagram[disabled].active,
fieldset[disabled] .btn-instagram.active {
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram .badge {
  color: #3f729b;
  background-color: #fff;
}

.btn-linkedin {
  color: #fff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
  background-image: none;
}

.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin .badge {
  color: #007bb6;
  background-color: #fff;
}

.btn-microsoft {
  color: #fff;
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:hover,
.btn-microsoft:focus,
.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  background-image: none;
}

.btn-microsoft.disabled,
.btn-microsoft[disabled],
fieldset[disabled] .btn-microsoft,
.btn-microsoft.disabled:hover,
.btn-microsoft[disabled]:hover,
fieldset[disabled] .btn-microsoft:hover,
.btn-microsoft.disabled:focus,
.btn-microsoft[disabled]:focus,
fieldset[disabled] .btn-microsoft:focus,
.btn-microsoft.disabled:active,
.btn-microsoft[disabled]:active,
fieldset[disabled] .btn-microsoft:active,
.btn-microsoft.disabled.active,
.btn-microsoft[disabled].active,
fieldset[disabled] .btn-microsoft.active {
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft .badge {
  color: #2672ec;
  background-color: #fff;
}

.btn-odnoklassniki {
  color: #fff;
  background-color: #f4731c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:hover,
.btn-odnoklassniki:focus,
.btn-odnoklassniki:active,
.btn-odnoklassniki.active,
.open > .dropdown-toggle.btn-odnoklassniki {
  color: #fff;
  background-color: #d35b0a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:active,
.btn-odnoklassniki.active,
.open > .dropdown-toggle.btn-odnoklassniki {
  background-image: none;
}

.btn-odnoklassniki.disabled,
.btn-odnoklassniki[disabled],
fieldset[disabled] .btn-odnoklassniki,
.btn-odnoklassniki.disabled:hover,
.btn-odnoklassniki[disabled]:hover,
fieldset[disabled] .btn-odnoklassniki:hover,
.btn-odnoklassniki.disabled:focus,
.btn-odnoklassniki[disabled]:focus,
fieldset[disabled] .btn-odnoklassniki:focus,
.btn-odnoklassniki.disabled:active,
.btn-odnoklassniki[disabled]:active,
fieldset[disabled] .btn-odnoklassniki:active,
.btn-odnoklassniki.disabled.active,
.btn-odnoklassniki[disabled].active,
fieldset[disabled] .btn-odnoklassniki.active {
  background-color: #f4731c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki .badge {
  color: #f4731c;
  background-color: #fff;
}

.btn-openid {
  color: #fff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:hover,
.btn-openid:focus,
.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  background-image: none;
}

.btn-openid.disabled,
.btn-openid[disabled],
fieldset[disabled] .btn-openid,
.btn-openid.disabled:hover,
.btn-openid[disabled]:hover,
fieldset[disabled] .btn-openid:hover,
.btn-openid.disabled:focus,
.btn-openid[disabled]:focus,
fieldset[disabled] .btn-openid:focus,
.btn-openid.disabled:active,
.btn-openid[disabled]:active,
fieldset[disabled] .btn-openid:active,
.btn-openid.disabled.active,
.btn-openid[disabled].active,
fieldset[disabled] .btn-openid.active {
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid .badge {
  color: #f7931e;
  background-color: #fff;
}

.btn-pinterest {
  color: #fff;
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
  background-image: none;
}

.btn-pinterest.disabled,
.btn-pinterest[disabled],
fieldset[disabled] .btn-pinterest,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn-pinterest:focus,
.btn-pinterest.disabled:active,
.btn-pinterest[disabled]:active,
fieldset[disabled] .btn-pinterest:active,
.btn-pinterest.disabled.active,
.btn-pinterest[disabled].active,
fieldset[disabled] .btn-pinterest.active {
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest .badge {
  color: #cb2027;
  background-color: #fff;
}

.btn-reddit {
  color: #000;
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:hover,
.btn-reddit:focus,
.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
  color: #000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
  background-image: none;
}

.btn-reddit.disabled,
.btn-reddit[disabled],
fieldset[disabled] .btn-reddit,
.btn-reddit.disabled:hover,
.btn-reddit[disabled]:hover,
fieldset[disabled] .btn-reddit:hover,
.btn-reddit.disabled:focus,
.btn-reddit[disabled]:focus,
fieldset[disabled] .btn-reddit:focus,
.btn-reddit.disabled:active,
.btn-reddit[disabled]:active,
fieldset[disabled] .btn-reddit:active,
.btn-reddit.disabled.active,
.btn-reddit[disabled].active,
fieldset[disabled] .btn-reddit.active {
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit .badge {
  color: #eff7ff;
  background-color: #000;
}

.btn-soundcloud {
  color: #fff;
  background-color: #f50;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:hover,
.btn-soundcloud:focus,
.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
  color: #fff;
  background-color: #c40;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
  background-image: none;
}

.btn-soundcloud.disabled,
.btn-soundcloud[disabled],
fieldset[disabled] .btn-soundcloud,
.btn-soundcloud.disabled:hover,
.btn-soundcloud[disabled]:hover,
fieldset[disabled] .btn-soundcloud:hover,
.btn-soundcloud.disabled:focus,
.btn-soundcloud[disabled]:focus,
fieldset[disabled] .btn-soundcloud:focus,
.btn-soundcloud.disabled:active,
.btn-soundcloud[disabled]:active,
fieldset[disabled] .btn-soundcloud:active,
.btn-soundcloud.disabled.active,
.btn-soundcloud[disabled].active,
fieldset[disabled] .btn-soundcloud.active {
  background-color: #f50;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud .badge {
  color: #f50;
  background-color: #fff;
}

.btn-tumblr {
  color: #fff;
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
  color: #fff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
  background-image: none;
}

.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr .badge {
  color: #2c4762;
  background-color: #fff;
}

.btn-twitter {
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  background-image: none;
}

.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter .badge {
  color: #55acee;
  background-color: #fff;
}

.btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:hover,
.btn-vimeo:focus,
.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
  background-image: none;
}

.btn-vimeo.disabled,
.btn-vimeo[disabled],
fieldset[disabled] .btn-vimeo,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo:hover,
.btn-vimeo.disabled:focus,
.btn-vimeo[disabled]:focus,
fieldset[disabled] .btn-vimeo:focus,
.btn-vimeo.disabled:active,
.btn-vimeo[disabled]:active,
fieldset[disabled] .btn-vimeo:active,
.btn-vimeo.disabled.active,
.btn-vimeo[disabled].active,
fieldset[disabled] .btn-vimeo.active {
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo .badge {
  color: #1ab7ea;
  background-color: #fff;
}

.btn-vk {
  color: #fff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
  background-image: none;
}

.btn-vk.disabled,
.btn-vk[disabled],
fieldset[disabled] .btn-vk,
.btn-vk.disabled:hover,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk:hover,
.btn-vk.disabled:focus,
.btn-vk[disabled]:focus,
fieldset[disabled] .btn-vk:focus,
.btn-vk.disabled:active,
.btn-vk[disabled]:active,
fieldset[disabled] .btn-vk:active,
.btn-vk.disabled.active,
.btn-vk[disabled].active,
fieldset[disabled] .btn-vk.active {
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk .badge {
  color: #587ea3;
  background-color: #fff;
}

.btn-yahoo {
  color: #fff;
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:hover,
.btn-yahoo:focus,
.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
  background-image: none;
}

.btn-yahoo.disabled,
.btn-yahoo[disabled],
fieldset[disabled] .btn-yahoo,
.btn-yahoo.disabled:hover,
.btn-yahoo[disabled]:hover,
fieldset[disabled] .btn-yahoo:hover,
.btn-yahoo.disabled:focus,
.btn-yahoo[disabled]:focus,
fieldset[disabled] .btn-yahoo:focus,
.btn-yahoo.disabled:active,
.btn-yahoo[disabled]:active,
fieldset[disabled] .btn-yahoo:active,
.btn-yahoo.disabled.active,
.btn-yahoo[disabled].active,
fieldset[disabled] .btn-yahoo.active {
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo .badge {
  color: #720e9e;
  background-color: #fff;
}

.btn-whatsapp:hover,
.btn-whatsapp:focus,
.btn-whatsapp:active,
.btn-whatsapp.active,
.open > .dropdown-toggle.btn-whatsapp {
  color: #fff;
  background-color: rgb(42, 233, 112);
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-whatsapp:active,
.btn-whatsapp.active,
.open > .dropdown-toggle.btn-whatsapp {
  background-image: none;
}

.bog-banner a {
  color: #cd2626;
  text-decoration: none;
}

.bog-banner .bog-content {
  background-color: #cdcecf;
}

.bog-banner .image img {
  max-width: 114px;
  max-height: 86px;
}

.bog-banner .bog-content .slick-slide {
  background-color: #fff;
  margin: 5px 5px 0 5px;
  border: 0;
  min-height: 86px;
}

.bog-banner .bog-content .slick-slide p {
  word-wrap: break-word;
  margin-top: 10px;
  font-size: 0.8em;
  font-weight: bold;
}

.bog-banner .bog-content .slick-slide a {
  color: #0063af;
}

.bog-banner .bog-content .slick-slide > div {
  padding: 0;
}

.bog-banner .date {
  background-color: #0063af;
  padding: 5px;
  position: absolute;
  z-index: 2;
  color: #fff;
  top: 0;
  padding-right: 12px;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}

.bog-banner .info {
  height: 85px;
}

.bog-banner .info .more {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 200px;
}

.bog-banner .more .city {
  float: right;
  background-color: #0063af;
  color: #fff;
  padding: 5px;
  padding-left: 12px;
  padding-right: 10px;
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
  text-align: right;
  min-width: 100px;
}

.bog-banner .more .link {
  float: right;
  background-color: #ff6600;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.bog-banner .more .link a {
  color: #fff;
}

.bog-banner .bog-footer {
  text-align: center;
  font-weight: bold;
  background-color: #cdcecf;
  padding-top: 5px;
}

.bog-banner .bog-footer a {
  padding: 5px;
  background-color: #ff6600;
  display: block;
  width: 100%;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.9em;
}

.beleggingspandimg {
  position: relative;
}

.beleggingspandimg .nieuw {
  position: absolute;
  top: 1px;
  left: 1px;
  background-image: url("../img/overlay_nieuw.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.alert-contact {
  border-radius: 2px;
  background-color: #e7e7e7;
  border: 1px solid #e7e7e7;
  position: fixed;
  right: 0;
  bottom: -1px;
  margin: 0;
  z-index: 16;
  border: 1px solid #f2801f;
  background-color: #fff;
  color: #333;
}

.alert-contact .heading {
  background-color: #f2801f;
  margin-top: -15px;
  margin-bottom: -15px;
  padding: 15px;
}

.alert-contact .heading h3 {
  color: #fff;
  display: inline;
  margin: 10px 0 0 0;
  cursor: pointer;
}

.alert-contact form {
  margin-top: 30px;
}

/* VJ Wensenlijstje */
.kader {
  padding: 15px;
  margin: 0 15px 15px 0;
  border: 1px solid #ffdcbd;
  background-color: #fff9f5;
  width: 50%;
}

.kader img {
  max-width: 100%;
  height: auto !important;
}

.kader:after {
  background-color: #999;
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  content: "";
}

.kader-links {
  float: left;
  margin: 0 15px 15px 0;
}

.kader-rechts {
  float: right;
  margin: 0 0 15px 15px;
}

@media (max-width: 767.98px) {
  .kader {
    width: 100%;
  }
}

.thickness-one {
  border: 0;
  border-top: 1px solid #eee;
}

.thickness-two {
  border: 0;
  border-top: 2px solid #eee;
}

.thickness-four {
  border: 0;
  border-top: 4px solid #eee;
}

.dark-grey-seperator {
  border-color: #aaaaaa;
}

.black-seperator {
  border-color: #000;
}

#transactions td ins img {
  margin: auto;
}

/* Button ajax */
.btn-ajax {
  position: relative;
}

.btn-animation {
  pointer-events: none;
  z-index: 2;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  animation-name: loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: left;
  display: none;
}

@keyframes loading {
  0% {
    transform: scale(0, 1);
    transform-origin: left;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: left;
  }
  50.001% {
    transform: scale(1, 1);
    transform-origin: right;
  }
  100% {
    transform: scale(0, 1);
    transform-origin: right;
  }
}

/* Sign up */
.subscription-select-container {
  position: relative;
}

.subscription-select-container i {
  position: absolute;
  top: 3px;
  right: -30px;
  color: #f2801f;
}

.btn-extend {
  height: 20px;
  line-height: 14px;
  padding: 0 12px;
  margin-top: -3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.mobile-usps ul.usps {
  margin-bottom: 0;
}

.mobile-usps ul.usps li:last-child {
  border-bottom: 0;
}

/*EVENTS+*/

p.additionalcost-price,
p.additionalcost-price-name {
  margin: 10px 0 10px 0;
}

p.additionalcost-price {
  white-space: nowrap;
}

#additional-costs table td:nth-child(2),
#price-total table td:nth-child(2) {
  text-align: right;
}

#price-total table td h3 {
  color: #373737;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  margin-top: 0;
  padding-top: 5px;
  border: 0;
}

#price-total table td:first-child {
  padding-left: 0;
}

#additional-costs td {
  position: relative;
}

#additional-costs tr.strikeout td:before {
  content: " ";
  position: absolute;
  top: 38%;
  left: 0;
  border-bottom: 1px solid #333;
  width: 100%;
  pointer-events: none;
}

#additional-costs tr.strikeout td:after {
  content: "\00B7";
  font-size: 1px;
}

.not-eligible {
  text-decoration: line-through;
}

.tooltip-inner.events {
  width: 150px;
}

#extras select.form-control {
  display: inline-block;
  width: initial;
}

#event-registrations ul {
  list-style-type: square;
}

/* EVENTS */

/* .event h3 {
	border-top: 1px solid #eee;
	padding-top: 10px;
} */

.event .date {
  float: left;
  margin-right: 10px;
  position: relative;
  text-align: center;
  border: 1px solid #cfcfcf;
  padding: 0 12px 2px 12px;
  border-radius: 3px;
  line-height: 100%;
  border-top: 5px solid #cfcfcf;
}

.event .date .day {
  font-family: "Open Sans Condensed";
  font-size: 2em;
  line-height: 100%;
  font-weight: bold;
  color: #373737;
}

.event .date .month {
  font-family: "Open Sans Condensed";
  font-size: 1.5em;
  line-height: 80%;
  color: #cd2626;
}

.event.sm .date {
  padding: 0 0 4px 0;
  min-width: 40px;
}

.event.sm .date .day {
  font-size: 1.5em;
}

.event.sm .date .month {
  font-size: 1em;
}

.event.sm .meta-data {
  overflow: auto;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.event-img-container {
  height: 500px;
  background-position-y: center !important;
  background-size: cover;
  background-repeat: no-repeat;
}

.event-content img {
  max-width: 100% !important;
  height: auto !important;
}

div.step-number {
  margin: auto;
  display: table;
  text-align: center;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  border: 3px solid #f2801f;
  color: #f2801f;
  font-weight: 700;
  margin-top: 4px;
}

div.step-number span {
  display: table-cell;
  vertical-align: middle;
}

#bedrijvenregister .panel-footer {
  min-height: 47px;
  text-align: center;
}

#bedrijvenregister .panel-footer button {
  margin-top: 5px;
}

@media (max-width: 767.98px) {
  #bedrijvenregister .alert-subtle a {
    font-size: 14px;
  }
}

.amount {
  font-weight: 700;
}

#poweredby-matrixian img {
  width: 120px;
  display: inline-block;
}

#export-buttons .dropdown-menu {
  margin: 0;
  right: 0;
  left: initial;
}

#vastgoedclub-news-container .news-item {
  max-height: 138px;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
}

#vastgoedclub-news-container .news-item .news-title {
  display: block;
  position: absolute;
  bottom: 15px;
  width: 80%;
  color: #fff;
  padding: 5px;
  font-size: 0.8em;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  pointer-events: none;
}

#vastgoedclub-news-container .news-item .no-image {
  height: 138px;
  background-color: #f2801f15;
}

#news-album-images .slick-prev,
#news-album-images .slick-next,
#object-images-container .slick-prev,
#object-images-container .slick-next {
  top: 50% !important;
}

#news-album-images .slick-track {
  display: flex;
  min-height: 1px; /* IE11 fix for align-item */
  align-items: center;
}

#news-album-images img {
  max-height: 360px;
  margin: auto;
}

.overlay-fade {
  display: none;
  height: 50px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
}

#search-terms {
  min-height: 34px;
}

.location-and-range-item p {
  margin-top: 5px;
  margin-bottom: 0;
}

.loading-data {
  text-align: center;
  color: #ddd;
}

#view-results.btn {
  border-radius: 100%;
  width: 64px;
  height: 64px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 3;
}

ul.cities,
ul.types {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  #search-filters {
    border-right: 1px solid #eee;
  }
}

#search-filters {
  line-height: 20px;
}

#remove-term-items {
  margin-top: 10px;
  min-height: 23px;
}

#remove-term-items li {
  float: left;
}

.vj-dropdown-menu {
  margin: 10px 0;
}

.vj-dropdown-menu li {
  padding-left: 0;
}

.vj-dropdown-menu li a {
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 400;
  font-size: 1.1em;
  padding: 4px 7px 4px 7px;
  border-radius: 2px;
  text-align: center;
  position: relative;
  color: #000;
}

@media (min-width: 768px) {
  .vj-dropdown-menu li a:hover,
  .vj-dropdown-menu li a.active {
    border-radius: 2px;
    border-color: #000;
    -webkit-box-shadow: inset 0px 0px 0px 1px #000;
    -moz-box-shadow: inset 0px 0px 0px 1px #000;
    box-shadow: inset 0px 0px 0px 1px #000;
  }
}

.min-height-zero {
  min-height: 0 !important;
}

.transition-margin-top {
  transition: margin-top 200ms;
}

#search-filters .slider-handle {
  width: 12px;
  border-radius: 3px;
  height: 24px;
  top: -2px;
  background-color: #cd2626;
  background-image: initial;
  box-shadow: 0 -2px 0 0 inset #b11116;
  border: 1px solid #b11116;
}

#search-filters .slider.slider-horizontal {
  margin-top: 10px;
  margin-left: 11px;
  width: 220px;
}

#search-filters .input-group-addon {
  width: 52px !important;
}

#search-results-header {
  overflow: hidden;
}

#search-results-header h2 {
  float: left;
}

#search-results-header select#sort-results {
  margin-top: 10px;
  float: right;
  width: auto;
}

#loading-box-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 120px;
  text-align: center;
  z-index: 2;
  display: none;
}

#loading-box {
  border-radius: 10px;
  background-color: rgba(229, 229, 229, 0.75);
  font-size: 72px;
  padding: 72px;
  display: inline-block;
}

.price-range.lease,
.price-range.buy {
  display: none;
}

a#filters-mobile {
  color: #cd2626;
}

@media (max-width: 991.98px) {
  #search-filters-container {
    display: none;
  }
}

@media (min-width: 992px) {
  #search-filters-container {
    display: block !important;
  }
}

table.table.my-tags td {
  vertical-align: middle;
}

label.checked i {
  color: #cd2626;
}

#cases h3 a {
  text-decoration: none;
}

#cases h3 {
  font-weight: 700;
}

#cases ul.list-unstyled {
  padding-left: 12px;
}

#cases .panel-heading h3 {
  margin-top: 5px;
}

#cases .case {
  position: relative;
  margin-bottom: 30px;
}

#cases .case .case-title {
  position: absolute;
  bottom: 10px;
  width: 80%;
  color: #fff;
  padding: 5px 10px 5px 10px;
  background: rgba(0, 0, 0, 0.5);
}

#cases .case .case-title p {
  margin: 0;
  font-weight: 700;
}

.panel.active-subscription h1,
.panel.active-subscription h2,
.panel.active-subscription h3,
.panel.active-subscription h4,
.panel.active-subscription h5,
.panel.active-subscription h6,
.panel.inactive-subscription h1,
.panel.inactive-subscription h2,
.panel.inactive-subscription h3,
.panel.inactive-subscription h4,
.panel.inactive-subscription h5,
.panel.inactive-subscription h6 {
  margin: 0 0 10px 0;
}

.panel.active-subscription {
  border: 1px solid #cd2626;
}

#copy-successful {
  opacity: 0;
  transition: opacity 400ms;
}

/*Cookie notification*/
#cookie-notification {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  box-shadow: 0 -1px 5px -2px #333;
  background: #fff;
  padding: 15px;
}

#cookie-notification .btn {
  margin: 0;
}

#cookie-notification .alert {
  overflow: auto;
}

.cookie-notification-embed {
  position: relative;
}

unscript {
  display: none;
}

.notifications a.close {
  text-decoration: none;
}

.stickyme {
  position: static;
}

.img-div div.category-label {
  position: absolute;
  left: 10px;
  margin-left: 15px;
  top: 10px;
}

.category-label {
  padding: 5px;
  border-radius: 3px;
  display: inline-block;
}

.category-label img {
  height: 20px;
}

.category-label.label-vn {
  background-color: #cd2626;
}

.category-label.label-bn {
  background-color: #2384c6;
}

.krajee-default.file-preview-frame .kv-file-content {
  width: auto !important;
  height: auto !important;
}

.form-control.wysihtml5-editor {
  height: 100% !important;
}

.select2-container--default .select2-selection--single,
.select2-selection.select2-selection--multiple {
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.input-group.file-caption-main .input-group-btn .btn {
  height: 38px;
}

.alert-agreements {
  overflow: hidden;
}

body.form-control {
  border: 0 !important;
}

.nowrap {
  white-space: nowrap;
}

#dropzone-container {
  width: 100%;
  height: 200px;
  margin-bottom: 5px;
  transition: height 800ms;
  overflow: hidden;
  display: flex;
}

#dropzone {
  border: 2px dashed #929292;
  border-radius: 3px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  transition: height 800ms;
  overflow: hidden;
}

#dropzone.active,
.image-upload-wrap.image-dropping {
  border-color: #999;
  border-width: 2px;
  background-color: #eee;
}

#dropzone > span,
#dropzone > p {
  flex: 0 0 100%;
  text-align: center;
  pointer-events: none;
}

@media (max-width: 767.98px) {
  #dropzone {
    height: auto;
    border: none;
  }

  #dropzone #placeholder {
    display: none;
  }

  #dropzone > span {
    text-align: left;
  }
}

#dropzone #placeholder {
  font-family: "Open Sans Condensed", sans-serif;
  margin: auto;
  font-size: 1.6em;
  pointer-events: none;
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
  color: #cd2626;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  max-width: 80%;
  font-size: 1.25rem;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}

#maxFiles {
  display: none;
  color: #a94442;
  font-weight: 700;
}

.article-body h1,
.article-body h2,
.article-body h3 {
  font-size: 1.5em;
}

.note-status-output {
  display: none !important;
}

#fileList-msg {
  margin-top: 7px;
}

p#error-msg {
  font-weight: 700;
}

#cke_introduction .cke_top {
  display: none;
}

#cke_introduction #cke_2_path {
  display: none;
}

[id^="cke_"][id*="_contents"] {
  padding: 6px 12px;
}

[id^="cke_"][id*="_contents"] iframe {
  border: 0 !important;
}

/* PANEL GREEN */

.panel-green {
  border: 1px solid #005f58;
}

.panel-green h2 {
  margin-top: 10px;
}

.panel-green .panel-heading,
.panel-green .panel-footer {
  background-color: #005f58;
  color: #fff;
}

.panel-green .fa {
  color: #005f58;
}

.panel-green .panel-footer .btn-green {
  background-color: #005f58;
  border: 1px solid #fff;
  color: #fff;
}

.panel-green .panel-footer .btn-green i {
  color: #fff;
}

.panel-green .panel-footer .btn-green:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #005f58;
}

/* PANEL RED */

.panel-red {
  border: 1px solid #cd2626;
}

.panel-red h2 {
  margin-top: 10px;
}

.panel-red .panel-heading,
.panel-red .panel-footer {
  background-color: #cd2626;
  color: #fff;
}

.register-usp .fa,
.panel-red .fa {
  color: #cd2626;
}

.panel-red .panel-footer .btn-red {
  background-color: #cd2626;
  border: 1px solid #fff;
  color: #fff;
}

.panel-red .panel-footer .btn-red:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #cd2626;
}

/* LABEL GREEN */

.label-green {
  background-color: transparent;
  color: #005f58;
  border: 1px solid #005f58;
}

/* LABEL RED */

.label-red {
  background-color: transparent;
  color: #cd2626;
  border: 1px solid #cd2626;
}

.label-white {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}

#articles article h2 {
  margin-top: 0px;
  word-break: break-word;
}

@media (max-width: 767px) {
  article .introduction h2 {
    font-size: 1.5em;
  }
}

/* BACKGROUND RED */

.background-red h2 {
  color: #fff;
}

.background-red {
  background: rgb(152, 0, 8);
  background: linear-gradient(90deg, rgba(152, 0, 8, 1) 0%, rgba(237, 28, 36, 1) 50%, rgba(152, 0, 8, 1) 100%);
}

.background-red .btn-red {
  color: #fff;
  border: 1px solid #fff;
}

img.visual-top {
  margin-top: -3px;
}

nav .highlight:not(.active) {
  background-color: #ea151a;
  border-radius: 3px;
  margin-top: 4px;
  margin-right: 6px;
}

nav.navbar-default li.highlight:not(.active) a {
  color: #fff;
  margin: 4px;
  padding: 4px;
}

nav.navbar-default li.highlight:hover:not(.active) {
  background-color: #fff;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 0px 1px #cd2626;
  -moz-box-shadow: inset 0px 0px 0px 1px #cd2626;
  box-shadow: inset 0px 0px 0px 1px #cd2626;
}

nav.navbar-default li.highlight:hover a {
  color: #cd2626;
}

.sidebar.page,
.sidebar.article .meta {
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid #929292;
}

.sidebar.article .meta .fa {
  color: #cd2626;
}

.press-only .subtitle {
  font-weight: 600;
  font-size: 1.1em;
  display: block;
}

#btn-download-press-kit:hover .fa {
  color: #fff !important;
}

div.embargo {
  border: 2px solid #ea151a;
  border-radius: 3px;
  padding: 6px 8px;
}

div.embargo i {
  color: #ea151a;
}

.introduction .introduction-text {
  margin-bottom: -5px;
}

#form-add-message .form-group {
  position: relative;
}

.btn-clear {
  position: absolute;
  bottom: 6px;
  right: 0;
  background: transparent;
  border: none;
  color: #929292;
}

.help-block-bg {
  background-color: #ededed;
  border-radius: 3px;
  border: 1px solid #929292;
  display: block;
  margin-top: -15px;
  margin-bottom: 15px;
  color: #737373;
  padding: 10px;
}

.form-group.buttons .btn {
  margin-right: 10px;
}

/* ---------- Image upload field css ---------- */
.image-upload-wrap {
  border: 2px dashed #929292;
  border-radius: 3px;
  position: relative;
}

.image-upload-wrap .btn,
.btn.btn-search {
  background-color: #cd2626;
  box-shadow: inset 0 -2px 0 0 #830108;
  border: 1px solid #830108;
  color: #ffffff;
  cursor: pointer;
  position: relative;
}

.image-upload-wrap .btn:hover,
.btn.btn-search:hover {
  box-shadow: inset 0 -2px 0 0 #a70109;
  border: 1px solid #830108;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.drag-text {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 45px;
}

.drag-text h3 {
  font-weight: 100;
  text-transform: uppercase;
  color: #cd2626;
  padding: 0;
  margin-bottom: 10px;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-image {
  max-width: 105%;
  margin-left: -30px;
  margin-right: -30px;
  padding: 20px;
}

.remove-image {
  margin: 0;
  color: black;
  padding: 10px;
  transition: all 0.2s ease;
  outline: none;
  border-radius: 3px;
  display: table;
  text-decoration: none;
}

#fileList {
  text-align: left;
}

.remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all 0.2s ease;
  cursor: pointer;
}

.remove-image:active {
  border: 0;
  transition: all 0.2s ease;
}

.image-title-wrap {
  text-align: left;
}

a.tag:focus {
  color: #293a59;
}

.display-inline {
  display: inline;
}

.btn-primary {
  background-color: #cd2626 !important;
  border: 0;
}

.btn .toggle-on,
.btn .toggle-off {
  font-weight: 700;
}

/* Webalerts */

.web-alert .uitgelicht {
  background-color: #830108;
  border-radius: 2px;
  padding: 3px 8px;
  color: #fff;
  text-transform: lowercase;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  display: inline-block;
}

.web-alert a.web-alert-close {
  position: relative;
  color: inherit;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  text-decoration: none;
}

.web-alert {
  background-color: #fff;
  border-radius: 3px;
  color: #000;
  border: 1px solid #ff4337;
  padding: 15px;
  margin: 20px 0;
  box-sizing: border-box;
  word-break: keep-all;
}

.web-alert-body {
  overflow: auto;
}

.web-alert-body img {
  max-width: 100%;
  height: auto !important;
}

.web-alert h1,
.web-alert h2,
.web-alert h3,
.web-alert h4,
.web-alert h5,
.web-alert h6 {
  margin-top: 0 !important;
}

.btn-web-alert {
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  box-shadow: inset 0 -2px 0 0 #cd2626;
  font-weight: 700;
  font-size: 1.4rem;
  height: 34px;
  line-height: 1.8rem;
  margin-bottom: 0.8rem;
  outline: none;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.1s linear;
  cursor: pointer;
  display: inline-block;
}

.btn-web-alert-primary {
  background: #cd2626;
  border-color: #cd2626;
  box-shadow: inset 0 -2px 0 0 #cd2626;
  color: #fff;
}

.btn-web-alert.btn-web-alert-primary:focus,
.btn-web-alert.btn-web-alert-primary:hover,
.btn-web-alert.btn-web-alert-primary:active {
  background: #b3020a;
  border-color: #b3020a;
  color: #fff !important;
  text-decoration: none;
}

.btn-web-alert-secondary {
  border-color: rgb(204, 204, 204);
  box-shadow: inset 0 -2px 0 0 #eee;
  color: #cd2626;
  margin-left: 15px;
  background: #fff;
}

.btn-web-alert-secondary:focus,
.btn-web-alert-secondary:hover,
.btn-web-alert-secondary:active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  text-decoration: none;
}

ins {
  display: block;
  text-decoration: none !important;
}

.margin-top-130 {
  margin-top: 130px;
}

ul.calendar.event.sm li {
  overflow: auto;
  margin-bottom: 0;
}

.special-card-body ul li,
aside ul li {
  border-bottom: 1px solid #f2f2f2;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #666;
  padding: 8px 0;
}

.location-time p {
  margin: 0;
}

.event h3 {
  border-top: 1px solid #eee;
  padding-top: 10px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #ea151a;
  font-family: "Roboto Condensed", sans-serif;
}

.event h4 {
  color: #ea151a;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
}

#event-meta-data {
  overflow: auto;
}

#event-meta-data.overlay {
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.8);
}

.position-relative {
  position: relative;
}

.sidebar aside {
  border-top: 3px solid #000;
  background-color: #fff;
}

ins .img-a-b {
  width: 100%;
}

.name-fields-container {
  display: none;
}

.sidebar {
  will-change: min-height;
}

.sidebar-inner {
  transform: translate(0, 0); /* For browsers don't support translate3d. */
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}

.mailer_message_success {
  display: none;
}