@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:Urbanist;
font-size:1em;
line-height:1;
box-sizing:border-box;
max-width:100%;
padding:0;
margin:0;
color:#eee;
}
h1{
font-family:Glory;
font-weight:bold;
font-size:150%;	
}
h2{
font-family:Yanone Kaffeesatz;
font-size:150%;	
font-weight:normal;
margin:0.1em 0 0;
}
h3{
font-family:Yanone Kaffeesatz;
font-size:150%;	
font-weight:normal;
margin:0.1em 0 0;
}
a{
text-decoration: none;
color:inherit;
}
a:hover {

}
ul{
list-style-type: none;
}
img {
max-width:100%;
}
.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;
}
.notificationBox{
margin:0.5em 3% ;
padding: 0.75em 0.5em ;
color:#244;
font-size:92%;
line-height:1.45;
BORDER:0.16em outset #C66;
text-align: center;
background:rgba(245,250,250.97);
-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 0em;
font-size:100%;
box-sizing:border-box;
background:#003;
color:#f3f3f3;
padding-bottom:1.75em;
}

/*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:#222	;
height:2.4em;
padding:0em  0.5em 0em;
z-index:7;
position:fixed;
border-bottom:0.2em solid #333;
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.3em;
padding:0.1em 1% 0.2em;
z-index:5;
box-sizing:border-box;
}
.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, */	
margin: 0 0.15em 0 0 ;
max-height:100%;
}
.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;
}
.headerIconBox{
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:0.5em 0.3em 0em 0em;
max-height:100%;
box-sizing:border-box;
}
.mcartButton{
margin-left:auto;
margin-right:0.4em;
width:1.5em;
height:1.5em;
margin-bottom:0.15em;
}
.menuButtonCont{
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.2em 0 0em 0.5em;
vertical-align:top;
border:0;
padding:0em 0em ;
z-index:7;
display:block;
border:0em solid #aaa;
right:0.85em;
border-top:0;
box-sizing:border-box;
}
.navButton img{
max-width:100%;
}
.navButton{
background:#333;
vertical-align:top;
border:0;
height:100%;
padding:0.2em 0.3em;	
margin:0em 0em ;
z-index:7;
box-sizing:border-box;
}
.navButton:hover{
opacity:0.9;
background:#521;
}
.navMenuImg{
height:1.83em;
filter:invert(80%);
}
.headerIcon{
max-height:93%;
max-width:93%;
height:auto;
padding:0;
margin-right: 0.8em ;
opacity:0.8;
filter:invert(80%);
}
.header-logo{
max-height:100%;
max-width:100%;
padding:0em 0 0 ;
margin: 0em auto 0 1em;
}
.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:78%;
font-size:87%;
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.8);
padding:0.1em 0 0.3em;
	
}
.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:3em;
background:transparent;
background:rgba(215,215	,215,0.8);
padding:0.3em 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; 
}
.mediaImg{
width:1.4em;
height:1.4em;
margin:0 0.2em;
box-sizing:border-box;
}



/*navigation*/
.closeButton{
background:#fff;
color:#a66;
vertical-align:top;
position:fixed;
top:1.4em;
right:1.2em;
border:0;
height:2.5em;
width:2.5em;
font-size:1.1em;
padding:0.2em;	
margin:0.1em;
z-index:7;
opacity:0.7;
display:inline-block;
border:0.08em solid #c55;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size:100%;
}
.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(22,22,55,0.94);
z-index:7;
display:block;
width:100%;
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;
width: 6em;
height:6em;
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;
}
.navIcon{
display:inline-block;
height:1.05em;
opacity:65%;
margin:0em 0.2em;
padding-bottom:0.15em;
vertical-align:bottom;
filter:invert(100%);
}
.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;
}



