/*
Theme Name: Producer Direct v2
Theme URI: http://www.thechampionagency.com/
Author: Champion
Author URI: http://www.thechampionagency.com/
Description: A new wordpress theme for Producers Direct derived from underscore_s. Design and development by The Champion Agency 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pd

pd is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/
    /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Load Fonts
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
    
    @import 'bootstrap-grid.css';
    @font-face {
        font-family: 'cocogoose_prolight';
        src: url('fonts/cocogoose_pro_light-ttf-webfont.woff2') format('woff2'), url('fonts/cocogoose_pro_light-ttf-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'cocogoose_prosemilight';
        src: url('fonts/cocogoose_pro_semilight-otf-webfont.woff2') format('woff2'), url('fonts/cocogoose_pro_semilight-otf-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'cocogoose_proregular';
        src: url('fonts/cocogoose_pro-ttf-webfont.woff2') format('woff2'), url('fonts/cocogoose_pro-ttf-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    /*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
    
    html {
        font-family: sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    body {
        margin: 0;
    }
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    main,
    menu,
    nav,
    section,
    summary {
        display: block;
    }
    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline;
    }
    audio:not([controls]) {
        display: none;
        height: 0;
    }
    [hidden],
    template {
        display: none;
    }
    a {
        background-color: transparent;
    }
    a:active,
    a:hover {
        outline: 0;
    }
    abbr[title] {
        border-bottom: 1px dotted;
    }
    b,
    strong {
        font-weight: bold;
    }
    dfn {
        font-style: italic;
    }
    h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }
    mark {
        background: #ff0;
        color: #000;
    }
    small {
        font-size: 80%;
    }
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    sup {
        top: -0.5em;
    }
    sub {
        bottom: -0.25em;
    }
    img {
        border: 0;
    }
    svg:not(:root) {
        overflow: hidden;
    }
    figure {
        margin: 1em 40px;
    }
    hr {
        box-sizing: content-box;
        height: 0;
    }
    pre {
        overflow: auto;
    }
    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em;
    }
    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0;
    }
    button {
        overflow: visible;
    }
    button,
    select {
        text-transform: none;
    }
    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }
    button[disabled],
    html input[disabled] {
        cursor: default;
    }
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    input {
        line-height: normal;
    }
    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
    }
    legend {
        border: 0;
        padding: 0;
    }
    textarea {
        overflow: auto;
    }
    optgroup {
        font-weight: bold;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    td,
    th {
        padding: 0;
    }
    /*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
    
    body,
    button,
    input,
    select,
    optgroup,
    textarea {
        color: #404040;
        font-family: 'cocogoose_prolight', sans-serif;
        font-size: 14px;
        line-height: 1.4;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        clear: both;
        margin: 0 0 15px 0;
        line-height: 1.15;
    }
    p {
        margin-bottom: 15px;
        line-height: 1.4;
    }
    strong {
        font-family: 'cocogoose_proregular';
    }
    h1 {
        font-size: 36px;
        text-transform: uppercase;
        font-family: 'cocogoose_proregular';
    }
    h2 {
        font-size: 30px;
        text-transform: uppercase;
        font-family: 'cocogoose_proregular';
    }
    h3 {
        font-size: 24px;
        line-height: 28px;
        text-transform: uppercase;
        font-family: 'cocogoose_proregular';
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 15px;
    }
    /* Text Elements */
    
    p {
        margin: 0 0 15px 0;
        font-family: 'cocogoose_prolight';
        color: #161615;
    }
    li {
        margin: 0 0 15px 15px;
        padding: 0;
        font-family: 'cocogoose_prolight';
        color: #161615;
    }
    .entry-content p:last-child {
        margin-bottom: 0;
    }
    dfn,
    cite,
    em,
    i {
        font-style: italic;
    }
    blockquote {
        margin: 0 1.5em;
    }
    address {
        margin: 0 0 1.5em;
    }
    pre {
        background: #eee;
        font-family: "Courier 10 Pitch", Courier, monospace;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.6;
        margin-bottom: 1.6em;
        max-width: 100%;
        overflow: auto;
        padding: 1.6em;
    }
    code,
    kbd,
    tt,
    var {
        font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
        font-size: 15px;
        font-size: 0.9375rem;
    }
    abbr,
    acronym {
        border-bottom: 1px dotted #666;
        cursor: help;
    }
    mark,
    ins {
        background: #fff9c0;
        text-decoration: none;
    }
    big {
        font-size: 125%;
    }
    /*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
    
    body,
    html {
        height: 100%;
        width: 100%;
        font-family: 'cocogoose_prosemilight';
    }
    html {
        box-sizing: border-box;
    }
    *,
    *:before,
    *:after {
        /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
        box-sizing: inherit;
    }
    body {
        margin: 0 auto;
        background: #fff;
        font-family: 'cocogoose_prosemilight';
        color: #161615;
        -webkit-hyphens: initial;
        -moz-hyphens: initial;
        -ms-hyphens: initial;
        hyphens: initial;
    }
    hr {
        background-color: #ccc;
        border: 0;
        height: 1px;
        margin-bottom: 1.5em;
    }
    ul,
    ol {
        margin: 0 0 15px 15px;
        padding: 0;
    }
    ul {
        list-style: disc;
    }
    ol {
        list-style: decimal;
    }
    li > ul,
    li > ol {
        margin-bottom: 0;
        margin-left: 1.5em;
    }
    dt {
        font-weight: bold;
    }
    dd {
        margin: 0 1.5em 1.5em;
    }
    img {
        height: auto;
        /* Make sure images are scaled correctly. */
        max-width: 100%;
        /* Adhere to container width. */
    }
    figure {
        margin: 0;
        /* Extra wide images within figure tags don't overflow the content area. */
    }
    table {
        margin: 0 0 1.5em;
        width: 100%;
    }
    /*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
    
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        border: 3px solid #161615;
        border-radius: 3px;
        background: #161615;
        color: #fff;
        font-size: 16px;
        line-height: 1;
        padding: .6em 1em .4em;
        font-family: 'cocogoose_proregular';
    }
    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
        background: #e16d29;
    }
    button:active,
    button:focus,
    input[type="button"]:active,
    input[type="button"]:focus,
    input[type="reset"]:active,
    input[type="reset"]:focus,
    input[type="submit"]:active,
    input[type="submit"]:focus {
        background: #e16d29;
    }
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    textarea {
        color: #161615;
        border: 3px solid #161615;
        border-radius: 3px;
        padding: 3px;
    }
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    input[type="number"]:focus,
    input[type="tel"]:focus,
    input[type="range"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="time"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="color"]:focus,
    textarea:focus {
        color: #111;
    }
    select {
        border: 1px solid #ccc;
    }
    textarea {
        width: 100%;
    }
    input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #161615;
    }
    input::-moz-placeholder {
        /* Firefox 19+ */
        color: #161615;
    }
    input:-ms-input-placeholder {
        /* IE 10+ */
        color: #161615;
    }
    input:-moz-placeholder {
        /* Firefox 18- */
        color: #161615;
    }

    #mc_embed_signup {
        text-align: center;
    }

    /*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
    
    a {
        color: #161615;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }
    a:visited {
        color: #161615;
    }
    a:hover,
    a:focus,
    a:active {
        color: #e94c5b;
    }
    a:focus {
        outline: thin dotted;
    }
    a:hover,
    a:active {
        outline: 0;
    }
    /*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
    
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    .row:before {
        display: table;
        content: " ";
    }
    .main-navigation:after,
    .main-navigation:before {
        clear: both;
    }
    .main-navigation .menu:after,
    .main-navigation .menu:before {
        clear: both;
        content: "";
        display: block
    }
    .col {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .main-navigation .menu {
        border-left: solid 3px #161615;
        border-right: solid 3px #161615;
    }
    @media (min-width: 992px) {
        .col {
            float: left;
        }
        .main-navigation .menu {
            border-top: solid 3px #161615;
            border-left: none;
        }
    }
    .main-navigation {}
    .main-navigation ul {
        list-style: none;
        margin: 0 -3px 0 0;
        padding-left: 0;
    }
    .main-navigation ul ul {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        float: left;
        position: absolute;
        top: 100%;
        left: -999em;
        z-index: 99999;
    }
    .main-navigation ul ul ul {
        left: -999em;
        top: 0;
    }

.main-navigation li:nth-child(3) ul.show {
    right: 0;
    left: auto;
}

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

        .mobdrop  {
        position: absolute;
        top:0;
            left: 0;
            right: 0;
        width: 100%;
        height: 45px; 
        display: block;
        }   
    
    .main-navigation ul li ul.show,
    .main-navigation ul li ul.show {
        left: auto;
    }    
    
}

@media screen and (min-width: 1025px) {
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 100%;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        left: auto;
    }
}
    
    .main-navigation li {
        font-family: 'cocogoose_proregular';
        float: left;
        position: relative;
        border-bottom: solid 3px #161615;
        border-right: solid 3px #161615;
        width: 33.33333%;
        box-sizing: border-box;
        letter-spacing: 0.06em;
        margin: 0;
        padding: 0;
    }
    .main-navigation li.social {
        width: 11.111111%;
    }
    .main-navigation li.social a:hover {
        background-color: #459ea3;
    }
    .main-navigation li ul li {
        border: none;
        width: 100%;
        background-color: #161615;
        padding: 0 15px
    }
    .main-navigation li ul {
        background-color: #161615;
        padding-bottom: 10px;
    }
    .main-navigation a {
        display: block;
        text-decoration: none;
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        color: #161615;
        font-size: 14px;
        text-transform: uppercase;
    }
    .main-navigation a:hover {
        color: #161615;
    }
    .pink {
        background-color: #e94c5b;
    }
    .green {
        background-color: #8dad3e;
    }
    .orange {
        background-color: #e16d29;
    }
    .blue {
        background-color: #459ea3;
    }
    .yellow {
        background-color: #eaa725;
    }
    .purple {
        background-color: #802c73;
    }
    .red {
        background-color: #af2444;
    }
    .main-navigation .pink a,
    .main-navigation .green a,
    .main-navigation .orange a,
    .main-navigation .blue a,
    .main-navigation .yellow a,
    .main-navigation .red a {
        color: #161615;
    }
    .main-navigation .pink a:hover,
    .main-navigation .green a:hover,
    .main-navigation .orange a:hover,
    .main-navigation .blue a:hover,
    .main-navigation .yellow a:hover,
    .main-navigation .red a:hover {
        color: #fff;
    }
    .main-navigation li.pink ul li a,
    .main-navigation li.green ul li a,
    .main-navigation li.orange ul li a,
    .main-navigation li.blue ul li a,
    .main-navigation li.yellow ul li a,
    .main-navigation li.red ul li a {
        color: #fff;
    }
    .main-navigation li ul li a {
        border-bottom: solid 3px #fff;
        color: #fff;
        height: auto;
        line-height: 1.5em;
        padding: 14px;
    }
    .pink ul.sub-menu li a:hover {
        color: #e94c5b;
    }
    .green ul.sub-menu li a:hover {
        color: #8dad3e;
    }
    .orange ul.sub-menu li a:hover {
        color: #e16d29;
    }
    .blue ul.sub-menu li a:hover {
        color: #459ea3;
    }
    .yellow ul.sub-menu li a:hover {
        color: #eaa725;
    }
    .purple ul.sub-menu li a:hover {
        color: #802c73;
    }
    .red ul.sub-menu li a:hover {
        color: #af2444;
    }
    /* Small menu. 
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}
*/
    
    .site-main .comment-navigation,
    .site-main .posts-navigation,
    .site-main .post-navigation {
        max-width: 815px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    .comment-navigation .nav-previous,
    .posts-navigation .nav-previous,
    .post-navigation .nav-previous {
        float: left;
        width: 50%;
    }
    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {
        float: right;
        text-align: right;
        width: 50%;
    }



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
    /* Text meant only for screen readers. */
    
    .screen-reader-text {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute !important;
        width: 1px;
        word-wrap: normal !important;
        /* Many screen reader and browser combinations announce broken words as they would appear visually. */
    }
    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        clip-path: none;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
        /* Above WP toolbar. */
    }
    /* Do not show the outline on the skip link target. */
    
    #content[tabindex="-1"]:focus {
        outline: 0;
    }
    /*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
    
    .alignleft {
        display: inline;
        float: left;
        margin-right: 1.5em;
    }
    .alignright {
        display: inline;
        float: right;
        margin-left: 1.5em;
    }
    .aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    /*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
    
    .clear:before,
    .clear:after,
    .entry-content:before,
    .entry-content:after,
    .comment-content:before,
    .comment-content:after,
    .site-header:before,
    .site-header:after,
    .site-content:before,
    .site-content:after,
    .site-footer:before,
    .site-footer:after {
        content: "";
        display: table;
        table-layout: fixed;
    }
    .clear:after,
    .entry-content:after,
    .comment-content:after,
    .site-header:after,
    .site-content:after,
    .site-footer:after {
        clear: both;
    }
    /*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
    
    .widget {
        margin: 0;
        /* Make sure select elements fit in widgets. */
    }
    .widget select {
        max-width: 100%;
    }
    .widget h2 {
        font-size: 24px;
        text-align: center;
        margin: 0 0 15px 0;
    }
    .footer-sidebar {
        border-top: solid 3px #161615;
        border-bottom: solid 3px #161615;
    }
    .footer-sidebar:after,
    .footer-sidebar:before {
        content: "";
        display: block;
        clear: both;
    }
    .col-footer-sidebar {
        display: block;
    }
    .col-footer-sidebar {
        position: relative;
        min-height: 1px;
        padding: 0;
        box-sizing: border-box;
    }
    .col-footer-sidebar .widget-area {
        padding: 15px;
        margin: 0;
    }
    .widget-area ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .widget-area ul li {
        list-style: none;
        margin: 5px 0;
        padding: 0;
        font-size: 14px;
    }
    .widget-area ul li a {
        color: #161615;
        text-decoration: none;
    }
    .widget-area ul li a:hover {
        color: #e94c5b;
    }
    .footer-sidebar-center-top,
    .footer-sidebar-left-top {
        border-bottom: solid 3px #161615;
    }
    .footer-sidebar-center-bottom {
        background-color: #161615;
        color: #FFF;
        font-size: 20px;
        text-align: center;
    }
    .footer-sidebar-center-bottom p,
    .footer-sidebar-center-bottom .widget {
        margin: 0;
        font-size: 20px;
        line-height: 35px;
    }
    .widget-area.footer-sidebar-center-bottom a {
        color: #fff;
        text-decoration: none;
    }
    .widget-area.footer-sidebar-right-bottom {}
    .widget-area.footer-sidebar-right-bottom {
        padding: 0;
    }
    .widget-area.footer-sidebar-right-bottom ul.menu li {
        font-size: 20px;
        font-family: 'cocogoose_proregular';
        float: left;
        position: relative;
        border-right: solid 3px #161615;
        width: 33.33333%;
        box-sizing: border-box;
        margin: 0;
    }
    .widget-area.footer-sidebar-right-bottom ul.menu li a {
        display: block;
        text-decoration: none;
        width: 100%;
        height: 65px;
        line-height: 65px;
        text-align: center;
        color: #161615;
        font-size: 20px;
    }
    .footer-sidebar-center-top,
    .footer-sidebar-right-top {
        border-bottom: solid 3px #161615;
    }
    @media screen and (min-width: 992px) {
        .col-footer-sidebar {
            width: 33.33333%;
            float: left;
        }
        .footer-sidebar-center-top,
        .footer-sidebar-right-top {
            min-height: 270px;
        }
    }




    /*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
## Layout
--------------------------------------------------------------*/
    
    .nopadding {
        padding: 0 !important;
        margin: 0 !important;
    }
    .nopadding .entry-content {
        margin: 0;
    }
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    .row:before {
        display: table;
        content: " ";
    }
    .row:after,
    .row:before,
    .hentry:after {
        clear: both;
        content: " ";
        display: table;
    }
    .col {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    @media (min-width: 992px) {
        .col {
            float: left;
        }
    }
    /*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
    
    .site-branding .custom-logo-link img {
        max-height: 85px;
        width: auto;
    }
    /*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
    
    .post-type-archive-partners .footer-sidebar,
    .page-template-page-pdhome-v8-popup .footer-sidebar,
    .page-template-page-pdhome-v8 .footer-sidebar,
    .page-template-page-pdhome-v9 .footer-sidebar {
        border-top: none;
    }
    /*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
    
    .page-template-page-pdhome .footer-sidebar {
        border-top: none;
    }
    .entry-details {
        margin-bottom: 15px;
    }
    .entry-details a {
        text-decoration: none;
    }
    .sticky {
        display: block;
    }
    .hentry {
        margin: 0;
    }
    .updated:not(.published) {
        display: none;
    }
    .page-content,
    .entry-content,
    .entry-summary {
        margin: 0 auto;
    }
    .page-links {
        clear: both;
        margin: 0 0 1.5em;
    }
    .site {
        width: 100%;
        overflow-x: hidden;
    }
    h1.page-title {
        margin: 0;
        padding: 15px;
        line-height: 1.2em;
        border-bottom: solid 3px #161615;
    }
    .entry-thumbnail img {
        display: block;
        margin: 0 auto;
    }
    .max-width h1,
    .max-width h2,
    .max-width h3,
    .max-width h4,
    .max-width h5,
    .max-width h6,
    .max-width p,
    .max-width ul,
    .max-width li,
    .max-width blockquote,
    .max-width .entry-details,
    .max-width .entry-footer {
        max-width: 815px;
        margin-left: auto;
        margin-right: auto;
    }
    .coe-page-content {
        padding: 60px 15px;
    }
    .bigfont,
    .bigfont p {
        font-size: 21px;
    }
    .comments-area {
        max-width: 815px;
        margin: 30px auto;
    }
    .max-width .entry-footer {
        display: block;
    }
    .dot-center {
        border-left: solid 3px #161615;
        position: relative;
        box-sizing: border-box;
    }
    .dot-center:after {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background-color: #161615;
        border-radius: 8px;
        position: absolute;
        left: -10px;
        top: 50%;
        z-index: 1;
    }
    /* ---------- profiles ---------------*/
    
    .profile-copy {
        padding: 15px;
    }
    .profile-copy .entry-title {
        margin-top: 15px;
    }
    .profile-copy a {
        color: #161615;
        text-decoration: none;
    }
    .profiles.excerpt,
    .profiles .entry-image {
        border-bottom: solid 3px #161615;
    }
    .profile-copy a:hover {
        color: #8dad3e;
    }
    .readmore-btn {
        display: block;
        margin: 0 auto 15px;
        border: solid 3px #161615;
        padding: 5px 10px;
        width: 175px;
        text-align: center;
        margin: 30px auto;
    }
    .profile-copy .readmore-btn:hover {
        background-color: #8dad3e;
        color: #161615;
    }
    .single-profile {
        margin-bottom: 60px
    }
    @media screen and (min-width: 992px) {
        .profiles.excerpt {
            border-right: solid 3px #161615;
        }
        #profile-grid {
            margin-right: -3px
        }
    }
    .profile-thumbnail {
        background-size: cover;
        background-position: center center;
    }
    .profile-thumbnail img {
        opacity: 0;
    }
    .profile-role {
        text-transform: uppercase;
        font-family: 'cocogoose_proregular';
        margin-bottom: 15px;
    }
}

