/*
 * Basics
 */
.animate {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.animate-none {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
input,
textarea,
button {
  outline: none;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.body .left h2 {
  text-align: left;
}
.right {
  text-align: right;
}
img.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}
img.alignright {
  float: right;
  margin: 0 0 10px 10px;
}
/*
 * Swipebox
 */
#swipebox-overlay {
  background: rgba(0, 0, 0, 0.8);
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  background: transparent;
  bottom: 48%;
}
#swipebox-bottom-bar.visible-bars {
  transform: none;
  -webkit-transform: none;
}
#swipebox-arrows {
  width: 100% !important;
  max-width: none !important;
}
/*
 * Theme
 */
html,
body {
  font-size: 10px;
}
body {
  padding-top: 150px;
  font-family: 'proxima-nova', sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
}
.header .container {
  padding: 0;
}
.green {
  color: #ffffff;
  background-color: #00a9cb;
}
.grey {
  background-color: #ebebeb;
}
.white {
  background-color: #ffffff;
}
.navbar {
  border: 0;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
.navbar .navbar-header .navbar-brand {
  padding: 30px 0 20px 0;
  height: auto;
}
.navbar .navbar-collapse {
  float: right;
}
.navbar .navbar-collapse .navbar-nav li a {
  padding: 55px 10px 37px 10px;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.navbar .navbar-collapse .navbar-nav li a:hover,
.navbar .navbar-collapse .navbar-nav li a:focus {
  color: #00a9cb;
  background: transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.navbar .navbar-collapse .navbar-nav li.current-menu-item a {
  color: #00a9cb;
  border-bottom: 4px solid #00a9cb;
}
.navbar .navbar-collapse .navbar-nav li.current-menu-item .sub-menu a {
  color: #000000;
  border-bottom: 4px solid #00a9cb;
}
.nav.secondary {
  text-align: right;
}
.nav.secondary li {
  padding: 15px 0;
  display: inline-block;
}
.nav.secondary li a {
  padding: 0 10px;
  margin: 0;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.nav.secondary li a:hover,
.nav.secondary li a:focus {
  background: none;
  color: #000000;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.nav.secondary li.social {
  margin: 0 0 0 1rem;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.nav.secondary li.social a {
  display: none;
}
.nav.secondary li.social:hover {
  color: #000000;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.nav.secondary li:last-of-type a {
  border-right: 0;
}
.nav.secondary li.current-menu-item a {
  color: #000000;
}
.head .homepage {
  height: 500px;
}
.head .homepage .title {
  padding-top: 120px;
}
.head .homepage h1 {
  margin: 0;
  line-height: 1.3;
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.head .green {
  padding: 15px 0;
}
.head .green .btn {
  margin-top: 15px;
}
.head .sub-page {
  height: 310px;
  color: #ffffff;
  text-shadow: 0 0 15px #000000;
}
.head .sub-page h1,
.head .sub-page h2 {
  margin: 8rem 0 0 0;
  display: block;
  font-size: 3.4rem;
  font-weight: 700;
  text-align: center;
}
.head .sub-page h1 .line,
.head .sub-page h2 .line {
  position: relative;
  top: -2rem;
  display: inline-block;
  width: 8%;
  border-bottom: 4px solid #ffffff;
}
.head .project h2 {
  margin-top: 10rem;
}
.full {
  padding: 0;
}
.popup {
  position: fixed;
  top: 30%;
  right: -500px;
  z-index: 10000;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background-color: #00a9cb;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.popup p {
  margin: 0.5rem 0;
}
.popup a {
  display: inline-block;
  padding: 2rem;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.popup a:hover {
  color: #cbf6ff;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a.btn {
  padding: 8px 50px;
  font-size: 1.6rem;
  color: #ffffff;
  background-color: #000000;
  border: 0;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a.btn:hover {
  color: #ffffff;
  background-color: #333333;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.gallery {
  padding: 6rem 0;
}
.gallery.archive {
  padding-top: 0;
}
.gallery .col-sm-6,
.gallery .col-sm-4,
.gallery .col-sm-3 {
  padding: 1rem;
}
.gallery .image {
  width: 100%;
  height: 30rem;
}
.gallery .image a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.gallery .image a:hover {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.gallery .image a .title {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.5rem;
  text-align: center;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
}
.gallery .col-sm-6 .image {
  height: 40rem;
}
.body h1,
.body h2 {
  display: block;
  margin: 8rem 0 5rem 0;
  font-size: 3.4rem;
  font-weight: 700;
  text-align: center;
}
.body h1 .line,
.body h2 .line {
  position: relative;
  top: -2rem;
  display: inline-block;
  width: 8%;
  border-bottom: 4px solid #00a9cb;
}
.body a:not(.btn) {
  color: #00a9cb;
}
.body a:not(.btn):hover {
  text-decoration: underline;
}
.body.sub-page {
  padding-bottom: 6rem;
}
.body.sub-page h3 {
  margin: 6rem 0 0.7rem 0;
  font-size: 2.3rem;
  font-weight: 700;
}
.body.highlight {
  padding: 0 0 6rem 0;
}
.body.highlight h2 {
  margin: 6rem 0 1rem 0;
}
.body .video {
  margin-top: 6rem;
}
.body .video img {
  width: 100%;
  height: auto;
}
.body p iframe {
  text-align: center;
  margin: 2rem 0 0 0;
}
.team {
  padding-bottom: 15px;
  padding-top: 15px;
}
.team .img img {
  width: 100%;
  height: auto;
}
.team .tag {
  padding: 5px;
  background-color: #00a9cb;
  color: #ffffff;
}
.team .tag p {
  margin: 0;
}
.strengths {
  margin: 0 0 4rem 0;
  padding: 0;
  list-style: none;
}
.strengths li {
  margin: 0;
  padding: 140px 0 0 0;
  float: left;
  display: inline-block;
  width: 20%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
}
.strengths li.vakman {
  background-image: url('https://homeprotec.be/wp-content/themes/customtheme/img/icon-vakman.jpg');
}
.strengths li.waarborg {
  background-image: url('https://homeprotec.be/wp-content/themes/customtheme/img/icon-waarborg.jpg');
}
.strengths li.offerte {
  background-image: url('https://homeprotec.be/wp-content/themes/customtheme/img/icon-offerte.jpg');
}
.strengths li.fouten {
  background-image: url('https://homeprotec.be/wp-content/themes/customtheme/img/icon-fouten.jpg');
}
.strengths li.service {
  background-image: url('https://homeprotec.be/wp-content/themes/customtheme/img/icon-service.jpg');
}
.strengths li.tools {
  background-image: url('https://homeprotec.be/wp-content/themes/childtheme/img/icon-tools.jpg');
}
.strengths li.mind {
  background-image: url('https://homeprotec.be/wp-content/themes/childtheme/img/icon-mind.jpg');
}
.strengths li.vijftien {
  background-image: url('https://homeprotec.be/wp-content/themes/childtheme/img/icon-15j.jpg');
}
.strengths li.tweevier {
  background-image: url('https://homeprotec.be/wp-content/themes/childtheme/img/icon-24h.jpg');
}
.strengths li.forward {
  background-image: url('https://homeprotec.be/wp-content/themes/childtheme/img/icon-forward.jpg');
}
.services {
  padding: 5px 0 0 120px;
  margin: 3rem 0 0 0;
  min-height: 100px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100px;
}
.services h3 {
  margin-top: 1rem !important;
}
.services.vakman {
  background-image: url('https://homeprotec.be/wp-content/themes/customtheme/img/icon-vakman.jpg');
}
.services.waarborg {
  background-image: url('https://homeprotec.be/wp-content/themes/customtheme/img/icon-waarborg.jpg');
}
.services.offerte {
  background-image: url('https://homeprotec.be/wp-content/themes/customtheme/img/icon-offerte.jpg');
}
.services.fouten {
  background-image: url('https://homeprotec.be/wp-content/themes/customtheme/img/icon-fouten.jpg');
}
.services.service {
  background-image: url('https://homeprotec.be/wp-content/themes/customtheme/img/icon-service.jpg');
}
.services.tools {
  background-image: url('https://homeprotec.be/wp-content/themes/childtheme/img/icon-tools.jpg');
}
.services.mind {
  background-image: url('https://homeprotec.be/wp-content/themes/childtheme/img/icon-mind.jpg');
}
.services.vijftien {
  background-image: url('https://homeprotec.be/wp-content/themes/childtheme/img/icon-15j.jpg');
}
.services.tweevier {
  background-image: url('https://homeprotec.be/wp-content/themes/childtheme/img/icon-24h.jpg');
}
.services.forward {
  background-image: url('https://homeprotec.be/wp-content/themes/childtheme/img/icon-forward.jpg');
}
.tasks {
  margin: 6rem 0 0 0;
}
.tasks .col-sm-6 {
  margin-bottom: 3rem;
}
.tasks .image {
  position: relative;
  padding: 4rem;
  height: 375px;
  color: #ffffff;
  text-shadow: 0 0 10px #000000;
}
.tasks .image h3 {
  font-size: 2.8rem;
  font-weight: 700;
}
.tasks .image .bottom {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 3rem;
  width: 100%;
  text-align: center;
}
.tasks .image a.btn {
  padding: 10px 75px;
}
.buttons {
  padding-top: 3rem;
  padding-bottom: 8rem;
}
.c2a {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.c2a p {
  margin: 1rem 0;
}
.forms {
  margin: 6rem 0 0 0;
}
.form-groups .form-group input[type=text],
.form-groups .form-group input[type=email],
.form-groups .form-group textarea {
  border: 1px solid #000000;
  border-radius: 0;
}
.form-groups .form-group input[type=submit] {
  padding: 8px 50px;
  font-size: 1.6rem;
  color: #ffffff;
  background-color: #000000;
  border: 0;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.form-groups .form-group input[type=submit]:hover {
  color: #ffffff;
  background-color: #333333;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.posts .post {
  margin: 0 0 10rem 0;
}
.posts .post .thumb img {
  width: 100%;
  height: auto;
}
.posts .post header h3 {
  margin: 0 0 2rem 0;
  font-size: 2.8rem;
  font-weight: 700;
}
.posts .post header em {
  display: block;
  margin: 0 0 2rem 0;
  color: #00a9cb;
}
.posts .post p {
  margin: 0 0 4rem 0;
}
.posts .post p a {
  color: #00a9cb;
  text-decoration: underline;
}
.posts .post p a:hover,
.posts .post p a:focus {
  color: #00a9cb;
  text-decoration: none;
}
.footer .maps {
  position: relative;
}
.footer .col-sm-7 {
  height: 425px;
}
.footer #map {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.footer .green {
  padding: 2rem 7rem;
}
.footer .body {
  padding: 0;
}
.footer .body a {
  color: #ffffff;
}
.footer .body a:hover {
  color: #ffffff;
}
.footer .body a.btn {
  margin: 2rem 0 0 0;
}
.footer .fa {
  margin: 0 0.5rem 0 0;
  font-size: 2rem;
}
.footer .credits {
  padding: 4rem 0 3rem 0;
}
.footer .credits a {
  color: #000000;
}
.footer .credits a:hover {
  color: #000000;
}
.footer img {
  height: 100%;
  width: auto;
}