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

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

#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 *,
div#dii-orphans-container * { box-sizing: initial; }

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

.gutter-14.row { margin-right: -7px; margin-left: -7px; }
.gutter-14 > [class^="col-"],
.gutter-14 > [class^=" col-"] { padding-right: 7px; padding-left: 7px; }

/* General Page Styles */
body#design-body { margin: 0; padding: 0; background: #1f4489; border-top: 5px solid #dc2323; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#design-wrapper { margin: 0; width: 100%; }
#design-wrapper .container { padding-right: 7px; padding-left: 7px; }

/* Header */
#design-header { margin: 0; padding: 0; width: 100%; height: 152px; background: #f3f3f3 url('../images/headerBg.png') repeat-x bottom; border-bottom: 2px solid #ccc; }
#design-header-inner { position: relative; margin: 0; padding: 0; width: 100%; height: 152px; }
#design-logo { position: absolute; top: 15px; left: 5px; z-index: 1; }
#design-title { position: absolute; top: 40px; left: 160px; font-family: 'din-condensed-web', serif; font-size: 62px; font-weight: 400; color: #1f4489; line-height: 1.0; letter-spacing: -0.7px; text-transform: uppercase; }
#design-adidas { position: absolute; top: 35px; right: 10px; }
#design-logo img,
#design-adidas img { width: 100%; }

/* Social */
#design-social { position: absolute; bottom: 10px; right: 170px; }
#design-social a { display: inline-block; width: 24px; height: 24px; text-align: center; }
#design-social a i { font-size: 15px; color: #fff; line-height: 24px; }
#design-facebook { background: #3b579d; }
#design-twitter { background: #5ea9dd; }
#design-linkedin { background: #0177b5; }
#design-youtube { background: #de2627; }
#design-instagram { background: #467292; }

/* Search */
#design-search { position: absolute; bottom: 10px; right: 10px; padding: 0; width: 150px; height: 24px; background: #fff; border: 1px solid #b4b4b4; box-sizing: border-box; }
#design-search #design-search-box { position: absolute; left: 0; padding: 0 5px; width: 140px; height: 24px; background: none; border: 0 none; color: #333; box-sizing: border-box; }
#design-search #design-search-button { position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url('../images/search.png') no-repeat center; }
#design-search #design-search-checkbox { display: none; position: absolute; top: 24px; left: 0; }
#design-search #design-search-site { display: none; position: absolute; top: 24px; left: 14px; color: #fff; }

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

  #design-header,
  #design-header-inner { height: 135px; }
  #design-logo { top: 15px; left: 5px; width: 100px; }
  #design-title { top: 30px; left: 120px; font-size: 50px; }
  #design-adidas { top: 25px; right: 170px; width: 70px; }
  #design-social { bottom: 80px; right: 10px; }
  #design-search { bottom: 50px; right: 10px; }

}

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

  #design-logo { top: 35px; left: 5px; width: 55px; }
  #design-title { top: 45px; left: 75px; font-size: 35px; }
  #design-adidas { display: none; }
  #design-social { top: 5px; left: 10px; }
  #design-search { top: 5px; right: 10px; }

}

/* Nav */
#design-nav {
  position: absolute;
  left: 0;
  bottom: 2px;
  margin: 0;
  padding: 0 0 0 145px;
  width: 100%;
  max-width: 820px;
  height: 40px;
  background: url('../images/navBg.png') no-repeat center top;
  box-sizing: border-box;
}
#design-nav #design-container-main-nav { float: left; margin: 0; padding: 0; width: 100%; height: 40px; }
#design-nav #design-container-main-nav #ww-btn-main-nav { padding: 0 7px; height: 40px; background: none; border: 0 none; font-family: 'din-consensed-web', sans-serif; color: #1f4489; text-transform: none; box-sizing: border-box; }
#design-nav #design-container-main-nav #ww-btn-main-nav i { margin: 0 5px; }

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

  #design-nav { padding: 0 0 0 110px; }

}
@media screen and (max-width: 800px) {  }
@media screen and (max-width: 480px) { 

  #design-nav { padding: 0; }
  #design-container-main-nav { clear: both; width: 100%; }
  #design-container-main-nav #ww-btn-main-nav { padding: 0 5px; }
  #design-nav-links { display: none; }

}

/* Main */
#design-main { margin: 0; padding: 0; width: 100%; background: #fff url('../images/mainBg.jpg') no-repeat center bottom fixed; }
#design-main-inner { margin: 0 auto; padding: 14px; width: 100%; background: #fff; }
#design-container-main {
  margin: 0 0 14px 0;
  padding: 5px;
  width: 100%;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

