/* --------------------------------------------------------------------
    Copyright (c) Demosphere International Inc.
    No permission is granted for any purpose without prior
    written consent from Demosphere International Inc.
-----------------------------------------------------------------------*/

#design-content-3 .bottom,
#design-content-5 .top {
    display: none;
}

.admin-mode #design-content-3 .bottom,
.admin-mode #design-content-5 .top {
    display: block;
}


/* ------------ FONTS ------------------------ */

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@font-face {
    font-family: 'DIN 30640 Std';
    src: url('../../DINNeuzeitGroteskStd-BdCond.eot');
    src: url('../../DINNeuzeitGroteskStd-BdCond.eot?#iefix') format('embedded-opentype'), url('../../DINNeuzeitGroteskStd-BdCond.woff2') format('woff2'), url('../../DINNeuzeitGroteskStd-BdCond.woff') format('woff'), url('../../DINNeuzeitGroteskStd-BdCond.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    background: #202022;
}


/* ------------ BOOTSTRAP FIXES -------------- */

body .dii-action-icon,
body .dii-action-icon-text,
body .dii-action-text,
body .dii-function-icon,
body .dii-function-icon-text,
body .dii-function-icon-text-big,
body .dii-function-text,
body .dii-function-text-big {
    height: initial;
    box-sizing: initial;
}

body .dii-action-icon-text div {
    top: 0;
}

#dii-navbar-load {
    line-height: 1.1;
}

#dii-navbar-load .btn {
    font-size: 12px;
}

#navbar-user-email {
    position: relative;
    top: -4px;
    left: 8px;
    padding: 0;
}

#navbar-product {
    width: 972px;
    height: 29px;
    padding: 0;
}

#navbar-product-name {
    top: 1px;
    left: 3px;
}

#navbar-product-content {
    margin: 0;
}

#dii-navbar .btn.btn-notifications {
    top: -6px;
    right: 3px;
    padding: 4px 10px;
}

a.navbar-tab span.dii-lib-icon {
    height: auto;
    padding: 2px 2px 2px 28px;
    line-height: 12px;
}

#dii-navbar-load *,
body .dii-main-title,
body .dii-main-title-icon,
body .dii-container *,
body .ui-dialog,
body .ui-dialog *,
body .dii-ss-rb-container,
body .dii-ss-rb-container *,
#dii-orphans-container * {
    box-sizing: initial;
}

body .dii-dialog-title-icon {
    width: 48px;
    height: 48px;
    padding: 0;
}

body .container {
    width: 100%;
}

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

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-bottom: 0;
    margin-top: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
}

label {
    font-weight: initial;
}

input[type='checkbox'],
input[type='radio'] {
    margin: initial;
}

.caret {
    border: 0 none;
}


/* ------------ jQuery UI Theme ------------ */

#navbar-user {
    color: #fff;
}

#dii-navbar-load .ui-widget-content {
    border-color: rgba(0, 0, 0, .15);
    background: #eee;
}

#dii-navbar-load .ui-widget-header {
    border-color: rgba(0, 0, 0, .2);
}

body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus {
    border-color: #ccc;
}


/* ------------ GENERAL STYLING -------------- */

*:focus {
    outline: none;
}

body * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #2351b9;
    transition: color .4s;
    -webkit-transition: color .4s;
}

a:hover {
    color: #093080;
}


/* ------------ STRUCTURE -------------------- */

#design-wrapper {
    position: relative;
    z-index: 1;
}


/* Shared */

#design-top-nav>div,
#design-header-links,
#design-header-mast,
#design-main .container,
#design-footer .design-wrapper {
    width: 1200px;
    margin: 0 auto;
}

#dii-navbar-load .ui-widget-header {
    color: #fff;
}

#design-header,
#dii-navbar-load .ui-widget-header {
    background: url('../images/header-bg.png') repeat-x center bottom #183891;
}

nav ul ul a,
nav ul ul a:hover {
    color: initial;
}


/* ----- Header ------ */


/* Top Nav (within Header) */

#header-logo {
    z-index: 4;
    position: absolute;
    top: 5px;
    left: 9px;
    height: 208px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#header-logo.nav-small {
    height: 55px;
    left: 85px;
    top: -3px;
}

#google_translate_element {
    z-index: 4;
    position: absolute;
    top: 12px;
    right: 0;
    width: 54px;
    height: 14px;
    cursor: pointer;
}

#design-top-nav .goog-te-gadget-simple {
    border: 0;
    background-color: transparent;
    padding: 0;
}

#design-top-nav .goog-te-gadget-simple a {
    display: block;
}

