/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #fff;
    font-size: 1em;
    line-height: 1.4;
    width: 100%;
    overflow-x: hidden;
}


body {
    color:#fff;
    font-family: 'Lato', sans-serif;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   Webspring custom styles
   =======================================================================*/
    a {  color: inherit; }

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

    p {
        font-size: 19px;
        font-weight: 400;
        letter-spacing: 1px;
    }
        @media only screen and (max-width: 580px) {
            p {
                font-size: 16px;
            }
        }

    @media only screen and (min-width: 1220px) {
        .container {
            width: 1220px;
        }
    }

    .band {
        text-align: center;
    }

    .actionButton,
    .btn-submit {
        display: inline-block;
        opacity: 1;
        background-color: transparent;
        padding: 12px 24px;
        color: #fff;
        font-size: 17px;
        letter-spacing: 2px;
        text-transform: uppercase;
        border: 1px solid rgba(222,208,200,0.5);
        border-radius: 0px;
        font-weight: 400;
        position: relative;
        cursor: pointer;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
    }

        .actionButton:focus,
        .actionButton:hover,
        .btn-submit:focus,
        .btn-submit:hover {
            color: #fff;
            text-decoration: none;
            background-color: rgba(206,176,142,0.5);
        }

        .btn-submit:after,
        .actionButton:after {
            pointer-events: none;
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            top: -2px;
            left: -2px;
            padding: 2px;
            z-index: -1;
            background-color: rgba(206,176,142,0.5);
            -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
            -moz-transition: -moz-transform 0.2s, opacity 0.3s;
            transition: transform 0.2s, opacity 0.3s;
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            transform: scale(1.3);
            opacity: 0;
        }
            .btn-submit:hover:after,
            .actionButton:hover:after {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }

    h2.sectionHeading {
        text-transform: uppercase;
        margin-bottom: 45px;
        color: #222222;
        font-size: 55px;
        font-weight: 800;
        text-align: center;
        padding-top: 50px;
    }
        @media only screen and (max-width: 580px) {
            h2.sectionHeading {
                font-size: 50px;
            }
        }

/* Fix for burger menu appearing earlier */
 @media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
}