/* ---------- partners ---------------*/
#partner-grid {
    margin: 0 -3px -3px 0;
    max-width:
}
.partner-copy {
    padding: 15px;
}
.partner-copy .entry-title {
    margin-top: 15px;
}
.partner-copy a {
    color: #161615;
    text-decoration: none;
}
.partners.excerpt,
.profiles .entry-image {
    border-bottom: solid 3px #161615;
}
.partner-copy a:hover {
    color: #8dad3e;
}
.partner-copy .readmore-btn:hover {
    background-color: #8dad3e;
    color: #161615;
}
.partner-copy p,
.partner-copy {
    font-family: 'cocogoose_prolight';
}
.single-partner {
    margin-bottom: 60px
}
.partner-website {
    display: block;
    margin: 0 auto;
    border-bottom: solid 3px #161615;
    border-top: solid 3px #161615;
    padding: 10px;
    text-align: center;
}
#partners-grid {
    margin-bottom: -3px
}
@media screen and (min-width: 992px) {
    .partners.excerpt {
        border-right: solid 3px #161615;
        position: relative;
        
    }
.partner-copy, .profile-copy {padding-bottom: 95px;}
.partner-copy .readmore-btn , .profile-copy .readmore-btn {
    display: block;
    margin: 0 auto 15px;
    border: solid 3px #161615;
    padding: 5px 10px;
    width: 175px;
    text-align: center;
    margin: 30px auto;
    POSITION: ABSOLUTE;
    bottom: 0;
    left: 25%;
    width: 50%;
}    
    
    #partners-grid {
        margin-right: -3px
    }
}
@media screen and (min-width: 1680px) {
    #partner-grid {
        margin: 0 auto;
        max-width: 1680px;
        border-left: solid 3px #161615;
        overflow: hidden;
    }

}
.partner-image {
    position: relative;
}
.partner-image:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.partner-image img {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    WIDTH: AUTO;
}
.type-partners .entry-thumbnail {
    padding: 15px
}