#design-top-nav .goog-te-gadget-simple a::before {
    content: '';
    display: block;
    width: 54px;
    height: 14px;
    background: url('../images/header-flags.png') no-repeat;
    cursor: pointer;
}

#design-top-nav .goog-te-gadget-simple a span,
#design-top-nav .goog-te-gadget-simple img {
    display: none;
}

#design-top-nav {
    z-index: 99;
    position: fixed;
    top: 0;
    width: 100%;
    border-top: 5px solid #c81f20;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
}

.admin-mode #design-top-nav {
    top: 71px;
}

#design-top-nav>div {
    position: relative;
}

#design-top-nav>div::before,
#design-top-nav>div::after {
    content: '';
    position: absolute;
    top: 0;
    height: 40px;
}

#design-top-nav>div::before {
    left: -198px;
    width: 198px;
    background: url('../images/nav-before.png') no-repeat #fff;
}

#design-top-nav>div::after {
    right: -194px;
    width: 194px;
    background: url('../images/nav-before.png') no-repeat #fff;
}

#design-container-main-nav {
    position: relative;
    min-height: 40px;
    margin: 0 54px 0 191px;
    background-color: #fff;
    transition: width .4s;
    -webkit-transition: width .4s;
}

#design-container-main-nav .dii-content-nav-menu {
    padding-top: 5px;
    background-color: transparent;
}

#design-container-main-nav .dii-content-nav-menu li::before {
    transition: all .3s;
    -webkit-transition: all .3s;
}

#design-container-main-nav .dii-content-nav-menu>ul {
    display: inline-block;
    margin: 0 auto;
    text-align: left !important;
}


/* Top Nav Text Color */

#dii-navbar-load .ui-widget-header,
#design-header #ww-btn-main-nav,
#design-container-main-nav a {
    color: #7c7c7c;
}


/* Top Nav Link Hover */

#design-container-main-nav .dii-content-nav-menu ul>li:hover a {
    color: #fff;
}

#design-container-main-nav .dii-content-nav-menu>ul>li::before {
    background: rgba(199, 31, 31, 1);
    background: -moz-linear-gradient(top, rgba(199, 31, 31, 1) 0%, rgba(199, 31, 31, 1) 65%, rgba(177, 26, 26, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(199, 31, 31, 1)), color-stop(65%, rgba(199, 31, 31, 1)), color-stop(100%, rgba(177, 26, 26, 1)));
    background: -webkit-linear-gradient(top, rgba(199, 31, 31, 1) 0%, rgba(199, 31, 31, 1) 65%, rgba(177, 26, 26, 1) 100%);
    background: -o-linear-gradient(top, rgba(199, 31, 31, 1) 0%, rgba(199, 31, 31, 1) 65%, rgba(177, 26, 26, 1) 100%);
    background: -ms-linear-gradient(top, rgba(199, 31, 31, 1) 0%, rgba(199, 31, 31, 1) 65%, rgba(177, 26, 26, 1) 100%);
    background: linear-gradient(to bottom, rgba(199, 31, 31, 1) 0%, rgba(199, 31, 31, 1) 65%, rgba(177, 26, 26, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c71f1f', endColorstr='#b11a1a', GradientType=0);
}


/* Dropdown BG */

#design-container-main-nav ul ul {
    background-color: #c71f1f;
}


/* Dropdown BG Hover */

#design-container-main-nav .dii-content-nav-menu ul ul>li::before {
    background-color: #dd2223;
}


/* Dropdown BG Hover Text Color */

#design-container-main-nav ul ul li:hover>a {
    color: #fff;
}

#design-container-main-nav .dii-content-nav-menu>ul>li::before {
    opacity: 0;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
}

#design-container-main-nav .dii-content-nav-menu>ul>li:hover::before {
    opacity: 1;
}

#design-container-main-nav .dii-content-nav-menu>ul>li.dii-menu-item-link::before {
    height: 90%;
    bottom: 10%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#design-container-main-nav .dii-content-nav-menu>ul>li {
    margin: 0 5px;
}

#design-container-main-nav .dii-content-nav-menu>ul>li>.dii-sub-menu-link {
    padding: 6px 10px;
    line-height: 23px;
    font-family: 'DIN 30640 Std', sans-serif;
    font-weight: 700;
    font-size: 23px;
}

#design-container-main-nav .dii-content-nav-menu .dii-sub-menu-icon::before {
    top: 8px !important;
}

#design-container-main-nav .dii-content-nav-menu ul ul {
    opacity: 0;
    transition: opacity .4s;
    -webkit-transition: opacity .4s;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .75);
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .75);
}

