@charset "UTF-8";
    /**
 * @license
 * MyFonts Webfont Build ID 3232343, 2016-06-13T17:06:19-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: MuseoSans-300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300/
 * Licensed pageviews: 500,000
 * 
 * Webfont: MuseoSans-500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500/
 * Licensed pageviews: Unlimited
 * 
 * Webfont: MuseoSans-500Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500-italic/
 * Licensed pageviews: Unlimited
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3232343
 * Webfonts copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * © 2016 MyFonts Inc
*/
    /* @import must be at top of file, otherwise CSS will not work */
    /*@import url("//hello.myfonts.net/count/315257");
*/

    @font-face {
        font-family: 'MuseoSans-300';
        src: url('../webfonts/315257_0_0.eot');
        src: url('../webfonts/315257_0_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/315257_0_0.woff2') format('woff2'), url('../webfonts/315257_0_0.woff') format('woff'), url('../webfonts/315257_0_0.ttf') format('truetype');
    }

    @font-face {
        font-family: 'MuseoSans-500';
        src: url('../webfonts/315257_1_0.eot');
        src: url('../webfonts/315257_1_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/315257_1_0.woff2') format('woff2'), url('../webfonts/315257_1_0.woff') format('woff'), url('../webfonts/315257_1_0.ttf') format('truetype');
    }

    @font-face {
        font-family: 'MuseoSans-500Italic';
        src: url('../webfonts/315257_2_0.eot');
        src: url('../webfonts/315257_2_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/315257_2_0.woff2') format('woff2'), url('../webfonts/315257_2_0.woff') format('woff'), url('../webfonts/315257_2_0.ttf') format('truetype');
    }

    .MuseoSans-300 {
        font-family: MuseoSans-300;
        font-weight: normal;
        font-style: normal;
    }

    .MuseoSans-500 {
        font-family: MuseoSans-500;
        font-weight: normal;
        font-style: normal;
    }

    .MuseoSans-500Italic {
        font-family: MuseoSans-500Italic;
        font-weight: normal;
        font-style: normal;
    }

    /* COMMON */

    body,
    p,
    div,
    input,
    select,
    textarea,
    a {
        font-size: 16px;
        font-family: 'MuseoSans-300', sans-serif;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    }

    body {
        position: relative;
        height: 100%;
        background-color: #f2f7fc;
    }

    a:link,
    a:focus,
    a:visited {
        color: #0165CD;
        text-decoration: none;
    }

    a:hover {
        color: #1E8EFF;
    }

    a.darkbg:link,
    a.darkbg:focus,
    a.darkbg:visited {
        color: #66b0ff;
        text-decoration: none;
    }

    strong {
        font-family: 'MuseoSans-500', sans-serif;
        font-weight: normal;
        color: #222;
    }

    h1 {
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        margin-top: 28px;
        padding-top: 26px;
        border-top: solid 1px #cccccc;
    }

    h1:first-child {
        border: none;
        margin-top: 10px;
    }

    h2 {
        font-family: 'MuseoSans-500', sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 500;
        margin-top: 12px;
        padding-top: 10px;
    }

    h3 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 6px;
        margin-top: 15px
    }

    .cog-header.active-header:after {
        font-family: 'FontAwesome';
        content: "\f053";
        font-size: 18px;
        margin: 0 15px 3px;
        color: #0165CD;
    }

    /* APPLICATION HEADER */

    .cog-header-outer {
        background: no-repeat center top;
        height: 280px;
    }

    .cog-header-outer.container {
        background-color: #354454;
}

    /* logo colors dark blue: #02376D  medium gray: #4A4A4A  dark: #000 */

    .cog-header-inner {
        background-color: transparent !important;
        padding-top: 10px;
        padding-right: 10px;
    }

    .cog-header-logo:before {
        display: inline-block;
        cursor: pointer;
        margin-top: 10px;
        width: 135px;
        height: 32px;
        content: url('../img/cognacy-logo.png');
        float: right;
    }

    .cog-topnav-group {
        text-align: center;
    }

    .cog-topnav-group .navbar-nav {
        display: inline-block;
        float: left;
        vertical-align: top;
    }

    .cog-topnav-group .cog-smallcaps {
        font-variant: small-caps;
        font-size: 29px;
    }

    .cog-topnav-group .navbar-nav>li>a {
        font-family: 'MuseoSans-500', sans-serif;
        color: #f2f2f2;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
        font-size: 24px;
        padding: 17px 16px 18px;
        margin: 0 2px;
        background-color: transparent;
    }

    .cog-topnav-group .navbar-nav>.active>a {
        color: #f2f2f2;
        background-color: transparent;
        border-bottom: solid 4px #0165CD;
    }

    .cog-topnav-group .navbar-nav>.active>a:hover,
    .cog-topnav-group .navbar-nav>.active>a:focus,
    .cog-topnav-group .navbar-nav>li>a:hover,
    .cog-topnav-group .navbar-nav>li>a:focus {
        color: #1E8EFF;
        border-bottom: solid 4px #1E8EFF;
    }

    .cog-topnav-menu {
        display: none;
        margin-top: 8px;
    }

    .cog-topnav-menu .cog-smallcaps {
        font-variant: small-caps;
        font-size: 16px;
    }

    .cog-topnav-menu .btn {
        font-family: 'MuseoSans-500', sans-serif;
        color: #f2f2f2;
        border: solid 1px #0165CD;
        background-color: #0165CD;
        font-weight: bold;
    }

    .cog-topnav-menu .btn:hover,
    .cog-topnav-menu .btn:focus {
        color: #f2f2f2;
        border: solid 1px #f2f2f2;
    }

    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:hover,
    .dropdown-menu>.active>a:focus {
        background-color: #0165CD;
    }

    .dropdown-menu>li>a:hover {
        background-color: #75B8FD;
        color: #FFF;
    }

    .container {
        background-color: #ffffff;
    }

    .cog-text-block-header {
        padding-left: 25px
    }

    .cog-text-block-full {
        padding: 25px
    }

    .cog-text-block-col {
        padding: 0 25 25px 25px;
    }

    .cog-text-block-columns {
        column-count: 2
    }

    .cog-service-header {
        background: no-repeat left bottom;
        height: 80px;
    }

    .cog-service-header .cog-text-block-header {
        color: #fff;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
        font-family: 'MuseoSans-500', sans-serif;
    }

    .cog-service-header .cog-text-block-header h1 {
        padding-top: 18px;
    }

    h2:first-child {
        margin-top: 0;
        padding-top: 0;
    }

    .cog-color-inverse {
        color: #f2f2f2 !important;
    }

    .cog-color-inverse strong,
    .cog-color-inverse h2 {
        color: #fff !important;
    }

    /* APPLICATION FOOTER */

    .cog-footer-outer {
        background: no-repeat left top url('../img/cnm-pine-footer.jpg');
        padding: 20px 25px;
        min-height: 60px;
    }

    .cog-footer-inner {
        padding: 5px 15px;
        color: #fff;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
    }

    .cog-footer-inner a {
        color: #fff;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
        font-size: 18px;
        font-family: 'MuseoSans-500', sans-serif;
        margin: 0 6px;
    }

    .cog-copyright {
        font-size: 14px;
        text-align: right;
    }


    /* PORTFOLIO SECTION */
    /* Fade-In Effect */
    .cog-visible {
        opacity: 1;
        height: auto;
        transition: opacity .8s linear;
    }

    /* Fade-Out Effect */
    .cog-hidden {
        opacity: 0;
        max-height: 0 !important;
        height: 0 !important;
        border: none;
        box-shadow: none;
        overflow: hidden;
        transition: opacity .5s linear, max-height .8s linear;
        /*transition: opacity .5s linear;*/
    }

    .cog-portfolio-grid {
        margin-top: 15px;
        min-height: 180px;
    }

    .cog-filter-link {
        margin-left: 10px;
        display: none;
    }

    .checkbox:hover .cog-filter-link {
        display: inline-block;
    }

    .cog-pulsate {
        -webkit-animation: pulsate 1s ease-out;
        -webkit-animation-iteration-count: 3;
    }

    @-webkit-keyframes pulsate {
        0% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.2;
        }

        100% {
            opacity: 1.0;
        }
    }

    .cog-portfolio-item {
        float: left;
        position: relative;
        width: 23%;
        min-width: 240px;
        height: 240px;
        margin: 0 0 20px 17px;
        background-color: transparent;
        cursor: pointer;
    }

    .cog-portfolio-inner {
        position: absolute;
        min-width: 240px;
        height: 240px;
        width: 100%;
        border: solid 1px #1a222c;
    }

    .cog-portfolio-inner:hover {
        border-color: #303c4c;
    }

    .cog-portfolio-item-image {
        height: 140px;
        background-color: #303c4c;
        opacity: .8;
    }

    .cog-portfolio-item:hover .cog-portfolio-item-image {
        opacity: 0;
    }

    .cog-portfolio-item-info {
        background-color: #1a222c;
        opacity: .92;
        height: 98px;
        color: #f2f2f2;

    }

    .cog-portfolio-item-name {
        font-family: 'MuseoSans-500', sans-serif;
        padding: 10px 10px 15px;
    }

    .cog-portfolio-item-roles {
        padding: 0 10px 10px;
        font-size: 13px;

    }

    .cog-portfolio-controls {
        padding: 10px 15px;
        text-align: right;
        margin-right: 10px;
        margin-top: -44px;
    }

    .link-divider {
        font-size: 14px;
        padding: 0 7px;
        color: #586d85;
    }

    .portfolio-filter-toggle:after {
        font-family: 'FontAwesome';
        content: "\f077";
        font-size: 12px;
        padding-left: 8px;
    }

    .collapsed.portfolio-filter-toggle:after {
        font-family: 'FontAwesome';
        content: "\f078";
        font-size: 12px;
        padding-left: 8px;
    }

    .cog-portfolio-filter-controls {
        padding-right: 10px;
    }

    .cog-portfolio-filters {
        margin: -10px 10px 10px 0;
        background-color: #8baccb;
        padding: 0 15px 5px;
    }

    #none_returned {
        margin-top: 70px;
        text-align: center;
        font-size: 18px;
    }

    @media (max-width: 1200px) {
        .cog-portfolio-item {
            width: 31%;
        }
    }

    @media (min-width: 1171px) {
        .container {
            width: 1170px;
        }
    }

    @media (max-width: 1170px) {
        .container {
            margin: 0;
            width: 100%;
        }
    }

    @media (max-width: 992px) {
        .cog-rightnav-outer {
            display: none;
        }

        .cog-portfolio-item {
            width: 46%;
        }

        .cog-text-block-columns {
            column-count: 1
        }

    }

    @media (max-width: 768px) {
        .cog-topnav-group {
            display: none;
        }

        .cog-topnav-menu {
            display: inline-block;
            float: left;
        }

        .cog-portfolio-item {
            width: 100%;
            margin: 0 0 30px;
        }

        .cog-portfolio-grid {
            padding: 0 17px;
        }

        .cog-footer-inner {
            padding: 8px 0;
            text-align: center !important;
        }

        #cog-portfolio-title {
            font-size: 24px;
        }
    }

    @media (max-width: 650px) {
        .cog-portfolio-controls {
            margin-top: 0 !important;
        }
    }

    /* MODAL */

    .modal-header {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        padding: 20px 20px 0 20px;
        border: none;
        background-color: #f2f7fc;
    }

    .modal-header a {
        font-family: 'MuseoSans-500', sans-serif !important;
    }

    .modal-body {
        padding: 5px 20px 20px;
        background-color: #f2f7fc;
    }

    .cog-project-header {
        padding-bottom: 15px;
    }

    .prev-project-link,
    .next-project-link {
        margin-left: 20px;
        text-decoration: none !important;
    }

    .prev-project-link.disabled,
    .next-project-link.disabled {
        color: #999;
        pointer-events: none;
        cursor: default;
    }

    .cog-project-title {
        font-family: 'MuseoSans-500', sans-serif;
        font-size: 20px
    }

    .cog-project-description {
        padding-bottom: 15px;
    }

    .cog-project-roles {
        padding-bottom: 20px;
    }

    .cog-project-image {
        text-align: center;
    }

    .cog-project-image img {
        max-width: 100%;
    }

    @media (min-width: 768px) {
        .modal-lg {
            width: 730px;
            margin: 15px auto;
        }
    }

    @media (min-width: 992px) {
        .modal-lg {
            width: 960px;
            margin: 15px auto;
        }
    }

    @media (min-width: 1200px) {
        .modal-lg {
            width: 1100px;
            margin: 15px auto;
        }
    }

    .portfolioPrintView .cog-project-header {
        page-break-before: always;
        padding-top: 30px;
    }

    .portfolioPrintView h1 {
        margin-top: 160px;
        font-size: 32px;
        border-top: none;
    }

    .portfolioPrintView p {
        font-size: 24px;
        margin-top: 30px;
    }

    .portfolioPrintView .contact-info, .contact-info .fa {
        color: #0165CD !important;
    }

    .portfolioPrintView .cog-project-image img {
        max-height: 700px;
    }

    /* ACCORDION */

    .panel-heading {
        padding: 5px 0;
        background-color: transparent !important;
    }

    .panel-title a,
    .panel-body a {
        font-family: 'MuseoSans-500', sans-serif;
    }

    .panel {
        border: none;
        box-shadow: none;
        background-color: transparent;
        color: #f2f2f2;
    }

    .panel-body {
        border-top: none !important;
        padding: 5px 0 15px;
        margin-bottom: 15px;
        font-family: 'MuseoSans-500', sans-serif;
    }

    .panel-group {
        margin: 0;
        padding-bottom: 10px;
    }