/* Fonts */
@font-face {
    font-family: 'martin-fine-icons';
    src:    url('fonts/martin-fine-icomoon.eot?ca7454');
    src:    url('fonts/martin-fine-icomoon.eot?ca7454#iefix') format('embedded-opentype'),
        url('fonts/martin-fine-icomoon.ttf?ca7454') format('truetype'),
        url('fonts/martin-fine-icomoon.woff?ca7454') format('woff'),
        url('fonts/martin-fine-icomoon.svg?ca7454#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    overflow-x: hidden;
}

p {
    font-weight: 300;
}

#top-bar {
    display: none !important;
}

#logo {
    top: 0px;
}

    #logo img {
        margin-top: 10px;
        max-height: 60px;
    }

    /*#logo:before {
        content: '';
        display: block;
        height: 300px;
        width: 200px;
        background: url(/img/smarter_icon@4x.png) center top no-repeat;
        background-size: contain;
        position: absolute;
        left: 230px;
    }*/

.navbar {
    background-color: #000000;
    position: fixed;
    left: auto;
    right: auto;
}

    @media (max-width: 1200px) {
        .navbar {
            left: 0;
            right: 0;
        }
    }

    .nav.navbar-nav {
        background-color: rgba(0,0,0,0.9);
    }

    @media (max-width: 545px) {
        .nav.navbar-nav {
            padding-top: 40px;
        }

    }

        .navbar-collapse {
            padding-right: 0px;
            padding-left: 0px;
            margin-left: 210px;
        }

        @media (max-width: 1200px) {
            .navbar-collapse {
                margin-left: 0;
            }

            .navbar-fixed-bottom .navbar-collapse,
            .navbar-fixed-top .navbar-collapse {
                max-height: none;
            }
        }

        .navbar.top {
            left: 130px;
        }
        .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:hover {
            background-color: #D90000;
        }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

        .navbar-default .navbar-nav > li > a {
            font-weight: 400;
            padding: 30px;
            letter-spacing: 1.8px;
        }
            @media (max-width: 1200px) {
                .navbar-default .navbar-nav > li > a {
                    padding: 20px;
                    text-align: center;
                }
            }

            .navbar-default .navbar-nav > li > a:focus,
            .navbar-default .navbar-nav > li > a:hover,
            .navbar-default .navbar-nav > .selected > a,
            .navbar-default .navbar-nav > .selected > a:focus,
            .navbar-default .navbar-nav > .selected > a:hover {
                background-color: #666666 !important;
                color: #ffffff !important;
            }

            .special-cta {
                /*background-color: #af1362;*/
                background-color: #FF8100;
            }
            .colorful {
                color: #ccc;
            }



#home h1 {
    /*max-width: 650px;*/
    line-height: 100px;
    font-size: 95px;

    margin-top: 200px;
    background: rgba(0,0,0,0.75);
    padding: 20px 20px;
}
    #home h2 { 
        color: rgba(255,255,255,0.75);
        text-transform: uppercase;
        color: #FF8100;
        background: rgba(0,0,0,0.75);
        padding: 20px;
    }

    #home h1:before {
        content: '';
        display: inline-block;
        height: 80px;
        width: 80px;
        background: url(/img/knr_logo.png) center center no-repeat;
        background-size: contain;
        position: relative;
        margin-right: 20px;
        margin-bottom: -12px;

        display: none;
    }
    .bigBanner { min-height: 100%; }
    @media(min-width: 2000px) {
        .bigBanner {
            top: -25%;
        }
    }

.band:first-child h2 { margin-bottom: 200px; }


#home .centerButton {
    padding: 60px 0px;
}
    #home .actionButton {
        text-transform: uppercase;
        padding: 10px 60px;
        font-weight: 400;
    }

@media(min-width: 1200px) {
    #home {
        min-height: 800px;
    }
    #home h1 {
        margin-top: 300px;
    }
    #home .centerButton {
        margin-bottom: 200px;
    }
}