#design-container-main-nav .dii-content-nav-menu ul>li:hover>ul {
    opacity: 1;
}

#design-container-main-nav .dii-content-nav-menu ul ul>li::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
}

#design-container-main-nav .dii-content-nav-menu ul ul>li:hover::before {
    width: 100%;
}

#design-container-main-nav #ww-btn-main-nav {
    box-sizing: border-box;
    border: 0;
    padding-top: 14px;
    background-color: transparent;
    transition: padding-left .4s;
    -webkit-transition: padding-left .4s;
}

#design-container-main-nav #ww-btn-main-nav .caret {
    display: none;
}

#design-top-nav .dii-content-list {
    min-height: initial;
}


/* ------ Header Assets ------ */

#design-header-wrapper {
    background: url('../images/header-mast.png') no-repeat center bottom;
}

#design-header-mast {
    overflow: hidden;
    /* z-index: 1; */
    position: relative;
    height: 225px;
}

#header-title {
    position: absolute;
    top: 63px;
    left: 175px;
}

#header-est {
    position: absolute;
    bottom: 3px;
    left: 153px;
}

#header-ussda {
    position: absolute;
    top: 127px;
    right: 15px;
}

#design-search { display: inline-block; position: absolute; right: 0px; top: 65px; width: 227px; padding: 0; background: none; border: none; }
.gsc-results-wrapper-overlay { top: 10%; }
.admin-mode .gsc-results-wrapper-overlay { top: 85px; }
#design-search .gsc-control-cse { padding: 0; background-color: transparent; border: 1px solid #3670ee; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#design-search .gsc-search-box.gsc-search-box-tools,
#design-search .gsc-search-box { margin: 0; }
#design-search .gsc-search-box .gsc-input,
#design-search .gsc-search-box .gsib_a { padding: 0; }
#design-search input.gsc-input,
#design-search .gsc-input-box,
#design-search .gsc-input-box-hover,
#design-search .gsc-input-box-focus { background: #0a3181 !important; border-color: transparent; color: #fff; text-indent: 5px !important; box-shadow: initial; }
#design-search .gsc-search-box .gsib_a input { height: 2em !important; margin: 0 !important; }
#design-search .gsc-search-box .gsib_a input::placeholder { color: #0a3181; }
#design-search .gsst_a { padding-left: 0; }
#design-search #gs_cb50 { display: block; }
#design-search .gsc-search-button { margin: 0; background: #1253dd; border: 0; padding: 0 6px; }
#design-search .gsc-modal-background-image-visible { background: rgba(0,0,0,.7); opacity: 1; }
#design-search .gsc-adBlock { display: none; }

/* ------ Header Links ------ */

#design-header-links-wrapper {
    z-index: 2;
    position: relative;
    background: url('../images/header-links-bg.png') no-repeat center top;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
}

#design-header-links {
    position: relative;
    height: 30px;
}

#design-header-links::after {
    content: '';
    clear: both;
}

#design-header-links a {
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: transparent;
    color: #dcdcdc;
    transition: all .4s;
    -webkit-transition: all .4s;
}

#design-header-links a:hover {
    background-color: #1f1f22;
    color: #4684ff;
}

#design-header-links-left {
    float: left;
    padding-left: 5px;
    line-height: 30px;
}

#design-header-links-left a {
    width: 25px;
    margin: 2px 0 0;
    padding: 1px 0;
    text-align: center;
    font-size: 21px;
}

#header-ta {
    position: absolute;
    top: 5px;
    left: 95px;
}

#header-inspire {
    position: absolute;
    top: 6px;
    left: 315px;
}

#design-header-links-right {
    float: right;
    overflow: hidden;
    width: 340px;
    height: 30px;
    margin-right: 5px;
    line-height: 24px;
    text-align: center;
}

#design-header-links-right a {
    margin: 3px 0;
    padding: 0 8px;
    font-family: 'DIN 30640 Std', sans-serif;
    font-size: 16px;
    font-weight: 700;
}


/* ------ Main ------ */

#design-main {
    /* overflow: hidden; */
}

#design-main .container {
    position: relative;
    background-color: #fff;
    padding: 15px 15px 0;
}

#design-main .container .row {
    padding-bottom: 15px;
}

