/* ================================================================ *\
	#Reset
\* ================================================================ */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

/* ================================================================ *\
	#Common helpers
\* ================================================================ */

table tr td {
    vertical-align:top;
}

.left, .alignleft {
    float:left;
}

.right, .alignright {
    float:right;
}

.center {
    text-align:center;
    margin:0 auto;
}

.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.clear {
    float:none;
    clear:both;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.bold, .keyword {
    font-weight:bold;
}

.success {
    color:#1a1;
}

.error {
    color:#a11;
}

.hidden {
    display:none;
}

strong {
    font-weight:700;
}

img.aligncenter {
    margin:0 auto;
}

input[type="submit"], button {
    cursor:pointer;
}

@media print{
    .screen, .screen * {
        display: none !important;
    }
}

/* value because of the aspect ratio of videos */
.video-frame-wrapper-responsive {
    padding:56.25% 0 0 0;
    position:relative;
}


/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    min-width: 1000px;
    background: #f8f8f8;
    font-family: 'DinPro', sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #000;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    color: #80a34b;
}

a:hover {
    color: #000;
    text-decoration: none;
}

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

img {
    border: 0;
    vertical-align: middle;
}

b,
strong {
    font-weight: bold;
}

i,
em {
    font-style: italic;
}

small {
    font-size: 80%;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -webkit-font-smoothing: antialiased;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button {
    overflow: visible;
}

textarea {
    overflow: auto;
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

th,
td {
    padding: 0;
}

strong,
h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
}

h1,
h2,
h3 {
    font-family: 'DinPro';
    font-weight: 300;
    line-height: 1;
}

strong,
h4,
h5 {
    font-family: 'DinPro';
    font-weight: 500;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
    line-height: 1.33;
}

h5 {
    font-size: 13px;
    line-height: 1.38;
    padding-bottom: 4px;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: '';
}

.clearfix:after {
    clear: both;
}

/* ================================================================ *\
	#Containers
\* ================================================================ */

/* make sure to remove this line in order to make the project responsive and change the size of columns*/
.container {
    width: 968px !important;
}


/* ================================================================ *\
	#Header
\* ================================================================ */
.header {
    padding-top: 17px;
}

.logo {
    width: 187px;
    height: 52px;
    display: block;
    margin-top: 6px;
    text-indent: 100%;
    white-space: nowrap;
    background: url(images/sprite.png) no-repeat 0 0;
    overflow: hidden;
}

.header-bar {
    float: right;
}

.search,
.nav-utilities {
    float: left;
}

.nav-utilities {
    padding-right: 10px;
}

.nav-utilities ul {
    list-style: none outside none;
    overflow: hidden;
}

.nav-utilities li {
    float: left;
    height: 22px;
    line-height: 22px;
}

.nav-utilities li + li {
    padding-left: 10px;
    border-left: 1px solid #bebebe;
    margin-left: 10px;
}

.nav-utilities a {
    text-transform: uppercase;
    color: #848484;
}

.nav-utilities .current a,
.nav-utilities a:hover {
    color: #80a34b;
    text-decoration: none;
}

.search {
    border-bottom: 1px solid #bebebe;
    width: 187px;
    overflow: hidden;
}

.search-field {
    -webkit-appearance: none;
    height: 20px;
    width: 138px;
    border: 0;
    background: none;
    float: left;
    text-transform: uppercase;
    font-size: 14px;
}

.search-field:focus {
    background: #acacac;
    color: #000;
    padding: 0 10px;
    text-transform: none;
}

.search-btn {
    float: right;
    border: 0;
    background: url(images/sprite.png) no-repeat -176px -166px;
    width: 30px;
    height: 17px;
    font-size: 0;
    line-height: 0;
}

.search-field:focus ~ .search-btn {
    background-position: -139px -166px;
}

.ico-search-hover {
    width: 29px;
    height: 16px;
    background-position: -139px -166px;
}

.ico-search {
    width: 29px;
    height: 16px;
    background-position: -176px -166px;
}

/* ------------------------------------------------------------ *\
	Program CSS
\* ------------------------------------------------------------ */
.header-program,
.bar-program {
    position: relative;
}

.bar-program {
    margin-bottom: 40px;
}

.header-program .logo {
    margin: 0;
}

.bar-program h1 {
    position: relative;
    background: url(images/dashed-border.png) repeat-x 0 top;
    padding: 10px 0 0;
}

.bar-program .bar-image {
    bottom: 64px;
}

.bar-program .bar-number {
    top: 45px;
}

#content > h2 {
    position: relative;
    background: url(images/dashed-border.png) repeat-x 0 bottom;
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 24px;
    color: #000;
    padding-bottom: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    display: block;
}

#content {
    width: 958px;
    margin: 0 auto;
}

#content fieldset {
    border: 0;
    margin-top: 40px;
}

#content fieldset ~ fieldset {
    margin-top: 50px;
}

#content fieldset legend {
    background: url(images/dashed-border.png) repeat-x 0 top;
    padding-top: 20px;
}

#content fieldset legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

#content fieldset legend span {
    width: 100%;
    border-bottom: 1px solid #bdbdbd;
    color: #000;
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 18px;
    display: block;
}

#content .right {
    float: right;
}

#content .selecter.open .selecter-selected:after {
    display: none;
}

#content fieldset label {
    font-family: 'DinPro';
    font-weight: 500;
    display: block;
    margin-top: 20px;
    font-size: 13px;
}

#content .selecter-options {
    width: 295px;
}

#content .selecter-item {
    font-size: 13px;
}

#content .selecter-selected,
#content input[type='text'],
#content input[type='email'],
#content input[type='tel'],
#content input[type='password'] {
    border: 1px solid #c0c0c0;
    height: 40px;
    padding: 12px 5px;
    font-size: 11px;
    color: #818181;
    font-family: 'DinPro';
    font-weight: 500;
    box-sizing: border-box;
    width: 295px;
    text-align: left;
    border-radius: 0;
}

#content textarea {
    border: 1px solid #c0c0c0;
    width: 100%;
    height: 40px;
    padding: 12px 5px;
    font-size: 11px;
    color: #818181;
    font-family: 'DinPro';
    font-weight: 500;
    box-sizing: border-box;
    height: 147px;
}

#content .date ~ .selecter-selected {
    width: 104px;
}

#content .date {
    display: inline-block;
}

#content .date ~ .selecter-options {
    width: 104px;
}

#content .description {
    display: block;
    margin-top: 20px;
}

#content .required {
    color: #818181;
    font-size: 11px;
    font-style: italic;
}

#content textarea.has-error.required,
#content input.has-error.required {
    background: #d3928f;
    color: #fff;
}

#content textarea.required,
#content input.required {
    font-style: normal;
}

#content .selecter-selected:after {
    position: absolute;
    top: 2px;
    right: 10px;
}

#content .separator {
    display: inline-block;
    vertical-align: bottom;
}

#content .selecter {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#content .selecter ~ .selecter {
    margin-left: 10px;
    vertical-align: middle;
}

#content fieldset input[type="radio"] ~ label {
    padding: 0 0 0 38px;
    border: 0;
    text-align: left;
    position: relative;
}

#content fieldset input[type="radio"] ~ label:after,
#content fieldset input[type="radio"] ~ label:before {
    position: absolute;
    left: 3px;
    top: 0;
    content: '';
    z-index: 2;
}

#content fieldset input[type="radio"] ~ label:after {
    display: none;
    z-index: 10;
}

#content fieldset input[type="radio"] {
    display: none;
}

#content .custom-input-checked input[type="radio"] ~ label:after {
    display: block;
}

.alert,
#content .error-message {
    font-family: 'DinPro';
    font-weight: 500;
    background: #d3928f;
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 5px;
}

#content input.submit {
    width: 217px;
    height: 38px;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 10px 0;
    line-height: 1;
    text-align: left;
    border: 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

#content p.submit {
    margin-bottom: 20px;
}

#content .submit-wrapper {
    background: #5b8f20;
    display: inline-block;
    width: 217px;
    position: relative;
    height: 38px;
}

#content .submit-wrapper:after {
    content: '';
    position: absolute;
    left: 186px;
    top: 7px;
}

#content .submit-wrapper:hover {
    background: #80a34b;
}


#content .form-btn-prev {
    height: 38px;
    background: #80a34b;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 10px 0;
    line-height: 1;
    text-align: left;
    border: 0;
    margin-left: 10px;
}

#content .form-btn-prev:hover {
    background: #5b8f20;
}

#content .clearfix {
    position: relative;
}

.footer-program .shell {
    width: 958px;
    margin: 0 auto;
    overflow: hidden;
}

.footer-program .credits {
    float: left;
}

#content ::-webkit-input-placeholder {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 11px;
    color: #818181;
    padding-top: 1px;
}

#content :-moz-placeholder {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 11px;
    color: #818181;
    padding-top: 1px;
    opacity: 1;
}

#content ::-moz-placeholder {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 11px;
    color: #818181;
    padding-top: 1px;
    opacity: 1;
}

#content :-ms-input-placeholder {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 11px;
    color: #818181;
    padding-top: 12px;
}

#content .has-error::-webkit-input-placeholder {
    color: #fff;
    font-style: normal;
}

#content .has-error:-moz-placeholder {
    color: #fff;
    font-style: normal;
}

#content .has-error::-moz-placeholder {
    color: #fff;
    font-style: normal;
}

#content .has-error:-ms-input-placeholder {
    color: #fff;
    font-style: normal;
}

#content .file-upload {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

#content .ico-white-top {
    margin-left: 5px;
}

#content .file-upload-btn {
    display: inline-block;
    background: #a8a8a8;
    font-size: 12px;
    font-family: 'DinPro';
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    height: 29px;
    box-sizing: border-box;
    padding: 5px 13px 0px;
    text-align: center;
    margin-top: 15px;
}

#content .file-upload-btn:hover {
    background: #818181;
}

#content input[type=file] {
    opacity: 0;
    font-size: 100px;
    position: absolute;
    bottom: -10px;
    right: -10px;
    cursor: pointer;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

#content .description-check label {
    position: relative;
    padding-left: 40px;
}

#content .description-check label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#content input[type=checkbox] ~ .description label {
    position: relative;
    padding-left: 40px;
}

#content input[type=checkbox] ~ .description label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#content .custom-input-disabled .description-check label:after {
    display: none !important;
}

#content .description-check label:after {
    content: '';
    background: url(images/custom-check.png) no-repeat 0 0;
    width: 26px;
    height: 22px;
    position: absolute;
    left: 3px;
    top: 0;
    display: block;
}

#content input[type=checkbox] ~ .description label:after {
    content: '';
    background: url(images/custom-check.png) no-repeat 0 0;
    width: 26px;
    height: 22px;
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -14px;
    display: block;
    display: none;
}

#content .description-check label:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #c5c5c5;
    display: inline-block;
    border-radius: 1px;
    position: absolute;
    left: 0;
    top: 5px;
}

#content input[type=checkbox] ~ .description label:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #c5c5c5;
    display: inline-block;
    border-radius: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}

#content input[type=checkbox]:checked ~ .description label:after,
#content input[type=checkbox]:checked ~ .description-check label:after {
    display: inline-block;
}

#content input[type=checkbox] {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    position: absolute;
}

#content input[type=checkbox] ~ label:after {
    content: '';
    background: url(images/custom-check.png) no-repeat 0 0;
    width: 26px;
    height: 22px;
    position: absolute;
    left: 3px;
    top: -5px;
    display: block;
    display: none;
}

#content input[type=checkbox]:checked ~ label:after {
    display: inline-block;
}

#content input[type=checkbox] ~ label {
    position: relative;
    padding-left: 40px;
}

#content input[type=checkbox] ~ label:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #c5c5c5;
    display: inline-block;
    border-radius: 1px;
    position: absolute;
    left: 0;
    top: 0;
}

#content input[type=checkbox] {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    position: absolute;
}

#content input[type=checkbox] label:after {
    content: '';
    background: url(images/custom-check.png) no-repeat 0 0;
    width: 26px;
    height: 22px;
    position: absolute;
    left: 3px;
    top: 0;
    display: block;
}

#content input[type=checkbox] label:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #c5c5c5;
    display: inline-block;
    border-radius: 1px;
    position: absolute;
    left: 0;
    top: 5px;
}

#content fieldset label.new-check {
    font-size: 0;
    height: 30px;
    width: 25px;
    display: inline-block;
    padding: 0;
}

/* ================================================================ *\
	#Bar
\* ================================================================ */
.bar {
    padding-top: 50px;
}

