@font-face {
    font-family: Book Antiqua Regular;
    src: url(../fonts/bookantiquaregular.ttf);
}

body {
    padding: 0; 
    margin: 0;
    font-size: 16px;
    color: #444444;
    font-family: Book Antiqua Regular;
}

/*General settings*/
h1 { 
    z-index: 8;
    position: absolute;
    color: white;
    font-size: 32px;
    /*top: 34%;*/
    color: white;
    text-shadow: 1px 1px 2px #000000;
    width: 100%;
    text-align: center;
    font-weight: normal;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
} 

.h1-two-rows {
    -webkit-transform: translateY(-50%);
}

h1.home {
    color: #444444;
    position: relative;
    top: auto;
    transform: none;
    z-index: auto;
}

h2, h1.home { 
    font-size: 24px;  
    margin-bottom: 30px; 
    margin-top: 0; 
    display: inline;
}  

h3 { 
   margin: 0; 
   font-size: 22px;
   font-weight: bold;
}

h4 {
    font-weight: bold;
    font-size: 15px;
}

p{  
    font-size: 16px;  
    margin-bottom: 30px; 
    color: #444444;
} /*16px*/

a, a:visited, a:focus, a:hover {
    color: #444444;
    text-decoration: none;
}

a:hover, a:focus {
    color: #D12421;
    text-decoration: none;
}

input, textarea {
    outline-width: 0;
}

.bold {
    font-weight: bold;
}

.container-fluid, .container {
    max-width: 1920px;
}

textarea { resize: none; rows: 15; }

.black-color { background-color: #20202F; }
.black-text { color: #20202F; }
.grey-color { background-color: #444444; }
.grey-text { color: #444444; }
.beige-color { background-color: #F4F3EE; }
.beige-text { color: #F4F3EE; }
.red-color { background-color: #D12421; }
.red-text, .active { color: #D12421; }
.white-color { background-color: #FFFFFF; }
.white-text { color: #FFFFFF; }

.block { display: block; }
.inline { display: inline; }

.float-right { float: right; }
.float-leftt { float: left; }

.no-margin { margin: 0; }
.no-padding { padding: 0; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.pos-rel { position: relative; }
.pos-abs { position: absolute; }

.full-width, table.tarieven {
    width: 100%;
} 

:-moz-any-link:focus {
    outline: none;
}

.header {
    height: 115px;
    position: relative;
}

.header .logo {
    padding-top: 15px;
    position: absolute;
}

.top-line {
    height: 25px;
    line-height: 25px;
    font-size: 12px; 
}

.black-line {
    width: 100%;
    background-color: #20202F;
    height: 12px;
}

.back-to-top {
    background: url("../img/home/BactToTop.png") no-repeat scroll 0 0 transparent;
    position: fixed;
    bottom: 4em;
    right: 2em;
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    padding: 1em;
    display: none;
    width: 75px;
    height: 75px;
    outline: none; 
}

.back-to-top:active {
    outline: none; 
}

.back-to-top:focus {
    outline: none; 
}

.top-line, .top-line a, #itaf-copyright a {
    color: white;
}

.top-line .inline a img {
    bottom: 2px;
    position: relative;
}

.title-dash img {
    margin-bottom: 4px;
}

.nav-bar-custom {
    background: none;
    border: none;
}

.navbar-default .navbar-nav > li > a {
    border-bottom: 4px solid transparent; 
}

.navbar-default .navbar-nav > li.active {
    border-bottom: 4px solid #D12421; 
}

.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:active,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
    background: none;
}

.nav-bar-custom .navbar-collapse ul.navbar-right li {
    text-align: center;
}

.active-lang a {
    color: #D12421;
}

.top-languages {
    padding-right: 35px;
}

.menu-custom {
    right: 0;
    position:absolute; 
    bottom:-4px;
}

#itaf-copyright .row {
    color: white;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

.normal-weight {
    font-weight: normal;
}

#navbarCollapse {
    position: relative;
    z-index: 8;
}

#navbarCollapse ul.navbar-nav li:first-of-type a {
    padding-left: 0;
}

#navbarCollapse ul.navbar-nav li:last-of-type a {
    padding-right: 0;
}

#navbarCollapse .navbar-nav li a {
    font-size: 12px;
    font-weight: bold;
    padding: 15px 2px 15px 3px;
}

body.fr #navbarCollapse .navbar-nav li a {
    padding: 15px 5px 15px 4px;
}

body.en #navbarCollapse .navbar-nav li a {
    padding: 15px 6px;
}

body.nl #navbarCollapse .navbar-nav li a {
    padding: 15px 5px;
}

.team {
    background-image:url('../img/home/TeamBackground.jpg');
    min-height: 542px;
}

.member {
    width: 20% !important;
    text-align: center;
    padding-bottom: 30px;
}

.member a, .member h5 {
    font-size: 14px;
    font-weight: bold;
}

.member img {
    height: auto;
    margin-bottom: 17px;
    width: 100%;
}

.member p {
    margin-bottom: 3px;
}

.filosofie-paragraphs p:last-of-type, .tarieven-paragraphs p:last-of-type {
    margin-bottom: 0;
}

#nuttige-links div.row:last-of-type {
    padding-bottom: 0;
}

.red-text {
    color: #D12421;
}

.custom-top-margin {
    margin-top: 57px;
}

.custom-bottom-margin {
    margin-bottom: 57px;
}

.custom-bottom-margin-ul {
    margin-bottom: 30px;
}

#home-team-heading h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.dash-img {
    margin-left: 10px;
    margin-right: 10px;
}

