@import "reset.css";
@import "menu.css";
/*body::-webkit-scrollbar {width:10px;background-color:#fff;} 
body::-webkit-scrollbar-thumb {background-color:#7987a6;}
body::-webkit-scrollbar-thumb:hover {background-color:#7987a6;}
body::-webkit-scrollbar-thumb:active {background-color:#7987a6;} 
body::-webkit-scrollbar-track {} */
html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#777;font-family:'Poppins', Arial;font-size:15px;}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#000;}
a:hover{color:#000;}
b,strong{font-weight:bold;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1160px;width:95%;height: auto;margin: 0px auto;position:relative;}

.placeholder {color:#fff;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;opacity:1;}
::-moz-placeholder {color:#fff;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#fff;}	
input[placeholder], textarea[placeholder] {color:#fff;}

h1 {color:#000;font-size:60px;line-height:normal;font-weight:700;margin-bottom:40px;font-family:'Playfair Display',arial;}
h2 {color:#000;font-size:18px;line-height:normal;font-weight:normal;}
.slogan {color:#777;font-size:20px;font-weight:300;line-height:30px;margin-bottom:30px;}
.contact {color:#777;font-size:15px;font-weight:300;line-height:30px;}
.fb {padding:10px;background-color:#4267b2;color:#fff;text-decoration:none;border:1px solid #4267b2;display:inline-block;margin-right:10px;line-height:normal;font-size:12px;}
.fb:hover {background-color:transparent;color:#4267b2;}
.insta {padding:10px;background-color:#225b88;color:#fff;text-decoration:none;border:1px solid #225b88;display:inline-block;line-height:normal;font-size:12px;}
.insta:hover {background-color:transparent;color:#225b88;}

#top {background-color:#f5f5f5;padding:30px 0;border-bottom:1px solid #e3e3e3;}
#logo {float:left;}
#logo a {font-family:'Playfair Display',arial;font-weight:700;text-decoration:none;color:#000;font-size:30px;}

#navMob {display:none;background-color:#d3d3d3;}
#navigation {display:none;}
#mobile-header a {color:#000;text-decoration: none;display: block;font-size:16px;padding:10px;text-transform:uppercase;} 

#nieuws {background-color:#f5f5f5;padding:100px 0;}
.nieleft {float:left;width:30%;margin-right:5%;}
.nieright {float:right;width:65%;}
.nieright img {width:100%;-webkit-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.25);
box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.25);}

#main {width:100%;line-height:30px;padding:100px 0;}

.project-hover {z-index:1000;width:100%;height:100%;position:absolute;top:0px;left:0px;display:table;opacity:1;-webkit-transition:opacity 0.3s ease-in;-moz-transition:opacity 0.3s ease-in;-ms-transition:opacity 0.3s ease-in;-o-transition:opacity 0.3s ease-in;transition:opacity 0.3s ease-in;}
.project-hover.hover {opacity:0;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-ms-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;}

.project-title {display:table-cell;vertical-align:middle;text-align:center;}
.project-title a {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;background:rgba(0,0,0,1);text-decoration:none;border:2px solid #fff;padding:5px 10px;color:#fff;font-size:17px;line-height:32px;text-transform:uppercase;-webkit-transition:background 0.3s ease-in;-moz-transition:background 0.3s ease-in;-ms-transition:background 0.3s ease-in;-o-transition:background 0.3s ease-in;transition:background 0.3s ease-in;font-weight:300;}
.project-title a:hover {background:rgba(255,255,255,1);color:#000;text-shadow:none;}

.lazy {opacity:1;-webkit-transition:opacity 0.3s ease-in;-moz-transition:opacity 0.3s ease-in;-ms-transition:opacity 0.3s ease-in;-o-transition:opacity 0.3s ease-in;transition:opacity 0.3s ease-in;}
.lazy:hover {opacity:0.7;}

#footer {padding:30px 0;color:#000;text-align:center;font-size:12px;border-top:1px solid #e3e3e3;background-color:#f5f5f5;line-height:30px;}
#footer a {color:#000;}
#bottom {list-style-type:none;margin:0;}
#bottom li {display:inline-block;margin-right:10px;padding-right:10px;border-right:1px solid #ebebeb;}
#bottom li:last-child {margin-right:0;padding-right:0;border-right:0;}
.tel {text-decoration:none;}