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

/*-- Box-sizing Reset --*/
body div#dii-navbar { height: 71px; }
body div#navbar-product { height: 26px; }
body div#navbar-top-row a.navbar-tab { height: 27px; padding: 0; }
body div#navbar-top-row a.navbar-tab span.dii-lib-icon { background-position: left; padding: 3px 3px 2px 28px; } 
body div#navbar-top-row a.navbar-tab.navbar-tab-one-line span { height: initial; padding-top: 7px; padding-bottom: 7px; box-sizing: initial; }
body .dii-action-icon,
body .dii-action-icon-text,
body .dii-action-text { height: initial; box-sizing: initial; }
body .dii-action-icon-text div { top: 0; }
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-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 * { box-sizing: initial; }
body .dii-content { box-sizing: border-box; }

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

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

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

/* General Page Styles */
* { box-sizing: border-box; }
.caret { border: 0 none; }

body, body div, body span, body p, body a, body li, body th, body td, body section, body button, body label { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { margin: 0; padding: 0; height: 100%; background: #fff url('../images/bg.gif') repeat-x; }

#design-wrapper { margin: 0 auto; padding: 10px 0 0 0; width: 100%; }

@media (min-width: 768px) and (max-width: 1024px) {

  #design-wrapper .container { width: 100%; }

}

/* Header */
header { position: relative; margin: 0; padding: 0; width: 100%; height: 140px; background: #fff url('../images/headerBg.jpg') no-repeat right top / 100%; border: 1px solid #b9b9b9; }
header #design-logo { position: absolute; top: 10px; left: 10px; }
header #design-logo img { width: 100%; }
header #design-search { position: absolute; top: 10px; right: 10px; width: 200px; height: 28px; overflow: hidden; background: url('../images/searchBg.png') no-repeat; }
header #design-search-box { position: absolute; top: 0; left: 8px; height: 28px; border: 0 none; color: #444; background: none; padding: 0 3px; }
header #design-search-button { position: absolute; top: 3px; right: 16px; width: 28px; height: 28px; background: url('../images/search.png') top left no-repeat; }
header #design-search-checkbox { display: none; position: absolute; top: 28px; left: 0; }
header #design-search-site { display: none; position: absolute; top: 28px; left: 14px; color: #444; }

html body div#design-wrapper header #design-search input { border: 0 none; }

@media (max-width: 480px) {
  
  header { height: 120px; background-size: 200%; }
  header #design-logo { top: 5px; left: 0; }
  header #design-search { display: none; }
  
}

@media (max-width: 420px) {
  
  header { height: 100px; }
  
}


@media (max-width: 375px) {
  
  header { height: 90px; }
  
}

@media (max-width: 320px) {
  
  header { height: 80px; }
  
}

/* Nav */
#design-nav {
  margin: 0;
  padding: 0;
  width: 100%;
  background: url('../images/navBg.jpg') repeat-x;
  height: 38px;
}

#design-nav .col-md-9,
#design-nav .col-md-3 { padding-right: 0; padding-left: 0; }

#design-nav #design-container-main-nav {
  height: 38px;
}
#design-nav #design-container-main-nav #ww-btn-main-nav {
  padding: 5px 10px;
  height: 38px;
  background: none;
  border: 0 none;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}
#design-nav #design-nav-right {
  padding: 9px 10px 0 50px;
  height: 38px;
  background: url('../images/navRight.jpg') no-repeat right top;
}
#design-nav-right div { font-family: "Oswald",sans-serif; font-size: 11px; font-weight: 700; color: #fff; line-height: 22px; letter-spacing: -0.2px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); text-transform: uppercase; }
#design-nav-right a { width: 22px; height: 22px; font-sixe: 13px; color: #fff; line-height: 22px; text-align: center; text-decoration: none; }
#design-nav-right a.fa-facebook { background: #4867aa; }
#design-nav-right a.fa-twitter { background: #1da1f2; }
#design-nav-right a.fa-instagram { background: #336699; }

@media (max-width: 480px) {
  
  #design-nav #design-container-main-nav { padding: 0; width: 100%; }
  #design-nav #design-nav-right { display: none; }
  
}

/* Main */
#design-main { padding: 10px; width: 100%; background: #fff; border-top: 2px solid #000; }
#design-container-main { margin: 0; padding: 10px; width: 100%; }

#design-container-1 { margin: 0; padding: 10px 0 0 0; background: url('../images/shadow.gif') no-repeat center top; }
#design-container-2 { margin: 0 0 10px 0; }
#design-container-3 { margin: 0 0 1px 0; padding: 0; height: 27px; }

#design-container-main .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 { margin: 0; padding: 0; border: none; }

#design-sponsors { margin: 0; padding: 25px 0 10px 0; background: url('../images/shadow.png') no-repeat center top; }

/* Footer */
footer {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 54px;
  background: -moz-linear-gradient(top,  rgba(230,230,230,1) 0%, rgba(230,230,230,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(230,230,230,0)));
  background: -webkit-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%);
  background: -o-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%);
  background: -ms-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%);
  background: linear-gradient(to bottom,  rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#00e6e6e6',GradientType=0 );
  border-top: 3px solid #cb0000;
}
footer #design-footer-left { float: left; height: 50px; }
footer #design-footer-left div,
footer #design-footer-left div a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 1.4; color: #484848; text-decoration: none; }
footer #design-footer-right { float: right; width: 230px; height: 50px; }

footer #design-footer-left #design-copyright { margin: 10px 0 0 10px; font-weight: bold; }
footer #design-footer-left #design-copyrightDII { margin: 0px 0 0 10px; }

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

.design-section { padding: 0; background: #fff; border: 1px solid #dadada; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; }

@media screen and (max-width: 991px) {
  
	.design-section { margin: 0 0 10px 0; }
  
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}