/*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: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, */
}
.mobileSlide{
position:relative;
-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, */
box-sizing:border-box; 
text-align:right;
padding:2em 1em 1em 3.7em;
max-width:100%;
width:100%;
min-height:80%;
height:85%;
line-height:1.2;
background-image: url("img01-m.jpg");
background-position:center;
background-size:cover;

}
.mobileSlide h2{
font-size:165%;
}
.mobileSlideLogo{
max-width:100%;
max-height:100%;
width:55%;
}
.mobileSlide2{
position:relative;
-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, */
box-sizing:border-box; 
text-align:left;
padding:2.5em 3 3em 0.3em;
max-width:100%;
width:100%;
min-height:50%;
line-height:1.2;
background-image: url("img02-m.jpg");
background-position:0em;
background-size:155% 110%;
}
.mobileSlide2 p{
color:#9ff;
width:63%;
padding:0.3em 0 0.2em 0.7em;
line-height:1.2;
font-size:105%;
}
.mobileSlide2 h2{
font-size:175%;
color:#fff;
width:55%;
padding-left:0.47em;
border-bottom:0.1em solid #eee;
}
.splasher{
position:fixed;
top:0;
z-index:9;
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.2em ;
background:#003;
width:100%;
height:100%;
}
.splasher img{
max-width:100%;
margin:0 auto;
}
.splasherMobile{
box-sizing:border-box;
position:fixed;
top:0;
z-index:10;
max-width:100%;
width:100%;
height:100%;
background:#030f1c;
background-image: url("loader-m.jpg");
background-position:top;
background-size:contain;
background-repeat:no-repeat;
}
.mainSlide{	
-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;
box-sizing:border-box;
margin:0.4em auto 0;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
z-index:4;
width:100%;
}
.slideCont{	
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;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
width:100%;
}
.spacerimg{	
opacity:0;
z-index:-1;
}
.spacerimg2 .mobile{
position:absolute;	
width:1px;
height:100%;
z-index:-1;
}
.imgSlideshow{
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;
justify-content: center;
position:relative;
width:100%;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
z-index:2;
height:100%;
}
.imgSlideshow img{
position:absolute;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
}
.activeImg {
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
}
.contain-main{
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;
margin:0.5em auto 0;
width:98%;
padding: 0.85em;
font-size:100%;
border:0.2em solid #9affff;
-webkit-border-radius: 0.6em;
-moz-border-radius: 0.6em;
border-radius: 0.6em;
background:#063eac;
}
.contain-main h1{
	line-height:1.3;
	font-size:180%;
	color:#fc0;
	font-family:mukta;
}
.contain-main h2{
	line-height:1.3;
	font-size:155%;
}
.contain-main p{
color:#9affff;
	line-height:1.5;
	font-size:95%;
}
.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; 
}
.main{
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:0.2em auto 0.2em;
padding:0.5em 1em 0.2em;
color:#777;
box-sizing:border-box;
}
.main h1{
color:#333;
}
.main h3{
	font-size:175%;
}
.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;
background:#fafafa;
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:88%;
margin:0em auto auto;
padding:1em 1.8em 1em;
border:0.15em solid #e8e8e8;
text-align:center;
color:#333; 
background:#fcfcfc;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
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:85%;
min-height:85%;
margin:auto auto 0;
padding:1em 0.5em ;
text-align:left;
border:0.15em solid #e8e8e8;
color:#666; 
background:#f3f3f3;
-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:95%;
margin:0em auto 0.5em;
padding:0.3em 1.1em 1em;
text-align:center;
border:0.15em solid #e8e8e8;
color:#777; 
background:#fcfcfc;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
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*/
.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;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;  
margin:0 0em;
}
.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;
background:#fafafa;
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;
-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.6em 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:0.25em 0em ;
margin:0em 0 0.2em ;
background:#f3f3f3;
font-size:100%;
width: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.55em 0.5em 0.5em ;
margin:0.1em 0.4em ;
background:#157;
text-align:right;
font-size:110%;
-webkit-border-radius: 0.45em;
-moz-border-radius: 0.45em;
border-radius: 0.45em;
}
.walletLabel{
font-size:85%;
color:#ccc;
padding:0.05em 0em;
line-height:1.1;
font-family:Mukta;
}
.walletInfo{
font-size:150%;
color:#fff;
font-family:Glory;
padding:0 0em;
letter-spacing:0.5;
line-height:1.15;
}
.walletBox2{
-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.55em 0.2em 0.5em 0;
margin:0em 0.25em 0;
background:#396;
color:#ccc;
text-align:center;
font-size:110%;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.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{
-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 0em 0.6em 0;
margin:0em 0.15em 0;
background:#f6f6f6;
color:#666;
text-align:center;
font-size:120%;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
}
.walletLabelB{
font-size:100%;
color:#888;
padding:0.1em 0em 0;
line-height:1.1;
letter-spacing:0.2;
font-family:Mukta;
}
.walletInfoB{
font-size:150%;
color:#069;
font-family:Glory;
padding:0 0em;
letter-spacing:0.2;
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;
}

.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;
}
.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{
-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.15;
height:auto;
margin:0em 0em ;
color:#eee;
padding:0.5em 0em 0.17em;
text-align:Center;
background:#333;
z-index:5;
box-sizing:border-box;
}
.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:80%;
-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: rgb(35,70,232);
background: linear-gradient(0deg, rgba(15,70,232,1) 0%, rgba(40,212,215,1) 100%);
margin:0.2em 0.15em;
padding:0.5em 1.25em 0.35em;
border:0.12em outset #add;
border-left:1px outset #add;
border-top:1px outset #add;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
box-sizing:border-box;
}
.loginButton:hover{
background:#8bd;
color:#666;
border:2px outset #fff;
border-left:1px outset #fff;
border-top:1px outset #fff;
}
.loginButton:active{
background:#269;
border:2px 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: rgb(0,170,2);
background: linear-gradient(0deg, rgba(0,141,2,1) 0%, rgba(95,190,70,1) 82%);
margin:0.2em 0.15em;
padding:0.5em 1.25em 0.35em;
border:0.12em outset #6a6;
border-left:1px outset #6a6;
border-top:1px outset #6a6;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
box-sizing:border-box;
}
.loginButton2:hover{
background:#6DA;
color:#fff;
border:1px outset #fff;
border-left:1px outset #fff;
border-top:1px outset #fff;
}
.loginButton2:active{
background:#3c6;
border:1px outset #fff;
border-left:1px inset #ddd;
border-top:1px inset #eee;
color:#eee;
}
.prodBtn,.prodBtn:link,.prodBtn:visited,.prodBtn:active{
display:inline;
width:auto;
color:#fff;
margin:0.1em auto;
font-family: Yanone Kaffeesatz;
font-weight:normal;
font-size:95%;
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.45em 0.65em 0.35em;
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;
}
.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 {
margin:0 auto;
width: 5em;
height:5em;
display:block;
box-sizing:border-box;
padding: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.15em 0.2em 0.8em;
background:#f6f6f6;
margin:0.1em 0.0em;
font-size:100%;
overflow:auto;	
box-sizing:border-box;
}
.tableWrap h1{
color:#268;
line-height:1;
padding:0 0.25em;
}
.tableWrap h2{
color:#777;
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:89%;
margin:0 auto;
border:0.0em solid #e;
border-top:0.1em solid #ddd;
border-bottom:0.15em solid #ccc;
border-spacing:0px 0;
caption-side: bottom;
overflow:auto;	
}
.tableHead{
display: table-header-group;
color:#fff;
background:#378;
font-family:Mukta;
font-weight:normal;
font-size:94%;
}
.tableRow a{
color:#000;
}
.tableHead a{
color:#fff;
}
.tableCell{
display: table-cell;
vertical-align:middle;
width:auto;
margin:0 auto;
}
.tableRow{
display: table-row;
background:#fcfcfc;
}
.tableRow2{
display: table-row;
background:#eee;
}
.tableHead .tableCell{
padding:0.3em 0.1em 0.1em;
border-bottom:2px solid #ddd;
line-height:1.1;
}
.tableRow .tableCell,.tableRow2 .tableCell{
padding:0.25em 0.0em 0.1em;
line-height:1.2;
font-family:Glory;
font-weight:normal;
color:#222;
border-bottom:2px solid #f6f6f6;
font-size:90%;
margin:0 0 0 0;
}
.tableCell:first-child{
padding-left:0em;
}
.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{
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.2em;
padding:0em 0em ;
text-align:left;
border:0em solid #e5e5e5;
text-align:left;
color:#333; 
background:#abb;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
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:80%;
line-height:1.15;
letter-spacing:0;
font-family:Glory;
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.25;
font-size:120%;
font-weight:normal;
line-height:1.2;
font-family:glory;
width:100%;
padding:0em 0.2em 0;
color:#D30;
box-sizing:border-box;
}
.prodCol img,.divCol img{
max-height:100%;
max-width:100%;
width:100%;
padding:0;
margin:0 auto;
border-bottom:0.15em solid #999;
-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.05em 0.1em;
line-height:1;
font-size:72%;
color:#999;
font-family:mukta;
}
.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 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;
-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.1em 0.1em;
-webkit-border-radius: 0.7em;
-moz-border-radius: 0.7em;
border-radius: 0.7em;
-webkit-border-top-left-radius: 1em;
-moz-border-top-left-radius: 1em;
border-top-left-radius: 1em;
-webkit-border-top-right-radius: 1em;
-moz-border-top-right-radius: 1em;
border-top-right-radius: 1em;
background:#fff;
}
.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:auto;
margin:0;
padding:0;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
-moz-flex-wrap:wrap;
flex-wrap:wrap;
}
.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 0em ;
-webkit-border-radius: 3%;
-moz-border-radius: 3%;
border-radius: 3%;
border:0em solid #aaa;
padding:0.2em 0.15em;
width:16%;
background:#fff;
}
.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;
border:0.15em solid #e5e5e5;
text-align:left;
color:#333; 
background:#abb;
-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 1em 0em;
padding:0.1em 0em 0;
background:rgba(255,255,255,0.98);
box-sizing:border-box;
}
.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{
-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:0 auto;
box-sizing:border-box;
border-bottom:0.15em solid #eee;
width:100%;
}
.viewImg img{
width:70%;
margin:0 auto;
}
.viewDesc{
-webkit-box-flex: 1.8; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1.8; /* OLD - Firefox 19- */
-webkit-flex: 1.8; /* Chrome */
-ms-flex: 1.8; /* IE 10 */
flex: 1.8; /* NEW, */
margin:0 0;
padding:0.5em 0.8em 0.5em;
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:gotham;
}
.viewDesc h3{
font-size:130%;
line-height:1.1;
font-family:Play;
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:16%;
background:#fafafa;
box-sizing:border-box;
}
.viewCont{
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 0.3em 0.1em;
-webkit-border-radius: 1%;
-moz-border-radius: 1%;
border-radius: 1%;
padding:0.5em 0.4em 1em;
color:#666;
font-family:gotham;
line-height:1.35;
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:#999;
letter-spacing:0.5;
}
.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: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;	
}
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}



