@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Avenir Next Ultra';
    src: url('../fonts/AvenirNext-UltraLight.eot');
    src: url('../fonts/AvenirNext-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNext-UltraLight.woff2') format('woff2'),
        url('../fonts/AvenirNext-UltraLight.woff') format('woff'),
        url('../fonts/AvenirNext-UltraLight.ttf') format('truetype'),
        url('../fonts/AvenirNext-UltraLight.svg#AvenirNext-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-Regular.eot');
    src: url('../fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNext-Regular.woff2') format('woff2'),
        url('../fonts/AvenirNext-Regular.woff') format('woff'),
        url('../fonts/AvenirNext-Regular.ttf') format('truetype'),
        url('../fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Next Demi';
    src: url('../fonts/AvenirNext-DemiBold.eot');
    src: url('../fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNext-DemiBold.woff2') format('woff2'),
        url('../fonts/AvenirNext-DemiBold.woff') format('woff'),
        url('../fonts/AvenirNext-DemiBold.ttf') format('truetype'),
        url('../fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}



body{margin-top:77px; font-family: 'Avenir Next Ultra'; line-height:1.8; font-size:16px;}

h1{font-size:24px; font-family: 'Avenir Next Demi';}
h2{font-size:20px; font-family: 'Avenir Next Demi';}

a:link,a:active,a:focus,a:visited{color:#000; text-decoration:underline; display:inline-block;}

.nopadding{padding:0px;}

.top-10{margin-top:10px;}
.top-40{margin-top:40px;}
.top-30{margin-top:15px;}
.bottom-30{margin-bottom:30px;}

.img-responsive{width:100%; height:auto; border-radius:5px;}

.bg-black{background-color:#000;}
.bg-white{background-color:#FFF;}

#aml-btn-toggle-menu{margin-top:0;}

.navbar{margin:0; padding:15px 0 0 0; min-height:37px; border:0px;}
.navbar-fixed-top{border-width:0px;}

.aml-logo{margin:0 0 0 15px; float:left; text-align:center;}
.aml-logo a{display:block; text-decoration:none;}
.aml-logo img{margin:9px 0 0 0; height:30px; width:auto;}
.aml-logo h2{margin:0; font-size:7px; text-transform:uppercase; font-weight:600;}

.aml-nav{font-size:0px}
.aml-nav > ul{margin:0 !important; font-size:0px; background-color:#000;}
.aml-nav > ul > li{margin:20px 0 20px 0; display:block; list-style:none; font-size:15px;}
.aml-nav > ul > li.first{margin:0;}
.aml-nav > ul > li a{color:#FFF; text-decoration:none;}

.txt-img-top-wrapper{width:100%; display:table; background-size:cover; background-position:center; background-repeat:no-repeat;}
.txt-img-top{padding:0 15px; height:312px; display:table-cell; text-align:center; font-family: 'Avenir Next Demi'; color:#FFF; font-size:18px; font-weight:400; line-height:28px; text-transform:uppercase; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); vertical-align:middle;}

.footer-content{margin:10px 0 8px 0; padding:0; font-size:0; text-align:center;}
.footer-content li{margin:0 15px; display:inline; list-style:none; color:#FFF; font-size:13px; font-family: 'Avenir Next';}
.footer-content li a{color:#FFF; text-decoration:none;}

/*homepage*/
.content-homepage{padding:20px 15px 0 15px;}
.content-homepage h1{margin-bottom:40px;}

/*portfolio*/
/*OUD .portfolio-status{width:250px; padding:5px 10px 5px 0; position:absolute; left:-63px; top:40px; z-index:10; color:#FFF; text-align:center; font-size:18px; font-weight:500; text-shadow: none; background:#000; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.portfolio{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:rgba(255,255,255,0.8); opacity:0; transition:opacity 0.5s}
.portfolio:hover{cursor:pointer; opacity:1;}
.portfolio-content{display:table; width:100%; height:100%;}
.portfolio-txt{display:table-cell; vertical-align:middle;}
.portfolio-txt h2{margin:0 0 5px; font-size:14px; font-weight:600;}
.portfolio-txt a{padding:0 25px; color:#000; text-decoration:none; display:block;}*/

.portfolio .link { float: left; margin-right: 20px; margin-left: 15px;}
.portfolio .link i { font-size: 30px; }
.portfolio .desc { float: left; width: 80%; }

.projecten h2{margin-bottom:0; font-family: 'Avenir Next'; line-height:1.8; font-size:16px;}
a.lees-meer{margin-top:10px; padding:10px 13px 10px 12px; display:inline-block; font-family: 'Avenir Next'; line-height:1; border:solid 1px #333; text-decoration:none; transition:all .3s linear;}

/*contact*/
iframe{ width:100%; height:450px;}

@media(min-width:767px){
.top-10{margin-top:10px;}
.top-40{margin-top:40px;}
.top-30{margin-top:30px;}
.bottom-30{margin-bottom:30px;}

.aml-logo{margin:0 0 0 15px;}

#aml-btn-toggle-menu{display:none;}

.navbar{padding:20px 0; min-height:37px;}
.aml-nav{margin:4px 0 0 0; width:100%; float:none;}
.aml-nav > ul{margin:0; width:100%; font-size:0px; background-color:transparent;}
.aml-nav ul li{margin:0 0 0 40px; display:inline-block; font-size:14px; text-align:right}
.aml-nav ul li.first{margin:0;}
.aml-nav ul li a{color:#000; text-decoration:none; border-bottom:solid 1px #FFF;}
.aml-nav > ul > li a.active{color:#000; text-decoration:none; border-bottom:solid 1px #000;}

.aml-logo img{margin:0; height:auto; width:100%;}

.txt-img-top-wrapper{width:100%; display:table; background-size:cover; background-position:center; background-repeat:no-repeat;}
.txt-img-top{height:625px; display:table-cell; text-align:center; color:#FFF; font-size:18px; font-weight:400; text-transform:uppercase; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); vertical-align:middle;}


/*portfolio*/
.portfolio-status{width:250px; padding:5px 10px 5px 0; position:absolute; left:-63px; top:60px; z-index:10; color:#FFF; text-align:center; font-size:18px; font-weight:500; text-shadow: none; background:#000; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
}
@media(min-width:992px){
.aml-nav ul li{margin:0 0 0 70px;}
a.lees-meer:hover{color:#FFF; background-color:#333;}
}
@media(min-width:1200px){
.aml-nav ul li{margin:0 0 0 100px;}
}