/* CSS Document */
html, body{font-size:14px;line-height:22px;margin: 0;padding: 0;color:rgba(0,60,80,1);font-family: 'Open Sans', sans-serif;font-weight:400;height:100%;width: 100%;background-image:url('../img/bgr.jpg');background-size:cover;background-attachment:fixed;background-position:center center}
@font-face {
      font-family: 'icons';
      src: url('./font/icons.eot?43942267');
      src: url('./font/icons.eot?43942267#iefix') format('embedded-opentype'),
           url('./font/icons.woff?43942267') format('woff'),
           url('./font/icons.ttf?43942267') format('truetype'),
           url('./font/icons.svg?43942267#icons') format('svg');
      font-weight: normal;
      font-style: normal;
    }
/* animatie */
a
{-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-o-transition:all .25s linear;-ms-transition:all .25s linear}

#container{width:100%;height:100%;min-height:100%;padding:0;margin: 0 auto}

#logo{display:block;height:auto;width:50%;max-width:700px;padding-bottom:15px;margin:0 auto}

h1, h2, h3, h4, h5{text-transform:uppercase;font-weight:700;color:rgba(233,78,27,1.00)}
h1, h2{font-size:2em;line-height:1.5em;margin:0px}
h3, h4, h5{font-size:1.5em;line-height:1em;margin:0px}

a{display:inline-block;width:auto;color:rgba(255,255,255,1);background-color:rgba(0,60,80,1);padding:0px 5px 0px 5px;font-weight:normal;text-decoration:none}
a:hover{background-color:rgba(255,255,255,1);color:rgba(0,60,80,1)}

