body {
    background: #fff;
    font-family: 'Raleway', sans-serif;
    color: #000;
}
h1 {
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
}
h3 {
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 15.4px;
}
p {
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
}
blockquote {
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 30px;
}
pre {
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18.5714px;
}
h1, h2, h3, h4, h5, h6, a {
    margin:0; padding:0;
}
.logo {
    margin: 15px auto 30px auto;
    width: 340px;
}
.around-logo {
    text-align: center;
}
#submitted h3 {
    text-align:left;
    margin-left:40px;
}
.container {
    border-radius: 5px;
    width: 100%;
    text-align: center;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
    .col-95, .col-5, input[type=submit], input[type=button] {
        width: 100%;
        margin-top: 0;
    }
}

input[type="email"], input[type="password"], input[type="text"] {
    width: 73%;
    line-height:1.5em;
    font-size: 1.1em;
    margin: 0 auto;
    border-radius:40px;
    border:2px solid #f2f2f2;
    outline:none;
    padding-left:10px;
    display: inline-block;
    box-sizing: border-box;
    resize: vertical;
}

.btn {
    margin-top: 20px;
    height: 36px;
    width: 118px;
    background: #646a7c;
    border:1px solid #646a7c;
    border-radius:20px;
    color: #fff;
    text-transform:uppercase;
    cursor: pointer;
}

@media only screen and (min-width : 150px) and (max-width : 530px){
    .login-form h3 {
        text-align:center;
        margin:0;
    }
    .button {
        margin-bottom:10px;
    }
}
html, body {
    height: 100%;
}

#wrap {
    min-height: 100%;
}

.social {
    margin: 20px auto;
    width: 470px;
}

.help-tip{
    display: inline-block;
    position: relative; /* modified */
    text-align: center;
    background-color: grey;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default;
}

.help-tip:before{
    content:'?';
    font-weight: bold;
    color: #000;
}

.help-tip:hover p{
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{  /* The tooltip */
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 5px;
    width: 200px;
    position: absolute;
    top: 32px;     /* added */
    right: 10px;  /* added */
    z-index: 999;  /* added */
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}

.help-tip p:before{ /* The pointer of the tooltip */
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#1E2021;
    right:63px;
    top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
    width:0;
    height:0px;
    content:'';
    position: absolute;
    top:-40px;
    left:0;
}

select {
    height: 40px;
}

.breadcrumb {
    text-align:center;
    background-color: inherit !important;
    font-size: 1.7em;
}

.white-top-text {
    padding-top: 10px;
    font-size: 1.3em;
}

.white-bottom-text {
    padding-bottom: 10px;
    font-size: 1.3em;
}

.bottom-links {
    color: #000 !important;
}

.bottom-links a, .bottom-links a:hover, .bottom-links a:visited, .bottom-links a:link, .bottom-links a:active {
    color: #000 !important;
    text-decoration: underline;
    text-decoration-color: white;
}

.chosen-single span {
    padding-top: 5px;
    font-size: 1.1em;
}

.slick-slides {
    color: #aaaaaa;
}

.slick-dots li button:before {
    font-size: 20px !important;
    line-height: 20px !important;
    color: #000 !important;
}

.slick-slide, .slick-slide *{ outline: none !important; }

.your-moodo-title {
    color: #cccccc;
    font-size: 1.3em;
}