/* 
Author/copyright: Hans Netto
*/
    /* responsive headers */
    
    .grey {
        background-image: url('../img/headerBGblack.JPG');
    }
    /* min 992 px */
    /* min 992 px */
    
    @media (min-width: 992px) {
        .grey {
            background-image: url('../img/headerBGblack.JPG');
            max-height: 200px;
        }
        header .intro-text {
            padding-top: 40px;
            padding-bottom: 10px;
        }
        .navbar-custom {
            padding-top: 70px;
        }
        header {}
        .navbar-brand img {
            max-width: 370px;
            display: inline-block;
            margin-top: -60px;
            /* float: left; in case txt needs to be displayed on the right side of the image */
        }
        .navbar-custom.affix .navbar-brand img {
            max-height: 50px;
            margin-top: -15px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }
        header .intro-text .intro-heading {
            font-size: 1em;
            font-weight: 100;
            text-align: left;
            line-height: 0px;
            margin-top: 110px;
            margin-left: 65px;
        }
        header .intro-text .intro-heading-second-line {
            margin-top: -30px;
        }
        .customLeft {
            text-align: left;
        }
    }
    /* max 992 px */
    /* max 992 px */
    
    @media (max-width: 992px) {
        .grey {
            background-image: url('../img/headerBGblack.JPG');
            max-height: 165px;
        }
        header .intro-text {
            padding-top: 40px;
            padding-bottom: 10px;
        }
        .navbar-custom {
            padding-top: 40px;
        }
        header {}
        .navbar-brand img {
            max-width: 300px;
            display: inline-block;
            margin-top: -40px;
            /* float: left; in case txt needs to be displayed on the right side of the image */
        }
        .navbar-custom.affix .navbar-brand img {
            max-height: 50px;
            margin-top: -15px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }
        header .intro-text .intro-heading {
            font-size: 1em;
            font-weight: 100;
            text-align: left;
            line-height: 0px;
            margin-top: 75px;
            margin-left: 55px;
        }
        header .intro-text .intro-heading-second-line {
            margin-top: -30px;
        }
        .customLeft {
            text-align: left;
        }
    }
    /* 768 px */
    /* 768 px */
    
    @media (max-width: 768px) {
        .grey {
            background-image: url('../img/headerBGblack.JPG');
            max-height: 110px;
        }
        #mainNav {
            margin-top: -30px;
        }
        .navbar-brand img {
            max-width: 200px;
            display: inline-block;
            padding-top: 20px;
            /* float: left; */
            /* in case txt needs to be displayed on the right side of the image */
            /* padding: 15px 15px; */
            /* font-size: 18px; */
            /* line-height: 20px; */
        }
        .navbar-custom.affix .navbar-brand img {
            max-height: 40px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            padding-top: 0px;
            margin-top: -15px;
        }
        header .intro-text .intro-heading {
            font-size: 0.85em;
            font-weight: 100;
            text-align: left;
            line-height: 0px;
            margin-top: 37px;
            margin-left: 35px;
            z-index: 999;
        }
        header .intro-text .intro-heading-second-line {
            margin-top: -7px;
        }
        .customLeft {
            text-align: left;
        }
    }
    /* 613 px*/
    
    @media (max-width: 613px) {
        .navbar-custom.affix .navbar-brand img {
            max-height: 40px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            padding-top: 0px;
            margin-top: -15px;
        }
        header .intro-text .intro-heading {
            font-size: 0.85em;
            font-weight: 100;
            text-align: left;
            line-height: 0px;
            margin-top: 37px;
            margin-left: 35px;
            z-index: 999;
        }
        header .intro-text .intro-heading-second-line {
            margin-top: -7px;
        }
        .customLeft {
            text-align: left;
        }
    }
    /* 321 px */
    
    @media (max-width: 321px) {
        .grey {
            background-image: url('../img/headerBGblack.JPG');
            max-height: 100px;
        }
        .navbar-brand img {
            max-height: 40px;
            display: inline-block;
            /* float: left; */
            /* in case txt needs to be displayed on the right side of the image */
            /* padding: 15px 15px; */
            /* font-size: 18px; */
            /* line-height: 20px; */
            padding-top: 0;
            margin-top: -10px;
        }
        /*.navbar-custom.affix .navbar-brand img {
        max-height: 40px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }*/
        header .intro-text .intro-heading {
            font-size: 0.8em;
            font-weight: 100;
            margin-left: 25px;
            text-align: left;
            line-height: 0px;
            margin-top: 30px;
        }
        header .intro-text .intro-heading-second-line {
            margin-top: -10px;
        }
        .customLeft {
            text-align: left;
        }
    }
    
    */
    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* END: header */
    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /*.customLeft {
    text-align: left;
    font-size: 1em;
}*/
    
    .customMarginsHeading {
        margin-bottom: -1em;
        margin-top: 50px;
    }
    
    .customBright {
        color: white;
        font-weight: 500;
    }
    
    .fa-4x {
        font-size: 1em;
    }
    
    .customPaddingServiceBullet {
        padding-bottom: 2em;
    }
    
    a:hover,
    a:focus,
    a:active,
    a.active {
        /*color: #fec503;*/
        color: #C65F3F;
    }
    
    .btn-xl:hover,
    .btn-xl:focus,
    .btn-xl:active,
    .btn-xl.active,
    .open .dropdown-toggle.btn-xl {
        color: white;
        /*background-color: #fec503;*/
        background-color: #C65F3F;
        border-color: #f6bf01;
    }
    
    .btn-xl:hover,
    .btn-xl:focus,
    .btn-xl:active,
    .btn-xl.active,
    .open .dropdown-toggle.btn-xl {
        color: white;
        /*background-color: #fec503;*/
        background-color: #C65F3F;
        border-color: #f6bf01;
    }
    
    .navbar-custom .navbar-brand:hover,
    .navbar-custom .navbar-brand:focus,
    .navbar-custom .navbar-brand:active,
    .navbar-custom .navbar-brand.active {
        /* color: #fec503;*/
        color: #C65F3F;
    }
    
    .navbar-custom .navbar-nav > .active > a:hover,
    .navbar-custom .navbar-nav > .active > a:focus {
        color: white;
        /*background-color: #fec503;*/
        background-color: #C65F3F;
    }
    
    .text-primary {
        /*color: #fed136;*/
        color: #E16D48;
    }
    
    a {
        /*color: #fed136;*/
        color: #E16D48;
    }
    
    .btn-primary {
        color: white;
        /*background-color: #fed136;*/
        background-color: #E16D48;
        /*border-color: #fed136;*/
        border-color: #E16D48;
        font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        /*background-color: #fed136;*/
        background-color: #E16D48;
        /*border-color: #fed136;*/
        border-color: #E16D48;
    }
    
    .btn-primary .badge {
        /*color: #fed136;*/
        color: #E16D48;
        background-color: white;
    }
    
    .btn-xl {
        color: white;
        /*background-color: #fed136;*/
        background-color: #E16D48;
        /*border-color: #fed136;*/
        border-color: #E16D48;
        font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        border-radius: 3px;
        font-size: 18px;
        padding: 20px 40px;
    }
    
    .btn-xl:hover,
    .btn-xl:focus,
    .btn-xl:active,
    .btn-xl.active,
    .open .dropdown-toggle.btn-xl {
        color: white;
        /*background-color: #fec503;*/
        /*border-color: #f6bf01;*/
        background-color: #C65F3F;
        border-color: #E16D48;
    }
    
    .btn-xl.disabled,
    .btn-xl[disabled],
    fieldset[disabled] .btn-xl,
    .btn-xl.disabled:hover,
    .btn-xl[disabled]:hover,
    fieldset[disabled] .btn-xl:hover,
    .btn-xl.disabled:focus,
    .btn-xl[disabled]:focus,
    fieldset[disabled] .btn-xl:focus,
    .btn-xl.disabled:active,
    .btn-xl[disabled]:active,
    fieldset[disabled] .btn-xl:active,
    .btn-xl.disabled.active,
    .btn-xl[disabled].active,
    fieldset[disabled] .btn-xl.active {
        /*background-color: #fed136;*/
        background-color: #E16D48;
        /*border-color: #fed136;*/
        border-color: #E16D48;
    }
    
    .btn-xl .badge {
        /*color: #fed136;*/
        color: #E16D48;
        background-color: white;
    }
    
    .navbar-custom .navbar-brand {
        /*color: #fed136;*/
        color: #E16D48;
        font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
    }
    
    .navbar-custom .navbar-toggle {
        /*background-color: #fed136;*/
        background-color: #E16D48;
        /*border-color: #fed136;*/
        border-color: #E16D48;
        font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: white;
        font-size: 12px;
    }
    
    .navbar-custom .navbar-toggle:hover,
    .navbar-custom .navbar-toggle:focus {
        /*background-color: #fed136;*/
        background-color: #E16D48;
    }
    
    .navbar-custom .nav li a:hover,
    .navbar-custom .nav li a:focus {
        /*color: #fed136;*/
        color: #E16D48;
        outline: none;
    }
    
    .navbar-custom .navbar-nav > .active > a {
        border-radius: 0;
        color: white;
        /*background-color: #fed136;*/
        background-color: #E16D48;
    }
    
    .timeline > li .timeline-image {
        left: 0;
        margin-left: 0;
        width: 80px;
        height: 80px;
        position: absolute;
        z-index: 100;
        /*background-color: #fed136;*/
        background-color: #E16D48;
        color: white;
        border-radius: 100%;
        border: 7px solid #f1f1f1;
        text-align: center;
    }
    
    section#contact .form-control:focus {
        border-color: #E16D48;
        /*border-color: #fed136;*/
        box-shadow: none;
    }
    
    ul.social-buttons li a:hover,
    ul.social-buttons li a:focus,
    ul.social-buttons li a:active {
        /*background-color: #fed136;*/
        background-color: #E16D48;
    }
    
    ::-moz-selection {
        text-shadow: none;
        /*background: #fed136;*/
        background: #E16D48;
    }
    
    ::selection {
        text-shadow: none;
        /*background: #fed136;*/
        background: #E16D48;
    }
    
    body {
        /*webkit-tap-highlight-color: #fed136;*/
        webkit-tap-highlight-color: #E16D48;
    }
    
    .emailImg {
        max-width: 120px;
    }
    
    .linkMuted a:link,
    a:visited {
        color: #fff;
    }
    
    .linkMuted a:hover,
    a:active {
        color: #fff;
    }
    
    a.footerCustom:link,
    a.footerCustom:visited {
        color: #E16D48;
    }
    
    a.footerCustom:hover,
    a.footerCustom:active {
        color: #E16D48;
    }
    
    ul.social-buttons li a {
        background-color: #E16D48;
    }
    /*#FED136 lichtgeel = #E16D48 logo-oranje
#fec503 donkergeel = #C65F3F donkeroranje
*/
    /*.test {
    background-color: aqua;
}*/