.members-ico {
float:left;
width:100%;
margin:60px 0 20px 0;
font-size:7rem;
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align:center;
}
.orders-cont {
position: relative;
float:left;
width:95%; 
margin:0 0 40px 2.5%;
padding:0 0 30px 0;
}
.orders-ttl {
float:left;
width:100%; 
margin:60px 0 10px 0;
font-family:'Dancing Script', cursive;
font-size:2.9rem;
font-weight: 600;
color:#F5C70A; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align:center;
}
.orders-ico {
float:left;
width:100%;
margin:20px 0 20px 0;
font-size:4.5rem;
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align:center;
}
.cart-check-ttl {
float:left;
width:90%;
margin:10px 5% 20px 5%;
font-family:'Dancing Script', cursive;
font-size:3.2rem;
font-weight: 600;
color:#F5C70A; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
}
.sign-cont {
position:relative;
float:left;
width:60%; 
margin:0 20%;
padding:0 0 60px 0;
background-color:#000;
}
.sign-ttl {
float:left;
width:90%; 
margin:30px 5% 0 5%;
font-family:'Dancing Script', cursive;
font-size:3.5rem;
font-weight: 600;
color:#F5C70A; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
}
.sign-section {
float: left;
width:100%;
margin:0;
padding:0;
}
.ss-mar {
margin-top:90px;
padding-bottom:250px;
}
.sign-intro {
float:left;
width:80%; 
margin:0 10% 10px 10%;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 300;
line-height:2.2rem;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
}
.si-mar {
margin-top:70px;
padding-bottom:70px;
}
.sign-intro a {
font-weight:900;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:center;
color:rgba(255,255,255,0.55);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
outline: none;
text-decoration: none;
border-bottom:2px dotted rgba(255,255,255,0.55);
transition:0.5s ease;
}
.sign-intro a:hover {
color:rgba(255,255,255,0.95);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}
.sign-btn {
float:left;
width:80%; 
margin:20px 0 10px 10%;
padding:20px 0;
border:3px solid #fff;
background-color:#D83A5699;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:1.3rem;
font-weight:700;
letter-spacing:0.075em;
color:#fff; 
text-transform:uppercase;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
box-shadow:rgba(0,0,0,0.75);
transition:0.5s ease;
cursor:pointer;
}
.sign-btn:hover {
background-color:#fff;
color:#616161;
text-shadow:none;
}
.sign-link {
word-wrap:break-word;
font-style:none; 
font-size:1rem;
}
.sign-out {
float:left;
width:90%; 
margin:25px 5% 10px 5%;
padding-top:15px; 
border-top:2px solid #D83A56;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 300;
line-height:2.2rem;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
}
.sign-out a {
font-weight:900;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:center;
color:rgba(255,255,255,0.55);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
outline: none;
text-decoration: none;
border-bottom:2px dotted rgba(255,255,255,0.55);
transition:0.5s ease;
}
.sign-out a:hover {
color:rgba(255,255,255,0.95);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
} 
.fav-ttl {
float:left;
width:98.5%; 
margin:0 0 30px 0;
padding:20px 0;
background-color:rgba(0,0,0,0.75);
font-family:'Dancing Script', cursive;
font-size:3.2rem;
font-weight: 600;
color:#F5C70A; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
}
.ft-ico {
margin:0 7px 0 0;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
font-size:3.2rem;
color:#f00;
}
.ft-full {
float:left;
width:100%;
margin:0;
padding:0;
}
.ft-half {
float:left;
width:45%;
margin:0;
padding:0;
}
.fth-margin {
margin:0 0 0 5%;
}
.form-ttl {
float:left;
width:80%;
margin:15px 0 5px 10%;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:700;
font-size:0.8rem;
letter-spacing: 0.075em;
color:#eee;
text-shadow: 1px 1px 2px rgba(0,0,0,.75);
text-transform: uppercase;
}
.field {
float:left;
width:75%;
margin:0 0 10px 10%;
padding:12px 2.5%;
border:none;
outline:none;
background-color:#fff;
font-family: 'Merriweather', Helvetica, sans-serif;
font-size:1.1rem;
font-weight:300;
font-style:italic;
color:#787878;
text-shadow:none;
}
.username {
display:none;
}
.ver-bar {
float:left;
width:80%;
margin:20px 10%;
padding:30px 0;
box-shadow:1px 1px 2px rgba(0.0.0.80);
text-align:center;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:400;
font-size:1rem;
letter-spacing: 0.075em;
text-transform: uppercase;
color:#fff;
text-shadow:1px 1px 2px #000;
z-index:9999;
}
.ver-mb {
float:left;
width:90%;
margin:20px 0 20px 5%;
text-align:center;
}
.ver-ico {
margin:0 auto 20px auto;
font-size:4.2rem;
text-align:center;
}
.ver-ico-two {
margin:0 auto;
font-size:1.7rem;
text-align:center;
}
.ver-link {
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:1.2rem;
font-weight:700;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:center;
color:rgba(255,255,255,0.85);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
outline: none;
text-decoration: none;
border-bottom:2px dotted rgba(255,255,255,0.55);
transition:0.5s ease;
}
.ver-link:hover {
color:rgba(255,255,255,0.95);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}
.order-conf {
float:left;
width:78%;
margin:50px 0 50px 10%;
padding:30px 0;
border:4px solid #fff;
box-shadow:1px 1px 2px rgba(0.0.0.80);
text-align:center;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:400;
font-size:1rem;
letter-spacing: 0.075em;
text-transform: uppercase;
color:#fff;
text-shadow:1px 1px 2px #000;
z-index:9999;
}
.order-conf span {
font-size:1.5rem;
}
.oc-mb {
float:left;
width:90%;
margin:20px 0 20px 5%;
text-align:center;
}
.oc-mb span {
font-size:1.6rem;
}
.oc-ico {
margin:30px auto 0 auto;
font-size:6.5rem;
text-align:center;
}
.oc-ico-two {
margin:0 auto;
font-size:1.7rem;
text-align:center;
}
.mem-field {
float:left;
width:80%;
margin:0 0 10px 10%;
padding:12px 2.5%;
border:none;
outline:none;
background-color:#fff;
font-family: 'Merriweather', Helvetica, sans-serif;
font-size:1.1rem;
font-weight:300;
font-style:italic;
color:#787878;
text-shadow:none;
}
.orders-cont {
position:relative;
float:left;
width:60%; 
margin:0 20%;
padding:0 0 60px 0;
background-color:#000;
}
.orders-innr {
float:left;
width:90%;
margin:0 0 0 5%;
}
.orders-txt {
float: left;
width:90%; 
margin:5px 5% 5px 0;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:0.9rem;
font-weight:700;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:left;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left; 
}
.orders-txt span {
font-size:1rem;
color:#D83A56;
}
.orders-odrno {
float:left;
width:90%;
margin:0 0 20px 0;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:1.2rem;
font-weight:700;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:left;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left; 
}
.orders-odrno span {
font-size:1rem;
color:#666699;
}
.ot-ftsz {
font-size:1.4rem;
}
.username {
float:left; 
height:1px; 
width:1px;
background: transparent; 
border:none;
}
.acc-ico {
margin-right:10px;
font-size:1.7rem;
}
chkSet-a {
float:left;
width:70%;
margin:0 0 20px 10%;
padding:10px 5%;
border:4px solid #cecece;
background-color:#000;
}
.chkSet-b {
float:left;
margin:5px 0 0 0;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:700;
font-size:1.1rem;
letter-spacing: 0.075em;
text-transform: uppercase;
color:#fff;
text-shadow:1px 1px 2px #000;
}
.chkSet-c {
float:right;
}
.checkOn-a {
float:left;
width:45px;
margin:0;
padding:5px;
border-radius:20px;
}
.checkOn-a:hover {
cursor:pointer;
}
.checkOn-b {
float:right;
height:26px;
width:26px;
background-color:#fff;
border-radius:100%;
}
.co-fl {
float:left;
}
.co-on {
background-color:#D83A56;
}
.co-off {
background-color:#ABABAB;
}

/* Make sure that padding behaves as expected */
* {box-sizing:border-box}

/* Container for skill bars */
.container {
  width: 100%; /* Full width */
  background-color: #ddd; /* Grey background */
}

.skills {
  text-align: right; /* Right-align text */
  padding-top: 10px; /* Add top padding */
  padding-bottom: 10px; /* Add bottom padding */
  color: white; /* White text color */
}

.html {width: 90%; background-color: #04AA6D;} /* Green */
.css {width: 80%; background-color: #2196F3;} /* Blue */
.js {width: 65%; background-color: #f44336;} /* Red */
.php {width: 60%; background-color: #808080;} /* Dark Grey */