/* Header Top Bar*/
    #top-bar {
        min-height: 50px;
        padding: 15px 0px;
        width: 100%;
        position: fixed;
        z-index: 100000;
        top: -100px;
        background-color: #000000;
    }

        .top-bar-icon {
            float: left;
            clear: none;
            margin-left: 10px;
            margin-top: 6px;
            margin-left: 10px;
            height: 18px;
            width: 18px;
        }
            .top-bar-icon,
            .top-bar-icon a {
                width: 45px;
                height: 20px;
                display: inline-block;
                margin-right: 5px;
            }
                .top-bar-icon img {
                    max-width: 100%;
                    max-height: 100%;
                    float: right;
                    padding-top: 2px;
                    display: block;
                }

        #top-bar .top-bar-inner {
            padding: 0px;
            margin: 0px auto;
            max-width: 1200px;
            position: relative;
        }
            .top-bar-menu {
                list-style: none;
                margin: 0px;
                padding-left: 10px;
            }
                .top-bar-menu,
                .top-bar-menu li,
                .top-bar-menu li a {
                    height: 30px;
                    float: left;
                    padding-right: 5px;
                    text-transform: uppercase;
                    font-size: 12px;
                    line-height: 30px;
                    color: #202020;
                    margin: 0px;
                    font-weight: 600;
                    letter-spacing: 1px;
                }

                    .navbar-default.top .navbar-nav > li > a:focus,
                    .navbar-default.top .navbar-nav > li > a:hover,
                    .navbar-default.top .navbar-nav > .active > a,
                    .navbar-default.top .navbar-nav > .active > a:focus,
                    .navbar-default.top .navbar-nav > .active > a:hover {
                        border: 0 !important;
                    }

        .navbar.top {
            left: 95px;
            margin-top: -9px;
        }

            @media only screen and (max-width: 1200px) {
                .navbar.top {
                    left: 0;
                    margin-top: -2px;
                }
            }

            .navbar.top .navbar-header {
                margin-top: -6px;
            }
             @media only screen and (max-width: 1200px) {
                .top.navbar-default .navbar-toggle {
                    margin-bottom: 10px;
                }
            }

            .nav.navbar-nav.top-bar-menu {
                list-style: none;
                margin: 0px;
                padding-left: 10px;
            }
                .nav.navbar-nav.top-bar-menu,
                .nav.navbar-nav.top-bar-menu li,
                .nav.navbar-nav.top-bar-menu li a {
                    float: left;
                    padding: 2px 15px 0px 0px;
                    text-transform: uppercase;
                    font-size: 12px;
                    line-height: 30px;
                    color: #ffffff;
                    margin: 0px;
                    font-weight: 600;
                    letter-spacing: 1px;
                }
                @media only screen and (max-width: 1200px) {
                    .nav.navbar-nav.top-bar-menu,
                    .nav.navbar-nav.top-bar-menu li,
                    .nav.navbar-nav.top-bar-menu li a {
                        float: none;
                    }
                }
                @media only screen and (max-width: 486px) {
                    .nav.navbar-nav.top-bar-menu,
                    .nav.navbar-nav.top-bar-menu li,
                    .nav.navbar-nav.top-bar-menu li a {
                        text-align: center;
                        padding-right: 0px;
                    }
                }

                    .nav.navbar-nav.top-bar-menu li a:hover,
                    .nav.navbar-nav.top-bar-menu li a:focus,
                    .nav.navbar-nav.top-bar-menu li a.selected {
                        color: #D5AF8E;
                        text-decoration: none;
                        border: 1px solid rgba(120,67,85,0.1);
                    }

                @media only screen and (max-width: 1200px) {
                    .nav.navbar-nav.top-bar-menu {
                        float: none;
                        text-align: center;
                    }
                }

    /* Top Bar Social Icons */
        #top-bar .top-bar-inner div.socialIcons {
            padding-top: 0px;
        }
            @media only screen and (max-width: 1200px) {
                #top-bar .top-bar-inner div.socialIcons {
                    padding-bottom: 20px;
                    float: left;
                    padding-left: 15px;
                }
            }

            @media only screen and (max-width: 486px) {
                 #top-bar .top-bar-inner div.socialIcons {
                    padding-left: 0px;
                    float: none;
                }
            }

            .nav.navbar-nav.top-bar-menu li .socialIcons > a:focus,
            .nav.navbar-nav.top-bar-menu li .socialIcons > a:hover {
               border: 0;
            }

            #top-bar .top-bar-inner .socialIcons .social-icon {
                margin-left: 5px;
                font-size: 14px;
                margin-right: 0px;
                margin-top: 0px;
                padding: 8px;
            }