/* ------------------ Services ------------------------- */
#service-grid {
    display: block;
    overflow: hidden;
    border: solid 1.5px #161615;
    BACKGROUND-COLOR: #FFF;
}
.service-box .inner-box,
.box-primary-inner {
    display: block;
    border: solid 1.5px #161615;
    box-sizing: border-box;
}
.box-primary-inner {
    height: 0;
    padding-bottom: 60%;
    background-position: bottom;
}
h3.service-title {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 32px;
    hyphens: none;
    font-family: 'cocogoose_prosemilight';
    color: #161615;
    padding: 6%;
    max-width: 300px;
    margin: 0;
    hyphens: none
}
.service-content {
    padding: 0 6% 6% 6%;
}
.service-counter-figure {
    font-size: 65px;
    font-family: 'cocogoose_proregular';
    font-weight: normal;
    text-align: center;
}
.service-counter-caption {
    text-transform: uppercase;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}
#service-79 .box-sub {
    background-color: #3d8d93;
}
#service-81 .box-sub {
    background-color: #6b175a;
    color: #fff;
}
#service-84 .box-sub {
    background-color: #d72741;
}
#service-86 .box-sub {
    background-color: #e39800;
}
.box-primary {
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
}
#service-79 .box-primary:hover {
    background-color: #3d8d93;
}
#service-81 .box-primary:hover {
    background-color: #6b175a;
    color: #fff;
}
#service-84 .box-primary:hover {
    background-color: #d72741;
}
#service-86 .box-primary:hover {
    background-color: #e39800;
}
#service-79.show-boxes .box-primary:hover {
    background-color: #fff;
}
#service-81.show-boxes .box-primary:hover {
    background-color: #fff;
}
#service-84.show-boxes .box-primary:hover {
    background-color: #fff;
}
#service-86.show-boxes .box-primary:hover {
    background-color: #fff;
}
.box-sub {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s ease-in;
    -moz-transition: max-height 1s ease-in;
    -o-transition: max-height 1s ease-in;
    transition: max-height 1s ease-in;
}
.toggle-boxes {
    cursor: pointer;
}
.service-box .innerbox {
    transform: scaleY(0);
    transform-origin: top;
    -webkit-transition: transform 1s ease-in;
    -moz-transition: transform 1s ease-in;
    -o-transition: transform 1s ease-in;
    transition: transform 1s ease-in;
}
.show-boxes .service-box .inner-box {
    transform: scaleY(1);
}
.show-boxes .box-sub {
    max-height: 999px;
}
.box-primary-inner {
    position: relative;
    background-repeat: no-repeat;
}
.close-box {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 32px;
    height: 32px;
    display: none;
    cursor: pointer;
}
.show-boxes .close-box {
    display: block;
}
.close-box:hover {
    opacity: 0.5;
}
.close-box:before,
.close-box:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 3px;
    background-color: #010101;
}
.close-box:before {
    transform: rotate(45deg);
}
.close-box:after {
    transform: rotate(-45deg);
}
#service-grid {
    position: relative;
    margin: 0;
}
@media screen and (max-width: 991px) {
    .services {
        position: relative
    }
}
@media screen and (min-width: 992px) {
    .service-box {
        width: 50%;
        float: left;
    }
    .box-sub {
        position: absolute;
        z-index: 1
    }
    #service-79 .service-box-2 {
        top: 0;
        right: 0;
    }
    #service-79 .service-box-3 {
        top: 50%;
        left: 0;
    }
    #service-79 .service-box-4 {
        top: 50%;
        right: 0;
    }
    #service-81 .service-box-2 {
        top: 0;
        left: 0;
    }
    #service-81 .service-box-3 {
        top: 50%;
        left: 0;
    }
    #service-81 .service-box-4 {
        top: 50%;
        right: 0;
    }
    #service-84 .service-box-2 {
        top: 0;
        left: 0;
    }
    #service-84 .service-box-3 {
        top: 0;
        right: 0;
    }
    #service-84 .service-box-4 {
        top: 50%;
        right: 0;
    }
    #service-86 .service-box-2 {
        top: 0;
        left: 0;
    }
    #service-86 .service-box-3 {
        top: 0;
        right: 0;
    }
    #service-86 .service-box-4 {
        top: 50%;
        left: 0;
    }
    .show-boxes .close-box {
        display: none;
    }
    .show-boxes .close-box {
        display: block;
        z-index: 2;
    }
    .service-box .inner-box,
    .box-primary-inner {
        height: 0;
        padding-bottom: 100%;
    }
}
@media screen and (min-width: 1280px) {
    .service-box .inner-box,
    .box-primary-inner {
        padding-bottom: 85%;
    }
}
.pad-this {
    padding: 15px;
}
#service-tabs {
    display: block;
    position: relative;
    background: #fff;
}