@media(max-width: 767px) {
    #home h1 {
        top: 80px;
        line-height: 60px;
        margin-top: 200px;
        font-size: 50px;
        padding: 15px;
    }
    #home h2 {
        position: relative;
        color: #fff;
        text-shadow: 1px 1px black;
        font-size: 20px;
    }
    .bigBanner { 
        left: -150px;
        top: 50px;
    }
    #home .centerButton {
        padding: 30px 0 60px 0;
    }
    #home .actionButton {
        text-transform: uppercase;
        padding: 10px 60px;
        font-weight: 400;
        font-size: 12px;
        top: 20px;
    }

}
        .main-content h2 { color: #fff; }
        .main-content h2:before {
            background-image: url('/img/knr_logo.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;

            display: inline-block;
            height: 100px;
            width: 50px;
            margin: -50px 0 -25px 0;
            content: "";
        }

    .main-content .container div {
        margin-top: 60px;
        position: relative;
        display: inline-block;
        z-index: 2;
    }

    .svgImage {
        fill: #ffffff;
        background-color: #222222;
    }

        .svgImage:hover {
            background-color: #666666;
        }

        .svgImage:hover:after {
            background-color: #666666;
        }

    .plusIcon {
        display: none;
    }

    .projectsImgHoverState .title {
        margin-top: 5px;
    }

/* Spacing for Headers */
.projects .sectionHeading {
     margin-bottom: 45px;
}
.projects { background-color: #fff; }
.services { background-color: #eee; }
.services .servicesContent {
    padding-top: 0px;
}

.squareTile .projectsImg { height: auto; }



    .service-image img { width: 100%; }
    .service-text { 
        padding: 25px;
        background-color: #000;
        color: #fff;
    }
        .service-text a, .service-text h4 {
            color: #fff;
        }
        .service-text h4 {
            text-transform: uppercase;
            font-size: 20px;
        }
        .service-text p {
            font-size: 16px;
            color: rgba(255,255,255,0.9);
        }



.main-content p {
    padding-top: 0;
}
.contact-form-holder {
    padding-bottom: 20px;
}

#footer {
    /*
    background: url(/img/smarter_icon@4x.png) center top no-repeat;
    background-repeat: no-repeat;
    background-position: 70%;
    background-size: contain;
    */
}
    #footer input[type="text"], #footer textarea { background-color: #000; }






/* Contact Us Button Bar */
#contact-bar-title {
    background-color: #020202;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 30px;
}

#contact-bar-title.services {
    padding-bottom: 0px;
}

    #contact-bar-title .bannerLine {
        padding: 40px 0px 40px 0px;
    }

        #contact-bar-title a.actionButton {
            color: #f2f2f2;
            text-transform: uppercase;
            background-color: #FF8600;
            padding: 12px 17px 12px 17px;
            font-size: 13px;
            letter-spacing: 0px;
        }

        #contact-bar-title .container {
            display: none;
        }

/* Contact Us Title Bar */
body #contact-us-title.services {
    padding-bottom: 34px;
}

    body #contact-us-title .servicesContent {
        padding-top: 12px;
    }

        #contact-us-title h2 {
            margin-bottom: 0px;
        }

/* Form */
#cform form {
    width: 800px;
    margin: 0px auto;
    color: #020202;
}

    @media all and (max-width: 1100px) {
        #cform form {
            width: 100%;
        }
    }

#cform form .form-control {
    background-color: rgba(255, 255, 255, 1);
    color: #020202;
}

    .contact-form .btn-submit {
        color: #f2f2f2;
        text-transform: uppercase;
        /*background-color: #FF8600;*/
        padding: 12px 52px 12px 52px;
        font-size: 13px;
        letter-spacing: 0px;
        margin-top: 10px;
    }

/* Footer */
body #footer {
    padding-top: 0px;
    background-color: #f2f2f2;
    color: #020202;
}

    body #footer p {
        color: #020202;
    }

        body #footer #cform p {
            color: #f2f2f2;
        }

        @media (max-width: 767px) {
            #footer { background-image: none; }
            .contact-form-holder {
                /* background: url(/img/smarter_icon@4x.png) center top no-repeat; */
                background-repeat: no-repeat;
                background-size: cover;
            }
        }

    .contact-details-bar {
        background-color: #111;
        color: #f2f2f2;
        padding-top: 30px;
        padding-bottom: 20px;
    }

         .contact-details-bar .container {
             width: 700px;
             margin: 0px auto;
         }

            .contact-details-bar .contact-details-box {
                padding-left: 50px;
                margin: 0px auto;
            }

            .contact-details-bar .contact-details-box:before {
                width: 50px;
                height: 50px;
                content: '';
                display: inline-block;
                float: left;
                position: absolute;
                left: 0px;
                top: 0px;
                font-family: 'martin-fine-icons';
                font-size: 20px;
                color: #ccc;
            }

            .contact-details-bar #footer-call-me.contact-details-box:before {
                content: '\e901';
            }

            .contact-details-bar #footer-email.contact-details-box:before {
                content: '\e900';
            }

            .contact-details-bar #footer-address.contact-details-box:before {
                content: '\e902';
            }

                @media all and (max-width: 992px) {
                    .contact-details-bar .contact-details-box {
                        margin-bottom: 26px;
                    }
                }

                .contact-details-bar .contact-details-box span {
                    display: block;
                    margin-bottom: 7px;
                    text-align: left;
                }

    div.socialIcons {
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 30px;
    }

        .socialIcons > a {
            float: none;
            margin-left: 6px;
            margin-right: 6px;
        }

            @media all and (max-width: 330px) {

                .socialIcons > a {
                    margin-left: 2px;
                    margin-right: 2px;
                }

            }

        .map-holder.col-xs-12.col-sm-12 {
            padding-left: 0px;
            padding-right: 0px;
        }

            #footer .map .mapPlaceholder {
                margin-top: 0px;
            }

            .social-copyright-holder.col-xs-12.col-sm-12 .container {
                padding-left: 0px;
                padding-right: 0px;
            }

            /* Map Container */

            .map-container iframe {
                width: 100%;
                pointer-events: none;
            }

    #footer .copyright {
        text-align: center;
        color: #020202;
    }

    body #footer p.website-by-text {
        font-size: 12px;
    }

        body #footer p.website-by-text a {
            color: #ccc;
        }