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

/* overall page layout styles */
body#design-body { margin: 0; padding: 0; background: #282a2b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#design-wrapper { margin: 0 auto; width: 100%; }
#design-wrapper .container { padding-left: 0; padding-right: 0; max-width: 960px; }
#design-wrapper .container-fluid { padding-left: 0; padding-right: 0; }

/* Pag Top */
#design-page-top {
  background-color: #10223d !important;
  border-bottom: 1px solid #e1e1e1;
  height: 42px;
  text-align: right;
}
#design-page-top .design-sep { padding: 0 8px; }
#design-page-top * {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px !important;
  font-weight: 700;
  color: #ffffff !important;
  line-height: 41px !important;
}
#design-page-top .container { max-width: 940px; }

/* Header */
#design-header { margin: 0; padding: 0; width: 100%; height: 107px; background: #fff; }
#design-logo { margin: 31px 0 0; overflow: hidden; }

@media screen and (max-width: 480px) {
  
  #design-logo { margin: 31px auto 0 auto; width: 330px; }
  #design-page-top { text-align: center; }
  
}

/* Page Title */
#design-page-title {
  box-sizing: border-box;
  background-image: url('../images/banner.png') !important;
  background-color: #f6f6f6;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #d2d3d4;
  border-top: 1px solid #d2d3d4;
  height: 87px;
  padding: 18px 10px 0 10px;
  width: 100%;
}
#design-page-title-inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 960px;
  padding: 0 10px;
  width: 100%;
}
#design-page-title h2 {
  font-family: 'Metrophobic', sans-serif;
  font-size: 22px !important;
  color: #173673 !important;
  line-height: 48px !important;
}

/* Main */
#design-main { margin: 0; padding: 20px 0; background: #fff; border-bottom: 200px solid #363839; }
#design-container-main { margin: 0 auto; padding: 10px; width: 100%; }

/* Footer */
#design-footer { margin: 0; padding: 18px 10px 12px; width: 100%; height: 80px; background: #282a2b; border-top: 1px solid #4b4c4d; }
#design-footer #design-footer-inner { margin: 0 auto; padding: 10px 0; width: 100%; }
#design-footer #design-footer-inner #design-footer-left { float: left; height: 60px; }
#design-footer #design-footer-inner #design-footer-left div,
#design-footer #design-footer-inner #design-footer-left div a { font-family: 'PT Sans', sans-serif; font-size: 12px; font-weight: 400; color: #8c8989; line-height: 1.4; text-decoration: none; text-transform: none; }
#design-footer #design-footer-inner #design-footer-right { float: right; width: 200px; height: 60px; }

#design-footer #design-footer-inner #design-footer-left #design-copyright { margin: 15px 0 0 10px; font-weight: 700; }
#design-footer #design-footer-inner #design-footer-left #design-copyrightDII { margin: 0 0 0 10px; }
#design-footer #design-footer-inner #design-footer-left #design-copyrightDII a { font-family: 'PT Sans', sans-serif; font-size: 12px; color: #8c8989; text-decoration: none; }

@media screen and (max-width: 480px) {
  
	#design-footer { margin: 0; padding: 0; width: 100%; height: 200px; }
	#design-footer #design-footer-inner #design-footer-left { display: block; width: 100%; text-align: center; }
	#design-footer #design-footer-inner #design-footer-right { display: block; width: 100%; text-align: center; }
  
  #design-footer #design-footer-inner #design-footer-left #design-copyright { margin: 12px 0 0 0; }
  #design-footer #design-footer-inner #design-footer-left #design-copyrightDII { margin: 0; }
  
}