#design-bottom-links { padding: 14px 0; background: #eee; border-top: 3px solid #c9c9c9; }
#design-sponsors { padding: 14px 0; height: auto; background: #f6f6f6; border-top: 3px solid #c9c9c9; }
#design-contact { padding: 14px 0; height: auto; background: #f6f6f6; }
#design-contact .container { border-top: 3px solid #dfdfdf; }

#design-container-main .dii-content .dii-content-title-photo,
#design-container-1 .dii-content .dii-content-title-photo,
#design-container-2 .dii-content .dii-content-title-photo,
#design-container-3 .dii-content .dii-content-title-photo,
#design-container-4 .dii-content .dii-content-title-photo,
#design-container-5 .dii-content .dii-content-title-photo,
#design-container-6 .dii-content .dii-content-title-photo,
#design-container-7 .dii-content .dii-content-title-photo,
#design-container-8 .dii-content .dii-content-title-photo,
#design-container-9 .dii-content .dii-content-title-photo,
#design-container-10 .dii-content .dii-content-title-photo,
#design-container-11 .dii-content .dii-content-title-photo,
#design-container-12 .dii-content .dii-content-title-photo { margin: 0; padding: 0; border: none; }

#design-container-2 .dii-content .dii-content-title-photo { text-align: left; }
#design-container-2 { padding: 10px; background: #dbdbdb; border: 1px solid #b3b3b3; border-top: 1px solid #fff; }

#design-container-4,
#design-container-5,
#design-container-6,
#design-container-7,
#design-container-8,
#design-container-9,
#design-container-10 { padding: 0 0 10px 0; }

#design-container-11 { margin: 0; padding: 0; text-align: Center; }
#design-container-11 .dii-content.dii-content-image { display: inline-block; margin: 0 5px; }

#design-container-11 .dii-content-image .dii-content-title-photo > img { max-height: 85px; max-width: 200px; }

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

  #design-right { position: relative; padding-left: 14px; background: url('../images/shadowBg.gif') top left repeat-y; box-sizing: border-box; }
  #design-right:before { position: absolute; top: 0; left: 0; content: ""; width: 14px; height: 35px; background: url('../images/shadowTop.gif') top left no-repeat; box-sizing: border-box; }
  #design-right:after { position: absolute; bottom: 0; left: 0; content: ""; width: 14px; height: 35px; background: url('../images/shadowBottom.gif') top left no-repeat; box-sizing: border-box; }

}

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

/* Footer */
#design-footer {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100px;
  background: #1f4489;
  border-top: 3px solid #0f316f;
  box-sizing: border-box;
}
#design-footer-left { float: left; }
#design-footer-left div,
#design-footer-left div a { font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 400; color: #fff; line-height: 1.4; text-decoration: none; box-sizing: border-box; }
#design-footer-left #design-copyright { margin: 15px 0 0 14px; font-weight: 700; }
#design-footer-left #design-copyrightDII { margin: 0 0 0 14px; }
#design-footer-left #design-copyrightDII a { font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 400; color: #fff; text-decoration: none; }
#design-footer #design-footer-right { float: right; }

@media screen and (max-width: 480px) {
  
	#design-footer { margin: 0; padding: 0; width: 100%; height: 150px; }
  #design-footer-left { display: block; width: 100%; height: auto; text-align: center; }
	#design-footer-right { clear: right; display: block; margin: 0; padding: 0; width: 100%; height: auto; border: 0 none; text-align: center; }
  #design-footer-inner #design-footer-left #design-copyright { margin: 10px 0 0 0; font-weight: bold;  }
  #design-footer-inner #design-footer-left #design-copyrightDII { margin: 0; }
  
}

/* Section Headers */
.design-sectionHeader {
  position: relative;
	margin: 10px 0 0 0;
  padding: 0 10px;
  height: 28px;
  background: url('../images/line.png') no-repeat bottom left;
  font-family: 'din-condensed-web', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #1f4489;
  line-height: 24px;
  text-transform: none;
	box-sizing: border-box;
}
.design-sectionHeader:first-of-type { margin: 0; }
.design-sectionHeader.design-instagram:after { content: ""; position: absolute; bottom: 0; right: 14px; width: 30px; height: 28px; background: url('../images/instagram.png') no-repeat; }
.design-sectionHeader.design-twitter:after { content: ""; position: absolute; bottom: 0; right: 14px; width: 30px; height: 28px; background: url('../images/twitter.png') no-repeat; }

#design-sponsors .dii-container { display: flex; align-items: center }