A{
    color:#2288EE;text-decoration:none;font-weight:700;
}
A:active, A:hover{
    color:#004488;text-decoration:none;font-weight:700;
}
A.button {
    padding:6px;   color:#FFFFFF;  font-size:0.9em;
    border-color: rgba(0,0,0, 0.5); border-width: thin; border-style: solid;    border-radius:4px;
    display: inline-block;  margin-top: 0.3em;  margin-bottom: 0.3em;
}
A.purchase{
    background-color:rgba(64,128,255,0.9);
}
A.download{
    background-color:#73bb16;
}
A.download:active, A.purchase:active,A.download:hover, A.purchase:hover {
    background-color: #00394b
}
.bodypanel {
    clear:both; vertical-align: top;    width:96%;  text-align: center;
    margin-left:auto;   margin-right:auto;
    min-height: calc(100% - 100px);
}
 html,body{
	height:100%;   width:100%;
    font-family: proxima-nova,Helvetica,Arial,sans-serif; font-weight:400;
    font-size:1em; color:#000000; background-color: #eee;
	background-image:url('/images/contentbg.jpg');  margin:0px;    padding:0px;
}
.boldfont{
    font-family: museo-sans,Helvetica,Arial,sans-serif; font-weight: 500;
}
img.logo{
    right: 5%; top:0px; position: absolute;
}
img.logoicon{
    width:32px; vertical-align: middle;
}
a.logoicon{
    float:left; font-size: 1.5em; font-weight: 100; margin-left: 10%; 
    letter-spacing: -2px;   color: #000;
}
.homecontainer{
	border-radius:10px;    background-color:rgba(0,0,0,0.2);
	height:170px;	width:500px;
	float:left;    	text-align:left;
	margin:5px;    padding:5px;
}
.homeheader{
	text-shadow: 1px 1px 10px #444444;
	font-size:1.8em;
}
.divHide{
	display:none;
}
a.hometile{
    width:95%;  min-width: 250px;   max-width: 350px;
	text-align:center;
	padding:1%;   margin: 1%;
    border: 1px #aaa solid; border-radius: 5%;
    display: inline-block; float: none;
    color:#004488;
}
a.sb:hover{background-color: rgba(200,240,200,0.3);}
a.hk:hover{background-color: rgba(200,220,240,0.3);}
a.ls:hover{background-color: rgba(240,240,200,0.3);}
a.dg:hover{background-color: rgba(201,1,1,0.05);}
a.af:hover, a.sl:hover{background-color: rgba(200,240,240,0.3);}
a.fs:hover, a.rk:hover{background-color: rgba(216, 216, 216, 0.3);}
a.cb:hover{background-color: rgba(188, 170, 164, 0.2);}
.fa-windows, .fa-apple, .fa-globe, .fa-mobile-alt, .fa-android{
    color:#aaa !important;font-size: 1.5em; padding-left: 0.5em;
}
img.hometile{
    display: block; margin: 0 auto; height: 64px;
    border-radius: 5px;
}
div.hometile-title{
    color:#000; padding-top: 0.5em;
}
div.hometile-info{
    padding:1em;    color:#000; font-weight: 300;
}
img.platform{
    margin:0 auto;  height:24px;    padding: 0.5em;
}
span.platform{
    font-size: 1.5em; filter: grayscale(50%);
    padding-left: 0.5em; color: #444444; 
}
h1{
    font-family: museo-sans,Helvetica,Arial,sans-serif; font-weight: 500;
    padding-top:1em;padding-bottom:0.5em;font-size:1.5em;
}
h2{
    font-family: museo-sans,Helvetica,Arial,sans-serif; font-weight: 500;
    font-size: 1.2em; padding-top: 0.5em;
}
h2.normal{
    font-family: proxima-nova,Helvetica,Arial,sans-serif; font-weight:400;  font-size: 1em;
}
.sb2col{
	width:46%; min-width: 450px;
	text-align:left;  padding:1%;
    display: inline-block; float:none; vertical-align: top;
}
.trBlue{
    background-color:rgba(0,148,255,0.1);
}
.divDiscount{
    background-color:rgba(0,0,0,0.1);
}
.foot{
    display:inline-block;padding-left:1em;border-right:1px solid black;padding-right:1em;
}
.divFoot{
	width:100%;   margin-top: 1em;
	text-align:center;
    clear:both;color:#333;font-size:0.9em;
    vertical-align: middle;
}
.TFtable{
    top:0px;
}
.TFtable td{
    padding:2px 10px 2px 10px; border:#4e95f4 1px solid;
   background-color:#dae5f4;
   font-size:0.8em;
}
.TFtable th {
    text-align:right;
    font-size:0.9em;
}
td{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}
img.icon{
    vertical-align:middle;
    width:15%;
}
div.subos{
    float:right;
    width:81%;
    vertical-align: middle;
}
div.os{
    border-radius: 5px;
}
div.app{
    text-align:center;
    vertical-align:middle;
    background-color:rgba(0,0,0,0.1);
    padding:2%;
    margin:1%;
    border-radius:1%
}
.appicon{
    float:left;
    width:350px;
    vertical-align:middle;
    text-align:center;
}
.appimage{
    vertical-align:middle;
    max-height:400px;
    max-width:512px;
    border-radius:1%;
}
.getappbtn{
    border: 2px solid #48F;
    padding: 5px;
    border-radius: 5px;
}
span.cur{
    letter-spacing: -0.1em;
    font-weight: 300;
}
/* ad unit */
div.adv{
    width: calc(100% - 3em);
    max-width: 600px;
    border-radius: 0.5em;
    padding: 1em;
    margin: 0 auto;
    margin-top: 1em;
    box-shadow: 0em 0em 0.2em rgba(0,0,0,1);
    background-image: linear-gradient(to bottom, #fafaff, #fff), linear-gradient(to right, #fff, #fff);
    text-align: left;
}
a.adva{
    color: #1976D2;
}
a.advb{
    color: #00796b;
}
span.adva{
    background-color: #FFF59D;
    border-radius: 0.3em;
    padding-left: 0.2em;
    font-size: 0.8em;
    font-weight: 700;
    padding-right: 0.2em;
    margin-right: 0.5em;
}
span.advb{
    font-size: 0.9em;
}
div.contactform{
    position: fixed;
    width: 50%;
    top: 25%;
    left: 25%;
    background: rgb(21, 50, 114);
    color: white;
    font-size: 1.1em;
    border-radius: 10px;
    text-align: left;
    padding: 1em;
    box-shadow: 11px 13px 60px 30px grey;
    font-weight: 500;
}
input.contact{
    width:100%;
    font-size: 0.9em;
    margin: 2px;
}
textarea.contacttxt{
    width:100%;
    font-size: 0.9em;
    margin: 2px;
    font-family: proxima-nova,Helvetica,Arial,sans-serif;
}
 @media all and (max-width:950px) {
    .sb2col{
        width:95%;
        min-width: 200px;
    }
    img.logo{
        margin-right: 0px;
    }
    a.logoicon{
        margin-left: 0px;
    }
    a.hometile{
        margin-left: 0px; margin-right: 0px;     
    }
    .bodypanel{
        width: 100%;     
    }
 }