#design-gradient-1,
#design-gradient-3 {
    background: rgba(0, 0, 0, 1);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(79, 79, 89, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(79, 79, 89, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(79, 79, 89, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(79, 79, 89, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(79, 79, 89, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(79, 79, 89, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f59', GradientType=0);
}

#design-content-1,
#design-content-3 {
    z-index: 1;
    position: relative;
    background: url('../images/texture-bg.png');
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

#design-content-1 .container::before,
#design-content-1 .container::after {
    content: '';
    position: absolute;
    top: 0;
    height: 180px;
    background-repeat: no-repeat;
}

#design-content-1 .container::before {
    left: -267px;
    width: 253px;
    background-image: url('../images/upper-before.png');
}

#design-content-1 .container::after {
    right: -186px;
    width: 186px;
    background-image: url('../images/upper-after.png');
}

.template-home #design-content-1 .container,
.template-dept #design-content-1 .container,
.template-home #design-content-3 .container,
.template-dept #design-content-3 .container {
    background-color: #dedee2;
}

.template-home #design-content-1 .container .dii-container,
.template-dept #design-content-1 .container .dii-container,
.template-home #design-content-3 .container .dii-container,
.template-dept #design-content-3 .container .dii-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .25);
}

#design-container-main {
    margin-bottom: 15px;
}

#design-content-2 {
    border-width: 2px 0;
    border-style: solid;
    border-color: #b0b0b6;
    background: url('../images/design-content-2.png') repeat-x center top #616169;
    text-align: center;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.75);
}

#design-content-2 .container {
    background-color: #b0b0b6;
}

#design-content-4 {
    border-width: 2px 0;
    border-style: solid;
    border-color: #c32237;
    background: url('../images/design-content-4.png') repeat-x center top #761312;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.75);
}

#design-content-4 .container {
    background-color: #ad1e31;
}

#design-content-5 {
    background: rgba(66, 67, 75, 1);
    background: -moz-linear-gradient(top, rgba(66, 67, 75, 1) 0%, rgba(32, 32, 34, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(66, 67, 75, 1)), color-stop(100%, rgba(32, 32, 34, 1)));
    background: -webkit-linear-gradient(top, rgba(66, 67, 75, 1) 0%, rgba(32, 32, 34, 1) 100%);
    background: -o-linear-gradient(top, rgba(66, 67, 75, 1) 0%, rgba(32, 32, 34, 1) 100%);
    background: -ms-linear-gradient(top, rgba(66, 67, 75, 1) 0%, rgba(32, 32, 34, 1) 100%);
    background: linear-gradient(to bottom, rgba(66, 67, 75, 1) 0%, rgba(32, 32, 34, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#42434b', endColorstr='#202022', GradientType=0);
    -webkit-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.75);
}

#design-content-5 .container {
    background: rgba(126, 127, 137, 1);
    background: -moz-linear-gradient(top, rgba(126, 127, 137, 1) 0%, rgba(59, 59, 66, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(126, 127, 137, 1)), color-stop(100%, rgba(59, 59, 66, 1)));
    background: -webkit-linear-gradient(top, rgba(126, 127, 137, 1) 0%, rgba(59, 59, 66, 1) 100%);
    background: -o-linear-gradient(top, rgba(126, 127, 137, 1) 0%, rgba(59, 59, 66, 1) 100%);
    background: -ms-linear-gradient(top, rgba(126, 127, 137, 1) 0%, rgba(59, 59, 66, 1) 100%);
    background: linear-gradient(to bottom, rgba(126, 127, 137, 1) 0%, rgba(59, 59, 66, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7e7f89', endColorstr='#3b3b42', GradientType=0);
    -webkit-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.75);
}

#design-content-5 .dii-container {
    border: 1px solid #a8a8b2;
    background: rgba(168, 168, 178, 1);
    background: -moz-linear-gradient(top, rgba(168, 168, 178, 1) 0%, rgba(129, 130, 141, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(168, 168, 178, 1)), color-stop(100%, rgba(129, 130, 141, 1)));
    background: -webkit-linear-gradient(top, rgba(168, 168, 178, 1) 0%, rgba(129, 130, 141, 1) 100%);
    background: -o-linear-gradient(top, rgba(168, 168, 178, 1) 0%, rgba(129, 130, 141, 1) 100%);
    background: -ms-linear-gradient(top, rgba(168, 168, 178, 1) 0%, rgba(129, 130, 141, 1) 100%);
    background: linear-gradient(to bottom, rgba(168, 168, 178, 1) 0%, rgba(129, 130, 141, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a8a8b2', endColorstr='#81828d', GradientType=0);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);
}

#design-content-5 #design-container-15 {
    border: 1px solid #676773;
    background: rgba(80, 79, 88, 1);
    background: -moz-linear-gradient(top, rgba(80, 79, 88, 1) 0%, rgba(43, 43, 48, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(80, 79, 88, 1)), color-stop(100%, rgba(43, 43, 48, 1)));
    background: -webkit-linear-gradient(top, rgba(80, 79, 88, 1) 0%, rgba(43, 43, 48, 1) 100%);
    background: -o-linear-gradient(top, rgba(80, 79, 88, 1) 0%, rgba(43, 43, 48, 1) 100%);
    background: -ms-linear-gradient(top, rgba(80, 79, 88, 1) 0%, rgba(43, 43, 48, 1) 100%);
    background: linear-gradient(to bottom, rgba(80, 79, 88, 1) 0%, rgba(43, 43, 48, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#504f58', endColorstr='#2b2b30', GradientType=0);
    text-align: center;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);
}


/* ------ Footer ------ */

#design-footer {
    z-index: 3;
    position: relative;
    background: url('../images/footer-bg.png') repeat-x center top;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .65);
}