.bar .container {
    position: relative;
    background: url(images/dashed-border.png) repeat-x 0 bottom;
}

.bar h1 {
    padding-bottom: 15px;
}

.bar-image {
    position: absolute;
    bottom: 17px;
    right: 4px;
}

.bar-number {
    position: absolute;
    top: 100%;
    right: 4px;
    background: #1d1d1b;
    color: #fff;
    font-size: 21px;
    margin-top: 14px;
    padding: 4px 8px;
}

.bar-number span {
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    width: 1px;
    background: #fff;
    margin: -4px 5px 0;
}

/* ================================================================ *\
	#Nav
\* ================================================================ */
.nav {
    padding: 47px 0 5px;
    position: relative;
    z-index: 99;
}

.nav ul {
    list-style: none outside none;
}

.nav > .container > ul {
    height: 54px;
    position: relative;
}

.nav > .container > ul > li {
    float: left;
}

.nav > .container > ul > li + li {
    padding-left: 33px;
}

.nav > .container > ul > li > a {
    display: block;
    padding: 19px 10px 3px;
    font-family: 'DinPro';
    font-weight: 300;
    font-size: 21px;
    color: #000;
}

.nav > .container > ul > li:hover > a {
    color: #80a34b;
    text-decoration: none;
}

.nav > .container > ul > .has-dropdown:hover > a {
    background: #d7decd;
    color: #000;
}

.nav-dropdown {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #d7decd;
    padding: 32px 12px 18px;
}

.nav-dropdown h4 {
    padding-bottom: 11px;
    display: table;
    width: 100%;
}

.nav-dropdown h4 span {
    display: table-cell;
    vertical-align: bottom;
}

.nav-dropdown ul {
    list-style: none outside none;
    padding: 13px 0 20px;
}

.nav-dropdown li + li {
    padding-top: 3px;
}

.nav-dropdown .dropdown-col > ul li a {
    position: relative;
    color: #000;
    padding: 1px 15px 2px;
    display: block;
}

.nav-dropdown .dropdown-col > ul li a:hover {
    background: #e8eee0;
    text-decoration: none;
}

.nav-dropdown .dropdown-col > ul li a:before {
    position: absolute;
    top: 5px;
    left: 4px;
    background: url(images/sprite.png) no-repeat -208px -148px;
    content: '';
    width: 5px;
    height: 10px;
}

.nav-dropdown .dropdown-col > ul ul {
    padding: 5px 0 5px 20px;
}

.dropdown-cols {
    margin: 0 -22px;
}

.dropdown-col {
    display: inline-block;
    vertical-align: top;
    width: 241px;
    padding: 0 22px;
}

.dropdown-actions {
    padding: 20px 0;
    margin-top: 11px;
}

.dropdown-actions a {
    color: #000;
    font-size: 15px;
}

.dropdown-actions a .ico-arrow-right {
    margin-left: 4px;
}

.dropdown-actions a:hover {
    text-decoration: none;
}

.nav > .container > ul > li:hover > .nav-dropdown {
    opacity: 1;
    visibility: visible;
}

.dropdown-actions,
.nav-dropdown h4 {
    background-repeat: repeat-x;
    background-image: url(images/dashed-border-black.png);
}

.dropdown-actions {
    background-position: 0 0;
}

.nav-dropdown h4 {
    background-position: 0 bottom;
}

/* ================================================================ *\
	#Intro
\* ================================================================ */
.intro a {
    display: block;
    position: relative;
    color: #000;
}

.intro-image img {
    width: 100%;
    height: auto;
}

.intro-content {
    position: absolute;
    bottom: 64px;
    right: 13px;
    text-align: right;
    font-family: 'DinPro';
    font-weight: 300;
    width: 600px;
    font-size: 0;
    line-height: 0;
}

.intro-content a {
    background: #fff;
    padding: 1px 15px 1px 15px;
    margin: 0 0 1px 1px;
    font-size: 22px;
    line-height: 1.64;
    display:inline-flex;
    color:#000;
    font-weight:400;
    align-items:center
}

.intro-content .ico-arrow-right {
    margin: -6px -2px 0 -14px;
}

.icrsa-arrow {
    background-image: url(/assets/images/right-arrow.png);
    background-size: 40%;
    background-position:center center;
    background-repeat:no-repeat;
    display:inline-block;
    width:25px;
    min-width:25px;
    height:25px;
    margin-left:10px;
    border-radius:50%;
    border:1px solid black;
}

/* ================================================================ *\
	#Main
\* ================================================================ */
.main {
    padding: 20px 0 62px;
}

.main .row ~ .row {
    padding-top: 20px;
}

.section {
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #e4e4e4;
    background: #fff;
}

.section .section-head {
    padding: 17px 5px;
}

.section .section-head h1 {
    padding-bottom: 18px;
}

.section .section-body {
    padding: 0 7px;
}

.section-alt {
    min-height: 297px;
}

.section-secondary {
    background: none;
}

.section-secondary .section-head {
    padding-bottom: 2px;
}

.content {
    background: #fff;
    padding-bottom: 22px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #e4e4e4;
}

.content a {
    font-family: 'DinPro';
    font-weight: 500;
}

.content .section {
    padding: 10px 10px 25px;
    border: 0;
}

.content .section ~ .section {
    border-top: 0;
}

.content .section-head {
    padding: 0 0 5px;
    border-bottom: 1px solid #c6c6c6;
}

.content .section-title {
    font-family: 'DinPro';
    font-weight: 500;
}

.content .section-body {
    padding: 14px 0 0;
}

.content p {
    padding-bottom: 18px;
    margin: 0;
}

.content .section-actions {
    max-width: 330px;
}

.content .section-actions .link-download {
    display: inline-block;
}

.content .section-actions strong {
    display: block;
}

.content .section-actions .ico-pdf-large {
    margin: 2px 0 5px;
}

.content .section-image {
    padding: 44px 0 10px;
}

.slider ~ .slider {
    margin-top: 20px;
}

.slider .carousel {
    border: 1px solid #dadada;
    background: #f6f6f6;
}

.slider .item {
    text-align: center;
}

.slider .item img {
    display: inline-block;
    vertical-align: middle;
}

.slider .carousel-control {
    width: 60px;
}

.slider .carousel-control i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -19px 0 0 -19px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.slider .carousel-control:hover i {
    background-color: #fff;
    background-color: transparent \9;
}

.slider-caption {
    padding-top: 5px;
    border-bottom: 1px solid #c6c6c6;
}

.slider-caption p {
    padding-bottom: 6px;
}

.section-primary .section-head {
    background: url(images/dashed-border.png) repeat-x 0 bottom;
    padding: 6px 0 10px;
    border: 0;
}

.section-primary .section-title {
    font-family: 'DinPro';
    font-weight: 500;
}

.section-primary .section-body {
    padding: 40px 0 0;
}

.list-pluses {
    list-style: none outside none;
    padding-bottom: 18px;
}

p + .list-pluses {
    margin-top: -5px;
}

.list-pluses li {
    padding-left: 16px;
    position: relative;
}

.list-pluses li:before {
    content: '+';
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
}

.alert {
    padding: 0 0 0 5px;
    margin: 0 0 17px;
    border-radius: 0;
    border-width: 0 0 0 7px;
    border-style: solid;
    border-color: transparent;
    background: none;
    font-size: 18px;
    font-family: 'DinPro';
    font-weight: 500;
    line-height: 1.33;
}

.alert-danger {
    border-color: #c01428;
    color: #c01428;
}

.list-arrows {
    list-style: none outside none;
}

.list-arrows li {
    padding-left: 13px;
    position: relative;
}

.list-arrows li:before {
    position: absolute;
    top: 4px;
    left: 0;
    background: url(images/sprite.png) no-repeat -208px -148px;
    width: 5px;
    height: 10px;
    content: '';
}

.list-updates {
    list-style: none outside none;
}

.list-updates li + li {
    padding-top: 3px;
}

.list-updates h6 {
    padding-bottom: 6px;
    overflow: hidden;
}

.list-updates h6 strong {
    float: left;
}

.list-updates h6 span {
    float: right;
}

.list-updates h6,
.list-updates h6 strong,
.list-updates h6 span {
    font-family: 'DinPro';
    font-weight: normal;
}

.list-updates a {
    color: #000;
}


.updates-actions {
    padding: 9px 0 14px;
    background: url(images/dashed-border.png) repeat-x 0 0;
    margin-top: 6px;
}

.updates-actions a {
    font-family: 'DinPro';
    font-weight: 500;
}

.slider-updates {
    padding-bottom: 8px;
}

.slider-updates .carousel {
    padding-top: 20px;
}

.slider-updates .carousel-control {
    width: 50px;
    height: 22px;
    top: -4px;
    bottom: auto;
    line-height: 1;
    font-size: 0;
}

.slider-updates .carousel-control.left {
    text-align: left;
}

.slider-updates .carousel-control.right {
    text-align: right;
}

.carousel-control {
    opacity: 1;
}

