@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,500);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300);

header {
    border-top: 4px solid #00aa9f;
}

.button, .button:active, .button.is-active,.button[disabled] {
    background-color: #ff795a;
    color: #fff;
}

.button:hover, .button.is-hovered {
    background-color: #ff796f;
    border-bottom: 3px solid #d15134;
    color: #fff;
}

.button {
    border-bottom: 3px solid #d15134;
    padding-bottom: calc(.375em - 1px);
    color: #fff;
}

.button.is-focused, .button:focus {
    border-color: #ff795a;
    color: #fff;
}

footer {
    background: #00aa9f;
}

.progressbar.step2 .progressbar-step {
    background: #45ccc3 !important;
}

.progressbar.step2 .progressbar-step.last .progressbar-number-container {
    border-color: #45ccc3 !important;
}

.progressbar-step-firsthalf {
    background: #45ccc3;
}
.progressbar-number-container {
    border: 16px solid #45ccc3;
}

.ui-menu .ui-menu-item .ui-state-active
{
    background:#45ccc3;
}

.input.is-active, .input.is-focused, .input:active, .input:focus, .textarea.is-active, .textarea.is-focused, .textarea:active, .textarea:focus {
    box-shadow: 1px 1px 2px #45ccc3 inset;
}

.select select.is-active, .select select.is-focused, .select select:active, .select select:focus {
    border-color: #45ccc3;
    outline: 0;
}

.valid .validation-marker,
.invalid .validation-marker{
    position: relative;
    background: none;
}

.valid .validation-marker:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #00aa9f;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

.invalid .validation-marker:before {
    content: "\f12a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #d6001c;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

.navbar {

}

.navbar-menu {
    
}

.navbar-item {
    color: #00aa9f;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
    font-family: Roboto;
    padding-left: .9rem;
    padding-right: .9rem;
}

a.navbar-item:hover, a.navbar-link.is-active, a.navbar-link:hover {
    background-color: inherit;
    color: #00aa9f;
    font-weight: 700;
}
footer { padding-top: 14px; }

footer p,
footer a,
footer a:hover{ 
    color: #fff;
    font-size: 15px;
}

footer h1.title{ color: #fff;}


footer .designed p {
    opacity: 0.4;
    font-size: 14px;
}

.navbar-item img {
    max-height: 77px;
}

header h1 { margin-top: 24px; }

.navbar-burger span {
    background-color: #00aa9f;
}

.processing-text{ margin-top: 5rem;}


@media only screen and (min-width: 769px) and (max-width: 1023px) {
    
    header .is-size-3 {
        font-size: 1.6rem!important;
    }
}

/*@media only screen and (min-width: 1216px) {
    
    .thanks footer {
        position: absolute;
        bottom: 2px;
        width: 100%;
    }
}*/

@media only screen and (max-width: 769px) {
    
    .logo-link img {
        width: 100px;
    }

    header h1 {
        float: left;
        margin-left: 5px;
    }

    header .logo-link {
        margin-top: 7px;
        float: right;
    }

}

@media only screen and (max-width: 400px) {
    
    header {
        /*margin-bottom: 3.5rem;*/
        padding-bottom: 0.5rem;
    }

}