.offcanvasRight .button .box {
display:none
}
.header-right-section nav {
  position:relative;
  float:left;
  margin: 0px 0px 0px 50px;
}

#hero {
  

background-position:center; 
 background-attachment:scroll;
-o-background-size:cover; 
-moz-background-size:cover; 
-webkit-background-size:cover; 
background-size:cover; 
background-repeat:no-repeat;
}


#hero {
  text-align:center;
  min-height:100vh; height:100vh; max-height:100vh;
}

#hero h2 {
    font-size: 20px;
 color: #fff;
}
#hero ul {
  margin: 30px 0px 0px 0px;
}

#hero h4 {
  font-size: 18px;
  color: #fff;
}

#hero #mod-custom165 {
  

  width: 350px;
  height: 100%;
  background: #000;
  opacity: .75;
margin: 50px auto;
padding: 10px;
  
}

.mx-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

.megamenu-container, .megamenu-container .nav-submenu  {
  border-top: 4px solid #1AA0E0;
  background-color: #ffffff;
  text-align:left;
}


.astroid-nav .nav-submenu .nav-item-submenu a {
  position:relative;
  float:left;
 width: 100%;
}

.astroid-nav .nav-submenu .nav-title, .astroid-nav .nav-submenu .nav-title .nav-title-text {
  position:relative;
  float: left;
  width: auto;
}

.astroid-nav .nav-submenu li:nth-child(odd) {
  background: #e4e4e4;
}

.astroid-nav .nav-submenu li:nth-child(even) {
  background: #f4f4f4;
}

.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active {
color: #fff;
  background-color: rgb(26, 160, 224);
}








#inhoud {
  position:relative;
  float:left;
  margin: auto;
 
}
.astroid-wrapper {
   background: #312F38;
  color: #fff;
}

.homepage .astroid-wrapper {
  color: #000;
  background: #fff;
}

.astroid-nav .nav-link {
 
  color: rgb(26, 160, 224);

}
.astroid-nav .nav-link:active, .astroid-nav .nav-link.active {
  background: rgb(26, 160, 224);
  color: #fff;
  border-radius: 8px;
}
.astroid-nav .nav-link:hover {
  color: #;
}

.astroid-header-sticky .astroid-nav .nav-link.active, .astroid-header-sticky .astroid-nav .nav-link:active {
  color: #fff;
}

#diensten {
  margin: 60px 0px 20px 0px;

 text-align: center;
}

#diensten .moduletable {
 background: rgba(26, 160, 224, .7);
  height: 267px;
    padding: 0px 0px 0px 0px;
  color: #fff;
}


.diensten1-position, .diensten2-position, .diensten3-position, .diensten4-position {
    position: relative;
 
    width: 100%;
    height: 267px;
background-attachment:scroll;
  

}

.diensten1-position a, .diensten2-position a, .diensten3-position a, .diensten4-position a {
position: relative;
  float: left;
    width: 100%;
    height: 267px;
  
 font-size: 1.5rem;
  color: #fff;
text-decoration: none;
 text-transform: uppercase;

place-content: center space-evenly;
  

}



_::-webkit-full-page-media, _:future, :root .safari_only {

.diensten1-position, .diensten2-position, .diensten3-position, .diensten4-position {
    position: relative;
 
    width: 100%;
    height: 267px;
background-attachment:scroll;
        display: flex;
  justify-content: center;
  align-items: center;

}

.diensten1-position a, .diensten2-position a, .diensten3-position a, .diensten4-position a {
position: relative;
  float: left;
    width: 100%;
    height: 267px;
  
 font-size: 1.5rem;
  color: #fff;
text-decoration: none;
 text-transform: uppercase;

place-content: center space-evenly;
  

}

}




.astroid-framework h1, .astroid-framework .h1 {
  font-weight: 400;
  text-transform: none;
  font-size: clamp(1.1rem, 2vw + 1rem, 2.2rem);
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  color: #1AA0E0;
}

.astroid-framework h2, .astroid-framework .h2 {
  font-weight: 200;
  text-transform: none;
  font-size: clamp(1.5rem, 5vw + 1rem, 2rem);
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
}

.items-row .article-title .page-header h2 {
  margin: 15px 0px;
  font-weight: 200;
  text-transform: none;
  font-size: 22px;
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
}

.items-row .article-title .page-header h2 a {
color: #1AA0E0;
text-decoration: none;

}



.footer-section {
  background: #1AA0E0;
}

.homepage #inhoud {
  display:none;
  
}

.homepage .footer-section {
  background: #112;
  margin: -20px 0px 0px 0px;
  z-index: 999;
}


.left-position.moduletable img, .right-position.moduletable img {

  margin: 0px 0px 20px 0px;
}

#rij1 {
  position:relative;
  float:left;
  text-align:center;
  background: #fff;
  margin: 0px;
  width: 100%;
}

