/* --------------------------------------------------------------------
    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-4 .top {
    display: none;
}

.admin-mode #design-content-3 .bottom,
.admin-mode #design-content-4 .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: #021425;
}


/* ------------ 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 ------------ */

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 .3s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: color .3s cubic-bezier(.25,.8,.25,1);
}

a:hover {
    color: #093080;
}


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

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


/* Shared */

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

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


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

#design-header {
    position: relative;
    z-index: 2;
    margin-bottom: 50px;
    background: url('../images/header-bg.png') repeat-x center top #032c55;
}

#design-header > img {
    position: absolute;
    top: 5px;
    left: calc(50% - 753px);
}

#design-header-wrapper {
    overflow: hidden;
    position: relative;
    height: 230px;
    border-top: 5px solid #f8c400;
    background: url('../images/tiles-blue.png');
}

#design-header-mast {
    position: relative;
    height: 230px;
    background: url('../images/header-mast.png') no-repeat center top;
}

#header-title-1 {
    position: absolute;
    top: 0;
    left: 5px;
}

#header-adidas {
    position: absolute;
    top: 30px;
    right: 371px;
}

#header-title-2 {
    position: absolute;
    top: 30px;
    right: 5px;
}

#header-links {
    position: absolute;
    top: 8px;
    right: 12px;
    text-transform: uppercase;
}

#header-links > a {
    margin-right: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 4px 8px;
    color: #f8c400;
    transition: all .5s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all .5s cubic-bezier(.25,.8,.25,1);
}

#header-links > a:hover {
    background-color: #0b5eb5;
    color: #fff;
}

#header-links > a:last-child {
    margin: 0;
}

#design-nav {
    position: absolute;
    top: 230px;
    width: 100%;
    height: 50px;
    background: url('../images/nav-bg.png') repeat-x #02213f;
    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);
}

#design-nav.nav-small {
    position: fixed;
    top: 0;
}

.admin-mode #design-nav.nav-small {
    top: 0;
}

#design-nav > div {
    z-index: 99;
    position: relative;
    background: url('../images/nav.png') no-repeat center top;
}

#header-logo-lg {
    position: absolute;
    z-index: 1;
    display: inline-block;
    top: -227px;
    left: calc(50% - 133.57px);
    height: 241px;
    opacity: 1;
    transition: all .5s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all .5s cubic-bezier(.25,.8,.25,1);
}

.nav-small #header-logo-lg {
    top: -250px;
    opacity: 0;
}

#header-logo-sm {
    position: absolute;
    opacity: 0;
    height: 55px;
    top: 3px;
    left: calc(50% - 665px);
    transition: opacity .5s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: opacity .5s cubic-bezier(.25,.8,.25,1);
}

.nav-small #header-logo-sm {
    opacity: 1;
}

#design-container-main-nav {
    z-index: 2;
    position: relative;
    min-height: 40px;
    margin: 0 54px 0 191px;
    transition: width .3s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: width .3s cubic-bezier(.25,.8,.25,1);
}

#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 cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
}

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

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


/* Top Nav Text Color */

#design-header #ww-btn-main-nav,
#design-container-main-nav a {
    color: #fed848;
}


/* 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: #0b5eb5;
}


/* Dropdown BG */

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


/* Dropdown BG Hover */

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


/* 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 {
    flex: 1;
    margin: 0 5px;
    text-align: center;
}

/* #design-container-main-nav .dii-content-nav-menu > ul > li:nth-child(4) {
    margin-right: 50px;
}

#design-container-main-nav .dii-content-nav-menu > ul > li:nth-child(5) {
    margin-left: 50px;
} */

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

#design-container-main-nav .dii-content-nav-menu ul ul {
    opacity: 0;
    transition: opacity .3s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: opacity .3s cubic-bezier(.25,.8,.25,1);
    -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 li li {
    text-align: initial;
}

#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 .3s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: padding-left .3s cubic-bezier(.25,.8,.25,1);
}

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

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


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

#design-main {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

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

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

#design-content-1,
#design-content-3 {
    overflow: hidden;
    z-index: 1;
    position: relative;
    border-bottom: 1px solid #fff;
    background: url('../images/tiles-gray.png') #c9c9c9;
    -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);
}

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

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

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

.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, .15);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .15);
}

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