#design-footer-wrapper {
    min-height: 80px;
    background: url('../images/footer.png') no-repeat center top;
}

#design-footer-copyright {
    position: relative;
    padding: 23px 0 0 78px;
}

#design-footer-copyright img {
    position: absolute;
    top: 7px;
    left: 0;
}

#design-footer .copyright,
#design-footer .copyright a {
    line-height: 20px;
    font-family: 'DIN 30640 Std', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #6393fd;
}

#design-footer-dii {
    text-align: right;
}

#design-footer-dii img {
    position: relative;
    top: 17px;
    right: 17px;
}

#design-footer-logos {
    text-align: center;
    padding: 15px 0 0 20px;
}

#design-footer-logos img {
    display: inline-block !important;
    height: 55px;
}


/************* Upper Content *************/


/* Upper Content BG */

#design-main {
    background-color: ;
}


/* Left Flyout BG */

#design-content-upper::before {
    background: ;
}


/* Right Flyout BG */

#design-content-upper::after {
    background: ;
}


/* Container BG */

#design-content-upper .dii-container {
    background-color: #eee;
}


/* Accent Link Text BG */

#design-content-upper .dii-content-nav-menu ul li .dii-sub-menu-link::before,
#design-content-upper .dii-content-rotator .group-nav:hover,
#design-content-upper .dii-content-rotator article h2 a:hover,
#design-content-upper .dii-content-rotator article div a:hover {
    background-color: #2456c5;
}


/* Accent Link Text Color */

#design-content-upper .dii-content-rotator article h2 a,
#design-content-upper .dii-content-rotator article div a,
#design-content-upper .dii-content-rotator .dii-rotator-nav i:hover:not(.fa-circle) {
    color: #fff;
}


/************* Lower Content *************/


/* Lower Content BG */

#design-content-lower-wrapper {
    background: #2c2c2c;
}


/* Text Color */

#design-content-lower .dii-content-list * {
    color: #fff;
}


/* Link Color */

#design-content-lower .dii-content-list a {
    color: #fff;
}


/* Link Hover */

#design-content-lower .dii-content-list a:hover {
    color: rgba(255, 255, 255, .35);
}


/* ------------ CONTENT ITEMS ---------------- */


/* General */

.dii-content {
    padding: 5px;
}

.dii-content {
    font-family: 'Open Sans', sans-serif;
}

.dii-content a {
    color: #2351b9;
    transition: color .4s;
    -webkit-transition: color .4s;
}

.dii-content a:hover {
    color: #093080;
}

.dii-content .fa {
    font-family: 'FontAwesome';
    font-size: inherit;
}

#design-content-1 .dii-content-header,
#design-content-1 .dii-content-calendar {
    margin-top: 10px;
}

#design-content-5 .dii-content {
    background-color: transparent;
}

#design-content-5 .dii-content-list a {
    font-size: 16px;
}

.dii-content-title,
.dii-content-title>a {
    padding: 0 10px;
    line-height: 40px;
    font-size: 28px;
}

.dii-content-title>a {
    display: inline-block;
}


/* Shared */

.dii-content.dii-content-linkview>a,
.dii-content.dii-content-nav-menu.theme-none.vertical .dii-sub-menu-link,
.dii-content.dii-calendar-upcoming-events h3 a {
    display: block;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1);
    padding: 15px 20px;
    line-height: 18px;
    font-size: 18px;
    font-family: 'DIN 30640 Std';
    font-weight: 700;
    color: #7e8196;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.dii-content.dii-content-linkview>a:hover,