/* Main Banner Band */
    #home {
        background-color: rgba(0, 0, 0, 0.15);
        width: 100%;
        text-align: center;
        overflow: hidden;
        min-height: 595px;
        position: relative;
    }

    /* Header */
        #header .row {
            min-height: 80px;
            margin-bottom: 140px;
        }

            @media only screen and (max-width: 563px) {
                #header .row {
                    margin-bottom: 80px;
                }
            }

            #logo {
                position: absolute;
                color: #000;
                text-align: left;
                left: 0px;
                top: 15px;
                z-index: 12;
                clear: none;
            }
                #logo img {
                    max-height: 53px;
                }

        /* Navigation*/
            .navbar {
                background-color: #ffffff;
                border-top: none;
                border: none;
                border-radius: 0px;
                position: fixed;
                width: 100%;
                max-width: 1200px;
                margin: 0px auto;
            }
                @media only screen and (max-width: 768px) {
                    .navbar {
                        background-color: #ffffff;
                    }
                }

                .navbar-header {
                    margin-top: 15px;
                }
                    .navbar-toggle {
                        margin-bottom: 25px;
                        z-index: 15;
                    }

                .navbar-nav {
                    padding: 0px;
                    margin: 0px;
                    position: relative;
                    z-index: 11;
                    float: right;
                    clear: none;
                }
                    @media only screen and (max-width: 768px) {
                        .navbar-nav {
                            float: left;
                            width: 100%;
                        }
                    }

                    .navbar-default .navbar-nav > li > a {
                        min-width: 80px;
                        padding: 30px 20px;
                        font-size: 15px;
                        color: #202020;
                        font-weight: 600;
                        letter-spacing: 1px;
                        text-transform: uppercase;
                    }
                        @media only screen and (max-width: 768px) {
                            .navbar-default .navbar-nav > li > a {
                                padding: 15px 20px;
                                text-align: left;
                            }
                        }

                        .navbar-default .navbar-nav > li > a:focus,
                        .navbar-default .navbar-nav > li >a:hover,
                        .navbar-default .navbar-nav > .active > a,
                        .navbar-default .navbar-nav > .active > a:focus,
                        .navbar-default .navbar-nav > .active > a:hover {
                            background-color: #222222;
                            color: #ffffff;
                        }

        #home h1 {
            padding: 5px 0px;
            color: #ffffff;
            text-transform: uppercase;
            font-size: 59px;
            font-weight: 800;
            max-width: 1000px;
            letter-spacing:1px;
            line-height: 70px;
            margin: auto;
            text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
        }
            @media only screen and (max-width: 768px) {
                #home h1 {
                    font-size: 50px;
                }
            }

            @media only screen and (max-width: 580px) {
                #home h1 {
                    font-size: 45px;
                    line-height: 50px;
                }
            }

        #home .centerButton {
            padding: 30px 0px;
        }
            #home .actionButton {
                font-size: 20px;
                padding: 15px 35px;
                /* text-transform: none; */
                font-weight: 400;
            }

                @media only screen and (max-width: 768px) {
                    #home .actionButton {
                        font-size: 18px;
                    }
                }

                /* Is this Caveman Specific? */
                /* @media only screen and (max-width: 580px) {
                    #home .actionButton {
                        font-size: 13px;
                        padding: 12px 15px;
                    }
                } */

        .bigBanner {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: -1;
            width: 100%;
            min-width: 2000px;
            overflow: hidden;
        }

            /* Is this a Caveman Only style? */
            /*@media only screen and (max-width: 1000px) {
                .bigBanner {
                    left: -700px;
                }
            }*/

            @media only screen and (max-width: 768px) {
                .bigBanner {
                    width: auto;
                    height: 100%;
                    min-width: auto;
                }
            }

    /* Main Banner Content */
        .main-content {
            padding: 60px 0px;
            background-color: #222222;
        }

            .main-content h3 {
                font-size: 29px;
                max-width: 820px;
                margin: auto;
                line-height: 44px;
                font-weight: 600;
                letter-spacing: 1px;
            }

                @media only screen and (max-width: 768px) {
                    .main-content h3 {
                        font-size: 25px;
                    }
                }

                @media only screen and (max-width: 580px) {
                    .main-content h3 {
                        font-size: 20px;
                    }
                }

            .main-content p {
                opacity: 0.7;
                max-width: 900px;
                margin: auto;
                padding-top: 45px;
                color: #FFFFFF;
                z-index: 2;
            }

/* Button Slice */
    .bannerLine{
        width: 100%;
        position: relative;
        padding: 50px 0px;
        text-align: center;
        z-index: 2;
        background-size: cover;
    }

/* Subscribe Banner */
    .bannerLine.subscribe {
        padding: 60px 0px 110px;
    }

    .bannerLine.subscribe .newsletter .intro-text{
        padding-bottom: 50px;
    }

    .bannerLine.subscribe .newsletter .form-control {
        max-width: 540px;
        display: inline-block;
        height: 48px !important;
        margin-right: -5px;
        background-color: transparent;
        border-color: #fff;
        color: #fff;
    }