/* Style the tab */
#service-tabs .tab {
    overflow: hidden;
    border-top: solid 3px #161615;
    border-left: solid 3px #161615;
    border-right: solid 3px #161615;
}

/* Style the buttons inside the tab */
#service-tabs .tablinks {
    outline: none;
    cursor: pointer;
    padding: 15px;
    transition: 0.3s;
    background-repeat: no-repeat;
    background-position: bottom right;
}
#service-tabs .servicetab-box {
    border-bottom: solid 3px #161615;
    outline: none;
    cursor: pointer;
    padding: 15px;
    transition: 0.3s;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.servicetab-79 {
    background-color: #459ea3;
}
.servicetab-81 {
    background-color: #eaa725;
}
.servicetab-84 {
    background-color: #e16d29;
}
.servicetab-86 {
    background-color: #8dad3e;
}
#service-tabs .tablinks:hover {
    color: #fff;
}

/* Change background color of buttons on hover */
#service-tabs .tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
#service-tabs .tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
#service-tabs .tabcontent {
    display: none;
    border-top: none;
    border-left: solid 3px #161615;
    border-right: solid 3px #161615;
    overflow: hidden;
}
#service-tabs .tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */
}
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media screen and (min-width: 736px) {
    #service-tabs .servicetab-box {
        float: left;
        display: inline-block;
        width: 25%;
        border-right: solid 3px #161615;
        min-height: 270px;
        font-family: 'cocogoose_proregular';
    }
    #service-tabs .servicetab-box:nth-child(4) {
        border-right: none;
    }
    .tablinks {
        font-size: 24px;
        line-height: 28px;
        hyphens: none;
        color: #161615;
        text-transform: uppercase;
        font-family: 'cocogoose_proregular';
    }
}