#design-social-nav ul {
    display: flex;
    margin: 0;
    border-bottom: 3px solid #074585;
    background-color: #add2f9;
    padding: 0;
}
#design-social-nav li {
    list-style: none;
    display: inline-block;
    width: 40px;
    margin: 0 1px 0 0;
    background-color: #7db8f7;
    padding: 0;
    line-height: 40px;
    text-align: center;
    font-size: 27px;
    color: #ddecfe;
    cursor: pointer;
}
#design-social-nav .fa.active {
    background-color: #074585;
    color: #fff;
	cursor: auto;
}
#design-social-nav > div {
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e0e0e0;
}
#design-social-nav .dii-content {
    background-color: #f0f0f0;
    min-height: 445px;
}
#design-social-nav .dii-content iframe {
    min-height: 250px;
}

#design-content-2 {
    border-width: 3px 0;
    border-style: solid;
    border-color: #f8c400;
    background: #02203d;
    background: -moz-linear-gradient(top, #02203d 0%, #074686 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #02203d), color-stop(100%, #074686));
    background: -webkit-linear-gradient(top, #02203d 0%, #074686 100%);
    background: -o-linear-gradient(top, #02203d 0%, #074686 100%);
    background: -ms-linear-gradient(top, #02203d 0%, #074686 100%);
    background: linear-gradient(to bottom, #02203d 0%, #074686 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#02203d', endColorstr='#074686', GradientType=0);
    -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.75);
}

#design-content-2 > div {
    background: url('../images/tiles-blue.png');
}

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

#design-content-2 .dii-container {
    background: #064585;
    background: -moz-linear-gradient(top, #064585 42px, #0f76e4 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(42px, #064585), color-stop(100%, #0f76e4));
    background: -webkit-linear-gradient(top, #064585 42px, #0f76e4 100%);
    background: -o-linear-gradient(top, #064585 42px, #0f76e4 100%);
    background: -ms-linear-gradient(top, #064585 42px, #0f76e4 100%);
    background: linear-gradient(to bottom, #064585 42px, #0f76e4 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#064585', endColorstr='#0f76e4', GradientType=0);
}
#design-content-2 .dii-content {
    background: transparent;
    color: #fff;
}

#design-content-2 .btn-wrapper {
    margin: 25px 0;
    text-align: center;
}

#design-content-2 .btn-wrapper a {
    border-radius: 3px;
    background-color: #f8c400;
    padding: 4px 16px;
    font-size: 25px;
    font-weight: 700;
    color: #796000;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#design-content-3 .dii-container {
    min-height: 380px;
}

#design-content-2 .btn-wrapper a:hover {
    background-color: #fff;
    color: #1077e5;
    -webkit-box-shadow: 0 9px 15px 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 0 9px 15px 0 rgba(0,0,0,0.35);
    box-shadow: 0 9px 15px 0 rgba(0,0,0,0.35);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#design-content-4 {
    /* min-height: 150px; */
    background: url('../images/design-content-4.png') no-repeat center top #032c55;
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.75);
}

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


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

#design-footer {
    z-index: 1;
    position: relative;
    background: url('../images/footer-bg.png') repeat-x center top #042c53;
    -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: 100px;
    border-top: 3px solid #f8c400;
    background: url('../images/tiles-blue.png');
}

#design-footer-copyright {
    padding: 27px 0 0 110px;
}

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

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

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

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


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