/* Services */
    .services {
        padding: 0px 0px 70px;
        background-color: #ffffff;
        color: #888888;
    }

        .servicesImg {
            max-width: 960px;
            margin:0 auto;
        }

            .servicesImg img {
                width: 100%;
            }

        .services .servicesContent {
            margin: auto;
            padding-top: 60px;
            max-width: 680px;
            color: #525252;
        }

            .servicesContent ul li:before {
                content: ' - ';
            }

            .servicesContent ul li {
                list-style: none;
                font-size: 14px;
                font-weight: 400;
                letter-spacing: 1px;
            }
            .servicesContent ul li a {
                color: inherit;
            }
                .servicesContent ul li a:focus,
                .servicesContent ul li a:hover {
                    text-decoration: none;
                }

        .services .tileBox {
            text-align: left;
            margin-top: 30px;
        }
            .services .tileBox > div {
                margin: 20px auto;
                text-align: center;
            }

                .svgImage {
                    margin: auto;
                    width: 126px;
                    height: 126px;
                    fill: #ffffff;
                    padding: 30px;
                    background-color: #222222;
                    border-radius: 100%;
                    position: relative;
                    z-index: 10;
                    cursor: pointer;
                    -webkit-transition: color 0.3s;
                    -moz-transition: color 0.3s;
                    transition: color 0.3s;
                }
                    .svgImage svg {
                        width: 100% !important;
                        height: 100% !important;
                    }


                    .svgImage:focus,
                    .svgImage:hover {
                        background-color: #ffffff;
                        fill: #666666;
                        border: 1px solid #666666;
                    }

                    .svgImage:focus,
                    .svgImage:hover {
                        background-color: #666666;
                    }
                        .svgImage:focus:after,
                        .svgImage:hover:after {
                            -webkit-transform: scale(1);
                            -moz-transform: scale(1);
                            -ms-transform: scale(1);
                            transform: scale(1);
                            opacity: 1;
                        }

                    .svgImage:after {
                        pointer-events: none;
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        border-radius: 100%;
                        content: '';
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                        top: -2px;
                        left: -2px;
                        padding: 2px;
                        z-index: -1;
                        background-color: #666666;
                        -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
                        -moz-transition: -moz-transform 0.2s, opacity 0.3s;
                        transition: transform 0.2s, opacity 0.3s;
                        -webkit-transform: scale(1.3);
                        -moz-transform: scale(1.3);
                        -ms-transform: scale(1.3);
                        transform: scale(1.3);
                        opacity: 0;
                    }


                .circleBoxTop,
                .circleBoxBottom {
                    float: left;
                    clear: none;
                }

                .circleBoxBottom {
                    margin-top: 32px;
                }
                    .circleBoxBottom h4 {
                        color: #525252;
                        text-transform: uppercase;
                        padding-bottom: 15px;
                    }

                    .circleBoxBottom p {
                        font-size: 16px;
                    }



/* Projects */
    .projects {
        padding: 0px 0px 70px;
        background-color: #EEEEEE;
    }

        .projects .sectionHeading {
            margin-bottom: 20px;
        }

        .projects .projectsContent {
            margin: auto;
            max-width: 680px;
            padding-bottom: 33px;
            color: #525252;
            text-align: center;
        }

        .projects .tileBox {
            max-width: 1030px;
            margin: auto;
        }
            .projects .squareTile {
                text-align: center;
            }
                .squareTile .projectsImg {
                    margin-bottom: 20px;
                    position: relative;
                    overflow: hidden;
                    height: 176px;
                }
                    .squareTile .projectsImg img {
                        overflow: hidden;
                        width: 100%;
                    }

                        @media only screen and (max-width: 1200px) {
                            .squareTile .projectsImg {
                                height: 160px;
                            }
                        }

                        @media only screen and (max-width: 991px) {
                            .squareTile .projectsImg {
                                height: 118px;
                            }
                        }

                        @media only screen and (max-width: 768px) {
                            .squareTile .projectsImg {
                                height: 100%;
                            }
                        }

                        .projectsImgHoverState {
                            display: block;
                            position: absolute;
                            overflow: hidden;
                            background: rgba(0,0,0,0);
                            color: rgba(0,0,0,0);
                            height: 100%;
                            width: 100%;
                            z-index: 5;
                            -webkit-transition: background 0.2s, color 0.2s;
                            -moz-transition: background 0.2s, color 0.2s;
                            transition: background 0.2s, color 0.2s;
                        }

                            .projectsImgHoverState:focus,
                            .projectsImgHoverState:hover {
                                background: rgba(0,0,0,0.85);
                                color: #fff;
                                -webkit-transition: background 0.2s, color 0.2s;
                                -moz-transition: background 0.2s, color 0.2s;
                                transition: background 0.2s, color 0.2s;
                            }
                                .projectsImgHoverState:focus .plusIcon,
                                .projectsImgHoverState:hover .plusIcon {
                                    visibility: visible;
                                }

                        .plusIcon {
                            background-image: url('/assets/se/v1/img/plusIcon.png');
                            height: 26px;
                            width: 26px;
                            visibility: hidden;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                        }

                        .projectsImgHoverState .title {
                            text-transform: uppercase;
                            font-size: 16px;
                            position: absolute;
                            margin-top: 28px;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                        }
                            .projectsImgHoverState .caption {
                                display: none;
                            }

