/* Text Header */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}


/* For the function */

.msf_hide {
    display: none;
}

.msf_show {
    display: block;
}

.msf_bullet_o {
    margin-top: -30px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.msf_bullet_o>div {
    height: 15px;
    width: 15px;
    margin: 20px 10px;
    border-radius: 100px;
    z-index: 2;
}

.msf_bullet {
    background-color: #80bd1a;
}

.msf_bullet_active {
    background-color: #caef8a !important;
}


/* Just for decoration */

.msf_line {
    opacity: 0.3;
    background: lightgrey;
    height: 3px;
    width: 140px;
    display: block;
    left: 50%;
    margin-top: -29px;
    margin-left: -70px;
    position: absolute;
    z-index: 1;
}

.form_wrapper {
    min-width: 300px;
    position: absolute;
    top: 50%;
    margin-top: -160px;
}

fieldset {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    border-radius: 0px;
    border: none;
    padding: 10px 20px !important;
}

.next {
    margin-top: 20px !important;
    cursor: pointer;
    outline: none;
    border: none;
    padding: 15px !important;
    line-height: 0px;
    background-color: #fff;
    transition: all 150ms;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px;
}

.next:hover {
    background-color: #caef8a;
    color: #000;
}