.rij1 {
    position:relative;
  float:left;
 text-align:center;
  margin: 50px 0px 50px 0px;
  width: 100%;
padding: 20px 0px 0px 0px;
  color: #;
}


.rij2 .moduletable {
  
  margin: 50px;
}

#rij2 {
  position:relative;
  float:left;
  text-align:center;
  background: #1C9CD8;
  margin: auto;
  width: 100%;
}

.rij2 {
    position:relative;
  float:left;
 text-align:center;
  margin: auto;
  width: 100%;
padding: 20px 0px 0px 20px;
  color: #fff;
}


.rij3 .moduletable {
  
  margin: 10px;
}


#rij3 {
  position:relative;
  float:left;
  text-align:center;
  background: #fff;
  margin: 0px;
  width: 100%;
}

.rij3 {
    position:relative;
  float:left;
 text-align:center;
  margin: 50px 0px 50px 0px;
  width: 100%;
padding: 20px 0px 0px 0px;
  color: #;
}

.rij3 ul {
  
  display:inline ;

 text-align:center;
list-style-type: none;

}

@media (max-width: 992px) {


#rij2 {
  position:relative;
  float:left;
  text-align:center;
  background: #1C9CD8;
  margin: auto;
  width: 100%;
}

.rij2 {
    position:relative;
  float:left;
 text-align:center;
  margin: auto;
  width: 100%;
padding: 20px 0px 0px 20px;
  color: #fff;
}


.rij2 .moduletable {
  
  margin: 50px;
}





#diensten .moduletable {
margin: 0px 0px 20px 0px;
}

#diensten .moduletable h3 {

padding: 20px 0px 0px 0px;



}
  
  
  
#diensten .moduletable {
 background: rgba(26, 160, 224, .7);
  height: 167px;
    padding: 0px 0px 0px 0px;
  color: #fff;
}
  
  .diensten1-position, .diensten2-position, .diensten3-position, .diensten4-position {
    position: relative;
 
    width: 100%;
    height: 167px;
      display: flex;
  justify-content: center;
  align-items: center;
}

.diensten1-position a, .diensten2-position a, .diensten3-position a, .diensten4-position a {
position: relative;
  float: left;
    width: 100%;
    height: 167px;
  
 font-size: 1.5rem;
  color: #fff;
text-decoration: none;
 text-transform: uppercase;

place-content: center space-evenly;
}
  
  
  _::-webkit-full-page-media, _:future, :root .safari_only {

.diensten1-position, .diensten2-position, .diensten3-position, .diensten4-position {
    position: relative;
 
    width: 100%;
    height: 267px;
background-attachment:scroll;
        display: flex;
  justify-content: center;
  align-items: center;

}

.diensten1-position a, .diensten2-position a, .diensten3-position a, .diensten4-position a {
position: relative;
  float: left;
    width: 100%;
    height: 267px;
  
 font-size: 1.5rem;
  color: #fff;
text-decoration: none;
 text-transform: uppercase;
margin: 50px 0px 0px 0px;
  

}
  
 @media not all and (min-resolution:.001dpcm) { @media {

.diensten1-position, .diensten2-position, .diensten3-position, .diensten4-position {
    position: relative;
 
    width: 100%;
    height: 267px;
background-attachment:scroll;
        display: flex;
  justify-content: center;
  align-items: center;

}

.diensten1-position a, .diensten2-position a, .diensten3-position a, .diensten4-position a {
position: relative;
  float: left;
    width: 100%;
    height: 267px;
  
 font-size: 1.5rem;
  color: #fff;
text-decoration: none;
 text-transform: uppercase;
margin: 50px 0px 0px 0px;
  

}
}} 

}


@media (min-width: 992px) {



#diensten .moduletable:hover {

margin: -10px 0px 0px 0px;
  
    animation-name: diensten;
  animation-duration: 1s;

}

@keyframes diensten {
  from {margin: 0px 0px 0px 0px}
  to {margin: -10px 0px 0px 0px}
}
}


.right-position img, .left-position img {
  
  margin: 0px 0px 20px 0px;
  border: 10px solid #1C9CD8;
  
  
}



.footer-3-position ul {
  list-style-type: none;
}

.ccf_copyright_wrapper {
  display:none;
  
}

.creativecontactform_wrapper {
  -moz-box-shadow: 0px 0px 0px 0px #fff !important;
  -webkit-box-shadow: 0px 0px 0px 0px #fff !important;
  box-shadow: 0px 0px 0px 0px #fff !important;
  border: 0px solid #dedede !important;
  background-color: #fff !important;
  color: #fff !important;
  font-size: 13px !important;
}
.creativecontactform_wrapper {
  box-sizing: content-box;
  width: 98%;
  margin: 15px 0;
  padding: 0 !important;
  position: relative !important;
  float: none !important;
  line-height: 18px;
  -webkit-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
  -moz-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
  -o-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
  transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
}
  
  
  .ccf_copyright_wrapper {
    displauy:none;
  }