.referenties{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
a.referentie{position:relative;display:block;padding:10px;background-color:rgba(0,0,0,0);}
a.referentie img{display:block;width:100%;max-width:200px;height:auto;max-height:100px}

strong{color:rgba(255,102,0,1)}
p{font-weight:400;line-height:1.5em;letter-spacing:0.1em;word-spacing:0.2em;padding:0px 0px 25px 0px}

.fb-like{line-height:1.5em;padding-top:15px;color:rgba(255,255,255,1)}
img.kerst{display:block;margin:0 auto;width:100%;max-width:800px}

/* content */
.wrapper{width:90%;padding:50px 5% 50px 5%;height:auto;margin:0 auto;max-width:1260px}
.columns{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}
.coll{flex:1;display:block;vertical-align:top;height:auto;padding:10px;max-width:600px;width:50%}
.coll_full{flex:1;display:block;vertical-align:top;height:auto;padding:10px;width:100%}
.dark{background-color:rgba(233,78,27,1)}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5{text-transform:uppercase;font-weight:700;color:rgba(255,255,255,1.00)}
.dark strong{font-weight:700;color:rgba(255,255,255,1.00)}

.mjrwhb{width:100%;margin:0 auto;max-width:550px}

.slider{width:100%;margin:0 auto;background-color:rgba(255,255,255,0.2);height:150px}
.bx-wrapper {width:100%;min-width:100%;margin:0 auto;padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y}
.bx-wrapper img {height:100%; max-height:150px; display: block}
.bxslider {	margin: 0;padding: 0;min-width:100%}
ul.bxslider { list-style: none}
ul.bxslider li a {margin:0px;padding:0px;text-decoration:none;border:0px}
ul.bxslider li a {margin:0px;padding:0px;text-decoration:none;border:0px}
ul.bxslider li a:after{opacity: 0;-webkit-transition: .25s all ease-in-out;display:block;content:"\e848";font-family: "icons";width:150px;height:150px;line-height:150px;text-align:center;color:rgba(255,255,255,1);font-size:4em;left:0px;top:0px;position:absolute;font-weight:normal;background-color:rgba(0,60,80,0.8)}
ul.bxslider li a:hover:after{opacity:1;font-size:5em}

.clear{width:100%;display:block;clear:both;height:1px}

.bx-viewport { -webkit-transform: translatez(0)}
.bx-wrapper { background: rgba(0,0,0,0)}

/* footer */
.footer{margin:0px auto 0px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:100%;font-size:0.8em}
.item, .item2{display:block;vertical-align:top;height:auto;padding:10px}
.camera{display:block;padding:50px 50px 0px 0px;margin:0 auto}
.camera img{display:block;width:100%;width:100%;max-width:813px}

@media (max-width: 630px) {
.columns{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%}
.coll{display:block;vertical-align:top;height:auto;padding:2,5%;max-width:630px;width:95%}
}

.desktop{display:block} 
.mobile{display:none}

@media (max-width: 700px) and (orientation:landscape){
	.desktop{display:none}
	.mobile{display:block}
	
	.mobile_logo{margin:0 auto;display:block;height:auto;width:100%;text-align:right}
	
	.header_image{height:80%;width:100%;;margin:0 auto;top:0}
	.header_image .wrapper{display:flex;align-items:center;justify-content:flex-start;height:90%;width:90%;padding:5%;margin:0 auto;max-width:700px}
	.header_image .wrapper .tekst{font-size:2.4em;line-height:1em;color:rgba(255,255,255,1);text-shadow:0px 10px 50px rgba(0,0,0,1);text-align:right;text-transform:uppercase;font-weight:700}
	
	.balk{display:none}
	.balk .wrapper{display:none}
	.balk .wrapper .menu{display:none}
	
	#dicht{display:none;color:rgba(255,255,255,1)}
	#menu_mobile{display:block;position:fixed;top:0px;left:10px;padding:5px;z-index:999999999;background-color:rgba(0,0,0,0.8);width:50px;height:50px;text-align:center;line-height:50px}
	#menu_mobile #open_close {display:inline-block;color:rgba(255,255,255,1);z-index:999;font-size:2em}

	.mobile_menu {position:fixed;display:block;margin:0px 0px 0px 0px;width:100%;height:auto;background-color:rgba(0,0,0,0);padding-top:0px;z-index:777}
	.mobile_menu .wrapper{margin:0 auto;width:100%;}
	.mobile_menu .wrapper .menu {z-index:9999999;top:0;left:0;margin:0 auto;display:none;flex-direction:column;justify-content:center;width:100%;max-width:100%;height:100%;padding:0px 0px 0px 0px;position:fixed;background-color:rgba(0,60,80,0.9)}
	.mobile_menu .wrapper .menu a.knop, .mobile_menu .wrapper .menu a.contactknop{font-family: 'Oswald';text-transform:uppercase;margin:0px 0px 0px 0px;width:100%;padding:5px 0px 5px 0px;font-weight:400;font-size:1.8em;color:rgba(255,255,255,0.5);height:auto;line-height:0.8em;text-decoration:none;z-index:888;display:inline-block;text-align:center;float:left;;background-color:rgba(0,0,0,0)}
	.mobile_menu .wrapper .menu a.knop:hover, .mobile_menu .wrapper .menu a.contactknop:hover{color:rgba(255,255,255,1);background-color:rgba(255,255,255,0)}
	.mobile_menu .wrapper .menu a.knop.active{font-family: 'Oswald';color:rgba(255,255,255,1)}
	.mobile_menu .wrapper .menu a.knop.active:hover{color:rgba(255,255,255,0.5)}
	
	.mobile_menu .wrapper .menu .social_icons{height:auto;width:100%;margin:25px auto;display:inline-block;font-size:4.5vh;line-height:auto;padding:15px 0px 15px 0px;z-index:9999; border-radius:0px;background-color:rgba(255,255,255,1);color:rgba(0,60,80,1);text-align:center}
	.mobile_menu .wrapper .menu .social_icons a{color:rgba(0,60,80,0.8);background-color:rgba(255,255,255,0);-webkit-transition: .3s ease;-moz-transition: .3s ease;transition: .3s ease}
	.mobile_menu .wrapper .menu .social_icons a:hover{color:rgba(0,60,80,1);background-color:rgba(255,255,255,0)}
	
	.footer{font-size:0.8em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}
	.item{display:block;vertical-align:top;height:auto;padding:5px}
	.item2{display:none;vertical-align:top;height:auto;padding:5px}
	
	form#myemailform .btn {margin:25px auto;box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;padding:0px;text-decoration: none;color:rgba(0,60,80,1);font-weight:700;text-transform:uppercase;font-size:1em;height:45px;border-radius: 0px;line-height:20px;width:auto;background: rgba(255,255,255,1);border:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;cursor:pointer}	form#myemailform .info{width:100%;padding-left:0%;float:none;font-size:0.8em}

}

@media (max-width: 700px) and (orientation:portrait){
	.desktop{display:none}
	.mobile{display:block}
	
	#logo{display:block;height:auto;width:95%;max-width:700px;padding:25px 0px 0px 0px}
	
	.header_image{height:50%;width:100%;;margin:0 auto;top:0}
	.header_image .wrapper{display:flex;align-items:center;justify-content:flex-start;height:90%;width:90%;padding:5%;margin:0 auto;max-width:700px}
	.header_image .wrapper .tekst{font-size:1.8em;line-height:1em;color:rgba(255,255,255,1);text-shadow:0px 10px 50px rgba(0,0,0,1);text-align:right;text-transform:uppercase;font-weight:700}

	.balk{display:none}
	.balk .wrapper{display:none}
	.balk .wrapper .menu{display:none}
	
	#dicht{display:none;color:rgba(255,255,255,1)}
	#menu_mobile{display:block;position:fixed;top:0px;left:10px;padding:5px;z-index:999999999;background-color:rgba(0,0,0,0.8);width:50px;height:50px;text-align:center;line-height:50px}
	#menu_mobile #open_close {display:inline-block;color:rgba(255,255,255,1);z-index:999;font-size:2em}
.dark{background-color:rgba(233,78,27,1);padding-top:50px}

	.wrapper{width:90%;padding:0px 5% 50px 5%;height:auto;margin:0 auto;max-width:1260px}

	.mobile_menu {position:fixed;display:block;margin:0px 0px 0px 0px;width:100%;height:auto;background-color:rgba(0,0,0,0);padding-top:0px;z-index:777}
	.mobile_menu .wrapper{margin:0 auto;width:100%;}
	.mobile_menu .wrapper .menu {z-index:9999999;top:0;left:0;margin:0 auto;display:none;flex-direction:column;justify-content:center;width:100%;max-width:100%;height:100%;padding:0px 0px 0px 0px;position:fixed;background-color:rgba(0,60,80,0.9)}
	.mobile_menu .wrapper .menu a.knop, .mobile_menu .wrapper .menu a.contactknop{font-family: 'Oswald';text-transform:uppercase;margin:0px 0px 0px 0px;width:100%;padding:10px 0px 10px 0px;font-weight:400;font-size:2.4em;color:rgba(255,255,255,0.5);height:auto;line-height:1em;text-decoration:none;z-index:888;display:inline-block;text-align:center;float:left;background-color:rgba(0,0,0,0)}
	.mobile_menu .wrapper .menu a.knop:hover, .mobile_menu .wrapper .menu a.contactknop:hover{color:rgba(255,255,255,1);background-color:rgba(255,255,255,0)}
	.mobile_menu .wrapper .menu a.knop.active{font-family: 'Oswald';color:rgba(255,255,255,1)}
	.mobile_menu .wrapper .menu a.knop.active:hover{color:rgba(255,255,255,0.5)}
	
	.mobile_menu .wrapper .menu .social_icons{height:auto;width:100%;margin:25px auto;display:inline-block;font-size:4.5vh;line-height:auto;padding:15px 0px 15px 0px;z-index:9999; border-radius:0px;background-color:rgba(255,255,255,1);color:rgba(0,60,80,1);text-align:center}
	.mobile_menu .wrapper .menu .social_icons a{color:rgba(0,60,80,0.8);background-color:rgba(255,255,255,0);-webkit-transition: .3s ease;-moz-transition: .3s ease;transition: .3s ease}
	.mobile_menu .wrapper .menu .social_icons a:hover{color:rgba(0,60,80,1);background-color:rgba(255,255,255,0)}
	
	.footer{font-size:0.8em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}
	.item{display:block;vertical-align:top;height:auto;padding:5px}
	.item2{display:none;vertical-align:top;height:auto;padding:5px}
	
	form#myemailform .btn {margin:25px auto;box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;padding:0px;text-decoration: none;color:rgba(0,60,80,1);font-weight:700;text-transform:uppercase;font-size:1em;height:45px;border-radius: 0px;line-height:20px;width:auto;background: rgba(255,255,255,1);border:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;cursor:pointer}	form#myemailform .info{width:100%;padding-left:0%;float:none;font-size:0.8em}

}