.employee-section {
    position: relative;
}

/* Temporary style */
.employee-section:not(.bottom-banner).wide-section::after {
    background: #f4ede9;
    height: 100%;
}

/* Temporary style */
.employee-section:not(.bottom-banner),
.employee-section:not(.bottom-banner) {
    padding-top: 50px;
    padding-bottom: 20px;
}

.employee-section.wide-section h2 {
    /* text-align: right; */
    padding-bottom: 10px;
}

.employee-section.wide-section.bottom-banner h2 {
    line-height: 1.5;
}


@media only screen and (max-width: 767px) {
    .employee-section.wide-section h2 {
        padding: 0;
    }
}

.employee-section .line {
    padding: 4px 0 0;
    margin: 0 0 47px;
}

@media only screen and (max-width: 767px) {
    .employee-section .line {
        margin: 0 0 20px;
    }
}

.employee-section .cat-holder {
    float: left;
    background: #f3f6f8;
    padding: 30px;
    width: 66.345%;
}

@media only screen and (max-width: 1024px) {
    .employee-section .cat-holder {
        width: 66%;
    }
}

@media only screen and (max-width: 767px) {
    .employee-section .cat-holder {
        float: none;
        padding: 20px 10px;
        margin-bottom: 20px;
        max-width: none;
        text-align: center;
        width: auto;
    }
}

.employee-section .cat-holder span {
    float: left;
    color: #73909f;
    margin: 0 21px 0 0;
}

@media only screen and (max-width: 767px) {
    .employee-section .cat-holder span {
        display: block;
        margin: 0 0 15px 10px;
    }
}

.employee-section .category {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .employee-section .category {
        width: 100%;
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }
}

.employee-section .category li {
    float: left;
    border-left: 1px solid #b0c4cf;
    width: 20%;
    margin: 0;
    min-width: 180px;
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    .employee-section .category li {
        border-left: none;
        float: none;
        margin: 0;
        width: 100%;
    }

        .employee-section .category li:nth-child(odd) {
            background-color: rgba(60, 77, 102, 0.1);
        }
}

.employee-section .category a {
    float: left;
    position: relative;
    padding: 0 23px 10px 15px;
}

@media only screen and (max-width: 767px) {
    .employee-section .category a {
        display: block;
        float: none;
        padding: 10px 32px 10px 10px;
    }
}

.employee-section .category a:hover:after {
    background: #0077bf;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .employee-section .category a:hover {
        background: #b0c4cf;
    }
}

.employee-section .category a:after {
    content: "\003E";
    position: absolute;
    top: 3px;
    right: 0;
    width: 14px;
    height: 14px;
    font-size: 16px;
    line-height: 12px;
    font-weight: bold;
    text-align: center;
    background: #4a6680;
    color: #b0c4cf;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media only screen and (max-width: 767px) {
    .employee-section .category a:after {
        top: 13px;
        right: 13px;
    }
}

.employee-section .category-box {
    margin: -65px 0 0;
    padding: 65px 0 16px;
}

.EmployeesPage .employee-section .category-box {
    margin-top:0;
    padding-top:30px;
}

.employee-section.bottom-banner {
    /*    width: calc(100% + 2rem);
    margin: 0 0 0 -9px;*/
    width: calc(100%);
    margin: 0 0 0 0;
}

.EmployeesPage .employee-section.bottom-banner {
    padding-top:10px;
}

.employee-section.bottom-banner .category-box {
    /*margin: -65px 0 16px;*/
    margin: 30px 0 30px;
    padding: 0px 0 0;
}

.PricelistKosmetic2 .employee-section.bottom-banner .category-box,
.PricelistKosmetisk .employee-section.bottom-banner .category-box,
.PriceListPage .employee-section.bottom-banner .category-box {
    padding-top: 50px;
    margin-top: 0;
}

.isspecialerpage .employee-section.bottom-banner .category-box {
    margin-top:0;
}


@media only screen and (max-width: 1024px) {
    .employee-section.bottom-banner .category-box {
        margin-bottom: 15px; 
    }
}

.employee-section.bottom-banner .slide, .employee-section.bottom-banner .video-holder, .employee-section.bottom-banner .hospital-box {
    padding: 0 9px;
}

    .employee-section.bottom-banner .slide.special {
        padding: 0;
    }

.employee-section.bottom-banner .newsletterform-box {
    padding: 0 9px 115px 9px;
}

    .employee-section.bottom-banner .newsletterform-box .row.submit, .employee-section.bottom-banner .price-box {
        margin: 0 9px;
    }


.employee-section .category-box .holder {
    overflow: hidden;
    margin: 0 -9px;
}

@media only screen and (max-width: 767px) {

    .employee-section .category-box .holder {
        overflow: hidden;
        margin: 0;
    }
}

.employee-section .category-box .hospital-box .holder {
    margin: 0;
}

.employee-section .category-box .holder.bottom-banners {
    margin: auto;
}