@media all and  (min-width: 1210px){
.mainWrap{
min-height:100%;
min-width:100%;
padding-bottom:2.5em;
}
.bodyWrap{
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; 
min-height:90%;
margin-bottom:0;
}
.header{
height:3em;
padding:0em 6.5em 0.1em;
font-size:100%;
}
.headerSpacer{
height:2.5em;
}
.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, */	
margin: 0 0 0 0 ;
padding:0 0.8em 0 0.2em;
max-height:100%;
}
.headerTextBox{
-webkit-box-flex:8.5; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 8.5; /* OLD - Firefox 19- */
-webkit-flex: 8.5; /* Chrome */
-ms-flex: 8.5; /* IE 10 */
flex: 8.5; /* NEW, */	
margin:auto auto 0 auto;
}
.headerIconBox{
margin:0.5em 0.2em 0em 0;
max-height:100%;

}
.headerIcon{
max-height:100%;
max-width:100%;
height:auto;
padding:0 0 0.15em;
margin-right: 0.5em ;
opacity:0.7;
}
.headerIconBox .mediaImg{
width:1.35em;
height:1.35em;
margin:0.15em 0.3em 0;
}
.header-logo{
max-height:130%;
max-width:130%;
padding:0em 0 0 ;
margin: -0.25em auto 0 1em;
}
.menuButtonCont{
}
.navMenuImg{
height:1.8em;
}
.navButton{
}
.header p{
font-family:Mukta;
font-size:100%;
color:#ddd;
padding:0 0 0em;
width:auto;
margin:auto auto 0em;
box-sizing:border-box;
}
.notificationBox{
margin:0.5em auto ;
padding: 0.9sm 3.5em ;
color:#244;
font-size:100%;
line-height:1.45;
BORDER:0.16em outset #C66;
}
.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%;
}