/* ---------- case studies ---------------*/
.single .border-all .entry-image {
    border-bottom: solid 3px #161615;
}
.single-case-study .entry-image {
    margin-bottom: 15px;
}
.entry-image img {
    display: block;
    width: 100%;
}
.casestudy-grid {
    padding: 30px;
    overflow: hidden;
}
.casestudy-grid .excerpt {
    padding: 15px;
}
.vc_row {
    margin-left: -15px;
    margin-right: -15px;
}
.vc_row:after {
    content: "";
    clear: both;
    display: block;
}
@media screen and (min-width: 768px) {
    .casestudy-grid .excerpt {
        float: left;
        width: 50%;
    }
    .casestudy-grid .excerpt:nth-child(odd) {
        clear: left;
    }
}
.casestudy-grid h2.entry-title {
    font-family: 'cocogoose_prosemilight';
    padding: 8px 0;
    font-size: 15px;
}
.casestudy-grid .entry-title {
    font-family: 'cocogoose_prosemilight';
    margin-bottom: 15px;
    font-size: 15px;
}
.casestudy-grid .entry-content,
.casestudy-grid .entry-content p {
    font-family: 'cocogoose_prolight';
    font-size: 12px;
    line-height: 1.2em
}
a.read-more {
    text-decoration: none;
    border: solid 1.5px #161615;
    display: inline-block;
    padding: 5px 10px;
    float: right;
    margin-top: 1.3em;
    font-family: 'cocogoose_prosemilight';
    background-color: #fff;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
a.read-more:hover {
    background-color: #161615;
    color: #fff;
}
a.view-more {
    text-decoration: none;
    border: solid 1.5px #161615;
    display: block;
    padding: 5px 10px;
    margin-top: 1.3em;
    font-family: 'cocogoose_prosemilight';
    background-color: #fff;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    text-align: center;
    margin: 15px auto 0;
    text-transform: uppercase;
    font-size: 12px;
    clear: both;
}
a.view-more:hover {
    background-color: #161615;
    color: #fff;
}

/* ---------- centres of excellence ---------------*/
@media (min-width: 768px) {
    .match-header .vc_col-sm-6 {
        width: 58.33333333%;
    }
    .match-header .vc_col-sm-6:first-child {
        width: 41.66666667%;
    }
}
@media (max-width: 992px) {
    .coe-header-image {
        min-height: 300px;
    }
}
.pullquote p {
    font-family: 'cocogoose_proregular';
    font-size: 21px;
}
.grid-coe {
    margin: 15px;
}
.grid-coe:after,
.coe-meta-grid:after,
#blog-grid .excerpt:after {
    content: "";
    display: block;
    clear: both
}
.grid-coe .excerpt {
    box-sizing: border-box;
    padding: 15px;
    display: block;
}
.grid-coe .excerpt .excerpt-box {
    box-sizing: border-box;
    border: solid 3px #161615;
    padding: 15px;
    background-color: #e94c5b;
    display: block;
}
.grid-coe .excerpt .excerpt-box a:hover {
    color: #fff;
}
.grid-coe .excerpt:nth-child(7n + 2) .excerpt-box {
    background-color: #8dad3e;
}
.grid-coe .excerpt:nth-child(7n + 3) .excerpt-box {
    background-color: #e16d29;
}
.grid-coe .excerpt:nth-child(7n + 4) .excerpt-box {
    background-color: #459ea3;
}
.grid-coe .excerpt:nth-child(7n + 5) .excerpt-box {
    background-color: #eaa725;
}
.grid-coe .excerpt:nth-child(7n + 6) .excerpt-box {
    background-color: #802c73;
}
.grid-coe .excerpt:nth-child(7n + 7) .excerpt-box {
    background-color: #af2444;
}
.grid-coe .excerpt:nth-child(7n + 6) .excerpt-box a,
.grid-coe .excerpt:nth-child(7n + 7) .excerpt-box {
    /*    color: #fff;*/
}
.entry-image img {
    display: block;
    width: 100%;
    -webkit-transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.grid-coe .excerpt:hover .entry-image img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}