.dii-content.dii-content-nav-menu.theme-none.vertical>ul>li:hover>.dii-sub-menu-link,
.dii-content.dii-calendar-upcoming-events h3 a:hover {
    background-color: rgba(0, 0, 0, .05);
    padding-left: 15px;
    color: #2351b9;
}


/* Section Header */

.dii-content-header {
    margin: 0;
}

#design-content-1 .dii-content-header h2,
#design-content-3 .dii-content-header h2 {
    background: url('../images/section-header.png') no-repeat right top;
    padding: 0 10px;
    line-height: 40px;
    font-family: 'DIN 30640 Std';
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, .35);
}

#design-content-5 .dii-content-header h2 {
    margin: -6px -6px 0;
    background: url('../images/section-header-2.png') no-repeat right top;
    padding: 0 10px;
    line-height: 40px;
    font-family: 'DIN 30640 Std';
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}


/* Rotator */

#design-content-upper .dii-content-rotator article .article-more::before {
    content: 'Continue';
    margin-right: 6px;
}

#design-content-upper .dii-content-rotator article .article-more::after {
    content: '\f0a9';
    font-family: 'FontAwesome';
}

.article-story * {
    color: #fff !important;
}


/* Articles */

.dii-content-article .dii-content-title a {
    line-height: 27px;
    font-family: 'DIN 30640 Std';
    font-size: 27px;
    font-weight: 700;
    color: #2351b9;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.dii-content-article .dii-content-story {
    padding: 10px;
}

#design-content-3 .top .dii-content-article[data-view="summary"] {
    height: 225px;
    overflow: hidden;
}

#design-content-3 .top .dii-content-article[data-view="summary"] .dii-content-title {
    position: absolute;
    z-index: 2;
    bottom: 0;
    background-color: #fff;
    padding: 5px 0 0;
}

#design-content-3 .top .dii-content-article[data-view="summary"] .dii-content-title a {
    line-height: 17px;
    font-size: 17px;
    color: #7c7c7c;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#design-content-3 .top .dii-content-article[data-view="summary"] .dii-content-title a:hover {
    color: #2351b9;
}

#design-content-3 .top .dii-content-article[data-view="summary"] .dii-content-title-photo {
    display: block;
    position: absolute;
    top: 0;
    border: 0;
}

#design-content-3 .top .dii-content-article[data-view="summary"] .dii-content-title-photo img {
    max-width: 260px;
}

#design-content-3 .top .dii-content-article[data-view="summary"] .dii-content-story,
#design-content-3 .top .dii-content-article[data-view="summary"] .dii-content-continue {
    display: none;
}


/* Links */

#design-container-2 .dii-content-link {
    display: inline-block;
    width: 17%;
    margin: 0 10px;
    border: 2px solid #6393fd;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: rgba(21, 45, 113, 1);
    background: -moz-linear-gradient(top, rgba(21, 45, 113, 1) 0%, rgba(25, 60, 152, 1) 49%, rgba(21, 45, 113, 1) 53%, rgba(25, 60, 152, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(21, 45, 113, 1)), color-stop(49%, rgba(25, 60, 152, 1)), color-stop(53%, rgba(21, 45, 113, 1)), color-stop(100%, rgba(25, 60, 152, 1)));
    background: -webkit-linear-gradient(top, rgba(21, 45, 113, 1) 0%, rgba(25, 60, 152, 1) 49%, rgba(21, 45, 113, 1) 53%, rgba(25, 60, 152, 1) 100%);
    background: -o-linear-gradient(top, rgba(21, 45, 113, 1) 0%, rgba(25, 60, 152, 1) 49%, rgba(21, 45, 113, 1) 53%, rgba(25, 60, 152, 1) 100%);
    background: -ms-linear-gradient(top, rgba(21, 45, 113, 1) 0%, rgba(25, 60, 152, 1) 49%, rgba(21, 45, 113, 1) 53%, rgba(25, 60, 152, 1) 100%);
    background: linear-gradient(to bottom, rgba(21, 45, 113, 1) 0%, rgba(25, 60, 152, 1) 49%, rgba(21, 45, 113, 1) 53%, rgba(25, 60, 152, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#152d71', endColorstr='#193c98', GradientType=0);
    padding: 10px 0;
    -webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, .7);
    -moz-box-shadow: 0 0 10px 1px rgba(255, 255, 255, .7);
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, .7);
    transition: all .3s;
    -webkit-transition: all .3s;
}

