.bg-top-header {
    background-color: #088087;
    margin-top: 0px !important;
    height: 45px;
    width: 100%;
    position: fixed;
    z-index: 1000;
}

.color-pink {
    color: #67afb7;
}
.smooth-trans .content {
    border: 1px solid #ebeaea;
    background-color: #d5d9dc24;
    border-radius: 3px;
    display: inline-block;
    width: 90%;
    margin: 0px 5%;
    margin-bottom: 10px;
}
.navbar-brand, .navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    max-height: 6.25rem;
    min-height: 3.25rem;
}

.footer-wrapper {
    background: #2f3c43 !important;
    color: white;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: auto;
}

.footer-wrapper li {
    padding: 0px 20px;
}

    .footer-wrapper ul {
        justify-content: center;
        display: flex;
    }
.footer-wrapper {
    height: none !important;
}

.has-text-dark {
    padding: 0px 40px;
    border-left: red solid 1px;
}

    .has-text-dark span:last-child {
        border-left: none !important;
    }

.navbar-center {
    font-size: 20px;
}

.navbar-brand, .navbar-item img {
    margin: 5px;
    max-height: 6.25rem;
    min-height: 3.25rem;
}
.navbar{
    margin-top:45px;
}
.top-header {
    margin: auto;
    font-size: 15px;
    align-content: center;
    align-items: center;
    background-color: #088087;
    margin-top: 0px !important;
    height: 45px;
}

.hero .navbar {
    background: 0 0;
}

.navbar {
    background-color: #fff;
    min-height: 3.25rem;
    position: relative;
    z-index: 30;
}

    .navbar > .container {
        align-items: stretch;
        display: flex;
        min-height: 3.25rem;
        width: 100%;
    }

.container {
    margin: 0 auto;
    position: relative;
}

.navbar-burger {
    color: #f0c24b;
    height: 2px;
}



.navbar-burger {
    color: #4a4a4a;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto;
}


.navbar-menu {
    display: none;
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), .hero.is-dark strong {
    color: inherit;
}

.navbar-brand, .navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem;
}

.navbar-brand, .navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem;
}

.navbar-brand, .navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem;
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), .hero.is-dark strong {
    color: inherit;
}

.hero.is-dark .navbar-item, .hero.is-dark .navbar-link {
    color: hsla(0,0%,97.3%,.7);
}

.navbar-link, a.navbar-item {
    cursor: pointer;
}


.navbar-item {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
}

.navbar-item, .navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
    position: relative;
}

e.is-96x96 {
    height: 96px;
    width: 96px;
}

.image {
    display: block;
    position: relative;
}

.navbar-menu {
    display: none;
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), .hero.is-dark strong {
    color: inherit;
}

.hero-head.sticky-top .navbar-menu .navbar-item {
    padding: 17px 0;
}

.hero.is-dark .navbar-item, .hero.is-dark .navbar-link {
    color: hsla(0,0%,97.3%,.7);
}

.navbar-link, a.navbar-item {
    cursor: pointer;
}

.with-icon-above {
    display: inline-block;
}

@media screen and (min-width: 1088px) {
    .navbar-item {
        display: flex;
    }
}

@media screen and (min-width: 1088px) {
    .navbar-item, .navbar-link {
        align-items: center;
        display: flex;
    }
}

.navbar-item {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
}

.navbar-item, .navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
    position: relative;
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), .hero.is-dark strong {
    color: inherit;
}

.image.is-96x96 {
    height: 96px;
    width: 96px;
}

.image {
    display: block;
    position: relative;
}

.navbar-brand, .navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem;
}
.form-control {
    border-radius: .7rem
}
@media screen and (min-width: 1088px) {
    .container > .navbar .navbar-brand, .navbar > .container .navbar-brand {
        margin-right: -0.75rem;
        margin-left: unset;
    }
}

@media screen and (min-width: 1088px) {
    .container > .navbar .navbar-brand, .navbar > .container .navbar-brand {
        margin-left: -0.75rem;
    }
}



@media screen and (min-width: 1088px) {
    .container > .navbar .navbar-menu, .navbar > .container .navbar-menu {
        margin-right: -0.75rem;
    }
}

@media screen and (min-width: 1088px) {
    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0;
    }
}

@media screen and (min-width: 1088px) {
    .navbar, .navbar-end, .navbar-menu, .navbar-start {
        align-items: stretch;
        display: flex;
    }
}


@media screen and (min-width: 1088px) {
    .navbar-item {
        display: flex;
    }
}

@media screen and (min-width: 1088px) {
    .navbar-item, .navbar-link {
        align-items: center;
        display: flex;
    }
}

@media screen and (min-width: 1088px) {
    .container > .navbar .navbar-brand, .navbar > .container .navbar-brand {
        margin-right: -0.75rem;
        margin-left: unset;
    }
}

@media screen and (min-width: 1088px) {
    .container > .navbar .navbar-brand, .navbar > .container .navbar-brand {
        margin-left: -0.75rem;
    }
}

@media screen and (min-width: 1088px) {
    .navbar-center {
        justify-content: flex-end;
        margin-right: auto;
        margin-left: auto;
        align-items: stretch;
        display: flex;
    }
}

@media screen and (min-width: 1088px) {
    .container > .navbar .navbar-brand, .navbar > .container .navbar-brand {
        margin-right: -0.75rem;
        margin-left: unset;
    }
}

@media screen and (min-width: 1088px) {
    .container > .navbar .navbar-brand, .navbar > .container .navbar-brand {
        margin-left: -0.75rem;
    }
}

@media screen and (min-width: 1088px) {
    .container > .navbar .navbar-menu, .navbar > .container .navbar-menu {
        margin-right: -0.75rem;
    }
}
@media (max-width: 768px ) {

    .top-header, .navbar-menu, .navbar-brand:last-child {
        display: none;
       
    }
    .navbar-item {
        margin-top: -30px;
    }
    .navbar-brand{
        margin:auto;
    }
}
    @media screen and (min-width: 1088px) {
        .navbar-menu {
            flex-grow: 1;
            flex-shrink: 0;
        }
    }

    @media screen and (min-width: 1088px) {
        .navbar, .navbar-end, .navbar-menu, .navbar-start {
            align-items: stretch;
            display: flex;
        }
    }

    @media screen and (min-width: 1280px) {
        .container {
            max-width: 1152px;
            width: 1152px;
        }
    }

    @media screen and (min-width: 1088px) {
        .container {
            max-width: 960px;
            width: 960px;
        }
    }

    @media screen and (min-width: 1088px) {
        .navbar-burger {
            display: none;
        }
    }

    @media screen and (min-width: 1088px) {
        .container > .navbar .navbar-brand, .navbar > .container .navbar-brand {
            margin-right: -0.75rem;
            margin-left: unset;
        }
    }

    @media screen and (min-width: 1088px) {
        .container > .navbar .navbar-brand, .navbar > .container .navbar-brand {
            margin-left: -0.75rem;
        }
    }



    @media screen and (min-width: 1088px) {
        .navbar {
            min-height: 3.25rem;
        }
    }

    @media screen and (min-width: 1088px) {
        .navbar, .navbar-end, .navbar-menu, .navbar-start {
            align-items: stretch;
            display: flex;
        }
    }

    element.style {
    }

    .footer-wrapper {
        height: none !important;
    }

    .footer-wrapper {
        background: #2f3c43 !important;
        color: white;
        align-items: center;
        align-content: center;
        justify-content: center;
        /* margin: auto; */
    }

    @media (min-width: 768px) {
        .footer-fixed {
            padding-right: 0px;
        }
    }