.employee-section .category-box .heading {
    overflow: hidden;
    padding: 0 0 6px;
    margin: 0 0 20px;
    clear: both;
}

    .employee-section .category-box .heading h3 {
        float: left;
    }

    .employee-section .category-box .heading .top {
        float: right;
        padding: 1px 23px 0 0;
        position: relative;
    }

        .employee-section .category-box .heading .top:after {
            content: "\005E";
            position: absolute;
            top: 6px;
            right: 0;
            width: 14px;
            height: 14px;
            font-size: 16px;
            line-height: 18px;
            font-weight: bold;
            text-align: center;
            background: #4a6680;
            color: #b0c4cf;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .employee-section .category-box .heading .top:hover:after {
            color: #fff;
            background: #0077bf;
        }

.employee-section .category-box .item {
    padding: 0 9px 18px;
    /*width: 33.3333%;*/
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.employee-section .category-box .special-item {
    width: 24.75%;
}

.employee-section.bottom-banner .item {
    padding: 9px 0;
}

.bottom-banners-header {
    padding: 0 9px;
    padding: 10px 9px 0;
}

@media only screen and (max-width: 767px) {
    .employee-section .category-box .item {
        width: 49%;
        padding: 0 5px 10px;
    }

    .bottom-banners-header {
        padding: 0 5px 10px;
    }

    .employee-section .category-box .special-item {
        display: inline-block;
        width: 49.6%;
        padding: 0 0 9px;
    }
}

@media only screen and (max-width: 1024px) {
    .employee-section .category-box .special-item {
        width: 32%;
    }
}


@media only screen and (max-width: 767px) {
    .employee-section.bottom-banner .slide {
        padding: 0;
    }
}

@media only screen and (max-width: 479px) {
    .employee-section.bottom-banner {
        width: 100%;
        margin: 0;
    }

    .employee-section.bottom-banner .slide, .employee-section.bottom-banner .video-holder, .employee-section.bottom-banner .hospital-box {
        padding: 0;
    }

    .employee-section.bottom-banner .newsletterform-box {
        padding: 0 0 115px 0;
    }

        .employee-section.bottom-banner .newsletterform-box .row.submit, .employee-section.bottom-banner .price-box {
            margin: 0;
        }

    .employee-section.bottom-banner .banner-clinic-box {
        margin: 0;
    }

    .employee-section .category-box .item {
        float: none;
        width: auto;
        display: block;
        padding: 0 0 25px;
    }

    .bottom-banners-header {
        padding: 0;
    }

    .employee-section .category-box .special-item {
        display: inline-block;
        width: 49.6%;
        padding: 0 0 9px;
    }
}

.employee-section .category-box .item a {
    display: block;
    transition: opacity 0.4s linear;
    -moz-transition: opacity 0.4s linear;
    -webkit-transition: opacity 0.4s linear;
}

    .employee-section .category-box .item a:hover .img-holder:after {
        visibility: visible;
        opacity: 1;
    }

    .employee-section .category-box .item a:hover .arrow {
        background: #b0c4cf;
    }

.employee-section .category-box .item .img-holder {
    overflow: hidden;
    position: relative;
}

    .employee-section .category-box .item .img-holder:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(56, 86, 115, 0.1);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

@media only screen and (max-width: 479px) {
    .employee-section .category-box .item .img-holder img {
        width: 100%;
    }

        .employee-section .category-box .item .img-holder img.special-icon {
            width: auto;
        }
}

.employee-section .category-box .item .text-box.employee-page {
    overflow: hidden;
    padding: 11px 40px 5px 7px;
    position: relative;
}

    .employee-section .category-box .item h3 {
        font-size: 18px;
        font-weight: normal;
        margin: 0 0 3px;
       
    }

.employee-section .category-box .item .arrow {
    position: absolute;
    bottom: 10px;
    right: 12px;
    width: 22px;
    height: 22px;
    font-size: 24px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #d7e1e7;
    color: #1a4567;
}

.employee-section .category-box .item .job {
    letter-spacing: 0.5px;
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.employee-section .select-form {
    float: right;
    position: relative;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .employee-section .select-form {
        float: none;
    }
}

.employee-section .jcf-select {
    width: 214px;
    min-width: 214px;
    /* height: 34px; */
    background: #f3f6f8;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .employee-section .jcf-select {
        width: 100%;
    }
}

.employee-section .jcf-select .jcf-select-text {
    line-height: 28px;
    text-align: left;
    font-weight: bold;
    color: #143b59;
    margin: 0 30px 0 0px;
}

@media only screen and (max-width: 767px) {
    .employee-section .jcf-select .jcf-select-text {
        text-align: left;
    }
}

.employee-section .jcf-select .jcf-select-opener {
    cursor: pointer;
}

    .employee-section .jcf-select .jcf-select-opener:after {
        top: 11px;
        left: -2px;
    }