#design-container-2 .dii-content-link:hover {
    border-color: #eb7a7b;
    background: rgba(129, 18, 22, 1);
    background: -moz-linear-gradient(top, rgba(129, 18, 22, 1) 0%, rgba(217, 30, 39, 1) 47%, rgba(129, 18, 22, 1) 51%, rgba(217, 30, 39, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(129, 18, 22, 1)), color-stop(47%, rgba(217, 30, 39, 1)), color-stop(51%, rgba(129, 18, 22, 1)), color-stop(100%, rgba(217, 30, 39, 1)));
    background: -webkit-linear-gradient(top, rgba(129, 18, 22, 1) 0%, rgba(217, 30, 39, 1) 47%, rgba(129, 18, 22, 1) 51%, rgba(217, 30, 39, 1) 100%);
    background: -o-linear-gradient(top, rgba(129, 18, 22, 1) 0%, rgba(217, 30, 39, 1) 47%, rgba(129, 18, 22, 1) 51%, rgba(217, 30, 39, 1) 100%);
    background: -ms-linear-gradient(top, rgba(129, 18, 22, 1) 0%, rgba(217, 30, 39, 1) 47%, rgba(129, 18, 22, 1) 51%, rgba(217, 30, 39, 1) 100%);
    background: linear-gradient(to bottom, rgba(129, 18, 22, 1) 0%, rgba(217, 30, 39, 1) 47%, rgba(129, 18, 22, 1) 51%, rgba(217, 30, 39, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#811216', endColorstr='#d91e27', GradientType=0);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .25);
}

#design-container-2 .dii-content-link>a {
    border: 0;
    background: transparent;
    padding-left: 20px;
    font-family: 'DIN 30640 Std';
    font-size: 27px;
    font-weight: 700;
    color: #fff;
}

#design-container-2 .dii-content-link:hover>a {
    font-size: 29px;
}


/* Menu */


/* Calendar */

#design-main .dii-calendar-upcoming-events li {
    margin: 0;
    padding: 0;
}

#design-main .dii-calendar-upcoming-events li h4 {
    padding: 8px 8px 4px;
}

#design-main .dii-calendar-upcoming-events h3 {
    padding: 0;
}


/* Image */

.dii-content-title-photo {
    border: none;
}

#design-container-15 .dii-content-image {
    display: inline-block;
    margin: 0 15px;
    background-color: transparent;
    padding: 0;
}

#design-container-15 .dii-content-title-photo {
    border: 0;
}

#design-container-15 .dii-content-title-photo img {
    max-width: 160px !important;
    max-height: 80px;
}


/* ------------ MEDIA QUERIES ---------------- */

@media only screen and (max-width: 1400px) {
    #design-content-1 .container::before,
    #design-content-1 .container::after {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    #header-logo.nav-small {
        left: 35px;
    }
    #design-top-nav>div,
    #design-header-links,
    #design-header-mast,
    #design-main .container,
    #design-footer .design-wrapper {
        width: 100%;
    }
    #design-top-nav>div::before,
    #design-top-nav>div::after {
        display: none;
    }
    #header-logo {
        top: 49px;
        height: 150px;
    }
    #design-container-main-nav {
        margin: 0 55px 0 0;
    }
    #design-container-main-nav .dii-content-nav-menu>ul>li>.dii-sub-menu-link {
        font-size: 19px;
    }
    #google_translate_element {
        right: 10px;
    }
    #design-header-wrapper {
        background: url('../images/header-mast.jpg') no-repeat center bottom;
    }
    #header-title {
        left: 121px;
    }
    #header-est {
        left: 95px;
    }
    #design-search {
        right: 10px;
    }
    #header-inspire {
        left: 275px;
    }
    #design-header-links-right {
        text-align: right;
    }
    #design-header-links-right a {
        margin: 5px 0;
        font-size: 14px;
    }
    #design-footer {
        border-top: 3px solid #1141bf;
    }
    #design-footer-wrapper {
        min-height: 77px;
        background: rgba(12, 53, 143, 1);
        background: -moz-linear-gradient(top, rgba(12, 53, 143, 1) 0%, rgba(16, 66, 182, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12, 53, 143, 1)), color-stop(100%, rgba(16, 66, 182, 1)));
        background: -webkit-linear-gradient(top, rgba(12, 53, 143, 1) 0%, rgba(16, 66, 182, 1) 100%);
        background: -o-linear-gradient(top, rgba(12, 53, 143, 1) 0%, rgba(16, 66, 182, 1) 100%);
        background: -ms-linear-gradient(top, rgba(12, 53, 143, 1) 0%, rgba(16, 66, 182, 1) 100%);
        background: linear-gradient(to bottom, rgba(12, 53, 143, 1) 0%, rgba(16, 66, 182, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0c358f', endColorstr='#1042b6', GradientType=0);
    }
    #design-footer-dii img {
        top: 14px;
        right: 5px;
    }
}

