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

/* ---- FONTS ---- */
#body .dii-content, #body .dii-content div, #body .dii-content span, #body .dii-content p, #body .dii-content a, #body li, #body .dii-content th, #body .dii-content td, #body .dii-content section, #body .dii-content button, #body .dii-content label { font-family: 'Open Sans'; }
#body .dii-content h1, #body .dii-content h2, #body .dii-content h3, #body .dii-content h4, #body .dii-content h5, #body .dii-content h6, #header .logo span { font-family: 'Oswald' !important; font-weight: normal; text-transform: uppercase; font-size: 16px; }
#body div.ww-item-nav ul li a { font-family: 'Oswald' !important; font-weight: normal; }

/* ---- GENERAL COLORS ---- */
#body { background: url('../images/bg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#body .dii-content p { color: #616161; }
#body blockquote { border-left: 3px solid #c00; color: #fff; background-color: #000; }

/* ---- SOCIAL & TOP LINK COLORS ---- */
#mobile-menu { border-bottom: 3px solid #56a0d3; background: #00053e; color: #FFF !important; }
#submenu-social {  }
#submenu-social a { color: #FFF; }
#submenu-social a:hover { color: #c00; }
#body #submenu-links img { margin-top: 10px; padding: 0px; }
#submenu-links a { color: #FFF; font-family: Oswald; font-size: 14px; }
#submenu-links a:hover { color: #c00; }
#nav-menu { border-bottom: 3px solid #56a0d3; background: #00053e; color: #FFF; }

/* ---- HEADER ---- */
#header .headerbanner img { background-repeat: no-repeat; background-size: contain; width: 100%; max-width: 1024px; }
#header .phonebanner img { display: none; }
#header .phoneheader { background-repeat: no-repeat; background-size: contain; height:150px; width:100%; }
#header .logo img { url('images/medal.png'); float: left; position: absolute; z-index: 20; height: 159px; width: auto; margin-left: 35px; }
#header .logo span { background-color: #c00; color: #fff; }
#header .logo span:after { border-top-color: #c00; border-right-color: #c00; }

/* ---- CONTAINERS ---- */
#body .dii-content #design-container-main { background-color: #fff; color: #000; margin-bottom: 10px; }
#body .rightcontainer { background-color: #fff; margin-bottom: 10px; color: #000; }
#body #google { display: inline-block; font-family: arial,sans-serif; color: #000; font-size: 13px; padding-bottom: 5px; }


/* ---- PAGE STRUCTURE ---- */
.pagecontainer { }
.transparent-bg { background-color: rgba(255,255,255,0.3); }

/* ---- FOOTER ---- */
#body #footer { background-color: rgba(0,19,52,0.55); }
#body #footer #copyright { padding-left: 10px; }
#body #footer #design-dii-logo { padding-right: 10px; }
#body #footer .dii-content { background:none; }
#footer-widgets { border-bottom: 1px solid rgba(255,255,255,0.1); }
#footer-widgets .dii-content-header h2 { color: #000; }
#footer-widgets .dii-content-linkview { border-bottom: 1px solid rgba(255,255,255,0.1); }
#footer-widgets .dii-content-linkview a { color: #d1030f; }
#footer-widgets .dii-content-linkview a:hover { background-color: #d1030f; color: #fff; }
#copyright,
#copyright a { color: #FFF; margin-bottom: 15px; }