/* ion blue #00255b rgb(0,37,91) */

h3 {
  text-align: center;
  margin-bottom: 50px;
}

.content {
  margin-top: 30px;
}

/*input, #btnSignUp, #btnBackToLogIn, #btnBackToCreate {*/
/*  margin: 0 auto;*/
/*  width: 70% !important;*/
/*}*/

/*label, ol, .btn-ml{*/
/*  margin-left: 15%;*/
/*}*/

#btnLogIn {
  margin-right: 10px;
}

#btnSignUp, #resetPassword, #btnBackToLogIn, #btnBackToCreate {
  display:block;
  margin-top: 20px;
}

#confirm  h4 {
  margin: 0 auto;
  width: 70% !important;
}

li {
  margin-bottom: 5px;
  margin-top: 5px;
}

.navbar-default .dropdown li {
    margin: 0 ;
}

img {
  display: block;
  margin: 0 auto;
}

.image-wrapper {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  margin-bottom: 30px;
  height: 240px;
  width: 150px;
}

.image-div {
  height: 150px;
  width: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.profile-image-div {
    height: 60px;
    width: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mt-20 {
    margin-top: 20px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-10 {
    margin-top: 10px;
}
.progress-text{
    /* float: right; */
    font-weight: bold;
}
.profile-font{
    font-family: "lucida calligraphy";
}
.level{
    font-family: initial;
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 5px;
}

.image-wrapper-inner {
  height: 150px;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 170px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: black;
  text-align: center;
}

.image-wrapper-inner p {
  font-size: 17px;
}

.image-wrapper:hover .image-wrapper-inner {
  top: 0;
  background: rgba(0,37,91,0.7);
  color:white;
  font-size: 17px !important;
  padding-top: 50px;
}

.image-wrapper:hover p {
  font-size: 17px !important;
}

#rvTask {
  background-image: url("../images/remoteviewing.jpg");
}

#lrvTask {
  background-image: url("../images/rvtestsm.png");
}

#locationTask {
  background-image: url("../images/locationtask.jpg");
}

#bubbleTask {
    background-image: url("../images/circleshape.png");
}

#jarTask {
    background-image: url("../images/jarintiution.jpg");
}

#cardDrawTask {
    background-image: url("../images/carddrawtask.jpg");
}

#cardTask {
    background-image: url("../images/cardtask.jpg");
}

#sequentialTask {
    background-image: url("../images/sequentialcardtask.jpg");
}

#lotteryTask {
    background-image: url("../images/lotterytask.png");
}

a {
  text-align: center;
}
.details{
    font-weight: bold;
    text-decoration: underline;
    color: black !important;
}
.star {
    color: orange;

}

#donate-button {
  background-color: orange;
  margin-bottom: 5px;
  width: 125px;
  border-radius: 25px;
  color: black;
  font-weight: bold;
}

.donate-column {
  background: rgba(0,37,91,0.7);
  width: 100%;
  padding: 2%;
  color: white;
  text-align: right;
}

.donate-column .col-md-7 a {
  color: white;
  text-decoration: underline;
}
.donate-column .col-md-5 a {
  float: left;
}

#contribute-opportunity {
  text-align: left;
  color:  rgb(0,37,91);
  margin-bottom: 20px;
  font-weight: bold;
}

#return {
  text-align: center;
}

#IE{
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}

.btn-google {
    color: white;
    background-color: #40E0D0;
    box-shadow: 0 1px 2px 1px #ddd;
    /*width: 200px;*/
    margin: 0;
}
.btn-google img{
  position: relative;
  top: 2px;
}
.level-img{
    display: inline;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.level-img > img {
    margin-left: 7px;
}

.rank-img{
    margin: 0;
    margin-left: auto;
}

.p-0{
    padding: 0;
}
.stars{
    position: relative;
    left: -30px;
}
.see-detail{
    position: relative;
    left: -70px;
}

.navbar-default .navbar-nav > li > a:hover{
    color:blueviolet !important;
}

.navbar-brand > img:hover{
    filter:invert(70%) grayscale(40%) brightness(30%) sepia(70%) hue-rotate(-50deg) saturate(400%) contrast(5);
}

.gender-btn{
    font-family: sans-serif;
    text-decoration: none !important;
    background: #4679b2;
    color: #fff !important;
    padding: 5px;
    border-radius: 5px;
    min-width: 82px;
    display: block;
    float: left;
    text-align: center;
}

.profile-font > .row{
  position: relative;
}
.profile-btns{
  display: flex;
  justify-content: space-evenly;
}
.panguin-top{display: none;}
.lottery-image-left{margin-top: 30px;}

.target-radio label{padding-left: 0;margin: 0;}

.pb{
    padding-bottom: 20px;
}


@media(max-width:991px){
  .level-img{position: relative;top: 0;    margin-bottom: 40px;}
}
@media(max-width:767px){
    .main-head{display: flex;justify-content: center;}
    .logo-img{width: 280px;}
    .stars, .see-detail, .skills-head, .prog-head{left: auto;text-align: center;}
    .profile-progress  .profile-image-div{margin: auto;}
    .panguin-bottom{display: none;}
    .panguin-top{display: block !important;}
    .profile-progress > h3{margin-bottom: -20px;}
    .login-btns{text-align: center;}
    .login-btns .btn-primary{margin: auto;width: 200px;}
    .login-btns .btn-google{display: block;margin: auto;margin-top: 15px;}
    .login-btns .ly-pass{margin: auto;}
    .verify-page-nav a{width: 100%;}
    .reset-pass-page #email{width: 100% !important;}
    .reset-pass-page label, ol, .btn-ml{margin: 0;margin-bottom: 10px;}
    .menu-profile{margin-bottom: 0 !important;}
    .menu-logout{margin-top: 0 !important;}
}
@media(max-width:500px){
  #btnSignUp{width: 100% !important;}
}

.m-auto {
 margin: auto;
}
.w-30 {
    width: 30vw;
}

@media(max-width: 992px) {
    .w-30 {
        width: 100%;
    }
}