html {
background: #000; 	
color:#444;	
}

body {
background-color:transparent;	
}


h1{	
margin-top:50px;
position:relative;
font-size:4.5em;
font-weight:700;
}

.onewrap {
position:relative;	
padding:0px;
}

.shop-1 {
position:relative;
min-height: 100vh;
margin:0;
border-bottom:solid 1px #444;
padding-bottom:80px;
}

.shop-1::before { 
background-image:url(../../img/learning.jpg);
opacity: 0.3;
content: "";
background-size: cover;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}

.shop-1 h1 {
color:#fff;
}


.shop-1-tbar {
position:absolute;
top:10px;
left:0;
width:100%;
padding:0 40px;
box-sizing:border-box;
}

.shop-1-tbar img {
position:relative;
width:80px;
height:100%;
}

.btnlogin {
float:right;
}

.seemore {
position:relative;
width:50px;
height:50px;
bottom:0;
margin:auto;
border-radius:25px;
background-color:#fff;	
color:#000;
opacity:1.0;
margin-top:60px;
text-align:center;
}

.seemore:hover {
border-radius:15px;
background-color:#222;
color:#fff;
transition:ease-in-out all 300ms;
cursor:pointer;

}
.seemore i {
position:relative;
top:12px;	
}

.subh2 {
position:relative;
text-align:center;
color:#fff;
font-size:38px;	
}



.username {
position:absolute;
right:80px;	
top:-30px;
font-size:10px;
}


.easub {	
text-align:center;
color:#aaa;
font-style:italic;
font-size:0.8em;
padding:20px;
}

.ealogo {
font-size:18px;	
font-weight:700;
color:#fff;
}


.ealogo img{
position:relative;
margin-right:5px;
width:14px;
height:auto;
top:2px;
}	

/*shop-6*/

.storeupdate {
margin:30px;
font-size:1.5em;
text-align:center;
}

.shop-6 {
border:solid thin #000;
text-align:center;
}

shop-6 h1 {
color:#111;
}


.shop-6, .shop-7 {	
position:relative;
padding:80px 60px;
border-bottom:solid 1px #444;
}


.shop-6 {	
background-color:#fff;	
}


/*shop-7*/


.shop-7 {	
background-color:#000;	
border-bottom:none;
color:#fff;
gap:40px;
display:flex;
}

.shop-7 .col{
flex:1;
}

.shop-7 img{	
max-width:100%;
}

.smalltext {
font-size:0.8em;	
}

.adjust-icon {
position:relative;
font-size:16px;
top:3px;
}

.edulogo {
width:150px;
height:auto;
}

.divasaas  {
width:50px;
height:auto;
position:relative;
top:4px;	
border-radius:4px;
}


/*STORE CARD */
	  
.storecard {
max-width:300px;
min-height:200px;
width:95%;
display:inline-flex;
flex-direction:column;
margin: 5px 5px;
border-radius:5px;
border:solid thin #ccc;
box-shadow: 5px 5px 5px #ccc;
background-color:#fff;
position:relative;
box-sizing:content-box;
}

.storecard:hover {
cursor:pointer;
opacity:0.7;
animation:pulsate 2s infinite;		
}

 .storecard-content {
position:relative;	
border-radius:3px;	
color:#fff;
padding:10px 10px;
min-height:125px;

}


  
.storecard-title{
font-size: 1.4em;
line-height:1.3em;
font-weight:500;
}


.storecard-sub-title{
display:inline-block;
position:relative;
margin:auto;
font-size:12px;
background-color:darkblue;
border-radius:3px;
padding:0 2px;
}

.storecard-type {
text-align:center;
position:relative;
width:90%;
margin:5px auto;
color:gold;
font-size:24px;
letter-spacing:5px;
display:block;
}



.storecard-image {
position:absolute;
opacity:1.0;
width:100%;
height:100%;
flex:1 1 auto;
border-radius:5px;
}


.storecard-image img {
border-radius: 5px 5px 0 0;	
height:100%;
width:100%;
position:relative;
}


.storecard-image:after {
position:absolute;
left:0;
content:'';
bottom:0;
height:100%;
width:100%;
background-image: linear-gradient(to bottom, rgba(22,25,32,1.0) 10%,transparent);
border-radius:5px;
}

.storecard-action {
border-radius: 0 0 5px 5px;
display:flex;
align-items:stretch;
justify-content:center;
padding:5px;
position:relative;
min-height:50px;
}

.storecard-cardcost {
position:relative;
color:#222;	
width:100%;
font-size:1.5em;
font-weight:700;
box-sizing:border-box;
border:solid thin red;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
border-radius:3px;
background-color:#ddd;
}

.storecard-cardcost em {
font-size:10px;	
}

.storecard-cardcost .subcost {
font-size:10px;	
color:#666;
}


/*details*/

.norenew {
color:#fff;
margin:40px auto;
width:70%;
text-align:center;
}

.volte {
text-align:center;
color:#ccc;	
margin:20px 0;
}

.details {
margin:40px;
box-sizing:border-box;
color:#fff;

}

.details h2{
color:#fff;
}


.subbutbox {
text-align:center;
margin-top:5px;
}


.subbutbox button {
flex-direction:column;
width:95%;
font-size:22px;
}

.subbutbox button span{
font-size:10px;
}

.flexwrap {
display:flex;
margin-bottom:20px;
padding:15px;
gap:30px;
font-size:1.2em;
line-height:1.4em;
background-color:#fff;
color:#111;
border-radius:10px;
}

.flexwrap .dimage img{
max-width:300px;
width:100%;
height:auto;
border-radius:4px;
box-shadow: 4px 4px 4px #444;
}

.flexwrap .dtext{
flex:1;
padding-left:20px;
}

.flexwrap div{
position:relative;
margin-bottom:20px;
}

.flexwrap .material-icons{
position:absolute;
left:-32px;
top:0;
}

.mpimage {
position:relative;
height:50px;
width:auto;
}


@media only screen and (max-width: 800px) {
.flexwrap {
flex-direction: column !important;
}
}


@media only screen and (max-width: 640px) {
	


.shop-1-tbar {
padding:0 20px;
}

.shop-1-tbar img {
width:60px;
}

.shop-1 .btnlogin {
padding:5px 10px;
}

.shop-6, .shop-7 {	
padding:40px 10px;
box-sizing:border-box;

}


.seemore {
margin-top:20px;
}

.subh2 {
font-size:1.4em;	
}

.easub {
font-size:0.8em;
}

}


@media only screen and (max-width: 500px) {

.shop-7 {
flex-direction: column !important;
}


.shop-7 p {
text-align:left;
}





	
}