/* 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 0.3s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: color .3s cubic-bezier(.25,.8,.25,1);
}

.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-4 .dii-content {
    background-color: transparent;
}

#design-content-4 .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 .3s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #152c55;
    padding: 15px 20px;
    line-height: 18px;
    font-size: 18px;
    font-family: 'DIN 30640 Std';
    font-weight: 700;
    color: #7e8196;
}

.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 {
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 3px solid #4d9ef3;
    padding: 0 30px 2px 0;
    font-family: 'DIN 30640 Std';
    font-size: 22px;
    font-weight: 700;
    color: #074585;
}

#design-content-2 .dii-content-header h2 {
    height: 42px;
    margin: -5px;
    background: url('../images/section-header-1.png') repeat-x center top;
    padding: 10px 10px 0;
    font-family: 'DIN 30640 Std';
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    box-sizing: border-box;
}

#design-content-4 .dii-content-header h2 {
    text-align: center;
    font-family: 'DIN 30640 Std';
    font-size: 25px;
    font-weight: 300;
    color: rgba(255,255,255,.25);
    box-sizing: border-box;
}


/* 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 cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
}

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

#design-content-2 .dii-content-story {
    margin-top: 0;
    border-top: none;
}

#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 cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
}

#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 cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
}

#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;
}

.dii-content-title-photo img {
    max-height: 100%;
}

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

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

#design-container-9 .dii-content-title-photo img {
    max-width: 165px !important;
    max-height: 100px;
}


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

@media only screen and (max-width: 1506px) {
    #design-header {
        background: #093669;
    }
    #design-header > img {
        display: none !important;
    }
}


@media only screen and (max-width: 1340px) {
    #header-logo-sm {
        display: none !important;
    }
}

@media only screen and (max-width: 1280px) {
    #design-nav > div {
        background: none;
    }
}

@media only screen and (max-width: 1200px) {
    #header-title-1 {
        top: 15px;
        width: 39%;
    }
    #header-title-2 {
        top: 45px;
        width: 39%;
    }
    #header-adidas {
        top: 5px;
        right: 25%;
    }
}

@media only screen and (max-width: 1000px) {
    #design-header {
        margin-bottom: 0;
    }
    #design-header-wrapper,
    #design-header-mast {
        height: 190px;
    }
    #header-title-1 {
        top: 10px;
        width: 35%;
    }
    #header-title-2 {
        top: 40px;
        width: 35%;
    }
    #header-adidas {
        right: 23%;
    }
    #header-links > a {
        margin-right: 4px;
        padding: 4px;
    }
    #design-nav {
        position: relative;
        top: 0;
    }
    #design-nav.nav-small {
        position: initial;
        top: initial;
    }
    .admin-mode #design-nav.nav-small {
        top: initial;
    }
    #header-logo-lg {
        top: -189px;
        left: calc(50% - 112.5px);
        height: 203px;
    }
    #design-footer .copyright-hide {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    #design-nav {
        height: initial;
        min-height: 40px;
    }
    .design-nav-fixed #design-nav {
        position: relative;
    }
    #design-container-main-nav .dii-content-list {
        min-height: 0;
    }
    #design-container-main-nav .dii-content-nav-menu > ul {
        display: block;
        width: 100%;
        background-color: inherit;
        padding-top: 10px;
    }
    #design-container-main-nav .dii-content-nav-menu ul li {
        display: block;
        flex: none;
        text-align: initial;
    }
    #design-container-main-nav .dii-content-nav-menu > ul > li:nth-child(4) {
        margin-right: 5px;
    }
    #design-container-main-nav .dii-content-nav-menu > ul > li:nth-child(5) {
        margin-left: 5px;
    }
    #design-container-main-nav .dii-content-nav-menu ul ul li > ul.show,
    #design-container-main-nav .dii-content-nav-menu ul ul li:hover > ul {
        top: auto;
        left: 0;
        width: 100%;
        background: #084585;
    }
    #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: auto;
        left: 0;
        width: 100%;
        background: #0a519d;
    }
    #design-container-main-nav .dii-content.dii-content-nav-menu.theme-none .dii-sub-menu-link {
      z-index: 1;
       padding: 15px 40px 10px 20px;
       line-height: 1.2;
    }
    #design-container-main-nav .dii-content.dii-content-nav-menu.theme-none .dii-menu-item-sub-menu > .dii-sub-menu-icon {
      z-index: 2;
      top: 25%;
      right: 0;
      width: 30px;
      height: 30px;
      padding: 0;
      text-align: center;
    }
    #design-container-main-nav .dii-content.dii-content-nav-menu.theme-none .dii-menu-item-sub-menu > .dii-sub-menu-icon::before {
      position: relative;
      line-height: 30px;
      top: initial !important;
      font-size: 3rem;
    }

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

@media only screen and (max-width: 768px) {
    #design-header-wrapper,
    #design-header-mast {
        height: 135px;
    }
    #header-title-1 {
        top: 0;
    }
    #header-title-2 {
        top: 15px;
    }
    #header-adidas {
        top: 0;
        width: 50px;
    }
    #header-links {
        top: initial;
        bottom: 10px;
    }
    #header-logo-lg {
        top: -133px;
        left: calc(50% - 80px);
        height: 145px;
    }
    #design-footer .col-sm-6 {
        padding: 15px;
        text-align: center;
    }
    #design-footer-copyright img {
        display: none !important;
    }
    #design-footer-dii img {
        top: initial;
        right: initial;
    }
}

@media only screen and (max-width: 600px) {
    #design-header {
        background: #104284;
    }
    #design-header-wrapper,
    #design-header-mast {
        height: 105px;
    }
    #design-header-mast {
        background: none;
    }
    #header-adidas {
        width: 35px;
        right: 15px;
    }
    #header-links {
        display: none;
    }
    #header-logo-lg {
        top: -100px;
        left: calc(50% - 55px);
        height: 100px;
    }
}

@media only screen and (max-width: 450px) {
    #design-header-wrapper,
    #design-header-mast {
        height: 80px;
    }
    #header-logo-lg {
        top: -83px;
    }
}