html {
    font-size: 1em;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var,
b, u, i, center, cite,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, main, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Exo 2', sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}





body {
    font-size: 0.875em;
    line-height: 1em;
    padding: 0;
    margin: 0;
    color: #666666;
    min-width: 320px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, address, main, figure, dd, dt, dfn, cite {
    padding: 0;
    margin: 0 0 1em 0;
    font-style: normal;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.3em;
    color: #666666;
}

h1, h2, h3, h4, h5 {
    margin: 0 0 1em 0;
    width: 100%;
    font-weight: bold;
    font-family: 'Exo 2', sans-serif;
}

p, figcaption, label, li, caption, dfn, p, span, button, cite, time {
    line-height: 1.5em;
    font-family: 'Exo 2', sans-serif;
    color: #666666;
}


    h1,
    p.faux-h1 {
        font-size: 2.231em;
        color: #a2d270;
        font-weight: normal;
    }

.intro {
    font-size: 1.143em;
    color: #a2d270;
}

h2 {
    font-size: 1.462em;
    color: #a2d270;
    font-weight: normal;
}

h3 {
    font-size: 1.143em;
    color: #666666;
}

h4 {
    font-size: 1.143em;
    color: #a2d270;
}

h5 {
    font-size: 1em;
    color: #666666;
}

strong, b {
    font-weight: bold;
}



cite {
    display: block;
}


q, blockquote{
    font-family: 'Exo 2', sans-serif;
    quotes: '\201c' '\201d';
    color: #a2d270;
}

    q:before, blockquote:before {
        content: open-quote;
    }

    q:after, blockquote:after {
        content: close-quote;
    }

blockquote  {
    clear: both;
    font-size: 1.462em;
}



img {
    max-width: 100%;
    height: auto;
}

    img.article-img {
        margin-bottom: 25px;
        margin-left: -2em;
        max-width: calc(100% + 4em);
    }

a {
    color: #666;
    text-decoration: underline;
    -moz-transition: all linear 250ms;
    -o-transition: all linear 250ms;
    -webkit-transition: all linear 250ms;
    transition: all linear 250ms;
}

    a:hover,
    a:focus {
        color: #a2d270;
        text-decoration: underline;
    }

button {
    cursor: pointer;
    background: transparent;
    border: 0;
    color: #a2d270;
}

:focus {
    outline-color: #a2d270;
}

.clear {
    clear: both;
}

.hidden,
.hide {
    display: none;
}

a.button {
    text-decoration: none;
    border: 1px solid #c4c4c4;
    padding: 5px 30px;
}

    a.button:hover {
        background: #c4c4c4;
        color: #666;
    }





    footer ul.buttoned li a {
        text-decoration: none;
        border: 1px solid #c4c4c4;
        padding: 5px 30px;
    }
    footer ul.buttoned li a:hover {
        background: #c4c4c4;
        color: #666;
    }


.button-links {
    text-align: center;
    margin-bottom: 30px;
    clear: both;
    padding-top: 5px;
}

    .button-links ul {
        display: inline-block;
    }

        .button-links ul li a {
            color: #a2d270;
            border-color: #a2d270;
        }

.green .button-links ul li a {
    color: #fff;
    border-color: #fff;
}

    .green .button-links ul li a:hover {
        background: #fff;
        color: #a2d270;
    }


.button-links.grey ul li a {
    color: #6d6e71;
    border-color: #6d6e71;
}

.button-links.grey ul li a:hover {
    color: #fff;
    background: #6d6e71;
}


.button-links.blue ul li a {
    color: #1a71b6;
    border-color: #1a71b6;
}

.content ul > li {
    background: url('data:image/gif;base64,R0lGODdhCAAIAPMAANTqvODwz7velvP57KjVetrtxq7Yg83ns8HhoPn89ebz2cfkqbXbjf///6LScAAAACwAAAAACAAIAAAEGrAp5hwasmqTqK7ApwmEaC1m0H1L4xbLobgRADs=') /*/images/bullet.gif*/ no-repeat 5px 7px;
    padding: 0 0 10px 25px;
}


.content ol > li {
    list-style-type: decimal;
    padding: 0 0 10px 0;
    margin: 0 0 0 25px;
}

.content li ol,
.content li ul {
    margin-bottom: 0;
}

.content li li {
    padding-top: 10px;
    padding-bottom: 0;
    background-position: 5px 17px;
}



.content ul.bordered-list {
    border-top: 1px solid #e8e8e8;
    width: 50%;
}

    .content ul.bordered-list li {
        background: none;
        border-bottom: 1px solid #e8e8e8;
        padding: 5px 0;
    }

.shareing {
    border-top: 1px solid #e8e8e8;
}

    .shareing ul {
        float: right;
    }

        .shareing ul li {
            background: none;
            padding: 0.5em;
            display: inline-block;
        }



button.menu-toggle {
    display: none;
}


/* scrollers */
.scrolling-container {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

.scrolling-background {
}

.scrolling-overflow {
    width: 1000%;
    display: flex;
    align-content:;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.scrolling-container .scrolling-panel {
    width: 10%;
    float: left;
}

.scrolling-nav {
    float: left;
    text-align: center;
    width: 100%;
}


    .scrolling-nav ul {
        margin: 10px auto;
        display: inline-block;
    }

        .scrolling-nav ul > li {
            background: transparent;
            margin: 0 10px 10px;
            padding: 0;
            cursor: pointer;
            border: 2px solid #fff;
            width: 15px;
            height: 15px;
            display: inline-block;
            font-size: 0;
            border-radius: 50%;
        }

            .scrolling-nav ul > li.active {
                background: #fff;
            }

section.white .scrolling-nav ul > li {
    border-color: #ccc;
}

    section.white .scrolling-nav ul > li.active {
        background: #ccc;
    }


/* form elements*/

#mc_embed_signup .button
{
    background-color: #a2d270 !important;
}

.indicates-required{
    color:#bbb;
}

label, input[type="checkbox"], select {
    cursor: pointer;
}


.ss-dropdown {
    float: left;
    height: 30px;
    margin: 0 10px 2px 0;
    width: 100%;
    position: relative;
    font-size: 14px;
    background-color: #a2d270;
}

    .ss-dropdown span,
    .ss-dropdown select {
        width: 100%;
        height: 100%;
    }

    .ss-dropdown .selector {
        position: absolute;
        color: #fff;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
    }

        .ss-dropdown .selector:after {
            position: absolute;
            right: 10px;
            font: normal normal normal 20px/30px FontAwesome;
            content: '\f0d7';
        }

.ss-checkbox {
    position: relative;
    height: 30px;
    line-height: 30px; 
    display: inline-block;
    margin-left: 30px;
    float:right;
    text-decoration:none;
    color:#666;
}


.ss-checkbox:focus,
.ss-checkbox:hover{
    text-decoration:none;
    color:#666;
}
        .ss-checkbox:after {
            content: "\f00c";
            font: normal normal normal 20px/30px FontAwesome;
            display: block;
            text-align: center;
            margin-left: 10px;
            float: right;
            width: 30px;
            height: 30px;
            background: rgba(98,132,46,0.95);
            color: transparent;
        }

    .commentsLink:after {
        background: rgba(98,132,46,0.95);
    }

    .publicationsLink:after {
        background: rgba(251,110,34,0.95);
    }

    .ss-checkbox.checked:after {
        color: #fff;
    }







    .ss-checkbox.checked label:after {
        color: #fff;
    }

.ss-more {
    background: #fff;
    height: 30px;
    text-align: center;
    width: 100%;
    color: #6d6e71;
    font-weight: bold;
}

    .ss-more a {
        text-transform:uppercase;
        text-decoration:none;
        width:100%;
        display: block;
    }
    a.ss-more {
        text-transform:uppercase;
        text-decoration:none;
        line-height:30px;
        width:100%;
        display: block;
    }
    a.ss-more:hover{
        color: #fff;
        background: #6d6e71;
    }

main .article-image-wrap{
    position:relative;
    
}
main .download{
    position: absolute;
    right: -2em;
    width: 50%;
    background-color: grey;
    height: 40px;
    text-align: left;
    top: 0;
    margin-top: 0;
    line-height: 40px; 
}

main div .download a {
    margin-left: 20px;
    text-decoration:none;
    color:#a2d270;
    vertical-align: middle;
    font-weight: bold;
}
main div .download a:hover{
    text-decoration: none;
    color:#fff;
    
}



main div .download a::before
{
    content: '\f15c';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0 0.5em 0 0;
    text-decoration:none;
}

/* layout */

.col {
    float: left;
    margin: 0 2%;
    min-height: 1px;
}

/*.col-1-3rd {
    width: 29.33333%;
}

.col-2-3rd {
    width: 62.66666%;
}*/



.col-1-4th {
    width: 21%;
}

.col-2-4th {
    width: 46%;
}

.col-3-4th {
    width: 71%;
}

.col-1-5th {
    width: 16%;
}

.col-2-5th {
    width: 36%;
}

.col-3-5th {
    width: 56%;
}

.col-4-5th {
    width: 76%;
}



.col-full,
.col-3-3rd,
.col-4-4th,
.col-5-5th {
    width: 96%;
}


.col-1-3rd,
.col-1half-3rd,
.col-2-3rd,
.col-3-3rd {
    margin: 0 0.5%;
}

.col-1-3rd {
    width: 32.33333%;
}
.col-1half-3rd {
    width: 49%;
}

.col-2-3rd {
    width: 65.66666%;
}

.col-3-3rd {
    width: 99%;
}



.col-centered {
    margin: 0 auto;
    float: none;
}


.col-right {
    float: right;
}

.content {
    margin: 10px 1.6% 10px;
    float: left;
    width: 96.8%;
}

main {
    background: #fff;
    padding: 25px 2em;
    margin-top: 0.5em !important;
    position: relative;
}

    main h1 {
        font-size: 1.572em;
        color: #666666;
    }

.pub {
    color: #fb6e22;
}

.art {
    color: #a2d270;
}

.blue {
    color: #1a71b6;
}

p time {
    text-transform: uppercase;
    margin-top: 4px;
    font-size: 0.7em;
    letter-spacing: 0.3em;
}


header, section, main, footer {
    float: left;
    width: 100%;
    display: block;
    margin: 0;
}

section {
    background: url(../images/texture.png);
    padding: 20px 0;
}

    section.green {
        background: #a2d270;
    }

    section.banner,
    section.white {
        background: #fff;
    }



.container {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

section > .container > h2 {
    margin: 40px 0 10px;
    font-size: 1.9em;
    text-align: center;
    clear: both;
}


section > .container > h3,
section > .container > p {
    text-align: center;
    width: 80%;
    margin: 0 auto 25px;
}


section.green > .container > h2,
section.green > .container > p {
    color: #fff;
}

section.services > .container > h2,
section.services > .container > p {
    color: #6d6e71;
}
section > .container > h2 a{
    text-decoration:none;
    color:inherit;
}

header {
    padding: 2.5em 0 2em;
}

    header .logo {
        width: 25%;
        float: left;
    }

    header .lang-switcher {
        width: 50%;
        float: left;
        text-align: center;
        min-height:1px;
    }


        header .lang-switcher ul {
            margin: 0 auto;
            display: inline;
        }

            header .lang-switcher ul li {
                display: inline-block;
                border-left: 1px solid #ebebeb;
                padding: 0 10px;
                color: #a2d270;
            }

                header .lang-switcher ul li:first-child {
                    border: 0;
                }

                header .lang-switcher ul li a {
                    color: #666;
                    text-decoration: none;
                }

    header .header-search {
        width: 25%;
        float: left;
    }

        header .header-search form {
            float: right;
        }

            header .header-search form input {
                opacity: 0;
                -moz-transition: opacity linear 250ms;
                -o-transition: opacity linear 250ms;
                -webkit-transition: opacity linear 250ms;
                transition: opacity linear 250ms;
            }

                header .header-search form input:focus {
                    opacity: 1;
                    outline-color: #a2d270;
                }


            header .header-search form button {
                cursor: pointer;
                background: transparent;
                border: 0;
                color: #a2d270;
                font-size: 16px;
            }

    header nav {
        float: left;
        margin: 2.5em 2% 0;
        width: 96%;
    }


        header nav ul {
            float: right;
        }

            header nav ul li {
                display: inline-block;
                padding: 0 2px;
                color: #a2d270;
            }


                header nav ul li a {
		            padding: 0 25px;
                    text-align: center;
                    display: inline-block;
                    height: 30px;
                  
                    line-height: 30px;
                    color: #666;
                    font-weight: bold;
                    background: #ebebeb;
                    text-decoration: none;
                    text-transform: uppercase;
                    -moz-transition: none;
                    -o-transition: none;
                    -webkit-transition: none;
                    transition: none;
                }

                    header nav ul li.selected a,
                    header nav ul li a:hover,
                    header nav ul li a:focus {
                        color: #fff;
                        text-decoration: none;
                        background: #a2d270;
                    }




footer {
    padding: 40px 0 20px;
    background: #6d6e71;
}

    footer p,
    footer a {
        color: #bbb;
    }

        footer a:hover {
            color: #a2d270;
        }

    footer h3 {
        color: #a2d270;
        font-size: 1.4em;
        font-weight: normal;
    }

    footer ul {
        list-style: none;
    }

        footer ul li {
            margin: 0 0 5px 0;
        }

            footer ul li a {
                padding: 5px 0;
                text-decoration: none;
            }


        footer ul.social li {
            font-size: 1.4em;
            display: inline-block;
            margin: 0 25px 5px 0;
        }

            footer ul.social li a {
                color: #fff;
            }

                footer ul.social li a:hover {
                    color: #a2d270;
                }

    footer .copyright {
        margin-top: 100px;
    }

ul.breadcrumb {
    padding: 0 0 0 20px;
}

    ul.breadcrumb li {
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.85em;
    }

        ul.breadcrumb li:after {
            content: ' /';
            padding: 0 5px;
        }

        ul.breadcrumb li:last-child:after {
            content: '';
             padding: 0;
        }

        ul.breadcrumb li a {
            text-decoration: none;
        }

            ul.breadcrumb li a:hover {
                color: #000;
            }

/*search results page and search form*/
.serp{
    margin-top:30px;
}

.serp a{
     color:#a2d270;
    text-decoration:none;
}

/*.container .header-search{
    margin-top: 30px;
}*/

.paging ul li{
    display:inline-block;
    padding:0 5px 0 5px;
}

.paging ul .current a{
    font:bolder;
    color:#666666 !important;
}

.paging ul li a i{

        padding:0 5px 0 5px;

}

section.banner {
    padding: 0;
    background-repeat: no-repeat;
    background-color: #ebebeb;
    background-position: center center;
    background-size: cover;
}

    section.banner .col-full {
        background-color: rgba(109,110,113,0.8 );
        min-height: 160px;
        padding: 30px 0;
    }

    section.banner.banner-home .col-full {
        margin-bottom: 190px;
    }

    section.banner p {
        color: #C4C4C6;
        font-size: 1.1em;
    }


        section.banner p:first-child,
        section.banner ul:first-child {
            margin-top: 5px;
        }

        section.banner p.faux-h1 {
            margin-top: 0;
            color: #a2d270;
            font-size: 2.231em;
        }

    section.banner ul li {
        margin: 0 0 15px 0;
    }

        section.banner ul li a {
            text-decoration: none;
            color: #fff;
        }

            section.banner ul li a:hover {
                color: #a2d270;
            }


section.intro {
    padding: 70px 0 55px;
}

    p.vlarge {
        color: #6d6e71;
        font-size: 1.715em;
        text-align: center;
    }   
     p.large {
        color: #6d6e71;
        font-size: 1.415em;
        text-align: center;
    }

section.services {
}

div.services {
    padding: 40px 0 25px;
    float: left;
}


section.services .service {
    width: 19%;
    margin: 0 3%;
    float: left;
    text-align: center;
}

    section.services .service a {
        text-decoration: none;
    }

    section.services .service .fa {
        color: #fff;
        font-size: 3em;
        text-shadow: 2px 2px 4px #a2d270, -2px -2px 4px #a2d270, 2px -2px 4px #a2d270, -2px 2px 4px #a2d270;
        margin-bottom: 10px;
        display: block;
    }

    section.services .service a .fa {
        -moz-transition: all linear 250ms;
        -o-transition: all linear 250ms;
        -webkit-transition: all linear 250ms;
        transition: all linear 250ms;
    }

    section.services .service a:hover .fa {
        color: #a2d270;
        text-shadow: 2px 2px 4px #fff, -2px -2px 4px #fff, 2px -2px 4px #fff, -2px 2px 4px #fff;
    }
    .lt-ie10  section.services .service .fa{
        color: #a2d270;
    }
    .lt-ie10  section.services .service a:hover .fa {
        color: #666;
    }

    section.services .service h3 {
        color: #666;
        font-size: 1.6em;
        font-weight: normal;
    }

section.bios .scrolling-container {
    width: 97%;
    float: left;
    margin: 0 1.5%;
    min-height: 1px;
}


    section.bios .scrolling-container .profile-item {
        width: 32.333%;
        margin: 0 0.5% 1em;
        min-height: 160px;
        -moz-transition: opacity linear 250ms;
        -o-transition: opacity linear 250ms;
        -webkit-transition: opacity linear 250ms;
        transition: opacity linear 250ms;
    }

section.bios.fade .scrolling-container .profile-item {
    opacity: 0.5;
}

    section.bios.fade .scrolling-container .profile-item:hover {
        opacity: 1;
    }

section.careers .scrolling-container {
    width: 96%;
    float: left;
    margin: 0 2% 1.3em;
    min-height: 1px;
}

    section.careers .scrolling-container .scrolling-overflow {
        min-height: 320px;
    }




    section.careers .scrolling-container .panel-item {
        width: 32.65%;
        margin: 0 0.5%;
        float: left;
    }
    section.careers .scrolling-container .panel-item:last-child {
        margin: 0 0 0 0.5%;
        float: right;
    }
    section.careers .scrolling-container .panel-item:first-child {
        margin: 0 0.5% 0 0;
        float: left;
    }

        section.careers .scrolling-container .panel-item a {
            height: 100%;
            display: block;
            text-decoration: none;
        }

        section.careers .scrolling-container .panel-item .panel {
            background: rgba(162, 210, 112, 0.95);
            padding: 20px;
            position: relative;
            height: 160px;
            -moz-transition: background-color linear 250ms;
            -o-transition: background-color linear 250ms;
            -webkit-transition: background-color linear 250ms;
            transition: background-color linear 250ms;
        }

            section.careers .scrolling-container .panel-item .panel h2 {
                color: #fff;
                width: 60%;
                height: 52px;
            }

            section.careers .scrolling-container .panel-item .panel span.type {
                color: #fff;
                position: absolute;
                top: 20px;
                right: 20px;
                text-transform: uppercase;
                font-size: 0.7em;
                letter-spacing: 0.3em;
            }

            section.careers .scrolling-container .panel-item .panel p {
                color: rgba(98, 132, 46, 0.95);
                width: 70%;
            }

            section.careers .scrolling-container .panel-item .panel i.fa {
                color: #fff;
                position: absolute;
                bottom: 20px;
                right: 20px;
            }

.grid-matrix {
    margin: 50px 1.5%;
    float: left;
    width:97%;
}


.block {
    width: 100%;
    height: 320px;
    float: left;
    margin:7px 0 /*0.5em 0*/;
    
        background-size: cover;
        background-position: center;
}

.grid-matrix .col-2-3rd .block.tall {
    height: 654px;
}


.block a {
    height: 100%;
    display: block;
    text-decoration: none;
}

.block .panel {
    background: rgba(109,110,113,0.95);
    padding: 20px;
    position: relative;
    height: 160px;
    -moz-transition: background-color linear 250ms;
    -o-transition: background-color linear 250ms;
    -webkit-transition: background-color linear 250ms;
    transition: background-color linear 250ms;
}


.block.grey .panel {
    background: rgba(109,110,113,0.95);
}

.block.grey a:hover .panel {
    background: rgba(109,110,113,0.75);
}

.block.blue .panel {
    background: rgba(15,107,180,0.95);
}

.block.blue a:hover .panel {
    background: rgba(15,107,180,0.75);
}

.block.orange .panel {
    background: rgba(251,110,34,0.95);
}

.block.orange a:hover .panel {
    background: rgba(251,110,34,0.75);
}

.block.green .panel {
    background: rgba(98,132,46,0.95);
}

.block.green a:hover .panel {
    background: rgba(98,132,46,0.75);
}
.block.green-bright .panel {
    background: rgba(162, 210, 112,0.95);
}

.block.green-bright a:hover .panel {
    background: rgba(162, 210, 112,0.75);
}


.grid-matrix .col-2-3rd .block .panel {
    width: 49.2%;
}

.grid-matrix .col-1half-3rd .block .panel {
    width: 49.2%;
}

.grid-matrix .col-3-3rd .block .panel {
    width: 32.6%;
}


.block .panel h2 {
    color: #fff;
    width: 70%;
    max-height: 3.99em;
    font-size: 1.33em;
    overflow: hidden;
    margin-bottom: 0.5em;
}

.block .panel span.type {
    color: #fff;
    position: absolute;
    top: 2.4em;
    right: 20px;
    text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 0.3em;
}

.block .panel i.fa {
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.block .panel .type i.fa {
    top: 0;
    right: 0;
    font-size: 3em;
}


.block .panel p {
    color: rgba(255,255,255,0.6);
    width: 70%;
    max-height: 3em;
    overflow: hidden;
}


.close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font: normal normal normal 25px/1 FontAwesome;
    color: #0f6bb4;
}

    .close:hover {
        color: #666;
    }

    .close:before {
        content: "\f00d";
    }

.profile-info {
    padding: 1.2em 1.5em 0;
    float: left;
    width: 55%;
}


.profile-info h3,
.profile-info p{
    margin-bottom:0.8em;
}

.profile-photo {
    position: absolute;
    right: 0;

}

.profile-item {
    background: #fff;
    float: left;
    width: 100%;
    margin-bottom: 1em;
    position:relative;
    height: 160px;
}

    .profile-item:last-child {
        margin: 0;
    }

    .profile-item p {
        color: #666;
    }

    .profile-item a {
        color: #a2d270;
        text-decoration: none;
        display: inline-block;
        position:absolute;
        bottom:15px;
    }


.profile-header {
    margin-bottom: -1em;
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 0.5em;
    position: relative;
}

    .profile-header .profile-title {
        width: 49%;
        float: right;
        padding: 20px 20px 10px 20px;
    }

        .profile-header .profile-title h1 {
            color: #666;
            font-size: 1.572em;
        }

    .profile-header .contact-card {
        margin: 0;
        width: 49%;
        background: #fb6e22;
        color: #fff;
        float: left;
        position: relative;
        min-height: 160px;
    }

        .profile-header .contact-card h3,
        .profile-header .contact-card a i.fa {
            color: #fff;
        }

        .profile-header .contact-card p {
            color: rgba(255,255,255,0.6);
        }

        .profile-header .contact-card a {
            color: rgba(255,255,255,0.6);
            text-decoration: none;
        }

            .profile-header .contact-card a:hover {
                color: rgba(255,255,255,1);
            }


.comments {
    margin-top: 1em;
    background: rgba(0,0,0,0.05);
    float: left;
    width: 100%;
    padding: 2em 2em 1em;
}


    .comments legend {
        font-weight: bold;
        margin-bottom: 1em;
    }

    .comments fieldset {
        width: 70%;
    }

    .comments .left {
        float: left;
        width: 45%;
        margin-right: 5%;
    }

    .comments .right {
        float: right;
        text-align: right;
        width: 45%;
        margin-left: 5%;
    }

    .comments .full {
        float: left;
        width: 95%;
        margin-right: 5%;
    }

    .comments label {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 0.5em;
    }

    .comments input[type="text"] {
        width: 100%;
        margin-bottom: 1.5em;
        border: 1px solid #fff;
        padding: 0.5em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .comments textarea {
        width: 100%;
        margin-bottom: 1.5em;
        border: 1px solid #fff;
        padding: 0.5em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 100px;
        font-family: 'Exo 2', sans-serif;
    }

    .comments input[type="submit"] {
        margin-bottom: 1.5em;
        border: 0 solid #fff;
        padding: 0.5em 1.5em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #000;
        color: #fff;
        cursor: pointer;
        -moz-transition: background linear 250ms;
        -o-transition: background linear 250ms;
        -webkit-transition: background linear 250ms;
        transition: background linear 250ms;
    }

        .comments input[type="submit"]:hover {
            background: #a2d270;
        }


ul.article-navigator {
    margin: 0.5em 0 0 0;
    width: 100%;
}

    ul.article-navigator li {
        display: block;
        float: left;
        width: 33.333%;
        text-align: center;
        background: 0;
        padding: 0;
        height: 1.5em;
        line-height: 1.5em;
    }

        ul.article-navigator li a {
            text-decoration: none;
            padding: 0 10px;
            line-height: 1.5em;
            background: #0f6bb4;
            color: #fff;
            width: 100%;
            display: block;
            height: 100%;
        }

            ul.article-navigator li a:hover {
                background: #666;
                color: #fff;
            }

        ul.article-navigator li.prev a {
            text-align: right;
        }

        ul.article-navigator li.next a {
            text-align: left;
        }


/* Aside touts*/
aside {
}

.tout {
    float: left;
    width: 100%;
    min-height: 30px;
    margin: 0.5em 0;
    background: #fff;
}

    .tout .tout-inner {
        padding: 1.2em 1.5em;
        float: left;
        width: 100%;
    }

    .tout h3 {
        font-weight: normal;
        color: #fff;
    }

    .tout p,
    .tout article,
    .tout a {
        font-weight: normal;
        color: rgba(255,255,255,0.6);
        text-decoration: none;
    }

        .tout a:hover {
            color: rgba(255,255,255,0.9);
            text-decoration: none;
        }


    .tout.key-contact {
        background: #fb6e22;
        color: #fff;
        position: relative;
        min-height:160px;
    }

        .tout.key-contact i.fa {
            color: #fff;
        }

    .tout .profile-item p {
        color: #666;
        max-height: 7.5em;
        overflow:hidden;
    }

    .tout .profile-item a {
        color: #a2d270;
        margin-top: 30px;
        text-decoration: none;
        display: inline-block;
    }

    .tout.article-list {
        background-color: #797a7c;
        min-height: 175px;
    } 
    aside .tout.article-list {
           min-height: 0;
    }

        .tout.article-list h3 {
            margin:0 0 0.5em;
        }
        .tout.article-list article {
            position: relative;
            float: left;
            width: 70%;
            margin: 10px 0 0 30px;
        }

            .tout.article-list article:before {
                position: absolute;
                left: -30px;
                top: 2px;
                color: #fff;
                font-size: 1.4em;
            }

            .tout.article-list article.fa-file-text:before {
                font-size: 1.1em;
                top: 4px;
            }

            .tout.article-list article a {
                display: block;
                float: left;
                line-height: 1.5em;
                max-height: 3em;
                overflow-y: hidden;
            }

            .tout.article-list article time {
                display: block;
                float: left;
                color: rgba(255,255,255,0.6);
                text-transform: uppercase;
                margin-top: 4px;
                font-size: 0.7em;
                letter-spacing: 0.3em;
            }


    .tout .tout-link {
        float: left;
        width: 70%;
        margin: 30px 0 0 0;
    }

        .tout .tout-link a {
            color: #a2d270;
        }

    .tout.case-study {
        background: rgb(15,107,180);
    }

        .tout.case-study .tout-inner {
            border-bottom: 1px solid rgba(255,255,255,0.65);
        }

            .tout.case-study .tout-inner h3,
            .tout.case-study .block {
                margin: 0;
            }

    .tout.related-contacts {
        background: #ccc;
    }

        .tout.related-contacts h3 {
            color: #666;
            margin: 0;
        }

        .tout.related-contacts.authors {
            background: #a2d270;
        }

        .tout.related-contacts.authors h3 {
            color: #fff;
            margin: 0;
        }


/*Sitemap*/

.alphabet-container {
    width:100%;

}


    .alphabet-container ul li{
        background:none;
        width:3.3%;
        padding:0 0 0.5em 0;
        display:inline-block;
        font-weight:bold;
        font-size:1.2em;
     }


        .alphabet-container ul li a {
    text-decoration: none;
    color: #a2d270;
        }

.sitemap{
    width:100%;
}
    .sitemap h3{
        font-size:1.7em;
    }

    
    .sitemap .left{
        float:left;
        width:50%;
    } 
    .sitemap .right{
        float:right;
        max-width:50%;
    }



.comment-user {
    border-bottom: 1px solid #fff;
    margin-bottom: 1em;
}


    .comment-user:last-child {
        border:0;
    }

p.tags {
    font-weight: bold;
}