.member-info h2 {
    font-size: 14px;
}

.member a, .member-info p {
    font-size: 13px;
}

.button-red, .button-white {
    border-radius: 0;
    padding: 3px 0;
    width: 165px;
}

.button-white, .button-red:hover, .button-red:focus {
    background: white none repeat scroll 0 0;
    border: 1px solid #444444;
    color: #444444;
}

.button-red, .button-white:hover, .button-white:focus {
    color: white;
    background: #D12421 none repeat scroll 0 0;
    border: 1px solid transparent;
}

.custom-margin {
    margin-bottom: 30px;
}

.custom-p-margin {
    margin-top: 30px;
    margin-bottom: 0a;
}

#contact-page-contact {
    min-height: 607px;
}

#map-canvas {
    height: 502px;
    margin: 0px;
    padding: 0px;
}

.gm-style-iw p {
    margin-bottom: 0;
}

a.team-link:hover h5, a.team-link:hover~a {
    color: #D12421;
}

.contact form input:not(.button-red), .contact form textarea {
    border: none;
    font-size: 14px;
    margin-bottom: 7px;
    margin-top: 7px;
    padding: 8px 15px;
    width: 85%;
    max-width: 777px;
}

.contact form input[type=submit] {
    margin-top: 23px;
}

.contact h2 {
    margin-bottom: 40px;
}

.team-bottom-margin {
    margin-bottom: 104px;
}

.team-bottom-margin, .custom-top-margin .beige-color {
    min-height: 226px;
}

.custom-top-margin .beige-color {
    padding: 10px 15px;
}

.phone p, .check-in p, .mail p {
    margin-left: 60px;
    margin-bottom: 0px;
}