@media only screen and (max-width: 1000px) {
    .admin-mode #dii-navbar {
        position: fixed;
    }
    .admin-mode #design-top-nav {
      top: 30px;
    }
    #header-logo.nav-small {
        left: 15px;
    }
    #navbar-bars { color: #fff; }
    #header-ussda {
        width: 105px;
        top: 57px;
    }
    #design-header-links-wrapper {
        background: transparent;
    }
    #design-header-links-left #header-ta {
        display: none;
    }
    #design-search {
        top: initial;
        bottom: 4px;
    }
    #header-inspire {
        left: initial;
        right: 345px;
    }
    .admin-mode #design-wrapper{
      margin-top: 30px;
    }
}

@media only screen and (max-width: 900px) {
    #header-logo.nav-small {
        left: 5px;
    }
    #design-container-main-nav #ww-btn-main-nav.nav-small {
        padding-left: 69px;
    }
    #design-container-main-nav .dii-content-nav-menu.horizontal li.dii-menu-item-sub-menu>a.dii-sub-menu-icon::before {
        line-height: 30px;
        top: 0px !important;
        font-size: 20px;
    }
    #design-top-nav {
        min-height: initial;
    }
    .design-nav-fixed #design-top-nav {
        position: relative;
    }
    #design-container-main-nav .dii-content-list {
        min-height: 0;
    }
    #design-container-main-nav .dii-content-nav-menu>ul {
        width: 100%;
        background-color: inherit;
        padding-top: 10px;
    }
    #design-container-main-nav .dii-content-nav-menu ul li {
        display: block;
    }
    #design-container-main-nav .dii-content-nav-menu ul li ul.show,
    #design-container-main-nav .dii-content-nav-menu:not(.dii-is-mobile) ul li:hover>ul {
        top: 35px;
    }
    #design-header-wrapper {
        background-position: -100px bottom;
    }
    #header-title {
        height: 100px;
        top: 81px;
    }
    #header-ussda {
        top: initial;
        bottom: 0px;
    }
    #design-search {
        top: 51px;
        bottom: initial;
        width: 175px;
    }
    #header-inspire {
        left: 25%;
        right: initial;
    }
    #design-header-links-right {
        float: none;
        position: absolute;
        top: -31px;
        right: 135px;
    }
    #design-container-2 .dii-content-link {
        width: 45%;
        margin: 5px;
    }
    #design-footer .copyright-hide {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    #design-wrapper #design-footer {
        background-size: auto 100%;
    }
    #design-footer .col-sm-6 {
        padding: 10px;
    }
    #design-footer-copyright img {
        display: none;
    }
    #design-footer .copyright,
    #design-footer-dii {
        text-align: center;
    }
    #design-footer .copyright,
    #design-footer .copyright a {
        font-size: 12px;
    }
    #design-footer-dii img {
        top: initial;
        right: initial;
    }
}

@media only screen and (max-width: 700px) {
    #header-logo {
        height: 100px;
    }
    #design-header-mast {
        height: 195px;
    }
    #header-title {
        height: 100px;
        top: 55px;
        left: 75px;
    }
    #header-est {
        left: initial;
        bottom: initial;
        top: 47px;
        right: 0px;
        height: 19px;
    }
    #design-search {
        top: initial;
        bottom: 4px;
        right: initial;
        left: 10px;
    }
}

@media only screen and (max-width: 650px) {
    #header-logo {
        height: 90px;
    }
    #design-header-mast {
        height: 160px;
    }
    #header-title {
        height: auto;
        width: 75%;
    }
    #design-header-mast #header-ussda,
    #design-search,
    #design-header-links-right {
        display: none;
    }
    #header-inspire {
        left: 19%;
    }
}

@media only screen and (max-width: 530px) {
    #header-logo {
        top: 45px;
        height: 80px;
    }
    #design-header-mast {
        height: 139px;
    }
    #design-header-mast #header-est {
        display: none;
    }
    #header-inspire {
        height: 15px;
        top: 7px;
    }
}

@media only screen and (max-width: 530px) {
    #header-logo {
        height: 65px;
    }
    #design-header-mast {
        height: 121px;
    }
    #header-title {
        top: 51px;
        left: 55px;
    }
    #header-inspire {
        left: initial;
        right: 5%;
        height: auto;
        width: 65%;
        top: 9px;
    }
    #design-container-2 .dii-content-link {
        width: 100%;
        margin: 5px 0;
    }
}