.grid-coe .excerpt a {
    overflow: hidden;
    display: block;
    text-decoration: none;
}
.grid-coe .excerpt {
    padding: 15px;
}
.grid-coe h2.entry-title,
.grid-coe .entry-title {
    margin-bottom: 0px;
    padding-bottom: 7px;
    padding-top: 7px;
    font-size: 36px;
}
.grid-coe .entry-content,
.grid-coe .entry-content p {
    font-family: 'cocogoose_prolight';
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 7px 0;
}
.coe-meta-grid {
    display: block;
    margin: -15px -15px 15px -15px;
}
.coe-meta-left,
.coe-meta-right {
    box-sizing: border-box;
    padding: 15px;
    display: block;
}
.coe-meta-content,
.coe-meta-content h1,
.coe-meta-content h2 {
    font-size: 45px;
}
@media (min-width: 768px) {
    .link-container {
        position: relative;
        padding-bottom: 56px;
    }
    .link-fix {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}
#map {
    height: 500px;
    background-color: #e5e5e5;
    margin: 0 -15px;
    display: block;
}
@media screen and (min-width: 768px) {
    .grid-coe .excerpt,
    .coe-meta-right {
        float: left;
        width: 33.33%;
    }
    .coe-name {
        display: inline-block;
        padding-right: 15px;
    }
    .coe-location {
        display: inline-block
    }
    .coe-meta-left {
        float: left;
        width: 66.66%;
    }
    .impact-header {
        display: inline-block;
        border-right: solid 3px #161615;
    }
}
.stats-number,
div.stats-desc > div.counter_prefix,
div.stats-desc > div.counter_suffix {
    font-family: 'cocogoose_proregular';
    color: #161615;
    letter-spacing: 0.03em;
    line-height: 1em;
}
.align-left,
.align-left.stats-top .stats-desc {
    text-align: left;
}
.impact-header {
    border-bottom: solid 3px #161615;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
}
.impact-header p {
    font-size: 18px;
    font-family: 'cocogoose_prosemilight';
}
.pink {
    background-color: #e94c5b;
}
.green {
    background-color: #8dad3e;
}
.orange {
    background-color: #e16d29;
}
.blue {
    background-color: #459ea3;
}
.yellow {
    background-color: #eaa725;
}
.purple {
    background-color: #802c73;
}
.red {
    background-color: #af2444;
}
#blog-grid {}
#blog-grid .excerpt {
    border-bottom: solid 3px #161615;
    text-align: center;
    margin: 0;
    padding: 0;
}
#blog-grid .excerpt .entry-header h1.entry-title,
#blog-grid .excerpt .entry-header h2.entry-title {
    font-family: 'cocogoose_prosemilight';
    padding-top: 15px;
}
#blog-grid .excerpt .entry-content {
    margin: 15px 0;
}
#blog-grid .excerpt a {
    text-decoration: none;
}
#blog-grid .excerpt .entry-image {
    border-bottom: solid 3px #161615;
    background-size: cover;
}
#blog-grid .excerpt .entry-copy {}
#blog-grid .excerpt .read-more {
    float: none;
    display: block;
    width: 100px;
    text-align: center;
    margin: 15px auto;
}
#blog-grid .excerpt .entry-image,
#blog-grid .excerpt .entry-copy {
    box-sizing: border-box;
    display: block;
}
#blog-grid .excerpt:last-child {
    border-bottom: none;
}
#blog-grid .excerpt .entry-copy {
    position: relative;
    font-family: 'cocogoose_prolight';
}
#blog-grid .excerpt .entry-image img {
    opacity: 0;
}
@media screen and (min-width: 1024px) {
    #blog-grid .excerpt .entry-copy .blog-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        left: 0;
        padding: 30px;
    }
}
@media screen and (min-width: 768px) {
    #blog-grid .excerpt .entry-image {
        float: left;
        width: 50%;
        border-bottom: none;
    }
    #blog-grid .excerpt .entry-copy {
        float: left;
        width: 50%;
    }
    #blog-grid .excerpt:nth-child(even) .entry-image {
        float: left;
        width: 50%;
        border-right: solid 1.5px #161615;
        border-bottom: none;
    }
    #blog-grid .excerpt:nth-child(even) .entry-copy {
        border-left: solid 1.5px #161615;
    }
    #blog-grid .excerpt:nth-child(odd) .entry-image {
        float: right;
        width: 50%;
        border-left: solid 1.5px #161615;
        border-bottom: none;
    }
    #blog-grid .excerpt:nth-child(odd) .entry-copy {
        border-right: solid 1.5px #161615;
    }
}
.border-all {
    border: solid 3px #161615;
}
.border-right {
    border-right: solid 3px #161615;
}
.border-left {
    border-left: solid 3px #161615;
}
.border-bottom {
    border-bottom: solid 3px #161615;
}
.border-top {
    border-top: solid 3px #161615;
}
@media screen and (min-width: 768px) {
    .border-all-sm {
        border: solid 3px #161615;
    }
    .border-right-sm {
        border-right: solid 3px #161615;
    }
    .border-left-sm {
        border-left: solid 3px #161615;
    }
    .border-bottom-sm {
        border-bottom: solid 3px #161615;
    }
    .border-top-sm {
        border-top: solid 3px #161615;
    }
}
@media screen and (max-width: 767px) {
    .border-right-md {
        border-bottom: solid 3px #161615;
    }
    .border-left-md {
        border-bottom: solid 3px #161615;
    }
}
@media screen and (min-width: 768px) {
    .border-all-md {
        border: solid 3px #161615;
    }
    .border-right-md {
        border-right: solid 3px #161615;
    }
    .border-left-md {
        border-left: solid 3px #161615;
    }
    .border-bottom-md {
        border-bottom: solid 3px #161615;
    }
    .border-top-md {
        border-top: solid 3px #161615;
    }
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: block;
    margin: 2px 0 1px -15px;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.gallery-item img {
    border: 1.5px solid #161615;
    box-sizing: border-box;
    display: block;
}
.gallery {
    border: 1.5px solid #161615;
    background-color: #161615;
}

/*--------------------------------------------------------------
## Network Grid
--------------------------------------------------------------*/
.home-title h2 {
    letter-spacing: 0.015em;
    font-size: 36px;
    line-height: 1.06em;
}
@media (min-width: 736px) {
    .home-title h2 {
        font-size: 62px;
    }
}
@media (min-width: 922px) {
    .home-title h2 {
        font-size: 84px;
    }
}
@media (min-width: 1280px) {
    .home-title h2 {
        font-size: 115px;
    }
}
#pdnetwork .network-grid {
    margin: 0 auto;
    overflow: hidden;
    display: block;
    max-width: 840px;
}
#pdnetwork .network-grid-item {
    float: left;
    display: inline-block;
    width: calc(50% - 40px);
    margin: 20px;
}