.check-in {
    background-image: url("../img/home/Location.png");
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.mail {
    background-image: url("../img/home/Email.png");
    background-repeat: no-repeat;
    height: 40px;
    line-height: 38px;
}

.phone {
    background-image: url("../img/home/Phone.png");
    background-repeat: no-repeat;
    margin-bottom: 20px;

}

.team-bottom-margin .beige-color h5 {
    font-weight: bold;
    font-size: 16px;
}

.team-bottom-margin .beige-color p {
    margin-top: 15px;
    margin-bottom: 5px;
}

.team-bottom-margin .beige-color hr, .custom-bottom-margin .beige-color hr {
    height: 1px;
    border-top: 1px solid #444444;
    margin-top: 10px;
    margin-bottom: 10px;
}

ul.navbar-right li {
    background: white;
}
.overflow-hidden {
    overflow: hidden;
}

.navbar-header button.navbar-toggle {
    margin-top: 70px;
}

.navbar-header button.navbar-toggle:hover, .navbar-header button.navbar-toggle:focus {
    background: white;
}
.navbar-header button.navbar-toggle span {
    background: #444444;
}

.navbar-header button.navbar-toggle:hover span, .navbar-header button.navbar-toggle:focus span {
    background: #D12421;
}

.banner {
    position: relative;
    z-index: 1;
}

.header .logo img {
    position: relative;
    z-index: 15;
}

.team-member-img {
    text-align: center;
}

div.ul ul {
    padding-left: 15px;
    list-style-type: none;
}

div.second-level-ul div.ul ul {
    list-style-type: disc;
}

div.ul ul li p {
    margin: 0;
    width: auto;
}

ul.custom-nav li.nav a, div.ul ul li p {
        background-image: url("../img/home/Arrow.png");
    background-position: 0 5px;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 35px;
}

div.ul ul li a {
    padding: 0;
}

ul.custom-nav {
    border-bottom: none;
}

ul.custom-nav li a {
    padding-top: 0;
    padding-bottom: 0;
}

ul.custom-nav li.nav a:hover,
ul.custom-nav li.nav a:focus {
    background-image: url("../img/home/Arrow2.png");
}

ul.custom-nav a:hover,
ul.custom-nav a:focus {
    background: none;
    outline: none;
} 

.second-level-ul {
    font-size: 15px;
    padding: 0 30px;
}

div.second-level-ul ul li {
    color: #444444;
    height: 20px;
    padding-left: 5px;
    height: auto;
}

.reset-link {
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 30;
    background-image: url('../img/home/Arrow3b.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 20px;
}

.reset-link:hover,
.reset-link:focus {
    color: #D12421;
    cursor: pointer;
}

.reset-link:hover,
.reset-link:focus {
    background-image: url('../img/home/Arrow3.png');
}

#home-tabs {
    height: 436px;
}

.numbers {
    background-repeat: no-repeat;
    background-position: 15px 5px;
    padding-left: 57px;
}

.numbers:last-of-type {
    margin-bottom: 0;
}

.numbers a {
    color: #D12421;
}

.numbers p {
    line-height: 30px;
}

.numbers p:first-of-type {
    margin-top: 0;
}

.num-1 {
    background-image: url('../img/dienstenwet/1.png');
}

.num-2 {
    background-image: url('../img/dienstenwet/2.png');
}

.num-3 {
    background-image: url('../img/dienstenwet/3.png');
}

.num-4 {
    background-image: url('../img/dienstenwet/4.png');
}

.num-5 {
    background-image: url('../img/dienstenwet/5.png');
}

.num-6 {
    background-image: url('../img/dienstenwet/6.png');
}

.num-7 {
    background-image: url('../img/dienstenwet/7.png');
}

.num-8 {
    background-image: url('../img/dienstenwet/8.png');
}

.num-9 {
    background-image: url('../img/dienstenwet/9.png');
}

.num-10 {
    background-image: url('../img/dienstenwet/10.png');
}

.tarieven-h2 {
    background-repeat: no-repeat;
    height: 65px;
    padding-left: 85px;
}


.tarieven-img-1 {
    background-image: url('../img/tarieven/Facturen.png');
    padding-top: 5px; 
}

.tarieven-img-2 {
    /*background-image: url('../img/tarieven/Facturen.png');*/
    background-image: url('../img/tarieven/Uurtarief.png');
}

.tarieven-img-3 {
    /*background-image: url('../img/tarieven/Facturen.png');*/
    background-image: url('../img/tarieven/BTW.png');
}

.tarieven-img-2, .tarieven-img-3 {
    padding-top: 18px;
}

table.tarieven tr:last-of-type {
    border-bottom: 1px solid #F4F3EE;
}

table.tarieven td {
    padding: 1px 5px;
}

table.tarieven tr:nth-child(odd) {
    background-color: #F4F3EE;
}

table.tarieven tr td:first-of-type {
    width: 84%;
}

table.tarieven tr td:last-of-type {
    width: 15%;
    text-align: right;
    color: #D12421;
}

#nuttige-links div.row {
    padding: 25px 0;
    border-bottom: 1px solid #F4F3EE;
}

#nuttige-links div.row:first-of-type {
    padding-top: 0;
}

#nuttige-links div.row:last-of-type {
    border-bottom: none; 
}

#nuttige-links h2 {
    margin-top: 0;
    margin-bottom: 12px;
}

#nuttige-links .links-logo {
    width: 20%;
}

