﻿/* RWD CASCADING STYLE SHEET */
/* HEALTH INVENTOR */
/* 2016 04 14 CREATED BY RTISTECH */

/* CSS RULES: MOBILE DEVICE FIRST */

/* HTML & BODY */
html, body, form { 
    width: 100%; 
    padding: 0; 
    margin: 0;}

body {
    /*background-color: rgba(10, 1, 4, 1);*/ 
    background-color: #000;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Microsoft JhengHei UI', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    color: #333;
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}

.wrapper { overflow: hidden; }

/* Clear Styles */
.clear{
    content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:after, .clearfix:before{
    clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

/* Multimedia Style */
.video embed, .video object, .video iframe {
    width: 100%; 
    height: auto}

/* User-defined Styles */

.EmptyHeader {
    height:40px;
    background: #000000;
}

img {
    max-width:100%;	
    height: auto; 
    width: auto\9; /* ie8 */ }

a { text-decoration: none; outline: 0; }
a.btn:focus{ outline: 0; }

h1 {font-size: 55px;}
h2 {font-size: 45px;}
h3 {font-size: 30px;}
h4 {font-size: 25px;}
h5 {font-size: 20px;}

h1,h2,h3,h4,h5,h6 {
    text-transform: uppercase;
    font-family: 'Microsoft JhengHei UI', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    font-weight: 100; /* Now we love slim characters */
}

p { letter-spacing: 1px; font-size: 16px; }

.center{text-align: center; margin: 0 auto;}
.left {text-align: left; margin: 0 auto;}
.right {text-align: right; margin: 0 auto;}

.f-right{ float: right; }
.f-left{ float: left; }
.t-right{ text-align: right; }
.t-left{ text-align: left; }

.gold       { color: #B9753A; }
.realwhite  { color: #FFF;    }
.white      { color: #CCC;    }
.red        { color: #FF4040; }
.lightred   { color: #FF8080; }
.darkred    { color: #FF1010; }
.yellow     { color: #D6AC3C; }
.blue       { color: #4472C4; }
.darkblue   { color: #4472C4; }
.green      { color: #3EB991; }
.gray       { color: #808080; }
.darkgray   { color: #0C0C0C; }


/* Default Box Content Style */
.box-content {
    padding: 100px 0;
    font-size: 18px;
    text-align: center;
    background-color: #FDFDFD;
    color: #333;
}