/*.network-grid-image {
        position: relative;
        width: 140px;
        height: 140px;
        margin: 0 auto;
        display: block;
        transform-style: preserve-3d;
    }
    .network-grid-image:after {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 100%;
    }
    .network-grid-image img {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 3px solid black;
        box-sizing: border-box;
        margin: 0;
        transform-style: preserve-3d;
    }






.network-grid-image .side {
        -webkit-transition: all 2s ease;
    transition: all 0.5s ease;
}
.network-grid-image .side:hover {
opacity: 0;

}*/
#pdnetwork .network-grid-item:last-child {
    display: none;
}
@media screen and (min-width: 560px) {
    #pdnetwork .network-grid-item {
        width: calc(20% - 40px);
    }
}
@media screen and (min-width: 1120px) {
    #pdnetwork .network-grid-item:last-child {
        display: block;
    }
    #pdnetwork .network-grid-item {
        width: calc(16.666% - 40px);
    }
}
#pdnetwork .network-grid-container {
    width: 100px;
    height: 100px;
    position: relative;
    perspective: 1500px;
    margin: 0 auto
}
#pdnetwork .network-grid-image {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
}
#pdnetwork .network-grid-image img {
    margin: 0;
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 3px solid black;
    box-sizing: border-box;
    margin: 0;
}
#pdnetwork .network-grid-image {
    transform: translateZ( -50px);
    transition: transform 0.7s;
}
#pdnetwork .network-grid-image img.front {
    transform: rotateY( 0deg) translateZ( 50px);
}
#pdnetwork .network-grid-container .network-grid-image.right img.side {
    transform: rotateY( 90deg) translateZ( -50px);
}
#pdnetwork .network-grid-container .network-grid-image.right:hover {
    transform: translateZ( -50px) rotateY( 90deg);
}
#pdnetwork .network-grid-container .network-grid-image.left img.side {
    transform: rotateY( -90deg) translateZ( -50px);
}
#pdnetwork .network-grid-container .network-grid-image.left:hover {
    transform: translateZ( -50px) rotateY( -90deg);
}
#pdnetwork .network-grid-container .network-grid-image.bottom img.side {
    transform: rotateX( -90deg) translateZ( 50px);
}
#pdnetwork .network-grid-container .network-grid-image.bottom:hover {
    transform: translateZ( -50px) rotateX( 90deg);
}
#pdnetwork .network-grid-container .network-grid-image.top img.side {
    transform: rotateX( 90deg) translateZ( 50px);
}
#pdnetwork .network-grid-container .network-grid-image.top:hover {
    transform: translateZ( -50px) rotateX( -90deg);
}
@media (max-width: 992px) {
    #pdnetwork .network-grid-item:nth-child(n + 14) {
        display: none;
    }
}
@media (max-width: 560px) {
    #pdnetwork .network-grid-item:nth-child(n + 9) {
        display: none;
    }
}

/* Full page grid */
#pdnetworkfull .network-grid {
    margin: 0;
    overflow: hidden;
    display: block;
}
#pdnetworkfull .network-grid-item {
    float: left;
    display: inline-block;
    width: calc(50% - 40px);
    margin: 20px;
}
#pdnetworkfull .network-grid-item:last-child {
    display: none;
}
#pdnetworkfull .network-grid-item {
    display: none;
}
#pdnetworkfull .network-grid-item:nth-child(-n + 8) {
    display: block;
}
@media screen and (min-width: 420px) {
    #pdnetworkfull .network-grid-item {
        width: calc(33.333% - 40px);
    }
    #pdnetworkfull .network-grid-item:nth-child(-n + 9) {
        display: block;
    }
}
@media screen and (min-width: 560px) {
    #pdnetworkfull .network-grid-item {
        width: calc(25% - 40px);
    }
    #pdnetworkfull .network-grid-item:nth-child(-n + 12) {
        display: block;
    }
}
@media screen and (min-width: 700px) {
    #pdnetworkfull .network-grid-item {
        width: calc(20% - 40px);
    }
    #pdnetworkfull .network-grid-item:nth-child(-n + 15) {
        display: block;
    }
}
@media screen and (min-width: 840px) {
    #pdnetworkfull .network-grid-item {
        width: calc(16.666% - 40px);
    }
    #pdnetworkfull .network-grid-item:nth-child(-n + 18) {
        display: block;
    }
}
@media screen and (min-width: 980px) {
    #pdnetworkfull .network-grid-item {
        width: calc(14.2857% - 40px);
    }
    #pdnetworkfull .network-grid-item:nth-child(-n + 21) {
        display: block;
    }
}
@media screen and (min-width: 1120px) {
    #pdnetworkfull .network-grid-item {
        width: calc(12.5% - 40px);
    }
    #pdnetworkfull .network-grid-item:nth-child(-n + 24) {
        display: block;
    }
}
@media screen and (min-width: 1260px) {
    #pdnetworkfull .network-grid-item {
        width: calc(11.11111% - 40px);
    }
    #pdnetworkfull .network-grid-item:nth-child(-n + 27) {
        display: block;
    }
}
@media screen and (min-width: 1400px) {
    #pdnetworkfull .network-grid-item {
        width: calc(10% - 40px);
    }
    #pdnetworkfull .network-grid-item:nth-child(-n + 30) {
        display: block;
    }
}
@media screen and (min-width: 1520px) {
    #pdnetworkfull .network-grid-item {
        width: calc(9.090909% - 40px);
    }
    #pdnetworkfull .network-grid-item:nth-child(-n + 33) {
        display: block;
    }
}
@media screen and (min-width: 1660px) {
    #pdnetworkfull .network-grid-item {
        width: calc(8.333333% - 40px);
    }
    #pdnetworkfull .network-grid-item:nth-child(n + 35) {
        display: block;
    }
}

