* {-webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */}
/* our red fc0d1b */

body {background: #000; font-family: Roboto, sans-serif; font-size: 16px; font-weight:300;}

#app { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; font-weight: 300; background-color: #fff;}


#mainView { padding-top: 64px; background-color: #fff;}

#overlay {width:100%; height: 100%; background-color: rgba(0,0,0, .65); top:0; position: fixed; z-index: 1000; padding: 10% 15% 15% 15%;}
.overlay-content {width:100%; height:100%; background-color: #fff; overflow: scroll; margin-top:32px;}
.overlay-title-bar {width:100%; background-color: #000; color:#fc0d1b; padding:8px; font-weight:500; font-size:20px;}
.overlay-title { text-align: left;  float:left; margin-top:4px; margin-left:16px;}
.overlay-title-close {text-align:right;}

/* constants */
a {color: #fc0d1b;}
a, a:hover {text-decoration: none;}
.centered {text-align: center; margin:0px auto; padding:0px auto;}
.lefted {text-align: left;}
.righted {text-align: right;}

.textRed { color: #fc0d1b; }

.bgred {background-color: #fc0d1b;}
.bgblack {background-color: #000;}

h1, h2, h3, h4 {font-family: Roboto; font-weight:900; color:#fc0d1b; }
.brand-icon { color:#000; }


.btn-mlwd { background-color: #fc0d1b; color:#fff; border-color: #444; border-width: 4px; }
.btn-mlwd-wb { background-color: #fff; color:#000; border-color: #000; border-width: 4px; }

.pagebreak {width:100%; background-color: rgba(0,0,0, .35); height:1px; margin: 32px 0px 16px 0px;}
.splitter { width: 100%; border-bottom: dashed 1px #595959; padding: 4px 0px; margin-bottom: 16px;}
.splitter-light { width: 100%; border-bottom: dotted 1px #dfdfdf; padding: 4px 0px; margin-bottom: 16px;}

.spanner { width: 100%; margin:16px 0px; height: 100%;}
.spanner a {color: rgb(255, 251, 0);}
.spanner a, a:hover {text-decoration: none;}
.spanner .blocked { width:100%;}
.spanner .blocked h3 { padding:2px; color:#fff; font-weight:900; text-align: center;}
.spanner .blocked p { padding:2px; color:#111; font-weight:300; text-align: center;}

.home h1, h2, h3, h4 { font-family: 'Roboto Condensed'; font-weight:300; color:#fc0d1b;}

.red {color: #fc0d1b; }

.infoBlocks{ width:100%; }
.infoBlocks h3 { padding:2px; color:#fc0d1b; font-weight:900;}
.infoBlocks p { padding:4px; margin: 4px; color:#000;}

.holder { margin:16px 4px; padding:0px 16px; }

.blocked {margin:4px; width:100%; padding: 16px 0px; }
.blocked h3 { padding:2px; color:#fc0d1b; font-weight:500;}
.blocked p { padding:4px; margin: 4px; color:#000; word-break: break-all;}

.prods { width:100%; margin-top:16px; border-bottom: 1px dashed #c0c0c0;}
.prods .redbubble { width: 768px;}

.block-wrapper {width: 100%; max-width:320px; height:240px; position: relative; overflow: hidden; background-color:#efefef;}
.block-inner {width: 100%; max-width:320px; height:240px; z-index:1; position: absolute; padding-top:180px; text-align:center; }
.block-inner-text { width:100%; height:inherit; background-color: rgba(0,0,0, .25);}
.block-inner h2 { color:#fff; padding-top:4px;}

.tips-desc-block { width:100%;}
.tips-desc-block, h3 { color:#fc0d1b; padding-top:0px;}

.video p {margin: 2px 0px; padding: 2px 0px; font-size:90%;}
.video { height:66%; width: 100%; }

.articles p { margin:2px 4px;}
.article-h3 { margin-bottom:4px;}
.oi-article {font-size:10px; padding-bottom: 6px; }

.content {margin-top: 24px; }

/* balance */

.balance {margin-top: 24px;}

/* eat */

.eat {margin-top: 24px;}

/* work */

.exercise {margin-top: 24px;}

/* contact */

.contact {margin-top: 24px;}

/* siginin */

.signin-panel {width:100%; min-height:240px; background-color:#efefef; border:solid 1px #ccc;}

/* quickstart */
.qsCalculator { width: 100%; background-color: #efefef; text-align: center; padding:16px;}
.qsCalculator .form { width:100%;}
.qsCalculator>.col-xs-12 { margin-bottom: 32px;}


.mlwd-form p { margin:4px; padding:4px;}
.mlwd-form label { width:100%; margin-bottom: 0px; }
.mlwd-form input[type=text] { background-color: #efefef; border-radius: 0; border: 0; box-shadow: 0 0 0; border-bottom: 1px solid #888; font-size: 16px; padding: 4; color: #000; margin-bottom: 8px; max-width: 480px;}
.mlwd-form input[type=number] { background-color: #efefef; border-radius: 0; border: 0; box-shadow: 0 0 0; border-bottom: 1px solid #888; font-size: 16px; padding: 4; color: #000; margin-bottom: 8px; max-width: 480px;}
.mlwd-form select { font-size: 16px; padding: 0; color: #000; }

.quickstart p { margin-left:16px;}
.quickstart label { width:100%; margin:4px; padding: 4px; margin-bottom: 0px;}
.quickstart input[type=text] { background-color: #efefef; border-radius: 0; border: 0; box-shadow: 0 0 0; border-bottom: 1px dotted #888; font-size: 16px; padding: 0; color: #000; margin-left:16px;}
.quickstart input[type=number] { background-color: #efefef; border-radius: 0; border: 0; box-shadow: 0 0 0; border-bottom: 1px dotted #888; font-size: 16px; padding: 0; color: #000; margin-left:16px;}
.quickstart select { font-size: 16px; padding: 0; color: #000; margin-left:16px;}


.headline {width:100%; height:200px; background-color:#fff; margin-top:16px; background: url('/imgs/banner.png') center no-repeat; background-size: 100% auto;}

/* social */
.social-connect ul {list-style-type: none; padding: 4px 0px; margin-top: 175px; }
.social-connect li {display: inline-block; margin: 4px 2px;}
.social-connect img {max-width: 31px;}

/* navigation */

.bg-black{background-color: #000000;}
.navbar-default {background-color: #000000; border-color: #595959;}
.navbar-default .navbar-brand {color: #fc0d1b;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #fc0d1b;}
.navbar-default .navbar-text {color: #fc0d1b;}
.navbar-default .navbar-nav > li > a {color: #fc0d1b;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fc0d1b;}
.navbar-default .navbar-nav > li > .dropdown-menu {background-color: #000000;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {color: #fc0d1b;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {color: #fc0d1b; background-color: #fff;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {background-color: #dedede;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {  color: #fc0d1b; background-color: #595959;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #fc0d1b; background-color: #595959;}
.navbar-default .navbar-toggle {border-color: #595959;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #595959;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fc0d1b;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border-color: #fc0d1b;}
.navbar-default .navbar-link {color: #fc0d1b;}
.navbar-default .navbar-link:hover{color: #fc0d1b;}

.footer {width:100%; height:320px; background-color: #000; margin-top:32px;}