@charset "UTF-8";
.main-nav .logo img {
  margin-top: 0px;
}

.main-nav.body-scrolled .logo img {
  margin-top: 0px;
}

.bodytop {
  width: 100%;
  height: 120px;
  /*
  background: linear-gradient(
  	to right,
  	$blauw 0%,
  	$blauw 55%,
  	$oker 55%,
  	$oker 100%
  );
  */
}

.main-nav.body-scrolled {
  border-bottom: 5px solid transparent;
  border-image: linear-gradient(0.6turn, rgb(158, 114, 53), rgb(37, 73, 108));
  border-image-slice: 1;
  width: 100%;
}

.main-nav.wit {
  background-color: rgba(255, 255, 255, 0.99) !important;
}

.inner-nav ul li a, .inner-nav ul li a {
  color: rgb(37, 73, 108);
  opacity: 1;
  text-decoration: none;
}

.inner-nav ul li a:hover, .inner-nav ul li a.active {
  color: rgb(158, 114, 53);
  opacity: 1;
  text-decoration: none;
}

.body-scrolled .inner-nav ul li a, .body-scrolled .inner-nav ul li a, .js-no-transparent-white .inner-nav ul li a, .js-no-transparent-white .inner-nav ul li a {
  color: rgb(37, 73, 108);
}

.body-scrolled .inner-nav ul li a:hover, .body-scrolled .inner-nav ul li a.active, .js-no-transparent-white .inner-nav ul li a:hover, .js-no-transparent-white .inner-nav ul li a.active {
  color: rgb(158, 114, 53);
}

.split-background {
  position: absolute;
  top: 0;
  right: 0;
  width: 45.187%;
  height: 100%;
  background: rgba(158, 114, 53, 0.3);
}

.bg-dark.light-content {
  background-color: rgb(37, 73, 108) !important;
}

.bg-oker {
  background-color: rgb(158, 114, 53);
  color: #fff;
}

.blue, .blauw {
  color: rgb(37, 73, 108);
}

.oker {
  color: rgb(158, 114, 53);
}

a.btn-blue {
  color: #fff;
  background-color: rgb(37, 73, 108);
}

a.btn-blue:hover {
  color: #fff;
  background-color: rgb(54, 118, 158);
}

a.btn-oker {
  color: #fff;
  background-color: rgb(158, 114, 53);
}

a.btn-oker:hover {
  color: #fff;
  background-color: rgb(94, 78, 56);
}

a:link.blauw, a:visited.blauw {
  color: rgb(37, 73, 108);
}

a:hover.blauw, a:active.blauw {
  color: rgb(158, 114, 53);
}

.btn-blauw {
  color: #fff;
  background-color: rgb(37, 73, 108);
}

.btn-blauw:hover {
  color: #fff;
  background-color: rgb(158, 114, 53);
}

.border-oker {
  border-color: rgb(158, 114, 53);
}

.services-icon {
  font-size: 60px;
}

.diensten img {
  max-width: 240px;
}

.works-grid.hover-white .work-item .work-img:after {
  background: rgba(37, 73, 108, 0.5) !important;
}

.works-grid.hover-white .work-item .work-img img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.works-grid.hover-white .work-item:hover .work-img:after {
  background: transparent !important;
}

.works-grid.hover-white .work-item:hover .work-img img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.work-item .work-intro {
  color: #fff;
  -webkit-transform: translateY(-115px);
  transform: translateY(-150px);
  z-index: 3;
}

.work-item:hover .work-intro {
  color: rgb(37, 73, 108);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 3;
}

.work-intro1 {
  /*padding-top: 10px;
  text-align: center;*/
}

.ci-icon:before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(37, 73, 108);
  border-radius: 50%;
}

.footer-social-links a:before {
  background: rgb(37, 73, 108) !important;
}

.footer-social-links a:hover:before {
  background: rgb(94, 78, 56) !important;
}

.works-grid.hover-white .work-item:hover .work-intro h3.work-title:after {
  color: rgb(37, 73, 108) !important;
}

.works-grid.hover-white .work-item:hover .work-intro, .works-grid.hover-white .work-item:hover .work-title, .works-grid.hover-white .work-item:hover .work-descr {
  color: rgb(37, 73, 108) !important;
}

.banner-image-1 {
  width: 56.3%;
  margin: -30px 0 0 0;
  overflow: hidden;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg);
}

.banner-image-2 {
  position: absolute;
  left: 20%;
  bottom: -10px;
  width: 45.5%;
  overflow: hidden;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg);
}

.banner-image-3 {
  position: absolute;
  right: 0px;
  top: 0px;
  margin: -15px 0 0 0;
  width: 40.5%;
  overflow: hidden;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg);
}

.banner-image-3 img {
  width: 100%;
}

.mobile-on .desktop-nav ul {
  width: 100%;
  float: none;
  background: rgb(37, 73, 108);
  position: relative;
  overflow-x: hidden;
}

.js-opened a {
  color: #fff !important;
}

.js-opened a:hover {
  color: rgb(158, 114, 53) !important;
}

.pivacy h3 {
  font-size: 120%;
}

.pivacy h4 {
  font-size: 100%;
}

#toTop .arrowtotop {
  position: absolute;
  z-index: 20;
  display: none;
}

#toTop:hover .arrowtotop {
  position: absolute;
  z-index: 20;
  display: block;
  top: 5px;
  right: 0px;
  font-size: 40px;
  color: #fff;
  background-color: rgb(37, 73, 108);
  border-radius: 20px;
}

.bgtotop {
  position: absolute;
  z-index: 10;
  right: 0px;
}

img.homevnlogo {
  position: absolute;
  display: block;
  z-index: 20;
  width: 50px;
  height: 50px;
  left: 70%;
  bottom: 10%;
}

ul.li-oker {
  list-style: none;
  margin: 0 0 0.5em 0;
  padding: 0;
}

ul.li-oker li {
  padding-left: 1.5em;
}

ul.li-oker li::before {
  content: "• ";
  position: absolute;
  color: rgb(158, 114, 53);
  left: 0.5em;
}

/*
Container max-width	None (auto)	540px	720px	960px	1140px	1320px
*/
@media (max-width: 720px) {
  /*img.homevnlogo{
  		position: absolute;
  		display: block;
  		z-index: 20;
  		width: 150px;
  		height: 150px;
  		bottom: 100px;
  		right: 1000px;
  	}
  */
}
@media (min-width: 720px) {
  img.homevnlogo {
    position: absolute;
    display: block;
    z-index: 20;
    width: 100px;
    height: 100px;
    left: 85%;
    bottom: 10%;
  }

  .main-nav .logo img {
    margin-top: 60px;
  }
}
@media (max-width: 960px) {
  img.homevnlogo {
    position: absolute;
    display: block;
    z-index: 20;
    width: 120px;
    height: 120px;
    bottom: -30px;
    right: -30px;
  }
}
@media (min-width: 991px) {
  .main-nav .logo img {
    margin-top: 120px;
  }

  img.homevnlogo {
    position: absolute;
    display: block;
    z-index: 20;
    width: 150px;
    height: 150px;
    bottom: -30px;
    right: -30px;
  }
}

/*# sourceMappingURL=verbanata.css.map */