.splasher{
position:fixed;
top:0;
z-index:9;
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:1em ;
background:#003;
width:100%;
}
.splasher img{
max-width:100%;
margin:0 auto;
}
.mainSlide{	
box-sizing:border-box;
margin:0.4em auto 0;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
z-index:4;
width:80%;
height:100%;
}
.slideCont{	
box-sizing:border-box;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
width:100%;
}
.spacerimg{	
opacity:0;
z-index:-1;
}
.imgSlideshow{
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;
justify-content: center;
position:relative;
width:100%;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
z-index:2;
height:100%;
}
.imgSlideshow img{
position:absolute;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
}
.activeImg {
}
.contain-main{
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;
margin:0.5em auto 0;
width:85%;
padding: 1em;
font-size:110%;
border:0.2em solid #9affff;
-webkit-border-radius: 0.6em;
-moz-border-radius: 0.6em;
border-radius: 0.6em;
background:#063eac;
}
.contain-main h1{
	line-height:1.3;
	font-size:200%;
	color:#fc0;
	font-family:mukta;
}
.contain-main h2{
	line-height:1.3;
	font-size:175%;
}
.contain-main p{
color:#9affff;
	line-height:1.5;
	font-size:103%;
}


.loginBox{
width:30%;
padding:0.1em 3.5em ;
}
.registerForm{
width:40%;
margin:0em auto 0em;
padding:0.7em 3em ;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
font-size:110%;
}
.colMobile{
width:65%;
margin:0 auto;
padding:0.5em 3em; 
background:#fff;
}
.main{
background:#fff;
}
.mainDb{
padding:0.3em 5em;
width:80%;
}
.prodCol{
margin: 0.1em 0.1em 0.2em;
-webkit-border-radius: 0.7em;
-moz-border-radius: 0.7em;
border-radius: 0.7em;
width:19.5%;
}
.prodCol img{
padding-bottom:0.05em;
border-bottom:0.25em solid #bbb;
}
.productBody{
font-size:100%;
width:80%;
margin:0em auto 0.2em;
padding:0em 0em ;
text-align:left;
border:0em solid #e5e5e5;
background:#ccc;
-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:125%;
line-height:1.3;
letter-spacing:0.15;
padding:0.1em 0.12em 0.1em;
width:100%;
}
.prodCol h3{
letter-spacing:0.3;
font-size:170%;
line-height:1.2;
width:100%;
padding:0em 0.15em 0;
}
.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:85%;
margin:0em auto 0em;
padding:0em 0em 0.5em;
text-align:left;
border:0em solid #e5e5e5;
text-align:left;
color:#333; 
background:#abb;
-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:75%;
margin:0.5em auto 0em;
padding:0em 2em 0.2em;
}
.boxWrap{
margin:0 auto 0;
padding:0.7em 1em 0.5em;
}
.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:60%;
margin:0em auto 0.5em;
padding:0.5em 7em 1em;
text-align:center;
border:0.15em solid #e8e8e8;
color:#777; 
background:#fcfcfc;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
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%;
}
.tableHead{
font-size:98%;
}
.tableHead .tableCell{
padding:0.4em 0.4em 0.15em;
}
.tableRow .tableCell,.tableRow2 .tableCell{
padding:0.3em 0.4em 0.15em;
line-height:1.1;
border-bottom:2px solid #f6f6f6;
font-size:95%;
}
.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;
}

.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 auto 0.2em;
padding:0.1em 0.5em ;
background:#fff;
width:45%;
}
.viewImg img{
width:50%;
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{
-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%;
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.8em 0.5em 0.5em;
line-height:1.1;
font-size:100%;
order:2;
min-width:100%;
}
.viewDesc h1{
display:inline;
font-size:125%;
font-weight:normal;
color:#333;
line-height:1.1;
padding:0;
margin:0;
font-family:gotham;
text-decoration:none;
}
.viewDesc h3{
font-size:125%;
line-height:1.4;
font-family:Play;
padding:0em 0 0.2em;
color:#e30;
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.5em 1em 0.8em;
color:#777;
font-family:gotham;
line-height:1.05;
font-size:100%;
font-weight:normal;
}
.viewCont h2{
font-size:115%;
line-height:1.5;
font-weight:normal;
font-family:Gotham;
padding:0em;
color:#999;
letter-spacing:0.4;
}
.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;
}

.mobileSlide,.mobileSlide2{
display:none;
visibility:hidden;
}
.desktop{
display:block;
visibility:visible;
}
.mobile{
display:none;
visibility:hidden;
}
.footer{
	position:fixed;
	bottom:0;
}
}