@font-face {
font-family: 'Gotham';    
src: url('fonts/gotham/Gotham-Medium.eot');
    src: url('fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/Gotham-Medium.woff2') format('woff2'),
        url('fonts/gotham/Gotham-Medium.woff') format('woff'),
        url('fonts/gotham/Gotham-Medium.svg#Gotham-Medium') format('svg'),
		url('fonts/gotham/Gotham-Medium.ttf')  format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamLight';
    src: url('fonts/gotham/Gotham-Light.eot');
    src: url('fonts/gotham/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/Gotham-Light.woff2') format('woff2'),
        url('fonts/gotham/Gotham-Light.woff') format('woff'),
        url('fonts/gotham/Gotham-Light.ttf') format('truetype'),
        url('fonts/gotham/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamBold';
    src: url('fonts/gotham/Gotham-Bold.eot');
    src: url('fonts/gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/Gotham-Bold.woff2') format('woff2'),
        url('fonts/gotham/Gotham-Bold.woff') format('woff'),
        url('fonts/gotham/Gotham-Bold.ttf') format('truetype'),
        url('fonts/gotham/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup, tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;zoom:1;
}
form {
	font-size:inherit;
}
body{
font-family:Roboto;
font-size:1em;
line-height:1;
background:#000;
box-sizing:border-box;
max-width:100%;
padding:0;
margin:0;
}
h1{
font-family:Glory;
font-weight:bold;
font-size:150%;	
}
h2{
font-family:Yanone Kaffeesatz;
font-size:130%;	
font-weight:normal;
margin:0.1em 0 0;
}
h3{
font-family:Poppins;
font-size:120%;	
font-weight:bold;
margin:0.1em 0 0;
}
a{
text-decoration: none;
color:inherit;
}
a:hover {

}
ul{
list-style-type: none;
}
img {
max-width:100%;
}
div {
	box-sizing:border-box;
}
.clearfix:after{
content: "";
display:table;
}



/*Body Class*/
/*notification*/
.notificationHolder{
position:absolute;
top:2em;
left:0;
width:100%;
min-height:50%;
z-index:9;
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing:border-box;
}
.notificationBox{
margin:0.5em auto ;
padding: 0.75em 0.5em ;
color:#244;
font-size:92%;
line-height:1.45;
BORDER:0.2em outset #66F;
text-align: center;
background:rgba(235,235,235,1);
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
box-sizing:border-box;
}

.mainWrap{
clear:Both;
position:relative;
min-height:96%;
min-width:100%;
width:auto;
margin:0 0 0.75em;
font-size:100%;
box-sizing:border-box;
}

/*header*/
.header{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0 0;
width:100%;
background:#333	;
height:2.7em;
padding:0em 1em 0.0em 0.5em;
z-index:7;
position:fixed;
border-bottom:0.35em solid #fc0;
box-sizing:border-box;
font-size:90%;
}
.headerSpacer{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0 0;
width:100%;
background:transparent;
height:2.45em;
padding:0.1em 1% 0.2em;
z-index:5;
box-sizing:border-box;
}
/*wrappers*/
.main-wrap{
background:#013;
clear:Both;
position:relative;
min-height:100%;
min-width:100%;
width:auto;
margin:0 0 0.75em;
font-size:100%;
box-sizing:border-box;
padding-bottom:2em;
}
.header-wrap{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0 0;
width:100%;
background:#222;
height:3em;
padding:0em 1.5% 0.2em ;
z-index:7;
position:fixed;
border-bottom:0.0em solid #fff;
box-sizing:border-box;
font-size:90%;
}
.header-spacer{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0 0;
width:100%;
background:transparent;
height:3.25em;
padding:0.1em 1% 0.2em;
z-index:5;
box-sizing:border-box;
}
.body-wrap{
-webkit-box-flex:1  ; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1 ; /* OLD - Firefox 19- */
-webkit-flex: 1 ; /* Chrome */
-ms-flex: 1 ; /* IE 10 */
flex: 1 ; /* NEW, */
max-width:100%;
width:100%;
min-height:88%;
width:100%;
height:auto;
box-sizing:border-box; 
margin:0 auto 0;
padding:0.6em 0.3em 0em;
z-index:1;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
/*-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; */
}
.db-nav{
width:25%;
margin-right:0.5em;
border:#666 solid 0.15em;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
background:#eee;
box-sizing:border-box;
}
.db-nav-margin{
width:100%;
box-sizing:border-box;
padding:1em 0em;
}

.body-nav{
box-sizing:border-box;
margin: 0em 0em  0;
border:0px solid #aaa;
padding:0 0.5em;
border-top:0px;
}
.body-nav li{
color:#666;
background:#f3f3f3;
text-align:left;
font-family:lato;
font-weight:bold;
border:2px solid #999;
border-top:2px solid #ccc;
border-right:2px solid #ccc;
line-height:1.1;
padding: 0.5em 0.5em;
font-size:110%;
box-sizing:border-box;
margin:0.25em 0 ;

}
.body-nav li:hover{
filter:invert(100%);
background:#ca9;
color:#222;
}
.db-cont{
-webkit-box-flex:1  ; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1 ; /* OLD - Firefox 19- */
-webkit-flex: 1 ; /* Chrome */
-ms-flex: 1 ; /* IE 10 */
flex: 1 ; /* NEW, */
max-width:100%;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
box-sizing:border-box; 
background:#eee;
color:#444;
border:#678 solid 0.15em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
margin:0 0;
}
.db-cont-margin {
-webkit-box-flex:1  ; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1 ; /* OLD - Firefox 19- */
-webkit-flex: 1 ; /* Chrome */
-ms-flex: 1 ; /* IE 10 */
flex: 1 ; /* NEW, */
max-width:100%;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
box-sizing:border-box; 
width:100%;
padding:0em 0.2em;
}

.logoBox{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */	
box-sizing:border-box;
margin: 0 0.8em 0 0 ;
max-height:3.2em;
}
.headerTextBox{
-webkit-box-flex:auto; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: auto; /* OLD - Firefox 19- */
-webkit-flex: auto; /* Chrome */
-ms-flex: auto; /* IE 10 */
flex: auto; /* NEW, */	
margin:auto auto 0 auto;
color:#ccdfff;
}
.headerIconBox{
margin:1.5em 2.8em 0em auto;
max-height:100%;
box-sizing:border-box;
}
.headerIcon{
max-height:99%;
max-width:99%;
width:1.4em;
height:auto;
padding:0;
margin-right: 0.5em ;
opacity:0.8;
filter:invert(80%);
}
.headerIcon2{
max-height:99%;
max-width:99%;
width:1.4em;
height:auto;
padding:0;
margin-right: 0.3em ;
opacity:0.8;
}
.header-text{
visibility:hidden;
display:none;
}
.header-logo{
max-height:100%;
max-width:100%;
padding:0em 0 0 ;
margin: 0em auto 0 1em;
height:100%;
}
.header p{
font-family:Mukta;
font-size:87%;
color:#777;
padding:0 0 0em;
width:auto;
margin:auto auto 0em;
box-sizing:border-box;
}
.profitShare{
float:right;
text-align:right;
margin:0.5em 1em;
font-size:100%;
font-family:glory;
color:#069;
}
.profitShare p{
	color:#333;
}
.miniCartWrap{
-webkit-box-flex:auto; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: auto; /* OLD - Firefox 19- */
-webkit-flex: auto; /* Chrome */
-ms-flex: auto; /* IE 10 */
flex: auto; /* NEW, */
margin:0em auto ;
z-index:7;
display:block;
width:94%;
font-size:90%;
max-height:60%;
overflow-y:scroll;
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
box-sizing:border-box; 
border:0.11em outset #eee;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
background:rgba(245,245	,245,0.98);
padding:0.6em 1.2em 0.8em;
	
}
.miniCart{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-webkit-box-flex:auto; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: auto; /* OLD - Firefox 19- */
-webkit-flex: auto; /* Chrome */
-ms-flex: auto; /* IE 10 */
flex: auto; /* NEW, */
margin:0em auto ;
position:absolute;
top:3.3em;
background:transparent;
padding:0em 0 0.5em;
z-index:7;
display:block;
width:100%;
font-size:100%;
max-height:70%;
overflow-y:scroll;
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
box-sizing:border-box; 
}
.miniCartHead{
box-sizing:border-box; 
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0em auto ;
padding:0.2em 0.5em;
}
.miniCartHead h2{
line-height:1.5;
font-size:150%;
}
.closeCartButton{
box-sizing:border-box; 
background:#fff;
color:#a66;
height:1.75em;
width:1.75em;
font-size:1.1em;
padding:0em;	
margin:0em 0.2em 0.2em auto;
z-index:8;
opacity:0.7;
border:0.15em solid #d99;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size:100%;
}

.navButton img{
max-height:100%;
max-width:100%;
}
.navButton{
background:rgba(255,255,255,0.7);
vertical-align:top;
border:0;
height:75%;
padding:0em;	
margin:0.45em 0em 0 0.2em;
z-index:7;
opacity:0.7;
display:inline-block;
border:0em solid #aaa;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position:absolute;
right:0.6em;
box-sizing:border-box;
}
.navButton:hover{
opacity:0.9;
border:0.1em outset #eee;
}
.navMenuImg{
margin-right:0em;
opacity:80%;
}

/*navigation*/
.closeButton{
background:#fff;
color:#f33;
vertical-align:top;
position:fixed;
top:0.8em;
right:1.1em;
border:0;
height:2em;
width:2em;
font-size:1em;
padding:0.3em;	
margin:0.1em;
z-index:7;
opacity:0.95;
display:inline-block;
border:0.08em solid #ca7;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size:100%;
box-sizing:border-box; 
}
.navBody{
-webkit-box-flex:auto; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: auto; /* OLD - Firefox 19- */
-webkit-flex: auto; /* Chrome */
-ms-flex: auto; /* IE 10 */
flex: auto; /* NEW, */
margin:0em auto ;
position:fixed;
top:0em;
background:rgba(33,95,155,0.94);
z-index:7;
display:block;
width:99%;
font-size:100%;
height:100%;
overflow-y:scroll;
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
box-sizing:border-box; 
}
.navLogoWrap {
margin:0em auto 0em;
width: 100%;
background:#333;
box-sizing:border-box; 
}
.navLogo {
margin:0em auto;
box-sizing:border-box; 
width: 4.65em;
height:4.65em;
display:block;
background:transparent;
}
.navBody ul{
margin: 0em 0em  0;
border:0px solid #aaa;
border-top:0px;
}
.navBody ul li{
color:#eee;
text-align:left;
font-family:Mukta;
border-top:2px solid transparent;
border-bottom:1px solid transparent;
line-height:1.3;
padding: 0.25em 0.7em 0.25em 1em;
font-size:125%;
}
.navBody ul li:first-child{
	padding-top:0.5em;
}
.navBody ul li:hover{
background:#89c;
border-top:2px solid #fafafa;
border-bottom:1px solid #fff;
color:#fff;
}
.navBody ul li a,.navBody ul li:hover a{

}
.navBody ul li:hover a{
color:#fff;
}

.navi{
background:transparent;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
}
.navi li{
padding: 0em 0.25em 0.1em;
font-size:100%;
}

.navIcon{
display:inline-block;
height:1.05em;
opacity:65%;
margin:0em 0.2em;
padding-bottom:0.15em;
vertical-align:bottom;
filter:invert(100%);
}
.navIcon2{
display:inline-block;
height:1.05em;
opacity:65%;
margin:0em 0.1em;
padding-bottom:0.05em;
vertical-align:bottom;
}
.mediaWrap{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;	
  align-items: center;
  justify-content: center;
max-width:100%;
width:auto;
height:1.8em;
box-sizing:border-box;
margin:0 auto;
background:#fc0;
}
.mediaImg{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
width:1.6em;
height:1.6em;
margin:0 0.35em;
box-sizing:border-box;
}



/*middle - body*/
.bodyWrap{
max-width:100%;
min-height:94%;
width:auto;
height:auto;
margin:0 auto 0;
padding:0 0;
z-index:1;
-webkit-box-flex:auto  ; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: auto ; /* OLD - Firefox 19- */
-webkit-flex: auto ; /* Chrome */
-ms-flex: auto ; /* IE 10 */
flex: auto ; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
box-sizing:border-box; 
}
.colMobile{
max-width:100%;
width:auto;
margin:0 0;
padding:0 0;
z-index:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
box-sizing:border-box;
}
.main{
z-index:1;
box-sizing:border-box;
max-width:100%;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
font-size:95%;
line-height:1.1;
width:100%;
margin:0 auto 0em;
padding:0.6em 0.5em 0.2em;
}
.main h1{
color:#333;
}
.main h3{
font-size:135%;
}
.mainDb{
z-index:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
font-size:100%;
line-height:1.1;
width:100%;
margin:0.1em auto 0.2em;
padding:0.3em 0.5em;
color:#777;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.mainDb h1{
color:#333;
}
.contentWrap{
width:100%;
margin:0 auto;
font-size:90%;
}
.dashboardBody{
z-index:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
font-size:100%;
line-height:1.1;
background:#fafafa;
width:100%;
margin:0em auto 0em;
padding:0em 0 0.2em;
color:#777;
box-sizing:border-box;
}

/*wrapper reg and login*/
.registerForm{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
font-size:100%;
width:100%;
margin:0em auto auto;
padding:0.8em 1.5em 1em;
text-align:center;
color:#333; 
background:#fcfcfc;
line-height:1.1;
box-sizing:border-box;
}
.registerForm h1{
color:#268;
line-height:1;
}
.registerForm h2{
margin-top:0.35em;
color:#777;
line-height:1;
font-size:122%;
}
.loginBox{
-webkit-box-flex:auto  ; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: auto ; /* OLD - Firefox 19- */
-webkit-flex: auto ; /* Chrome */
-ms-flex: auto ; /* IE 10 */
flex: auto ; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
font-size:110%;
width:100%;
min-height:85%;
margin:0 auto 0;
padding:1em 0.5em ;
text-align:left;
border:0 solid #e8e8e8;
color:#666; 
background:#fcfcfc;
-webkit-border-radius: 0.1em;
-moz-border-radius: 0.1em;
border-radius: 0.1em;
line-height:1.1;
text-align:center;
box-sizing:border-box;
}
.loginBox h1{  
display:inline-block;
text-align:center;
color:#279;
line-height:1;
}
.loginBox h2{
color:#777;
line-height:1;
font-size:135%;
}
.loginLogo {
margin:0 auto;
width: 5em;
height:5em;
display:block;
box-sizing:border-box;
padding:0;
}
.form-login{
box-sizing:border-box;
-webkit-box-flex:1  ; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1 ; /* OLD - Firefox 19- */
-webkit-flex: 1 ; /* Chrome */
-ms-flex: 1 ; /* IE 10 */
flex: 1 ; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
margin:0 auto;
	
}
.loginButtonBox{
display:block;
max-width:100%;
margin:0 auto;
padding:0 1em;
box-sizing:border-box;
}

.buttonBox{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
margin:0 auto;
}
.accountForm{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
font-size:92%;
width:100%;
margin:0em auto 0.5em;
padding:0.3em 1.1em 1em;
text-align:center;
color:#777; 
background:#fcfcfc;
line-height:1.05;
box-sizing:border-box;
}
.formAcc{
text-align:right;
}
.accountForm h1{
color:#279;
line-height:1.1;
font-size:125%;
}
.accountForm h2{
color:#466;
line-height:1.1;
font-size:120%;
}
.accountLogo {
margin:0em auto;
width: 6em;
height:6em;
display:block;
box-sizing:border-box;
}

/*wallet and balance*/
.rowDiv{
z-index:1;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
height:3.5em;
width:100%;
margin:0 0;
}
.rowDiv2{
z-index:1;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
width:100%;
margin:0 0;
}
.wallet-row{
z-index:1;
box-sizing:border-box;
width:100%;
margin:0.1em 0 0.2em;
}
.wallet-row2{
z-index:1;
max-width:100%;
width:100%;
margin:0 0;
}
.wallet-cont{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
padding:0em;
}
.wallet-cont2{
-webkit-box-flex:0.5; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.5; /* OLD - Firefox 19- */
-webkit-flex: 0.5; /* Chrome */
-ms-flex: 0.5; /* IE 10 */
flex: 0.5; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
padding:0em;
}
.wallet-right{
margin-left:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
}
.wallet-right-cont{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
border: 0.15em solid #eee;
background:#fff;
padding:0.3em 1em;
font-size:110%;
color:#089;	
}
.wallet-right-cont:first-child{

margin:0 0.5em 0 auto;
}
.wallet-border{
box-sizing:border-box;
padding:0.3em 0.4em;
border: 0.12em solid #add;
margin:0.15em 0 0.4em;
font-size:75%;
line-height:1.1;
}
.wallet-label{
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin-right: 0.15em;
margin-bottom:0.1em;
border: 0.15em solid #eee;
background:#fff;
padding:0.5em 0.2em;
line-height:1.25;
font-size:90%;
color:#089;
}
.wallet-label2{
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin-right: 0.15em;
margin-bottom:0.1em;
border: 0.15em solid #eee;
background:#fff;
padding:0.5em 0.15em;
line-height:1.2;
font-size:80%;
color:#089;
}
.wallet-label3{
box-sizing:border-box;
-webkit-box-flex:2; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 2; /* OLD - Firefox 19- */
-webkit-flex: 2; /* Chrome */
-ms-flex: 2; /* IE 10 */
flex: 2; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin-right: 0.15em;
margin-bottom:0.1em;
border: 0.15em solid #eee;
background:#089;
padding:0.4em 0.5em;
}
.wallet-col{
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
}
.wallet-col2{
box-sizing:border-box;
-webkit-box-flex:0.7; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.7; /* OLD - Firefox 19- */
-webkit-flex: 0.7; /* Chrome */
-ms-flex: 0.7; /* IE 10 */
flex: 0.7; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
}
.wallet-info{
box-sizing:border-box;
margin-right: 0.25em;
margin-bottom:0.1em;
border: 0.12em solid #cff;
padding:0.3em 0.15em;
}
.wallet-info2{
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
text-align:center;
margin-right: 0.1em;
margin-bottom:0.15em;
border: 0.12em solid #cff;
padding:0.4em 0.12em;
font-size:70%;
line-height:1.1;
}
.wallet-info3{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
box-sizing:border-box;
text-align:center;
margin-right: 0em;
margin-bottom:0.1em;
border: 0.12em solid #eee;
background:#fff;
padding:0.3em 0.1em 0;
font-size:78%;
line-height:1;
color:#0ac;
}
.wallet-infoImg{
box-sizing:border-box;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin-right: 0.15em;
margin-bottom:0.1em;
border: 0.12em solid #34ebe5;
padding:0.3em 0.1em;
}
.wallet-infoImg img{ 
max-width:100%;
max-height:100%;
}


.db-package{
	width:2em;
}
.walletWrap{
max-width:100%;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
font-size:85%;
padding-top:0.2em;
box-sizing:border-box;
}
.boxRow{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0.3em 0 0.1em;
padding:0.5em 0.5em;
box-sizing:border-box;
}
.boxWrap{
z-index:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
padding:0em 0em;
margin:0 auto 0;
font-size:95%;
width:100%;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
box-sizing:border-box;
}
.boxWrapB{
z-index:1;
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
padding:0.2em 0em 0.1em;
margin:0em auto 0em;
background:transparent;
font-size:100%;
width:100%;
}
.boxWrap2{
z-index:1;
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
padding:0em 0 0em ;
margin:0em auto 0.1em ;
background:#f3f3f3;
font-size:95%;
line-height:1;
width:100%;
}
.boxWrap2 h1{
color:#279;
line-height:1;
padding:0 0.3em;
margin:0 0;
}
.boxWrap2 h2{
color:#777;
padding:0 0.3em;
line-height:1;
}
.boxWrap3{
z-index:1;
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
padding:0.8em 0em 0.6em;
margin:0.5em auto 0.5em;
background:#f3f3f3;
font-size:100%;
width:100%;
line-height:1.1;
}
.boxWrap3 h1{
color:#279;
line-height:1;
padding:0 0.3em;
}
.boxWrap3 h2{
color:#777;
padding:0 0.3em;
line-height:1;
}
.walletBox{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
padding: 0.6em 0.65em 0.3em ;
margin:0.1em 0.1em ;
background:#666	;
text-align:right;
font-size:100%;
-webkit-border-radius: 0.45em;
-moz-border-radius: 0.45em;
border-radius: 0.45em;
box-sizing:border-box;
}
.walletBox2{
box-sizing:border-box;	
padding: 0.5em 0.2em 0.5em 0;
margin:0em 0.25em 0;
background:#136;
color:#ccc;
text-align:center;
font-size:100%;
-webkit-border-radius: 0.1em;
-moz-border-radius: 0.1em;
border-radius: 0.1em;
width:12.5em;
}
.walletInfo{
font-size:150%;
color:#fff;
font-family:Glory;
padding:0 0em;
letter-spacing:0.05;
line-height:1.15;
}
.walletInfo2{
font-size:160%;
color:#fff;
font-family:Glory;
padding:0 0em;
letter-spacing:0.5;
line-height:1.15;
}
.walletInfoB{
font-size:150%;
color:#069;
font-family:Lato;
padding:0 0em;
line-height:1.3;
}
.walletLabel{
font-size:85%;
color:#ccc;
padding:0.05em 0em;
line-height:1.1;
font-family:Mukta;
}
.walletLabel2{
font-size:85%;
color:#cee;
padding:0.05em 0em;
line-height:1.1;
font-family:Mukta;
}
.walletLabel3{
font-size:73%;
color:#88C;
padding:0.05em 0em;
line-height:1.05;
font-family:Lato;
}
.walletLabelB{
font-size:80%;
color:#999;
padding:0em 0em 0.1em;
line-height:1.1;
letter-spacing:0;
font-family:Roboto;
}


.walletBoxB-cont{
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
margin:0.1em 0em ;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
}
.walletBox-cont{
box-sizing:border-box;
margin:0.1em 0.25em ;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
width:13em;
}
.walletBox-cont:first-child{
margin:0.1em 0 0 auto;
}
.walletBox-cont:last-child{
margin:0.1em auto 0 0;
}
.walletBoxB{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
padding:0.45em 0.3em 0.3em;
margin:0em auto 0;
width:auto;
background:#fff;
color:#666;
text-align:center;
font-size:100%;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
box-sizing:border-box;
border:0.2em solid #ddd;
}
.walletBoxC{
-webkit-box-flex:0.8; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.8; /* OLD - Firefox 19- */
-webkit-flex: 0.8; /* Chrome */
-ms-flex: 0.8; /* IE 10 */
flex: 0.8; /* NEW, */
padding: 0.7em 0.1em 0.2em ;
margin:0.1em 0em 0.1em auto;
background:#157;
text-align:center;
-webkit-border-radius: 0.45em;
-moz-border-radius: 0.45em;
border-radius: 0.45em;
box-sizing:border-box;
color:#e3e3e3;
font-size:75%;
line-height:1.1;
}

.rowDesktop{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
padding:0 3em;
}
.rightBodyBox{
padding: 0.4em 0.5em 0.2em;
border-bottom:0.2em solid #269;
margin-top:0.4em;
}
.pLabel{
	font-size:90%;
	color:#777;
	padding:0.1em 0;
}
.pInfo{
	font-size:125%;
	color:#333;
font-family:Glory;
font-weight:bold;
	padding:0 0;
}
.cardLinkBox {
margin:0.1em auto 0;
display:block;
box-sizing:border-box;
vertical-align:baseline;
line-height:1;
}
.cardLinkBox a{
color:#a66;
}
.capitalRow{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0em 0 0em;
padding:0 0.1em;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
-moz-flex-wrap:wrap;
flex-wrap:wrap;
background:transparent;
box-sizing:border-box;
}
.capitalBox{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0 0.12em 0;
border:0em solid #aaa;
padding:0;
width:32%;
box-sizing:border-box;
font-size:90%;
}
.cbuBoxWrap{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
padding: 0.8em 0.5em  ;
margin:0em 0em 0;
background:#399;
text-align:right;
font-size:110%;
-webkit-border-radius: 0.55em;
-moz-border-radius: 0.55em;
border-radius: 0.55em;
box-sizing:border-box;
}
.cbuLabel{
font-size:88%;
color:#ddd;
padding:0.1em 0em;
line-height:1;
font-family:Mukta;
}
.cbuInfo{
font-size:150%;
color:#fff;
font-family:Glory;
padding:0 0em;
letter-spacing:0.5;
line-height:1.2;
}


.dbRow{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0.3em 0 0.1em;
padding:0.2em 0.3em;
box-sizing:border-box;
}
.dbCol{
-webkit-box-flex:2; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 2; /* OLD - Firefox 19- */
-webkit-flex: 2; /* Chrome */
-ms-flex: 2; /* IE 10 */
flex: 2; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0 0em auto;
}
.wrapRow{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0 0;
}
.mobileCol{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
}
.wrapCol{
-webkit-box-flex:2; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 2; /* OLD - Firefox 19- */
-webkit-flex: 2; /* Chrome */
-ms-flex: 2; /* IE 10 */
flex: 2; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0 0.1em;
}
.wrapCol2{
-webkit-box-flex:1.3; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1.3; /* OLD - Firefox 19- */
-webkit-flex: 1.3; /* Chrome */
-ms-flex: 1.3; /* IE 10 */
flex: 1.3; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0 0em;
}
.wrapCol:first-child{
margin:0 0.5em 0 0.2em;
}
.wrapCol:last-child{
margin:0 0.2em 0 0.5em;
}
.buttonColBox{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
margin:0 0;
}
.buttonRowBox{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0 0;
}

/*footer*/
.footer-wrap{
position:fixed;
bottom:0;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
width:100%;
font-size:80%;
line-height:1;
height:auto;
margin:0em ;
color:#fff;
padding:0.55em 0em 0.15em;
text-align:Center;
background:#111;
z-index:3;
}
.footerText{
font-size:100%;
}


/*input and buttons*/
.input-cont{
position: relative;
}
.input-cont2{
position: relative;
display:inline-block;
}
.input-img{
width:1.1em;
height:1.1em;
    position: absolute;
    right: 2.1em;
	top:0.37em;
	opacity:0.7;
}
.regForm-img{
width:1.1em;
height:1.1em;
    position: absolute;
    right: 3em;
	top:0.3em;
	opacity:0.7;
}
.accForm-img{
width:1em;
height:1em;
    position: absolute;
    right: 0.5em;
	top:0.3em;
	opacity:0.7;
}
::-webkit-input-placeholder { /* Edge */
color:#9a9a9a;
font-size:80%;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#9a9a9a;
font-size:80%;
}
::placeholder {
color:#9a9a9a;
font-size:80%;
}
.loginForm{    
display: block;
width:75%;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
font-size:100%;
line-height:1.2;
outline: none;
padding:0.25em 0.4em 0.15em;
margin:0.05em auto 0.35em;
height:auto;
border:0.1em inset #ddd;
color:#666; 
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
background:#fcfcfc;
}
.loginForm:focus{
background:#eFF9FC;
border:0.12em inset #8aC;
color:#777;
}
.regSelect{    
display: block;
width:75%;
font-size:110%;
line-height:1.3;
outline: none;
padding:0.3em 0.5em 0.1em;
margin:0.3em auto;
height:auto;
border:3px solid #89A;
color:#666; 
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
background:#fafafa;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.regSelect option{
padding:0;
font-size:40%;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.regForm{    
display: block;
width:70%;
font-size:95%;
line-height:1.2;
outline: none;
padding:0.25em 0.4em 0.15em;
margin:0.05em auto 0.3em;
height:auto;
border:0.1em inset #9bc;
color:#777; 
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
background:#fafafa;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.regForm:focus{
background:#eFF9FC;
border:0.12em inset #6a8;
color:#777;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;

}
.accForm{    
display: inline-block;
width:8.5em;
font-size:88%;
line-height:1.2;
outline: none;
padding:0.25em 0.5em 0.15em;
margin:0.05em auto 0.3em;
height:auto;
border:0.1em inset #9bc;
color:#777; 
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
background:#fafafa;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.uplForm{    
display: inline-block;
width:15em;
font-size:75%;
line-height:1;
outline: none;
padding:0.2em 0.2em 0.15em;
margin:0.0em auto 0.3em;
height:auto;
border:0.1em outset #cEf;
color:#999; 
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
background:#fafafa;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.accFormLocked{    
text-align:left;
display: inline-block;
width:8.35em;
font-size:90%;
line-height:1.2;
outline: none;
padding:0.2em 0.25em 0.1em;
margin:0.05em auto 0.3em;
height:auto;
border:0.13em outset #b98;
color:#963; 
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
background:#fff;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.accForm:focus{
background:#eFF9FC;
border:0.12em inset #6a8;
color:#777;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;

}
.inputForm{    
display: block;
width:80%;
font-size:95%;
line-height:1.3;
outline: none;
padding:0.3em 0.5em 0.2em;
margin:0.05em auto 0.25em;
height:auto;
border:0.1em solid #89A;
color:#666; 
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
background:#fafafa;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.inputForm:focus{
background:#eee;
border:0.12em solid #38a;
color:#333;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.inputForm:focus{
background:#eee;
border:0.12em solid #38a;
color:#333;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.selectForm{    
display: block;
width:auto;
font-size:100%;
line-height:1.3;
outline: none;
padding:0.3em 0.5em 0.2em;
margin:0.05em auto 0.25em;
height:auto;
border:0.1em solid #89A;
color:#666; 
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
background:#fafafa;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.selectForm option{   
font-size:90%;
line-height:1.3;
outline: none;
padding:0.3em 0.5em 0.2em;
margin:0.05em auto 0.25em;
height:auto;
border:0.1em solid #89A;
color:#666; 
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
background:#fafafa;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}

.cartForm{    
display: block;
width:95%;
font-size:95%;
line-height:1.1;
outline: none;
padding:0.3em 0.1em 0.2em;
margin:0.05em 0 0.25em;
height:auto;
border:0.1em outset #bcc;
color:#777; 
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
background:#fafafa;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.cartForm:focus{
background:#eee;
border:0.12em solid #38a;
color:#333;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
.regButton,.regButton:link,.regButton:visited,.regButton:active{
width:auto;
letter-spacing:0.05em;
display:block;
color:#fff;
line-height:1.1;
font-family: Yanone Kaffeesatz;
font-size:100%;
background: rgb(0,170,2);
background: linear-gradient(0deg, rgba(0,141,2,1) 0%, rgba(95,190,70,1) 82%);
margin:0.1em auto;
padding:0.5em 1.25em 0.3em;
border:0.12em outset #6a6;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.regButton:hover{
background:#6DA;
color:#fff;
border:2px outset #fff;
border-left:1px outset #fff;
border-top:1px outset #fff;
}
.regButton:active{
background:#3C6;
border:2px outset #fff;
border-left:1px inset #ddd;
border-top:1px inset #eee;
color:#eee;
}
.submitButton,.submitButton:link,.submitButton:visited,.submitButton:active{
width:;
letter-spacing:0.05em;
display:block;
color:#666;
line-height:1.1;
font-family: Yanone Kaffeesatz;
font-size:105%;
background: rgb(120,130,142);
background: linear-gradient(0deg, rgba(110,120,132,1) 0%, rgba(210,225,231,1) 42%);
margin:0.3em auto 0.3em;
padding:0.5em 1.5em 0.5em;
border:2px outset #358;
border-left:1px outset #279;
border-top:1px outset #279;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-sizing:border-box;
}
.submitButton:hover{
background:#59c;
color:#fff;
border:2px outset #fff;
border-left:1px outset #fff;
border-top:1px outset #fff;
}
.submitButton:active{
background:#269;
border:2px outset #fff;
border-left:1px inset #ddd;
border-top:1px inset #eee;
color:#eee;
}
.loginButton,.loginButton:link,.loginButton:visited,.loginButton:active{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */width:auto;
display:inline-block;
color:#fff;
line-height:1;
font-family: Yanone Kaffeesatz;
font-size:100%;
letter-spacing:0.05em;
background: #e3e3ff;
background: linear-gradient(180deg,rgba(207, 207, 240, 1) 1%, rgba(165, 167, 198, 1) 70%, rgba(84, 89, 125, 1) 100%);
margin:0.2em 0.15em;
padding:0.5em 1.1em 0.35em;
border:0.12em outset #ccc;
border-left:1px outset #ccc;
border-top:1px outset #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-sizing:border-box;
}
.loginButton:hover{
background:#aaf;
color:#666;
border:0.12em outset #fff;
border-left:1px outset #fff;
border-top:1px outset #fff;
}
.loginButton:active{
background:#269;
border:0.12 outset #fff;
border-left:1px inset #ddd;
border-top:1px inset #eee;
color:#eee;
}
.loginButton2,.loginButton2:link,.loginButton2:visited,.loginButton2:active{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display:inline-block;
color:#fff;
line-height:1;
font-family: Yanone Kaffeesatz;
font-size:100%;
letter-spacing:0.05em;
background: #e3e3ff;
background: linear-gradient(180deg,rgba(207, 207, 235, 1) 1%, rgba(187, 163, 121, 1) 75%, rgba(150, 105, 0, 1) 100%);
margin:0.2em 0.15em;
padding:0.5em 1.25em 0.35em;
border:0.12em outset #ccc;
border-left:1px outset #fec;
border-top:1px outset #fec;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-sizing:border-box;
}
.loginButton2:hover{
background:#DA6;
color:#fff;
border:0.12px outset #fff;
border-left:1px outset #fff;
border-top:1px outset #fff;
}
.loginButton2:active{
background:#a63;
border:0.12px outset #fff;
border-left:1px inset #ddd;
border-top:1px inset #eee;
color:#eee;
}
.prodBtn,.prodBtn:link,.prodBtn:visited,.prodBtn:active{
display:inline-block;
width:auto;
color:#fff;
margin:0em auto 0.1em;
font-family: Poppins;
font-weight:normal;
font-size:90%;
line-height:1.5;
background: rgb(35,70,232);
background: linear-gradient(0deg, rgba(55,80,212,1) 0%, rgba(40,212,215,1) 100%);
padding:0.5em 0.7em 0.4em;
border:0.1em outset #fff;
border-left:0.1em outset #6cc;
border-top:0.1em outset #f0f0f0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-bottom-right-radius: 0.85em;
-moz-border-bottom-right-radius: 0.85em;
border-bottom-right-radius: 0.85em;
-webkit-border-top-left-radius: 0.85em;
-moz-border-top-left-radius: 0.85em;
border-top-left-radius: 0.85em;
text-align:center;
box-sizing:border-box;
}
.prodBtn:hover{
background:#ddd;
color:#444;
}
.cartButton,.cartButton:link,.cartButton:visited,.cartButton:active{
width:;
letter-spacing:0.05em;
display:block;
color:#fff;
line-height:1.1;
font-family: Yanone Kaffeesatz;
font-size:115%;
background: rgb(120,130,142);
background: linear-gradient(0deg, rgba(100,110,122,1) 0%, rgba(180,190,201,1) 70%);
margin:0.2em auto 0.2em;
padding:0.4em 1em 0.3em;
border:0.12em outset #999;
border-left:1px outset #999;
border-top:1px outset #999;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-sizing:border-box;
}
.cartButton:hover{
background:#ccc;
color:#333;
border:0.12em outset #fff;
border-left:1px outset #fff;
border-top:1px outset #fff;
}
.cartButton:active{
background:#999;
border:0.12em inset #aaa;
border-left:1px inset #aaa;
border-top:1px inset #aaa;
color:#eee;
}
.payBtn,.payBtn:link,.payBtn:visited,.payBtn:active{
letter-spacing:0em;
display:inline;
color:#fff;
line-height:1;
font-size:74%;
background: rgb(120,130,142);
background: linear-gradient(0deg, rgba(100,110,122,1) 0%, rgba(180,190,201,1) 70%);
margin:0em auto 0em;
padding:0.2em 0.6em 0.2em;
border:0.12em outset #999;
border-left:1px outset #999;
border-top:1px outset #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-sizing:border-box;
}
.payBtn:hover{
background:#ccc;
color:#333;
border:0.12em outset #fff;
border-left:1px outset #fff;
border-top:1px outset #fff;
}
.payBtn:active{
background:#999;
border:0.12em inset #aaa;
border-left:1px inset #aaa;
border-top:1px inset #aaa;
color:#eee;
}
.cartSelect{
font-size:105%;
line-height:1.2;
box-sizing:border-box;
padding:0.15em 0em 0.15em 0.5em;
background:#eee;
margin:0.15em auto;
color:#666;
-webkit-border-radius:  0.3em;
-moz-border-radius:  0.3em;
border-radius: 0.3em;
border:0.12em outset #fff;
}

.loginLogo {
width: 10em;
max-height:100%;
height:auto;
padding:1em 0 0;
}

::-webkit-input-placeholder { /* Edge */
color:#9a9a9a;
font-size:80%;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#9a9a9a;
font-size:80%;
}
::placeholder {
color:#9a9a9a;
font-size:80%;
}






/*ID*/
.idcWrap{
z-index:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
font-size:72%;
width:auto;
margin:0.2em auto 0.2em;
padding:0;
color:#999;
box-sizing:border-box;
}
.idcBorder{
width:2.125in;
height:3.375in;
margin:0 auto;
border:1px solid #666;
box-sizing:border-box;
background:#FbfEfF;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
padding:1em 0.7em;
}
.idcLogo{
background:transparent;
width:3.9em;
margin:0 auto;	
}
.idcUrl{
text-align:center;
padding:0 0;
font-size:87%;
font-style:italic;
color:#136;
font-family:glory;
}
.idcImage{
background:transparent;
width:7.5em;
margin:0.5em auto 0.8em;	
border:0.12em solid #ccc;
}
.idcCont{
padding:0.2em 0.5em;
}
.idcCentered{
text-align:center;
padding:0 1em;
}
.idcField{
color:#246;
font-size:95%;
border-bottom:0.15em solid #ccc;
margin:0.7em 0 0.1em;
padding:0em 0 0.05em;
}

/*tables*/
.tableWrap{
z-index:1;
width:100%;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
padding:0.4em 0em 0.8em;
margin:0.1em 0.0em;
font-size:100%;	
box-sizing:border-box;
}
.tableWrap h1{
font-family:Lato;
font-size:140%;
line-height:1.05;
padding:0 0.25em;
}
.tableWrap h2{
padding:0 0.25em;
line-height:1;
}
.tableScroll{
width:100%;
margin:0;
}
.tableDiv{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: table;
min-width:100%;
width:auto;	
table-layout:fixed;
font-size:85%;
margin:0 auto;
border-left:0.1em solid #ccc;
border-right:0.1em solid #ccc;
border-bottom:0.25em solid #ddd;
border-top:0.1em solid #aaa;
border-spacing:0px 0;
caption-side: bottom;
overflow:auto;
box-sizing:border-box;	
}
.tableHead{
display: table-header-group;
color:#fff;
background:#456;
font-family:Lato;
font-weight:normal;
font-size:92%;
box-sizing:border-box;
}
.tableRow a{
color:#000;
}
.tableHead a{
color:#fff;
}
.tableCell{
display: table-cell;
vertical-align:middle;
width:auto;
margin:0 auto;
box-sizing:border-box;
}
.tableRow{
display: table-row;
background:#fcfcfc;
box-sizing:border-box;
}
.tableRow2{
display: table-row;
background:#eee;
box-sizing:border-box;
}
.tableHead .tableCell{
padding:0.4em 0.1em 0.1em 0.25em;
border-bottom:2px solid #333;
border-right:1px solid #4e4e4e;
line-height:1.25;
box-sizing:border-box;
}
.tableRow .tableCell,.tableRow2 .tableCell{
padding:0.45em 0.1em 0.15em 0.15em;
line-height:1.4;
font-family:Roboto;
font-weight:normal;
color:#444;
border-bottom:2px solid #f0f0f0;
border-right:1px solid #ddd;
font-size:87%;
margin:0 0 0 0;
box-sizing:border-box;
}
.cartBtn a{
font-size:110%;
font-weight:normal;
font-family:gotham;
padding:0.1em 0.5em;
color:#C60;
line-height:1;
margin:0 0.3em;
-webkit-border-radius: 20%;
-moz-border-radius: 20%;
border-radius: 20%;
border:1px outset #fff;
background:#eee;
box-sizing:border-box;
}
.cartDel{
text-align:center;
}
.cartDel a, .delBtn{
font-size:80%;
line-height:1.5;
color:#b30;
padding:0;
}
.sub-header{
font-style:italic;
font-size:90%;
color:#666;
}
.pagination{
font-size:100%;
padding:2px 0;
margin:0.4em 0 0.5em;
text-align:right;
display: table-caption;
}
.pageRight{
display: block;
text-align:right;
font-size:80%;
width:100%;
}
.paginationRight{
text-align:right;
display:inline-block;
font-size:83%;
letter-spacing:0.3;
}
.pages{
margin:0 2em;
display:inline-block;
font-size:80%;
}
.paginationLeft{
text-align:left;
display:inline-block;
font-size:80%;
}
.pnav{
padding:0.4em 1em 0.3em;
line-height:1.3;
margin:0 0.1em;
font-weight:bold;
color:#013;
border:2px outset #eee;
border-top:0px outset #eee;
background:#f0f0f0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:;
}
.pnav2{
padding:0.4em 1em 0.3em;
line-height:1.3;
margin:0 0.1em;
font-weight:bold;
color:#fff;
border:2px outset #eee;
border-top:0px outset #ccc;
background:#999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:;
}
.pnav:hover{
background:#aaa;
color:#fff;
}
.pnav2 a{
color:#fff;
}
.paginationFull{
-webkit-box-flex:auto; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: auto; /* OLD - Firefox 19- */
-webkit-flex: auto; /* Chrome */
-ms-flex: auto; /* IE 10 */
flex: auto; /* NEW, */
font-size:92%;
padding-top:2px;
margin: 0.5em 0 ;
text-align:center;
}
.tCentered{
	text-align:center;
}
/*CartTable*/
.cartTableHead{
display: table-header-group;
color:#444;
background:#ccc;
font-family:Mukta;
font-weight:normal;
}
.cartTableHead a{
color:#444;
}
.cartTableHead .tableCell{
padding:0.3em 0.1em 0.1em;
border-bottom:2px solid #ddd;
line-height:1.5;
}
.cartImg{
width:5.5em;
background:rgba(255,255,255,0.8);
margin:0.1em 0;
box-sizing:border-box;
}
.miniCartImg{
width:4em;
background:rgba(255,255,255,0.8);
margin:0.1em 0;
box-sizing:border-box;
}
.cartCell{
display: table-cell;
vertical-align:middle;
width:auto;
margin:0 auto;
}
.tableRow .cartCell,.tableRow2 .cartCell{
padding:0.05em 0.0em ;
line-height:1.1;
font-family:mukta;
font-weight:normal;
color:#666;
border-bottom:2px solid #f6f6f6;
font-size:95%;
}
.cartCheckout{
z-index:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
padding:0.3em 0.5em 0;
margin:0em auto 0.2em ;
background:#e0e0e0;
color:#333;
font-size:85%;
width:97%;
line-height:1.1;
box-sizing:border-box;
}
/*Product Display*/
.productBody{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
font-size:100%;
width:100%;
margin:0em auto 0;
padding:0em 0em ;
text-align:left;
border:0em solid #ececec;
text-align:left;
color:#333; 
line-height:1.1;
box-sizing:border-box;
}
.productBody h2{
color:#777;
padding:0 0.25em;
line-height:1;
}
.productRow{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0em 0em 0.1em;
padding:0 0;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
-moz-flex-wrap:wrap;
flex-wrap:wrap;
box-sizing:border-box;
}
.prodCol{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0em 0.1em 0.25em;
-webkit-border-radius: 0.35em;
-moz-border-radius: 0.35em;
border-radius: 0.35em;
border:0.12em outset #fff;
padding:0 0 0.15em;
width:49%;
background:#fafafa;
box-sizing:border-box;
}
.prodCol h2{
display:block;
font-size:85%;
line-height:1.2;
letter-spacing:0;
font-family:Lato;
font-weight:bold;
margin:0 auto;
padding:0.05em 0.0em ;
width:100%;
color:#777;
box-sizing:border-box;
}
.prodCol h3{
display:block;
margin:0 auto ;
letter-spacing:0.1;
font-size:95%;
font-weight:normal;
line-height:1.2;
font-family:Mukta;
width:100%;
padding:0em 0.2em 0;
color:#D30;
box-sizing:border-box;
}
.prodCol img,.divCol img{
box-sizing:border-box;
max-height:100%;
max-width:100%;
width:100%;
padding:0.2em 2% 0.05em;
margin:0 auto;
border-bottom:0.15em solid #ccc;
-webkit-border-top-left-radius: 0.5em;
-moz-border-top-left-radius: 0.5em;
border-top-left-radius: 0.5em;
-webkit-border-top-right-radius: 0.5em;
-moz-border-top-right-radius: 0.5em;
border-top-right-radius: 0.5em;
}
.prodDesc{
padding:0.2em 0.2em 0.1em;
line-height:1;
font-size:80%;
color:#888;
font-family:roboto;
}
.prodSpace{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0 0.5em;
-webkit-border-radius: 2%;
-moz-border-radius: 2%;
border-radius: 2%;
padding:0.1em;
}
.btnCont{
width:99%;
margin:auto auto 0;
text-align:center;
padding:0.4em 0 0.2em;
}
.productContCentered{
clear:Both;
width:auto;
margin:0em 0;
padding:0 0em;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
}
.productBg h1{
line-height:1.5;
padding:0.2em 0 0 0.8em;
color:#777;
font-size:110%;
font-family:gotham;
}
.product-button{
color:#999;
vertical-align:text-bottom;
font-size:82%;
letter-spacing:0.6;
line-height:1.5;
padding:0.2em 1em;
margin-top:0.2em;
margin-right:1em;
margin-left:auto;
}
.productBg{
justify-content:center;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
margin:0.3em 0 ;
padding:0.35em 0.0em 0.1em;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
background:#f3f3f3;
}
.productRow2{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
width:100%;
margin:0;
padding:0 0em;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
-moz-flex-wrap:wrap;
flex-wrap:wrap;
box-sizing:border-box;
}
.productRow2 .prodCol{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0 0.05em 0em ;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
border:0.1em solid #ccc;
padding:0.2em 0.1em;
width:24.3%;
background:#fafafa;
box-sizing:border-box;
}
.productRow2 .prodCol img{
box-sizing:border-box;
display:block;
margin:0 auto;
width:auto;
border-bottom:0.15em solid #eee;
}

.productRow2 .prodCol h2{
font-size:80%;
line-height:1.2;
letter-spacing:0;
font-family:Lato;
font-weight:normal;
}
.productRow2 .prodCol h3{
letter-spacing:0.05;
font-size:90%;
line-height:1.2;
font-family:Mukta;
padding:0em 0em 0;

}
.productRow2 .prodCol img{

}

.productCart{
width:100%;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0 0.3em;
padding:0.2em 0em 0.2em 0.2em;
border-left:0.15em solid #ddd;
}
.productCart h2{
font-size:125%;
line-height:1.8;
font-weight:bold;
font-family:Play;
padding:0.3em 0 0 0;
margin:0;
color:#666;
letter-spacing:0.3;

}
.productView{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
font-size:100%;
width:100%;
margin:0em auto 0.2em;
padding:0em 0em ;
text-align:left;
color:#333; 
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
line-height:1.1;
box-sizing:border-box;
}
.viewBox{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
margin:0 0em 0em;
padding:0.1em 0em 0;
background:rgba(255,255,255,0.98);
box-sizing:border-box;
width:100%;
}
.viewRow{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0 0;
flex-wrap:wrap; 
box-sizing:border-box;
}
.viewImg{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0 auto;
box-sizing:border-box;
border-bottom:0.15em solid #eee;
padding: 0.1em 0 0.2em;
width:100%;
}
.viewImg img{
box-sizing:border-box;
max-width:100%;
max-height:100%;
height:100%;
margin:0 auto;
}
.viewDesc{
margin:0 0;
padding:0.5em 0.8em 0.1em;
color:#999;
font-size:88%;
line-height:1.1;
box-sizing:border-box;
}
.viewDesc h1{
display:inline;
font-size:140%;
font-weight:normal;
color:#256;
line-height:1.1;
padding:0 0 0.3em;
margin:0;
font-family:Lato;
}
.viewDesc h3{
font-size:130%;
line-height:1.1;
font-family:Mukta;
padding:0em 0 0.2em;
color:#e30;
letter-spacing:0.2;
}
.viewOpt{
box-sizing:border-box;
-webkit-box-flex: 0.8; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.8; /* OLD - Firefox 19- */
-webkit-flex: 0.8; /* Chrome */
-ms-flex: 0.8; /* IE 10 */
flex: 0.8; /* NEW, */
margin:0 0;
padding:1em 0.5em 0.5em;
background:#eee;
color:#666;
font-size:90%;
line-height:1.5;
}
.viewCol{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0 auto 0.3em 0.1%;
-webkit-border-radius: 1%;
-moz-border-radius: 1%;
border-radius: 1%;
border:0.15em solid #ddd;
padding:0;
width:19%;
background:#fafafa;
box-sizing:border-box;
}
.viewCont{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
width:100%;
margin:0 0 0.3em 0.1em;
padding:0.1em 0.4em 1em;
color:#666;
font-family:roboto;
line-height:1.2;
font-size:86%;
box-sizing:border-box;
}
.viewCont h2{
font-size:115%;
line-height:1.3;
font-weight:normal;
font-family:Gotham;
padding:0em;
color:#666;
letter-spacing:0.1;
}
.prodRowCol {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
}


.button1{
background: rgb(15,70,232);
background: linear-gradient(0deg, rgba(15,70,232,1) 0%, rgba(58,186,201,1) 43%, rgba(0,212,255,1) 100%);
}
.button2{
background: rgb(202,132,15);
background: linear-gradient(0deg, rgba(180,122,15,1) 0%, rgba(225,200,86,1) 51%);
}
.button3{
background: rgb(0,201,2);
background: linear-gradient(0deg, rgba(0,201,2,1) 0%, rgba(154,255,109,1) 41%);
}
.button4{
	/*silver*/
background: rgb(120,130,142);
background: linear-gradient(0deg, rgba(100,110,122,1) 0%, rgba(218,229,241,1) 42%);
}
.button5{
	/*red*/
background: rgb(215,26,26);
background: linear-gradient(0deg, rgba(215,26,26,1) 0%, rgba(255,145,145,1) 41%);
}

/*Binary Genealogy*/
.geneaWrap{
-webkit-box-flex:auto; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: auto; /* OLD - Firefox 19- */
-webkit-flex: auto; /* Chrome */
-ms-flex: auto; /* IE 10 */
flex: auto; /* NEW, */
background:#fff;
margin:0em 0 5em;
padding:0.2em 0em;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
}
.geneaRow{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
max-width:100%;
}
.geneaCell{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
margin:0 auto;
border:2px dashed #ace;
border-bottom:0;
text-align:center;
padding-bottom:1.5em;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
}
.geneaBox{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
margin:-1em 0 0;
padding:0.75em 0.15em ;
border:0px outset #eee;
background:#eee;
text-align:center;
font-family:;
color:#777;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.geneaBox2{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
margin:0 0.1em 0.5em;
padding:0.75em 0.1em 0.75em;
border:0px inset #ddd;
background:#eee;
text-align:center;
font-family:;
color:#777;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.geneaCell3{
-webkit-box-flex:3; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 3; /* OLD - Firefox 19- */
-webkit-flex: 3; /* Chrome */
-ms-flex: 3; /* IE 10 */
flex: 3; /* NEW, */
}
.geneaCell2{
-webkit-box-flex:2; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 2; /* OLD - Firefox 19- */
-webkit-flex: 2; /* Chrome */
-ms-flex: 2; /* IE 10 */
flex: 2; /* NEW, */
}
.geneaCell1{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
}
.geneaCell04{
-webkit-box-flex:0.4; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.4; /* OLD - Firefox 19- */
-webkit-flex: 0.4; /* Chrome */
-ms-flex: 0.4; /* IE 10 */
flex: 0.4; /* NEW, */
}
.geneaCell05{
-webkit-box-flex:0.5; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.5; /* OLD - Firefox 19- */
-webkit-flex: 0.5; /* Chrome */
-ms-flex: 0.5; /* IE 10 */
flex: 0.5; /* NEW, */
}
.geneaCell06{
-webkit-box-flex:0.6; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.6; /* OLD - Firefox 19- */
-webkit-flex: 0.6; /* Chrome */
-ms-flex: 0.6; /* IE 10 */
flex: 0.6; /* NEW, */
}
.geneaCell75{
-webkit-box-flex:0.75; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.75; /* OLD - Firefox 19- */
-webkit-flex: 0.75; /* Chrome */
-ms-flex: 0.75; /* IE 10 */
flex: 0.75; /* NEW, */
}
.geneaCell15{
-webkit-box-flex:0.25; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.25; /* OLD - Firefox 19- */
-webkit-flex: 0.25; /* Chrome */
-ms-flex: 0.25; /* IE 10 */
flex: 0.25; /* NEW, */
}
.geneaBox a,.geneaBox2 a{
display:inline-block;
margin:0;
color:#777;
}
.geneaLogo{
width:64px;
}
.geneaLogo2{
width:48px;
}

/*Unilevel Genealogy*/
.uniCell{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
margin:0 auto;
border-bottom:0;
text-align:center;
padding:0 0.1em;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
}
.uniCell2{
-webkit-box-flex:2; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 2; /* OLD - Firefox 19- */
-webkit-flex: 2; /* Chrome */
-ms-flex: 2; /* IE 10 */
flex: 2; /* NEW, */
margin:0 auto;
border-bottom:0;
text-align:center;
padding:0.2em 0.4em;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
}
.uniCell3{
-webkit-box-flex:3; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 3; /* OLD - Firefox 19- */
-webkit-flex: 3; /* Chrome */
-ms-flex: 3; /* IE 10 */
flex: 3; /* NEW, */
margin:0 auto;
border-bottom:0;
text-align:center;
padding:0.2em 0.6em;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
}
.uniBox{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
padding:0.3em 0em ;
border-bottom:2px solid #ddd;
background:#fff;
text-align:center;
font-family:gotham;
color:#666;
font-size:90%;
}
.prodBg{
	background:#f3f3f3;
}

/*Class Toggles*/
.desktop{
display:none;
visibility:hidden;
}
.mobile{
display:inline-block;
visibility:visible;
}
.desktop2{
visibility:visible;
}
.invisible{
display:none;
visibility:hidden;
}
.visible{
display:block;
visibility:visible;
}
.navClose{
display:none;
visibility:hidden;
}
.navOpen{
display:inline-block;
visibility:visible;	
}
.cartClose{
display:none;
visibility:hidden;
}
.cartOpen{
display:block;
visibility:visible;	
}
.bg-dashboard{
background:#024;
color:#eff;
}
@media all and  (min-width: 1210px){
.mainWrap{
min-height:100%;
min-width:100%;
}
.bodyWrap{
min-height:90%;
margin-bottom:0;
}

/*wrappers*/
.main-wrap{
clear:Both;
position:relative;
min-height:100%;
min-width:100%;
width:auto;
margin:0 0 0.75em;
font-size:100%;
box-sizing:border-box;
padding-bottom:2em;
}
.header-wrap{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0 0;
width:100%;
background:#222;
height:3.25em;
padding:0em 10.5% 0.2em ;
z-index:7;
position:fixed;
border-bottom:0.0em solid #fff;
box-sizing:border-box;
font-size:90%;
}
.header-spacer{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0 0;
width:100%;
background:transparent;
height:3.25em;
padding:0.1em 1% 0.2em;
z-index:5;
box-sizing:border-box;
}
.body-wrap{
max-width:100%;
min-height:88%;
width:80%;
height:auto;
box-sizing:border-box; 
margin:0 auto 0;
padding:0.5em 1em 0em;
z-index:1;
-webkit-box-flex:auto  ; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: auto ; /* OLD - Firefox 19- */
-webkit-flex: auto ; /* Chrome */
-ms-flex: auto ; /* IE 10 */
flex: auto ; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
/*-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; */
}
.db-nav{
width:25%;
margin-right:0.5em;
border:#666 solid 0.15em;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
background:#eee;
box-sizing:border-box;
}
.db-nav-margin{
width:100%;
box-sizing:border-box;
padding:1em 0.5em;
}
.miniCartWrap{
width:60%;
padding:0.8em 1.2em 1em;
}

.header{
height:3.7em;
padding:0.2em 11em 0em;
border-bottom:0em solid #bde;
font-size:100%;
}
.headerSpacer{
height:3em;
}
.logoBox{
margin: 0 0 0 0 ;
padding:0 0.8em 0 0.2em;
max-height:3.5em;
}
.headerTextBox{
-webkit-box-flex:7.5; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 7.5; /* OLD - Firefox 19- */
-webkit-flex:7.5; /* Chrome */
-ms-flex: 7.5; /* IE 10 */
flex: 7.5; /* NEW, */	
margin:auto auto 0 auto;
}
.headerIconBox{
margin:1.5em 0 0em auto;
max-height:100%;
}
.logoBox,.headerTextBox,.headerIconBox{
border-bottom:0em solid #fc0;
}
.headerIcon{
max-height:95%;
max-width:95%;
height:auto;
padding:0;
margin-right: 0.5em ;
opacity:0.7;
}
.header-logo{
max-height:130%;
max-width:130%;
padding:0em 0 0 ;
margin: -0.25em auto 0 1em;
}
.header p{
font-family:Mukta;
font-size:100%;
color:#ddd;
padding:0 0 0em;
width:auto;
margin:auto auto 0em;
box-sizing:border-box;
}

.notificationHolder{
top:3.2em;
}
.notificationBox{
margin:0.5em auto ;
padding: 0.9em 3em ;
color:#244;
font-size:95%;
line-height:1.45;
BORDER:0.2em outset #D90;
}
.closeButton{
right:64%;
top:1.2em;
}
.navBody{
width:38%;
margin-left:0%;
}
.navBody ul li{
padding: 0.2em 0.5em 0.3em 0.7em;
font-size:120%;
}
.navButton{
clear:both;
padding:0.1em;	
margin:0.25em 0em 0 0;
z-index:7;
opacity:0.90;
position:relative;
}
.loginBox{
width:60%;
padding:0.5em 3.5em ;
}
.registerForm{
width:65%;
margin:0em auto 0em;
padding:0.5em 3em ;
font-size:110%;
}
.colMobile{
width:100%;
margin:0 auto;
padding:0em 0; 
}
.main{
padding:0.7em 0.2em 0.2em;
font-size:100%;
line-height:1.1;
}
.mainDb{
padding:0.3em 0.5em;
width:100%;
}
.prodCol{
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
width:24.5%;
}
.prodCol img{
padding-bottom:0.05em;
}
.productBody{
font-size:100%;
width:100%;
margin:0em auto 0.2em;
padding:0.4em 0em ;
text-align:left;
border:0em solid #e5e5e5;
background:transparent;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
}
.productBody h2{
font-size:185%;
line-height:1.1;
}
.prodCol h2{
font-size:120%;
line-height:1.2;
letter-spacing:0.1;
padding:0.1em 0.12em 0em;
width:100%;
}
.prodCol h3{
font-size:145%;
line-height:1.15;
width:100%;
padding:0em 0.15em 0;
}
.productView{
font-size:100%;
width:100%;
margin:0em auto 0em;
padding:0em 0em 0.5em;
text-align:left;
text-align:left;
color:#333; 
-webkit-border-radius: 0em;
-moz-border-radius: 0em;
border-radius: 0em;
line-height:1.1;
box-sizing:border-box;
}
.dashboardBody{
font-size:100%;
line-height:1.1;
background:#fafafa;
width:100%;
margin:0em auto 0em;
padding:0.1em 2em 0.2em;
}

.accountForm{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
font-size:100%;
width:100%;
margin:0em auto 0;
padding:0.5em 7em 1em;
text-align:center;
color:#777; 
background:#fcfcfc;
line-height:1.05;
box-sizing:border-box;
}
.formAcc{
text-align:right;
}
.accountForm h1{
color:#279;
line-height:1.1;
font-size:125%;
}
.accountForm h2{
color:#466;
line-height:1.1;
font-size:120%;
}
.accountLogo {
margin:0em auto;
width: 6em;
height:6em;
display:block;
box-sizing:border-box;
}

.regForm-img{
width:1.1em;
height:1.1em;
    right: 4.1em;
	top:0.25em;
}

.tableDiv{
font-size:100%;
border-left:0.15em solid #ccc;
border-right:0.15em solid #ccc;
border-bottom:0.25em solid #ddd;
border-top:0.15em solid #aaa;
}
.tableHead{
font-size:95%;
}
.tableHead .tableCell{
padding:0.4em 0.35em 0.15em;
}
.tableRow .tableCell,.tableRow2 .tableCell{
padding:0.5em 0.35em 0.25em;
line-height:1.15;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
font-size:88%;
}
.cartCheckout{
flex-direction: column; 
padding:0.65em 1em 0.2em;
margin:0em auto 0.2em ;
background:#e0e0e0;
color:#333;
font-size:100%;
width:100%;
line-height:1.1;
}

/*wallet and balance*/.rowDiv{
z-index:1;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
height:4.5em;
width:100%;
margin:0 0;
}
.wallet-row{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
height:5em;
}
.wallet-row2{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
}
.wallet-cont{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
padding:0.1em;
}
.wallet-cont2{
-webkit-box-flex:0.6; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.6; /* OLD - Firefox 19- */
-webkit-flex: 0.6; /* Chrome */
-ms-flex: 0.6; /* IE 10 */
flex: 0.6; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
padding:0.1em;
}
.wallet-right{
margin-left:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
}
.wallet-right-cont{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
border: 0.15em solid #eee;
background:#fff;
padding:0.3em 1em;
font-size:110%;
color:#089;	
}
.wallet-right-cont:first-child{

margin:0 0.5em 0 auto;
}
.wallet-border{
box-sizing:border-box;
padding:0.5em 0.4em 0.25em;
border: 0.15em solid #cff;
font-size:88%;
}
.wallet-label{
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin-right: 0.25em;
margin-bottom:0.1em;
border: 0.15em solid #eee;
background:#fff;
padding:0.3em 0.3em;
font-size:150%;
line-height:1.3;
color:#089;
}
.wallet-label2{
box-sizing:border-box;
-webkit-box-flex:1.3; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1.3; /* OLD - Firefox 19- */
-webkit-flex: 1.3; /* Chrome */
-ms-flex: 1.3; /* IE 10 */
flex: 1.3; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin-right: 0.25em;
margin-bottom:0.1em;
border: 0.15em solid #eee;
background:#fff;
padding:0.3em 0.35em;
font-size:147%;
line-height:1.2;
color:#089;
}
.wallet-label3{
box-sizing:border-box;
-webkit-box-flex:2; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 2; /* OLD - Firefox 19- */
-webkit-flex: 2; /* Chrome */
-ms-flex: 2; /* IE 10 */
flex: 2; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin-right: 0.25em;
margin-bottom:0.1em;
border: 0.15em solid #eee;
background:#089;
padding:0.4em 0.5em;
}
.wallet-col{
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
}
.wallet-col2{
box-sizing:border-box;
-webkit-box-flex:0.75; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.75; /* OLD - Firefox 19- */
-webkit-flex: 0.75; /* Chrome */
-ms-flex: 0.75; /* IE 10 */
flex: 0.75; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
}
.wallet-info{
box-sizing:border-box;
margin-right: 0.25em;
margin-bottom:0.1em;
border: 0.15em solid #cff;
padding:0.3em 0.25em;
}
.wallet-info2{
box-sizing:border-box;
text-align:center;
margin-right: 0.15em;
margin-bottom:0.15em;
border: 0.15em solid #cff;
padding:0.4em 0.2em 0.1em;
font-size:95%;

}
.wallet-info3{
box-sizing:border-box;
margin-right: 0.25em;
margin-bottom:0.1em;
border: 0.15em solid #eee;
background:#fff;
padding:0.4em 0.2em;
font-size:95%;
line-height:1;
color:#0ac;
text-align:center;
}
.wallet-infoImg{
box-sizing:border-box;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin-right: 0.25em;
margin-bottom:0.1em;
border: 0.1em solid #ccc;
padding:0.1em ;
}
.wallet-infoImg img{ 
max-width:100%;
max-height:100%;
}
.db-package{
	width:2em;
}
.walletWrap{
-webkit-box-flex:2.3; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 2.3; /* OLD - Firefox 19- */
-webkit-flex: 2.3; /* Chrome */
-ms-flex: 2.3; /* IE 10 */
flex: 2.3; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
box-sizing:border-box;
padding:0.5em 0.3em 0.2em;
}




.boxRow{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
margin:0.3em 0 0.1em;
padding:0.5em 0.5em;
box-sizing:border-box;
}
.boxWrap{
z-index:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
padding:0em 0em;
margin:0 auto 0;
font-size:100%;
width:100%;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
box-sizing:border-box;
}
.boxWrapB{
z-index:1;
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
padding:0.2em 0em 0.1em;
margin:0em auto 0em;
background:transparent;
font-size:100%;
width:100%;
}
.boxWrap2{
z-index:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; 
padding:0em 2em ;
margin:0em auto 0.1em ;
background:#f3f3f3;
font-size:100%;
line-height:1.1;
}
.boxWrap2 h1{
color:#279;
line-height:1;
padding:0 0.3em;
margin:0 0;
}
.boxWrap2 h2{
color:#777;
padding:0 0.3em;
line-height:1;
}
.boxWrap3{
z-index:1;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
padding:0.8em 0em 0.6em;
margin:0.5em auto 0.5em;
background:#f3f3f3;
font-size:100%;
width:100%;
line-height:1.1;
}
.boxWrap3 h1{
color:#279;
line-height:1;
padding:0 0.3em;
}
.boxWrap3 h2{
color:#777;
padding:0 0.3em;
line-height:1;
}
.walletBox{
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
padding: 0.6em 0.75em 0.45em ;
margin:0.1em 0.2em ;
background:#666	;
text-align:right;
font-size:110%;
-webkit-border-radius: 0.45em;
-moz-border-radius: 0.45em;
border-radius: 0.45em;
box-sizing:border-box;
}
.walletLabel{
font-size:85%;
color:#ccc;
padding:0.05em 0em;
line-height:1.1;
font-family:Mukta;
}
.walletLabel3{
font-size:83%;
color:#88C;
padding:0.05em 0em;
line-height:1.05;
font-family:Lato;
}
.walletInfo{
font-size:150%;
color:#fff;
font-family:Glory;
padding:0 0em;
letter-spacing:0.5;
line-height:1.15;
}
.walletBox2{
box-sizing:border-box;	
padding: 0.55em 0.2em 0.5em 0;
margin:0em 0.25em 0;
background:#136;
color:#ccc;
text-align:center;
font-size:100%;
-webkit-border-radius: 0.1em;
-moz-border-radius: 0.1em;
border-radius: 0.1em;
width:12.5em;
}
.walletLabel2{
font-size:85%;
color:#cee;
padding:0.05em 0em;
line-height:1.1;
font-family:Mukta;
}
.walletInfo2{
font-size:150%;
color:#fff;
font-family:Glory;
padding:0 0em;
letter-spacing:0.5;
line-height:1.15;
}
.walletBoxB-cont{
box-sizing:border-box;
-webkit-box-flex:1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
margin:0.1em 0.2em ;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
}
.walletBox-cont{
box-sizing:border-box;
margin:0.1em 0.25em ;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
width:13em;
}
.walletBox-cont:first-child{
margin:0.1em 0 0 auto;
}
.walletBox-cont:last-child{
margin:0.1em auto 0 0;
}
.walletBoxB{
padding:0.8em 1.2em 0.5em;
margin:0em auto 0;
width:auto;
background:#fff;
color:#666;
text-align:center;
font-size:110%;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
box-sizing:border-box;
border:0.2em solid #ddd;
}
.walletLabelB{
font-size:88%;
color:#999;
padding:0em 0em 0.1em;
line-height:1.1;
letter-spacing:0.1;
font-family:Roboto;
}
.walletInfoB{
font-size:135%;
color:#069;
font-family:Lato;
padding:0 0em;
line-height:1.15;
}
.walletBoxC{
-webkit-box-flex:0.7; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0.7; /* OLD - Firefox 19- */
-webkit-flex: 0.7; /* Chrome */
-ms-flex: 0.7; /* IE 10 */
flex: 0.7; /* NEW, */
padding: 0.7em 0.5em 0.2em ;
margin:0.1em 1.5em 0.1em auto;
background:#157;
text-align:center;
-webkit-border-radius: 0.45em;
-moz-border-radius: 0.45em;
border-radius: 0.45em;
box-sizing:border-box;
}




.mobileCol{
-ms-flex-direction: row;
-moz-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row; 
padding:0.5em 0.5em 0.3em;
}
.buttonBox{
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, */
margin:0 auto;
text-align:center;
}
.viewBox{
margin:0 0 0em;
padding:0.1em 0.5em ;
background:#fff;
}
.viewImg img{
margin:0 auto;
}
.viewRow{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
}
.viewImg{
margin:0 0%;
order:0;
}
.viewDesc{
-webkit-box-flex: auto; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex:auto; /* OLD - Firefox 19- */
-webkit-flex: auto; /* Chrome */
-ms-flex: auto; /* IE 10 */
flex: auto; /* NEW, */
margin:0 0;
padding:0.7	em 0.5em 0em;
line-height:1.1;
font-size:100%;
order:2;
min-width:100%;
}
.viewDesc h1{
font-size:125%;
color:#333;
line-height:1.1;
padding:0;
text-decoration:none;
}
.viewDesc h3{
font-size:125%;
line-height:1.4;
letter-spacing:0.4;
}
.viewOpt{
-webkit-box-flex: 1.25; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1.25; /* OLD - Firefox 19- */
-webkit-flex: 1.25; /* Chrome */
-ms-flex: 1.25; /* IE 10 */
flex: 1.25; /* NEW, */
margin:0 6% 0 0;
padding:2em 2em 0.5em;
background:#eee;
font-size:40%;
line-height:1.1;
order:1;
}
.viewCol{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0 auto 0.3em 0.1%;
-webkit-border-radius: 1%;
-moz-border-radius: 1%;
border-radius: 1%;
border:0.15em solid #ddd;
padding:0;
width:16%;
background:#fafafa;
}
.viewCont{
margin:0 0 0.3em 0.1%;
padding:0.1em 1em 0.8em;
color:#777;
line-height:1.1;
font-size:100%;
}
.viewCont h2{
font-size:115%;
line-height:1.5;
letter-spacing:0.1;
}
.productRow2{
padding:0 0.1em;
}

.productRow2 .prodCol{
margin:0 0.1em;
padding:0.2em 0.15em;
}
.idcWrap{
font-size:78%;
width:auto;
margin:2em auto 0.2em;
padding:0;
color:#999;
box-sizing:border-box;
}
.idcBorder{
width:2.125in;
height:3.375in;
-webkit-border-radius: 0.8em;
-moz-border-radius: 0.8em;
border-radius: 0.8em;
padding:0.75em 0.55em;
}
.idcLogo{
width:3.7em;
margin:0 auto;	
}
.idcUrl{
text-align:center;
padding:0 0;
font-size:80%;
font-style:italic;
color:#136;
font-family:glory;
}
.idcImage{
background:transparent;
width:5.8em;
margin:0.2em auto 0.6em;	
border:0.12em solid #ccc;
}
.idcCont{
padding:0.2em 0.5em;
}
.idcCentered{
text-align:center;
padding:0 0.9em;
}
.idcField{
color:#246;
font-size:90%;
border-bottom:0.15em solid #ccc;
margin:0.55em 0 0.1em;
padding:0em 0 0.05em;
}
.desktop{
display:block;
visibility:visible;
}
.mobile{
display:none;
visibility:hidden;
}

}