/*    @media screen and (min-width: 1024px) {
#pdnetworkfull .network-grid-item:last-child {
            display: block;
        }
#pdnetworkfull .network-grid-item {
            width: calc(16.666% - 40px);
        }
        
#pdnetworkfull .network-grid {
        max-width: 980px;
    }        
        
    }



    @media screen and (min-width: 1280px) {

#pdnetworkfull .network-grid-item {
            width: calc(12.5% - 40px);
        }
        
#pdnetworkfull .network-grid {
        max-width: 1120px;
    }        

     #pdnetworkfull .network-grid-item:nth-child(n + 33) {
            display: none;
        }       
        
    }

    @media screen and (min-width: 1400px) {

#pdnetworkfull .network-grid-item {
            width: calc(10% - 40px);
        }
        
#pdnetworkfull .network-grid {
        max-width: 1400px;
    }        

     #pdnetworkfull .network-grid-item:nth-child(n + 31) {
            display: none;
        }       
        
    }
*/
#pdnetworkfull .network-grid-container {
    width: 100px;
    height: 100px;
    position: relative;
    perspective: 1500px;
    margin: 0 auto
}
#pdnetworkfull .network-grid-image {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
}
#pdnetworkfull .network-grid-image img {
    margin: 0;
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 3px solid black;
    box-sizing: border-box;
    margin: 0;
}
#pdnetworkfull .network-grid-image {
    transform: translateZ( -50px);
    transition: transform 0.7s;
}
#pdnetworkfull .network-grid-image img.front {
    transform: rotateY( 0deg) translateZ( 50px);
}
#pdnetworkfull .network-grid-container .network-grid-image.right img.side {
    transform: rotateY( 90deg) translateZ( -50px);
}
#pdnetworkfull .network-grid-container .network-grid-image.right:hover {
    transform: translateZ( -50px) rotateY( 90deg);
}
#pdnetworkfull .network-grid-container .network-grid-image.left img.side {
    transform: rotateY( -90deg) translateZ( -50px);
}
#pdnetworkfull .network-grid-container .network-grid-image.left:hover {
    transform: translateZ( -50px) rotateY( -90deg);
}
#pdnetworkfull .network-grid-container .network-grid-image.bottom img.side {
    transform: rotateX( -90deg) translateZ( 50px);
}
#pdnetworkfull .network-grid-container .network-grid-image.bottom:hover {
    transform: translateZ( -50px) rotateX( 90deg);
}
#pdnetworkfull .network-grid-container .network-grid-image.top img.side {
    transform: rotateX( 90deg) translateZ( 50px);
}
#pdnetworkfull .network-grid-container .network-grid-image.top:hover {
    transform: translateZ( -50px) rotateX( -90deg);
}
.mc-field-group {
    margin-bottom: 5PX;
}
.mc-field-group input {
    width: 100%;
}
#pd-overlay {
    position: fixed;
    bottom: 0;
    right: 0;
    border: solid 3px #161615;
    width: 100%;
    display: block;
    box-sizing: border-box;
    z-index: 999;
    background-color: #161615;
    color: #fff;
    transition: transform 0.7s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
#pd-overlay.visible {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
#pd-overlay #mc_embed_signup {
    background-color: #161615 !important;
}
#pd-overlay p {
    color: #fff;
}
#pd-overlay input[type="submit"] {
    border: 3px solid #eaa725;
    border-radius: 3px;
    background: #eaa725;
    color: #161615;
    display: block;
    text-align: center;
    width: 100%;
}
#pd-overlay input[type="text"],
#pd-overlay input[type="email"] {
    border: 3px solid #fff;
    margin-bottom: 9px;
}
#pd-overlay .pd-overlay-content {
    position: relative;
    padding: 45px 15px 15px 15px;
}
#pd-overlay .close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 32px;
    height: 32px;
    opacity: 1;
    cursor: pointer;
}
#pd-overlay .close:hover {
    opacity: 0.5;
}
#pd-overlay .close:before,
#pd-overlay .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 23px;
    width: 3px;
    background-color: #fff;
}
#pd-overlay .close:before {
    transform: rotate(45deg);
}
#pd-overlay .close:after {
    transform: rotate(-45deg);
}
@media screen and (min-width: 640px) {
    #pd-overlay {
        width: 50%;
    }
}
@media screen and (min-width: 992px) {
    #pd-overlay {
        width: calc(33.333% + 4px);
    }
}
#coe-map2 {
    position: relative;
}
#coe-map2 img {
    display: block;
}
#coe-map2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#coe-map2 ul li {
    position: absolute;
    margin: 0;
    padding: 0;
}
#coe-map2 ul li.mamarker a {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    display: block;
}
#coe-map2 ul li.maptitle {
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'cocogoose_proregular';
}
#coe-map2 ul li.mamarker a span {
    display: none;
}
#coe-map2 ul li#marker-171 {
    top: 30.7%;
    left: 16.1%;
}
#coe-map2 ul li#marker-173 {
    top: 25.1%;
    left: 58%;
}
#coe-map2 ul li#marker-167 {
    top: 28.5%;
    left: 14.5%;
}
#coe-map2 ul li#marker-165 {
    top: 23%;
    left: 51.4%;
}
#coe-map2 ul li#marker-163 {
top: 19.7%;
    left: 52.4%;
}
#coe-map2 ul li#marker-139 {
    top: 60%;
    left: 56.5%;
}
#coe-map2 ul li#africa {
    top: 3%;
    right: 43.4%;
}
#coe-map2 ul li#peru {
    top: 41.7%;
    left: 26%;
}