@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,700");

@font-face {
    font-family: UniSans;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/UniSans/UniSansHeavy.eot?#iefix) format("embedded-opentype"), url(../fonts/UniSans/UniSansHeavy.woff) format("woff"), url(../fonts/UniSans/UniSansHeavy.ttf) format("truetype"), url(../fonts/UniSans/UniSansHeavy.svg#UniSans) format("svg");
}

@font-face {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icons/icons.eot?#iefix) format("embedded-opentype"), url(../fonts/icons/icons.woff) format("woff"), url(../fonts/icons/icons.ttf) format("truetype"), url(../fonts/icons/icons.svg#icons) format("svg");
}
.text-dark{
    color:#000 !important;
}
.icon {
    font-style: normal;
}

body {
    font-family: "Nunito", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.cred_st {
    font-weight: 700;
    border: 3px solid #000;
    padding: 1px 16px !important;
}
.cred_st:hover {
    background-color: #fff !important;
    color: #000 !important;
    text-decoration:none !important; 
   
}
header .logo {
    margin: 20px;
}
.curve__border {
    border-radius: 20px !important;
}

.jobs-bg--color{
    background-color:#86ecaf;
    padding:130px 0 30px;
    margin-top:-105px;
}
header #advert {
    width: 728px;
    height: 90px;
    overflow: hidden;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

.searchbutton {
    height: 35px;
    width: 35px;
    padding: 5px;
    padding-left: 8px;
    border-radius: 50%;
    color: #000;
    font-size: 20px;
    float: right;
} 
header .registerbuttons {
    float: right;
    padding: 5px;
    text-align: center;
    margin-left: 5px;
}

    header .registerbuttons .blackbutton {
        padding: 5px 15px;
        border-radius: 3px;
        display: inline-block;
        font-size: 18px;
        border: 3px solid #000;
        color: #fff;
        text-decoration: none;
        background-color: #000;
        width: 100%;
        margin-bottom: 5px;
        padding: 2px 9px;
        font-weight: 700;
    }

        header .registerbuttons .blackbutton:hover {
            background: 0 0;
            color: #000;
        }

        header .registerbuttons .blackbutton.small {
            font-size: 11px;
        }

    header .registerbuttons p {
        margin: 0;
    }

.topbar {
    background-color: #6ecf97;
    padding: 15px;
}

    .topbar .blackbutton {
        padding: 5px 15px;
        border-radius: 3px;
        display: inline-block;
        font-size: 18px;
        border: 3px solid #000;
        color: #fff;
        text-decoration: none;
        background-color: #000;
        padding: 3px 10px;
        
    }

        .topbar .blackbutton:hover {
            background: 0 0;
            color: #000;
        }

.text-align-cus {
    text-align: right !important;
}
.topbar h2.h2style{
    font-size: 28px;
}

@media screen and (max-width:991px) and (min-width:768px) {
    .topbar .rowspacingsmall {
            margin-top: 10px;
        }
    }

    .topbar .inputbox {
        width: 100%;
        font-size: 20px;
        background: #fff;
        border: 3px solid #000;
        border-width: medium;
        border-radius: 5px;
        padding: 2px;
        padding-left: 10px;
    }

        .topbar .inputbox:focus {
            outline: none;
            border: 3px solid #85daee;
            border-width: medium;
        }

    .topbar h2 {
        font-family: UniSans;
        float: right;
        margin-top: 8px !important;
        font-size: 16px;
        color: #000;
        text-transform: uppercase;
    }

    .topbar .searchClick .searchbutton {
        height: 35px;
        width: 35px;
        padding: 5px;
        padding-left: 8px;
        border-radius: 50%;
        color: #000;
        font-size: 20px;
        float: right;
    }

    .topbar .searchClick:focus,
    .topbar .searchClick:hover {
        outline: none;
    }

        .topbar .searchClick:focus .searchbutton,
        .topbar .searchClick:hover .searchbutton {
            background-color: #85daee;
        }

    .text-vertical-center {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    #loginbuttons {
        height: 0%;
        overflow: auto;
    }

        #loginbuttons .hidedivoverflow {
            position: absolute;
            width: 100%;
            z-index: 500;
        }

        #loginbuttons .blackbutton {
            padding: 5px 15px;
            border-radius: 3px;
            display: inline-block;
            font-size: 18px;
            border: 3px solid #000;
            color: #fff;
            text-decoration: none;
            background-color: #000;
            font-weight: 700;
        }

            #loginbuttons .blackbutton:hover {
                background: 0 0;
                color: #000;
            }

    @media screen and (max-width:767px) {
        #loginbuttons .blackbutton {
            display: block;
            text-align: center;
        }
    }

    #loginbuttons .signin-text {
        font-size: 17px;
    }

    #loginbuttons .register {
        padding: 0;
        font-weight: 700;
        font-size: 25px;
        display: block;
        margin: 5px 0;
    }

        #loginbuttons .register.blue {
            color: #86daef;
        }

        #loginbuttons .register.green {
            color: #86ecaf;
        }

        #loginbuttons .register b {
            display: inline-block;
            background-color: #fff;
            padding: 0 10px;
        }

    @media screen and (max-width:767px) {
        #loginbuttons .register b {
            display: block;
            margin-top: 10px;
        }
    }

    .splash {
        height: 650px;
        display: table;
        width: 100%;
        background-color: #85ebae;
        z-index: 30;
    }

    .splash-text {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        .splash-text h1 {
            margin: 0;
            padding: 0;
            font-size: 4.5em;
            font-weight: 700;
            font-family: UniSans;
            text-transform: uppercase;
            color: #000;
        }

    @media screen and (max-width:767px) {
        .splash-text h1 {
            margin-top: 200px;
            font-size: 51px;
        }
    }

    .splash-text h5 {
        margin-top: -8px;
        font-size: 21px;
        font-weight: 300;
        line-height: 1.4;
    }

    .searchrow {
        padding: 45px;
    }

        .searchrow h2 {
            font-family: UniSans;
            margin-top: 8px;
            font-size: 30px;
            text-transform: uppercase;
            text-align: right;
        }

        .searchrow .inputbox {
            width: 100%;
            font-size: 20px;
            background: #fff;
            border: 3px solid #000;
            border-radius: 5px;
            padding: 7px;
            font-weight:100;
            font-style:normal;
        }

            .searchrow .inputbox:focus {
                outline: none;
                border: 3px solid #85daee;
            }

        .searchrow .searchClick .searchbutton {
            height: 50px;
            width: 50px;
            padding: 5px;
            border-radius: 50%;
            color: #000;
            font-size: 30px;
            float: right;
        }

    @media screen and (max-width:1199px) {
        .searchrow .searchClick .searchbutton {
            margin-top: 20px;
        }
        .text-align-cus {
            text-align: left !important;
            float: none !important;
        }
    }

    .searchrow .searchClick:focus,
    .searchrow .searchClick:hover {
        outline: none;
    }

        .searchrow .searchClick:focus .searchbutton,
        .searchrow .searchClick:hover .searchbutton {
            background-color: #85daee;
        }

    @media screen and (max-width:1199px) {
        .searchrow .bottom {
            margin-top: 20px;
        }
    }

    .searchrow.bottomsearch {
        padding-left: 0;
        padding-right: 0;
    }

        .searchrow.bottomsearch h2 {
            font-size: 28px;
            font-style:normal;
        }

        .searchrow.bottomsearch input {
            width: 100%;
        }

    .icon--search:before,
    .search-input:before {
        content: '';
        font-family: icons;
    }

    #homecards {
        background: #86ecaf;
        padding-top: 10px;
    }

    #jobcards {
        padding-top: 10px;
    }

    #topbar-background {
        width: 100%;
    }

    @media screen and (max-width:1199px) {
        #topbar-background {
            background-color: #6ecf97;
            width: 100%;
        }
    }

    .card {
        background: 0 0;
        margin-bottom: 20px !important;
        width: calc((100% - (20px*2))/3);
        background-color: #fff;
        border: 2px solid #6ecf97;
        border-radius: 5px;
    }

        .card .adsbygoogle {
            padding-top: 15px;
            margin-bottom: 15px;
        }

        .card .article-card {
            text-align: center;
            box-sizing: border-box;
            padding: 10px;
        }

        .card .card-top {
            width: 100%;
            height: auto;
            padding-top: 20px;
            min-height: 100px;
        }

            .card .card-top a {
                word-wrap: break-word;
                text-decoration: none;
            }

            .card .card-top h2 {
                word-wrap: break-word;
                font-family: UniSans;
                text-transform: uppercase;
                color: #000;
                font-size: 1.8666666667rem;
                margin-top: 0;
                margin-bottom: 10px;
            }

            .card .card-top .location-ico {
                width: 12px;
                margin-right: 10px;
            }

            .card .card-top hr {
                color: #86ecaf;
                border: 1px solid #86ecaf;
                width: 45%;
                margin-top: 10px;
                margin-bottom: 15px;
            }

        .card .card-bottom {
            width: 90%;
            height: auto;
            min-height: 140px;
            margin: auto;
            text-align: left;
            margin-top: 15px;
            margin-bottom: 10px;
        }

            .card .card-bottom .more {
                color: #000;
                font-weight: bold;
            }

        .card .button {
            padding: 5px 15px;
            border-radius: 3px;
            display: inline-block;
            font-size: 18px;
            border: 3px solid #000;
            color: #fff;
            text-decoration: none;
            background-color: #000;
        }

            .card .button:hover {
                background: 0 0;
                color: #000;
            }

    @media screen and (min-width:700px) and (max-width:1023px) {
        .card {
            width: calc((100% - (20px*2))/2);
        }
    }

    @media screen and (max-width:700px) {
        .card {
            width: 100%;
        }
    }

    #loadButtonLoad,
    loadButtonLoad1 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #loadMoreJobs,
    #loadMoreLoading {
        font-size: 18px;
    }

footer {
    text-align: center;
    color: #808080;
    background-color: #d4f7ff;
}

        footer .logo {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            footer .logo img {
                max-width: 180px;
            }

        footer .links {
            margin-bottom: 10px;
        }

            footer .links .divide {
                margin-left: 5px;
                margin-right: 5px;
            }

            footer .links span a {
                text-decoration: none;
                color: #808080;
            }

        footer .socialmedia {
            margin-bottom: 10px;
        }

            footer .socialmedia span a {
                text-decoration: none;
            }

            footer .socialmedia span img {
                opacity: .4;
                padding: 0;
                height: 35px;
            }

    .blackbutton {
        padding: 2px 15px;
        border-radius: 3px;
        display: inline-block;
        font-size: 16px;
        border: 3px solid #000;
        color: #fff;
        text-decoration: none;
        background-color: #000;
        font-weight:700;
    }

        .blackbutton:hover {
            background: 0 0;
            color: #000;
        }

    @media screen and (max-width:767px) {
        .blackbutton {
            display: block;
            text-align: center;
        }
    }

    .bottomad {
        margin-top: 10px;
        margin-bottom: 10px;
    }