body{background-image: url('/asset/images/2010-12-25-Molen-8.webp')!important; background-color: #031634;}
/* ==========================================================
*
*
! Vertica - LESS Theme Builder
*
*
========================================================== */
/* ==========================================================
! EDIT THE COLORS BELOW
========================================================== */
/* ==========================================================
! GENERAL 
========================================================== */
h1,
h2 {
  color: #00af3f;
}

.color1 {
   color: #00af3f;
}
h3 {
  color: #222;
}
.btn-default {
  background: #222;
  border: #222;
  opacity: 0.9;
}
.btn-default:hover {
opacity: 1.0;
}
.btn-primary {
  background: #00af3f;
  border: #00af3f;
}
.btn-primary:hover {
  background: #009e9c !important;
}
.btn-secondary {
  background: #da222b;
  border: #da222b;
}
.btn-secondary:hover {
  background: #c9111a !important;
}
/* ==========================================================
! Tipography
========================================================== */
p {
  color: #333333;
}
.intro-title1 {
  color: #222222;
  border-bottom: 1px solid #00af3f;
}
.intro-title2 {
  color: #555555;
}
.section-title {
  color: #222; //#031634;
}
.section-item-title-1 {
  color: #222; //#031634;
}
/* ==========================================================
! PAGE LOADER 
========================================================== */
#page-loader {
  background: #001c36;
  color: #00af3f;
}
/* ==========================================================
! HEADER COLORS
========================================================== */
.top-color {
  background: #00af3f;
}
/*.top-color1 {
  background: #00af3f;
}
.top-color2 {
  background: #031634;
}
.top-color3 {
  background: #da222b;
}
 ==========================================================
! SIDE MENU
========================================================== */
.side-menu-button {
  background: #333;
  opacity: 0.9;
}
.side-menu {
  background: #111;
}
.side-menu-nav li a:hover {
  color: #fff;
}
.side-menu-nav li.active a {
  color: #fff;
}
#side-menu-close {
  color: #fff;
}
/* ==========================================================
! GENERAL CONTENT
========================================================== */
/* ==========================================================
! PROFILE INTRO
========================================================== */
.profile-pic {
  border: 5px solid #00af3f;
}
/* ==========================================================
! TIMELINE PROGRESS
========================================================== */
.timeline-wrap {
  background: #00af3f;
}
.line-content {
  color: #333333;
}
.line-content .job-description a {
 color: #00af3f;
}
/* ==========================================================
! SECTIONS: EDUCATION AND WORK EXPERIENCE
========================================================== */
.graduation-time,
.job {
  color: #777777;
}
/* ==========================================================
! SECTION: SKILLS
========================================================== */
.progress > .progress-completed {
  color: #888;
}
.progress-bar {
  background: #00af3f;
}
.progress-bar-2 {
  background: #031634;
}
.progress-bar-3 {
  background: #da222b;
}
/* ==========================================================
! SECTION: PORTFOLIO
========================================================== */
.portfolio .line-content {
  height: 255px;
}
.portfolio-item .hover-bg {
  background: #008d8b;
}
.bx-prev,
.bx-next {
  background: #031634;
}
.bx-prev:hover,
.bx-next:hover {
  color: #fff;
  background: #000001;
}
/* ==========================================================
! SECTION: CONTACT
========================================================== */
input.form-control,
textarea.form-control {
  background: #2bd1cf;
  border: 1px solid #1ac0be;
}
.form-send {
  background: #031634;
  color: #fff;
}
.contact-subtitle-1 {
  color: #031634;
}
.modal-content .modal-title {
  color: #031634;
}
/* ==========================================================
! SECTION: THANK YOU
========================================================== */
.thank-you {
  color: #888888;
}
/* ==========================================================
! FOOTER
========================================================== */
#footer {
  background: #00af3f;
  color: #fff;
}
#footer p {
  color: #fff;
}

#maatschappelijk .timeline-work, #social .timeline-work {
  background: url('../images/progress-work2.png') no-repeat center center;
  background-size: 400px 500px;
}
.lastname {
  display: inline-block;
  color: #00af3f;
  font-weight: bold;
}
.resume-container {
  opacity: 0.98;
}
#sportieve-prestaties .timeline-point, #sporting-achievements .timeline-point {
  background: url('../images/progress-sport.png') no-repeat center center;
  background-size: 400px 500px;
}
@media (min-width:992px) and (max-height:1089px) {
  .timeline-bg {
    background: url('../images/timeline-bg.png') repeat-x center center fixed;
  }
}
@media (min-width:992px) and (min-height:1089px) {
  .timeline-bg {
    background: url('../images/timeline-bg2.png') repeat-x center center fixed;
  }
  #content-body{
    margin-top: 225px;
    margin-bottom: 450px;
  }
}
body {
	background-position: center;
}