.carousel-control.left,
.carousel-control.right {
    background: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.steps {
    min-height: 254px;
}

.table td {
    padding: 6px 0;
    vertical-align: top;
}

.table-boxes .list-pluses {
    padding-bottom: 35px;
}

.table-box h5 {
    display: table;
    padding-right: 10px;
}

.table-box h5 span {
    display: table-cell;
    vertical-align: bottom;
}

.table-box {
    width: 203px;
    display: inline-block;
    vertical-align: top;
}

.form {
    padding: 20px 0 26px;
}

.form-head {
    font-family: 'DinPro';
    font-weight: 500;
    padding-bottom: 10px;
}

.form-group ~ .form-group {
    padding-top: 2px;
}

.form-control {
    height: 40px;
    width: 50%;
    font-size: 11px;
    padding: 9px 10px;
    -webkit-appearance: none;
    border-radius: 2px;
}

.form-control:focus {
    border-color: #5b8f20;
    box-shadow: none;
}

textarea.form-control-textarea {
    width: 100%;
    height: 132px;
}

.form-label {
    font-weight: normal;
    margin-bottom: 0;
}

.form-hint {
    color: #818181;
    font-size: 11px;
}

.form-btn {
    font-size: 18px;
    font-family: 'DinPro';
    text-transform: uppercase;
    font-weight: normal;
    padding: 9px 10px;
    margin: 0;
    border-radius: 0;
    border: 0;
}

.form-btn .ico-arrow-btn {
    margin: -4px 5px 0 2px;
}

.sidebar .section-head,
.sidebar .section-body {
    padding: 0;
}

.sidebar .section {
    padding: 17px 21px 0 14px;
}

.archives {
    padding: 5px 0 120px;
}

.sidebar .section-head {
    padding-bottom: 17px;
}

.archive-section ~ .archive-section {
    padding-top: 44px;
}

.archive-section-head h3 {
    font-family: 'DinPro';
    font-weight: 500;
    padding-bottom: 27px;
}

.list-archive {
    list-style: none outside none;
}

.list-archive li {
    padding: 0 0 2px;
    position: relative;
}

.list-archive li:before {
    content: '';
    display: block;
    height: 3px;
    background: url(images/dashed-border.png) repeat-x 0 0;
    margin-bottom: 5px;
}

.list-archive a {
    display: block;
    overflow: hidden;
    color: #000;
}

.list-archive a span {
    float: left;
    width: 230px;
    padding: 9px 2px;
    font-family: 'DinPro';
    font-weight: 500;
}

.list-archive a .ico-list,
.list-archive a .ico-pdf {
    float: right;
    margin-top: 3px;
}

.list-archive a .ico-list {
    margin-top: 4px;
}

.list-archive a:hover span {
    background: #e4e4e4;
}

.news-categories {
    list-style: none outside none;
    overflow: hidden;
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 13px;
    margin-top: 23px;
    padding-left: 2px;
}

.news-categories li {
    float: left;
}

.news-categories li + li {
    margin-left: 43px;
}

.accordion {
    margin-top: 10px;
}

.accordion-section:after {
    content: '';
    display: block;
    height: 3px;
    background: url(images/dashed-border.png) repeat-x 0 0;
    margin-top: 5px;
}

.accordion-section:first-child:before {
    content: '';
    display: block;
    height: 3px;
    background: url(images/dashed-border.png) repeat-x 0 0;
    margin-bottom: 5px;
}

.accordion-section {
    padding-bottom: 5px;
}

.accordion-head {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
}

.accordion-head span {
    float: left;
    width: 230px;
}

.accordion-head:hover span {
    background: #e4e4e4;
}

.accordion-head .ico-accordion {
    float: right;
}

.accordion-body {
    display: none;
}

.accordion-expanded .accordion-body {
    display: block;
}

.accordion-body ul {
    list-style: none outside none;
    margin-top: 3px;
}

.accordion-body ul a {
    color: #000;
    font-size: 13px;
    font-family: 'DinPro';
    font-weight: 500;
    display: block;
    overflow: hidden;
    padding: 7px 45px 10px 0;
    position: relative;
    border-top: 1px solid #c6c6c6;
    line-height: 1;
}

.accordion-body ul a .ico-pdf {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
}

.accordion-body ul a span {
    display: inline-block;
    padding: 7px 0;
    width: 230px;
    margin-top: 6px;
}

.accordion-body ul a:hover span {
    background: #e4e4e4;
}

/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */
.articles {
    list-style: none outside none;
    padding: 8px 0 40px;;
}

.article {
    padding: 10px 10px 25px;
}

.article + .article {
    margin-top: 35px;
}

.article .article-head {
    padding: 0 0 10px;
    border-bottom: 1px solid #c6c6c6;
}

.article .article-title {
    font-family: 'DinPro';
    font-weight: 500;
}

.article .article-content {
    overflow: hidden;
    padding-top: 7px;
}

.article .article-entry {
    padding: 5px 20px 0 0;
}

.article p {
    padding-bottom: 18px;
    margin: 0;
}

.article-meta {
    font-size: 18px;
    font-family: 'DinPro';
    font-weight: 300;
    text-align: right;
    padding-top: 7px;
}

.article-category {
    display: inline-block;
    vertical-align: top;
    padding: 8px 2px 0 0;
}

.article-date {
    height: 49px;
    border-left: 1px solid #c6c6c6;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    padding: 13px 5px 0 11px;
}

.article-date strong {
    font-family: 'DinPro';
    font-weight: 500;
    font-weight: normal;
    padding-left: 7px;
}

.article .article-image {
    width: 171px;
    height: 113px;
    box-sizing: border-box;
    border: 1px solid #cdcdcd;
    background-color: #f6f6f6;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-right: 20px;
}

.article .article-actions {
    float: right;
    margin-right: 7px;
    padding-top: 34px;
}

.article .article-entry {
    overflow: hidden;
}

/* ------------------------------------------------------------ *\
	Article Details
\* ------------------------------------------------------------ */
.article-details {
    padding: 10px 10px 25px;
}

.article-details .article-head {
    background: url(images/dashed-border.png) repeat-x 0 bottom;
    padding: 6px 0 10px;
    border: 0;
}

.article-details .article-title {
    font-family: 'DinPro';
    font-weight: 500;
}

.article-details .article-body {
    padding: 9px 0 0;
}

.article-details .article-actions {
    overflow: hidden;
    text-align: center;
    padding: 18px 3px 11px;
    border-bottom: 1px solid #c6c6c6;
}

.article-details .article-actions a {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 18px;
    color: #000;
}

.article-details .article-actions .btn-prev {
    float: left;
}

.article-details .article-actions .ico-prev {
    margin-right: 13px;
}

.article-details .article-actions .btn-btn-up {
    overflow: hidden;
}

.article-details .article-actions .ico-up {
    margin-right: 9px;
}

.article-details .article-actions .btn-next {
    float: right;
}

.article-details .article-actions .ico-next {
    margin-left: 6px;
}

.article-details .article-entry {
    padding-top: 2px;
    font-size: 13px;
    line-height: 1.38;
}

.article-details .article-entry .lead {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 13px;
    padding-bottom: 36px;
}

.article-details .article-entry p {
    padding-bottom: 25px;
}

.article-details .article-entry h5 {
    padding-bottom: 0;
}

.article-details .article-entry strong {
    font-family: 'DinPro';
    font-weight: 500;
}

.article-details .article-entry-secondary {
    padding-top: 59px;
}

.article-details .article-image {
    width: 299px;
    float: right;
    padding: 4px 0 15px 15px;
    box-sizing: content-box;
}

.article-details .article-image img {
    width: 100%;
    height: auto;
}

.article-details .article-links {
    list-style: none outside none;
    overflow: hidden;
    padding-top: 28px;
}

.article-details .article-links li {
    float: left;
}

.article-details .article-links li + li {
    margin-left: 40px;
}

.article-details .article-links strong {
    display: block;
    padding-top: 4px;
}

.article-details .slider {
    margin-top: 60px;
}

/* ------------------------------------------------------------ *\
	Project Library
\* ------------------------------------------------------------ */
.section-library .form-row ~ .form-row {
    margin-top: 18px;
}

.section-library .form-col {
    float: left;
    width: 295px;
}

.section-library .form-col + .form-col {
    margin-left: 25px;
}

.section-library .form-label {
    font-size: 13px;
    color: #000;
    font-family: 'Din';
}

.section-library .selecter-selected,
.section-library .field {
    border: 1px solid #c0c0c0;
    width: 100%;
    height: 40px;
    padding: 12px 5px;
    font-size: 11px;
    color: #818181;
    font-family: 'DinPro';
    font-weight: 500;
    line-height: 1.3 \9;
}

.section-library ::-webkit-input-placeholder {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 11px;
    color: #818181;
    padding-top: 1px;
}

.section-library :-moz-placeholder {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 11px;
    color: #818181;
    padding-top: 1px;
    opacity: 1;
}

.section-library ::-moz-placeholder {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 11px;
    color: #818181;
    padding-top: 1px;
    opacity: 1;
}

.section-library :-ms-input-placeholder {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 11px;
    color: #818181;
    padding-top: 12px;
}

.section-library .selecter-selected {
    font-family: 'DinPro';
    font-weight: 500;
    text-align: left;
    padding: 12px 5px;
}

.section-library .selecter-selected:hover {
    color: #818181;
}

.section-library .selecter-selected:after {
    position: absolute;
    top: 2px;
    right: 10px;
}

.section-library .selecter-options .selecter-item {
    font-size: 12px;
    padding: 6px 8px;
}

.section-library .selecter.open .selecter-options,
.section-library .selecter.bottom .selecter-options {
    top: 0;
    font-size: 13px;
    z-index: 100;
    padding: 10px 0;
}

.section-library .form-actions {
    padding-top: 20px;
}

.section-library .form-btn-reset {
    width: 72px;
    height: 38px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-family: 'DinPro';
    color: #fff;
    background: #80a34b;
    vertical-align: top;
    padding: 0;
    margin-left: 3px;
}

.section-library .form-btn-reset:hover {
    background: #5b8f20;
}

.section-library .form-btn-submit:hover {
    background: #80a34b;
}

.section-library .form-btn-submit {
    width: 217px;
    height: 38px;
    background: #5b8f20;
    color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    text-align: right;
    padding: 0 10px 0 0;
    line-height: 1;
}

.form-library {
    background: url(images/dashed-border.png) repeat-x 0 bottom;
    padding-bottom: 30px;
}

.library-results-meta {
    margin-top: 5px;
    padding-top: 15px;
    background: url(images/dashed-border.png) repeat-x 0 top;
}

.library-results-body {
    background: url(images/dashed-border.png) repeat-x 0 top;
    padding-top: 80px;
    margin-top: 10px;
}

.library-results-meta .results-num {
    border: 0;
}

.library-projects {
    list-style: none;
}

.library-project ~ .library-project {
    margin-top: 60px;
}

.library-project-head {
    border-bottom: 1px solid #c6c6c6;
    position: relative;
    padding-bottom: 10px;
}

.library-project-head h3 {
    font-size: 18px;
    color: #000;
    font-family: 'DinPro';
    font-weight: 500;
}

.library-project-head figure {
    position: absolute;
    bottom: 8px;
    right: 0;
}

.library-project-body ul {
    list-style: none;
    overflow: hidden;
}

.library-project-body ul:first-child {
    margin-top: 30px;
}

.library-project-body li {
    width: 290px;
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}

.library-project-body a {
    display: block;
    margin: 10px 0 5px;
}

.library-project-body a span {
    display: block;
    padding-top: 5px;
}

.library-project-body a:hover span {
    color: #000;
}

.library-project-body p {
    color: #000;
    font-family: 'DinPro';
    font-weight: 300;
    padding-bottom: 5px;
}

.library-project-body span {
    color: #80a34b;
    display: block;
}


/* NEW PROJECT RESULT */

.results-head .results-logo {
    position: relative;
    margin-top: -30px;
}

.results-head .result-head-icons {
    display: block;
    float: right;
    width: 80%;
    text-align: right;
}

.results-head .result-head-icons .result-head-label {
    display: inline-block;
    font-size: 12px;
    vertical-align: bottom;
    text-transform: uppercase;
    padding-right: 10px;
    padding-top: 10px;
}

.results-head .result-head-icons .icon {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    top: -30px;
    margin-right: 5px;
}

.results-head .result-head-icons .icon:after {
    display: block;
    position: absolute;
    top: 0;
    width: 95%;
    height: 95%;
    border-radius: 50%;
    background-color: #e2e2e2;
    content: '';
    z-index: 1;
}

.results-head .result-head-icons .icon i {
    z-index: 2;
    position: relative;
    top: -2px;
}

.results-head .result-head-icons .icon.icon-strategy i {
    right: -2px;
}

.results-head .result-head-icons .icon-label {
    font-weight: bold;
    font-size: 12px;
}

.results-head .result-head-icons .icon-label:before {
    display: none;
}

.results-query {
    border-width: 0;
    border-bottom: 1px solid #aaa;
    width: calc(100% - 90px) !important;
    font-size: 20px;
    padding-bottom: 5px;
    margin-left: 20px;
    vertical-align: bottom;
    position: relative;
    top: -10px;
}

.results-query::-webkit-input-placeholder {
    font-family: 'DinPro';
    font-weight: 300;
    font-size: 20px;
    color: #818181;
    padding-top: 1px;
}

.results-query:-moz-placeholder {
    font-family: 'DinPro';
    font-weight: 300;
    font-size: 20px;
    color: #818181;
    padding-top: 1px;
    opacity: 1;
}

.results-query::-moz-placeholder {
    font-family: 'DinPro';
    font-weight: 300;
    font-size: 20px;
    color: #818181;
    padding-top: 1px;
    opacity: 1;
}

.results-query:-ms-input-placeholder {
    font-family: 'DinPro';
    font-weight: 300;
    font-size: 20px;
    color: #818181;
    padding-top: 12px;
}

.results-search-submit {
    vertical-align: middle;
    height: 80px;
    background-color: #5b8f20;
    border: none;
    -webkit-appearance: none;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    width: 50px;
    position: relative;
    background-image: url('/assets/images/results/arrow-right-btn.png');
    background-size: 30px 37px;
    background-repeat: no-repeat;
    background-position: 17px 10px;
    margin-left: 20px;
    margin-top: -5px;
}

.results-search-submit span {
    display: block;
    width: 100%;
    border-top: 1px solid #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

.results-radios {
    padding-top: 20px !important;
}

.results-radios .results-radio-left {
    width: 40%;
    float: left;
    padding-top: 30px;
}

.results-radios .results-radio-right {
    float: right;
    text-align: right;
    width: 60%;
}

.results-radios .list-radios {
    display: inline-block;
    width: 360px;
    vertical-align: middle;
    margin-right: 30px;
}

.results-radios .list-radios .radio {
    display: inline-block;
    width: 80px;
    margin-top: 0;
    margin-bottom: 0;
}

.results-radios .list-radios .form-label {
    padding-left: 0;
    width: 130px;
    height: 90px;
    position: relative;
}

.results-radios .list-radios .form-label:before,
.results-radios .list-radios .form-label:after {
    top: 60px;
    left: 50%;
    margin-left: -10px;
}

.results-radios .list-radios .form-label span {
    width: 130px;
    position: relative;
    left: -25px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 1px;
}

.results-radios .list-radios .ico {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0;
    right: 0;
    margin-top: 0;
}

@media (max-width: 935px) {
    .results-head .result-head-icons {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        height: 150px;
    }

    .result-head-icons .result-head-label {
        display: block;
        float: none;
        width: 100%;
    }

    .results-head .result-head-icons .icon {
        top: 0;
    }

    .results-radios .list-radios {
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 20px;
    }

    .results-radios .results-radio-left {
        width: 100%;
        float: none;
        width: 100%;
    }

    .results-radios .results-radio-right {
        width: 100%;
        float: none;
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }

    .results-radios .results-search-submit {
        width: 100%;
        display: block;
        width: 100%;
        margin-left: 0;
        background-position-x: 50%;
        margin-bottom: 10px;
    }
}

.results-home {
    position: relative;
    margin-bottom: 50px;
    height: 590px;
    overflow: hidden;
}

.results-home .slide-inside {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 640px;
}

.results-home .slider-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.results-home .results-header {
    width: 100%;
    height: 450px;
    background-size: cover;
    position: relative;
}

.results-home .results-header .result-header-title {
    background-color: #fff;
    color: #000;
    font-size: 20px;
}

.results-home .results-content {
    width: 100%;
    height: 140px;
    padding: 20px 20px;
}

.results-left-arrow,
.results-right-arrow {
    display: block;
    width: 29px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    z-index: 100;
    left: 10px;
}

.results-left-arrow {
    background-image: url('/assets/images/left-arrow.png');
    background-size: contain;
}

.results-right-arrow {
    background-image: url('/assets/images/right-arrow.png');
    background-size: contain;
    left: auto;
    right: 10px;
}

.results-home .results-content .result-title {
    margin-bottom: 10px;
}

.results-home .results-slide .icon {
    float: right;
    margin-left: 25px;
}

.results-footer {
    text-align: center;
}

.results-suminfo:nth-child(2) {
    margin-left: 70px;
    margin-right: 70px;
}

.results-suminfo {
    display: inline-block;
    width: 230px;
    height: 230px;
    position: relative;
    text-align: center;
}

.results-suminfo:after {
    content: '';
    background-color: #e2e2e2;
    width: 230px;
    height: 230px;
    border-radius: 115px;
    display: block;
    position: absolute;
    z-index: 1;
}

.results-suminfo .icon {
    z-index: 2;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 20px;
}

.results-suminfo .results-sumnum {
    position: absolute;
    font-size: 40px;
    font-weight: 500;
    width: 110px;
    text-align: center;
    top: 125px;
    z-index: 2;
    left: 50%;
    margin-left: -55px;
}

.results-suminfo .results-sumnum:before {
    position: absolute;
    width: 40px;
    height: 1px;
    background-color: #000;
    left: 50%;
    margin-left: -20px;
    content: '';
    top: 5px;
}

.results-suminfo .results-outputs {
    position: absolute;
    width: 110px;
    text-align: center;
    top: 170px;
    z-index: 2;
    left: 50%;
    margin-left: -55px;
}

@media (max-width: 925px) {
    .results-suminfo {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
        margin-bottom: 30px;
    }
}

.icon-strategy,
.icon-network,
.icon-tools,
.icon i {
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.icon .icon-label {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 120px;
    left: -25px;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
}

.icon .icon-label:before {
    position: absolute;
    top: -10px;
    width: 64px;
    height: 7px;
    display: block;
    content: '';
    background-color: #000;
    width: 70px;
    left: 50%;
    margin-left: -35px;
}

.icon-strategy,
.icon-strategy i {
    background-image: url('/assets/images/results/icon-strategy.png');
}

.icon-network,
.icon-network i {
    background-image: url('/assets/images/results/icon-network.png');
}

.icon-tools,
.icon-tools i {
    background-image: url('/assets/images/results/icon-tools.png');
}


/* ------------------------------------------------------------ *\
	TagCloud
\* ------------------------------------------------------------ */
.tagcloud {
    padding: 10px 0;
}

/* ------------------------------------------------------------ *\
	Overview
\* ------------------------------------------------------------ */
.overview {
    display: block;
}

.section-overview .form-label {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 18px;
    border-bottom: 1px solid #e2e2e2;
    display: block;
    padding-bottom: 12px;
}

.overview-box {
    width: 255px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    float: left;
    height: 273px;
    border-bottom: 1px solid #e2e2e2;
}

.overview-box ~ .overview-box {
    margin-left: 25px;
}

.overview-box .selecter-selected {
    border-width: 0 0 1px 0;
    border-color: #e2e2e2;
    font-size: 13px;
    text-align: left;
    height: 46px;
    padding: 15px 0 10px 3px;
    box-sizing: border-box;
}

.overview-box .selecter-selected:after {
    position: absolute;
    right: 6px;
    top: 0;
}

.overview-box .selecter-options .selecter-item {
    font-size: 12px;
    padding: 6px 8px;
}

.overview-box .selecter.open .selecter-options,
.overview-box .selecter.bottom .selecter-options {
    top: 0;
    font-size: 13px;
    z-index: 100;
    padding: 10px 0;
}

.overview-box .form-row ~ .form-row {
    margin-top: 20px;
}

.overview-content,
.overview-actions {
    display: inline-block;
    vertical-align: top;
    float: left;
}

.overview-actions {
    margin-left: 14px;
}

.overview-actions .btn {
    border-radius: 0;
}

.overview-actions .btn {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.overview-actions .btn-large {
    font-size: 60px;
    display: block;
    font-family: 'DinPro';
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    background: #5b8f20;
    width: 110px;
    height: 235px;
    box-sizing: border-box;
    padding-top: 80px;
}

.overview-actions .btn-large:hover {
    background: #80a34b;
}

.overview-actions .btn-small:hover {
    background: #5b8f20;
}

.overview-actions .btn-small {
    width: 110px;
    height: 36px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: 'DinPro';
    font-weight: 500;
    color: #fff;
    background: #80a34b;
    margin-top: 2px;
}

.list-radios {
    list-style: none;
}

.list-radios .ico {
    margin-right: 17px;
}

.list-radios .form-label {
    padding: 0 0 0 38px;
    border: 0;
    text-align: left;
    position: relative;
}

.list-radios .form-label:after,
.list-radios .form-label:before {
    position: absolute;
    left: 3px;
    top: 11px;
    content: '';
    z-index: 2;
}

.list-radios label.form-label:after {
    display: none;
    z-index: 10;
}

.radio.custom-input-checked label.form-label:after {
    display: block;
}

.radio input {
    display: none;
}

.overview .search-project {
    margin-top: 75px;
    background-position: 3px;
    border-bottom: 1px solid #bebebe;
}

.overview .search-project form {
    overflow: hidden;
}

.overview .search-field {
    width: 100%;
    text-transform: none;
}

.overview .search-field:focus {
    background-color: transparent;
    padding-left: 0;
    text-transform: none;
}

.overview .search-field {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

/* ------------------------------------------------------------ *\
	Projec Ideas
\* ------------------------------------------------------------ */
.section-ideas .section-body {
    padding-top: 34px;
}

.section-ideas .list-radios {
    font-size: 0;
    margin-top: 25px;
}

.section-ideas .list-radios li {
    width: 50%;
    display: inline-block;
    margin-bottom: 10px;
}

.section-ideas .list-radios .ico {
    margin-right: 31px;
}

.section-ideas .list-radios .form-label {
    padding-top: 5px;
    font-size: 13px;
}

.section-ideas .overview-box {
    height: 216px;
}

.section-ideas .overview-box ~ .overview-box {
    margin-left: 38px;
}

.section-ideas .overview-box .selecter-selected {
    border-width: 1px;
    padding-top: 10px;
    padding-left: 10px;
    color: #818181;
    font-size: 11px;
    height: 38px;
}

.section-ideas .overview-box .form-row ~ .form-row {
    margin-top: 12px;
}

.section-ideas .overview-actions {
    margin: 38px 0 0 8px;
}

.section-ideas .overview-actions .btn-large {
    height: 140px;
    font-size: 50px;
    padding-top: 36px;
}

.section-ideas .overview-box .form-row {
}

.section-ideas .overview-box-size1 {
    width: 521px;
}

.section-ideas .overview-box-size2 {
    border: 0;
    padding: 21px 12px 0 0;
}

.section-ideas .overview-box-size2 .form-label {
    border: 0;
    font-size: 13px;
    padding-bottom: 0;
}

.section-ideas .results {
    margin-top: 23px;
}

.section-ideas .results-num {
    padding-right: 40px;
}

.section-ideas .results-num ~ .results-num {
    border-right: 0;
    margin-left: 27px;
}

.section-ideas .results-head {
    margin-top: 27px;
    padding-bottom: 12px;
}

.section-ideas .results-head ~ .results-head {
    margin-top: 74px;
}

.section-ideas .results-head h2 {
    font-family: 'DinPro';
    font-weight: 500;
}

.section-ideas .results-body {
    margin-top: 31px;
}

.section-ideas .result-item-head .col,
.section-ideas .results-body > .cols .col {
    box-sizing: border-box;
    border: 0;
    margin: 0;
    height: 28px;
}

.section-ideas .result-item-head .col {
    height: auto;
}

.section-ideas .result-item-head .col h3,
.section-ideas .results-body > .cols .col h3 {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 18px;
}

.section-ideas .result-item-head .col-size3,
.section-ideas .results-body > .cols .col-size3 {
    width: 347px;
}

.section-ideas .result-item-head .col-size2,
.section-ideas .results-body > .cols .col-size2 {
    width: 336px;
}

.section-ideas .results-body > .cols .col-size1 {
    width: 228px;
    text-align: left;
}

.section-ideas .result-item-head .col-size1 {
    width: 254px;
    text-align: left;
}

.section-ideas .result-items {
    margin-top: 5px;
}

.section-ideas .result-item {
    background: #e4eadc;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 9px;
}

.section-ideas .result-item.expanded {
    background: #e9e9e9;
    padding-bottom: 18px;
}

.section-ideas .result-item ~ .result-item {
    margin-top: 0;
}

.section-ideas .result-item-head .col-size2 {
    padding-left: 17px;
}

.section-ideas .result-item-head {
    padding: 17px 0 0;
    border: 0;
    font-size: 13px;
}

.section-ideas .result-item-head h4 {
    font-size: 13px;
}

.section-ideas .result-item-head em {
    font-family: "DinPro";
    font-style: italic;
}

.section-ideas .result-item-head span {
    display: block;
}

.section-ideas .result-item-head p {
    padding: 0;
    display: inline-block;
}

.section-ideas .result-item-head p a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.section-ideas .result-item-head .btn-expand {
    display: inline-block;
    margin: 0 0 0 46px;
}

.section-ideas .results-item-body {
    background: #f6f6f6;
    margin: 33px 17px 0;
    padding: 36px 14px 0;
    display: none;
}

.section-ideas .expanded .results-item-body {
    display: block;
}

.section-ideas .results-item-body ul {
    list-style: none;
}

.section-ideas .results-item-body > ul > li {
    padding: 27px 0;
    overflow: hidden;
}

.section-ideas .results-item-body > ul > li ~ li {
    border-top: 1px solid #c6c6c6;
}

.section-ideas .results-item-body > h3 {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 18px;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 11px;
}

.section-ideas .results-item-body .lead {
    font-size: 16px;
    padding-bottom: 0;
    line-height: 1.3em;
}

.section-ideas .results-item-body .col {
    margin: 0;
    box-sizing: border-box;
    min-height: 81px;
}

.section-ideas .results-item-body .col-size3 {
    width: 308px;
    padding-right: 47px;
    border-right: 1px solid #e1e1e1;
}

.section-ideas .results-item-body .col-size2 {
    margin-left: 25px;
    width: 207px;
    padding-right: 8px;
}

.section-ideas .results-item-body .col-size1 {
    width: 128px;
    position: relative;
    padding-top: 8px;
}

.section-ideas .results-item-body .col-size1 ~ .col-size1 {
    width: 67px;
}

.section-ideas .results-item-body .col-size1 p {
    padding-top: 11px;
    font-size: 13px;
    color: #000;
}

.section-ideas .results-item-body .col-size1 a {
    margin-top: 5px;
    display: inline-block;
}

.section-ideas .paging {
    margin-top: 20px;
}

/* ------------------------------------------------------------ *\
	Results
\* ------------------------------------------------------------ */
.results {
    margin-top: 35px;
}

.results-num {
    border-right: 1px solid #c6c6c6;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    padding-right: 15px;
}

.results-num strong {
    display: inline-block;
    font-size: 58px;
    font-family: 'DinPro';
    font-weight: 500;
    vertical-align: middle;
}

.results-num span {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
}

.results-formats {
    display: inline-block;
    vertical-align: middle;
}

.results-formats a {
    display: inline-block;
    margin-left: 24px;
}

.results-formats .ico {
    margin-right: 14px;
    vertical-align: middle;
    display: inline-block;
}

.results-formats p {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    padding: 0;
}

.results-formats p small {
    display: block;
}

.results-head {
    background: url(images/dashed-border.png) repeat-x 0 bottom;
    margin-top: 40px;
    padding-bottom: 10px;
}

.results-head h3 {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 13px;
    color: #000;
}

.results .cols {
    overflow: hidden;
}

.results .col {
    float: left;
}

.results .col-size5 {
    width:calc(100% - 200px);
    margin-right: 30px;
    min-height: 1px;
}

.results .col-size3 {
    width: 464px;
    margin-right: 30px;
    min-height: 1px;
}

.results .col-size2 {
    width: 300px;
    padding-right: 30px;
    min-height: 1px;
}

.results .col-size1 {
    width: 70px;
    text-align: center;
    min-height: 1px;
}

.results-body .col-size2 {
    border-right: 1px solid #c6c6c6;
}

.results-body .col-size1 {
    height: 38px;
}

.results-body .col-size1 ~ .col-size1 {
    border-left: 1px solid #c6c6c6;
}

.results-body {
    margin-top: 20px;
}

.results-body .black-event {
    margin-top: 4px;
}

.result-items {
    list-style: none;
}

.result-item ~ .result-item {
    margin-top: 45px;
}

.result-item-head {
    border-bottom: 1px solid #c6c6c6;
}

.result-item-head h3 {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 18px;
    color: #000;
    padding-bottom: 8px;
}

.results-item-body {
    overflow: hidden;
    padding-top: 15px;
}

.results-item-body p {
    font-size: 13px;
    font-family: 'DinPro';
    font-weight: 300;
}

.results-item-body .lead {
    font-family: 'DinPro';
    font-weight: 500;
}

.list-keywords {
    list-style: none;
}

.list-keywords li {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 13px;
    color: #000;
}

/* ------------------------------------------------------------ *\
	Article Event Details
\* ------------------------------------------------------------ */
.article-event-details {
    padding: 10px 10px 25px;
}

.article-event-details .article-head {
    background: url(images/dashed-border.png) repeat-x 0 bottom;
    padding: 6px 0 10px;
    border: 0;
}

.article-event-details .article-title {
    font-family: 'DinPro';
    font-weight: 500;
}

.article-event-details .article-body {
    padding: 48px 0 0;
}

.article-event-details .article-actions {
    overflow: hidden;
    text-align: center;
    padding: 31px 3px 11px;
    border-bottom: 1px solid #c6c6c6;
}

.article-event-details .article-actions a {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 18px;
    color: #000;
}

.article-event-details .article-actions .btn-prev {
    float: left;
}

.article-event-details .article-actions .ico-prev {
    margin-right: 13px;
}

.article-event-details .article-actions .btn-btn-up {
    overflow: hidden;
}

.article-event-details .article-actions .ico-up {
    margin-right: 9px;
}

.article-event-details .article-actions .btn-next {
    float: right;
}

.article-event-details .article-actions .ico-next {
    margin-left: 6px;
}


/* ------------------------------------------------------------ *\
	Article Announcements
\* ------------------------------------------------------------ */
.article-announcements {
    padding: 10px 10px 25px;
}

.article-announcements .article-head {
    background: url(images/dashed-border.png) repeat-x 0 bottom;
    padding: 6px 0 10px;
    border: 0;
}

.article-announcements .article-title {
    font-family: 'DinPro';
    font-weight: 500;
}

.article-announcements .article-body {
    padding: 30px 0 0;
}

.form-announcement .selecter-selected:hover {
    color: #818181;
}

.form-announcement .selecter-selected,
.form-announcement .field,
.form-announcement .textarea {
    border: 1px solid #c0c0c0;
    width: 100%;
    height: 40px;
    padding: 12px 5px;
    font-size: 12px;
    color: #818181;
    font-family: 'DinPro';
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
}

.form-announcement .selecter-options .selecter-item {
    width: 100%;
    height: 40px;
    padding: 12px 5px;
    font-size: 12px;
    color: #818181;
    font-family: 'DinPro';
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
}

.form-announcement .textarea {
    resize: none;
    height: 153px;
}

.form-announcement .textarea-short {
    height: 74px;
}

.has-error .selecter-selected,
.has-error .textarea,
.has-error .field {
    background: #d3928f;
}

.form-announcement .form-label {
    font-size: 13px;
    color: #000;
    font-family: 'Din';
    line-height: 1;
}

.form-announcement .selecter-selected:after {
    position: absolute;
    top: 2px;
    right: 10px;
}

.form-announcement .selecter.open .selecter-selected:after {
    display: none;
}

.form-announcement .form-row ~ .form-row {
    margin-top: 18px;
}

.form-announcement .form-col {
    float: left;
}

.form-announcement .form-col + .form-col {
    float: right;
}

.form-announcement .form-col-size1 {
    width: 296px;
}

.form-announcement .form-col-size2 {
    width: 616px;
}

.form-announcement h4 {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 18px;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 35px;
}

.form-announcement h4 ~ h4 {
    margin-top: 35px;
}

.form-announcement h3 {
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 18px;
    border-bottom: 1px solid #bdbdbd;
}

.form-announcement h3 span {
    font-size: 11px;
    color: #818181;
}

.form-announcement .field-datepicker {
    width: 210px;
    position: relative;
    text-align: center;
}

.form-announcement .form-tip {
    font-family: 'Din';
    font-size: 11px;
    color: #818181;
}

.form-announcement .list-radios .form-label:after,
.form-announcement .list-radios .form-label:before {
    top: 5px;
}

.form-announcement .list-radios span {
    margin-right: 10px;
}

.form-announcement .form-btn {
    background: #5b8f20;
    color: #fff;
    font-family: 'DinPro';
    font-weight: 500;
    overflow: hidden;
    height: 47px;
    text-align: left;
}

.form-announcement .form-btn:hover {
    background: #80a34b
}

.form-announcement .form-btn-submit {
    width: 184px;
}

.form-announcement .form-btn-reset {
    background: #80a34b;
    vertical-align: top;
}

.form-announcement .form-btn-reset:hover {
    background: #5b8f20;
}

.form-announcement .ico-arrow-right-white {
    float: right;
    margin-left: 20px;
}

.form-announcement .form-info {
    margin-top: 20px;
}

.form-announcement .form-tip-next {
    display: inline-block;
    width: 385px;
    vertical-align: top;
}

.form-announcement .form-tip-submit {
    width: 184px;
    display: inline-block;
    vertical-align: top;
}

.form-announcement p.form-notice-info {
    display: block;
    margin-top: 45px;
}

.form-announcement .ico-calendar {
    margin-left: 20px;
}

.form-announcement .form-controls {
    position: relative;
}

.form-announcement .btn-date-next,
.form-announcement .btn-date-prev {
    position: absolute;
    top: 8px;
}

.form-announcement .btn-date-prev {
    left: 5px;
}

.form-announcement .btn-date-next {
    left: 180px;
}

.form-announcement .files {
    list-style: none;
}

.form-announcement .file {
    border-bottom: 1px solid #bdbdbd;
    overflow: hidden;
    padding: 20px 0;
}

.form-announcement .file p {
    padding-bottom: 0;
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 13px;
}

.form-announcement .files-pictures .file-name,
.form-announcement .files-pictures .file-actions {
    padding-top: 14px;
}

.form-announcement .file-uploading {
    overflow: hidden;
    padding: 20px 20px 20px 0;
}

.form-announcement .file-uploading .file-name {
    overflow: hidden;
}

.form-announcement .file-uploading .file-loader {
    float: right;
    font-size: 18px;
    font-family: 'DinPro';
    font-weight: 500;
}


.form-announcement .file-actions {
    float: right;
    margin-right: 20px;
}

.form-announcement .file-actions a {
    position: relative;
}

.form-announcement .file-actions a:hover {
    opacity: 0.8;
}

.form-announcement .file-actions a + a {
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
}

.form-announcement .file-actions a + a:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 1px;
    bottom: 0;
    width: 1px;
    background: #bdbdbd;
}

.form-announcement .file-name {
    overflow: hidden;
}

.form-announcement .file-image {
    width: 63px;
    float: right;
    margin-right: 20px;
}

.form-announcement .file-image img {
    width: 100%;
    height: auto;
}

.form-announcement .form-group-actions {
    text-align: right;
}

.form-announcement .file-upload {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.form-announcement .ico-white-top {
    margin-left: 5px;
}

.form-announcement .file-upload-btn {
    display: inline-block;
    background: #a8a8a8;
    font-size: 12px;
    font-family: 'DinPro';
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    height: 29px;
    box-sizing: border-box;
    padding: 5px 20px 0;
    text-align: center;
}

.form-announcement .file-upload-btn:hover {
    background: #818181;
}

.form-announcement .file-upload-input {
    opacity: 0;
    font-size: 100px;
    position: absolute;
    bottom: -10px;
    right: -10px;
    cursor: pointer;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

/* ------------------------------------------------------------ *\
	Datepicker
\* ------------------------------------------------------------ */
.datepicker {
    width: 260px;
    box-sizing: border-box;
    padding: 50px 5px 5px;
    border: 1px solid #010101;
    border-radius: 0;
}

.datepicker:after,
.datepicker:before {
    display: none;
}

a.datepicker-btn {
    display: none;
}

.datepicker .datepicker-btn {
    content: '';
    position: absolute;
    right: 5px !important;
    top: 5px !important;
    cursor: pointer;
    left: auto !important;
    border: 0 !important;
    display: inline-block;
}

.datepicker .next,
.datepicker .prev {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(images/arrow-btn-small.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.datepicker .next {
    background-position: -23px 0;
}

.datepicker thead tr:first-child th.prev:hover,
.datepicker thead tr:first-child th.next:hover {
    background: url(images/arrow-btn-small.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.datepicker thead tr:first-child th.next:hover {
    background-position: -23px 0;
}

.datepicker thead tr:first-child {
    text-align: center;
    border-bottom: 1px solid #000;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    visibility: hidden;
}

td.day {
    border-radius: 0;
    width: 36px;
    height: 22px;
    background: #d7decd;
    border: 1px solid #fff;
    font-family: 'DinPro';
    font-weight: 500;
    font-size: 15px;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused,
td.day:hover {
    background: #80a34b;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background: #80a34b;
}

/* ------------------------------------------------------------ *\
	Event
\* ------------------------------------------------------------ */
.event-title {
    font-family: 'DinPro';
    font-weight: 500;
    padding-top: 9px;
}

.event-meta {
    font-size: 18px;
    font-family: 'DinPro';
    font-weight: 300;
    overflow: hidden;
}

.event-category {
    position: relative;
}

.event-category {
    list-style: none outside none;
    overflow: hidden;
}

.event-category li {
    float: left;
    padding: 9px 20px;
}

.event-category li + li {
    border-left: 1px solid #c6c6c6;
    height: 47px;
    padding-right: 0;
}

.event-date {
    height: 49px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    padding: 11px 5px 0 0;
    float: left;
}

.event-type {
    float: right;
}

.event-location {
    float: left;
    font-size: 13px;
    font-family: "DinPro";
    font-style: italic;
    padding: 13px 19px 0 0;
}

.event-category {
    display: inline-block;
    vertical-align: top;
    padding: 0 2px 0 0;
    float: right;
}

.event-date strong {
    font-family: 'DinPro';
    font-weight: normal;
    padding-left: 7px;
}

.event-entry {
    font-size: 13px;
}

.event-entry .lead {
    font-size: 13px;
    font-family: 'DinPro';
    font-weight: 500;
    padding-top: 29px;
}

.event-entry p {
    padding-bottom: 0;
}

.event-entry p + p {
    padding-top: 23px;
}

.event-image {
    margin-top: 36px;
}

.event-image img {
    width: 100%;
    height: auto;
}

.event-actions {
    margin-top: 22px;
}

.event-actions .ico-chevron-right {
    margin-right: 8px;
    vertical-align: middle;
}

/* ------------------------------------------------------------ *\
	Calendar
\* ------------------------------------------------------------ */
.calendar-actions {
    overflow: hidden;
}

.calendar-actions .btn-green {
    float: right;
    margin: 24px 6px 0 0;
}

.calendar-actions .btn-green .ico-arrow-btn {
    margin: -4px 5px 0 2px;
}

.event-categories {
    list-style: none outside none;
    float: left;
    font-size: 13px;
    margin-top: 37px;
    padding-left: 2px;
    font-family: 'DinPro';
    font-weight: 500;
}

.event-categories li {
    float: left;
}

.event-categories li span {
    vertical-align: top;
    margin-top: -5px;
    margin-right: 8px;
}

.event-categories li + li {
    margin-left: 32px;
}

.event-categories a {
    color: #000;
}

.event-categories a:hover {
    color: #80a34b;
}

.event-categories .ico-pin-green {
    margin-top: -8px;
    margin-right: 5px;
    vertical-align: top;
}

.program-event,
.project-event,
.external-event,
.black-event {
    width: 39px;
    height: 28px;
    border-radius: 3px;
    display: inline-block;
    overflow: hidden;
    background-image: none;
    vertical-align: middle;
}

.program-event {
    background: #5b8f20;
}

.project-event {
    background: url(images/ico-project-event.png) no-repeat center center;
}

.external-event {
    border: 5px solid #5b8f20;
}

.black-event {
    font-family: 'DinPro';
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    background: #000;
}

.calendar-head {
    border-bottom: 1px solid #c6c6c6;
    padding: 53px 0 10px;
}

.calendar-title {
    float: left;
    font-family: 'DinPro';
    font-weight: 500;
    padding-top: 17px;
}

.calendar-row {
    border-bottom: 1px solid #c6c6c6;
    position: relative;
    padding-bottom: 15px;
    padding-top: 5px;
    min-height: 46px;
    box-sizing: border-box;
}

.calendar-row-highlight {
    background: #f6f6f6;
}

.calendar-date {
    position: absolute;
    left: 2px;
    top: 10px;
    font-size: 18px;
    font-family: 'DinPro';
    font-weight: 300;
    overflow: hidden;
}

.calendar-date strong {
    font-family: 'DinPro';
    font-weight: 500;
    padding-left: 4px;
}

.calendar-date span {
    min-width: 35px;
    display: inline-block;
}

.calendar-date .ico-pin-green-small {
    margin: -3px 0 0 10px;
}

.calendar-content {
    margin-left: 111px;
    overflow: hidden;
    padding: 10px 0 17px;
}

.calendar-content + .calendar-content {
    border-top: 1px solid #c6c6c6;
}

.calendar-content .calendar-entry {
    float: left;
    font-size: 13px;
}

.calendar-content .calendar-entry h5 a {
    color: #000;
}

.calendar-content .calendar-entry p {
    padding-bottom: 3px;
}

.calendar-content .calendar-entry span {
    font-family: "DinPro";
    font-style: italic;
}

.calendar-content .calendar-actions {
    float: right;
}

.calendar-content .calendar-actions .event-category {
    float: left;
    margin-right: 51px;
}

.calendar-content .calendar-actions a {
    float: right;
    margin: 10px 16px 0 0;
}

.calendar-filter {
    font-size: 18px;
    font-family: 'DinPro';
    font-weight: 500;
    float: left;
    margin-left: 78px;
    padding-top: 5px;
}

.calendar-year,
.calendar-month {
    display: inline-block;
}

.calendar-year {
    width: 145px;
}

.calendar-month {
    width: 171px;
    margin-left: -5px;
}

/* ------------------------------------------------------------ *\
	Custom Select
\* ------------------------------------------------------------ */
.selecter {
    max-width: 100%;
    margin: 0;
}

.selecter-selected,
.selecter-item {
    font-family: 'DinPro';
    font-weight: 500;
    box-shadow: none;
    background: #fff;
    font-size: 18px;
    border-radius: 0;
}

.selecter-options .selecter-item {
    padding-top: 3px;
    padding-bottom: 3px;
}

.selecter-item {
    border: none;
    background: #d7decd;
}

.selecter-item.selected {
    background: #d7decd;
}

.no-touch .selecter-item:hover, .no-touch .selecter-item.selected:hover {
    background: #c5ccbc;
}

.selecter.open .selecter-selected, .selecter.focus .selecter-selected {
    box-shadow: none;
}

.selecter.bottom.open .selecter-selected .ico {
    border-radius: 0;
    margin-bottom: -1px;
}

.selecter.bottom.open .selecter-selected {
    border-radius: 0;
}

.selecter.open .selecter-selected {
    background: #d7decd;
}

.selecter.open .selecter-options {
    background: #d7decd;
    border-radius: 0;
    border: 0;
}

.selecter-options {
    left: 0px;
    max-height: 260px !important;
}

.selecter.bottom.open .selecter-options {
    border-radius: 0;
    box-shadow: none;
    padding-bottom: 10px;
    max-height: 260px !important;
}

.selecter-selected {
    border-width: 0 1px;
    border-style: solid;
    border-color: #c6c6c6;
}

.selecter.open .selecter-selected {
    border-color: #d7decd;
}

.selecter.bottom .selecter-options {
    top: 100%;
    bottom: auto;
    z-index: 100;
    max-height: 260px !important;
}

.selecter-selected:after {
    border: 0;
    background: url(images/select-arrows.png) no-repeat 0 -30px;
    width: 28px;
    height: 28px;
    position: static;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 10px;
}

.selecter.open .selecter-selected:after {
    background-position: 0 0;
}

.selecter-selected {
    text-align: center;
}

.calendar-month .selecter-selected {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #c6c6c6;
}

.calendar-year .selecter-item {
    padding-left: 34px;
}

.calendar-month .selecter-item {
    padding-left: 34px;
}


/* ------------------------------------------------------------ *\
	Paging
\* ------------------------------------------------------------ */
.paging {
    font-size: 18px;
    text-align: center;
    line-height: 1.1;
    margin-top: 50px;
}

.paging ul {
    list-style: none outside none;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.paging li {
    float: left;
}

.paging ul a {
    color: #000;
    font-family: 'DinPro';
    font-weight: 300;
}

.paging ul a:hover {
    color: #80a34b;
}

.paging .current a {
    font-family: 'DinPro';
    font-weight: 500;
}

.paging-prev,
.paging-next {
    background: url(images/arrow-btn-small.png) no-repeat 0 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
}

.paging-next {
    background-position: -23px 0;
}

.paging-next:hover {
    background-position: -23px -23px;
}

.paging-prev:hover {
    background-position: 0 -23px;
}

/* ------------------------------------------------------------ *\
	Boxes
\* ------------------------------------------------------------ */
.boxes ~ .boxes {
    margin-top: 8px;
}

.box {
    position: relative;
}

.box a {
    font-family: "DinPro";
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    display: block;
    background: #5b8f20;
    min-height: 155px;
    padding: 18px 13px;
    box-sizing: border-box;
}

.box a span {
    max-width: 180px;
    display: block;
}

.box a:hover {
    background: #80a34b;
    color: #000;
}

.box .ico-arrow-med {
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -14px;
}

.box a:hover .ico-arrow-med {
    background-position: 0 -31px;
    width: 29px;
    height: 29px;
}

/* ================================================================ *\
	#breadcrumb
\* ================================================================ */
.breadcrumb {
    padding: 11px 0;
    margin: -20px 0 0;
    background: none;
}

.breadcrumb li {
    height: 20px;
    line-height: 20px;
}

.breadcrumb a {
    font-family: 'DinPro';
    font-weight: 500;
}

.breadcrumb > li + li:before {
    content: '';
    width: 1px;
    height: 20px;
    background: #e0e0e0;
    padding: 0;
    margin: 0 3px;
    display: inline-block;
    vertical-align: middle;
}

.breadcrumb .ico-pin {
    margin-right: 9px;
}

.breadcrumb .active {
    color: #000;
    font-family: 'DinPro';
    font-weight: 500;
}

.breadcrumb .active:before {
    margin-right: 5px;
}

/* ================================================================ *\
	#Callout
\* ================================================================ */
.callout a {
    display: block;
    position: relative;
    color: #000;
}

.callout a:after {
    position: absolute;
    bottom: 22px;
    right: 12px;
    background: url(images/sprite.png) no-repeat -156px -114px;
    content: '';
    width: 28px;
    height: 28px;
}

.callout-content {
    position: absolute;
    top: 18px;
    right: 12px;
    text-align: right;
    font-size: 0;
    line-height: 0;
}

.callout-content span {
    background: #fff;
    display: inline-block;
    margin-bottom: 1px;
    font-size: 18px;
    line-height: 1.2;
    padding: 6px 8px 3px 14px;
}

.callout-content.bottom-right {
    right: 50px;
    bottom: 20px;
    top: initial;
    max-width: calc(100% - 70px);
    word-break: break-all;
    word-break: break-word;
}

.callout-secondary a {
    background: #5b8f20 url(images/temp/callout-secondary.png) no-repeat right bottom;
    min-height: 297px;
}

.callout-secondary a:hover {
    background: #719b3a;
}

.callout-secondary .callout-content {
    position: static;
    padding: 20px;
    font-size: 22px;
    line-height: 1.09;
    font-family: 'DinPro';
    font-weight: 300;
    color: #fff;
    text-align: left;
    display: block;
}

/* ================================================================ *\
	#Footer
\* ================================================================ */
.footer {
    background: #3b3b3b;
}

.footer,
.footer a {
    color: #999;
}

.footer a:hover {
    color: #fff;
}

.footer-bar {
    border-bottom: 1px solid #666666;
}

.copyrights {
    padding: 22px 0 8px;
}

.copyrights span {
    margin: -2px 12px 0 15px;
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 18px;
    background: #888888;
}

.credits {
    font-size: 24px;
    padding: 81px 0 60px;
    font-family: 'DinPro';
    font-weight: 300;
}

.footer-logo {
    width: 168px;
    height: 46px;
    margin-top: 66px;
    background: url(images/sprite.png) no-repeat 0 -60px;
    float: right;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    opacity: .5;
}

.footer-logo:hover {
    opacity: 1;
}

/* ================================================================ *\
	#Socials
\* ================================================================ */
.socials {
    position: fixed;
    top: 325px;
    left: 0;
}

.socials ul {
    list-style: none outside none;
    width: 44px;
}

.socials li {
    display: inline-block;
    background-color: #575757;
}

.socials li:hover {
    background-color: #5b8f20;
}

.socials li + li {
    margin-top: 1px;
}

.socials a {
    width: 44px;
    height: 44px;
    font-size: 0;
    line-height: 0;
}

.socials a {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.socials li:hover a {
    margin-left: 3px;
    padding-right: 7px;
}

/* ================================================================ *\
	#Css3 transforms, transitions and animations
\* ================================================================ */
.btn,
.list-archive a span,
.slider .carousel-control i,
.socials a,
.footer-logo,
.dropdown-actions a .ico-arrow-right,
.nav-dropdown,
.nav > .container > ul > li > a,
.search-field {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.nav-utilities a {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

/* ================================================================ *\
	#Buttons
\* ================================================================ */
.btn-green:hover,
.btn-success:hover {
    background: #80a34b;
}

.btn-green,
.btn-success {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.btn-green {
    font-size: 18px;
    font-family: 'DinPro';
    font-weight: 500;
    text-transform: uppercase;
    font-weight: normal;
    padding: 9px 14px;
    margin: 0;
    border-radius: 0;
    border: 0;
}

/* ================================================================ *\
	#Icons
\* ================================================================ */
.section-ideas .result-item-head p a:before,
.socials a,
[class^="ico-"],
.ico-pdf-large {
    display: inline-block;
    vertical-align: middle;
    background-image: url(images/sprite.png);
    background-repeat: no-repeat;
}

.ico-arrow-left-large {
    width: 39px;
    height: 39px;
    background-position: 0 -166px;
}

.ico-arrow-right-large {
    width: 39px;
    height: 39px;
    background-position: -195px -101px;
}

.ico-arrow-right-white {
    width: 28px;
    height: 28px;
    background-position: -156px -114px;
}

.ico-arrow-right {
    width: 28px;
    height: 28px;
    background-position: -47px -166px;
}

.ico-chevron-left {
    width: 5px;
    height: 10px;
    background-position: -195px -148px;
}

.section-ideas .result-item-head p a:before,
.ico-chevron-right {
    width: 5px;
    height: 10px;
    background-position: -208px -148px;
}

.ico-pdf-large {
    width: 34px;
    height: 41px;
    background-position: -195px -52px;
}

.ico-pdf {
    width: 22px;
    height: 26px;
    background-position: -83px -166px;
}

.ico-pin {
    width: 18px;
    height: 24px;
    background-position: -113px -166px;
}

.ico-arrow-bottom {
    width: 28px;
    height: 28px;
    background-position: -211px -165px;
}

/*#content p.submit:after,*/
#content .submit-wrapper:after,
.ico-arrow-btn {
    background: url(images/ico-arrow-btn.png) no-repeat 0 0;
    width: 25px;
    height: 25px;
}

.ico-arrow-med {
    background: url(images/ico-arrow-med.png) no-repeat 0 0;
    width: 29px;
    height: 29px;
    display: inline-block;
}

.program-news,
.national-news,
.project-news {
    width: 39px;
    height: 28px;
    display: inline-block;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 6px;
    vertical-align: middle;
}

.program-news {
    background: #c01428;
}

.project-news {
    background: url(images/ico-project-news-bg.png) no-repeat center center;
}

.national-news {
    background: #fff;
    border: 5px solid #c01428;
}

.btn-arrow-med {
    background: url(images/btn-arrow-med.png) no-repeat 0 0;
    width: 28px;
    height: 30px;
    display: inline-block;
}

.btn-arrow-med:hover {
    background-position: 0 -30px;
}

.ico-pin-green {
    background: url(images/ico-pin-green.png) no-repeat 0 0;
    width: 25px;
    height: 34px;
}

a:hover .ico-pin-green {
    background: url(images/ico-pin-green-hover.png) no-repeat 0 0;
}

.ico-pin-green-small {
    background: url(images/pin-green-small.png) no-repeat 0 0;
    width: 18px;
    height: 24px;
}

.ico-list {
    background: url(images/ico-list.png) no-repeat 0 0;
    width: 22px;
    height: 24px;
}

.ico-prev,
.ico-next,
.ico-up {
    background: url(images/arrow-btn-small.png) no-repeat 0 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-top: 4px;
}

.ico-next {
    background-position: -23px 0;
}

.ico-up {
    background-position: -46px 0;
}

a:hover .ico-prev {
    background-position: 0 -23px;
}

a:hover .ico-next {
    background-position: -23px -23px;
}

a:hover .ico-up {
    background-position: -46px -23px;
}

.link-linkedin {
    background-position: 0 -114px;
}

.link-facebook {
    background-position: -195px 0;
}

.link-twitter {
    background-position: -104px -114px;
}

.link-youtube {
    background-position: -52px -114px;
}

.ico-accordion {
    background: url(images/accordion.png) no-repeat 0 0;
    width: 25px;
    height: 24px;
    display: inline-block;
}

.accordion-expanded .ico-accordion {
    background-position: -29px 0;
}

.ico-house,
.ico-live,
.ico-micro,
.ico-tree,
.ico-xls,
.ico-finished,
.ico-progress,
.list-radios .form-label:after,
.list-radios .form-label:before,
#content input[type=radio] ~ label:after,
#content input[type=radio] ~ label:before,
.ico-radio,
.ico-raidio-active,
.ico-sim,
.section-library .selecter-selected:after,
#content .selecter-selected:after,
.form-announcement .selecter-selected:after,
.section-ideas .overview-box .selecter-selected:after,
.ico-arrow-grey {
    background: url(images/overview.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
}

.ico-house {
    width: 40px;
    height: 40px;
    background-position: 0 0;
}

.ico-live {
    width: 40px;
    height: 40px;
    background-position: -42px 0;
}

.ico-micro {
    width: 40px;
    height: 40px;
    background-position: -84px 0;
}

.ico-tree {
    width: 40px;
    height: 40px;
    background-position: -126px 0;
}

.ico-xls {
    width: 34px;
    height: 41px;
    background-position: -169px 0;
}

.ico-finished {
    width: 38px;
    height: 37px;
    background-position: -206px 0;
}

.ico-progress {
    width: 38px;
    height: 37px;
    background-position: -246px 0;
}

.list-radios .form-label:before,
#content input[type=radio] ~ label:before,
.ico-radio {
    width: 21px;
    height: 20px;
    background-position: -286px 0;
}

#content input[type=radio] ~ label:after,
.list-radios .form-label:after,
.ico-raidio-active {
    width: 21px;
    height: 20px;
    background-position: -309px 0;
}

.ico-sim {
    width: 29px;
    height: 38px;
    background-position: -332px 0;
}

.section-library .selecter-selected:after,
.form-announcement .selecter-selected:after,
#content .selecter-selected:after,
.section-ideas .overview-box .selecter-selected:after,
.ico-arrow-grey {
    width: 25px;
    height: 25px;
    background-position: -363px 0;
}

.section-ideas .overview .ico-house,
.section-ideas .overview .ico-live,
.section-ideas .overview .ico-micro,
.section-ideas .overview .ico-tree {
    background: url(images/overview2.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
}

.section-ideas .overview .ico-house {
    width: 31px;
    height: 31px;
    background-position: 0 0;
}

.section-ideas .overview .ico-live {
    width: 31px;
    height: 31px;
    background-position: -31px 0;
}

.section-ideas .overview .ico-micro {
    width: 31px;
    height: 31px;
    background-position: -62px 0;
}

.section-ideas .overview .ico-tree {
    width: 31px;
    height: 31px;
    background-position: -94px 0;
}

.ico-calendar,
.ico-close,
.ico-white-left,
.datepicker-btn,
.btn-date-prev,
.btn-date-next,
.ico-white-right {
    background: url(images/datepicker.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
}

.ico-calendar {
    width: 33px;
    height: 32px;
    background-position: 0 0;
}

.datepicker-btn,
.ico-close {
    width: 14px;
    height: 13px;
    background-position: -35px 0;
}

.btn-date-next,
.ico-white-left {
    width: 25px;
    height: 25px;
    background-position: -51px 0;
}

.btn-date-prev,
.ico-white-right {
    width: 25px;
    height: 25px;
    background-position: -78px 0;
}

.ico-tick,
.ico-white-top,
.ico-x {
    background: url(images/upload.png) no-repeat 0 0;
    width: 55px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
}


.ico-tick {
    width: 18px;
    height: 15px;
    background-position: 0 0;
}

.ico-white-top {
    width: 18px;
    height: 17px;
    background-position: -20px 0;
}

.ico-x {
    width: 15px;
    height: 15px;
    background-position: -40px 0;
}

.result-items .btn-expand {
    background: url(images/arrow-btn-big.png) no-repeat 0 -46px;
    width: 43px;
    height: 43px;
    display: inline-block;
}

.result-items .expanded .btn-expand {
    background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (        min-device-pixel-ratio: 2), only screen and (                min-resolution: 192dpi), only screen and (                min-resolution: 2dppx) {
    .footer-logo,
    .callout a:after,
    .nav-dropdown a:before,
    .logo,
    .socials a,
    .search-btn,
    .section-ideas .result-item-head p a:before,
    [class^="ico-"],
    .ico-pdf-large {
        background-image: url(images/sprite@x2.png);
        background-size: 239px 205px;
    }

    .ico-pin {
        width: 19px;
        height: 24px;
        background-position: -112px -166px;
    }

    .search-btn {
        background-position: -175px -166px;
        width: 30px;
        height: 16px;
    }

    .callout-secondary a {
        background-image: url(images/temp/callout-secondary@x2.png);
        background-size: 312px 214px;
    }

    .updates-actions,
    .list-archive li:before,
    .results-head,
    .article-detials .article-head,
    .section-primary .section-head,
    .bar .container {
        background-image: url(images/dashed-border@x2.png);
        background-size: 8px 3px;
    }

    .paging-prev,
    .paging-next,
    .ico-prev,
    .ico-next,
    .ico-up {
        background: url(images/arrow-btn-small@x2.png) no-repeat 0 0;
        background-size: 66px 43px;
    }

    .ico-next {
        background-position: -23px 0;
    }

    .ico-up {
        background-position: -46px 0;
    }

    .dropdown-actions,
    .nav-dropdown h4 {
        background-image: url(images/dashed-border-black@x2.png);
        background-size: 9px 4px;
    }

    .ico-pin-green {
        background: url(images/ico-pin-green@x2.png) no-repeat 0 0;
        width: 25px;
        height: 34px;
        background-size: 25px 34px;
    }

    a:hover .ico-pin-green {
        background: url(images/ico-pin-green-hover@x2.png) no-repeat 0 0;
        background-size: 25px 34px;
    }

    .ico-pin-green-small {
        background: url(images/pin-green-small@x2.png) no-repeat 0 0;
        width: 18px;
        height: 24px;
        background-size: 18px 24px;
    }

    #content p.submit:after,
    .ico-arrow-btn {
        background-image: url(images/ico-arrow-btn@x2.png);
        background-size: 25px 25px;
    }

    .ico-arrow-med {
        background: url(images/ico-arrow-med@x2.png) no-repeat 0 2px;
        width: 29px;
        height: 30px;
        background-size: 28px 58px;
    }

    .box a:hover .ico-arrow-med {
        background-position: 0 -29px;
        height: 29px;
    }

    .btn-arrow-med {
        background: url(images/btn-arrow-med@x2.png) no-repeat 0 0;
        display: inline-block;
        background-size: 28px 61px;
        width: 29px;
    }

    .btn-arrow-med:hover {
        background-position: 0 -32px;
        height: 30px;
    }

    .selecter-selected:after {
        background: url(images/select-arrows@x2.png) no-repeat 0 -30px;
        background-size: 30px 60px;
        height: 30px;
        width: 30px;
    }

    .selecter.open .selecter-selected:after {
        background-position: 0 1px;
    }

    .ico-list {
        background: url(images/ico-list@x2.png) no-repeat 0 0;
        width: 22px;
        height: 24px;
        background-size: 22px 24px;
    }

    .paging-prev,
    .paging-next {
        background: url(images/arrow-btn-small@x2.png) no-repeat 0 0;
        background-size: 66px 43px;
    }

    .paging-next {
        background-position: -23px 0;
    }

    .paging-next:hover {
        background-position: -23px -23px;
    }

    .paging-prev:hover {
        background-position: 0 -23px;
    }

    .ico-arrow-right {
        background-position: -46px -166px;
    }

    .ico-accordion {
        background: url(images/accordion@x2.png) no-repeat 0 0;
        width: 25px;
        height: 24px;
        background-size: 54px 24px;
    }

    .accordion-expanded .ico-accordion {
        background-position: -29px 0;
    }

    .ico-house,
    .ico-live,
    .ico-micro,
    .ico-tree,
    .ico-xls,
    .ico-finished,
    .ico-progress,
    #content input[type=radio] ~ label:after,
    #content input[type=radio] ~ label:before,
    .list-radios .form-label:after,
    .list-radios .form-label:before,
    .ico-radio,
    .ico-raidio-active,
    .form-announcement .selecter-selected:after,
    #content .selecter-selected:after,
    .section-library .selecter-selected:after,
    .ico-sim,
    .section-ideas .overview-box .selecter-selected:after,
    .ico-arrow-grey {
        background: url(images/overview@x2.png) no-repeat 0 0;
        display: inline-block;
        vertical-align: middle;
        -webkit-background-size: 388px 41px;
        background-size: 388px 41px;
    }

    .ico-house {
        width: 40px;
        height: 40px;
        background-position: 0 0;
    }

    .ico-live {
        width: 40px;
        height: 40px;
        background-position: -42px 0;
    }

    .ico-micro {
        width: 40px;
        height: 40px;
        background-position: -84px 0;
    }

    .ico-tree {
        width: 40px;
        height: 40px;
        background-position: -126px 0;
    }

    .ico-xls {
        width: 34px;
        height: 41px;
        background-position: -169px 0;
    }

    .ico-finished {
        width: 39px;
        height: 37px;
        background-position: -206px 0;
    }

    .ico-progress {
        width: 39px;
        height: 37px;
        background-position: -246px 0;
    }

    .list-radios .form-label:before,
    #content input[type=radio] ~ label:before,
    .ico-radio {
        width: 21px;
        height: 20px;
        background-position: -286px 0;
    }

    #content input[type=radio] ~ label:after,
    .list-radios .form-label:after,
    .ico-raidio-active {
        width: 21px;
        height: 20px;
        background-position: -309px 0;
    }

    .ico-sim {
        width: 29px;
        height: 38px;
        background-position: -332px 0;
    }

    .section-library .selecter-selected:after,
    #content .selecter-selected:after,
    .section-ideas .overview-box .selecter-selected:after,
    .form-announcement .selecter-selected:after,
    .ico-arrow-grey {
        width: 25px;
        height: 25px;
        background-position: -363px 0;
    }

    .section-ideas .overview .ico-house,
    .section-ideas .overview .ico-live,
    .section-ideas .overview .ico-micro,
    .section-ideas .overview .ico-tree {
        background: url(images/overview2@x2.png) no-repeat 0 0;
        display: inline-block;
        vertical-align: middle;
        -webkit-background-size: 291px 31px;
        background-size: 291px 31px;
    }

    .section-ideas .overview .ico-house {
        width: 31px;
        height: 31px;
        background-position: 0 0;
    }

    .section-ideas .overview .ico-live {
        width: 31px;
        height: 31px;
        background-position: -31px 0;
    }

    .section-ideas .overview .ico-micro {
        width: 31px;
        height: 31px;
        background-position: -62px 0;
    }

    .section-ideas .overview .ico-tree {
        width: 31px;
        height: 31px;
        background-position: -94px 0;
    }

    .ico-calendar,
    .ico-close,
    .ico-white-left,
    .btn-date-prev,
    .btn-date-next,
    .datepicker-btn,
    .ico-white-right {
        background: url(images/datepicker@x2.png) no-repeat 0 0;
        display: inline-block;
        vertical-align: middle;
        -webkit-background-size: 103px 32px;
        background-size: 103px 32px;
    }

    .ico-calendar {
        width: 33px;
        height: 32px;
        background-position: 0 0;
    }

    .datepicker-btn,
    .ico-close {
        width: 14px;
        height: 13px;
        background-position: -35px 0;
    }

    .btn-date-next,
    .ico-white-left {
        width: 25px;
        height: 25px;
        background-position: -51px 0;
    }

    .btn-date-prev,
    .ico-white-right {
        width: 25px;
        height: 25px;
        background-position: -78px 0;
    }

    .ico-tick,
    .ico-white-top,
    .ico-x {
        background: url(images/upload@x2.png) no-repeat 0 0;
        -webkit-background-size: 55px 17px;
        background-size: 55px 17px;
        display: inline-block;
        vertical-align: middle;
    }

    .ico-tick {
        width: 18px;
        height: 15px;
        background-position: 0 0;
    }

    .ico-white-top {
        width: 18px;
        height: 17px;
        background-position: -20px 0;
    }

    .ico-x {
        width: 15px;
        height: 15px;
        background-position: -40px 0;
    }

    #content .description-check label:after {
        background: url(images/custom-check@x2.png) no-repeat 0 0;
        width: 26px;
        height: 22px;
        -webkit-background-size: 26px 22px;
        background-size: 26px 22px;
    }

    .result-items .btn-expand {
        background: url(images/arrow-btn-big@x2.png) no-repeat 0 -46px;
        width: 43px;
        height: 43px;
        display: inline-block;
        -webkit-background-size: 43px 89px;
        background-size: 43px 89px;
    }

    .result-items .expanded .btn-expand {
        background-position: 0 0;
    }
}

.x-menu > .x-menu-list > .x-menu-list-item:nth-child(2) {
    display: none;
}

/*
**	Accordion Brick CSS
*/

.content .sc-accordion-section {
}

.content .sc-accordion-section .section-head {
    margin-bottom: 30px;
}

.content .sc-accordion-item-section .section-body {
    padding-top: 10px;
    padding-bottom: 0;
    display: none;
}

.content .sc-accordion-item-section .section-body p {
    padding: 0;
    margin-bottom: 10px;
}

.content .sc-accordion-title-container {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
}

.content .sc-accordion-item-section {
    padding: 20px;
    margin: 20px;
    border: 1px solid #000;
    min-height: 67px;
}

.content .sc-accordion-title-container .sc-accordion-toggle {
    font-weight: bold;
    font-size: 30px;
    color: #000;
    width: 21px;
    display: inline-block;
    line-height: 21px;
    vertical-align: top;
    position: absolute;
    top: -4px;
    right: 0;
}

.content .sc-accordion-title-container h3 {
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
}

.content .sc-accordion-title-container .sc-accordion-toggle .fa-angle-up {
    display: none;
}

.content .sc-accordion-item-section .accordion-green-title {
    color: #80a34b;
    font-weight: bold;
}

.project-library-search .big-button {
    text-align: center;
    font-size: 50px;
    padding: 0;
    width: 80%;
    height: 80px;
}

.project-library-search .library-reset-button {
    margin-left: 0;
    margin-top: 1px;
    width: 80%;
}

.project-library-search .library-project-header-image {
    height: 60px;
    width: auto;
}

.project-library-search .library-project-body > ul {
    font-size: 0;
}

.project-library-search .library-project-body > ul > li {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-right: 0;
    padding-right: 20px;
}

.project-library-search .library-project-body > ul > li:nth-child(3n) {
    padding-right: 0;
}

#results-project-max {
    font-weight: bold;
}

.project-library-search .results-num span {
    font-size: 30px;
}

.project-library-search .form-library {
    background: none;
}

.project-library-search .library-project-body > ul > li {
    height: auto !important;
}

#loading-icon {
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    z-index: 1000000;
}

.selecter-options .selected {
    background-color: #cccccc !important;
}

/* QUESTIONNAIRIES */

[data-depends] {
    display: none;
}

.group-intern {
    margin-bottom: 10px;
}

.option-container:after {
    display: table;
    clear: both;
    content: '';
}

.option-value {
    float: left;
    width: 70%;
}

.option-id {
    float: right;
    width: 30%;
    padding-left: 10px;
}

.QForm {
    padding: 10px;
    border: 1px solid black;
}

.QElement {
    padding: 10px;
    border: 1px solid black;
    margin: 10px;
    margin-left: 30px;
    width: calc(100% - 100px);
}

.QCheckbox {
    margin: 10px;
    margin-left: 30px;

    width: calc(100% - 40px);
}

.QDropdown {
    margin: 10px;
    margin-left: 30px;

    width: calc(100% - 40px);
}

.QFrontend {
    margin: 10px;
    margin-left: 0;
    padding: 10px;
    padding-left: 0;
}

.QFrontend:last-child {

}

.answerList {
    list-style: none;
    padding-left: 20px;
}

.answerList p {
    padding-bottom: 0;
}

.answerList li {
    padding: 10px;
    padding-left: 0;
    border-bottom: 1px solid gray;
}

.answerList li:last-child {
    border-bottom: none;
}

.reqText {
    color: red;
    display: none;
}

.QFrontend .form-label {
    font-weight: bold;
}


/*********** Start: Project results library ******************/

/* This stuff is for the frontpage */
#form-library-subpage-full-wrapper {
    display:none;
}

#citl_heading {
    margin:20px 0 40px;
}

/* This stuff is for the results page */
body.search-performed #results-home, body.search-performed #header_search_front,
body.search-performed #library_info_badges_wrapper {
    display:none;
}

body.search-performed #form-library-subpage-full-wrapper {
    display:block;
}

#form-library {
    width:230px;
    float:left;
}

#form-library .form-row {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}

#form-library-results-wrapper-inner {
    width:calc(100% - 250px);
    float:left;
    box-sizing:border-box;
    padding-left:20px;
    margin-left:20px;
    border-left:3px dashed #c6c6c6;
}

#form-library-submit-wrapper {
    z-index:20;
    position:relative;
    display:flex;
    flex-direction:column;
}

#field-priority-wrapper {
    height:130px;
}

#field-priority {
    transform: scale(0.7);
    transform-origin: top left;
}

#field-priority-search-wrapper img {
    width:45px;
    height:45px;
}

.form-row label {
    display:block;
    margin-bottom:10px;
}

.results-radios-from-icons i.ico {
    background-size:55%;
    background-position:center top;
    height:40px;
}

.project-library-search .big-button {
    text-align: center;
    font-size: 22px;
    padding: 0;
    width: 130px;
    height: 45px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.project-library-search .library-reset-button {
    width:130px;
    font-size:14px;
    display:flex;
    justify-content:center;
    align-items:center;
}



/* results */
.ol-priority-wrapper {
    margin-bottom:50px;

}

.ol-priority-wrapper-head {
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    text-align:right;
}

.ol-pwh-meta {
    display:inline-flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.ol-pwh-text {
    padding-top:5px;
    text-transform:uppercase;
    font-weight:700;
}

.ol-priority-item {
    margin-bottom:5px;
    border-right:8px solid transparent;
    cursor:pointer;
}

.ol-priority-item:nth-child(2n-1) {
    background-color:#fafafa;
}

.olpi-content {
    display:none;
    padding:20px;
}

.ol-priority-item.open .olpi-content {
    display:block;
}

.olpi-image {
    float:left;
}

.olpi-image img {
    width:150px;
    height:100px;
}

.olpi-hwrap {
    width:calc(100% - 150px);
    box-sizing:border-box;
    float:left;
    padding:8px;
    position:relative;
    display:flex;
}

.olpi-info {
    width:50%;
}

.olpi-title {
    font-weight:700;
    font-size:16px;
    margin-bottom:5px;
    line-height:18px;
}

.olpi-shortdesc {
    line-height:1.1em;
}

.olpi-content .olpi-description {
    font-size:14px;
    margin-top:20px;
}

.olpi-acronym {
    width:27.5%;
    font-weight:700;
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.olpi-outputcat {
    width:15%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.olpi-outputcat label {
    transform: scale(0.8);
    transform-origin:center center;
    text-align:center;
}

.olpi-droper {
    width:7.5%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.olpi-date {
    color:#666;
    font-weight:700;
    font-size:14px;
}

.olpi-droper span {
    margin-top:0;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    background-image: url(/assets/css/images/overview.png);
    background-position: -363px 0px;
    transition:transform .25s ease-in-out;
}

.ol-priority-item.open .olpi-droper span {
    transform:rotate(-180deg);
}

/* for the different priorities */
.opwh-liveable .ol-priority-wrapper-head {
    border-color:#97C221;
    color:#97C221;
}

.opwh-low-carbon .ol-priority-wrapper-head {
    border-bottom-color:#149861;
    color:#149861;
}

.opwh-innovative .ol-priority-wrapper-head {
    border-bottom-color:#FDC508;
    color:#FDC508;
}

.opwh-well-governed .ol-priority-wrapper-head {
    border-bottom-color:#3B7485;
    color:#3B7485;
}

.opwh-liveable .ol-priority-item {
    border-color:#97C221;
}

.opwh-low-carbon .ol-priority-item {
    border-color:#149861;
}

.opwh-innovative .ol-priority-item {
    border-color:#FDC508;
}

.opwh-well-governed .ol-priority-item {
    border-color:#3B7485;
}

.olpi-project-meta .title {
    font-size:16px;
    margin-bottom:8px;
}

.olpi-col {
    float:left;
    padding:5px 0;
    box-sizing:border-box;
}

.olpi-col:first-child {
    width:33.33%;
}

.olpi-col:nth-child(2) {
    width:40%;
    padding-left:10px;
    padding-right:10px;
    border-left:1px solid #888;
}

.olpi-col:nth-child(3) {
    width:26.66%;
    border-left:1px solid #888;
    padding-left:10px;
}

.olpi-pmc-cats {
    float:left;
    width:80px;
}

.olpi-pmc-cats span {
    display:inline-block;
    text-align:center;
    margin:0 10px 10px 0;
    border-radius:50%;
    background-color:#666;
    color:#fff;
    font-weight:700;
    height:20px;
    width:20px;
}

.nowrap {
    white-space:nowrap;
}

.olpi-pmc-values {
    float:left;
    width:calc(100% - 80px);
}

[data-gotolist] {
    cursor:pointer;
}


.bg-liveable {
    background-color:#97C221;
}

.bg-low-carbon {
    background-color:#149861;
}

.bg-innovative {
    background-color:#FDC508;
}

.bg-well-governed {
    background-color:#3B7485;
}


@media(max-width:768px) {
    .olpi-col,.olpi-pmc,.olpi-pmd,.olpi-pmc-cats, .olpi-pmc-values {
        float:none;
        width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin-left:0;
        margin-right:0;
        border-left:0 !important;
        border-right:0 !important;
    }

    .olpi-image {
        float:none;
        width:100%;
    }
    .olpi-image img {
        width:100%;
        height:auto;
    }
    .ol-placeholder-img {
        display:none;
    }
    .olpi-info {
        float:none;
        width:100%;
    }
    .olpi-hwrap {
        width: 100%;
    }
    .olpi-hwrap {
        flex-direction:column;
    }
    .olpi-hwrap .olpi-info, .olpi-hwrap .olpi-acronym, .olpi-hwrap .olpi-outputcat, .olpi-hwrap .olpi-droper {
        width:100%;
        margin:10px 0;
    }
}

@media (max-width:540px) {
    #form-library, #form-library-results-wrapper-inner {
        width:100%;
        float:none;
        margin:0;
        border:0;
        padding:0;
    }

    #form-library-submit-wrapper {
        align-items: center;
    }
}

@media(max-width:400px) {
    #field-priority-init {
        transform:scale(0.9);
        transform-origin:left center;
    }
}

/*********** End: Project results library ******************/