/* Normal Content */
    .normal-content {
        color: #222222;
        margin-bottom:52px;
        text-align: center;
    }

        .normal-content h1 {
            text-transform: uppercase;
            font-size: 55px;
            font-weight: 800;
        }

        .normal-content p {
            margin-top: 34px;
            font-weight: normal;
            color: #525252;

        }


/* Facebook Timeline Feed */
#facebook-timeline-title .servicesContent {
    padding-top: 15px;
    display: inline-block;
    text-align: left;
}
    @media only screen and (max-width: 768px) {
        #facebook-timeline-title .servicesContent {
            display: block;
            text-align: center;
            padding-top: 30px;
        }
    }

    @media only screen and (max-width: 768px) {
        #facebook-timeline-title .fb_iframe_widget {
            display: block !important;
            text-align: center;
        }
    }


/* Logos Block */

.logo-block {
    padding: 0px 0px 20px;
    min-height: 130px;
    position: relative;
}
    .logo-container {
        position: relative;
        min-height: 102px;
        display: block;
    }
        .logo {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 100%;
        }

.greyscale {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
}

    .greyscale:focus,
    .greyscale:hover {
        -webkit-filter: grayscale(0);
        -webkit-filter: grayscale(0);
        filter: none;
        filter: grayscale(0);
    }


/* Contact Details */
    .contact_cta {
        color: #222222;
        background-color: #ffffff;
        margin-bottom:52px;
    }
        .contact_cta .contact-details {
            margin-top: 25px;
        }

            .contact_cta .contact-details p {
                margin-top: 5px;
                margin-bottom: 0px;
                font-size: 16px
            }
                .contact_cta .contact-details p a {
                    color: inherit;
                }
                    .contact_cta .contact-details p a:hover,
                    .contact_cta .contact-details p a:focus {
                        text-decoration: none;
                    }