#nuttige-links a {
    color: #D12421;
}

.banner-404-wrap {
    background-color: #fbfaf8;
}

.banner-404 {
    position: relative;
    text-align: center;
    font-family: 'Noto Sans', sans-serif;
    background-image:url('../img/error/BannerError.jpg');
    background-position: center;
    background-size: 100%; 
    height: 938px;
    background-repeat: no-repeat;
}

.vertical-row {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.vertical-row .center img.img-responsive {
    display: inline;
}

.text-404 p {
    color: #D12421;
    font-size: 300px;
    font-weight: bold;
    display: inline;
    margin: 0;
}

.text-error p {
    font-size: 50px;
    display: inline;
    margin: 0;
    position: relative;
    top: -43px;
}

.text-msg-top, .text-msg-bottom {
    font-size: 25px;
    position: relative;
}

.text-msg-top {
    bottom: -50px;
}

.text-msg-bottom {
    top: -50px;
}



@media only screen and (max-width: 2200px) {
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1900px) {
    
}

@media only screen and (max-width: 1600px) {


}


@media only screen and (max-width: 1200px) {
    
    .header {
        height: 100px;
    }
    
    .header .logo img {
        width: 170px;
    }
    
    .team-link img {
        width: 100%;
    }
    
    #navbarCollapse .navbar-nav li a {
        font-size: 11px;
        padding: 15px 6px;
    }
    
    body.en #home-tabs {
        height: 438px;
    }

    body.fr #home-tabs {
        height: 459px;
    }
    
    body.nl #home-tabs {
        height: 470px;
    }
    
    .banner-404 {
        height: 800px;
    }
    
}


@media only screen and (max-width: 992px) {

    .member {
        width: 50% !important;
    }
    
    .navbar-right {
        margin-right: 0;
    }
    
    #home-tabs ul.nav li.nav {
        font-size: 13px;
    }
    
    #navbarCollapse .navbar-nav li a {
        padding: 15px 6px;
    }
    
    .header {
        height: 75px;
    }
    
    .header .logo img {
        width: 110px;
    }
    
    .contact form input:not(.button-red), .contact form textarea {
        width: 100%;
    }
    
    div.icon-wrapper {
        display: flex;
        margin-bottom: 30px;
    }
    
    div.icon-wrapper div {
        background-position: center top;
        display: inline-block;
        width: 32%;
        padding-top: 50px;
    }
    
    .mail {
        line-height: normal;
    }
    
    .phone p, .check-in p, .mail p {
        margin-left: 0;
        text-align: center;
    }
    
    .team-member-info, .mail {
        text-align: center;
    }
    
    .team-member-img img {
        margin-bottom: 10px;
    }
    
    .navbar-default .navbar-nav > li > a {
        padding: 15px 10px;
    }
    
    #navbarCollapse .navbar-nav li a {
        font-size: 10px;
        padding: 15px 5px;
    }
    
    .team-link img {
        width: 70%;
    }
    
    #nuttige-links div.row {
        text-align: center;
    }
    
    #nuttige-links div.links-logo {
        width: 100%;
    }
    
    #nuttige-links div.link-content p {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    
    #nuttige-links a {
        position: relative;
    }
    
    #map-canvas {
        height: 440px;
    }

    body.nl #home-tabs, body.fr #home-tabs {
        height: 435px;
    }
    
    body.en #home-tabs {
        height: 416px;
    }
    
    .team-bottom-margin {
        margin-bottom: 75px;
    }
    
    body.fr #navbarCollapse .navbar-nav li a, body.nl #navbarCollapse .navbar-nav li a {
        padding: 15px 2px;
    }
    
    body.en #navbarCollapse .navbar-nav li a {
        padding: 15px 3px;
    }
    
    .banner-404 {
        height: 800px;
    }
   
}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {

    .member {
        width: 50% !important;
    }
    
    #itaf-copyright .left, .text-align-right {
        text-align: center;
        line-height: 20px;
    }
    
    .custom-top-margin {
        margin-top: 37px;
    }
    
    .custom-bottom-margin {
        margin-bottom: 37px;
    }
    
    .menu-custom {
        position: relative; 
        bottom: 0px;
    }
    
    #navbarCollapse {
        background: white;
    }
    
    #navbarCollapse .navbar-nav li a {
        font-size: 12px;
    }
    
    .header .logo img {
        padding-left: 1px;
        width: 20%;
    }
    
    .navbar-header button.navbar-toggle {
        margin-top: 40px;
    }
    
    button.button-red {
        width: 100%;
    }
    
    ul.custom-nav li.active {
        width: 85%;
    }
    
    ul.custom-nav li.nav a, div.ul ul li p {
        margin-bottom: 8px;
    }
    
    p, a, #area-uls, .button-white, .button-red, .reset-link, table.tarieven, .team-member-info p {
        font-size: 14px;
    }
    
    h2, h1.home {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }
    
    .custom-nav li a {
        width: auto;
    }
    
    .numbers {
        background-position: center 5px;
        padding-top: 57px;
        padding-left: 0;
        text-align: center;
    }
    
    #map-canvas {
        height: 380px;
    }
    
    h1 {
        font-size: 28px;
        /*top: 25%;*/
    }
    
    h4 {
        font-size: 14px;
    }
    
    body.en #home-tabs,body.nl #home-tabs, body.fr #home-tabs {
        height: 505px;
    }
    
    .team-bottom-margin {
        margin-bottom: 60px;
    }
    
    .numbers p {
        line-height: 25px;
    }
    
    .member a, .member h5 {
        font-size: 13px;
    }
    
    .navbar-default .navbar-nav > li.active {
        border-bottom: 0;
    }
    
    .navbar-default .navbar-nav > li.active > a {
        display: inline-block;
        border-bottom: 4px solid #D12421;
    }
    
    .button-red, .button-white {
        height: 48px;
    }
    
    .banner-404 {
        height: 800px;
    }
    
    .error-links button:first-of-type {
        margin-top: 20;
    }
    
    .error-links button {
        display: block;
        margin: 32px auto;
    }
    
}


