/* ----------------------------------------------------------------
    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 th, #body td, #body .dii-content section, #body button, #body label { font-family: Open Sans, sans-serif; font-weight: 400; }
#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, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 16px; }
#body div.ww-item-nav ul li a { font-family: Oswald, sans-serif; font-weight: 400; font-size: 17px; }

/* ---- SPONSORS ---- */
#design-sponsors-title { color: #000; padding: 3px 5px 5px 10px; font-size: 17px; font-family: 'PT Sans', sans-serif; font-weight: 700; text-transform: uppercase; border-radius: 0 8px 0 0; }

/* ---- GENERAL COLORS ---- */
#body { background: #D5D5D5; }
  
#body .dii-content p { color: #434343; }
#body blockquote { border-left: 3px solid #c00; color: #fff; background-color: #000; }

/* ---- SOCIAL & TOP LINK COLORS ---- */
#social { max-width: 1024px; width: 100%; }
#social p:hover { color: #f7c600; }
#social p { float: right; display: inline-block; margin: 10px; color: #fff; padding-top: 8px; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 13px; }
#social a img { float: right; display: inline-block; margin-top: 4px; padding: 4px; }
#mobile-menu { background: #e4bf1f; color: #FFF !important; }
#submenu-social {  }
#submenu-social a { color: #fff; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: 400; }
#submenu-social a:hover { color: #fff; }
#submenu-links { }
#submenu-links a {  color: #fff; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: 400; }
#submenu-links a:hover { color: #fff; }
#nav-menu { border-bottom: 3px solid #9e0b0f; background: #003E7E; color: #FFF; }

/* ---- HEADER ---- */
#header .headerbanner { background-repeat: no-repeat; background-size: contain; width: 100%; max-width: 1024px; margin-top: 10px; }
#header .headerbanner img { display: inline-block; text-align: center; }
#header .phonebanner img { display: none; }
#header .logo img { url('images/medal.png'); float: left; position: absolute; z-index: 101; height: auto; width: auto; margin-left: 20px; }
#header .phoneheader { background-repeat: no-repeat; background-size: contain; height: 150px; width: 100%; }
#header { width: 100%; }

#header .logo span { background-color: #c00; color: #fff; }
#header .logo span:after { border-top-color: #c00; border-right-color: #c00; }

/* ---- CONTAINERS ---- */
#design-container-main-nav { background-color: #0976bd; text-align: center; }
#design-container-main { background-color: #fff; }
#body .leftcontainer { background-color: #fff; color: #000; }
#body .rightcontainer { background-color: #fff; margin-bottom: 10px; color: #000; }
#body .leftcontainer .dii-content { background: #fff; color: #000; }
#body .rightcontainer .dii-content { background: #fff; color: #000; }
#body .dii-content .rightcontainer p, #body .dii-content .rightcontainer h1, #body .dii-content .rightcontainer h2, #body .dii-content .rightcontainer h3, #body .dii-content .rightcontainer h4, #body .dii-content .rightcontainer h5, #body .dii-content .rightcontainer h6 { color: #fff; }
#body .dii-content .leftcontainer p, #body .dii-content .leftcontainer h1, #body .dii-content .leftcontainer h2, #body .dii-content .leftcontainer h3, #body .dii-content .leftcontainer h4, #body .dii-content .leftcontainer h5, #body .dii-content .leftcontainer h6 { color: #fff; }
.transparent-bg { background-color: rgba(0, 0, 0, 0.3); }
#body #design-container-left { background-color: #fff; }
#body #design-container-left { background: #fff; }

/* ---- DESIGN TABS ---- */
.design-tabs div.tabs > #design-tab-1 a { font-family: Oswald; }
.design-tabs div.tabs > #design-tab-2 a { font-family: Oswald; }
.design-tabs div.tabs > #design-tab-3 a { font-family: Oswald; }
.design-tabs div.tabs > #design-tab-4 a { font-family: Oswald; }
.design-tabs div.tabs > #design-tab-5 a { font-family: Oswald; }
.design-tabs div.tabs > #design-tab-6 a { font-family: Oswald; }

.design-tabs {
    max-width: 340px;
    max-height: 488px;
    background: none;
    box-sizing: border-box;
    bottom: 33px;
	float: right;
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}

.design-tabs div.tabs > div {
	display: inline;
}

.design-tabs div.tabs > div > a {
	margin-left: -1px;
	left: 1px;
	height: 44px;
	text-decoration: none;
	color: #c37922;
	background: #092354;
	display: block;
	float: left;
	font-family: Oswald;
	font-size: 14px;
	text-transform: uppercase;
	padding: 6px 8px;
	line-height: 1.3em;
	border-left: 1px solid #c37922;
	border-right: 1px solid #c37922;
	border-bottom: 1px solid #c37922;
	box-sizing: border-box;
	font-weight: 400;
}

/* Not Selected */
.design-tabs div.tabs > div > a { background: #092354; color: #c37922; } 

/* Selected */
.design-tabs div.tabs > div.active > a {
    background: #c37922; color: #092354; }
   

.design-tabs div.tabs > div.design-tab-first > a {
	border-left: 0;
}

.design-tabs div.tabs > div.design-tab-last > a {
	border-right: 0;
}

.design-tabs div.tabs > #design-tab-1 a {
	width: 33.3%;
	text-align:center;
	height: 30px;
}

.design-tabs div.tabs > #design-tab-2 a {
	width: 33.3%;
	text-align: center;
	height: 30px;
}

.design-tabs div.tabs > #design-tab-3 a {
	width: 33.3%;
	text-align: center;
	height: 30px;
}

.design-tabs div.dii-container { background-color: rgba(255, 255, 255, 0.4); width: 100%; max-height: 470px; overflow: auto; }
.design-tabs div.dii-content { background: none; font-family: 'Lato', sans-serif; color: #c6c8ca; font-weight:400; box-sizing: border-box; }
.Box9 .design-tabs div.dii-content .dii-content-title, .Box9 .design-tabs div.dii-content .dii-content-title a { margin-top:0px; background:none; font-family: 'Lato', sans-serif; color: #c6c8ca; font-weight:400; box-sizing: border-box; }




/* ---- PAGE STRUCTURE ---- */
.maincontainer { background-color: none; margin-top: 10px; }
.pagecontainer { background-color: none; }


/* ---- FOOTER ---- */
#body .maincontainer #footer { color: #000; }
#body .maincontainer #footer .dii-content { }
#footer-widgets { border-bottom: 1px solid rgba(255,255,255,0.1); }
#footer-widgets .dii-content-header h2 { color: #fff; }
#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; }
#body .maincontainer #footer #copyright { color: #6D6D6D; margin-bottom: 15px; font-size: 11px; padding-top: 5px; font-family: Open Sans;  }
#body .maincontainer #footer #copyright a { color: #6D6D6D; margin-bottom: 15px; font-size: 11px; padding-top: 16px; font-family: Open Sans; }