/* Footer */
    #footer {
        padding: 45px 0px;
        background-color: #222222;
        text-align: left;
    }
        #footer .rightFooter > div {
            float: right;
            clear: both;
        }
            @media only screen and (max-width: 991px) {
                #footer .rightFooter > div {
                    float: none;
                    width: 100%;
                }
            }

    /* Social Icons */
        div.socialIcons {
            float: right;
            padding-top: 20px;
        }

            @media only screen and (max-width: 991px) {
                .socialIcons {
                    padding-top: 28px;
                    float: right;
                    clear: none;
                }
            }
            .socialIcons > a {
                float: left;
                display: inline-block;
            }

                @media only screen and (max-width: 991px) {
                    .socialIcons > a {
                        float: none;
                    }
                }

            .socialIcons .social-icon {
                border-radius: 25px;
                background-color: #563C47;
                color: #ffffff;
                margin-right: 5px;
                margin-top: 10px;
                font-size: 23px;
                padding: 10px;
            }
                .socialIcons a:focus .social-icon,
                .socialIcons a:hover .social-icon {
                    color: #563C47;
                    background-color: #ffffff;
                }

    /* Footer Social Icons */
            @media only screen and (max-width: 768px) {
                #footer .rightFooter .socialIcons {
                    width: 100%;
                }
            }

    /* Social Icon Effects from http://tympanus.net/codrops/2013/05/30/simple-icon-hover-effects/ */
        .hi-icon-wrap {
            text-align: center;
        }

        .hi-icon {
            display: inline-block;
            cursor: pointer;
            text-align: center;
            position: relative;
            z-index: 1;
            color: #fff;
        }

        .hi-icon:after {
            pointer-events: none;
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            content: '';
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

            /* Effect 3 */
            .hi-icon-effect-3 .hi-icon {
                -webkit-transition: color 0.3s;
                -moz-transition: color 0.3s;
                transition: color 0.3s;
            }

            .hi-icon-effect-3 .hi-icon:after {
                top: -2px;
                left: -2px;
                padding: 2px;
                z-index: -1;
                background: #fff;
                -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
                -moz-transition: -moz-transform 0.2s, opacity 0.3s;
                transition: transform 0.2s, opacity 0.3s;
            }
                /* Effect 3b */
                    .hi-icon-effect-3b .hi-icon {
                        color: #fff;
                    }

                    .hi-icon-effect-3b .hi-icon:after {
                        -webkit-transform: scale(1.3);
                        -moz-transform: scale(1.3);
                        -ms-transform: scale(1.3);
                        transform: scale(1.3);
                        opacity: 0;
                    }

                    .hi-icon-effect-3b .hi-icon:focus:after,
                    .hi-icon-effect-3b .hi-icon:hover:after {
                        -webkit-transform: scale(1);
                        -moz-transform: scale(1);
                        -ms-transform: scale(1);
                        transform: scale(1);
                        opacity: 1;
                    }


        #footer .map {
            margin-bottom: 20px;
        }
            @media only screen and (max-width: 991px) {
                #footer .map {
                    padding-top: 20px;
                    clear: none;
                    text-align: center;
                }
                .map p {
                    padding-bottom: 5px;
                }
            }

            #footer .map.hide-me {
                display: none;
            }

            #footer .map .mapPlaceholder {
                max-width: 100%;
                margin-top: 5px;
            }
                #footer .map .mapPlaceholder a,
                #footer .map .mapPlaceholder a img {
                    max-width: 100%;
                }

        #footer .rightFooter .copyright {
            text-align: right;
            min-width: 225px;
            padding-top: 25px;
        }
            @media only screen and (max-width: 991px) {
                #footer .rightFooter .copyright {
                    float: none;
                    width: 100%;
                    text-align: center;
                }
            }

        #footer p {
            font-size: 16px;
            margin-bottom: 0px;
            color: #fff;
        }
            /* Caveman -ism? */
            /*#footer .copyright p { font-size: 13px; }*/
            #footer .copyright .copy-icon { font-size: 16px; }

/* Contact Form Styles */
/*CSS here*/

#cform > div {
    margin-left: 0px;
    padding-left: 0px;
}
    @media only screen and (max-width: 768px) {
        #cform > div {
            padding-right: 0px;
        }
    }
    .form-controls {
        z-index: 2;
    }
    .form-control {
        border: 1px solid #777777;
        padding: 20px;
        text-align: left;
        margin-bottom: 15px;
        background-color: rgba(0, 0, 0, 0.3);
        color: #fff;
        border-radius: 0px;
        font-size: 16px;
    }

        .form-control.name,
        .form-control.phone,
        .form-control.email,
        .form-control.subject {
            float: left;
            clear: none;
            height: 42px;
            padding: 0 20px;
        }
            @media only screen and (max-width: 1200px) {
                .form-control.name,
                .form-control.phone,
                .form-control.email,
                .form-control.subject{
                    width: 100%;
                }
            }


    .form-control::-webkit-input-placeholder {
       color: #aaaaaa;
    }

    .form-control:-moz-placeholder { /* Firefox 18- */
       color: #aaaaaa;
    }

    .form-control::-moz-placeholder {  /* Firefox 19+ */
       color: #aaaaaa;
    }

    .form-control:-ms-input-placeholder {
       color: #aaaaaa;
    }

    .message {
        padding-top: 15px;
        min-height: 80px;
    }

    @media only screen and (max-width: 768px) {
        .btn-submit { width: 100%; }
    }

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #b30000;
}

.has-error .form-control {
    border-color: #B30000;
}

.help-block {
    margin-top: 0px;
    margin-bottom: 20px;
}
.form-controls.captcha { clear: both; }
.g-recaptcha > div { 
    margin-left: auto;
    margin-right: auto;
}


@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}