/*******/

@media only screen and (max-width: 700px) {

}

@media only screen and (max-width: 650px) {
    
    body.fr #home-tabs {
        height: 525px;
    }
    
}

@media only screen and (max-width: 600px) {
    

    
}


@media only screen and (max-width: 575px) {
    
    body.nl #home-tabs {
        height: 524px;
    }   
    
    .banner-404 {
        height: 600px;
    }
}

@media only screen and (max-width: 500px) {
    
    
    
}


/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    
    .header {
        height: 65px;
    }
    
    .navbar-header button.navbar-toggle {
        margin-top: 15px;
    }
    
    .header .logo img {
        width: 22%;
    }
    
    #home-team .member a img {
        width: 80%;
    }

    .member {
        width: 50% !important;
        height: 300px;
    }
    
    .team-member-img img {
        width: 40%;
    }
    
    #area-uls, #home-tabs {
        font-size: 14px;
    }
    
    #map-canvas {
        height: 250px;
    }

    h1 {
        font-size: 18px;
    }
    
    h2, h1.home {
        font-size: 16px;
    }
    
    h4 {
        font-size: 13px;
    }
    
    p, a, #area-uls, #home-tabs .button-white, .button-red, .reset-link, table.tarieven, .team-member-info p {
        font-size: 13px;
    }
    
    .numbers p {
        line-height: 20px;
    }
    
    .member a, .member h5 {
        font-size: 12px;
    }
    
    body.nl #home-tabs, body.fr #home-tabs {
        height: 500px;
    }
    
    body.en #home-tabs {
        height: 482px;
    }
    
    .title-dash img {
        margin: 0 3px 1px 3px;
    }
    
}

@media only screen and (max-width: 442px) {

    body.en #home-tabs {
        height: 500px;
    }
    
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 380px) {

    .title-dash .dash-img {
        display: none;
    }
    
    p, a, #area-uls, #home-tabs .button-white, .button-red, .reset-link, table.tarieven, .team-member-info p {
        font-size: 12px;
    }
    
    body.en #home-tabs, body.nl #home-tabs, body.fr #home-tabs {
        height: 490px;
    }
    
    
    #home-team .member a img {
        width: 100%;
    }
    
    h1 {
        font-size: 17px;
        /*top: 15%;*/
    }
    
    .banner-404 {
        height: 450px;
    }
    
}


@media screen and (-webkit-min-device-pixel-ratio:0) {


}