div.message{border:1px solid;margin:0px 0px;padding:14px 14px 14px 14px;margin-bottom:18px;overflow:hidden}
div.message p{margin:0px}
div.message>ul{margin:0px;padding:0px;margin-left:1em}
div.messageSuccess{border-color:#5cb85c;background-color:#4cae4c}
div.messageInfo{border-color:#f0ad4e;background-color:#eea236}
div.messageError{border-color:#d9534f;background-color:#d43f3a}

body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mll .h{display:none}
a{color:#96e623}
a:hover{text-decoration:underline}
a:active{color:#96e623}
a:visited{color:#96e623}

.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;transition-duration:0.8s}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;transition-property:height, width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity}

.navbar {
    width: 100%;
    margin-bottom: 0;
    background: #f7f7f7;
    border-bottom: 4px solid #7fc31c
}
.navbar.active{position:fixed;opacity:0.85}
.navbar-brand{padding:18px 15px 16px;}
.innher-header{padding:0 15px;}

.navbar-nav{margin:35px 15px;}
.navbar-default .navbar-nav>li{margin-left:0px;position:relative}
.navbar-default .navbar-nav>li:first-child{margin-left:0px}
.navbar-default .navbar-nav>li:first-child:before{content:'';margin-right:0}
.navbar-default .navbar-nav>li>a{display:inline-block;color:#898695;font-size:14px;font-family:'Roboto', 'sans-serif';font-weight:400;text-transform:uppercase;letter-spacing:0.3px;position:relative;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a.active{color:#13007c}



#container {
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out
}
#container.active{opacity:1}
.preloader{position:fixed;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;-webkit-backface-visibility:hidden;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out}
.preloader img{-webkit-backface-visibility:hidden}
#home_section{margin-top:-72px}
#home_section .flexslider{position:relative}


.container_policy {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

#home_section .container{position:absolute;top:25%;left:30px;right:30px;z-index:2;text-align:center}
#home_section .slides li{height:100%}
#home:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.15)}

.middle-section{width:100%;margin:0 auto;position:absolute;top:45%;margin-top:-125px;text-align:center;z-index:2}
.middle-section img{margin-bottom:100px}

ul.social-icons{margin:50px 0 5px;padding:0}
ul.social-icons li{list-style:none;display:inline-block;margin-left:12px}
ul.social-icons li a{display:inline-block;text-decoration:none;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out}
ul.social-icons li a i{font-size:22px;color:#fff}
ul.social-icons li a:hover{color:#a6f30c;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}


a.go-next{display:inline-block;text-decoration:none;width:45px;height:45px;background:#7fc31c;border:1px solid #fff;text-align:center;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out}
a.go-next:hover{background:#96e622;border:2px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg)}
a.go-next i{color:#fff;font-size:16px;line-height:45px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-backface-visibility:hidden}
#reviews{text-align:center;overflow:hidden;padding:50px 0;background-color:#f9f9f9}
.title-section {
    text-align: center;
    border-bottom: 1px solid #7fc31c;
    margin-bottom: 65px;
    position: relative
}
.title-section h1{color:#424b71;font-size:30px;font-family:'Lato', 'sans-serif';font-weight:400;margin:0 0 45px;text-transform:uppercase;letter-spacing:6px}
.title-section span{position:absolute;bottom:-32px;left:50%;margin-left:-45px;display:inline-block;width:90px;height:70px;background:url("../images/tegels-klein.png");text-align:center;border:0px}
.title-section span i{color:#ff0000;background:url("../images/tegels.png");overflow:hidden;background-attachment:fixed;-webkit-backface-visibility:hidden}
.button-area{margin-bottom:70px}
.button-area a{display:inline-block;text-decoration:none;background:#ececec;width:140px;padding:10px;text-align:center;color:#6f6e6e;font-size:14px;font-family:'Open Sans', sans-serif;margin:0 4px 2px;font-weight:400;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out}
.button-area a:hover{background:#f15a24;color:#fff}
.services-content h2{color:#424b71;font-size:16px;font-family:'Lato', 'sans-serif';font-weight:400;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}
.services-content p{padding:0 120px;text-align:center;color:#393b40;font-size:14px;font-family:'Roboto', sans-serif;font-weight:400;margin:0;line-height:1.5}
.services-content .bx-wrapper .bx-pager{display:none}
#slider-review{overflow:hidden}.bx-controls{height:100%}
.bx-wrapper .bx-controls-direction a{margin-top:0 !important}
.bx-wrapper .bx-viewport{padding:50px;height:auto !important}
#slogan{height:400px;position:relative;background:url("../images/kleiklinker.jpg");overflow:hidden;background-attachment:fixed}
#slogan span{color:white;font-size:20px;font-weight:300}
#slogan h1{position:absolute;top:50%;margin-top:-75px;width:100%;text-align:center;padding:0 20px;color:#ffffff;font-size:40px;letter-spacing:2px;line-height:1.5;font-family:'Lato', 'sans-serif';font-weight:400;text-transform:uppercase;z-index:2}
#slogan2 {
    height: 350px;
    position: relative;
    background: url("../images/blauwsteen.jpg");
    overflow: hidden;
    background-attachment: fixed
}
#slogan2 span{color:white;font-size:20px;font-weight:300}
#slogan2 h1{position:absolute;top:50%;margin-top:-55px;width:100%;text-align:center;padding:0 20px;color:#ffffff;font-size:40px;letter-spacing:3px;line-height:1.5;font-family:'Lato', 'sans-serif';font-weight:300;text-transform:uppercase;z-index:2}
#uwoprituwterras {
    text-align: center;
    height: 450px;
    position: relative;
    background: url("../images/blauwsteen.jpg");
    overflow: hidden;
    background-attachment: fixed
}

#uwoprituwterras h1 {
    text-align: center;
    width: 100%;
    padding: 0 10px;
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 3px;
    line-height: 1.5;
    font-family: 'Lato', 'sans-serif';
    font-weight: 300;
    text-transform: uppercase;
    z-index: 2
}
#uwoprituwterras h2 {
    margin-top:-15px;
    text-align: center;
    width: 100%; 
    color: #ffffff;
    font-size: 26px;
    letter-spacing: 3px;
    line-height: 1.5;
    font-family: 'Lato', 'sans-serif';
    font-weight: 300;
    text-transform: uppercase;
    z-index: 2
}

.page_text_content p li {
    text-align: left;
    width: 100%;
    padding: 0 10px;
    color: #13007c;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5;
    font-family: 'sans-serif';
    z-index: 2
}

.page_text_content h1 {
    text-align: center;
    width: 100%;
    padding: 0 10px;
    color: #13007c;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-family: 'sans-serif';
    font-weight: 400;
    text-transform: uppercase;
    z-index: 2
}

.page_text_content h2 {
    text-align: center;
    width: 100%;
    padding: 0 10px;
    color: #13007c;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.5;
    font-family: 'sans-serif';
    font-weight: 400;
    text-transform: uppercase;
    z-index: 2
}

.page_text_content h3 {
    text-align: center;
    width: 100%;
    padding: 0 10px;
    color: #13007c;
    font-size: 14px;    
    line-height: 1.5;
    font-family: 'sans-serif';
    font-weight: 400;    
    z-index: 2
}

.page_text_content h4 {
    text-align: center;
    width: 100%;    
    color: #13007c;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5;
    font-family: 'sans-serif';
    padding-bottom:10px;
    z-index: 2
}


#video-section:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6)
}#customElement{width:100%;height:100%;position:absolute;top:0;left:0;background:#000}
#video-section h1 a{width:100px;height:100px;display:inline-block;margin:0 18px;background:url("../images/play.png") center center no-repeat;margin-bottom:-30px;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out}
#video-section h1 a.active{background:url("../images/pause.png") center center no-repeat}
#video-section h1 a:hover{opacity:0.7}
#workflow{padding:50px 0 20px;background-color:#F1F0ED}
.vision{overflow:hidden;margin-bottom:30px}
.vision a{float:right;display:inline-block;text-decoration:none;background:#96999e;width:68px;height:68px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out;position:relative;margin:10px 10px 10px 20px}
.vision .iconcircle{float:right;display:inline-block;text-decoration:none;background:#95c23c;width:68px;height:68px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out;position:relative;margin:10px 10px 10px 20px}
.vision .imgcircle_right{float:right;display:inline-block;text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out;position:relative;margin:10px 10px 10px 20px}
.vision .imgcircle_left{float:left;display:inline-block;text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out;position:relative;margin:10px 10px 10px 20px}
.vision a:after{content:'';position:absolute;top:-7px;left:-7px;width:82px;height:82px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border:1px solid #96999e;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out}
.vision .iconcircle:after{content:'';position:absolute;top:-7px;left:-7px;width:82px;height:82px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border:1px solid #95c23c;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out}
.vision:hover a{background:#96e623}
.vision:hover a:after{border:1px solid #96e623}
.vision a i{color:#fff;font-size:26px;line-height:68px}
.vision .iconcircle i{color:#13007c;font-size:26px;line-height:68px}
.vision h2{color:#13007c;font-size:18px;font-family:'Lato', 'sans-serif';font-weight:400;margin:0 0 18px;text-transform:uppercase;text-align:left;padding-top:15px;letter-spacing:3px}
.vision p{color:#393b40f;font-size:15px;font-family:'Roboto', sans-serif;font-weight:300;margin:0;line-height:1.5;overflow:hidden}
.work-list-box.right .vision a{float:left;margin:10px 25px 10px 10px}
.work-list-box.right .vision .iconcircle{float:left;margin:10px 25px 10px 10px}
.work-list-box.right .vision h2{text-align:left}
.center-align{color:#393b40;font-size:15px;font-family:'Roboto', sans-serif;font-weight:400;margin:0 auto 50px;line-height:1.5;text-align:center;max-width:870px}
#toonzaal {
    padding: 50px 0;
    text-align: center;
    background: url("../images/bg-darkgrey.jpg");
    overflow: hidden;
    background-attachment: fixed
}

    #toonzaal img {
        float: left;
        width: 50%;
        height: 50%;
        margin-left: auto;
        margin-right: auto;
        padding: 15px;
    }

    #toonzaal p {
        color: #ffffff;
        font-size: 14px;
        font-family: 'Lato', 'sans-serif';        
        margin: 0 0 15px;
        text-transform: uppercase;
        letter-spacing: 2px
    }

    #toonzaal h1 {
        color: #ffffff;
        font-size: 30px;
        font-family: 'Lato', 'sans-serif';
        font-weight: 400;
        margin: 0 0 45px;
        text-transform: uppercase;
        letter-spacing: 6px
    }

    #toonzaal h2 {
        color: #ffffff;
        font-size: 20px;
        font-family: 'Lato', 'sans-serif';
        font-weight: 800;
        margin: 0 0 25px;
        text-transform: uppercase;
        letter-spacing: 6px
    }

    #toonzaal h3 {
        color: #ffffff;
        font-size: 25px;
        font-family: 'Lato', 'sans-serif';
        font-weight: 800;
        margin: 0 0 35px;
        text-transform: uppercase;
        letter-spacing: 6px
    }

#team{padding:50px 0;text-align:center;background:url("../images/brickwall-md.jpg");overflow:hidden;background-attachment:fixed}
#team a{color:white}
#team .bx-wrapper .bx-pager{display:none}
#team .bx-controls-direction{width:84px;left:50%;margin-left:-46px;bottom:-20px;position:absolute}
.title-section.white h1{color:#424b71}
.title-section.white span{position:absolute;bottom:-32px;left:50%;margin-left:-45px;display:inline-block;width:90px;height:70px;background:url("../images/tegels-klein.png");text-align:center;border:0px}
.title-section.white span i{color:#313131}
.team-box{margin-bottom:40px}
.team-post{overflow:visible;padding:0 120px;margin:0 0 30px 0;height:350px;position:relative;transition:all 0.26s ease-in-out;-moz-transition:all 0.26s ease-in-out;-webkit-transition:all 0.26s ease-in-out;-o-transition:all 0.26s ease-in-out;-webkit-backface-visibility:hidden}
.team-post:hover{transform:scale(1.11);-webkit-transform:scale(1.11);-moz-transform:scale(1.11);-o-transform:scale(1.11)}
.team-post:before{content:'';position:absolute;width:350px;height:350px;top:30px;left:100px;background:#96e623;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%}
.team-post:hover:after{opacity:0;visibility:hidden}
.inner-team{position:relative;z-index:1;-webkit-backface-visibility:hidden}
.team-post img{display:inline-block;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;margin-bottom:20px;-webkit-backface-visibility:hidden;width:78px;margin-top:60px;}
.team-post h2{color:#fff;font-size:18px;font-family:'Raleway', 'sans-serif';font-weight:400;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #ec6547;-webkit-backface-visibility:hidden}
.team-post p{color:#fff;font-size:13px;font-family:'Raleway', 'sans-serif';font-weight:400;margin:0 0 35px;line-height:20px;-webkit-backface-visibility:hidden;max-height:57px;overflow:hidden}
ul.team-social{margin:0 auto;padding:0;max-width:100px;border-top:1px solid #ec6547;padding-top:8px;-webkit-backface-visibility:hidden}
ul.team-social li{list-style:none;display:inline-block;margin-left:5px;-webkit-backface-visibility:hidden}
ul.team-social li a{display:inline-block;text-decoration:none;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out;-webkit-backface-visibility:hidden}
ul.team-social li a:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
ul.team-social li a i{font-size:14px;color:#fff;-webkit-backface-visibility:hidden}
.team4{text-align:center;color:white}
.team4 .pro-pic{padding:30px;padding-bottom:0px}
.team4 .pro-pic img{border-radius:100%;display:inline-block}
.team4 ul{margin-top:30px}
.team4 ul li a{color:#fff;padding-right:15px;-webkit-transition:0.1s ease-in;-o-transition:0.1s ease-in;transition:0.1s ease-in;display:block}
.team4 ul li a:hover{-webkit-transform:translate3d(0px, -5px, 0px);transform:translate3d(0px, -5px, 0px)}
.team4 .title{font-family:'Lato', sans-serif;margin:30px 0 15px 0;color:#ffffff;font-size:16px;font-weight:600;letter-spacing:1px}
.team4 .subtitle{margin:5px 0 10px 0;font-size:15px}
#over{padding:70px 0}
#over img{padding-top:77px}
.feature-box{position:relative;margin-bottom:70px}
.feature-box:after{position:absolute;content:'';width:1px;height:60%;left:39px;top:35px;background:#cbcbcb}
.feature-post{overflow:hidden;margin-bottom:10px;padding:20px 12px}
.feature-post:last-child{margin-bottom:0px}
.feature-post span{position:relative;z-index:2;float:left;display:inline-block;width:55px;height:55px;background:#fff;text-align:center;border:1px solid #cbcbcb;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg)}
.feature-post span i{color:#f05925;font-size:18px;line-height:55px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-backface-visibility:hidden}
.feature-post p{color:#393b40;font-size:14px;font-family:'Open Sans', sans-serif;font-weight:300;margin:0 0 0 80px;line-height:24px}
.feature-list{margin:0;padding:0 0 0 0px}
.feature-list ul{margin:0px;padding:0px}
.feature-list li{list-style:none;margin:0 0 6px}
.feature-list p{color:#393b40;font-size:15px;font-family:'Roboto', sans-serif;font-weight:400;margin:0;line-height:1.5;display:block}
.feature-list i{float:left;display:inline-block;color:#989898;font-size:23px;margin-right:20px;line-height:24px}
.image-place{text-align:right}
.image-place img{max-width:100%;}
#testimonial-section{padding:75px 0;background:url("../upload/back2.jpg");position:relative;text-align:center;overflow:hidden}
#testimonial-section:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6)}
span.test-slogan{display:inline-block;width:55px;height:55px;text-align:center;border:1px solid #ff0000;margin-bottom:30px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg)}
span.test-slogan img{display:inline-block;line-height:55px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);margin:18px 0 0 0}

ul.filter{clear:both;padding:30px 0 0;margin:0 0 30px;text-align:center}
ul.filter li{list-style:none;display:inline-block;margin-left:5px;}
ul.filter li a{display:inline-block;text-decoration:none;padding:8px 20px;color:#898695;font-size:16px;font-family:'Lato', sans-serif;text-transform:uppercase;font-weight:400;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out}
ul.filter li a:hover,ul.filter li a.active{color:#13007c}.project-post{width:33.32%;position:relative;overflow:hidden}
.project-post img{width:100%}ul.project-list{position:absolute;text-align:center;top:-60px;left:13px;width:100%;padding:0;margin:0;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out}
.project-post:hover ul.project-list {text-align: center;top: 0px;width: 100%;}
ul.project-list li {
    margin-left: -26px;
    display: inline-block;
    background-color: #7fc31c;
    opacity: 0.9;
    width: 100%;
}
    ul.project-list li p {
        margin-top: 10px;
        color: #13007c;
    }
ul.project-list li a:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}
.project-content{width:100%;position:absolute;bottom:0;left:0;padding:20px 0 16px;background:#ffffff;text-align:center;transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-webkit-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out;transform:rotateX(90deg);-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-o-transform:rotateX(90deg);visibility:hidden;opacity:0}
.project-post:hover .project-content {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    visibility: visible;
    opacity: 0.9;
    background-color: #7fc31c;
}
.project-post:hover{cursor:default;}

.project-content h2{color:#313131;font-size:15px;font-family:'Lato', sans-serif;letter-spacing:3px;font-weight:400;margin:0 0 5px;text-transform:uppercase}
.project-content p{color:#313131;font-size:15px;font-family:'Roboto', sans-serif;font-weight:300;margin:0}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{outline:none}
#contact{padding:60px 0 40px;position:relative;background-color:#313131}
.map{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:url(grayscale.svg);filter:gray}
.map:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
.maps {
    margin-top: 70px;
    height: 400px;
}
.contact-info{text-align:center;margin-bottom:30px;position:relative}
.contact-info:after{border-top:1px solid #d8d8d8;position:absolute;width:100%;height:0;content:'';top:22px;left:0}
.contact-info span.icon-up{display:inline-block;width:45px;height:45px;background:#7fc31c;text-align:center;border:1px solid #7fc31c;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);margin-bottom:30px;position:relative;z-index:2}
.contact-info span.icon-up i{color:#fff;font-size:16px;line-height:45px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-backface-visibility:hidden}
.contact-info p{color:#fff;font-size:16px;font-family:'Roboto', sans-serif;font-weight:300;margin:0 0 20px;line-height:20px}
.contact-info a{color:#fff;font-size:16px;font-family:'Roboto', sans-serif;font-weight:300;margin:0 0 20px;line-height:20px}
.contact-info a:hover{color:#96e623}
#contact .container{position:relative;z-index:3}
#contact .contacttitle{display:block;text-align:center;width:100%;z-index:3}
#contact .contacttitle h1{color:#ffffff;font-size:30px;font-family:'Lato', 'sans-serif';font-weight:400;margin:0 0 45px;text-transform:uppercase;letter-spacing:6px}
.contact_message {
    text-align: center;   
    margin-bottom: 20px;
}
.lblContactMessage {
    font-family: 'Roboto';
    font-size: 14px;
    color: #7fc31c;
    text-transform: uppercase;
    letter-spacing: 2px
}

.lblContactMessageError {
    font-family: 'Roboto';
    font-size: 14px;
    color: #ff0000;
    text-transform: uppercase;
    letter-spacing: 2px
}

.floated-area {
    overflow: hidden;
    margin-bottom: 16px
}

#form-contact.left {
    float: left;
    width: 50%;
    padding-right: 3px
}
#form-contact.right {
    float: right;
    width: 50%;
    padding-left: 3px
}
.inputhuman{
    display: none;
}
.inputtext,.textarea{color:#cecece;font-size:13px;font-family:'Open Sans', sans-serif;border:1px solid #fff;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;background:transparent;outline:none;width:100%;padding:10px 18px;display:block;margin-bottom:6px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out}
.inputtext.error,.textarea.error{border:solid 1px red}
.textarea{height:132px}
.button{display:block;text-align:center;color:#cecece;font-size:13px;font-family:'Open Sans', sans-serif;border:1px solid #fff;padding:12px;width:140px;margin:0 auto 10px;background:transparent;outline:none;text-transform:uppercase;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out}
.button:hover,.comment-form button:hover{background:#fff;color:#2a2a28}
.message,.comment-form .message{height:20px;font-size:13px;font-family:'Open Sans', sans-serif;float:none;margin-top:5px;text-align:center}
.message.error,.comment-form .message.error{color:#eb2c06}
.message.success,.comment-form .message.success{color:#1e9397}footer{background:#fff;text-align:center;padding:38px 0 25px}
footer ul.social-icon-list{padding:0;margin:0 0 20px}
footer ul.social-icon-list li{display:inline-block;margin-right:60px;position:relative}
footer ul.social-icon-list li:last-child{margin-right:0px}
footer ul.social-icon-list li:before{content:'';position:absolute;width:1px;height:20px;background:#e7e7e7;top:7px;left:-30px}
footer ul.social-icon-list li:first-child:before{display:none}
footer ul.social-icon-list li a{display:inline-block}
footer ul.social-icon-list li a i{color:#c2c3c5;font-size:35px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out}
footer ul.social-icon-list li a:hover i{color:#96e623}
footer p{color:#A5A3A2;font-size:12px;font-family:'Roboto', sans-serif;font-weight:400;margin:0;line-height:20px}
footer p a{color:#A5A3A2}
footer p a:hover{color:#313131}
footer p img{margin-right:15px}
.footerterms{margin-top:1em}
.footerterms a{padding-right:15px;color:#A5A3A2}
.footerterms a:hover{color:#96e623;text-decoration:underline}
#map{height:400px;width:100%}
#p_sitemap{max-width:1170px;margin:0 auto}
#p_sitemap ul.pagelist{margin-top:100px}
#p_sitemap ul.pagelist li a{color:#313131;font-family:'Roboto', sans-serif;font-weight:400;margin:0;line-height:20px;color:#A5A3A2}
#p_sitemap ul.pagelist li a:hover{color:#96e623}
.page_text h4{margin-top:30px;margin-bottom:10px}
.logo-responsive{display:none}


















@media (max-width:1199px) {
    .projecten-container .work-post {
        width: 49.98%;
        padding: 0
    }

    ul.clients-logo li {
        width: 212px
    }

    .team-post:after, .team-post:before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0)
    }

    .team-post {
        padding: 20px;
        margin: 0 0 30px
    }

    .team-box {
        padding: 30px 0 0
    }

    .project-post {
        width: 33.315%
    }
}

@media (max-width:991px) {
    .navbar-brand img.large {
        display: none
    }

    .logo-responsive {
        display: block
    }

    #video-section h1 {
        font-size: 40px
    }

    .image-place {
        margin-top: 30px
    }

    .project-post {
        width: 49.98%
    }

    .price-table {
        padding: 0 30px
    }
    .navbar-nav>li {
        margin-left:-7px;
        margin-right:-7px;
    }
}

@media (max-width:767px) {
    .contact-info:after, .price-table:after, footer ul.social-icon-list li:before, span.middle-icon {
        display: none
    }
    
    .logo-responsive {
        display: block
    }

    .project-post {
        width: 100%
    }
    
    .contact-info span.icon-up {
        margin-bottom: 15px
    }

    .contact-info p {
        margin-bottom: 40px
    }

    #contact-form .left, #contact-form .right {
        float: none;
        width: 100%;
        padding: 0
    }

    footer ul.social-icon-list li {
        margin-right: 20px
    }

    footer ul.social-icon-list li a i {
        font-size: 24px
    }    

    #reviews {
        height: 760px;
    }
   
}













@media only screen and (max-width: 450px) {
    .navbar-brand img.large {
        display: none
    }

    .logo-responsive {
        display: block
    }

    #uwoprituwterras {
        height: 650px;
    }

    #slogan {
        height: 230px;
    }

        #slogan h1 {
            margin-top: -40px;
        }

    #slogan2 {
        height: 250px;
    }

    
    .bx-controls {
        height: 75%
    }
    
    .services-content p{
        padding:0 40px;
        margin-left:10px;
        margin-right:10px;
    }

    .services-content h2 {
        padding: 0 45px;
    }

    #reviews {
        height: 1000px;
    }
    
}

@media only screen and (max-width: 750px) {
    #slogan h1, #slogan2 h1 {
        top: 45%
    }
}

@media only screen and (max-width: 500px) {
    #slogan2 h1 {
        top: 35%
    }
}

@media only screen and (max-width: 525px) {
    #slogan h1 {
        font-size: 30px
    }
}

@media only screen and (max-width: 405px) {
    #slogan h1 {
        top: 40%
    }
}

@media only screen and (max-width: 360px) {
    #slogan h1 {
        top: 30%
    }
}

@media only screen and (max-width: 370px) {
    #slogan2 h1 {
        font-size: 30px
    }
}