input[type="text"].dxeEditAreaSys {
    font-size:14px;
}
.dxeListBoxItem_MaterialCompact {
    padding: 2px 6px 2px;
    white-space: nowrap;
    text-align: left;
    font-size: 14px;
}
.dxpcDropDown_MaterialCompact, .dxeDropDownWindow_MaterialCompact {
    z-index:29000 !important;
}


.label-danger {
    background-color: #E34D4D
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
/** Thumbnail Addons */
.thumbnail-classic, .thumbnail-zoe, .thumbnail-winston, .thumbnail-josip, .thumbnail-janes, .thumbnail-apollo, .thumbnail-terry, .thumbnail-rayen, .thumbnail-classic > figure, .thumbnail-zoe > figure, .thumbnail-winston > figure, .thumbnail-josip > figure, .thumbnail-janes > figure, .thumbnail-apollo > figure, .thumbnail-terry > figure, .thumbnail-rayen > figure {
    position: relative;
    display: block;
}

    .thumbnail-classic img, .thumbnail-zoe img, .thumbnail-winston img, .thumbnail-josip img, .thumbnail-janes img, .thumbnail-apollo img, .thumbnail-terry img, .thumbnail-rayen img, .thumbnail-classic figure img, .thumbnail-zoe figure img, .thumbnail-winston figure img, .thumbnail-josip figure img, .thumbnail-janes figure img, .thumbnail-apollo figure img, .thumbnail-terry figure img, .thumbnail-rayen figure img {
        width: 100%;
        height: auto;
        transition: .35s;
        will-change: transform;
    }

    .thumbnail-classic figure figcaption, .thumbnail-zoe figure figcaption, .thumbnail-winston figure figcaption, .thumbnail-josip figure figcaption, .thumbnail-janes figure figcaption, .thumbnail-apollo figure figcaption, .thumbnail-terry figure figcaption, .thumbnail-rayen figure figcaption, .thumbnail-classic figcaption, .thumbnail-zoe figcaption, .thumbnail-winston figcaption, .thumbnail-josip figcaption, .thumbnail-janes figcaption, .thumbnail-apollo figcaption, .thumbnail-terry figcaption, .thumbnail-rayen figcaption {
        position: absolute;
    }

.thumbnail {
    transition: .3s;
    border: none;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
}

a.thumbnail:hover {
    box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15);
}

.thumbnail-simple {
    display: block;
    pointer-events: none;
}

    .thumbnail-simple .thumbnail-wrap {
        position: relative;
        top: 0;
        display: block;
        transition: .3s;
        pointer-events: auto;
        box-shadow: 0 0 0 0 rgba(25, 25, 25, 0);
    }

        .thumbnail-simple .thumbnail-wrap img {
            width: 100%;
            height: auto;
        }

        .thumbnail-simple .thumbnail-wrap:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            transition: .3s;
            background: rgba(25, 25, 25, 0);
        }

    .thumbnail-simple .caption {
        display: inline-block;
        max-width: 100%;
        pointer-events: auto;
        transition: .3s;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .thumbnail-simple:hover .thumbnail-wrap {
        top: -10px;
        box-shadow: 0 0 21px 0 rgba(25, 25, 25, 0.2);
    }

        .thumbnail-simple:hover .thumbnail-wrap:before {
            background: rgba(25, 25, 25, 0.3);
        }

    .thumbnail-simple * + .caption {
        margin-top: 24px;
    }

    .thumbnail-simple * + .divider {
        margin-top: 15px;
    }

.thumbnail-classic > img,
.thumbnail-classic > figure > img {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}

.thumbnail-classic > figure figcaption,
.thumbnail-classic > figcaption {
    top: 50%;
    left: 0;
    right: 0;
    padding: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.thumbnail-classic-title {
    position: absolute;
    top: 50%;
    left: 15px;
    right: 15px;
    z-index: 9;
    padding: 12px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.thumbnail-classic-desc {
    padding: 6px;
    opacity: 0;
    color: #fff;
    background: #212121;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.tablet .thumbnail-classic,
.thumbnail-classic:hover {
    z-index: 1;
}

    .tablet .thumbnail-classic > img,
    .tablet .thumbnail-classic > figure > img,
    .thumbnail-classic:hover > img,
    .thumbnail-classic:hover > figure > img {
        box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        will-change: contents;
    }

    .tablet .thumbnail-classic > figure figcaption,
    .tablet .thumbnail-classic > figcaption,
    .thumbnail-classic:hover > figure figcaption,
    .thumbnail-classic:hover > figcaption {
        margin-top: 30px;
    }

    .tablet .thumbnail-classic .thumbnail-classic-title,
    .thumbnail-classic:hover .thumbnail-classic-title {
        margin-bottom: 14px;
        top: 0;
    }

    .tablet .thumbnail-classic .thumbnail-classic-desc,
    .thumbnail-classic:hover .thumbnail-classic-desc {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.tilter {
    display: block;
    position: relative;
    flex: none;
    perspective: 1000px;
}

    .tilter * {
        pointer-events: none;
    }

    .tilter:hover,
    .tilter:focus {
        color: #fff;
        outline: none;
    }

/*
.tilter__figure,
.tilter__deco,
.tilter__caption {
	will-change: transform;
}*/
.tilter__figure,
.tilter__image {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
}

    .tilter__figure > * {
        transform: translateZ(0px);
        /* Force correct stacking order */
    }

.smooth .tilter__figure,
.smooth .tilter__deco--overlay,
.smooth .tilter__deco--lines,
.smooth .tilter__deco--shine div,
.smooth .tilter__caption {
    transition: transform 0.2s ease-out;
}

.tilter__figure {
    position: relative;
}

    .tilter__figure img {
        width: 100%;
        height: auto;
    }

    .tilter__figure::before {
        content: '';
        position: absolute;
        width: 90%;
        height: 90%;
        top: 5%;
        left: 5%;
        box-shadow: 0 30px 20px rgba(35, 32, 39, 0.5);
    }

.tilter__deco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tilter__deco--overlay {
    background-image: linear-gradient(45deg, rgba(245, 75, 15, 0.4), rgba(229, 10, 10, 0.4), rgba(243, 164, 61, 0.4));
    mix-blend-mode: hue;
}

.tilter__deco--shine div {
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.78) 0%, rgba(58, 58, 58, 0.63) 30%, transparent 100%);
}

.tilter__deco--lines:before {
    content: '';
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 24px;
    right: 24px;
}

@media (min-width: 480px) {
    .tilter__deco--lines:before {
        border: 2px solid rgba(255, 255, 255, 0.5);
    }
}

.tilter__caption {
    position: absolute;
    width: 100%;
    color: #fff;
    bottom: 0;
    padding: 14% 6%;
}

@media (min-width: 480px) {
    .tilter__caption {
        padding: 15%;
    }
}

.tilter__title {
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1.2;
    background: white;
    color: #212121;
    padding: 10px 15px;
    font-size: 18px;
}

@media (min-width: 1800px) {
    .tilter__title {
        font-size: 20px;
    }
}

.tilter__description {
    margin: 1em 0 0 0;
    font-size: 0.85em;
    letter-spacing: 0.1em;
    background: #212121;
    color: #fff;
    padding: 7px 25px;
    display: none;
}

@media (min-width: 480px) {
    .tilter__description {
        display: inline-block;
    }
}

/* Individual styles */
/* Example 1 (Default) */
.tilter--1 .tilter__figure::before {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.4);
}

/* Example 2 (thicker lines, overlay) */
.tilter--2,
.tilter--2:hover,
.tilter--2:focus {
    color: #2e27ad;
}

    .tilter--2 .tilter__deco--overlay {
        background-image: linear-gradient(45deg, rgba(245, 239, 40, 0.6), rgba(164, 22, 169, 0.6));
    }

    .tilter--2 .tilter__deco--lines {
        stroke: #2e27ad;
        stroke-width: 4px;
    }

/* Example 3 (no lines, overlay hard-light) */
.tilter--3 .tilter__deco--overlay {
    background-image: linear-gradient(45deg, rgba(205, 81, 220, 0.6), rgba(41, 94, 230, 0.5));
}

.tilter--3 .tilter__caption {
    padding: 2em;
    text-align: right;
    text-shadow: 0.1em 0.8em 1em rgba(0, 0, 0, 0.35);
}

/* Example 4 (caption sliding in) */
.tilter--4 .tilter__deco--overlay {
    background-image: linear-gradient(20deg, #d66428, rgba(46, 39, 173, 0.58), rgba(53, 74, 165, 0.6));
}

@media screen and (min-width: 30em) {
    .tilter--4 .tilter__deco--lines {
        transform: scale3d(0.8, 0.8, 1);
        transition: transform 0.4s;
    }

    .tilter--4:hover .tilter__deco--lines {
        transform: scale3d(1, 1, 1);
    }

    .tilter--4 .tilter__title,
    .tilter--4 .tilter__description {
        transform: translate3d(0, 80px, 0);
        opacity: 0;
        transition: transform 0.4s, opacity 0.4s;
    }

    .tilter--4:hover .tilter__description {
        transition-delay: 0.1s;
    }

    .tilter--4:hover .tilter__title,
    .tilter--4:hover .tilter__description {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/* Example 5 (line animating) */
.tilter--5 .tilter__deco--lines path {
    stroke-dasharray: 1270;
    stroke-dashoffset: 1270;
    transition: stroke-dashoffset 0.7s;
}

.tilter--5:hover .tilter__deco--lines path {
    stroke-dashoffset: 0;
}

.tilter--5 .tilter__figure::before {
    box-shadow: none;
}

/* Example 6 (different line position) */
.tilter--6,
.tilter--6:hover,
.tilter--6:focus {
    color: #2e27ad;
}

    .tilter--6 .tilter__deco--overlay {
        background-image: linear-gradient(45deg, rgba(46, 39, 173, 0.2), rgba(255, 186, 59, 0.58));
    }

    .tilter--6 .tilter__deco--lines {
        stroke: #2e27ad;
        stroke-width: 6px;
        top: -50px;
        left: -50px;
    }

    .tilter--6 .tilter__caption {
        padding: 0 4em 5.5em 1em;
    }

    .tilter--6 .tilter__figure::before {
        box-shadow: none;
    }

/* Example 7 (different line) */
.tilter--7 .tilter__deco--overlay {
    background-image: linear-gradient(45deg, rgba(93, 203, 106, 0.48), rgba(59, 239, 255, 0.58));
}

.tilter--7 .tilter__deco--lines {
    stroke-width: 20px;
    transform: scale3d(0.9, 0.9, 1);
    opacity: 0;
    transition: transform 0.3s, opacity 0.3s;
}

.tilter--7:hover .tilter__deco--lines {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.tilter--7 .tilter__figure::before {
    box-shadow: none;
}

/* Example 8 (different line) */
.tilter--8 .tilter__caption {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tilter--8 .tilter__title {
    padding: 9px 26px;
}

.tilter--8 .tilter__figure::before {
    box-shadow: none;
}

.thumbnail-zoe {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.3s box-shadow ease;
    -o-transition: 0.3s box-shadow ease;
    transition: 0.3s box-shadow ease;
}

    .thumbnail-zoe,
    .thumbnail-zoe > figure {
        overflow: hidden;
    }

        .thumbnail-zoe figcaption {
            width: 100%;
            top: auto;
            bottom: 0;
            height: 60px;
            padding-left: 1.3em;
            padding-right: 1.3em;
            background: #fff;
        }

.thumbnail-zoe-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-top: 25px;
    font-weight: 700;
}

.thumbnail-zoe .list-inline {
    text-align: center;
    margin-top: 20px;
}

    .thumbnail-zoe .list-inline li {
        vertical-align: middle;
    }

        .thumbnail-zoe .list-inline li a {
            -webkit-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            transition: 0.3s all ease;
        }

            .thumbnail-zoe .list-inline li a:hover {
                color: #55bbeb;
            }

        .thumbnail-zoe .list-inline li + li {
            margin-left: 8px;
        }

.thumbnail-zoe:hover .list-inline li,
.thumbnail-zoe:hover .thumbnail-zoe-title,
.thumbnail-zoe:hover figcaption {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.thumbnail-zoe:hover .thumbnail-zoe-title {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.thumbnail-zoe:hover .list-inline li:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.thumbnail-zoe:hover .list-inline li:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.thumbnail-zoe:hover .list-inline li:first-child {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

@media (min-width: 1200px) {
    .thumbnail-zoe {
        box-shadow: none;
    }

        .thumbnail-zoe .list-inline li,
        .thumbnail-zoe .thumbnail-zoe-title,
        .thumbnail-zoe figcaption {
            -webkit-transition: transform 0.3s;
            -o-transition: transform 0.3s;
            transition: transform 0.3s;
            -webkit-transform: translate3d(0, 200%, 0);
            transform: translate3d(0, 200%, 0);
        }

        .thumbnail-zoe figcaption {
            height: 75px;
        }

        .thumbnail-zoe .list-inline {
            float: right;
            margin-top: 26px;
        }

        .thumbnail-zoe:hover {
            box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
        }

            .thumbnail-zoe:hover img,
            .thumbnail-zoe:hover figure > img {
                -webkit-transform: translate3d(0, -40px, 0);
                transform: translate3d(0, -40px, 0);
            }
}

.thumbnail-winston figure figcaption,
.thumbnail-winston figcaption {
    position: static;
    width: 100%;
}

.thumbnail-winston-title {
    padding: 20px 5px;
    margin-bottom: 0;
    font-weight: 300;
    color: #fff;
    text-align: center;
    background: #212121;
    -webkit-transition: transform 0.35s, opacity 0.35s;
    -o-transition: transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s;
}

.thumbnail-winston p {
    display: inline-block;
    margin: 0 0 0.55em;
    padding: 0.4em 1em;
    font-weight: 500;
    text-transform: none;
    background: #fff;
    -webkit-transition: transform 0.35s, opacity 0.35s;
    -o-transition: transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s;
}

    .thumbnail-winston p:first-child {
        transition-delay: 0s;
    }

    .thumbnail-winston p:nth-of-type(2) {
        transition-delay: 0.05s;
    }

    .thumbnail-winston p:nth-of-type(3) {
        transition-delay: 0.1s;
    }

.thumbnail-winston:hover p,
.thumbnail-winston:hover .thumbnail-winston-title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@media (min-width: 1200px) {
    .thumbnail-winston,
    .thumbnail-winston > figure {
        overflow: hidden;
    }

        .thumbnail-winston figure figcaption,
        .thumbnail-winston figcaption {
            position: absolute;
            top: 15%;
            left: 6%;
            width: auto;
        }

        .thumbnail-winston p {
            opacity: 0;
            -webkit-transform: translate3d(-360px, 0, 0);
            transform: translate3d(-360px, 0, 0);
        }

    .thumbnail-winston-title {
        padding: 0.1em 0.5em;
        margin-bottom: 18px;
        text-align: left;
        opacity: 0;
        -webkit-transform: translate3d(0, -360px, 0);
        transform: translate3d(0, -360px, 0);
    }
}

.thumbnail-josip figure figcaption,
.thumbnail-josip figcaption {
    position: static;
    width: 100%;
    height: 60px;
    padding: 3px 5%;
    text-align: left;
    text-transform: none;
    vertical-align: middle;
    background: #212121;
    backface-visibility: hidden;
    -webkit-transition: 0.3s, opacity 0.1s 0.3s;
    -o-transition: 0.3s, opacity 0.1s 0.3s;
    transition: 0.3s, opacity 0.1s 0.3s;
}

.thumbnail-josip-title, .thumbnail-josip p {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
}

.thumbnail-josip-title {
    color: #fff;
}

.thumbnail-josip:hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: transform 0.3s, opacity 0.1s;
    -o-transition: transform 0.3s, opacity 0.1s;
    transition: transform 0.3s, opacity 0.1s;
}

@media (min-width: 992px) {
    .thumbnail-josip,
    .thumbnail-josip > figure {
        overflow: hidden;
    }

        .thumbnail-josip figure figcaption,
        .thumbnail-josip figcaption {
            position: absolute;
            top: auto;
            bottom: 0;
            left: 0;
            height: 85px;
            padding: 17px 5%;
            opacity: 0;
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }

        .thumbnail-josip:hover img {
            -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
        }
}

.tablet .thumbnail-josip figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: transform 0.3s, opacity 0.1s;
    -o-transition: transform 0.3s, opacity 0.1s;
    transition: transform 0.3s, opacity 0.1s;
}

.thumbnail-janes {
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: box-shadow 0.4s;
    -o-transition: box-shadow 0.4s;
    transition: box-shadow 0.4s;
}

    .thumbnail-janes,
    .thumbnail-janes > figure {
        overflow: hidden;
    }

        .thumbnail-janes figcaption {
            position: static;
            padding: 20px;
            top: 0;
            left: 0;
            height: 100%;
            text-align: left;
            background: #fff;
            backface-visibility: hidden;
            -webkit-transition: transform 0.3s;
            -o-transition: transform 0.3s;
            transition: transform 0.3s;
        }

        .thumbnail-janes p {
            margin-top: 5px;
            margin-bottom: 10px;
            max-height: 50px;
            overflow: hidden;
        }

        .thumbnail-janes:hover figcaption {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

@media (min-width: 1200px) {
    .thumbnail-janes {
        box-shadow: none;
    }

        .thumbnail-janes figcaption {
            position: absolute;
            padding: 25px 30px 30px 30px;
            width: 101%;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }

        .thumbnail-janes p {
            max-height: 75px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .thumbnail-janes:hover {
            box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
        }

            .thumbnail-janes:hover img {
                -webkit-transform: translateX(25%);
                transform: translateX(25%);
            }
}

@media (min-width: 1800px) {
    .thumbnail-janes figcaption {
        width: 50%;
    }

    .thumbnail-janes p {
        max-height: none;
        margin-top: 18px;
        margin-bottom: 18px;
    }
}

.thumbnail-apollo {
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
}

    .thumbnail-apollo figure figcaption,
    .thumbnail-apollo figcaption {
        position: static;
        padding: 15px 20px 15px;
        text-align: left;
        transition: .3s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .thumbnail-apollo p {
        margin-top: 5px;
        margin-bottom: 0;
        max-height: 45px;
        overflow: hidden;
    }

    .thumbnail-apollo .icon-xxs {
        font-size: 18px;
        line-height: 18px;
    }

@media (min-width: 768px) {
    .thumbnail-apollo {
        box-shadow: none;
    }

        .thumbnail-apollo img {
            opacity: 1;
            -webkit-transition: opacity 0.35s, transform 0.35s;
            -o-transition: opacity 0.35s, transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            -webkit-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1);
        }

        .thumbnail-apollo:before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.5);
            content: '';
            -webkit-transition: transform 0.6s;
            -o-transition: transform 0.6s;
            transition: transform 0.6s;
            -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
            transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
        }

        .thumbnail-apollo:hover img {
            opacity: 0.5;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }

        .thumbnail-apollo:hover figcaption {
            opacity: 1;
        }

        .thumbnail-apollo:hover:before {
            -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
            transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
        }

        .thumbnail-apollo,
        .thumbnail-apollo figure {
            overflow: hidden;
            background: #55bbeb;
        }

            .thumbnail-apollo figure figcaption,
            .thumbnail-apollo figcaption {
                position: absolute;
                top: 50%;
                width: 100%;
                padding: 0 8%;
                margin-top: 0;
                color: #fff;
                opacity: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .thumbnail-apollo p {
                max-height: none;
                margin-top: 18px;
                margin-bottom: 18px;
            }
}

@media (min-width: 768px) {
    .thumbnail-apollo.thumbnail-apollo-dark:hover img {
        opacity: .2;
    }
}

.thumbnail-apollo.thumbnail-apollo-bordered {
    border: 1px solid #d9d9d9;
    box-shadow: none;
}

    .thumbnail-apollo.thumbnail-apollo-bordered figure figcaption,
    .thumbnail-apollo.thumbnail-apollo-bordered figcaption {
        border-top: 1px solid #d9d9d9;
    }

@media (min-width: 768px) {
    .thumbnail-apollo.thumbnail-apollo-bordered figure figcaption,
    .thumbnail-apollo.thumbnail-apollo-bordered figcaption {
        border-top: none;
    }
}

@media (min-width: 1200px) {
    .thumbnail-apollo.thumbnail-apollo-bordered {
        width: 99%;
    }
}

@media (min-width: 1800px) {
    .thumbnail-apollo.thumbnail-apollo-bordered {
        width: 96%;
    }
}

.tablet .thumbnail-apollo {
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
}

    .tablet .thumbnail-apollo figure figcaption,
    .tablet .thumbnail-apollo figcaption {
        position: static;
        padding: 15px 20px 15px;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        color: #191919;
    }

    .tablet .thumbnail-apollo img {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    .tablet .thumbnail-apollo:before {
        display: none;
    }

    .tablet .thumbnail-apollo, .tablet .thumbnail-apollo figure {
        background: transparent;
    }


@media (max-width:767px) {
    .thumbnail-terry {margin-bottom:30px;}
}
.thumbnail-terry.thumbnail-border-none img {
    border-radius: 0;
}

.thumbnail-terry:before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    background: #000;
    opacity: 0;
    -webkit-transition: 0.35s all ease;
    -o-transition: 0.35s all ease;
    transition: 0.35s all ease;
    z-index: 2;
}

.thumbnail-terry figcaption {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    /*padding: 20px 15px;*/
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    background: transparent;
    backface-visibility: hidden;
    -webkit-transition: 0.35s all ease;
    -o-transition: 0.35s all ease;
    transition: 0.35s all ease;
    z-index: 2;
    will-change: transform;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}


.thumbnail-terry img {
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

.thumbnail-terry-title, .thumbnail-terry-desc {
    color: #fff;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
}

.thumbnail-terry-desc {
    display: none;
}

@media (min-width: 992px) {
    .thumbnail-terry:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border-radius: 5px;
        /*background: rgba(0, 0, 0, 0.3);
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);*/
        will-change: transform;
    }
    .thumbnail-terry:hover:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.3);
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
        will-change: transform;
    }

    .thumbnail-terry,
    .thumbnail-terry > figure {
        overflow: hidden;
    }

        .thumbnail-terry-desc, .thumbnail-terry:before {
            display: block;
        }

        .thumbnail-terry img {
            border-radius: 0px;
        }

        .thumbnail-terry figcaption {
            position: absolute;
            top: 20%;
            left: 0;
            z-index: 2;
            background: transparent;
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
        }

        .thumbnail-terry .btn, .thumbnail-terry .pagination-classic > li > a, .thumbnail-terry
        .pagination-classic > li > span {
            opacity: 0;
            -webkit-transform: translateY(100%) scale(0.8);
            transform: translateY(100%) scale(0.8);
        }

        /*.thumbnail-terry:hover .btn, .thumbnail-terry:hover .pagination-classic > li > a, .thumbnail-terry:hover
        .pagination-classic > li > span, .thumbnail-terry:hover figcaption {
            opacity: 1;
            -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
        }*/

        /*.thumbnail-terry:hover:before {
            opacity: 0.25;
        }*/
}

.tablet .thumbnail-terry .btn, .tablet .thumbnail-terry .pagination-classic > li > a, .tablet .thumbnail-terry
.pagination-classic > li > span, .tablet .thumbnail-terry figcaption {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
}

.tablet .thumbnail-terry:before {
    opacity: 0.25;
}

.thumbnail-rayen {
    position: relative;
}

    .thumbnail-rayen:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #191919;
        opacity: 0;
        -webkit-transition: 0.35s all ease;
        -o-transition: 0.35s all ease;
        transition: 0.35s all ease;
        z-index: 1;
    }

    .thumbnail-rayen figcaption {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        color: #fff;
        opacity: 0;
        -webkit-transform: translate(-50%, 100%) scale(0);
        transform: translate(-50%, 100%) scale(0);
        -webkit-transition: 0.35s all ease;
        -o-transition: 0.35s all ease;
        transition: 0.35s all ease;
        z-index: 2;
    }

    .thumbnail-rayen .icon:hover {
        color: #55bbeb;
        -webkit-transition: 0.35s color ease;
        -o-transition: 0.35s color ease;
        transition: 0.35s color ease;
    }

    .thumbnail-rayen:hover:before {
        opacity: 0.5;
    }

    .thumbnail-rayen:hover figcaption {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

.tablet .thumbnail-rayen figcaption,
.mobile .thumbnail-rayen figcaption {
    left: 50%;
    top: 50%;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

    .tablet .thumbnail-rayen figcaption a .icon,
    .mobile .thumbnail-rayen figcaption a .icon {
        font-size: 26px;
        line-height: 26px;
    }

.tablet .thumbnail-rayen:before,
.mobile .thumbnail-rayen:before {
    opacity: 0.25;
}

/* ELEMENTS */
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

h1,h2,h3,h4,h5,h6 {
    font-family:'Roboto', sans-serif;
}
h1 {font-size:22px;}
h3 {font-size:18px;}

hr {border-top:1px solid #b5b4b4}
img { max-width:100%;
}

a {
    color: #006CBF;
    text-decoration: none;
}
a:hover,
a:focus {
  color: #FF6700;
  text-decoration: underline;
}
/*a {
  color: #FF6700;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #FF6700;
  text-decoration: underline;
}*/
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* GLOBAL */

a.invert {color:#525e6c}
/*a:hover,
a:focus {
  color: #525e6c;
  text-decoration: underline;
}
*/a.nounder:hover {text-decoration:none;}

a.blue {color:#006CBF}
    a.blue.underlined {
        color: #006CBF;
        text-decoration:underline;
    }
    a.blue.underlined:hover {
        color: #FF6700;
        text-decoration:underline;
    }

a.blue-imp {color:#006CBF !important}
a.gray {color:#636d7b}
a.underline {text-decoration:underline;}
a.underline:hover {color:#525e6c; text-decoration:underline;}
a.semifinddark {color:#0B3565}
a.semifinddark:hover {color:#2078DB}
a.semifindlight {color:#2078DB}
a.semifindlight:hover {color:#0B3565}
.fleft {float:left;}
.fright {float:right}
.clear {clear:both}

.w-100 {width:100% !important}
.w200m100p {width:200px;}
@media(max-width:768px) {
    .wm-100{width:100%}
    .w200m100p {width: 100%;}
    .mblock {display:block}
}
.mbottom0 {margin-bottom: 0px !important;}
.mbottom5 {margin-bottom: 5px;}
.mbottom10 {margin-bottom: 10px;}
.mbottom15 {margin-bottom: 15px;}
.mbottom20 {margin-bottom: 20px;}
.mbottom25 {margin-bottom: 25px;}
.mbottom40 {margin-bottom: 40px;}
.mbottom50 {margin-bottom: 50px;}
.mtop5 {margin-top: 5px;}
.mtop10 {margin-top: 10px;}
.mtop15 {margin-top: 15px;}
.mtop20 {margin-top: 20px;}
.mtop25 {margin-top: 25px;}
.mtop30 {margin-top: 30px;}
.mtop35 {margin-top: 35px;}
.mtop40 {margin-top: 40px;}
.mtop50 {margin-top: 50px;}
.mtop60 {margin-top: 60px;}
.mtop70 {margin-top: 70px;}
.mtop-25 {margin-top: -25px;}
.mtop-40 {margin-top: -40px;}


.mright5 {margin-right:5px}
.mright10 {margin-right:10px}
.mright20 {margin-right:20px}
.mleft20 {margin-left:20px}
.mleft0{margin-left:0;}
.mleft5 {margin-left:5px}
.mleft15 {margin-left:15px}
.mleft-15 {margin-left:-15px}
.mleft-30 {margin-left:-30px}

.ptop5 {padding-top:5px}
.ptop6 {padding-top:6px}
.ptop10 {padding-top:10px}
.ptop20 {padding-top:20px}
.ptop50 {padding-top:50px}
.ptop60 {padding-top:60px}
.ptop150{padding-top:150px;}
.pbottom5 {padding-bottom:5px}
.pbottom6 {padding-bottom:6px}
.pbottom10 {padding-bottom:10px}
.pbottom20 {padding-bottom:20px}
.pbottom50 {padding-bottom:50px}
.pleft10 {padding-left:10px}
.pleft50m17 {padding-left:34px}
@media(max-width:400px) {
    .pleft50m17 {padding-left:34px; font-size:16px;}
}
.pleft0 {padding-left:0px}
.pright5 {padding-right:5px}
.pright10 {padding-right:10px}
.pall5 {padding:5px 5px}
.pall15 {padding:15px 15px}
.taleft{text-align: left;}
.aright{text-align: right;}

.xsmall{font-size: 12px;}
.small{font-size: 13px;}
.medium{font-size:14px;}
.bold {font-weight:bold;}

.orange{color: #FF6700;}
.darkblue {color:#525e6c !important;}
.blue {color:#006CBF}
.hide {display:none}
.red {color:#ff0000}
.gray {color:#b2b2b2}
.yellow {color:#efdc01}
.bggray {background-color:#e9ebee;}
.bggray2 {background-color: #f6f8f8;}
.bgwhite {background-color: #fff;}
.bordered {border:1px solid #b5b4b4}

.contentstreched {margin-left:-15px; margin-right:-15px;}
.hidemobile {display:none}
.visiblemobile {display:block}

.mmtop-15 {margin-top:15px;}
.mmtop-30 {margin-top:30px;}
.text-right-md {}
.hiddenmd {display:none}
@media (max-width:767px) {
    .text-xs-center {text-align:center !important}
    
}
@media (min-width:768px) {
    .contentstreched {margin-left:0; margin-right:0;}
    .mmtop-15 {margin-top:0px;}
    .mmtop-30 {margin-top:0px;}
    .text-right-md {text-align:right;}
    .text-left-md {text-align:left;}
    .text-center-md {text-align:right;}
}
@media(min-width:768px) and (max-width:990px) {
    .text-sm-center {text-align:center !important}
}
@media (min-width:1200px) {
    .hiddenmd {display:block}
}

/* DISABLED FOR RED21
    .form-horizontal .control-label {padding-top:13px;}*/

.exclam {
    color: #ff0000;
    font-weight: bold;
}
.graycontainer {
    border: 18px solid #e9ebee;
    padding: 18px 22px 13px 22px;
}
.graycontainer hr {
    border-top: 1px solid #dddddd;
}
a.linkbutton {
    font-size:12px;
    font-weight:600;
    color:#fff;
    background-color:#FF6700;
    padding:10px 10px;
	border-radius:3px;
}
a.linkbutton:hover {
    text-decoration:none;
	background-color:#525e6c;
}
a.linkbuttonblue {
    font-size: 16px;
    color: #fff;
    background-color: #1279c0;
    padding: 16px 29px;
    font-weight: normal;
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}
a.linkbuttonblue:hover {
    text-decoration:none;
	background-color:#1a8ddc;
}

/*.dxgvControl_Metropolis a.darkblue {color:#525e6c;} */

.sectiontitle {
    color:#FF6700;
    padding-top:40px;
    padding-bottom:40px;
}
.sectiontitlecontensed {
    color:#FF6700;
    padding-top:40px;
    padding-bottom:10px;
}
.sectiontitlenopadbottom {
    color: #FF6700;
    padding-top: 40px;
    padding-bottom: 0px;
}
.sectiontitlelarge {
    color:#FF6700;
    font-family:'Roboto', sans-serif;
    font-weight:800;
    font-size:30px;
}
.sectionsubtitle {
    color: #FF6700;
    padding-bottom: 40px;
}
h4.sectionsubtitle {font-size:16px;}

.dxbutton {
    background-color: #FF6700;
    border: 1px solid #FF6700;
    border-radius: 3px;
    font-size: 12px;
    padding: 5px 5px;
    color: #fff;
    font-weight: 600;
}
.dxbutton-hover {
    background-color:#525e6c;
    border:1px solid #525e6c;
    border-radius:3px;
    font-size:12px;
    padding:5px 5px;
    color:#fff;
	font-weight:600;
}
.dxbutton-pressed {
    background-color:#2f3d4c;
    border:1px solid #2f3d4c;
    border-radius:3px;
    font-size:12px;
    padding:5px 5px;
    color:#fff;
	font-weight:600;
}
.dxbutton-disabled {
    background-color: #b5b4b4;
    border: 1px solid #b5b4b4;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 5px 5px;
    color: #fff;
    font-weight: 600;
}


@media(max-width:768px) {
    .dxbutton {font-size:14px; padding:10px 27px;}
}

.dxbuttonlarge {
    font-size: 16px !important;
    padding: 10px 40px !important;
}

.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.row-2-padding > [class*="col-"] {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
@media (min-width:768px) {
    
    h1 {font-size:26px;}
    h2 {font-size:24px;}
    h3 {font-size:18px;}

    .sectiontitlelarge {
        font-size:40px;
        margin-top:40px;
    }
    a.linkbutton {
        font-size:14px;
        font-weight:600;
        color:#fff;
        background-color:#FF6700;
        padding:15px 40px;
        border-radius:3px;
    }
    .dxbutton {
        font-size:14px;
        padding:10px 40px;
    }
    .dxbutton-hover {
        font-size:14px;
        padding:10px 40px;
    }
    .dxbutton-pressed {
        font-size:14px;
        padding:10px 40px;
    }
    .dxbutton-disabled {
        font-size:14px;
        padding:10px 40px;
    }
    .hidemobile {display:block}
    .visiblemobile {display:none}
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* TWO COLUMNS */
#leftcol {display:none;}

@media (min-width:992px) {
    #leftcol {
        display: block;
        padding-right: 40px;
    }
}

/*banners mobile */
.banner-visible-sm {display:none;}
@media (min-width:768px){
    .banner-visible-sm {display:block;}
    .banner-visible-xs {display:none;}
}

.visible-xs {display:block}
.visible-xs-inl {display:inline-block}
.visible-sm, .visible-sm-inl {display:none}
@media(min-width:768px) {
    .visible-xs, .visible-xs-inl  {display:none}
    .visible-sm {display:block}
    .visible-sm-inl {display:inline-block}
}

/* CMS CONTENT */
#cmscontent ul {margin:6px 0 19px; list-style:disc;}
#cmscontent li { margin-left:20px; padding-left:3px; }
/*#cmscontent li a {color:#1279c0; font-weight:bold; text-decoration:none;}
#cmscontent li a:hover {color:#FF6700;}*/
#cmscontent ol {padding-left:20px;list-style-type: decimal}
#cmscontent ol li {
    background: none;
    padding-left:0px;
}

#resp img {max-width:100%}

/* TOP HEADER */

/*#engrow {display:none;}
#logorow {display:none;}
#bannerzone1 {display:none;}*/
header {display:none}

.langbox {display:none} /* 2DO */

#toplogin {display:none;}


#toplogin #pnlTopLoginForm .forgotpass {margin-left:28px}
#toplogin #pnlTopLoginForm .forgotpass a {}
#toplogin #pnlTopLoginForm .regbusiness {
    border-left:1px solid #FF6700;
    margin-left:10px;
    padding-left:10px;
    padding-top:4px;
}
#toplogin #pnlTopLoginForm .regbusiness img {padding-bottom:4px;}

.navbar-header a.moblogin {float:right; display:block; margin:16px 16px 0 0;}

.navbar-inverse .navbar-toggle {
    border:none;
}
.navbar-inverse .navbar-toggle:hover .icon-bar , .navbar-inverse .navbar-toggle:focus .icon-bar  {
    background-color: #FF6700;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color:initial !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #FF6700;
}
.navbar-toggle {float:left !important}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
}

#navbar .lnkregbu {
    color:#FF6700; 
    font-weight:500;
}
#navbar .lnkregcv {
    color: #FF6700;
    font-weight: 500;
}

/* For fixed top  navbar on mobile*/
@media (max-width:767px) {
    .navbar-static-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background-color: #fff;
        border-width: 0;
        margin-bottom:0;
    }

    body.bodygray .navbar-static-top {
        background-color: #f6f8f8;
    }
    .navbar-inverse .navbar-collapse {
        border-width: 0;
        background-color: #e8e9e9;
        padding: 0 0 15px 0;
        border: 1px solid #d9d9d9;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #2D2E31;
        font-size: 16px;
        font-weight: 400;
        text-shadow:none;
    }
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #2D2E31;
        background-color:transparent;
    }
    .navbar-nav {
        margin: 0;
        padding:20px 0px;
    }
        .navbar-nav li {
            border-bottom: 1px solid #dedede;
            padding: 4px 13px;
        }
            .navbar-nav li .fa {
                color: #FF6700;
                float: right;
                padding: 4px 5px 0 0;
                font-size: 14px;
            }
    .navbar-inverse .navbar-nav > li > a:after {
       background:transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li {
        border-bottom:0;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #2D2E31;
        font-size: 14px;
        font-weight: 400;
        text-shadow: none;
        padding: 5px 15px 5px 15px;
    }

    #navbar .lnkregbu {
        color: #FF6700;
        width:340px;
        border:1px solid #FF6700;
        border-radius:19px;
        text-align:center;
        padding:7px 0;
        display:block;
        margin:17px auto;
    }

    #navbar .lnkregcv {
        color: #FF6700;
        width: 340px;
        border: 1px solid #FF6700;
        border-radius: 19px;
        text-align: center;
        padding: 7px 0;
        display: block;
        margin: 10px auto;
    }
    .navbar-toggle {
        padding:9px 15px;
    }
    .navbar-brand {
        position: absolute;
        top: 0px;
        left: 50%;
        width: auto;
        float: none;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .navbar-brand img {
        height:40px;
        width:auto;
    }
    /*body {padding-top:60px}*/
}


@media (min-width:768px) {
    header {display:block; background-color:#fff}
    #engrow {
        display: block;
        background-color: #333E49;
        color: #fff;
        border-radius:0 0 4px 4px;
    }



        #engrow a {
            opacity: 0.73;
            color: #FFFFFF;
            font-family: Roboto;
            font-size: 13px;
            letter-spacing: 0;
            line-height: 15px;
            text-decoration: underline;
        }
            #engrow a:hover {
                color: #fff;
                text-decoration: underline;
                opacity: 1;
            }

    #engrow a.tablink {
        display:block; 
        background-color:#3c4652;
        color:#fff; 
        text-decoration:none;
        padding:10px 10px;
        width:170px; 
        float:left;
        text-align:center;
    }
    #engrow a.tablink:hover {color:#FF6700; text-decoration:none;}
        #engrow a.tablinkactive {
            display: block;
            background-color: #FF6700;
            color: #fff;
            text-decoration: none;
            padding: 10px 0px;
            width: 170px;
            float: left;
            text-align: center;
        }



        


    #engrow .englinks {padding-top:4px;}

    #logorow {display:block;}
    #logorow .logorowph {padding-top:3px; padding-bottom:20px;}

    #toplogin {
        display:block;
        text-align:right;
        padding-top:0px;
    }

    #toplogin #pnlTopLoginForm {text-align:right;}
        #toplogin #pnlTopLoginForm .form-control {
            height:28px;
            font-size: 12px;
            padding: 2px 11px;
            background-color: #242C34;
            border: 1px solid #242C34;
            border-radius: 3px;
            width: 120px;
            color: #c5c7ca;
        }
        #toplogin #pnlTopLoginForm .btn-outline {
            background-color: #FF6700;
            color: #fff;
            border: 1px solid #FF6700;
            padding: 0px 13px 0 18px;
            height: 28px;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0;
        }
            #toplogin #pnlTopLoginForm .btn-outline:hover {
                background-color: #FF6700;
                border: 1px solid #FF6700;
            }
     #toplogin #pnlTopLoginForm .btn-outline img {max-width:16px; height:auto; margin-left:9px !important}
        #toplogin #pnlTopLoginForm .toploginlnk {
            background-color: #FF6700;
            color: #fff;
            border: 1px solid #FF6700;
            padding: 6px 30px;
            height: 28px;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0;
            text-decoration:none;
            opacity:1;
        }
            #toplogin #pnlTopLoginForm .toploginlnk:hover {
                background-color: #fc812d;
                border: 1px solid #fc812d;
            }
            #toplogin #pnlTopLoginForm .toploginlnk img {
                max-width: 16px;
                height: auto;
                margin-left: 9px !important
            }
     
     
     
     #toplogin #pnlTopLoginForm .forgotpass {
            text-align: right;
            padding-top: 4px
        }
    .errormsg {font-size:14px; line-height:1em; height:23px; padding-left:110px; color:#ff0000; font-weight:600; }
    #toplogin .loggedinpnl {
        padding-top:2px;
        padding-bottom:2px;
        font-size:12px;
        text-align:right;
    }
        /*#toplogin .loggedinpnl span,
        #toplogin .loggedinpnl a {
            display: inline-block;
            padding-bottom: 3px;
        }*/
    #toplogin .lnktopfav {
        opacity: 1;
        margin-left: 5px;
        margin-right: 5px;
        text-decoration:none;
    }
    #toplogin .lnktopfav:hover {
        text-decoration:none;
    }

        #toplogin .lnktopfav .fa {
            color: #fff;
            font-size: 19px;
        }
        #toplogin .lnktopfav:hover .fa {
            color: #FF6700;
        }

        #toplogin .lnktopfav .badge {
            margin-left: -4px;
            margin-top: -15px;
            /*font-size: 11px;*/
            font-size: 12px;
            font-weight: 300;
            border-radius: 12px;
            background-color: #FD871D;
        }

        .navbar-header a.moblogin {
            display: none
        }
    .navbar {margin-bottom:0}
    .navbar-brand {display:none;}
    .navbar-inverse {
        background-color: #fff;
        border-bottom: 1px solid #dedede;
        border-right: none;
        border-left: none;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-family:'Roboto', sans-serif;
        font-size:11px;
        text-shadow:none;
        text-decoration:none;
    }
        .navbar-inverse .navbar-nav > li > a .fa {
            font-size: 12px;
            margin-left:5px;
        }
        .navbar-inverse .navbar-nav > li > a .mybadge:after {
            /*font-size: 12px;
            width: auto;
            padding: 4px 8px 4px 8px;
            line-height: 14px;
            float: none*/
            float: right;
            margin-left: 3px;
            margin-top: 0px;
        }


    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #FF6700;
        background-color: #fff;
    }
        .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
            color: #FF6700;
            background-color: #fff;
        }

    .bodybd .nav > li > a {
        padding: 5px 4px 5px 4px;
    }

    .navbar-inverse .navbar-nav .dropdown-menu > li > a {
        color: #2D2E31;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        white-space: nowrap;
    }

    #navbar .lnkregbu:before {
        content: "\007C";
        margin-right: 6px;
        color: #53565B;
        font-size:12px;
    }

    #navbar .lnkregbu {
        float: left;
        margin: 0;
        font-size: 12px;
        padding: 12px 0 0 5px;
    }

    #navbar .lnkregcv {
        float: right;
        margin: 7px 0 0 0;
        font-size: 12px;
        box-sizing: border-box;
        border: 1px solid #FF6700;
        border-radius: 19px;
        padding:3px 6px;
    }
    #navbar .lnkregcv:hover {
        background-color:#FF6700;
        color:#fff;
        text-decoration:none;
    }

}
@media (min-width: 991px) {
    .navbar-inverse .navbar-nav > li > a {
        color: #2D2E31;
        font-size: 14px;
        
    }
    #toplogin #pnlTopLoginForm .forgotpass {
        margin-left: 18px;
        
    }
    #navbar .lnkregbu:before {
        margin-right: 9px;
        font-size: 14px;
    }
    #navbar .lnkregbu {
        float: left;
        margin: 0;
        font-size: 14px;
        padding: 10px 0 0 5px;
    }

    #navbar .lnkregcv {
        margin: 5px 0 0 0;
        font-size: 14px;
        padding: 4px 14px;
    }
}
@media (min-width: 1200px) {
    .navbar-inverse .navbar-nav > li > a {
        color: #2D2E31;
        font-size: 16px;
        font-weight: 400;
        padding: 10px 8px 16px 9px;
    }

    #navbar .lnkregbu:before {
        margin-right: 20px;
        font-size: 19px;
    }

    #navbar .lnkregbu {
        float: left;
        margin: 0;
        font-size: 16px;
        padding: 5px 0 0 5px;
    }

    #navbar .lnkregcv {
        margin: 0px 0 0 0;
        padding: 7px 21px 5px 21px;
    }
    
}
@media (min-width: 1400px) {
    .navbar-inverse .navbar-nav > li > a {
        padding: 10px 11px 16px 11px;
    }
}

@media (min-width: 991px) { 
    #bannerzone1 {display:block;margin-top:5px;text-align:right; float:right}
    #bannerzone1 table td {text-align:right}
    
    .bodybd .nav > li > a {
        padding: 10px 10px;
        line-height:20px;
    }
}
/* FOOTER */
            footer {
    background-color: #333E49;
    /*margin-top: 70px;*/
}

#footersocial {
}
.footerlogo {
    margin-top: 28px;
    text-align: center;
}
.footerlogo img {height:45px;}

.socialfooter {
    margin-top: 0px;
    text-align: center
}

    .socialfooter img {
        height:21px;
        width: auto;
        margin-right: 20px;
        margin-left: 20px;
    }

.footerhr hr {border-top: 1px solid #979797;}
.footerhr.hr1 hr {margin-top: 41px;margin-bottom:23px;}
.footerhr.hr2 hr {margin-top: 23px;}

#footerlinks {
}
    #footerlinks h4 {
        margin-top: 29px;
        margin-bottom: 3px;
    }
    #footerlinks h4,
    #footerlinks h4 a {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -0.49px;
        line-height: 21px;
        
    }
#footerlinks ul {
    padding-left: 0px;
    margin-top: 5px;
    margin-bottom:10px;
    list-style: none;
}
    #footerlinks ul li,
    #footerlinks ul li a {
        color: #FFFFFF;
        font-family: Roboto;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 28px;
        padding-top: 21px;
    }
    #footerlinks ul li a:hover {
        color: #d7d7d7;
        text-decoration: none;
    }

#footercredits {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
}
#footercredits .row {padding-top:8px; padding-bottom:8px}
#footercredits .col-sm-12 {padding-top:8px;}

#footercredits a {color:#fff;}
#footercredits a:hover {text-decoration:underline;}

@media (min-width: 768px) {
    .footerlogo {
        margin-top: 43px;
        text-align: left;
        
    }
    .footerlogo img {height:52px;}
    .socialfooter {
        margin-top: 0px;
        margin-bottom: 20px;
        text-align: right;
    }
        .socialfooter img {
            margin-top:59px;
        }
        .footerhr hr {margin-top:37px;}
        .footerhr.hr1 {display:none;}
}
@media (min-width: 991px) {
    #footerlinks ul li,
    #footerlinks ul li a {
        padding-top: 3px;
    }
    
    #footerlinks h4 {
        margin-top: 40px;
    }
        #footerlinks h4,
        #footerlinks h4 a {
            color: #fff;
            font-size: 20px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 24px;
        }
    #footerlinks ul {
        margin-bottom: 30px;
    }
        #footerlinks ul li,
        #footerlinks ul li a {
            color: #FFFFFF;
            opacity: 0.75;
            font-family: Roboto;
            font-size: 15px;
            font-weight:400;
            letter-spacing: 0;
            line-height: 35px;
        }

    

    #footercredits {
        padding-top: 0;
        padding-bottom: 37px;
        
    }
}

/* HOMEPAGE */

#headerbannertmp {
    background: url(/images/2021/header_red2021_mobile_tmp.jpg) top center no-repeat #fff;
    color: #fff;
    letter-spacing: -0.2px;
    line-height: 24px;
    font-size: 18px;
    height: 483px;
    border-bottom: 1px solid #ECECEC;
}

#headerbanner {
    background: url(/images/header_banner_2019_mob.png) top center no-repeat #f8f8f8;
    color: #fff;
    letter-spacing: -0.2px;
    line-height: 24px;
    font-size: 18px;
}

    #headerbanner h3 {
        font-size: 36px;
        margin-bottom: 0px;
        margin-top: 30px;
    }

    #headerbanner h4 {
        font-size: 36px;
        font-weight: 800;
    }
#headerbanner .phuser, .phbus {padding-bottom:15px}
#headerbanner .regbuton {margin-top: 28px;}

.borderbottom {border-bottom:1px solid #ececec;}
.homelogos {
    display: none;
}

.hometitle {
    color: #333E49;
    font-family: Roboto;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}
.homesubtitle {
    color: #333E49;
    font-family: Roboto;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    margin-top:2px;
    margin-bottom:16px;
}

#homejobsloc {
    padding-top:30px;
    
}
    #homejobsloc .alljobsbtntop,
    #homejobscat .alljobsbtntop     {display: none  !important;}
    #homejobsloc .alljobsbtndbot,
    #homejobscat .alljobsbtndbot {display: inline-block !important;}
    #homejobscat .alljobsbtndbot {margin-top:22px}
    #homejobsloc .thumbnail-terry figcaption {
        bottom: 80%;
        top: unset;
    }
#homejobsloc .thumbnail-terry a{display:block}
#homejobsloc a:focus .thumbnail-terry-title{color:#FF6700}
#homejobsloc .thumbnail-terry-title {font-size: 20px;font-weight: 400;	letter-spacing: -0.55px; }

#homejobsloc ul {}
#homejobscat ul {}
.homelist {
    padding: 0px 0 0px 0;
    list-style: none;
    margin-bottom: 0;
}
     ul.homelist li {
        padding: 12px 0;
        border-bottom: 1px solid #dedede;
        position: relative;
    }
    #homejobsloc ul li, #homejobscat ul li {}
     ul.homelist li a {
        /*color: #333E49;*/
        color: #080808;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 12px;
        padding: 0 10px 0 10px;
    }
    #homejobsloc ul li a, #homejobscat ul li a {}

     ul.homelist li a:hover {
        color: #FF6700;
        text-decoration: none;
    }
    #homejobsloc ul li a:hover, #homejobscat ul li a:hover {}


#homejobsloc ul li a:after, #homejobscat ul li a:after {}

.homelist 

/*#homejobsloc ul li a .fa {
    color: #FF6700;
    float: right;
    padding: 4px 5px 0 0;
    font-size: 12px;
}*/
#homejobsloc .morelnk {margin-top:30px;}

#homejobscat ul li {}

 ul.homelist li:after {
    content: "\f054";
    font-family: 'FontAwesome';
    color: #FF6700;
    padding: 4px 5px 0 0;
    font-size: 12px;
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#homejobscat ul li:after {
        
}

/**/
/*#homejobsloc .colmore {display:none;}*/
#homejobsloc .btnshowmore,
#homejobscat .btnshowmore {
    color: #FF6700;
    font-size: 12px;
    text-decoration: underline;
}

#homejobscat {padding:22px 0 45px 0;}

#homehirenow {
    padding-bottom: 55px;
}
#homehirenow .hirebox {margin-bottom:20px;}
#homehirenow img {margin-bottom:15px;}
#homehirenow a {color:#383D44; font-size:16px; font-weight:bold; letter-spacing: -0.58px; line-height: 22px;}
#homehirenow a:hover {text-decoration:none; color:#47a8eb}

#homeaffiliated {
    margin-top: 90px;
    margin-bottom: 90px;
}
    #homeaffiliated .cntbox {
        text-align: center;
        padding: 59px 38px 50px 38px;
        margin-top: 13px;
        border-radius: 12px;
        background-color: #F6F6F8;
    }

    #homeaffiliated .slogo img {
        width: 191px;
        height: auto;
    }
    #homeaffiliated .sklogo img {
        width: 209px;
        height: auto;
    }
    #homeaffiliated .fblogo {
        margin-top:15px;
    }

    #homeaffiliated h4 {
        color: #383D44;
        font-size: 28px;
        letter-spacing: -0.7px;
        line-height: 33px;
        text-align: center;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: -0.3px;
        line-height: 28px;
    }
#homeaffiliated .semicol h4 {margin-top:37px;}
#homeaffiliated .skcol h4 {margin-top:25px;}
#homeaffiliated .fbcol h4 {margin-top:42px;}
#homeaffiliated p {
    color: #727272;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}
#homeaffiliated  .lnk1 {margin-top:36px;}
#homeaffiliated  .lnk2 {margin-top:33px;}
#homeaffiliated  .lnk3 {margin-top:33px;}

#homeaffiliated .lnk1 .linkbutton {background-color:#2078db}
#homeaffiliated .lnk1 .linkbutton:hover {background-color:#18569c}
#homeaffiliated .lnk2 .linkbutton {background-color:#25ce7d}
#homeaffiliated .lnk2 .linkbutton:hover {background-color:#1da362}
#homeaffiliated .lnk3 .linkbutton:hover {background-color:#d96904}
    #homeaffiliated .linkbutton {
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 16px;
        text-align: center;
        border-radius: 25px;
        padding:12px 24px;
    }

@media(min-width:768px) and (max-width:991px) {
    #homeaffiliated h4 {
        font-size: 19px;
        letter-spacing: -0.7px;
        line-height: 24px;
    }
    #homeaffiliated .linkbutton {
        font-size: 12px;
        border-radius: 25px;
        padding: 12px 13px;
    }
    #homeaffiliated  .lnk1 {margin-top:36px;}
    #homeaffiliated  .lnk2 {margin-top:63px;}
    #homeaffiliated  .lnk3 {margin-top:33px;}
}
@media(min-width:1200px) {
    #homeaffiliated .cntbox {
        padding: 70px 77px 60px 77px;
    }
    #homeaffiliated .linkbutton {
        padding: 12px 23px;
    }
    #homeaffiliated  .lnk1 {margin-top:63px;}
    #homeaffiliated  .lnk2 {margin-top:33px;}
    #homeaffiliated  .lnk3 {margin-top:87px;}

}

@media(min-width:1400px) {
    #homeaffiliated .cntbox {
        padding: 70px 77px 60px 77px;
    }
    #homeaffiliated .linkbutton {
        padding: 12px 43px;
    }
    #homeaffiliated  .lnk1 {margin-top:36px;}
    #homeaffiliated  .lnk2 {margin-top:33px;}
    #homeaffiliated  .lnk3 {margin-top:33px;}

}


#hirenow {
    display: none;
}
    

#homejobsloc #showlessCityButton,
#homejobscat #showlessCatsButton,
#homejobsloc #showmoreCityButton,
#homejobscat #showmoreCatsButton {
    border: 0;
}
    #homejobsloc #showlessCityButton:after,
    #homejobscat #showlessCatsButton:after,
    #homejobsloc #showmoreCityButton:after,
    #homejobscat #showmoreCatsButton:after {
        display:none
    }

@media (max-width:767px) {
    #homejobsloc .thumbnail-terry {
        margin-bottom: 10px;
    }
    #homeaffiliated {
        margin-top: 0px;
        margin-bottom: 30px;
        padding-bottom:45px;
        border-bottom: 1px solid #ececec;
    }
        #homeaffiliated .cntbox {
            border-radius: 6px;
            padding: 25px 25px 35px 25px;
            margin-top: 13px;
        }

       /* #homeaffiliated .slogo img {
            width: 150px;
            height: auto;
        }*/
        #homeaffiliated .fblogo img {
            width: 225px;
            height: auto;
        }
    #homeaffiliated h4 {
        color: #333E49;
        font-size: 14px;
        font-weight:400;
        letter-spacing: 0;
        line-height: 19px;
        margin-top:13px;
    }
        #homeaffiliated h4 {
            margin-top:30px;
        }
    #homeaffiliated p {
        display:none
    }
        #homeaffiliated .lnk2 {
            margin-top: 28px;
        }
        #homeaffiliated .lnk3 {
            margin-top: 38px;
        }
        #homeaffiliated .linkbutton {
            font-size: 14px;
            font-weight: 600;
            padding: 10px 30px;
        }
}
@media (min-width:768px) {
    
    #headerbannertmp {
        background: url(/images/2021/header_red2021_tmp.jpg) top center no-repeat #fff;
        border-bottom:0;
    }
    #headerbanner {background:url(/images/header_banner_2019.jpg) top center no-repeat #f8f8f8; color:#525e6c}
    #headerbanner .bannerrow {height:340px;}
    #headerbanner h3 {
        font-size:36px;
        margin-bottom:0px;
        margin-top:80px;
    }
    #headerbanner h4 {
        font-size:36px; 
        font-weight:800;
    }
    .homelogos {display:block;text-align: center;}
    .homelogos img {margin:12px 5px; max-height:30px;}

    .hometitle {
        font-size: 30px;
        font-weight: 500;
        letter-spacing: -0.38px;
        line-height: 35px;
        text-align: left;
    }
        .hometitle:before {
            height: 28px;
            font-weight: 600;
            color: #FF6700;
            margin-right: 11px;
            margin-left: -21px;
            content: '\007C';
        }
    .hometitle.big {
        font-size: 36px; /*prev:40*/
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 47px;
    }
        .hometitle.big:before {
            height: 38px;
            font-weight: 600;
            color: #FF6700;
            margin-right: 11px;
            margin-left: -21px;
            content: '\007C';
        }



        #homejobsloc {
            padding-top: 83px
        }
    #homejobsloc.borderbottom {border-bottom:0px}
    #homejobsloc h1 {
        margin-bottom: 56px
    }
    /*#homejobsloc .row10 {margin-left:-10px; margin-right:10px;}

    #homejobsloc .col-sm-3,
    #homejobscat .col-md-3,
    #homehirenow .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
    }*/
    #homejobsloc .thumbnail-terry figcaption {
        top:unset;
        bottom:40%;
    }
            #homejobsloc .thumbnail-terry-title {
                font-size:14px;
            }
    #homejobsloc ul {
        padding: 50px 0 50px 0;
    }

    #homejobscat h2 {
        margin-bottom: 56px
    }
    /*#homejobscat ul {padding:0px 0 50px 0;}*/

    #homejobsloc #showmoreCityButton,
    #homejobscat #showmoreCatsButton {
        display: none;
        
    }
    #homejobsloc #showlessCityButton,
    #homejobscat #showlessCatsButton {
        display: none;
        
    }
    #homejobsloc .colmore,
    #homejobscat .colmore {
        display: block;
    }


    #hirenow {
        background-color: #F6F6F8;
        display: block;
        padding-top:60px;
        padding-bottom:30px;
    }
        #hirenow h2 {
            margin-bottom:30px;
        }
        #hirenow .textph h3 {
            color: #333E49;
            font-size: 30px;
            font-weight: 500;
            letter-spacing: -0.38px;
            line-height: 35px;
        }
        #hirenow .textph p {
            color: #53565B;
            font-size: 18px;
            letter-spacing: 0;
            line-height: 24px;
            margin-top:16px;
        }
        #hirenow .homehireboxes {
            display: flex;
            flex-wrap: wrap;

        }
        #hirenow .homehirebox {
            width:118px;
            margin:7px 10px;
        }

    #hirenow .imagediv {
        min-height: 107px;
        width: 100%;
        display: table;
        background-color: #fff;
        border: 1px solid #DEDEDE;
        border-radius: 8px;
        padding: 10px 10px;
        margin-bottom: 30px;
    }
        #hirenow .imagewrapper {
            vertical-align: middle;
            text-align: center;
            display: table-cell;
        }

}
@media (min-width: 992px) {
    .homelogos img {margin:18px 4px; max-height:none}
    #homejobsloc .morelnk {margin-top:0px;}
    #homejobsloc .thumbnail-terry-title {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -0.2px;
    }
    ul.homelist li {
        padding: 8px 0 8px 0;
    }

        ul.homelist li a {
            font-size: 16px;
            line-height: 16px;
            padding: 0;
            padding-right: 25px;
            display: flex;
            line-height: 20px;
            align-items: center;
            min-height: 42px;
        }
            ul.homelist li a span {
                font-size: 13px;
                margin-left:4px;
                display:contents;
            }

            ul.homelist li a .fa {
                padding: 4px 5px 0 0;
            }

    #secjobssearch #homejobsloc ul.homelist li a {
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    #headerbannertmp {height:639px; background-size:contain;}
    #headerbanner .phuser {
        float: left;
    }
    #headerbanner .phbus {float:right;}

    #hirenow .homehirebox {
        width: 147px;
    }
    .homelogos img {margin:18px 8px; max-height:none}
    .homelogos img.first {margin-left:0 !important;}
    .homelogos img.last {margin-right:0 !important;}

    #homejobsloc .thumbnail-terry figcaption {
        top: unset;
        bottom: 30%;
    }
    #homejobsloc .thumbnail-terry-title {
        font-size: 21px;
        font-weight: bold;
        letter-spacing: -0.2px;
        line-height: 24px;
    }
    #homejobsloc .alljobsbtntop,
    #homejobscat .alljobsbtntop {
        display: inline-block !important
    }
    #homejobsloc .alljobsbtndbot,
    #homejobscat .alljobsbtndbot {
        display: none !important;
    }
}
@media (min-width: 1480px) {
    #hirenow .homehirebox {
        width: 160px;
    }
    .homelogos img {
        margin: 18px 20px;
    }
    
}
@media (min-width: 1640px) {
    .homelogos img {margin:18px 39px; max-height:none}
    .homelogos img.first {margin-left:0 !important;}
    .homelogos img.last {margin-right:0 !important;}

    /*#homeaffiliated .leftcol,
    #homeaffiliated .rightcol {background-size:cover}*/
    
}

/* Job Ads Search landing */
@media(max-width:767px) {
    #secjobssearch.atjobview #menu-icon {
        background: unset;
        color: #525e6c;
        cursor: pointer;
        padding: 12px 0;
        margin: 0 auto 16px auto;
        width: 290px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
        text-align: center;
        border: 1px solid #525e6c;
        border-radius: 25px;
    }

        #secjobssearch.atjobview #menu-icon:after {
            float: right;
            content: "\f107";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            vertical-align: baseline;
            width: auto;
            display: inline-block;
            text-decoration: inherit;
            text-align: center;
            width: 1.25em;
            font-size: 18px;
            color: #525e6c;
            margin-right: 10px;
        }

        #secjobssearch.atjobview #menu-icon.active:after {
            content: "\f106";
        }

    #secjobssearch.atjobview .sf-menu-phone {
        display: none;
    }


    #secjobssearch #homejobsloccnt,
    #secjobssearch #homejobscatcnt,
    #secjobssearch #homejobsabroadcnt,
    #secjobssearch #homejobslangcnt    {
        display: none;
    }

        #secjobssearch .mobileintro {
            color: #333E49;
            font-family: Roboto;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 19px;
            text-align: center;
            padding: 22px 0;
            margin: 60px auto 0 auto;
            width: 273px;
        }

        #secjobssearch h1,
        #secjobssearch h2,
        #secjobssearch h5
        {
            padding: 12px 0;
            margin: 0 auto 16px auto;
            width: 290px;
            color: #FF6700;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 18px;
            text-align: center;
            border: 1px solid #FF6700;
            border-radius: 25px;
        }

    #secjobssearch #homejobsloc,
    #secjobssearch #homejobscat,
    #secjobssearch #homejobsabroad,
    #secjobssearch #homejobslang {
        padding:0;
    }



        #secjobssearch #homejobscat .showallcats {
            border: 1px solid #C4C4C4;
            border-radius: 6px;
            color: #53565B;
            font-size: 13px;
            padding: 8px 25px;
            margin-top: 20px;
            display: inline-block;
            margin-bottom: 30px;
        }

    #secjobssearch #homejobslang {
        padding-bottom: 57px;
    }

    #secjobssearch ul.homelist li a {
        /* color: #333E49; */
        font-size: 13px;
        line-height: 13px;
    }
}
@media(min-width:768px) {
    #secjobssearch.atjobview {display:none}

    #secjobssearch .mobileintro {
        display: none
    }

    #secjobssearch #homejobsloc {
        padding-top: 70px
    }

        #secjobssearch #homejobsloc h1 {
            margin-bottom: 30px;
        }

        #secjobssearch #homejobsloc ul {
            padding: 20px 0 90px 0;
        }

    #secjobssearch #homejobscat {
        background-color: #F6F6F8;
        padding: 47px 0;
    }
        #secjobssearch #homejobscat .showallcats {
            display:none;
        }

    #secjobssearch #homejobsabroad {
        padding: 67px 0 87px 0;
    }

        #secjobssearch #homejobsabroad h1 {
            margin-bottom: 30px;
        }

    #secjobssearch #homejobslang {
        background-color: #F6F6F8;
        padding: 47px 0 68px 0;
    }

        #secjobssearch #homejobslang h1 {
            margin-bottom: 30px;
        }
}

/* wuc_NewsColumn */
#pnlwucNewsColumn .newsctitle {
    border-bottom: 1px #525e6c solid
}
.newscitem {border-bottom:1px solid #e9ebee; padding:7px 0;overflow: hidden;}
.newscitem .image {float:left; display:none; }
.newscitem .text {float:left; display: inline-block; font-size:14px;}
.newscitem .text a {color:#525e6c}
.newscitem .date {color:#FF6700; font-size:12px;}
@media (min-width:768px) {
    
    .newscitem .image {
        display:block;
        padding-right:5px;
        width:30%;
    }
    .newscitem .text {width:70%;display:block;}
}

@media (min-width: 1170px) {
    .newscitem .image {
        padding-right:10px;
        width:40%;
    }
    .newscitem .text {width:60%;}
}

/* wuc_NewsItems */
h3.cattitle {border-bottom:1px solid #525e6c; color:#525e6c}
.newslisting img {display:none}
@media (min-width:768px) {
    .newslisting img {display:block; max-width:none}
}

/* NEWS VIEW */

#newsitemview .date {font-size:14px; padding-top:30px;}
#newsitemview .newstitle {font-size:33px; color:#FF6700}
#newsitemview .newssocial {
    background-color:#e9ebee;
    padding:10px 10px;
    text-align:center;
    margin:10px auto;
}
/*#bannerzone5 {display:none}*/
#bannerzone5 {text-align:center; padding-top:40px; padding-bottom:0px; display:block; }
@media (min-width:768px) {
    #newsitemview .date {padding-top:60px}
    #newsitemview .newstitle {font-size:24px;}
    #bannerzone5 {text-align:center; padding-top:40px; padding-bottom:0px; display:block; }
}


.list-group a.btnshowmore,
.list-group a.btnshowless {
    color: #676767;
    font-size: 14px;
    letter-spacing: 0;
    text-decoration:underline;
}
.list-group a.btnshowless {display:none;text-align:right;}
.list-group a.btnshowless:hover {cursor:pointer}
.list-group a.btnshowmore {text-align:right;}
.list-group a.btnshowmore:hover {cursor:pointer}



/* JOB AD VIEW */
#bannerzone41 {display:none}

@media (min-width:768px) {
    #bannerzone41 {text-align:center; padding-top:60px; padding-bottom:20px; display:block; }
}
/*background-color:#f8f8f8;*/
#breadcrumbs { background-color:#f6f8f8; padding-top:5px; padding-bottom:5px; color:#525e6c; font-size:13px; margin-top:10px;}
ul.breadcrumb {background-color:transparent;}
#breadcrumbs a {
    color: #525e6c;
}
#breadcrumbs a:hover {color:#47a8eb; text-decoration:none;}
/*#breadcrumbs span {color:#47a8eb}*/
/* wuc_AdsView */

#adsmenu .list-group-item.header {
    margin-top: 12px;
    margin-bottom: 5px;
}

#jobadview {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
#jobadview .social {display:none}
/*#jobadview .social {margin-bottom:20px;}
#jobadview .social .sharethis-inline-share-buttons {text-align:center !important}*/

    #jobadview .jobitem {
        margin-bottom: 8px;
        border: 1px solid #DEDEDE;
        border-radius: 0px;
        background-color: #FFFFFF;
        padding:0;
        margin-bottom: 14px;
        position:relative;
        margin-top:15px;
    }

        #jobadview .jobitem:before {
            content: "";
            background-color: #FF6700;
            height: 37px;
            position: absolute;
            width: 4px;
            transition: all 1s ease;
            top: 40px;
            left: 0;
        }

    #jobadview .headerbox {
        padding: 9px 18px;
        border-bottom: 1px solid #dedede;
    }
    #jobadview .datepub {
        color: #53565B;
        font-family: Roboto;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 14px;
        display: inline-block;
        margin-top: 6px;
    }
    #jobadview .datepub .fa {margin-right:6px;}
    
    #jobadview .addtofavmob {
        width: 12px;
        height: 12px;
    }

        #jobadview .addtofavmob:after {
            content: "\f08a";
            font-family: 'FontAwesome';
            color: #525e6c;
            padding: 4px 5px 0 0;
            font-size: 12px;
            display: block;
            width: 16px;
            height: 16px;
            float: right;
        }

        #jobadview .addtofavmob.active:after {
            content: "\f004";
            color: #FF6700;
        }
    #jobadview .addtofavdesk {display:none}    

    #jobadview h1.title {
        color: #333E49;
        font-family: Roboto;
        font-size: 22px;
        font-weight: bold;
        letter-spacing: -0.2px;
        line-height: 25px;
        margin-bottom:8px;
        margin-top:5px;
    }
    #jobadview .category {
        color: #FD871D;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 0;
    }


    #jobadview .titleph {
        padding-bottom: 26px;
    }
    
        #jobadview .adlabel {
            color: #53565B;
            font-weight:400;
            font-size:14px;
        }
    #jobadview .icocompaany {
        margin-right: 7px;
        margin-left: 2px
    }
    #jobadview .icocity {
        margin-right: 7px;
        margin-left: 2px
    }
    #jobadview .icotype {
        margin-right: 7px;
        margin-left: 2px
    }
    #jobadview .icolevel {
        margin-right: 3px;
        margin-top: -5px;
    }
    /*#jobadview .details img {
        margin-right:7px;
        max-width:13px;
        max-height:13px;
    }*/
    #jobadview .logo {
        padding-top: 10px;
    }
#jobadview a.invert {color:#525e6c}
#jobadview a.invert:hover{}

    #jobadview .descbox {
        border: 0;
        border-radius: 0px;
        background-color: #FFFFFF;
        padding: 12px 18px;
        position: relative;
        color: #53565B;
        font-family: Roboto;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 20px;
        -webkit-text-size-adjust: auto;
        text-size-adjust: auto;
    }
        #jobadview .descbox p {
            /*font-size: 14px !important; */
            font-size: 1em !important;
        }
        /*#jobadview .descbox:before {
            content: "";
            background-color: #FF6700;
            height: 18px;
            position: absolute;
            width: 4px;
            transition: all 1s ease;
            top: 30px;
            left: 0;
        }*/
        #jobadview .descbox h4,
        #jobadview .applybox h4 {
            color: #333E49;
            /*font-size: 18px;*/
            font-size: 1.125em;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 19px;
            margin-top: 16px;
            margin-bottom: 10px;
        }
    #jobadview .applybox h5 {
        color: #333E49;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 19px;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {
        cursor: pointer;
        display: block;
        float: none;
        margin: 5px auto;
        max-width: 100%;
        position: relative;
    } 

    #jobadview .adtext ul {padding-left:0px; list-style:none}
        #jobadview .adtext ul li {
            margin: 0 0 5px 0;
            padding-left: 22px;
            /*font-size: 14px !important;*/
            font-size: 1em !important;
        }

            #jobadview .adtext ul li:before {
                content: "\f00c";
                font-family: "FontAwesome";
                font-weight: 900;
                /*font-size: 12px;*/
                font-size: 0.75em;
                display: inline-block;
                margin-left: -22px;
                color: #FF6700;
                width: 22px;
            }

    #jobadview .applybox {
        border-top: 1px solid #DEDEDE;
        border-radius: 0px;
        background-color: #FFFFFF;
        padding: 12px 18px 30px 18px;
        position: relative;
        margin-bottom: 14px;
        color: #53565B;
        font-family: Roboto;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 20px;
        overflow: auto;
    }

        /*#jobadview .applybox:before {
            content: "";
            background-color: #FF6700;
            height: 18px;
            position: absolute;
            width: 4px;
            transition: all 1s ease;
            top: 30px;
            left: 0;
        }*/
        #jobadview .applybox .titleph {
            padding:0;
        }

        #jobadview .applydiv {
            padding: 0;
        }
    #jobadview .workexp {
        padding:10px 0 30px 0;
        border-bottom: 1px solid #dedede;
    }


    #jobadview .prompt {
        margin-bottom: 24px;
    }
    #jobadview .btnph {
        text-align:center;
    }
    #jobadview .applydiv .roundbuttonfilled {
        margin:0 auto;
    }
        #jobadview .applydiv .roundbuttonfilled.btnreg {
            padding: 10px 33px;
        }
    /*#jobadview .applydiv .btnreg {
        padding-left: 73px;
        padding-right: 84px;
    }
        #jobadview .applydiv .btnreg img {
            margin-left: 23px;
        }*/
#jobadview .applydiv .signinlnk {
    display:block;
    margin-top:17px;
    font-size:13px;
}
    #jobadview .callbtnph {
        margin-top:15px;
    }
    #jobadview .callbtndesk,
    #jobadview .deskpre {
        display: none;
    }
    #jobadview .mobpre {
        font-weight:500;
        padding-bottom:10px;
    }
    #jobadview .callbtnmob {
        padding-top:18px;
        padding-bottom:18px;
        width:260px;
    }
    #jobadview .callbtnmob .fa {
        margin-left:20px;
    }


@media (min-width:768px) {
    #breadcrumbs.extrap {padding-top:12px; padding-bottom:12px;}
    #breadcrumbs {
        margin-top: 0;
        margin-bottom: 30px;
        border-bottom: 1px solid #D9D9D9;
    }
    #breadcrumbs .bread {
        padding-top: 7px;
    }
    #jobadview .social {display:none}

    #jobadview .jobitem {
        padding: 0;
        border-radius: 4px;
        margin-top:0;
    }
    #jobadview .jobitem:before {
        content: "";
        background-color: unset;
        height: 0;
        position: absolute;
        width: 0;
        top: 0;
        left: 0;
    }
    #jobadview .titleph {
        padding-bottom: 32px;
    }

    #jobadview .headerbox {
        padding: 18px 24px 24px 35px;
        border-bottom: 1px solid #dedede;
    }
    #jobadview .datepub {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.4px;
        line-height: 19px;
        display: inline-block;
        margin-top: 6px;
    }
    #jobadview .addtofavmob {display:none}
    #jobadview .addtofavdesk {
        display: inline-block;
        border: 1px solid #C4C4C4;
        border-radius: 6px;
        color: #53565B;
        font-size: 13px;
        padding: 7px 11px;
    }
        #jobadview .addtofavdesk:hover {
            display: inline-block;
            border: 1px solid #53565B;
            background-color: #53565B;
            color: #fff;
            text-decoration: none;
        }

        #jobadview .addtofavdesk:after {
            content: "\f08a";
            font-family: 'FontAwesome';
            color: #525e6c;
            padding: 4px 0 0 0;
            font-size: 12px;
            display: block;
            float: left;
            margin-top: -2px;
        }

        #jobadview .addtofavdesk:hover:after {
            color: #fff;
        }

        #jobadview .addtofavdesk.active:after {
            content: "\f004";
            color: #FF6700;
        }

    #jobadview h1.title {
        font-size: 27px;
        letter-spacing: 0;
        line-height: 31px;
        margin-bottom: 8px;
        margin-top: 0px;
    }
    #jobadview .category {
        font-size: 16px;
        
    }
    #jobadview .adlabel {
        padding-bottom:3px;
        font-size:15px;
    }
    #jobadview .brand {
        display:block;
    }
    #jobadview .imgdiv {
        min-height: 70px;
        width: 175px;
        display: table;
        border: 1px solid #C4C4C4;
        border-radius: 6px;
        padding: 10px 10px;
        margin: 0 0 0 auto;
    }

    #jobadview .imgwrapper {
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        font-size: 13px;
    }

        #jobadview .imgwrapper img {
            display: block;
            max-height: 50px;
            max-width: 125px;
            vertical-align: middle;
            margin: auto auto;
        }

    #jobadview .descboxparent {
        border-radius: 10px;
        border: 1px solid #DEDEDE;
        background-color: #FFFFFF;
        padding:9px 0;
        margin-bottom:18px;
    }

    #jobadview .descbox {
        border: 0;
        padding: 12px 24px 24px 35px;
        margin-bottom:0;
    }
     #jobadview .descbox:before {
        height:28px;
        top:30px;
    }

    /*#jobadview .descbox + .descbox {
        border-top: 1px solid #dedede;
    }*/
    

    #jobadview .descbox h4,
    #jobadview .applybox h4 {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: -0.3px;
        line-height: 28px;
        margin-top: 28px;
        margin-bottom: 16px;
        color: #333E49;
    }
    #jobadview .applybox h5 {
        color: #333E49;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 21px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

        #jobadview .descbox .adtext {
            color: #53565B;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 20px;
        }
    #jobadview .descbox p {
        font-size: 16px !important; /* Override all nested font sizes */
    }

    #jobadview .adtext ul li {
        margin: 0 0 8px 0;
        padding-left: 22px;
        font-size: 16px !important;
    }

        #jobadview .adtext ul li:before {
            font-size: 12px;
            display: inline-block;
            margin-left: -22px;
            color: #FF6700;
            width: 27px;
        }

    #jobadview .applybox {
        
    }
    #jobadview .applybox {
        padding: 12px 9px 30px 9px;
        margin-bottom: 18px;
        font-size: 16px;
    }

        /*#jobadview .applybox:before {
            height: 28px;
            top: 30px;
        }*/
        #jobadview .applybox .titleph {
            padding: 0px 24px;
        }
    #jobadview .applydiv {
        padding: 0px 24px;
    }
    #jobadview .prompt {
        margin-bottom: 24px;
    }
    #jobadview .applydiv .chkboxletter {
        padding-left: 0;
        padding-right: 1px;
    }
    #jobadview .applydiv .chkboxletter span.dxichCellSys.dxeTAR {padding:0px !important; margin:0;}

    #jobadview .btnph {
        text-align: left;
    }

    #jobadview .applydiv .roundbuttonfilled {
        margin: 0;
    }
    #jobadview .applydiv .roundbuttonfilled.btnreg {
            padding: 14px 33px;
        }
        

    #jobadview .btnph {
        text-align: left;
    }

    #jobadview .callbtnph {
        float: right;
        margin-right: 190px;
    }

    #jobadview .callbtndesk,
    #jobadview .deskpre {
        display: inline;
    }
    #jobadview .callbtndesk,
    #jobadview .deskpre{font-size:18px}

    #jobadview .deskpre em {
        font-style: normal;
        padding-right:15px;
    }

    #jobadview .callbtndesk {
        text-decoration: underline
    }
    #jobadview .mobpre,
    #jobadview .callbtnmob {
        display: none;
    }

}

/* company mini profile at job ad*/
.jobadprofile {
    margin-bottom: 13px !important;
    margin-top: 13px;
}
    .jobadprofile .companyheader .imgdiv {
        margin-bottom:20px;
    }
    .jobadprofile .companyheader h4 {
        margin-bottom:0px;
    }



@media (min-width: 768px) {
    .jobadprofile .companyheader {
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 0 0 20px 0;
    }
    #jobadview .companyheader .imgdiv {
        margin: 0 0 0 0;
    }
    .jobadprofile .companyname {
        padding-left: 30px;
    }
}

.bugallery img {
    width: 100%;
    height: 150px; /* Set a fixed height */
    object-fit: cover; /* Crop the image to fill the area */
    object-position: center; /* Center the cropped image */
}


/* Apply To JOB*/
.pagejobapply {
}
.pagejobapply .applyresult {
    padding-top: 15px;
    padding-bottom: 20px;
    
}
    .pagejobapply .applyresult.success {
        background-color: #DFF1E2
    }
    .pagejobapply .applyresult.error {
        background-color: #f1dfe5
    }
    .pagejobapply .applyresult p {
        margin-top: 25px;
        font-size: 16px;
        font-weight:400;
        letter-spacing: 0;
        line-height: 24px;
        text-align: center;
    }
    .pagejobapply .applyresult h4 {
        font-size: 23px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px;
        text-align: center;
        margin-top:21px;
    }
    .pagejobapply .applyresult.success h4 {color:#45BE39}
    .pagejobapply .applyresult.error h4 {color:#e05c58}

    .pagejobapply .applyresult h6 {
        color: #53565B;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 20px;
        text-align: center;
        margin-top: 27px;
    }
     .pagejobapply .applyresult h6 a {color:#006CBF; text-decoration:underline}
     .pagejobapply .applyresult h6 a:hover {color:#47a8eb; text-decoration:underline}

@media(min-width:768px) {
    .pagejobapply .applyresult {
        padding-top: 30px;
        background: url('/images/2021/job_apply_bg.png');
        background-repeat: no-repeat;
        background-size: initial;
        background-position-x: right;
        background-position-y: 15px;
    }
        .pagejobapply .applyresult p {
            font-size: 18px;
        }
        .pagejobapply .applyresult h4 {
            font-size: 26px;
            line-height: 33px;
        }
        .pagejobapply .applyresult h6 {
            font-size: 16px;
            line-height: 24px;
            margin-top: 37px;
        }
}

.applyaddcontent {
    padding-top:90px;
}
    .applyaddcontent h1 {
        color: #333E49;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 28px;
        text-align: center;
        margin-top:0;
        margin-bottom:43px;
    }



/* REGISTER USER */
.pageuserger {padding-bottom:150px}
#registerusercont {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}
    #registerusercont h1 {
        color: #333E49;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0;
        text-align:center;
        margin-top:0;
    }
    #registerusercont h2 {
        color: #333E49;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: -0.2px;
        line-height: 21px;
        margin-top: 18px;
    }
#registerusercont ul{list-style: none; margin:6px 0 2px; padding-left:0;}
#registerusercont ul li strong {font-size:18px; font-weight:bold; color:#FF6700; letter-spacing: -0.51px; line-height: 29px;}
#registerusercont ul li {
    font-size:16px; 
    margin-left:0;
    margin-bottom:20px;
    
}


@media(min-width:768px){
    #registerusercont h1 {
        font-size: 36px; /*prev:40*/
        letter-spacing: 0;
        line-height: 47px;
        text-align:left;
    }
    #registerusercont h1:before {
        height: 28px;
        width:4px;
        font-weight: 600;
        color: #FF6700;
        margin-right: 11px;
        margin-left: -21px;
        content: '\007C';
    }

    #registerusercont h2 {
        color: #333E49;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: -0.2px;
        line-height: 25px;
        margin-top:28px;
    }
    
    
    #registerusercont ul {
        margin-top:35px;
        }
        #registerusercont ul li {
            margin-bottom: 35px;
        }
}
@media (min-width: 1200px) {
    #registerusercont {
        /*background: url('/images/2021/cv_3.png') top right no-repeat #fff;*/
        padding-top:50px;
    }
}
/* REGISTER USER - form */
#registeruserfrm .prompt {
    margin-bottom:20px;
    margin-top:40px;
    text-align:center;
}
    #registeruserfrm .prompt h3 {
        color: #333E49;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 25px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 12px;
    }
#registeruserfrm .prompt p {font-size:16px;}
#registeruserfrm .prompt a {color:#006CBF; text-decoration:underline}
#registeruserfrm .prompt a:hover {color:#FF6700; text-decoration:underline}


#registeruserfrm .form-horizontal {}
#registeruserfrm .form-horizontal .small {font-size:14px;}
#registeruserfrm .hiden{display:none}
#registeruserfrm .g-recaptcha > div{margin:15px auto;}

@media (min-width:768px) {
    #registeruserfrm .prompt {
        margin-top: 80px;
        margin-bottom:45px;
    }
        #registeruserfrm .prompt h3 {
            color: #333E49;
            font-size: 28px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 33px;
            text-align: center;
            
        }
    #registeruserfrm .prompt p {font-size:18px;}
    #registeruserfrm .dxbutton,
    #registeruserfrm .dxbutton-hover,
    #registeruserfrm .dxbutton-pressed
    {
        font-size: 16px;
    }
}

/*Register User Email Sent*/
.pagereguseremailsent {
    padding-bottom:120px;
}
@media (min-width:768px) {
    .pagereguseremailsent {
        padding-bottom: 320px;
    }
}

/*Register User Confirmation*/
.pagereguserconfirm {
    padding-bottom: 120px;
}

@media (min-width:768px) {
    .pagereguseremailsent {
        padding-bottom: 240px;
    }
}

.nextsteps {
    margin-top:45px;
}
    .nextsteps .cvstartbox {
        border: 1px solid #DEDEDE;
        border-radius: 10px;
        background-color: #FFFFFF;
        position:relative;
        padding:20px 15px;
    }
        .nextsteps .cvstartbox:before {
            content: "";
            background-color: #FF6700;
            height: 28px;
            position: absolute;
            width: 5px;
            transition: all 1s ease;
            top: 22px;
            left: 0;
        }

        .nextsteps .cvstartbox h2 {
            color: #333E49;
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 28px;
            margin-top:0;
            margin-bottom:25px;
        }
        .nextsteps .cvstartbox h4 {
            color: #FF6700;
            font-size: 18px;
            letter-spacing: 0;
            line-height: 24px;
            font-weight:400;
        }
        .nextsteps .cvstartbox p {
            font-size: 16px;
            line-height: 20px;
            margin-bottom:27px;
        }
        .nextsteps .cvstartbox.wcv p {
            margin-bottom:47px;
        }

    .nextsteps .btnupload,
    .nextsteps .btncreate {
       width: 280px;
       margin-bottom:15px;
    }
     .nextsteps .btnupload img {margin-left:38px;}
    .nextsteps .btncreate img {margin-left:15px;}

@media (min-width:768px){
    .nextsteps .btnupload,
    .nextsteps .btncreate {
        width: fit-content;
        margin-bottom: 5px;
        display:block;
    }
    .nextsteps .btnupload img {margin-left:15px;}
    .nextsteps .btncreate img {margin-left:15px;}
}
@media (min-width:1200px) {
    .nextsteps .cvstartbox {
        padding: 32px 221px 30px 32px;
    }

        .nextsteps .cvstartbox:before {
            content: "";
            background-color: #FF6700;
            height: 28px;
            position: absolute;
            width: 5px;
            transition: all 1s ease;
            top: 36px;
            left: 0;
        }

    .nextsteps .col1 {
        padding-left: 15px;
        padding-right: 15px;
    }

        .nextsteps .col1 .cvstartbox {
            background: url('/images/2021/cv_1.png') no-repeat #fff;
            background-size: 370px 450px;
            background-position-x: 304px;
            background-position-y: 30px;
        }

    .nextsteps .col2 {
        padding-left: 15px;
        padding-right: 15px;
    }

        .nextsteps .col2 .cvstartbox {
            background: url('/images/2021/cv_2.png') no-repeat #fff;
            background-size: 386px 490px;
            background-position-x: 324px;
            background-position-y: -20px;
        }

    .nextsteps .cvstartbox h2 {
        font-size: 28px;
        line-height: 32px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .nextsteps .cvstartbox h4 {
        min-height: 48px;
        margin-bottom: 84px;
    }

    .nextsteps .btnupload,
    .nextsteps .btncreate {
        padding: 14px 20px;
        width: auto;
    }

        .nextsteps .btnupload img {
            margin-left: 25px;
        }

        .nextsteps .btncreate img {
            margin-left: 5px;
        }
}
@media (min-width:1400px) {
    .nextsteps .cvstartbox {
        padding:32px 221px 30px 32px;
    }
    .nextsteps.narrow .cvstartbox {
        padding: 20px 15px;
    }
        .nextsteps .cvstartbox:before {
            content: "";
            background-color: #FF6700;
            height: 28px;
            position: absolute;
            width: 5px;
            transition: all 1s ease;
            top: 36px;
            left: 0;
        }
    .nextsteps .cvstartbox.wcv p {
        margin-bottom: 27px;
    }
    .nextsteps .col1 {
        padding-left: 70px;
        padding-right:27px;
    }
    .nextsteps.narrow .col1 {
        padding-left: 15px;
        padding-right:15px;
    }

        .nextsteps .col1 .cvstartbox {
            background: url('/images/2021/cv_1.png') no-repeat #fff;
            background-size: 370px 450px;
            background-position-x: 304px;
            background-position-y: 30px;
        }
    .nextsteps .col2 {
        padding-left: 27px;
        padding-right: 70px;
    }
    .nextsteps.narrow .col2 {
        padding-left: 15px;
        padding-right: 15px;
    }
        .nextsteps .col2 .cvstartbox {
            background: url('/images/2021/cv_2.png') no-repeat #fff;
            background-size: 386px 490px;
            background-position-x: 324px;
            background-position-y: -20px;
        }

    .nextsteps.narrow .col1 .cvstartbox,
    .nextsteps.narrow .col2 .cvstartbox {
        background:none;
    }

    .nextsteps .cvstartbox h2 {
        font-size: 28px;
        line-height: 32px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .nextsteps .cvstartbox h4 {
        min-height:48px;
        margin-bottom:84px;
    }
    .nextsteps .btnupload, 
    .nextsteps .btncreate {
        padding:14px 20px;
        width: auto;
    }
    .nextsteps .btnupload img {margin-left:25px;}
    .nextsteps .btncreate img {margin-left:5px;}

}

/*White Form Box (from reg user) */
.whiteformbox {
    overflow: visible;
    box-sizing: border-box;
    border: 1px solid #DEDEDE;
    border-radius: 0px;
    background-color: #FFFFFF;
    padding: 15px 15px;
}
    .whiteformbox h3 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #C6C6C6;
        line-height: 0.1em !important;
        margin: 10px 0 30px;
    }
    .whiteformbox h5 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #C6C6C6;
        line-height: 0.1em !important;
        margin: 10px 0 30px;
    }
        .whiteformbox h3 span {
            color: #2F3A46;
            background: #fff;
            padding: 0 20px;
            color: #2F3A46;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: -0.65px;
        }
        .whiteformbox h3.titlemiddle {margin-top:40px !important}
        .whiteformbox h5 span {
            color: #2F3A46;
            background: #fff;
            padding: 0 12px;
            color: #2F3A46;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: -0.65px;
        }
        .whiteformbox h3.titlemiddle {margin-top:40px !important}

    .whiteformbox h6.subtitle {
        color: #2F3A46;
        background: #fff;
        padding: 0 20px;
        color: #2F3A46;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: -0.65px;
        margin-bottom: 30px;
    }

    .whiteformbox .control-label {
        color: #333E49;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 19px;
    }
    .whiteformbox .form-group {margin-bottom:20px;}
    .whiteformbox .form-group-short {margin-bottom:10px;}

    .whiteformbox .dxcheckbox {
        color: #333E49;
        font-size:15px;
        line-height:1em;
    }
textarea.form-control3, 
.whiteformbox textarea.form-control3 {
    height:auto !important
}
@media(max-width:400px) {
    .whiteformbox h3 span {
        font-size: 18px;
        
    }
}
@media(min-width:768px) {
    .whiteformbox {
        border-radius: 10px;
        padding: 25px 35px;
    }
        .whiteformbox h3 {
            margin: 10px 0 50px;
        }
        .whiteformbox h3 span {
            color: #2F3A46;
            background: #fff;
            padding: 0 20px;
            color: #2F3A46;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: -0.65px;
        }
            .whiteformbox h5 span {
                color: #2F3A46;
                background: #fff;
                padding: 0 12px;
                color: #2F3A46;
                font-size: 18px;
                font-weight: 500;
                letter-spacing: -0.65px;
            }
        .whiteformbox .form-group {margin-bottom: 28px;}
        .whiteformbox .form-group-short {margin-bottom:15px;}
}
@media(min-width:1200px) {
    .whiteformbox {
        padding: 55px 60px 25px 60px;
    }
        .whiteformbox h3 span {
            color: #2F3A46;
            background: #fff;
            padding: 0 55px;
            color: #2F3A46;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: -0.65px;
        }
        .whiteformbox h5 span {
            color: #2F3A46;
            background: #fff;
            padding: 0 20px;
            color: #2F3A46;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: -0.65px;
        }
        .whiteformbox h3.titlemiddle {
            margin-top: 80px !important
        }
}
/* form-control3 */
.form-control3 {
    color: #2F3A46 !important;
    background-color: #fff;
    height: 46px !important;
    padding: 15px 19px 15px 12px;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
    font-size:14px;

}
    .form-control3:focus {
        border-color: #e9ebee;
        outline: 0;
        box-shadow: unset !important
    }
select.form-control3 {padding:14px 19px 13px 12px}
.form-control3 .dxeButtonEdit .dxeEditArea {
    background-color: #fff;
}
.dxerror .form-control3  {
    border: 2px solid #ff0000 !important
}
.dxeButton img {
    max-width: none;
}
.dxeButtonEditButton {background:none !important}
input.dxeEditArea {color: #2F3A46 !important}

.form-control3.form-control3xs {
    height: 32px !important;
    font-size:14px;
    padding:5px 10px;
}




/*alert panels */
.alert {
    padding: 15px 15px 15px 34px;
    color: #53565B;
    font-size: 15px;
    line-height: 24px;
    border-radius: 4px;
    border: 0px;
    text-shadow: none;
}
/* filled -----------------------
    .alert.alert-success {
    background-color: #DFF1E2;
    border: 1px solid #DFF1E2;
    color: #53565b;
}
*/
    .alert.alert-success {
        background-color: #DFF1E2;
    }
    .alert.alert-success a {color:#5bb253; text-decoration:underline}
    .alert.alert-success a:hover {color:#FF6700; text-decoration:underline}

    .alert.alert-success:before {
        content: "\f058";
        font-family: "FontAwesome";
        font-weight: 900;
        font-size: 22px;
        display: inline-block;
        margin-left: -29px;
        color: #73CF6A;
        width: 26px;
        position: relative;
        top: 3px;
    }
/* filled --------------
.alert.alert-danger {
    background-color: #f1dfe5;
    border: 1px solid #f1dfe5;
    color: #53565b;
    text-shadow:none;
}*/
    .alert.alert-danger {
        background-color: #EFD2D3;
    }
    .alert.alert-danger a {color:#E34D4D; text-decoration:underline}
    .alert.alert-danger a:hover {color:#FF6700; text-decoration:underline}
    .alert.alert-danger::before {
        content: "\f057";
        font-family: "FontAwesome";
        font-weight: 900;
        font-size: 22px;
        display: inline-block;
        margin-left: -29px;
        color: #E34D4D;
        width: 26px;
        position: relative;
        top: 3px;
    }
        .alert.alert-danger.alerted::before {
            content: "\f071";
            font-family: "FontAwesome";
            font-weight: 900;
            font-size: 22px;
            display: inline-block;
            margin-left: -29px;
            color: #E34D4D;
            width: 26px;
            position: relative;
            top: 3px;
        }

/* filled ----------------
.alert.alert-info {
    background-color: #dbeffb;
    border: 1px solid #dbeffb;
    color: #525e6c;
    text-shadow: none;
}*/
    .alert.alert-info {
        background-color: #EEF1F5;
    }
    .alert.alert-info a {color:#47a8eb; text-decoration:underline}
    .alert.alert-info a:hover {color:#FF6700; text-decoration:underline}

.alert.alert-info::before {
    content: "\f05a";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 22px;
    display: inline-block;
    margin-left: -29px;
    color: #47a8eb;
    width: 26px;
    position: relative;
    top: 3px;
}

    .alert.alert-warning {
        background: #F8F5E4;
       
    }
        .alert.alert-warning::before {
            content: "\f071";
            font-family: "FontAwesome";
            font-weight: 900;
            font-size: 18px;
            display: inline-block;
            margin-left: -29px;
            color: #F4AE5D;
            width: 26px;
            position: relative;
            top: 3px;
        }

    #page2020 .alert h3,
    .alert h3 {
        margin-top: 0px;
        display: inline;
        font-size: 18px;
        font-weight: 500;
    }

@media(min-width:768px) {
    .alert {padding:20px 30px 20px 60px;}

        .alert.alert-info::before,
        .alert.alert-danger::before,
        .alert.alert-danger.alerted::before,
        .alert.alert-success::before,
        .alert.alert-warning::before {
            margin-left: -36px;
            width: 31px;
            font-size: 23px;
        }

    #page2020 .alert h3, 
    .alert h3 {
        font-size: 20px;
    }
}

/*alert sections*/
.alertfull {

}
.alertfull {
    padding-top: 15px;
    padding-bottom: 20px;
}

    .alertfull.success {
        background-color: #DFF1E2
    }

    .alertfull.error {
        background-color: #f1dfe5
    }
    .alertfull.info {
        background-color: #dbeffb
    }

    .alertfull .fa {
        font-size:62px;
    }
    .alertfull.success .fa {
        color: #45BE39;
    }

    .alertfull.error .fa {
        color: #E34D4D;
    }
    .alertfull.info .fa {
        color: #47a8eb;
    }

    .alertfull p {
        margin-top: 25px;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
        text-align: center;
    }

    .alertfull h1 {
        font-size: 26px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 33px;
        text-align: center;
        margin-top: 1px;
    }

    .alertfull.success h1 {
        color: #45BE39
    }

    .alertfull.error h1 {
        color: #E34D4D
    }
    .alertfull.info h1 {
        color: #47a8eb
    }

    
@media(min-width:768px) {
    .alertfull {
        padding-top: 60px;
        padding-bottom:47px;
    }
}

.alertnote {
    padding: 17px 17px 17px 45px;
    border-radius: 4px;
    background-color: #EEF1F5;
    color: #53565B;
    font-size: 16px;
    line-height: 24px;
}
    .alertnote.alertnote-warning:before {
        content: "\f071";
        font-family: "FontAwesome";
        font-weight: 900;
        font-size: 22px;
        display: inline-block;
        margin-left: -29px;
        color: #F4AE5D;
        width: 26px;
        position: relative;
        top: 4px;
    }
    .alertnote.alertnote-info:before {
        content: "\f05a";
        font-family: "FontAwesome";
        font-weight: 900;
        font-size: 22px;
        display: inline-block;
        margin-left: -29px;
        color: #5798DD;
        width: 26px;
        position: relative;
        top: 4px;
    }
    .alertnote.alertnote-euro:before {
        content: "\f07a";
        font-family: "FontAwesome";
        font-weight: 900;
        font-size: 22px;
        display: inline-block;
        margin-left: -29px;
        color: #5798DD;
        width: 26px;
        position: relative;
        top: 4px;
    }
@media(min-width:768px) {
    .alertnote {
        padding: 20px 20px 22px 64px;
    }
        .alertnote.alertnote-info:before,
        .alertnote.alertnote-warning:before
        {
            font-size: 26px;
            margin-left: -35px;
            width: 31px;
            top: 4px;
        }
        .alertnote.alertnote-euro:before {
            font-size: 26px;
            margin-left: -35px;
            width: 31px;
            top: 4px;
        }
}
/* REGISTER BUSINESS */
#registerbufrm {
    padding-top: 50px;
    padding-bottom:120px;
}
#registerbufrm .prompt {
    margin-bottom:20px;
    margin-top:0px;
    text-align:center;
}
    #registerbufrm .prompt h3 {
        color: #333E49;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0;
        text-align: center;
    }
#registerbufrm .prompt p {font-size:16px;}
#registerbufrm .prompt a {color:#006CBF; text-decoration:underline}
#registerbufrm .prompt a:hover {color:#FF6700; text-decoration:underline}
#registerbufrm .prompt a.orange {color:#FF6700; text-decoration:none}
#registerbufrm .prompt a.orange:hover {color:#FF6700; text-decoration:underline}

#registerbufrm .alertnote {
    margin:20px auto 37px auto;
    text-align:left;
}
#registerbufrm .whiteformbox {overflow:auto;}
@media(min-width:400px) {
    #registerbufrm .alertnote {width:400px;}
}


    #registerbufrm .hiden {
        display: none;
    }


    #registerbucont {
        background-color: #fff;
        color: #53565B;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #registerbucont h1 {
        color: #333E49;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        text-align: center;
        margin-top: 0;

    }
    #registerbucont h2 {
        color: #FF6700;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -0.2px;
        line-height: 22px;
    }
    #registerbucont h3 {
        color: #333E49;
        font-size: 18px;
        letter-spacing: 0;
        font-weight: 400;
        line-height: 24px;
    }
        #registerbucont ul {padding-left:10px;}
            #registerbucont ul li {
                font-size: 15px;
                margin-left: 0;
                margin-bottom: 20px;
            }
        /*#registerbucont ul{list-style: none; margin:6px 0 2px; padding-left:0; padding-bottom:10px;}
#registerbucont ul li strong {font-size:16px; font-weight:bold; color:#FF6700; letter-spacing: -0.51px; line-height: 20px;}
#registerbucont ul li {
    font-size:15px; 
    margin-left:0;
    margin-bottom:20px;
}*/
        .fs12 {
            font-size: 12px;
        }
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:16px;}
.fw500 {font-weight:500;}
.fs16m14 {font-size:14px !important;}
.fs15m13 {font-size:13px !important;}
.fs13m12 {font-size:12px !important;}

@media(min-width:768px) {
    .fs16m14 {font-size:16px !important;}
    .fs15m13 {font-size:15px !important;}
    .fs13m12 {font-size:13px !important;}
}

#registerbucont .statsbox.st1 {
    padding-top: 20px;
}
#registerbucont .statsbox.st2 {padding-top:23px;}
#registerbucont .statsbox.st3 {padding-top:19px;}
#registerbucont .statsbox.st4 {padding-top:23px;}
#registerbucont .statsbox .count-title {color:#FF6700; font-size: 24px; font-weight:bold; letter-spacing: -0.69px; line-height:33px;  }
#registerbucont .statsbox .statstext {font-size:14px; }


@media (min-width:768px) {
    #registerbufrm {
        padding-top:65px;
    }
        #registerbufrm .prompt h3 {
            font-size: 28px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 33px;
            text-align: center;
        }
    
    #registerbufrm .g-recaptcha > div{margin:0 auto;}

    /* REGISTER BUSINESS - CMS CONTENT*/
    #registerbucont h1 {
        font-size: 36px; /*prev:40*/
        letter-spacing: 0;
        line-height: 47px;
        text-align: left;
        margin-bottom:50px;
        padding-left:20px;
    }
        #registerbucont h1:before {
            height: 28px;
            width: 4px;
            font-weight: 600;
            color: #FF6700;
            margin-right: 11px;
            margin-left: -21px;
            content: '\007C';
        }
    #registerbucont h2 {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: -0.2px;
        line-height: 25px;
        text-align:left;
        margin-bottom:20px;
    }
    #registerbucont h3 {}

    
    #registerbucont .sectiontitlelarge {line-height:30px;}
    #registerbucont ul {
        list-style: none;
        margin: 6px 0 2px;
        padding-left: 0;
        padding-bottom: 10px;
    }

        #registerbucont ul li strong {
            font-size: 16px;
            font-weight: bold;
            color: #FF6700;
            letter-spacing: -0.51px;
            line-height: 20px;
        }

        #registerbucont ul li {
            font-size: 15px;
            margin-left: 0;
            margin-bottom: 20px;
        }
    #registerbucont ul {margin-top:25px;}
        #registerbucont ul li {
            background: url('/images/check-li.svg') no-repeat left top;
            padding-left: 40px;
            margin-bottom: 15px;
            min-height:27px;
        }
    #registerbucont ul li strong {font-size:18px; font-weight:bold; color:#FF6700; letter-spacing: -0.51px; line-height: 29px;}

    #registerbufrm .dxbutton {font-size:16px}
}
/*@media (min-width: 1200px) {
    #registerbucont {
        background: url('/images/2021/aggelia_h600.png') center right no-repeat #fff;
        background-size: initial;
    }
    
}*/

/* Register Business Confirm */
.pageregbuconfirm {padding-bottom:120px}

/* VARIOUS */
.userpanel {
    font-size: 16px;
    color: #333E49;
    margin-bottom: 20px;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    background-color: #FFFFFF;
    padding: 25px 8px 25px 25px;
}
.userpanel .userphoto {
    max-width:68px;
    max-height:68px;
}
.userpanel .useravatar {
    max-width:68px;
    max-height:68px;
}
    .userpanel .userdata {
        padding-left:0;
    }

    .userpanel .lnkmyjobfind {
        margin-top:8px;
    }
        .userpanel .lnkmyjobfind .fa {
            margin-left: 5px;
        }

}
@media(min-width:1200px) {
    .userpanel .lnkmyjobfind .fa{
        margin-left:30px;
    }
}





/* Left Menu User + BU Areas */
#lmenulinks {padding:0 0 0 0;}
#lmenulinks .userpanel {border-radius:4px;}
#lmenulinks .lmenusubtitle
{
    background-color: #e9ebee;
    padding:5px 2px 0px 10px;
    font-style:normal;
    font-weight:bold;
    color:#fff;

}

#lmenulinks ul.usermenu {
    padding-left:0;
    list-style:none;
}
    #lmenulinks ul.usermenu li {
        padding: 9px 0;
        border-bottom: 1px solid #DEDEDE;
        position: relative;
    }
        #lmenulinks ul.usermenu li:after {
            content: "\f105";
            font-family: "FontAwesome";
            color: #FF6700;
            font-size: 18px;
            padding: 4px 5px 0 0;
            position: absolute;
            display: block;
            right: 0;
            top: 4px;
        }
    #lmenulinks ul.usermenu li.noafter:after {
        content:"";
    }

    #lmenulinks a {
        font-size: 14px;
        color: #333E49;
        text-decoration: none;
    }
    #lmenulinks a:hover {color: #FF6700;}
    
    #lmenulinks a.active {
        color: #FF6700;
        text-decoration: none;
    }
    #lmenulinks a.inactive {
        color:#818c9e;
        text-decoration:none;
    }
.mybadge[data-badge]:after {
    content: attr(data-badge);
    font-size: 10px;
    background: #006CBF;
    color: white;
    width: auto;
    min-width: 18px;
    padding: 4px;
    height: 18px;
    text-align: center;
    line-height: 11px;
    border-radius: 50%;
    box-shadow: 0 0 1px #333;
    margin-top: 3px;
    float: right;
}

    



    #lmenulinks .userpanel a.small {
        font-size: 12px;
    }
#lmenulinks .userpanel img {margin:0 5px 0 0px;}
/*#lmenulinks .userpanel img.imglogo {margin:0 5px 0 5px;}*/
#lmenulinks .status {padding-left:55px;}
#lmenulinks .statusu {margin:8px 0 0 55px; border-bottom:solid 1px #d9d9d9; padding-bottom:2px}
#lmenulinks img.statusimg {margin:0px;}
#lmenulinks .subsection {
    padding-left:6px;
    font-size: 12px;
}
#lmenulinks .subactive {
    padding-left:6px;
    font-size: 12px;
    color: #FF6700;
        
}
#lmenulinks .subinactive {
    padding-left:6px;
    font-size: 12px;
    color: #818c9e;
        
}
#lmenulinks a.orange {color:#FF6700}


#bannerzone2 {
    margin: 40px 0;
}
#bannerzone7 {
    margin: 40px 0;
}

/* USERS: My Acount */


/* Companies */
#page2020.comps {
    padding-bottom: 80px;
}
    #page2020.comps h1.sectiontitleextra {
        margin-top: 60px;
    }


#page2020.comps .whitebox {
    margin-bottom: 30px;
}
#page2020.comps .whitebox h2 {
    margin-top: 0;
    margin-bottom:26px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
    #page2020.comps .whitebox .imagediv {
        min-height: 70px;
        width: 130px;
        display: table;
        border: 1px solid #C4C4C4;
        border-radius: 6px;
        padding: 10px 10px;
        margin-bottom:20px;
    }
    #page2020.comps .whitebox .imagewrapper {
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        font-size: 12px;
    }
        #page2020.comps .whitebox .imagewrapper img {
            max-height: 42px;
            
        }

    #page2020.comps .whitebox .imagediv.hnow {margin-bottom:5px;}
    #page2020.comps .whitebox a.brand {
        display: block;
        min-height: 40px;
        margin-bottom: 20px;
        line-height: 1em;
        font-size: 13px;
    }

    #page2020.comps .whitebox a.seemore {
        color: #006CBF;
        font-size: 15px;
        letter-spacing: -0.28px;
    }
    #page2020.comps .whitebox a.seemore:hover {
        color: #006CBF;
        text-decoration:underline;
    }

@media(max-width:767px) {
    #page2020 .breadcrumbrow {
        border-top: 1px solid #D9D9D9;
    }
    #page2020.comps h2.hometitle {
        padding: 12px 0;
        margin: 0 auto 16px auto;
        width: 290px;
        color: #FF6700;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
        text-align: center;
        border: 1px solid #FF6700;
        border-radius: 25px;
    }
    #page2020.comps #homejobscatcnt {display:none}
}
@media(min-width:768px) {
    #page2020.comps .whitebox .imagediv {
        width: 175px;
        min-height:84px;
    }
    #page2020.comps .whitebox .imagewrapper img {
        max-height: 62px;
    }
}

#pnlSponsored h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #FF6700;
    font-weight: bold;
    border-bottom: 1px solid #e9ebee;
    padding-bottom: 10px;
    margin-top: 50px;
}
#pnlSponsored .logo {padding-bottom:15px;}
#pnlSponsored .imgdiv {min-height:107px;width:100%;display:table;}
#pnlSponsored .imgwrapper {vertical-align:middle;text-align:center;display:table-cell; font-size:14px}
#pnlSponsored .imgdiv img {display:block;max-height:80px; max-width:150px;vertical-align:middle}
#pnlCategories ul li {padding-bottom:10px}
#pnlCategories ul li a {
    font-family:'Roboto', sans-serif;
    color:#2f3d4c;
}
#pnlCategories ul li a:hover {color:#FF6700}

/*#lvCompsPlaceholder .comprow {
    margin-bottom:15px;
    border-bottom:1px solid #e9ebee;
    padding-top:10px;
    padding-bottom:10px;
    font-family:'Roboto', sans-serif;
}
#lvCompsPlaceholder .first {border-top:1px solid #e9ebee}*/

#page2020.comps .sectiontitleextra.small {font-size:25px;}

#lvCompsPlaceholder h3.title {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 800;
    /*font-size: 20px;
    font-weight: bold;*/
    margin-top: 5px;
}

#lvCompsPlaceholder a.titleurl {color:#525e6c}
#lvCompsPlaceholder a.titleurl:hover {color:#FF6700; text-decoration:none}
#lvCompsPlaceholder .imgdiv {}
#lvCompsPlaceholder .imgwrapper {font-size:14px;}
#lvCompsPlaceholder .imgdiv img {display:none}
#lvCompsPlaceholder .text {font-size:14px;}
#lvCompsPlaceholder .formlabel {color:#FF6700}
#lvCompsPlaceholder .company {font-size:14px; }
#lvCompsPlaceholder .city {font-size:14px;}
#lvCompsPlaceholder .type {font-size:14px;}


/*Company View page */
#page2020.comppage {
    padding-bottom:40px;
}
.compheader {
    margin-top:40px;
    margin-bottom:30px;
    text-align:center;
}

@media(max-width:767px) {
    .compheader {
        background-image:none !important;
        background-color:transparent !important;
        
    }
}
@media(min-width:768px) {
    .compheader {
        text-align: left;
        box-sizing: border-box;
        border: 1px solid #DEDEDE;
        border-radius: 10px;
        background-color: #d9d9d9;
        padding: 45px 0 45px 45px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}
@media(min-width:1200px) {
    .compheader {
        padding:140px 0 45px 45px;
    }
}

.compdata {margin-bottom:20px;}
.compdata h1 {
    margin-top:0;
    margin-bottom:25px;
    color: #333E49;
    font-family: Roboto;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 33px;
}

    .compdata .formlabel {
        color: #006CBF;
        font-size: 18px;
        font-weight: 500;
        display: block;
        padding-bottom: 8px;
    }
    .compdata .dataph {margin-bottom:15px;}
    .compdata .cdata {
    }

.compview-social .sociallinks a {
    font-size: 24px;
    color: #006CBF;
    margin-right: 15px;
}
.compview-social .sociallinks a:hover {
    color: #47a8eb;
    text-decoration:none;
}

@media(min-width:768px) {
    .compdata {
        font-size:16px;
    }
    .compdata .dataph {
        float: left;
        padding-right: 80px;
    }
    .compview-social {
        padding-top: 11px;
        text-align:right;
    }
}
.compnet {margin-bottom:20px;}


.compnet h2.title, 
    .compdesc h2.title {
    color: #333E49;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.3px;
    margin-top:0;
    margin-bottom:20px;
}
.compdesc {margin-bottom:20px; font-size:16px;}

.whitebox.searchatcomp {padding:20px 20px !important;}
    .whitebox.searchatcomp h3 {
        margin-top: 0;
        color: #333E49;
    }



.compads h2.title {
    margin-top: 0;
    margin-bottom: 17px;
    font-size: 18px;
}
.compads table td {font-size:16px !important;}

@media (min-width:768px) {
    #lvCompsPlaceholder .logo {min-height:107px; border-right:1px solid #e9ebee;}
    #lvCompsPlaceholder .imgdiv {min-height:107px;width:100%;display:table;}
    #lvCompsPlaceholder .imgwrapper {vertical-align:middle;text-align:center;display:table-cell; font-size:14px}
    #lvCompsPlaceholder .imgdiv img {display:block;max-height:80px; max-width:150px;vertical-align:middle}
    #lvCompsPlaceholder .details {padding-left:10px;}
    #lvCompsPlaceholder .company {padding-bottom:8px;}
    #lvCompsPlaceholder .companylabel {display:none;}
    #lvCompsPlaceholder .city {padding-bottom:8px;}
}

/* SEMIFIND EDU SECTIONS */
#semifindedu {margin-top:20px}
#semifindedu h3 {font-size:14px; margin-bottom:15px}
#semifindedu .roundp_box {margin:0px 0px 30px 0px;width:100%; border:1px solid #47a8eb; overflow:hidden; display:block; }
#semifindedu .roundp_box .title {color:#fff; font-size:12px; font-weight:bold; padding:6px 0px 6px 10px; background-color:#47a8eb;}
#semifindedu .roundp_box_indent	{padding:0px 10px 10px 13px;}
#semifindedu .orange {color: #e96319;}
#semifindedu .tded {font-size:11px}
#semifindedu a.more {font-size:11px}
#semifindedu #divFilterCats {margin:15px 0 0px 0; font-size:11px}
#semifindedu #divFilterForm {margin:15px 0 0px 0; font-size:11px}
#semifindedu #pnlNoResults {width:710px}
#semifindedu a.linkbutton {
    font-size:12px;
    color: #47a8eb;
    background-color:#fff;
    padding:2px 2px;
    font-weight: normal;
}
#SFbannerzone1 {margin:10px 0 10px 0}
#SFbannerzone1 table {margin-bottom:10px}

/* wuc_AdsManage */
#pnlwucAdsManage .homepanel h5 {
    color: #333E49;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.25px;
    line-height: 25px;
}
#pnlwucAdsManage .homepanel h6 {
    color: #333E49;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.25px;
    line-height: 25px;
}
#pnlwucAdsManage .homepanel .prompt {
    font-size: 16px;
    color: #333E49;
}
#pnlwucAdsManage .homepanel a.blue {text-decoration:underline}
#pnlwucAdsManage .homepanel a.blue:hover {color:#FF6700; text-decoration:underline}

#pnlwucAdsManage .homepanel .col-sm-5 {
    text-align:center;
    margin-top:30px;
}

#pnlwucAdsManage h3.filterstittle {
    color: #333E49;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 3px 0 0 0;
}

#pnlwucAdsManage a.jobtitle,
#pnlwucAdsManage a.appnumber {
    color:#006CBF;
    text-decoration:underline;
}
    #pnlwucAdsManage a.jobtitle:hover,
    #pnlwucAdsManage a.appnumber:hover {
        color: #FF6700
    }

#pnlwucAdsManage a.archived {
    color:#E34D4D;
    text-decoration:underline;
}
    #pnlwucAdsManage a.archived:hover {
        color: #E34D4D;
    }

#pnlwucAdsManage .form-horizontal .control-label {
    text-align: left;
    font-size: 15px;
}
#dxcmbFilterStatus img {max-width:initial}


@media(max-width:500px) {
    #pnlwucAdsManage .jobtitle {font-size:14px;}
    #pnlwucAdsManage .biotitle {padding-top:4px;}
    #pnlwucAdsManage a.appnumber {font-size:18px; font-weight:bold; vertical-align:middle; line-height:12px}
    #pnlwucAdsManage a.more {font-size:12px; color:#47a8eb; text-decoration:underline;vertical-align:middle}
    #pnlwucAdsManage a.more:focus {color:#7289a5;}

}
@media(min-width:768px) {
    #pnlwucAdsManage .homepanel h5 {
        font-size: 28px;
        font-weight: 500;
        line-height: 33px;
    }
    #pnlwucAdsManage .homepanel h5 {
        font-size: 22px;
        font-weight: 500;
        line-height: 33px;
    }
    #pnlwucAdsManage .homepanel .prompt {
        font-size: 18px;
        color: #333E49;
        margin-bottom:25px;
    }
    #pnlwucAdsManage .homepanel .col-sm-5 {
        text-align:right;
        margin-top: 75px;
    }
}







/* Admin Compatibility */
.main {
    width: 1230px;
    margin: 0 auto;
    text-align: left;
}
.contentpadding {padding:10px 10px;}
#rightcontentadmin {padding-bottom:80px}
/*#leftcolumnadmin
{
    width: 190px;
    float: left;
    display:table;
    overflow:visible;
    min-height:500px;
    
}
#rightcontentadmin
{
    width:907px;
    float:right;
    margin-left:10px;
    display:table;
    overflow:visible;
    min-height:500px;
}*/
/* Left Menu */
#lmenulinks {
    padding: 5px 0 0 0;
}
#lmenulinks .lmenusubtitle
{
    background-color: #e9ebee;
    padding:5px 2px 0px 10px;
    font-style:normal;
    font-weight:bold;
    color:#fff;

}
/*#lmenulinks div
{
    margin: 5px 0 0 10px;
}*/
#lmenulinks .hr
{
    margin: 8px 0 8px 0;
    height:1px;
    background-color:#e9ebee;
}
#lmenulinks div {vertical-align:middle}
#lmenulinks img {margin:0 10px; vertical-align:middle}
/*#lmenulinks img.imglogo {margin:0 10px; vertical-align:middle; width:100px;}*/
#lmenulinks a
{
    font-family:'Open Sans', sans-serif;
font-size:14px;
font-style:normal;
    color:#474849;
    text-decoration:none;
    vertical-align:middle;
}
#lmenulinks a:hover {color: #FF6700;}
#lmenulinks .active
{
    color: #FF6700;
    text-decoration:none;
    vertical-align:middle
        
}

#lmenulinks .inactive
{
        
    color:#818c9e;
    text-decoration:none;
    vertical-align:middle;
}
#lmenulinks .userpanel a.small {font-size:12px;}
#lmenulinks .userpanel img {margin:0 5px 0 0px;}
/*#lmenulinks .userpanel img.imglogo {margin:0 5px 0 5px;}*/
#lmenulinks .status {padding-left:55px;}
#lmenulinks .statusu {margin:8px 0 0 55px; border-bottom:solid 1px #d9d9d9; padding-bottom:2px}
#lmenulinks img.statusimg {margin:0px;}
#lmenulinks .subsection {
    padding-left:6px;
    font-size: 12px;
}
#lmenulinks .subactive {
    padding-left:6px;
    font-size: 12px;
    color: #FF6700;
        
}
#lmenulinks .subinactive {
    padding-left:6px;
    font-size: 12px;
    color: #818c9e;
        
}
#lmenulinks a.orange {color:#FF6700}

/* wuc_AdsEdit */
#pnlwucAdsEdit .homepanel {
    padding: 15px 15px;
    color: #333E49;
}
#pnlwucAdsEdit .homepanel h4 {
    color: #333E49;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.25px;
    line-height: 25px;
}
#pnlwucAdsEdit .homepanel .label {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.6px;
    line-height: 19px;
}

#pnlwucAdsEdit .balance {padding-top:6px;}
#pnlwucAdsEdit .balance .preview {display:block}
#pnlwucAdsEdit .balance .fa, 
#pnlwucAdsEdit .balance span {
    margin-right:3px;
}

#pnlwucAdsEdit .homepanel table {
    margin: 6px auto;
}
    #pnlwucAdsEdit .homepanel table td {
        padding-right: 3px;
    }
        #pnlwucAdsEdit .homepanel table td.pleft {
            padding-left: 10px;
        }
        #pnlwucAdsEdit .homepanel table td.wh {
            border: 1px solid #e9ebee;
            background-color: #fff;
            padding: 6px 12px;
            font-weight: 600;
        }
        #pnlwucAdsEdit .homepanel table td.whf {
            border: 0px;
            background-color: unset;
            padding: 6px 12px;
            font-weight: 600;
        }

#pnlwucAdsEdit .adbuttonph {
    text-align: center;
    margin: 0 auto;
}
    #pnlwucAdsEdit .adbuttonph table {
        margin: 0 auto;
    }

#pnlwucAdsEdit .adedittabs {
    margin-top:40px;
}
    #pnlwucAdsEdit .adedittabs .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        margin-bottom: -1px;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        color: #525e6c;
        font-weight: 400;
        font-size: 15px;
        background-color: #eee;
        padding: 6px 10px;
        cursor: pointer; 
    }
        #pnlwucAdsEdit .adedittabs .nav-tabs > li.active > a,
        #pnlwucAdsEdit .adedittabs .nav-tabs > li > a:hover {
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
            color: #FF6700;
            background-color: #fff;
        }
#pnlwucAdsEdit .adeditquestions {
    margin-top:15px;
    
}
#pnlwucAdsEdit .dxgvTitlePanel_Metropolis {color:#E34D4D}

@media(max-width:767px) {
    #pnlwucAdsEdit .homepanel {
        padding: 4px 8px;
    }
    #pnlwucAdsEdit .homepanel .row.mtop40 {
        margin-top:15px;
    }

    
    
    #pnlwucAdsEdit .checkbox {padding-top:0}

}


@media(min-width:768px) {
    #pnlwucAdsEdit {
        font-size:16px;
    }
    #pnlwucAdsEdit .homepanel {
        padding: 28px 22px;
        font-size:16px;
    }
    #pnlwucAdsEdit .homepanel h4 {
        font-size: 16px;
        color: #333E49;
        font-weight: 400;
        letter-spacing: -0.15px;
        line-height: 19px;
    }
        #pnlwucAdsEdit .homepanel .label {
            padding:8px 12px;
        }
    #pnlwucAdsEdit .balance .preview {
        display: inline-block
    }
    #pnlwucAdsEdit .homepanel table {
        margin: 6px 0;
    }
    #pnlwucAdsEdit .adbuttonph {
        text-align: center;
        margin: 0 0 0 auto;
    }


}



/* EDIT BUSINESS PROFILE admin + wuc_BusinessProfile */
#pnlBusinessProfileEdit {}
#pnlBusinessProfileEdit h3 {margin-bottom: 30px;margin-top: 30px;}
#pnlBusinessProfileEdit .hiden{display:none}
#pnlBusinessProfileEdit .formplaceholder {
    padding: 5px 50px 20px 50px;
    overflow: auto;
    margin-top:40px;
}
#pnlBusinessProfileEdit .adminform {
    padding: 5px 50px 20px 50px;
    overflow: auto;
    margin-top:40px;
    margin-bottom:40px;
    background-color:#e9ebee;
}
/*#pnlBusinessProfileEdit .businesslogo {
    border: 1px solid #3a3838;
    max-width: 130px;
    max-height: 130px;
}*/
#page2020.userpage .dxucControl_Office365,
#page2020.cvwizard .dxucControl_Office365
{
    width: auto !important
}
/*.dxuploadbutn .dxucBrowseButton_Office365 {
    border: 1px solid #FF6700;
    border-radius: 24px;
    padding: 6px 18px 8px;
    background-color: #FF6700;
}*/
.dxuploadbutn .dxucBrowseButton_Office365 {
    border: 0;
    background-color: #fff;
}
@media(max-width:768px) {
    .dxuploadbutn .dxucBrowseButton_Office365 {
        padding-left:0;
        padding-top:12px;
    }
}
#page2020.cvwizard .dxucControl_Office365 .dxucBrowseButton_Office365 a,
#page2020.userpage .dxucControl_Office365 .dxucBrowseButton_Office365 a {
    color: #fff;
    border: 1px solid #FF6700;
    border-radius: 24px;
    padding: 6px 18px 8px;
    background-color: #FF6700;
}

    #page2020.cvwizard .dxucControl_Office365 .dxucBrowseButton_Office365 a:hover,
    #page2020.userpage .dxucControl_Office365 .dxucBrowseButton_Office365 a:hover {
        color: #fff;
        text-decoration: underline;
        background-color: #525e6c;
    }
@media(min-width:1200px) and (max-width:1399px) {
    #page2020.cvwizard .hide1,
    #page2020.userpage .hide1 {
        display:none;
    }
}
#page2020.userpage.myprofile a {
    cursor: pointer;
}

#divPhotoOptions .photouploadph {
    width:100%;
}
#divPhotoOptions .photouploadwrapper {
    margin:0 auto;
    width: fit-content;
}

#pnlUserProfile .photoph {
}
#pnlUserProfile a.edit {
    color: #006CBF;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
}
#pnlUserProfile a.edit .fa {font-size:16px; margin-left:4px;}

#pnlUserProfile a.deleteitem {
    color: #E34D4D;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
}
#pnlUserProfile a.edit .fa {font-size:16px; margin-left:4px;}

#pnlUserProfile .userphoto {max-height:140px;}
#pnlUserProfile .nametitle {
    text-align: center
}
    #pnlUserProfile .nametitle h4 {
        color: #333E49;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: -0.2px;
        line-height: 25px;
        margin-top:10px;
    }
    #pnlUserProfile .nametitle h5 {
        color: #333E49;
        font-size: 18px;
        font-weight:400;
        letter-spacing: -0.16px;
        margin-bottom:22px;
    }

#pnlUserProfile .whiteformbox .title,
#pnlUserProfile .whiteformbox .titlemiddle {
    margin-bottom: 14px
}
#pnlUserProfile .whiteformbox a.edit {
    display:inline-block; 
    margin-bottom:40px;

}
#pnlUserProfile .form-group {margin-bottom: 5px; font-size:15px;}
#pnlUserProfile .control-label {font-size:15px;}
#pnlUserProfile a.editphoto {font-size:14px; line-height:1em; color:#47a8eb}
#pnlUserProfile .hiden {display:none}

#pnlEditPersonalData .form-group,
#pnlEditEducation .form-group {
    margin-bottom: 28px;
}
#pnlUserProfile #dxpnlDrLicenses .dxeDisabled_MaterialCompact td.dxe,
#pnlUserProfile #dxpnlDrLicenses .dxe .dxeTAR .dxichTextCellSys label {
    color: #53565B;
    font-size: 15px;
}


#pnlUserProfile .lnkviewcv,
#cphContent_pnlWCV1 .lnkviewcv {
    text-decoration: none;
    font-size: 16px;
    color: #006CBF
}
    #pnlUserProfile .lnkviewcv:hover,
    #cphContent_pnlWCV1 .lnkviewcv:hover {
        text-decoration: underline;
    }
#pnlUserProfile .coldelcv {text-align:center; margin-top:20px;}
#pnlUserProfile .coldelcv a {color:#E34D4D; text-decoration:none; font-size:14px;}

@media (max-width:767px) {
    #pnlEditPersonalData .dateph .pright5 {padding-right:15px;}
    #pnlEditPersonalData .dateph .pleft0 {padding-left:15px;}
}
@media (min-width:768px) {
    #pnlUserProfile .form-group {font-size:16px;}
    #pnlUserProfile .control-label {font-size:16px;}

    #pnlUserProfile .colviewcv {text-align:left;}
    #pnlUserProfile .colviewcv a {font-size:16px;}

    #pnlUserProfile .coldelcv {text-align:right; margin-top:0px;}
    #pnlUserProfile .coldelcv a {font-size:16px;}

}

/*wuc_UserInfo*/
#pnlUserInfo .profheading {padding-top:40px;}
#pnlUserInfo .profheading hr{margin-top:8px}
#pnlUserInfo .profheading .title {font-size:18px; color:#FF6700; font-weight:bold}
#pnlUserInfo .profheading a.edit {display:block; margin-top:6px; padding-right:17px; background:url(/images/editbio-blue.png) top right no-repeat;}
#pnlUserInfo .formlabel {font-weight:700}
#pnlUserInfo .hiden{display:none}

/*wuc_UserFiles_v2*/
#pnlUserFiles input[type="file"] {
    display: block;
    color:#226d84;
}


/* Education_v2 */
#divEducation .profheading {
    padding-top: 40px;
}
#divEducation .profheading hr{margin-top:8px}
#divEducation .profheading .title {font-size:18px; color:#FF6700; font-weight:bold}
#divEducation .profheading a.edit {display:block; margin-top:6px; padding-right:17px; background:url(/images/editbio-blue.png) top right no-repeat;}
#divEducation .formlabel {font-weight:700}

/* wuc_UserLanguages_v2 */
#pnlUserLanguages .profheading {}
#pnlUserLanguages .profheading hr{margin-top:8px}
#pnlUserLanguages .title {font-size:18px; font-weight:bold}
#pnlUserLanguages .fa.fa-check {color:#73CF6A; margin-right:7px;}
#pnlUserLanguages a.editlink {color:#006CBF}
#pnlUserLanguages a.editlink:hover {color:#FF6700; text-decoration:none}
#pnlUserLanguages a.deletelink {color:#E34D4D}
#pnlUserLanguages a.deletelink:hover {color:#FF6700; text-decoration:none}
#pnlUserLanguages .formlabel {font-weight:700}
#pnlUserLanguages hr {
    margin-top: 5px;
    margin-bottom: 15px;
    border-top: 1px solid #f1eeee;
}

/* wuc_UserDegrees_v2 */
#pnlUserDegrees hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #f1eeee;
}
#pnlUserDegrees  .fa.fa-check {color:#73CF6A; margin-right:7px;}
#pnlUserDegrees a.editlink {color:#006CBF}
#pnlUserDegrees a.editlink:hover {color:#FF6700; text-decoration:none}
#pnlUserDegrees a.deletelink {color:#E34D4D}
#pnlUserDegrees a.deletelink:hover {color:#FF6700; text-decoration:none}

#pnlAddDegree {
    overflow: auto;
    margin-top: 20px;
    padding-bottom: 20px;
}
/* ProfessionalExperience.aspx & wuc_UserExperience */
#divProfExpEdit .profheading {
    padding-top: 40px;
}
#divProfExpEdit .profheading hr{margin-top:8px}
#divProfExpEdit .profheading .title {font-size:18px; color:#FF6700; font-weight:bold}
#divProfExpEdit .profheading a.edit {display:block; margin-top:6px; padding-right:17px; background:url(/images/editbio-blue.png) top right no-repeat;}
#divProfExpEdit .formlabel {font-weight:700}
#divProfExpEdit .blueunderlinetitle {font-size:16px; color:#525e6c; font-weight:bold}
#divProfExpEdit hr.light {margin-top:5px; border:1px solid #e9ebee}
#pnlMyPastJobs {overflow:auto; margin-top:20px; padding-bottom:20px}
    #pnlMyPastJobs hr {
        margin-top: 5px;
        margin-bottom: 15px;
        border-top: 1px solid #f1eeee;
    }
    #pnlMyPastJobs .fa-check {color:#73CF6A}
    #pnlMyPastJobs a.editlink {color:#006CBF}
    #pnlMyPastJobs  a.editlink:hover {color:#FF6700; text-decoration:none}
    #pnlMyPastJobs a.deletelink {color:#E34D4D}
    #pnlMyPastJobs a.deletelink:hover {color:#FF6700; text-decoration:none}

/*#pnlMyPastJobs .row {margin-bottom:15px}*/
#pnlAddJob {overflow:auto; margin-top:20px; padding-bottom:20px}
#pnlAddJob td.dxe {padding: 0px 0px 0px 0px !important;}
#pnlAddJob hr.light {margin-top:5px; border:1px solid #e9ebee}

/* wuc_AppsListing & wuc_AppsListingMCP_Langs */
#pnlwucAppsListing .panel-group {
    margin-bottom:35px;
}
#pnlwucAppsListing .panel-heading {
    background-image: none !important;
    background-color: #F6F8F8;
    color: #2F3A46;
}
#pnlwucAppsListing .panel-title {color: #2F3A46;}
#pnlwucAppsListing .panel-body {padding:3px 15px; background-color: #F6F8F8; font-size:13px;}
    #pnlwucAppsListing .panel-body .form-horizontal .form-group-sm .control-label {font-size:13px;}
    #pnlwucAppsListing .panel-body .form-group-sm .form-control {
        font-size: 13px;
        line-height: 1.2em;
    }
    #pnlwucAppsListing .filtersdiv {
        background-color: #F6F8F8;
        padding: 10px 10px;
        overflow: visible;
    }
#pnlwucAppsListing .filtersdiv .form-horizontal div[class^="col-sm-"] {padding-left:5px; padding-right:5px}
#pnlwucAppsListing .filtersdiv .form-horizontal label[class^="col-sm-"] {padding-left:5px; padding-right:5px}
#pnlwucAppsListing .filtersdiv .form-horizontal .form-group {margin-bottom:6px}
        #pnlwucAppsListing .filtersdiv .dxeListBoxItem_MaterialCompact {
            padding: 3px 3px 4px;
            white-space: nowrap;
            text-align: left;
            font-size: 13px;
        }
        #pnlwucAppsListing .filtersdiv input[type="text"].dxeEditAreaSys {
            font-size: 13px;
        }

#pnlwucAppsListing .roundbuttonfilled.xs,
#pnlwucAppsListing .roundbutton.xs,
.roundbutton.xs,
.roundbuttonfilled.xs {
    font-size: 13px;
    font-weight: 400;
    padding: 5px 13px;
}
.roundbuttonfilled.sm {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 19px;
}

#pnlwucAppsListing .filtersdiv .roundbuttonfilled.xs,
#pnlwucAppsListing .filtersdiv .roundbutton.xs {
    margin-top: 13px;
    margin-right: 15px;
}
#pnlwucAppsListing .sendmsgdiv {
    margin-top: 5px;
    text-align: right;
}
    #pnlwucAppsListing .roundbutton.sendmag {
    background-color:#fff;
    padding:8px 23px;
}
    #pnlwucAppsListing .roundbutton.sendmag:hover,
    #pnlwucAppsListing .roundbutton.sendmag:focus {
        background-color:#FF6700
    }


    #pnlwucAppsListing a.invert {
        color: #7289a5
    }
#pnlwucAppsListing .dxbuttonrounded {
    border-radius:25px;
    padding-left:12px;
    padding-right:12px;
}
#pnlwucAppsListing .dxbuttonrounded.blue {
    background-color:#006CBF;
}
#pnlwucAppsListing .dxbuttonrounded.blue:hover {
    background-color:#47a8eb;
}
#pnlwucAppsListing .dxgvCommandColumn_MetropolisBlue a,
#pnlwucAppsListing .dxgvControl_MetropolisBlue a {
    font-weight: bold;
    /*text-decoration:none;*/
}
#pnlwucAppsListing .appname-read {font-weight:normal}

#pnlwucAppsListing .dxgvDataRow_MetropolisBlue td.dxgv {
    padding: 6px 6px !important;
}

@media(max-width:768px) {
    #pnlwucAppsListing .sendmsgdiv {        
        text-align: center;
    }
    #pnlwucAppsListing .roundbutton.sendmag {
        margin: 20px 0;
    }
    #pnlwucAppsListing .dxgvCommandColumn_MetropolisBlue a,
    #pnlwucAppsListing .dxgvControl_MetropolisBlue a {
        font-size: 16px;
    }

    #pnlwucAppsListing .dxtcLite_Metropolis > .dxtc-stripContainer .dxtc-link {padding: 4px 13px;}

}

#pnlwucAppsListing .historytab .dx-vam {display:none !important}
#pnlwucAppsListing .historytab .dxtc-link {
    width: 30px !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    top: 4px;
    left: -3px;
    position: relative;
}
    #pnlwucAppsListing .historytab .dxtc-link:before {
        content: "\f1da";
    }

#pnlwucAppsListing .moblabel {
    font-weight:500;
}
@media(min-width:768px) {
    #pnlwucAppsListing .moblabel {display:none;}
}



.table-mass {
    max-width: 100%
}
.table-mass td {padding:8px 2px 1px 2px; font-size:12px; vertical-align:middle;}
.table-mass td input {font-size:12px}
.table-mass td select {font-size:12px}

/* Business UserView (all pages) */
.prevnext {margin-bottom:30px;}

/* MCP (all pages) */
#pnlViewLists {padding:1px 10px 20px 10px; background-color:#e9ebee; margin:20px 0}
.mcpfiltersdiv {padding:1px 10px 20px 10px; background-color:#e9ebee;margin:20px 0}


/* CONTENT - BU & USERS HOME */

.toolsheader {
    background:url('/clientfiles/v2_2016/tools.png') bottom left no-repeat;
    border-bottom:1px solid #cecece;
}
.toolsheader h3 {color:#505c6a; padding-left:70px; font-size:24px; font-weight:800; font-family: 'Roboto', sans-serif; padding-top:10px;}

.helplineheader {
    background:url('/clientfiles/v2_2016/help_line.png') bottom left no-repeat;
    border-bottom:1px solid #cecece;
}
.helplineheader h3 {color:#505c6a; padding-left:70px; font-size:24px; font-weight:800; font-family: 'Roboto', sans-serif; padding-top:10px;}


@media (min-width:768px) {
    #tools ul {
        list-style-image: url('/clientfiles/v2_2016/ul_tools.png');
        
        padding-left:5px;
    }
    #tools ul li {
        padding-top:15px;
        padding-bottom:25px;
        font-family:'Roboto', sans-serif;
        color:#525e6c;
        border-bottom:1px solid #cecece;
        
    }
}

/* CONTENT - ΠΛΗΡΟΦΟΡΙΕΣ - ΔΙΑΦΗΜΙΣΗ*/

@media (min-width:768px) {
    #infoads .row1 {background:url('/clientfiles/v2_2016/infoad_row1_bg1.jpg') top right no-repeat}
    #infoads ul {
        list-style-image: url('/images/ul_checklist.png');
        padding-left:5px;
    }
    #infoads ul li {margin-bottom:15px}
    #infoads .row3 {background:url('/clientfiles/v2_2016/infoad_row3_bg.jpg') top right no-repeat}
    #infoads .row4 {background:url('/clientfiles/v2_2016/infoad_row4_bg.jpg') top right no-repeat}
}




/* PRICELISTS */
#page2020.pagepricelists {
    
}

#pricelistshome {text-align:center; font-size:16px; padding-bottom:30px;}
    #pricelistshome h1 {
        color: #333E49;
        font-family: Roboto;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px;
    }
    #pricelistshome h2 {
        color: #333E49;
        font-size: 18px;
        line-height: 23px;
        margin-top: 0;
        margin-bottom: 22px
    }
    #pricelistshome h3
    {
        font-size: 21px;
        line-height: 28px;
        margin-top: 30px;
        margin-bottom: 5px
    }
#pricelistshome h4,
#pricelistshomefaq h4{color:#FF6700; font-size:18px; line-height: 24px; font-weight:bold; letter-spacing: -0.51px; margin-top:30px;margin-bottom:5px}
#pricelistshome .choose {font-size:18px;}
#pricelistshome .thumbnail-terry img {border-radius:5px;}
    #pricelistshome .thumbnail-terry-title {
        text-transform: uppercase;
        font-size: 26px;
        line-height: 1.2em;
        color: #fff;
    }
#pricelistshome .thumbnail-terry-title strong {font-weight:800; font-size:30px;}
    #pricelistshome .roundbuttonfilled {
        display: inline-block;
        padding: 13px 40px;
        margin-top: 55px;
    }

#pricelistshome .statsbox,
#recruitfrmenstats .statsbox {
    background-color:#fff; padding-bottom:32px;
}
    #recruitfrmenstats .statsbox {border:1px solid #d9d9d9}
    #pricelistshome .statsbox.st1,
    #recruitfrmenstats .statsbox.st1,
    #pricelistshome .statsbox.st2,
    #recruitfrmenstats .statsbox.st2,
    #pricelistshome .statsbox.st3,
    #recruitfrmenstats .statsbox.st3,
    #pricelistshome .statsbox.st4,
    #recruitfrmenstats .statsbox.st4 {
        padding-top: 7px;
    }
    #pricelistshome .statsbox .count-title,
    #recruitfrmenstats .statsbox .count-title {
        color: #FF6700;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -0.69px;
        line-height: 33px;
    }
    #pricelistshome .statsbox .statstext,
    #recruitfrmenstats .statsbox .statstext {
        font-size: 14px;
    }
#pricelistshomefaq {font-size:16px;}
#pricelistshomefaq hr{border-top: 1px solid #dddddd; margin-bottom:30px;}

#pricelistsfrm {margin-top:30px; margin-bottom:60px}
#pricelistsfrm .prompthome {text-align:center; padding-bottom:40px;}

    #pricelistsfrm .prompthome h3,
    #page2020 #pricelistshomefaq h3 {
        color: #333E49;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px;
        text-align: center;
        margin-top: 50px;
    }
    #pricelistsfrm .prompthome a {
        font-weight: 500;
        font-size: 18px;
    }
#pricelistsfrm .prompthome p {font-size:16px; margin-bottom:0px; }
    #pricelistsfrm .prompt {
        text-align: center;
        padding-bottom: 40px;
    }
#pricelistsfrm .prompt h3{font-size:26px}
#pricelistsfrm .prompt p {font-size:20px;}
#pricelistsfrm .dxeButtonEdit .dxeEditArea {background-color:#f8f8f8;}
#pricelistsfrm .dxeButtonEdit .dxeNullText .dxeEditArea {color:#525e6c}
#pricelistsfrm .dxEditors_edtDropDown {}
#pricelistsfrm .g-recaptcha > div {margin:0 auto;}
#pricelistsfrm .form-horizontal .small {
    font-size: 14px;
}

#pricelistscont {padding-bottom:30px;}
    #pricelistscont h1 {
        color: #333E49;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px;
        margin-bottom: 50px;
        margin-top: 40px;
    }
    #pricelistscont .table {
        border-collapse: inherit;
    }
#pricelistscont .table > thead > tr > th {
    vertical-align: middle;
    border: none !important;
    text-align:center;
}
#pricelistscont .table > thead > tr > th.orangebg {background-color:#FF6700; color:#fff; font-size:14px;}
#pricelistscont .table > thead > tr > th .small {font-weight:normal; font-size:11px}
    #pricelistscont .table tr {
        border-top: 1px solid #fff !important;
        border-bottom: 1px solid #fff !important;
        border-left: 1px solid #dedede !important;
        border-right: 1px solid #dedede !important;
    }
#pricelistscont .table td.firstlastrow {border-radius:0 0 0 5px}
    #pricelistscont .table td.lastlastrow {
        border-radius: 0 0 5px 0
    }
    #pricelistscont .table td {
        text-align: center;
        vertical-align: middle;
        padding: 20px 25px;
        font-size: 18px;
        border-top: 1px solid #fff !important;
        border-bottom: 1px solid #fff !important;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
#pricelistscont .table td.bleft {border-left: 1px solid #dedede !important;}
#pricelistscont .table td .small {font-weight:normal; font-size:12px}
#pricelistscont .table td.text .small {font-weight:normal; font-size:14px}
#pricelistscont .table td.text {text-align:left;font-weight:bold; font-size:16px}
#pricelistscont .table td .glyphicon {color:#226d84; font-size:26px;} 
#pricelistscont .table td   {display:none}

#priceliststrust {
    background-color:#fff; 
    /*border-top:1px solid #dedede;*/
    padding-bottom:40px;
}
    #page2020 #priceliststrust h3 {
        color: #333E49;
        font-family: Roboto;
        font-size: 28px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 33px;
        text-align: center;
        margin-top:60px;
    }
#priceliststrust .homelogos.tourismos img {margin:18px 20px; max-height:50px;}
@media (max-width:767px) {
    #pricelistshome .thumbnail-terry img {
        max-width:80%;
    }

    #pricelistsfrm .g-recaptcha > div{margin:0 auto;}

    #pricelistscont .table > thead > tr > th.orangebg {
        background-color: #FF6700;
        color: #fff;
        font-size: 12px;
    }
    #pricelistscont .table > thead > tr > th .small {font-weight:normal; font-size:11px}
    #pricelistscont .table td {font-size:12px; padding:8px 8px;}
    #pricelistscont .table td .small {font-weight:normal; font-size:11px}
    #pricelistscont .table td.text .small {font-weight:normal; font-size:12px}
    #pricelistscont .table td.text {text-align:left;font-weight:bold; font-size:12px}
    #pricelistscont .table td .glyphicon {color:#226d84; font-size:20px;}

    #priceliststrust {display:none}
}
@media (min-width:768px) {
    #pricelistshome {text-align:left; padding-top:50px;}
        #pricelistshome h1 {
            font-size: 36px;
            letter-spacing: 0;
            line-height: 47px;
            text-align: left;
            margin-bottom: 15px;
            padding-left: 20px;
        }
        #pricelistshome h1:before {
            height: 28px;
            width: 4px;
            font-weight: 600;
            color: #FF6700;
            margin-right: 11px;
            margin-left: -21px;
            content: '\007C';
        }
        #pricelistshome h2 {
            color: #333E49;
            font-size: 22px;
            font-weight: 500;
            letter-spacing: -0.2px;
            line-height: 25px;
        }
    #page2020 #pricelistshome h3 {
        color: #333E49;
        font-family: Roboto;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: -0.2px;
        line-height: 25px;
        margin-top: 45px;
        margin-bottom: 5px
    }
    #pricelistshome .choose {font-size:20px;}

    #pricelistshome .prbox {float:left;padding:8px 8px;width:300px;}
    
    #pricelistshome .thumbnail-terry-title {font-size: 22px;}
    #pricelistshome .thumbnail-terry-title strong {font-size:26px;}
        #pricelistshome .roundbuttonfilled {
            margin-top: 68px;
        }

    #pricelistscont h1 {
        color: #333E49;
        font-size: 40px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 47px;
        padding-left: 20px;
        margin-top: 65px;
    }
        #pricelistscont h1:before {
            height: 28px;
            width: 4px;
            font-weight: 600;
            color: #FF6700;
            margin-right: 11px;
            margin-left: -21px;
            content: '\007C';
        }
    #pricelistscont {
        padding-bottom: 0px;
    }
    

    #pricelistshome .statsbox {
        text-align: center;
        padding-bottom: 75px;
    }
    #pricelistshome .statsbox.st1,
    #recruitfrmenstats .statsbox.st1 {
        padding-top: 34px;
    }
    #pricelistshome .statsbox.st2,
    #recruitfrmenstats .statsbox.st2 {
        padding-top: 37px;
    }
    #pricelistshome .statsbox.st3, 
    #recruitfrmenstats .statsbox.st3 {
        padding-top: 33px;
    }
    #pricelistshome .statsbox.st4, 
    #recruitfrmenstats .statsbox.st4 {
        padding-top: 37px;
    }

    #pricelistsfrm .prompthome h3,
    #page2020 #pricelistshomefaq h3 {
        font-size:28px;
        line-height:33px;
    }
    #pricelistsfrm .prompthome a {font-weight:500; font-size:20px;}
    #pricelistsfrm .prompt {
        padding-top: 40px;
    }
    #pricelistscont .table > thead > tr > th.orangebg {
        font-size:22px;
        padding-top:33px;
        padding-bottom:33px;
    }
    #pricelistscont .table > thead > tr > th.orangebg.first {
        text-align:left;
        padding-left: 40px;
        
    }
        #pricelistscont .table > thead > tr > th.orangebg.last {
            text-align: left;
            padding-left: 40px;
            
        }

    #pricelistscont .table.tbl-premium-pricelist > thead > tr > th.orangebg {
        font-size: 18px;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    #pricelistscont .table td.text {
        padding-left: 40px;
    }
    #pricelistscont .table.tbl-premium-pricelist td.text {
        padding-left: 15px;
    }
    #pricelistscont .table.tbl-premium-pricelist td {
        padding: 10px 15px;
        font-weight:500;
        font-size: 15px;
    }

}
@media (min-width:992px) {
    #pricelistshome .prbox {
        width: 230px;
    }

        #pricelistshome .prbox .thumbnail-terry figcaption {
            top: 0%;
        }

    #pricelistshome .thumbnail-terry-title {font-size: 20px;}
    #pricelistshome .thumbnail-terry-title strong {font-size:24px;}
    #pricelistshome .linkbutton {padding: 13px 40px;margin-top: 27px;}
}
@media (min-width:1200px) {
    #pricelistshome .prbox {
        width: 280px;
    }

        #pricelistshome .prbox .thumbnail-terry figcaption {
            top: 10%;
        }
    #pricelistshome .thumbnail-terry-title {
        font-size: 24px;
    }

        #pricelistshome .thumbnail-terry-title strong {
            font-size: 28px;
        }

    #pricelistshome .linkbutton {
        padding: 13px 40px;
        margin-top: 27px;
    }
}

@media (min-width:1440px) {
    
}

#pricelistscont.prlisten .sectiontitleextra {
    color: #525E6C;
    font-size: 36px; /*prev:40*/
    font-weight: 800;
    letter-spacing: -1.14px;
    line-height: 55px;
    margin-top: 56px;
    margin-bottom: 42px;
    text-transform: uppercase;
}
#pricelistscont.prlisten .subtitle {
    color: #525E6C;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -1.14px;
    line-height: 55px;
    margin-bottom: 42px;
    text-align:center;
}
#priceliststrust.prlisten {padding-bottom:45px;}
#priceliststrust.prlisten .h3title {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.8px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: #525e6c;
    margin-top: 50px;
    margin-bottom: 32px;
}



#recruitfrmfrm.prlisten {
    margin-top: 0px;
    border-top: 0px;
}


/*RECRUITMENT FORM */
#recruitfrmheader,
#recruitfrmheaderen {
    background: #f8f8f8;
}
    #recruitfrmheader .sectiontitleextra,
    #recruitfrmheaderen .sectiontitleextra {
        color: #525E6C;
        font-family: "Roboto";
        font-size: 36px; /*prev:40*/
        font-weight: 800;
        letter-spacing: -1.14px;
        line-height: 55px;
        margin-top: 56px;
        margin-bottom: 22px;
        text-transform:uppercase;
    }
    #recruitfrmheader .subtitle,
    #recruitfrmheaderen .subtitle {
        color: #525E6C;
        font-family: "Roboto";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 27px;
        margin-bottom: 15px
    }
    #recruitfrmheader .subtitle span,
    #recruitfrmheaderen .subtitle span {
        color:#FF6700
    }
    #recruitfrmheader p,
    #recruitfrmheaderen p {
        font-size: 14px;
        letter-spacing: 0.17px;
        line-height: 24px;
        padding-bottom: 40px;
    }
@media (min-width:768px) {
    
        #recruitfrmheader .sectiontitleextra {
            
        }

        #recruitfrmheader p {
           
        }
}
@media (min-width:1200px) {
    #recruitfrmheader {
        background: url(/images/recruitment-header-467.jpg) top right no-repeat #f8f8f8;
        background-size: initial;
    }
    #recruitfrmheaderen {
        background: url(/images/recruitment-header-en-467.jpg) top right no-repeat #f8f8f8;
        background-size: initial;
    }
    #recruitfrmheader .sectiontitleextra,
    #recruitfrmheaderen .sectiontitleextra {
        margin-top:96px;
        margin-bottom:32px;
    }
    #recruitfrmheader p, 
    #recruitfrmheaderen p {
        padding-bottom:90px;
    }
}

#recruitfrmservice {
    font-size: 14px;
    letter-spacing: 0.17px;
    line-height: 24px;
    color:#525e6c;
}
#recruitfrmservice .srvtitle {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.8px;
    line-height: 38px;
    text-align: center;
    text-transform:uppercase;
    color:#525e6c;
    margin-top:50px;
    margin-bottom:12px;
}
    #recruitfrmservice h4 {
        color: #FF6700;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -0.51px;
        line-height: 24px;
        margin-top:0;
    }
    #recruitfrmservice hr {
        margin-top:34px;
        margin-bottom:34px;
    }

    #recruitfrmservice .srvico {
        margin-bottom:30px;
    }

    #recruitfrmservice .srvico1 {
        width: 93px;
        height: 110px;
    }
    #recruitfrmservice .srvico2 {
        width: 137px;
        height: 137px;
    }
    #recruitfrmservice .srvico3 {
        width: 106px;
        height: 110px;
    }
    #recruitfrmservice .srvico4 {
        width: 119px;
        height: 81px;
    }

@media(min-width:768px) {
    #recruitfrmservice hr {
        margin-top: 54px;
        margin-bottom: 54px;
    }
    #recruitfrmservice .srvico {
        margin-bottom: 0px;
    }
    #recruitfrmservice .srvico2 {
        margin-left: 31px;
        margin-top: 121px;
    }
    #recruitfrmservice .srvico4 {
        margin-left: 31px;
        margin-top: 71px;
    }
}
@media(min-width:991px) {
    #recruitfrmservice .srvico1,
    #recruitfrmservice .srvico3 {
        margin-right: 126px;
    }
    #recruitfrmservice .srvico2 {
        margin-left: 41px;
        margin-top: 81px;
    }
    #recruitfrmservice .srvico4 {
        margin-left: 41px;
        margin-top: 51px;
    }
}

#recruitfrmfrm {
    margin-top:40px;
    border-top: 1px solid #D9D9D9;
    padding-top:40px;
    padding-bottom:40px;
}

    #recruitfrmfrm .prompt h3 {
        font-size: 26px;
    }
    #recruitfrmfrm .prompt p {
        font-size: 20px;
    }

#recruitfrmenstats {text-align:center; padding-bottom:80px;}
#recruitfrmenstats .h3title {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.8px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: #525e6c;
    margin-top: 50px;
    margin-bottom: 32px;
}

#recruitfrmsrven {
    background: #f8f8f8;
}

    #recruitfrmsrven .h3title {
        font-size: 28px;
        font-weight: bold;
        letter-spacing: -0.8px;
        line-height: 38px;
        text-align: center;
        text-transform: uppercase;
        color: #525e6c;
        margin-top: 50px;
        margin-bottom: 32px;
    }
#recruitfrmsrven ul {
    list-style: none;
    margin: 40px 0 70px;
    padding-left: 15px;
}

#recruitfrmsrven ul li {
    padding-left: 40px;
    margin-top: 35px;
    margin-bottom: 35px;
    background: url(/images/check-li.svg) no-repeat left top;
}

    #recruitfrmsrven ul li strong {
        color: #FF6700;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -0.51px;
        line-height: 24px;
    }

@media(min-width:768px) {
    #recruitfrmsrven ul {
        padding-left: 40px;
    }

        #recruitfrmsrven ul li {
            padding-left: 40px;
        }

    #recruitfrmsrven .dbico {
        width: 160px;
        height: 165px;
        margin-left: 105px;
        margin-top: 265px;
    }
}

@media(min-width:1200px) {
    #recruitfrmsrven .dbico {
        width: 208px;
        height: 215px;
        margin-left: 105px;
        margin-top: 205px;
    }
}

#recruitfrmprlisten {text-align:center; }
    #recruitfrmprlisten .h3title {
        font-size: 28px;
        font-weight: bold;
        letter-spacing: -0.8px;
        line-height: 38px;
        text-align: center;
        text-transform: uppercase;
        color: #525e6c;
        margin-top: 50px;
        margin-bottom: 32px;
    }
    #recruitfrmprlisten p {
        color: #525E6C;
        font-family: "Roboto";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 27px;
        margin-bottom: 35px;
    }

#recruitfrmfrm.recruiten .h3title {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.8px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: #525e6c;
    margin-top: 15px;
    margin-bottom: 32px;
}
#recruitfrmfrm.recruiten .intro {font-size:20px;}
#recruitfrmfrm.recruiten .prompt {
    margin-top: 25px;
}
#recruitfrmfrm.recruiten .prompt p {
    font-size: 14px;
}
/* CVDB Form */
#cvdbformintro {
    color: #525E6C;
    font-size: 14px;
    letter-spacing: 0.17px;
    line-height: 24px;
    text-align: center;
}
    #cvdbformintro .sectiontitleextra {
        color: #525E6C;
        font-size: 36px; /*prev:40*/
        font-weight: 800;
        letter-spacing: -1.14px;
        line-height: 55px;
        margin-bottom:15px;
    
    }
    #cvdbformintro .subtitle, 
    #cvdbformlist .subtitle {
        color: #525E6C;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 27px;
        text-align: center;
        margin-top: 0px;
    }
        #cvdbformintro .subtitle span,
        #cvdbformlist .subtitle span {
            color: #FF6700
        }

#cvdbformadv .dbtitle,
#cvdbformlist .dbtitle {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.8px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: #525e6c;
    margin-top: 50px;
    margin-bottom: 12px;
}
#cvdbformadv ul {
    list-style: none;
    margin: 6px 0 2px;
    padding-left:15px;
}
    #cvdbformadv ul li {
        padding-left: 40px;
        margin-top: 35px;
        margin-bottom: 35px;
        background: url(/images/check-li.svg) no-repeat left top;
    }
        #cvdbformadv ul li strong {
            color: #FF6700;
            font-size: 18px;
            font-weight: bold;
            letter-spacing: -0.51px;
            line-height: 24px;
        }
    
@media(min-width:768px) {
    #cvdbformadv ul  {
        padding-left: 40px;
    }
    #cvdbformadv ul li {
        padding-left: 40px;
        
    }
    #cvdbformadv .dbico {
        width: 160px;
        height: 165px;
        margin-left: 105px;
        margin-top: 115px;
    }
}
@media(min-width:1200px) {
    #cvdbformadv .dbico {
        width: 208px;
        height: 215px;
        margin-left: 105px;
        margin-top: 115px;
    }
    
}

#cvdbformlist {
    background-color: #F8F8F8
}

    #cvdbformlist ul {
        list-style:none;
        padding-left:20px;
        margin-top:60px;
        margin-bottom:80px;
    }
        #cvdbformlist ul li {
            padding-left: 20px;
            background: url(/images/orange-disc.png) no-repeat left 4px;
            font-size: 16px;
            letter-spacing: 0.2px;
            margin-bottom:10px;
        }

    @media(min-width:768px) {
        #cvdbformlist .dbico {
        width: 200px;
        height: 240px;
        margin-left: 105px;
        margin-top: 115px;
    }
}
@media(min-width:1200px) {
    #cvdbformlist .dbico {
        width: 267px;
        height: 320px;
        margin-left: 105px;
        margin-top: 115px;
    }
}
/* COMPANY VIEW */
/* ---- wuc_BusinessProfile -----*/
#companyview h2 {
    color:#333E49;
}
#companyview .complogo {margin-top:20px}
#companyview .compinfo {font-size:14px;}
#companyview .form-group {margin-bottom:6px}

#companyview .formlabel {
    color: #333E49;
    font-weight: 500;
}
/* ---- CompaniesView -----*/
#pnlCompanyJobs h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #FF6700;
    font-weight: bold;
    border-bottom: 1px solid #e9ebee;
    padding-bottom: 10px;
    margin-top: 30px;
}

/* Lolibox PopUps */
.lobibox-notify-wrapper {display:none}
@media (min-width:768px) {
    .lobibox-notify-wrapper {display:block}
}


/* User Profile EditFrom Template*/
#userview {font-size:13px; color:#333333}
#userview div {font-size:13px; color:#333333}
#userview span {font-size:13px; color:#333333}
#userview a.blue span {color:#006CBF; font-size:12px;}
#userview a.emailblue {color:#006CBF;font-weight:normal;}
#userview .formlabel {font-weight: 700;}
#userview .form-group {margin-bottom: 5px;}
#userview .minititle {color:#FF6700; font-weight:700;}
#userview .minititle.blue {color:#006CBF; font-weight:700;}
#userview hr {margin-top:8px; margin-bottom:10px;}
#userview img.thumbnail {max-height:140px; margin-bottom:5px;}
#userview .fullname {font-size: 22px; font-weight:700;color: #333333;}
#userview .nametitle {font-size:18px; color:#525e6c;}
#userview .edu {font-size:16px;}
#userview div span.dx-vam {color:#fff}
#userview a span.dx-vam {color:#333333; font-weight:normal;}
#userview a:hover span.dx-vam {color:#fff; font-weight:normal;}
    #userview .dxtc-activeTab a span.dx-vam {
        color: #fff;
        font-weight: normal;
    }
    #userview .moblabel {
        font-weight: 500;
    }

@media(min-width:768px) {
    #userview .moblabel {
        display: none;
    }
}

@media (max-width:767px) {
    #userview hr {margin-bottom:14px;}
    #userview img.thumbnail {max-width:100%;}
    #userview .fullname {font-size: 15px;}
    #userview .nametitle {font-size:14px;padding-top:15px;}
    #userview .edu {font-size:14px;padding-top:12px;}
    #userview a.blue span {color:#0072C6; font-size:12px; font-weight:normal;}
    #userview a.useremail {color:#0072C6; font-size:12px; font-weight:normal;}
    #userview .workdates {color:#525e6c;}
    a.userclosepopup {
        font-size: 14px !important;
        color: #0072C6 !important;
        font-weight:normal !important;
    }
}
@media (min-width:1280px) {
    .ml-30 {margin-left:-30px;}
}
/*.dxgvControl_MetropolisBlue a.blue {color:#0072C6 !important}*/
/********************************************************************/
/*   B U S I N E S S   D I R E C T O R Y                            */
/********************************************************************/
/* GLOBAL */
.bodybd {
    color: #525e6c;
}
.bodybd footer {margin-top:0px;}
.hxopen {
    font-family: 'Roboto', sans-serif;
    color:#525e6c;
    font-weight:700;
}
.hxroboto {
    font-family: 'Roboto', sans-serif;
    color:#525e6c;
    font-weight:700;
}
.large {font-size:16px}
.dxbuttonround {
    background-color:#FF6700;
    border:1px solid #FF6700;
    font-size:12px;
    padding:5px 5px;
    font-family: 'Roboto', sans-serif;
    color:#fff;
    border-radius: 4px;
	font-weight:bold;
}
.dxbuttonround-hover {
    background-color:#525e6c;
    border:1px solid #525e6c;
    font-size:12px;
    padding:5px 5px;
    font-family: 'Roboto', sans-serif;
    color:#fff;
    border-radius: 4px;
	font-weight:bold;
}
.dxbuttonround-pressed {
    background-color:#2f3d4c;
    border:1px solid #2f3d4c;
    font-size:12px;
        padding:5px 5px;
    font-family: 'Roboto', sans-serif;
    color:#fff;
    border-radius: 4px;
	font-weight:bold;
}
@media (min-width:768px) {
    
    
    .dxbuttonround {
        font-size:16px;
        padding:10px 40px;
    }
    .dxbuttonround-hover {
        font-size:16px;
        padding:10px 40px;
    }
    .dxbuttonround-pressed {
        font-size:16px;
        padding:10px 40px;
    }

}

#cmscontent ul.checklist2 {
        list-style-image: url('/images/ul_checklist2.png');
        margin-top:50px;
        padding-left:5px;
        }
#cmscontent ul.checklist2 li {margin-bottom:25px;margin-top:0;padding-top:0;}


.bodybd .nav > li > a {
    border-right: 1px solid #FF6700;
    font-family:'Roboto',serif;
    font-size:12px;
}
.bodybd .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #FF6700;
    background-color: transparent;
}

@media (min-width: 768px) {

    .bodybd .navbar-inverse {
        background-color: #FF6700;
        border: none;
    }

    .bodybd .navbar-inverse .navbar-nav > .active > a, 
    .navbar-inverse .navbar-nav > .active > a:hover, 
    .navbar-inverse .navbar-nav > .active > a:focus {
    color: #FF6700;
    background-color: #fff;
    }
        .navbar-inverse .navbar-nav > .active > a:after {
            left: 0;
            width: 100%;
        }
}

@media (min-width: 1170px) {
    .bodybd .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        font-size: 13px;
    }
    .bodybd #rightcol {padding-left:70px;}
    .bodybd #rightcolnopad {padding-left:15px;}
}
/* HOMEPAGE */

#BDheaderbanner {background-color:#636d7b; color:#fff;}


#BDheaderbanner h1 {
    font-size:26px;
    margin-bottom:0px;
    font-family:'Roboto', sans-serif;
    
    }
#BDheaderbanner h3 {
    font-size:20px; 
    font-family:'Roboto', sans-serif;
    margin-top:5px;

}
#pnlHomeSearch table {width:100%}

#pnlHomeCats .homecatitem{
    border:1px solid #dbdbdb;
    border-radius:6px;
    
}
#pnlHomeCats .homecatitem a {
    display:block;
    padding: 58px 5px;
    text-align: center;
    color:#525e6c;
}

@media (min-width:768px) {
    #homebanner {display:none}
    #BDheaderbanner {background:url(/images/Business_Directory_HeaderBanner.jpg) top center no-repeat #636d7b}
    #BDheaderbanner .bannerrow {height:500px;}
    #pnlHomeSearch {margin-top:177px}
    #pnlHomeSearch .form-inline .form-group {margin-right:3px;margin-left:3px}
    #pnlHomeSearch .form-inline .extra {margin-left:6px;}
    #pnlHomeSearch .homecmbs {width:300px; padding:10px 5px}
    #BDheaderbanner h1 {
    font-size:34px;
    font-weight:700;
    margin-bottom:30px;
    }
    #BDheaderbanner h3 {
        font-size:20px; 
        font-family:'Roboto', sans-serif;
        margin-top:0px;

    }

    
}

@media (min-width: 1170px) {
    
}

/* wucBD_SponsoredCompanies */
#pnlwucSpComps {background-color:#f4f6f8;padding-top:20px; padding-bottom:40px;}
#pnlwucSpComps h2 {font-size:20px;}
#pnlwucSpComps .logo {min-height:81px; background-color:#fff; border:1px solid #e9ebee;border-radius:6px;margin-bottom:5px; text-align:center}
#pnlwucSpComps .imgdiv {width:80%;height:80%; margin:2px auto;}
#pnlwucSpComps img {margin:8px auto;}
#pnlwucSpComps a {color:#525e6c;}
#pnlwucSpComps a:hover {color:#FF6700; text-decoration:none;}
#pnlwucSpComps .text {text-align:center; font-size:12px}

/* Main Category View */
#pnlpagCategoryView {margin-bottom:50px}
#pnlpagCategoryView h1 {font-size:34px;}
#pnlpagCategoryView h1 img {margin-bottom:4px}
#pnlpagCategoryView .subcatitem {position:relative; margin-top:10px;}
#pnlpagCategoryView .subcatthumb {
  display: block;
  line-height: 1.42857143;
  background-color: #fff;
  border-radius: 6px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
#pnlpagCategoryView .subcatthumb > img,
#pnlpagCategoryView .subcatthumb a > img {
  margin-right: auto;
  margin-left: auto;
}
#pnlpagCategoryView .catlayer {
    /*right: 0;
    top: auto;
    left: 0;*/
    width:100%;
    min-height:60px;
    padding-top:20px;
    bottom: 0;
    background-color:rgba(236,236,236,0.8);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    text-align: center;
    z-index: 1;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    
}
    #pnlpagCategoryView .catlayer a {
        font-size:14px;
        color:#2f3d4c;
    }
    #pnlpagCategoryView .catlayer a:hover {
        color:#FF6700;
        text-decoration:none;
    }

/* SERVICES LISTING */
#srvslisting .topbanner {display:none;}
#srvslisting .catphoto {border-radius:6px;}
#srvslisting .catlayer {
    right: 15px;
    top: auto;
    left: auto;
    padding: 5px 30px;
    bottom: 0;
    background-color:rgba(236,236,236,0.8);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    text-align: center;
    z-index: 1;
    border-bottom-right-radius:6px;
    border-top-left-radius:6px;
    font-size:34px;
    
}
#srvslisting .catdesc { font-size:14px;}
#srvslisting h1.cattile {color:#FF6700; margin-top:10px; margin-bottom:20px;}
#srvslisting .grayblockrnd {
    background-color:#f2f3f7;
    border:1px solid #dadbdd;
    border-radius:6px;
    padding:5px 8px 5px 8px;
    margin-bottom:30px;
}

#lvSrvsPlaceholder .srvrow1 {margin-bottom:0px;margin-top:5px;}

#lvSrvsPlaceholder .logo {min-height:85px;vertical-align:middle;border-right:1px solid #b5b4b4;}
#lvSrvsPlaceholder .imgdiv{ text-align:center; vertical-align:middle}
#lvSrvsPlaceholder .imgdiv img {max-height:85px; max-width:150px;}
#lvSrvsPlaceholder .details {padding-top:5px;}
#lvSrvsPlaceholder .company {padding-bottom:5px;}
#lvSrvsPlaceholder .company a {color:#525e6c; font-size:18px; font-weight:bold;}
#lvSrvsPlaceholder .location {min-height:85px;border-left:1px solid #b5b4b4;padding-top:10px}
#lvSrvsPlaceholder .city {color:#FF6700; font-weight:bold}
#lvSrvsPlaceholder .srvrow2 {margin-bottom:5px;}
#lvSrvsPlaceholder hr {margin-top:5px;}
#lvSrvsPlaceholder .under{border-bottom:1px solid #b5b4b4;}
#lvSrvsPlaceholder .compcat {font-size:13px;height:30px;padding:3px 10px 3px; float:left}
#lvSrvsPlaceholder .compcat img {max-height:19px; max-width:25px;margin-right:4px; }
@media (min-width:1280px) {
    #srvslisting .topbanner {display:block; width:330px;}
    #srvslisting .catphoto {width:840px}
}

/* Service View */
#srvpage .grayblockrnd {
    background-color:#f2f3f7;
    border:1px solid #dadbdd;
    border-radius:6px;
    padding:25px 25px 5px 25px;
    margin-bottom:30px;
}
#srvpage .grayblockrnd hr {background-color:#b5b4b4;}
#srvpage .srvrow1 {}
#srvpage  h2 {font-size:18px; font-weight:normal; margin-top:0;}
#srvpage  h2 span {font-size:20px; font-weight:bold; color:#FF6700}
#srvpage .logo {}
#srvpage .imgdiv{text-align:center; vertical-align:middle}
#srvpage .imgdiv img {max-height:95px;border:1px solid #dadbdd;}
#srvpage .details {padding-top:20px}
#srvpage .company {display:block; overflow:auto;}
#srvpage .company h1 {color:#525e6c; font-size:20px; font-weight:bold;padding:0;margin:0}
#srvpage .compcatplain {padding:5px 10px 0px 0px;float:left;}

#srvpage .location {padding-top:0px}
#srvpage .city {color:#FF6700; font-weight:bold}
#srvpage .phone {padding-left:2px;padding-top:5px;color:#FF6700}
#srvpage .phone img {margin-right:5px;}
#srvpage .site {padding-left:0px;padding-top:5px;}
#srvpage .site img {margin-right:2px;}
#srvpage .btn-link {font-size:11px;padding-left:3px; padding-top:3px; color:#525e6c; }
#srvpage .srvrow2 {margin-bottom:30px;}
#srvpage .under{border-bottom:1px solid #dadbdd;}
#srvpage .compcattitle {padding-bottom:7px;}
#srvpage .compcat {padding:3px 10px 3px 5px;border-right:1px solid #b5b4b4;float:left;}
#srvpage .compcat a {font-size:13px;color:#525e6c}
#srvpage .compcat a:hover {color:#FF6700;text-decoration:none;}
#srvpage .compcat img {margin-right:4px}
.text16 {font-size:16px; padding-bottom:5px;}
.boldlime {font-weight:bold; color:#fcff00}

#srvpage .catimage {max-width:40px}
#srvpage .servicecat {padding:8px 10px}
#srvpage .servicecat h2 {margin-bottom:6px; margin-top:4px}

#srvpage .whiteblockrnd {
    background-color:#fff;
    border:1px solid #dadbdd;
    border-radius:6px;
    padding:25px 25px;
    margin-bottom:30px;
}
#srvpage .whiteblockrnd h2 {font-size:20px; font-weight:bold;}
#srvpage .videoplaceholder {width:100%;}
#srvpage iframe {border:none;}
#srvpage .tabsdiv {
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:20px 15px;
    margin-bottom:30px;
}

#srvpage .blackblockrnd {
    background-color:#525e6c;
    border:1px solid #525e6c;
    border-radius:6px;
    padding:25px 25px;
    margin-bottom:30px;
    color:#fff;
}
#srvpage .blackblockrnd h2 {font-size:20px; font-weight:bold;color:#fff}

@media (min-width:768px) {
    #srvpage .videoplaceholder {width:560px;height:315px;}
}

/*==================  GOOGLE MAP  ======================*/
.map {
  position: relative;
}
.map_model {
  height: 300px;
}
.map_model img {
  max-width: none !important;
}
@media (max-width: 767px) {
  .map_model {
    height: 300px;
  }
}
@media (max-width: 479px) {
  .map_model {
    height: 200px;
  }
}
.map_locations {
  display: none;
}


/* wucBD_ServicesLeftMenu */
#srvsmenu {margin-bottom:50px; margin-top:10px; border-right:1px solid #e9ebee}
#srvsmenu h3.moduleTitle {font-weight:bold; font-size:16px; border-bottom:1px solid #e9ebee; padding-bottom:6px;}
#srvsmenu .under {border-bottom:1px solid #dfdfdf}
#srvsmenu .panel-body {} /*border:1px solid #dfdfdf; background-color:#e9ebee*/
#srvsmenu ul {list-style:none; padding-left:4px}
#srvsmenu ul li a{color:#525e6c}
#srvsmenu ul li a.active{color:#FF6700}
/* cats menu */
.VMmenu {
  margin: 0;
}
.VMmenu dl {
  margin: 0;
}
.VMmenu dt {
  font-weight: normal;
  -webkit-transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  -o-transition: 0.2s all ease;
  transition: 0.2s all ease;
  /*border: 1px solid #e9ebee;
  background-color:#e9ebee;*/
  margin-bottom:5px;
}
.VMmenu dt a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  color: #262626;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 7px;
  padding-bottom: 8px;
}

.VMmenu dt a.current,
.VMmenu dt a.active {
  color: #fff;
}
.VMmenu dt.parent {
  position: relative;
}
.VMmenu dt.parent a {
  padding-right: 30px;
}
/*.VMmenu dt.parent:before {
  content: '\f055';
  position: absolute;
  top: 50%;
  right: 10px;
  font-family: FontAwesome;
  pointer-events: none;
  margin-top: -11px;
  color: #cac8c8;
  font-size: 16px;
}*/
.VMmenu dt.parent.current,
.VMmenu dt.parent.opened {
  /*background: #b5b4b4;
  border-color: #e9ebee;*/
}
/*.VMmenu dt.parent.current:before,
.VMmenu dt.parent.opened:before {
  content: '\f056';
  color: #b5b4b4;
}*/
.VMmenu dt.opened,
.VMmenu dt.current,
.VMmenu dt:hover {
  /*background: #FF6700;
  border-color: #FF6700;*/
}
.VMmenu dt.opened a,
.VMmenu dt.current a,
.VMmenu dt:hover a {
  color: #FF6700;
}
.VMmenu dt.opened:before,
.VMmenu dt.current:before,
.VMmenu dt:hover:before {
  color: #b5b4b4;
}
.VMmenu dd.current {
  display: block;
  height: auto;
}

.VMmenu > dd {
  padding: 2px 27px 22px 37px;
  margin: 0 0 5px 0;
  border: none;
  border-top: none;
  background: #fff;
  /*border: 1px solid #dfdfdf;*/
}
.VMmenu > dd dt {
  padding-bottom: 12px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color:transparent;

}
.VMmenu > dd dt a {
  padding: 0;
  background: none;
  font-size:13px;
  line-height: 16px;
  font-weight:normal;
}
.VMmenu > dd dt.current,
.VMmenu > dd dt:hover,
.VMmenu > dd dt.opened {
  background: none!important;
}
.VMmenu > dd dt.current a,
.VMmenu > dd dt:hover a,
.VMmenu > dd dt.opened a {
  color: #FF6700;
}
.VMmenu > dd dt.current:before,
.VMmenu > dd dt:hover:before,
.VMmenu > dd dt.opened:before {
  color: #FF6700 !important;
}
/* end cats menu */





/* wucBD_ServicesManage */
#pnlwucSrvsManage .grayblock {padding:30px 20px}
#pnlwucSrvsManage .grayblock a.linkbutton {display:block; text-align:center}
#pnlwucSrvsManage h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #FF6700;
    font-weight: bold;
    border-bottom: 1px solid #e9ebee;
    padding-bottom: 10px;
    margin-top: 30px;
}
#pnlwucSrvsManage h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #525e6c;
    font-weight: bold;
    border-bottom: 1px solid #e9ebee;
    padding-bottom: 5px;
    margin-top: 30px;
}
#pnlwucSrvsManage h5 {font-size:22px;}
#pnlwucSrvsManage .form-horizontal .control-label {text-align:left; font-size:15px;}
#pnlwucSrvsManage img {max-width:initial}


/*================   Thumbnail-box  ======================*/
.thumbnail_box {
  /*width: 20%;
  float: left;
  overflow: hidden;
  position: relative;*/
  padding-top:50px;
  padding-bottom:40px;
  min-height:187px;
  margin-bottom:30px;
}
.thumbnail_box img {
  /*width: 100%;*/
}
.thumbnail_box .thumbnail_box_img {
    text-align: center;
  }
.thumbnail_box .thumbnail_box_img h3 {font-weight:500;font-size:12px;color:#000000;}
.thumbnail_box .overlay {
  transition: all 0.5s ease 0s;
  position: absolute;
  left: 18px;
  right: 0;
  top: 10px;
  bottom: 0;
  width:88%;
  height:80%;
}
.thumbnail_box .thumbnail_box_cnt {
  position: absolute;
  z-index: 2;
  color: #fff;
  left: 0;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-16%);
  -ms-transform: translateY(-16%);
  -o-transform: translateY(-16%);
  -webkit-transform: translateY(-16%);
  transform: translateY(-16%);
  padding: 0 30px;
  text-align: center;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.thumbnail_box .thumbnail_box_cnt a {color:#525e6c; display:block}
.thumbnail_box .thumbnail_box_cnt a:hover {color:#FF6700;text-decoration:none;}
.thumbnail_box .thumbnail_box_cnt p,
.thumbnail_box .thumbnail_box_cnt a {
  opacity: 0;
  filter: alpha(opacity=0);
}
.lt-ie9 .thumbnail_box .thumbnail_box_cnt p,
.lt-ie9 .thumbnail_box .thumbnail_box_cnt a {
  filter: alpha(opacity=0);
}
.thumbnail_box .thumbnail_box_cnt .btn {
  border: 2px solid #fff;
  padding: 5px 19px 6px 18px;
  margin-top: 8px;
  background: transparent;
}
.thumbnail_box .thumbnail_box_cnt .btn:hover {
  border-color: #484646;
  color: #484646;
}
.thumbnail_box .thumbnail_box_cnt .btn:active,
.thumbnail_box .thumbnail_box_cnt .btn.active {
  color: #b63b07 !important;
  outline: 0;
}
.thumbnail_box:hover p,
.thumbnail_box:hover a {
  opacity: 1;
  filter: alpha(opacity=100);
}
.lt-ie9 .thumbnail_box:hover p,
.lt-ie9 .thumbnail_box:hover a {
  filter: alpha(opacity=100);
}
.thumbnail_box:hover .overlay {
  background: #fff;
}
.thumbnail_box:hover .thumbnail_box_cnt {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 1460px) {
  .thumbnail_box .thumbnail_box_cnt h3 {
    font-size: 15px;
    line-height: 16px;
  }
  .thumbnail_box .thumbnail_box_cnt p {
    font-size: 12px;
    line-height: 14px;
  }
  .thumbnail_box .thumbnail_box_cnt .btn {
    padding: 3px 10px 2px 10px;
    margin-top: 3px;
  }
}
@media (max-width: 1060px) {
  .thumbnail_box .thumbnail_box_cnt h3 {
    font-size: 12px;
    line-height: 13px;
  }
  .thumbnail_box .thumbnail_box_cnt p {
    font-size: 10px;
    line-height: 11px;
  }
  .thumbnail_box .thumbnail_box_cnt .btn {
    padding: 2px 8px 2px 8px;
    margin-top: 3px;
  }
}
@media (max-width: 979px) {
  .thumbnail_box {
    width: 80%;
    float: none;
    margin: 0 auto;
  }
  .thumbnail_box .thumbnail_box_img {
    text-align: center;
  }
  .thumbnail_box .thumbnail_box_img img {
    margin: 0 auto;
  }
  .thumbnail_box .thumbnail_box_cnt h3 {
    font-size: 14px;
    line-height: 25px;
  }
  .thumbnail_box .thumbnail_box_cnt p {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (min-width:991px) {
    .thumbnail_box .thumbnail_box_img h3 {font-weight:500;font-size:16px;color:#000000;}

}
#popupmessage .formlabel {font-weight:bold}
#popupmessage img {
    max-width: 100%
}
.dxpopupinbox {width:600px; height:500px;}
@media (max-width:600px) {
    .dxpopupinbox {width:300px; height:200px;}
}

a.messageunread {
    color: #006CBF;
    font-weight: bold
}
a.messageunread:hover {color:#FF6700; text-decoration:none}

a.messageread {
    color: #006CBF;
    font-weight: normal
}
a.messageread:hover {color:#FF6700; text-decoration:none}

@media(max-width:767px) {
    .dxgvAdaptiveHeaderPanel_Office365 {
        display: none
    }
}


/* JOB ADS LISTING */
#page2020.pagejobslisting {
    padding-top: 60px;
}
/*#page2020.pagejobslisting #breadcrumbs {display:none}*/

.sectiontitlejobslist {
    color: #333E49;
    font-family: Roboto;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 24px;

}
    .sectiontitlejobslist span {
        font-size: 16px;
        font-weight:400;
        letter-spacing: 0;
        line-height: 19px;
        display:block;
    }
#bannerzone4 {text-align:center; padding-top:20px; padding-bottom:20px; display:block;}

@media (min-width:768px) {
    #page2020.pagejobslisting {
        padding-top: 0px;
    }
        #page2020.pagejobslisting #breadcrumbs {display: block}
    .sectiontitlejobslist {
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 28px;
        text-align: left;
        margin-top: 5px;
        margin-bottom:24px;
    }

        .sectiontitlejobslist span {
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 28px;
            display: inline;
        }
            .sectiontitlejobslist span.counter {
                font-size: 24px;
                font-weight: 400;
                display: inline;
                color: #FD871D
            }
    #bannerzone4 {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 20px;
        display: block;
    }
}

/* wuc_JobsListing_vX */
#pnlFilters select {font-size:12px; }

#lvJobsPlaceholder .jobitem {
    margin-bottom: 14px;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 9px 15px;
    position: relative;
}
    #lvJobsPlaceholder .jobitem:before {
        content: "";
        background-color: #FF6700;
        height: 37px;
        position: absolute;
        width: 3px;
        transition: all 1s ease;
        top: 36px;
        left: 0;
    }
    #lvJobsPlaceholder .jobitem.featured:before,
    #lvJobsPlaceholder .jobitem.expired:before
    {
        background-color: unset;
    }

    #lvJobsPlaceholder .jobitem.featured {
        border-left: 5px solid #FF6700
    }
    #lvJobsPlaceholder .jobitem.expired {
        color:#d1d0d0;
    }

        #lvJobsPlaceholder .jobitem.expired .adstatus {color:#333E49}
        #lvJobsPlaceholder .jobitem.expired .adstatus .fa {color:#FF6700}

        #lvJobsPlaceholder .first {
        }
#lvJobsPlaceholder h3.title {
    margin: 0 0 18px 0;
    min-height: 43px;

}
    /*#lvJobsPlaceholder h3.title:before {
        font-weight: 500;
        color: #FF6700;
        margin-right: 11px;
        margin-left: -20px;
        content: '\007C';
        font-size: 41px;
        position: absolute;
        top: 8px;
    }*/
    #lvJobsPlaceholder h3.title a {
        color: #333E49;
        font-family: Roboto;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 19px;
        
    }
    #lvJobsPlaceholder h3.title a:hover {color:#FF6700; text-decoration:none;}
    #lvJobsPlaceholder h3.title a .fa {color:#FF6700;}

#lvJobsPlaceholder .jobitem.expired h3.title a {
    color:#d0d0d0;
    cursor:default;
}

#lvJobsPlaceholder .datemob {
    color: #53565B;
    font-family: Roboto;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    display: inline-block;
    margin-top: 6px;
}
#lvJobsPlaceholder .jobitem.expired .datemob {color:#d0d0d0;}
#lvJobsPlaceholder .datedesk {
    display: none;
}
#lvJobsPlaceholder .addtofavmob {
    width:12px; 
    height:12px;
}
    #lvJobsPlaceholder .addtofavmob:after {
        content: "\f08a";
        font-family: 'FontAwesome';
        color: #525e6c;
        padding: 4px 5px 0 0;
        font-size: 14px;
        display: block;
        width: 16px;
        height: 16px;
        float: right;
    }
    #lvJobsPlaceholder .addtofavmob.active:after {
        content: "\f004";
        color: #FF6700;
    }
    #lvJobsPlaceholder .addtofavmob.del:after {content:""}


    #lvJobsPlaceholder .details .company,
    #lvJobsPlaceholder .details .city,
    #lvJobsPlaceholder .details .type {
        padding: 2px 0;
    }
#lvJobsPlaceholder .details .company img,
#lvJobsPlaceholder .details .city img,
#lvJobsPlaceholder .details .type img {
    margin-right:6px;
}

#lvJobsPlaceholder .details {
    font-size: 13px
}
    
    #lvJobsPlaceholder .details .detvalue {
        font-weight: 500;
        color: #333E49;
    }
    #lvJobsPlaceholder .details .company .detvalue {
        color: #FF6700

    }


#bannerzone8 {margin-bottom:15px; display:block; overflow:hidden;}
@media (max-width:500px) {
    #bannerzone8 {padding-left:10px;}
}

@media (min-width:768px) {
    #lvJobsPlaceholder .jobitem {padding:14px 20px 4px 25px}

        #lvJobsPlaceholder .jobitem:before {
            content: "";
            background-color: unset;
            height: 0;
            position: absolute;
            width: 0;
            top: 0;
            left: 0;
        }

    #lvJobsPlaceholder h3.title {margin-bottom:6px; min-height:unset}
    #lvJobsPlaceholder h3.title a {
        color: #333E49;
        font-family: Roboto;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px;
    }

    #lvJobsPlaceholder .addtofavdesk {
        display:inline-block;
        border: 1px solid #C4C4C4;
        border-radius: 6px;
        color: #53565B;
        font-size: 13px;
        padding:7px 11px 7px 11px;
        margin-top:15px;
        width:175px;
        text-align:center;
    }
        #lvJobsPlaceholder .addtofavdesk:hover,
        #lvJobsPlaceholder .addtofavdesk.active:hover {
            display: inline-block;
            border: 1px solid #53565B;
            background-color: #53565B;
            color: #fff;
            text-decoration: none;
        }
        #lvJobsPlaceholder .addtofavdesk.active  {
            color:#FF6700;
        }    
        #lvJobsPlaceholder .addtofavdesk.active .fa {
            color:#FF6700;
        }
    /*#lvJobsPlaceholder .addtofavdesk:after {
            content: "\f08a";
            font-family: 'FontAwesome';
            color: #525e6c;
            padding: 4px 10px 0 0;
            font-size: 12px;
            display: block;
            float: left;
            margin-top: -2px;
        }
        #lvJobsPlaceholder .addtofavdesk:hover:after {
            color: #fff;
        }
        #lvJobsPlaceholder .addtofavdesk.active:after {
            content: "\f004";
            color: #FF6700;
        }*/
    #lvJobsPlaceholder .titleph {
        margin-bottom: 10px;
    }
    #lvJobsPlaceholder .category {
        color: #FD871D;
        font-size: 15px;
    }
    #lvJobsPlaceholder .jobitem.expired .category {
        color: #d0d0d0;
    }
    #lvJobsPlaceholder .featuredbadge {
        font-size: 16px;
        margin-right: 6px;
    }
    

    #lvJobsPlaceholder .details {
        font-size: 15px;
        min-height: 70px;
    }
    #lvJobsPlaceholder .company {display:none;}
    


    #lvJobsPlaceholder .signin {
        text-align: right;
        display: table;
        min-height: 70px;
    }
    #lvJobsPlaceholder .signinwrapper {
        vertical-align: bottom;
        text-align: right;
        display: table-cell;
    }
    #lvJobsPlaceholder .signin p {margin-bottom:5px}
        #lvJobsPlaceholder .signin a {
            color: #006CBF;
            text-decoration:underline
        }
        #lvJobsPlaceholder .signin a:hover {
            color: #FF6700;
            text-decoration: underline
        }
    
    #lvJobsPlaceholder .logo {min-height:70px;}
    #lvJobsPlaceholder .imgdiv {
        min-height: 70px;
        width: 175px;
        display: table;
        border: 1px solid #C4C4C4;
        border-radius: 6px;
        padding: 10px 10px;
        margin: 0 0 0 auto;
    }
    #lvJobsPlaceholder .imgwrapper {
        vertical-align:middle;
        text-align:center;
        display:table-cell; 
        font-size:13px;
        
    }
        #lvJobsPlaceholder .imgwrapper img {
            display: block;
            max-height: 50px;
            max-width: 125px;
            vertical-align: middle;
            margin:auto auto;
        }

        #lvJobsPlaceholder .jobitem.expired .imgwrapper img {
            -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
        }


    #lvJobsPlaceholder .bubox {
        margin-bottom: 8px;
        border: 1px solid #DEDEDE;
        border-radius: 10px;
        background-color: #FFFFFF;
        padding: 14px 20px 19px 25px;
        position: relative;
    }
    
    #lvJobsPlaceholder .bubox img {margin-top:20px;}
    #lvJobsPlaceholder .bubox .title a {color:#FF6700;}
    #lvJobsPlaceholder .bubox .title a:hover {color:#525e6c;}
    #lvJobsPlaceholder .bubox p {font-size:14px;}
    #lvJobsPlaceholder .bubox .visit a {font-size:14px;}
}
@media (min-width:1200px) {
    #lvJobsPlaceholder .titleph {min-height:76px}
    #lvJobsPlaceholder .signin {margin-top:63px}
}
@media (min-width:1400px) {
    
    /*#lvJobsPlaceholder .jobitem.featured .jobitemph:before {
        content: "";
        background-color: #FF6700;
        height: 100%;
        position: absolute;
        width: 3px;
        transition: all 1s ease;
        top: 0;
        left: 0;
    }*/
}
#lvJobsPlaceholder .jobalertsph {margin-bottom:14px}
.joblaertban {display:none}

.joblaertbanmob a {
    display: block;
    background-color: #daefff;
    border: 1px solid #356cbe;
    border-radius: 4px;
    
    
}
.joblaertbanmob .mobph {
    margin: 0 auto;
    text-align:center;
}
.joblaertbanmob .toppart {
    width: 135px;
    margin: 0 auto;
}
.joblaertbanmob .toppart img {
    margin: 6px 13px 0 0px;
    float: left;
}

.joblaertbanmob .toppart .jatitle {
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
    display: block;
    float: left;
}
.joblaertbanmob .botpart {
    padding:5px 30px 5px 30px;
    text-decoration:underline;
}

@media(min-width:768px) {
        .joblaertbanmob {display:none}
    .joblaertban {display: block;}
        .joblaertban .leftpart {
            width: 30%;
            height: 57px;
            background-color: #356cbe;
            border: 1px solid #356cbe;
            border-radius: 4px 0 0 4px;
            float: left;
            color:#fff;

        }
            .joblaertban .leftpart img {
                margin: 13px 20px 0 25px;
                float: left;
            }
            .joblaertban .leftpart .jatitle {
                font-size: 16px;
                font-weight:500;
                margin-top:18px;
                display:block;
                float:left;
            }
        .joblaertban .rightpart {
            width: 70%;
            height: 57px;
            background-color: #daefff;
            border: 1px solid #356cbe;
            border-radius: 0 4px 4px 0;
            text-align:center;
            padding-top:20px;
            float: left;
        }
            .joblaertban .rightpart a {
                color: #356cbe;
                text-decoration:underline;
            }
            .joblaertban .rightpart a:hover {
                color: #FF6700;
                text-decoration: underline;
            }

}
@media(min-width:992px) {
    .joblaertban .leftpart {
        width: 222px;
    }
    .joblaertban .rightpart {
        width: 425px;
    }
}
@media(min-width:1200px) {
    .joblaertban .rightpart {
        width: 578px;
    }
}
@media(min-width:1400px) {
    .joblaertban .rightpart {
        width: 647px;
    }
}
/* Sidebar ---------------------------------------------------------------------- */
.btn-filters {
    border-radius: 25px;
    background-color: #FF6700;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    display: inline-block
}
#sidebar {
    display: none;
}

#content {
    margin-top:16px;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}
#sidebar .userpanel {
    margin-top: 0px;
}
#sidebar .dxeButtonEditButton_iOS {
    padding: 6px 6px !important;
}
#sidebar .dxeButtonEditButton_iOS img {
    max-width: none;
    display: inline-block;
}

.pnlFilters21 {
   /* border: 1px solid #DEDEDE;
    border-radius: 10px;
    background-color: #FFFFFF;*/
    padding: 0;
}
.pnlFilters21.tomob {
    border: 0;
    padding: 0;
}
    .pnlFilters21 select {
        margin-bottom: 8px;
        background-color: #eaeaea;
        /*color: #fff !important;*/
    }
    .pnlFilters21.tomob select {
        padding: 10px 12px;
        
    }
    .pnlFilters21 .list-group {
        padding:0 10px 0 0;
    }
    .pnlFilters21 .list-group + .list-group {
        border-top: 1px solid #DEDEDE;
    }
    .pnlFilters21 .list-group-item.header {
        z-index: 2;
        background-color: unset;
        border: 0;
        color: #333E49;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 22px;
        margin-top: 22px;
        margin-bottom: 12px;
    }
    .pnlFilters21.tomob .list-group-item.header {
        font-size: 18px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .pnlFilters21.tomob #lnkmftoggleCats,
    .pnlFilters21.tomob #lnkmftoggleCats:hover,
    .pnlFilters21.tomob #lnkmftoggleCats:focus,
    .pnlFilters21.tomob #lnkmftoggleCities,
    .pnlFilters21.tomob #lnkmftoggleCities:hover,
    .pnlFilters21.tomob #lnkmftoggleCities:focus,
    .pnlFilters21.tomob #lnkmftoggleAreas,
    .pnlFilters21.tomob #lnkmftoggleAreas:hover,
    .pnlFilters21.tomob #lnkmftoggleAreas:focus,
    .pnlFilters21.tomob #lnkmftoggleLangs,
    .pnlFilters21.tomob #lnkmftoggleLangs:hover,
    .pnlFilters21.tomob #lnkmftoggleLangs:focus,
    .pnlFilters21.tomob #lnkmftoggleCountries,
    .pnlFilters21.tomob #lnkmftoggleCountries:hover,
    .pnlFilters21.tomob #lnkmftoggleCountries:focus,
    .pnlFilters21.tomob #lnkmftoggleJobType,
    .pnlFilters21.tomob #lnkmftoggleJobType:hover,
    .pnlFilters21.tomob #lnkmftoggleJobType:focus {
        color: #333E49;
        font-weight: 500;
        font-size: 18px;
        margin-top: 12px;
        margin-bottom: 12px;
        text-decoration: none;
        display: inline-block;
        width: 100%;
    }
        .pnlFilters21.tomob #lnkmftoggleCats:after,
        .pnlFilters21.tomob #lnkmftoggleCities:after,
        .pnlFilters21.tomob #lnkmftoggleAreas:after,
        .pnlFilters21.tomob #lnkmftoggleLangs:after,
        .pnlFilters21.tomob #lnkmftoggleCountries:after,
        .pnlFilters21.tomob #lnkmftoggleJobType:after {
            content: "\f077";
            font-family: 'FontAwesome';
            color: #FF6700;
            padding: 4px 5px 0 0;
            font-size: 12px;
            display: block;
            width: 16px;
            height: 16px;
            float: right;
        }
        .pnlFilters21.tomob #lnkmftoggleCats.collapsed:after,
        .pnlFilters21.tomob #lnkmftoggleCities.collapsed:after,
        .pnlFilters21.tomob #lnkmftoggleAreas.collapsed:after,
        .pnlFilters21.tomob #lnkmftoggleLangs.collapsed:after,
        .pnlFilters21.tomob #lnkmftoggleCountries.collapsed:after,
        .pnlFilters21.tomob #lnkmftoggleJobType.collapsed:after {
            content: "\f078";
        }


    .pnlFilters21 .list-group-item {
        background-color: unset;
        border: 0;
        font-size: 14px;
        margin-bottom: 0;
        padding: 9px 0 2px 0;
        color: #2C353F;
    }
    .pnlFilters21.tomob .list-group-item {
        font-size: 12px;
    }
    
    .pnlFilters21 a.unchecked {
        background-image: url(/images/2021/Filter_Checkbox_unchecked_15.svg);
        background-repeat: no-repeat;
        background-position-x: 2px;
        background-position-y: 10px;
        padding-left: 26px;
        color: #2C353F;
    }
    .pnlFilters21 a.checked {
        background-image: url(/images/2021/Filter_Checkbox_checked_15.svg);
        background-repeat: no-repeat;
        background-position-x: 2px;
        background-position-y: 10px;
        padding-left: 26px;
        color: #006CBF;
    }
        .pnlFilters21 a.subitem.checked,
        .pnlFilters21 a.subitem.unchecked {
            font-size: 13px;
            background-position-x: 24px;
            background-position-y: 9px;
            padding-left: 49px;
        }
    .pnlFilters21 a:hover, .pnlFilters21 a:focus {
        background-color: unset;
        color: #006CBF;
    }

#modalFilters .close {font-size:28px;}
#modalFilters .mobfilterbottomclose {
    font-size: 14px;
    color: #FFFFFF;
    width: 262px;
    border-radius: 23px;
    border:1px solid #FF6700;
    background-color: #FF6700;
    padding-top:10px;
    padding-bottom:10px;
    margin:10px auto;
}
#modalFilters .modal-title {
    font-weight: bold;
    color: #FD871D;
}
#modalFilters .modal-body {
    padding: 0 0 80px 0
}
#modalFilters .bottomfilterdiv {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #f9f9f9;
    transition: all 250ms ease;
    min-height: calc(65px + (constant(safe-area-inset-bottom))*1.1);
    min-height: calc(65px + (env(safe-area-inset-bottom))*1.1);
    transition: all 250ms ease;
    box-shadow: 0 -5px 10px 0 rgb(0 0 0 / 10%) !important;
    z-index: 95;
    overflow: hidden;
    text-align: center;
    padding: 0 5px;
}
#modalFilters .dxtlControl_MaterialCompact .dxtlDataTable {
    border: 0;
}

@media(min-width:992px) {
    .btn-filters {
        display: none
    }
    #sidebar {
        display: block;
        float: left;
        width: 27%;
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 15px;
    }
    #content {
        float: left;
        width: 71%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 25px;
        margin-top:0;
    }
}
@media(min-width:1200px) {
    #sidebar {
        width: 25%;
    }
    #content {
        width: 75%;
        padding-left:60px;
    }
}
/* ---------------------------------------------------------------------- */

#bottompaging {
    display: block;
    margin-top: 30px;
    margin-bottom: 50px;
    text-align: center
}
    #bottompaging .btn-default {
        text-shadow:none ;
        background-image: none;
        background-color: #fff;
        border: 1px solid #C6C6C6;
        color: #333E49;
        font-size: 14px;
        letter-spacing: 0;
        border-radius:0;
        padding:6px 9px;

    }
        #bottompaging .btn-default:hover,
        #bottompaging .btn-default.disabled {
            background-color: #FF6700;
            border: 1px solid #FF6700;
            color: #fff;
            opacity: 1;
        }
        #bottompaging em {display:none}
        #bottompaging .gtfirst,
        #bottompaging .gtlast {
            display:none
        }
    #bottompaging .fa {
        font-weight: 400;
        color: #6f7b89;
        font-size: 12px;
    }
    #bottompaging .gtprev {border-radius:12px 0 0 12px;}
    #bottompaging .gtnext {border-radius:0 12px 12px 0;}

@media(min-width:768px) {
    #bottompaging {
        margin-top: 70px;
        margin-bottom: 70px;
        text-align: center
    }
        #bottompaging .btn-default {
            font-size: 16px;
            letter-spacing: 0;
            padding:13px 18px;
        }
        #bottompaging em {
            display:inline;
            font-style: normal
        }
    #bottompaging .fa {
        font-size:14px;
    }
        #bottompaging a:hover .fa {
            color: #fff;
        }
        #bottompaging .gtfirst,
        #bottompaging .gtlast {
            display: inline-block
        }
        #bottompaging .gtfirst {border-radius:23px 0 0 23px;}
        #bottompaging .gtlast {border-radius:0 23px 23px 0;}
        #bottompaging .gtprev {border-radius:0;}
    #bottompaging .gtnext {border-radius:0;}
}
@media(min-width:1200px) {
    #bottompaging .gtprev i {margin-right:20px;}
    #bottompaging .gtnext i {margin-left:20px;}
    #bottompaging .gtfirst {padding-left:30px;}
    #bottompaging .gtlast {padding-right:30px;}
}


/*favorites*/
.favpopupheader .dxpc-headerText {
    color: #FF6700;
    font-size: 16px;
}
.favpopup .dxpc-content {
    font-size: 16px;
    line-height: 21px;
    color: #53565B;
    padding:15px 25px;
}
.favpopupfooter {
    padding:8px 8px;
    text-align:center;
}
    .favpopupfooter a.roundbuttonfilled.lnk {
        padding: 12px 33px;
    }

.dxgvAdaptiveHeaderPanel_Metropolis, .dxgvAdaptiveHeaderPanel_MetropolisBlue {
    display: none
}

/* various mobile */
@media(max-width:768px) {
    #pnlSignIn .dxbutton {font-size:14px; padding:10px 30px;}
    .xs-text-block {display:block}
}

/* NEWS */
/* wuc_News_More */
.sectnewsmore {padding-bottom:50px;}
.sectnewsmore .allnewsbtnbot {display:none}
.newsthumb {margin-bottom:30px; }
#newslistview .newsthumb {
    width:auto !important;
}
.newsthumb .inner {
    min-height: 150px;
    width: 100%;
    display: table;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #D2D6DF;
    border-radius: 3px
}
.newsthumb .category{margin-left:0px; margin-bottom:0px; margin-top:130px;}
.newsthumb .category h6{margin:0px;}
.newsthumb .label{font-size:12px;font-weight:normal;padding:3px 20px; 	border-radius: 0 3px 0 3px; }
.newsthumb .innertext{min-height:150px;vertical-align:bottom;display:table-cell;}
.newsthumb .innertext a {display:block;}
.newsthumb .wrapper{background-color:rgba(0,0,0,0.7);width:100%;padding:6px 6px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
    .newsthumb .date {
        font-size: 14px;
        margin-top: 10px
    }
    .newsthumb .newstitle a {
        color: #333E49;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 22px;
    }
.newsthumb .newstitle a:hover{color:#FF6700; text-decoration:none;}

@media (max-width: 449px) {
    .newsthumb {
        width: 240px;
        min-height:unset;
    }
}

@media(max-width:768px) {
    .sectnewsmore {padding-top:5px; padding-bottom:35px;}
    .sectnewsmore .hometitle {margin-top:5px; margin-bottom:5px;}
        .sectnewsmore .allnewsbtntop {display: none;}
        .sectnewsmore .allnewsbtnbot {
            display: inline-block;
            margin-top: 30px;
        }
    .newsthumb .date {
        /*font-size: 11px;*/
        font-size: 12px;
        margin-top: 8px
    }
    .newsthumb .newstitle a {
        color: #333E49;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 19.2px;
    }
    

}
@media (min-width:768px) {
    .sectnewsmore h2 {margin-bottom:50px}
    .newsowl.off {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        width: auto;
    }
    .newsthumb {
        width: 25%;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
        min-height: 290px;
    }
}
@media (max-width:991px) {
    
}
@media (max-width:1200px){
    
}
@media (max-width:1430px) {
    
}



/* News Listing */
#newslisting h1 {font-size:34px; color: #455055; margin-top:45px}
#pnlFilters .filtername {color:#1F2223; font-size:26px; font-weight:600; margin-bottom:25px; margin-top:0; }
#newsfilters {padding-bottom:25px; }
#newsfilters div {border-bottom:1px solid #B8BCBB; margin-top:15px; padding-bottom:15px; padding-left:2px; }
#newsfilters a.linkfilter {color: #697378;}
#newsfilters a.linkfilter:hover {color: #00a3f4;}
#newsfilters a.linkfilterchecked {color: #00a3f4;}

#pnlBottomPaging {padding-top:40px;}

/* News View post */
#page2020.pagenews {
    padding-top: 60px;
}

#newsview {
    padding-bottom: 30px;
    
}
    #newsview .col-md-9 {
        max-width: 982px
    }

    #newsview h1 {
        color: #333E49;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        text-align: center;
        margin-top: 0;
    }

    #newsview .label {
        border-radius: 0 3px 0 3px;
        /*box-shadow: 0 3px 16px 0 rgba(0,0,0,0.19);*/
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.1px;
        line-height: 18px;
    }
    #newsview h1 {
        color: #1F2223;
        font-family: "Roboto";
        font-size: 24px;
        line-height: 32px;
        margin: 12px 0 26px 0;
    }
    #newsview .date {
        color: #525e6c;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -0.11px;
        line-height: 19px;
        padding-bottom:11px;
    }
    #newsview .text {
        color: #697378;
        font-size: 16px;
        line-height: 26px;
    }

    #newsview .newsbanners {margin-top:0px; max-width:300px; }
    #newsview hr {margin-top:0px; margin-bottom:10px;}

    #newsview .category {padding-top:17px;}
    #newsview .social {padding-top:10px;}
    #newsview .social #st-1{text-align:right !important;}

#page2020.pagenews .sectnewsmore {
    background-color:#fff;
    padding-top:40px;
}

@media (min-width:768px) {
    #page2020.pagenews {
        padding-top: 0px;
    }
    #newsview {
        padding-top:50px;
        margin-bottom: 30px;
    }

        #newsview h1 {
            font-size: 36px;
            letter-spacing: 0;
            line-height: 47px;
            text-align: left;
            margin-bottom: 50px;
            padding-left: 20px;
        }
            #newsview h1:before {
                height: 28px;
                width: 4px;
                font-weight: 600;
                color: #FF6700;
                margin-right: 11px;
                margin-left: -21px;
                content: '\007C';
            }
    #newsview .enlarge {max-width:unset; width:100%;}
}
@media (max-width:991px) {
    #newsview .newsbanners {margin-top: 20px; text-align:center; max-width:initial;}
    #newsview .newsbanners img {margin:0 auto;}
    #newsview .social #st-1{text-align:center !important;}
}
.btn-paging {color: #fff; background-color: #525e6c; border-color: #525e6c; min-width:117px;}
.btn-paging:hover {color: #fff; background-color: #FF6700; border-color: #FF6700;}
.btn-paging.prev {margin-right:20px;}
.btn-paging.next {margin-left:20px;}
.mypager {padding:0 5px}
@media (max-width:767px) {
    .text-sm-center {
        text-align: center;
    }
}
@media (min-width:992px) {
    .text-md-center {
        text-align: center;
    }
    .text-md-right {
        text-align: right;
    }
}


/* Contact */
#page2020.contact {
    padding-top:60px;
    padding-bottom: 80px;
}
    #page2020.contact .hometitle {
        margin-top:16px;
        margin-bottom:30px
    }
#page2020.contact .introtext {
    margin-bottom: 40px;
}
#page2020.contact .introtext p {
    font-size: 18px;
    line-height: 26px;
}
#page2020.contact .contactdetails,
#page2020.contact .contactdetails p {
    font-size: 14px;
    line-height: 20px;
}


#page2020.contact .contactdetails a{color: #53565B;}
#page2020.contact .contactdetails a:hover{color:#FF6700; text-decoration:none;}

#page2020.contact .contactfrm .form-control {
    background-color:#fff;
}
.contactfrm .g-recaptcha > div {margin:0 auto;}

/* JobsAdsSearchCat */
#jobsbycat {
    margin-top:60px;
    padding-top:43px;
    padding-bottom:43px;
}
#jobsbycat .catbox {
    padding-bottom: 30px;
    color: #47a8eb;
}
#jobsbycat .catbox p {line-height:2em; color:#525e6c}
#jobsbycat .catbox a {color:#47a8eb;}
#jobsbycat .catbox a:hover {color:#47a8eb;}
    #jobsbycat .catbox h3 a {
        color: #333E49;
        font-weight: bold;
        font-size: 20px;
    }
#jobsbycat .catbox h3 a:hover {text-decoration:none}
#jobsbycat .bycity {margin-top:4px; color:#525e6c}
#jobsbycat .bycity a {color:#525e6c; text-decoration:underline;}

#jobsbycat .catbox.citybox h3 {color:#525e6c;font-weight:bold; font-size:20px;}

@media(min-width:768px) {
    #jobsbycat h1{
        margin-bottom: 43px;
    }
}




.divtable {display:table;}
.divtd {display:table-cell; vertical-align:middle}
/* CVC Users Home*/
#cvcuser .profheading {padding-top:40px;}
#cvcuser .profheading hr{margin-top:3px}
#cvcuser .profheading .title {font-size:18px; color:#FF6700; font-weight:bold}
#cvcuser a.discreet {color:#525e6c; text-decoration:underline;}
#cvcuser a.discreet:hover {color:#FF6700; text-decoration:underline;}

#cvcuser .cvcentry {padding:3px 4px; margin-bottom:8px; background-color:#fff}
#cvcuser .cvcentry .fa {color:#47a8eb; margin-right:5px; }
#cvcuser .cvcentry span {font-weight:bold;}

#cvcusermanage .sectiontitle {
    padding-bottom: 0px;
    text-align: center
}
#cvcusermanage .cvcmanage {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

#cvcusermanage .cvcmanage h3 {margin-bottom:20px;}
#cvcusermanage hr {margin-bottom:5px;}
#cvcusermanage p {font-weight:600;}
#cvcusermanage p.xsmall {font-weight:normal;}
#cvcusermanage p .fa {color:#47a8eb; font-size:18px; margin-right:6px;}

#page2020 {
    background-color: #f6f8f8;
    color: #53565B;
    padding-top:58px;
}

#page2020 .sectiontitle  {
    color: #525E6C;
    padding-top: 40px;
    padding-bottom: 40px;

}
    #page2020 .sectiontitleextra {
        color: #333E49;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 28px;
        text-align: center;
        margin-top: 26px;
        margin-bottom: 15px;
    }
@media(min-width:768px){
    
    #page2020 .sectiontitleextra {
        color: #333E49;
        font-size: 36px; /*prev:40*/
        font-weight: 500;
        letter-spacing: 0;
        line-height: 47px;
        text-align: left;
        margin-top: 0;
        margin-bottom: 56px;
        padding-left: 20px;
    }
        #page2020 .sectiontitleextra:before {
            height: 28px;
            width: 4px;
            font-weight: 600;
            color: #FF6700;
            margin-right: 11px;
            margin-left: -21px;
            content: '\007C';
        }
}

#page2020 h3 {font-size:18px; font-weight:800; line-height:22px;}
/*#page2020 p {
    font-size: 14px;
    letter-spacing: 0,17px;
    line-height: 24px;
}*/

#page2020 .whitebox {
    box-sizing: border-box;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    background-color: #FFFFFF;
    padding: 35px 35px;
}

#page2020 .breadcrumbrow {
    border-bottom: 1px solid #D9D9D9;
}
#page2020 .breadcrumb {
    margin-bottom: 0; 
    padding:11px 15px;
}
#page2020 .breadcrumb  li.current {color: #006CBF;}
#page2020 .breadcrumb  li,  
#page2020 .breadcrumb li a {
    color: #383D44;
    font-size:13px;
    letter-spacing: -0.35px;
}
#page2020 .breadcrumb li a:hover {color:#006CBF; text-decoration:none;}
#page2020 .breadcrumb > li + li:before {
    padding: 0 5px;
    color: #383D44;
    content: ">";
}
@media(min-width:767px) {
    #page2020 {
        padding-top: 0;
    }
}
/* HR CORNER */
.pagehrc {padding-bottom:80px; margin-bottom:-70px;}
    .pagehrc .hrchomelinks {
        box-sizing: border-box;
        /*border: 1px solid #EEEEEE;
        border-radius: 4px;
        background-color: #FFFFFF;
        padding: 10px 10px;*/
        padding:10px 0;
        width: 100%;
        text-align: left;
        display: block;
        color: #525e6c;
    }
.pagehrc .hrchomelinks img {
    border-radius: 4px;
}

.pagehrc .hrchomelinks h2 {
    color: #525e6c;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
.pagehrc .hrchomelinks:hover {
    text-decoration: none
}
.pagehrc .hrchomelinks:hover h2 {
    color: #FF6700;
    text-decoration: none
}

.pagehrc .leftcol, 
.pagehrc .rightcol
{
    border-right:none !important; 
    background-image:none !important;

}
.pagehrc .cntboxhrc {
    text-align:center;
    padding:50px 20px 43px 20px;
}
.pagehrc  .slogo img {
    width: 173px !important;
    height: auto;
}
.pagehrc .leftcol h4,
.pagehrc .rightcol h4{
    margin-top: 20px !important;
    font-size:22px !important;
    letter-spacing: -0.55px;
}
.pagehrc .leftcol h4 {margin-bottom:40px !important;}
.pagehrc .leftcol p,
.pagehrc .rightcol p {
    color: #525E6C;
    letter-spacing: 0.17px;
}
#page2020.pagehrc #homeaffiliated {
    margin-top: 10px;
    margin-bottom: 90px;
}
    #page2020.pagehrc #homeaffiliated .cntbox {
        background-color: #fff;
    }
@media(min-width:768px) {
    #page2020.pagehrc {
        padding-top: 40px;
    }
        #page2020.pagehrc .breadcrumbrow {margin-top: -40px; margin-bottom:40px;}
}
@media(min-width:1200px) {
    .pagehrc a.hrchomelinks a {
        padding: 68px 20px 53px 20px;
    }
    .pagehrc .cntboxhrc {
        padding: 50px 100px 43px 100px !important;
    }
}

/* HRC Job Desc Listing*/
#desclist .whitebox {margin-bottom:30px;}
#desclist .whitebox h2 {margin-top:0;font-size:18px; font-weight:800; line-height:22px;}
#desclist .whitebox ul {padding:0; list-style:none; margin-bottom:0;}
#desclist .whitebox ul li {padding-bottom:7px;}
#desclist a.jobdesclink {
    color: #006CBF;
    font-size: 15px;
    letter-spacing: -0.28px;
}
#desclist .dxeButtonEdit {border:none;}
#desclist .dxcmb input[type="text"] {
    font-size: 12px;
    padding: 11px 20px 11px 20px;
    background-color: #F8F8F8;
    border: 1px solid #EEEEEE !important;
    border-radius: 3px;
    width:90%;
}
#desclist .dxbutton {
    font-size: 12px;
    font-weight: 600;
    padding-left:25px;
    padding-right:25px;
}
/* HRC Job Desc View*/
#descview {
    margin-top: 60px;
}
#descview h1 {font-size:26px; font-weight:800; letter-spacing:-0.6px; margin-top:32px;line-height:35px;}
#descview .whitebox {padding-top:20px;margin-bottom:30px; padding-left:50px;}
#descview .searchspace {
    margin:30px auto;
    font-size:16px;
    text-align:center;
    line-height:25px;
}
#descview .searchspace a{
    color: #FF6700;
}
#descview h1 {margin-top:10px;}
#descview h2 {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
#descview h4 {
    margin-top: 30px;
    font-weight: 600;
}
#descview ul {padding-left:20px; padding-top:13px;}
    #descview li {
        padding-left: 20px;
        padding-bottom: 2px;
        font-size: 14px;
        letter-spacing: 0.17px;
        line-height: 24px;
    }
#descview aside .whitebox {padding:22px 23px}
#descview aside h3 {margin-top:0; margin-bottom:5px;}
#descview aside p {line-height:18px;}
#descview aside a.linkbutton {padding:15px 25px; display:block; text-align:center;}
#descview aside a.linkbutton.trans {background-color:#fff; color:#FF6700; border:1px solid #FF6700}
#descview aside a.linkbutton.trans:hover {background-color:#fff; color:#525e6c; border:1px solid #525e6c;}

/* HRC IQ */
#iqlist {
    padding-bottom: 60px;
}
#iqlist h2 {
    color: #525E6C;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    margin-top: 45px;
    margin-bottom: 28px;
}
#iqlist .iqlistph {padding-left:30px; padding-right:20px;}
#iqlist .iqlistph [class^="col-"] {
    padding: 6px 6px !important
}
#iqlist .iqbox {
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    background-color: #FFFFFF;
    padding: 10px 14px;
}
#iqlist .iqbox .row {margin:0 !important}
    #iqlist .iqbox .texts {
        text-align: center;
        min-height: 50px;
    }
#iqlist .iqbox a.personname {
    color: #525E6C;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
    #iqlist .iqbox .persontitle {
        color: #8D9AAA;
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 19px;
    }
    #iqlist .iqbox .imgdiv,
    #iqlist .iqbox .texts
    {
        display: table;
        width: 100%;
        min-height: 65px;
    }
    #iqlist .iqbox .imgwrapper, 
    #iqlist .iqbox .textswrapper {
        display: table-cell;
        vertical-align:middle;
        text-align:center;
        min-height:65px;
    }
@media(min-width:768px) {
    #iqlist .iqbox {
        padding: 20px 24px;
    }
    #iqlist .iqbox .textswrapper {
        text-align: left;
    }
    #iqlist .iqbox a.personname {
        /*padding-top: 8px !important;*/
    }
    #iqlist .iqbox .imgwrapper {
        text-align: right;
    }
}
@media(min-width:768px) and (max-width:1199px) {
    #iqlist .iqbox {min-height:125px;}
    #iqlist .iqbox a.personname {font-size:16px;}
}

#iqview {
    margin-top: 60px;
}

#iqview .whitebox {
    padding-top: 20px;
    margin-bottom: 30px;
    padding-left: 50px;
}
    #iqview .whitebox.boxnomargin {
        margin-bottom: 0px;
        padding: 20px 2px;
    }
#iqview .complogo {
    width:100%;
    text-align:center;
}
#iqview .whitebox.compdata {
    margin-bottom: 21px;
    padding: 20px 20px;
}
#iqview a.compurl {color:#006cbf; font-weight:600;}
#iqview a.compurl:hover {color:#FF6700}

#iqview h1, 
#iqview h2 {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    margin-top:12px;
}
#iqview h2.mtop {margin-top:27px}
#iqview .img-circle {max-width:75px; max-height:75px; margin-right:18px;}
    #iqview .personname {
        color: #525E6C;
        font-size: 24px;
        font-weight: 800;
        line-height: 22px;
    }
    #iqview .persontitle {
        color: #8D9AAA;
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 19px;
        padding-top:3px;
    }
    #iqview hr {
        border-top: 1px solid #edeeef
    }

/* HR CORNER Salary Calc */
#salaryiframe {
    min-height: 1100px
}

    #salaryiframe iframe {
        min-height: 1000px;
        border:0px;
        width:100%;
    }


/* HR Corner various */
.hrccontent {padding:30px 0;}


@media(min-width:768px) {
    .hrccontent {padding:50px 0 70px 0;}
}
    .searchdescriptions {
        background-color: #fff;
        padding: 30px 0;
    }

        .searchdescriptions h2 {
            margin-bottom: 20px;
        }

    @media(min-width:768px) {
        .searchdescriptions {
            padding: 50px 0 80px 0;
        }

            .searchdescriptions h2 {
                margin-bottom: 40px;
            }
    }


    /* Business CV Corner*/
    #cvcbu .panelwhitebox h4 {
        margin-bottom: 32px;
    }

    #cvcbu .dxgvAdaptiveHeaderPanel_Office365 {
        display: none;
    }

    .saveph {
        border: 1px solid #b5b4b4;
        padding: 20px 20px;
        color: #525e6c;
        margin-bottom: 20px;
    }

        .saveph p {
            margin: 3px 0 7px 0;
        }

    #pnlwucAppsListing .listtitle {
        color: #525e6c;
        margin-bottom: 20px;
    }

    #pnlwucAppsListing .sectionsubtitle {
        padding-bottom: 7px;
    }



    /*BUSINESS BUY ONLINE*/
    #buypackages .bupackname {
        margin: 25px auto 0 auto;
        font-size: 16px;
    }

    #buypackages span.dxichCellSys.dxeTAR {
        padding: 20px 12px 20px 12px;
        border-radius: 3px;
        border: 1px solid #d4d4d4;
        background-color: #f8f8f8;
        margin: 7px 7px;
        width: 95%;
    }

    #buypackages td.dxe {
        text-align: left
    }

    #buypackages .pack {
        font-size: 13px;
        font-weight: 700;
        color: #3e4148;
        display: inline-block;
    }

    #buypackages .netprice {
        color: #3e4148;
        display: inline-block;
        font-size: 13px;
    }

    #buypackages .finalprice {
        color: #FF6700;
        font-weight: 600;
        font-size: 13px;
        display: inline-block;
    }

    #buypackages .buycontainer {
        padding-left: 15px;
        padding-right: 20px;
    }

    #buypackages .infobox {
        border-radius: 4px;
        border: 1px solid #d4d4d4;
        padding: 20px 20px;
    }

        #buypackages .infobox p {
            color: #000000;
        }

    #buypackages label {
        text-transform: uppercase
    }

    #buypackages .btnalign {
        text-align: center;
        padding-top: 20px
    }

    #buypackages .dxwarningfield {
        color: red;
        font-size: 11px;
        padding-top: 3px
    }

    @media(min-width:380px) {
        #buypackages span.dxichCellSys.dxeTAR {
            width: auto;
        }

        #buypackages .pack {
            font-size: 15px;
            min-width: 90px;
        }

        #buypackages .netprice {
            font-size: 14px;
            min-width: 120px
        }

        #buypackages .finalprice {
            font-size: 14px;
        }
    }

    @media(min-width:400px) {
        #buypackages span.dxichCellSys.dxeTAR {
            min-width: 330px;
        }

        #buypackages .pack {
            min-width: 90px
        }

        #buypackages .netprice {
            min-width: 135px
        }
    }

    @media(min-width:768px) {
        #buypackages .btnalign {
            text-align: right
        }
    }

    @media(min-width:992px) {
        #buypackages span.dxichCellSys.dxeTAR {
            min-width: 325px;
        }

        #buypackages .pack {
            min-width: 90px
        }

        #buypackages .netprice {
            min-width: 135px
        }

        #buypackages .buycontainer {
            padding-left: 15px;
            padding-right: 20px;
        }

        #buypackages .infobox {
            border-radius: 4px;
            border: 1px solid #d4d4d4;
            padding: 30px 30px;
        }

        #buypackages .btnalign .dxbutton {
            min-width: 240px
        }
    }

    @media(min-width:1200px) {
        #buypackages span.dxichCellSys.dxeTAR {
            min-width: 400px;
        }

        #buypackages .pack {
            min-width: 128px
        }

        #buypackages .netprice {
            min-width: 175px
        }
    }

    @media(min-width:1400px) {
        #buypackages span.dxichCellSys.dxeTAR {
            min-width: 432px;
        }
    }

    /* BU BUY BANK DEPOSIT PRICELISTS */
    .bupage.buybank {
        padding-bottom: 120px;
    }

    #bupriceliststabs .panel-default {
        border: 0;
    }

        #bupriceliststabs .panel-default > .panel-heading {
            border: none;
            background-color: transparent;
            padding: 0;
            background-image: none
            /* box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%); */
        }

    #bupriceliststabs .panel-title {
        margin-bottom: 0px;
        padding: 10px 0px 12px;
        color: #212F36;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        border-bottom: 1px solid #dedede;
    }



        #bupriceliststabs .panel-title.first {
            border-top: 0;
        }

        #bupriceliststabs .panel-title.last {
            border-bottom: 1px solid #dedede;
        }

        #bupriceliststabs .panel-title a {
            display: inline-block;
            width: 100%;
        }

            #bupriceliststabs .panel-title a:active,
            #bupriceliststabs .panel-title a:hover {
                color: #FF6700;
                text-decoration: none;
            }

            #bupriceliststabs .panel-title a:after {
                float: right;
                display: block;
                transition: all 0.5s;
                font-family: 'FontAwesome';
                content: "\f078";
                font-weight: 900;
                padding-right: 10px;
            }

    #bupriceliststabs .panel-body {
        border: none;
        background-color: #fff;
        padding: 0;
        margin-right: -15px;
        margin-top: -1px;
    }

    #bupriceliststabs #pricelistscont th.orangebg.text {
        text-align: left
    }

    @media(max-width:500px) {
        #bupriceliststabs table th,
        #bupriceliststabs table td {
            font-size: 12px;
            padding: 4px;
        }

            #bupriceliststabs table td span {
                display: block
            }
    }

    @media(min-width:768px) {
        #bupriceliststabs {
            padding-top: 0px;
            padding-bottom: 0;
        }

            #bupriceliststabs .nav-tabs {
                margin: 20px 0 40px 0;
                border-bottom: 1px solid #dfdfdf !important;
            }

                #bupriceliststabs .nav-tabs > li.active {
                    background-color: transparent;
                    border-bottom: 3px solid #FF6700;
                }

                    #bupriceliststabs .nav-tabs > li.active > a {
                        background-color: transparent;
                        border: 0;
                        color: #FF6700;
                        font-size: 15px;
                        font-weight: 600;
                        letter-spacing: 0;
                    }

                #bupriceliststabs .nav-tabs > li > a {
                    border: 0;
                    color: #4E626C;
                    font-size: 15px;
                    font-weight: 600;
                    letter-spacing: 0;
                    background-color: #fff;
                }

                    #bupriceliststabs .nav-tabs > li > a:hover {
                        border: 0;
                        color: #FF6700;
                        background-color: transparent
                    }

            #bupriceliststabs #pricelistscont th.orangebg {
                font-size: 14px;
                padding: 20px 25px
            }

                #bupriceliststabs #pricelistscont th.orangebg.text {
                    text-align: left;
                }

                #bupriceliststabs #pricelistscont th.orangebg.text {
                    text-align: left;
                }

            #bupriceliststabs #pricelistscont .table td,
            #bupriceliststabs #pricelistscont .table td.text {
                font-size: 14px;
            }
    }

    /* Order send thank you page*/
    .bupage.buyonline {
        padding-bottom: 120px
    }

    ul.orderdata {
        padding-top: 15px;
        padding-left: 0;
        list-style: none
    }

    .orderdata li {
        font-size: 14px
    }

        .orderdata li span {
            font-weight: 500
        }


    /* RED 2021*/
    .blue2021 {
        color: #006CBF;
    }



    .roundbutton {
        color: #FF6700;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 16px;
        border: 1px solid #FF6700;
        border-radius: 25px;
        padding: 10px 33px;
        display: inline-block;
    }

        .roundbutton:hover,
        .roundbutton.bgwhite:hover {
            color: #fff;
            border: 1px solid #FF6700;
            background-color: #FF6700;
            text-decoration: none;
        }

        .roundbutton.bgwhite {
            background-color: #fff
        }

    .roundbuttonfilled {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 16px;
        background: #FF6700;
        border: 1px solid #FF6700;
        border-radius: 25px;
        padding: 10px 13px;
        display: inline-block;
    }

        .roundbuttonfilled:hover {
            color: #fff;
            border: 1px solid #525e6c;
            background-color: #525e6c;
            text-decoration: none;
        }

        .roundbuttonfilled.disabled,
        .roundbuttonfilled.disabled:hover,
        .roundbuttonfilled.dxbDisabled,
        .roundbuttonfilled.dxbDisabled:hover {
            color: #fff !important;
            border: 1px solid #b9b9b9;
            background-color: #b9b9b9;
        }

        .roundbuttonfilled.roundbuttonfilledinvert {
            color: #FF6700;
            background: #fff;
            border: 1px solid #fff;
            border-radius: 25px;
            padding: 10px 13px;
            display: inline-block;
        }
            .roundbuttonfilled.roundbuttonfilledinvert:hover {
                color: #fff;
                border: 1px solid #525e6c;
                background-color: #525e6c;
                text-decoration: none;
            }
        .roundbuttonfilledblue {
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 16px;
            background-color: #006CBF;
            border: 1px solid #006CBF;
            border-radius: 25px;
            padding: 10px 13px;
            display: inline-block;
        }

        .roundbuttonfilledblue:hover {
            color: #fff;
            border: 1px solid #47a8eb;
            background-color: #47a8eb;
            text-decoration: none;
        }

    .roundbuttonfilled.dxbutton {
    }

    .roundbuttonfilled.lnk {
        padding: 16px 23px;
    }

    .dxbButton_MaterialCompact.dxbTSys {
        text-transform: none;
        letter-spacing: 0;
    }

    .dxbButton_MaterialCompact {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    @media (min-width:768px) {
        .roundbutton,
        .roundbuttonfilled,
        .roundbuttonfilledblue {
            padding: 14px 33px;
        }

            .roundbuttonfilled.dxbutton,
            .roundbuttonfilledblue.dxbutton {
                padding: 8px 13px;
            }

            .roundbuttonfilled.lnk {
                padding: 14px 33px;
            }
    }

    /* Business Area */
    #page2020.bupage {
        background-color: #fff;
    }

    .bupage h1.pagetitle {
        color: #333E49;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 28px;
        text-align: center;
        margin-top: 26px;
        margin-bottom: 15px;
    }

    @media(min-width:768px) {
        #page2020.bupage {
            padding-top: 40px;
        }

        .bupage h1.pagetitle {
            color: #333E49;
            font-size: 36px; /*prev:40*/
            font-weight: 500;
            letter-spacing: 0;
            line-height: 47px;
            text-align: left;
            margin-top: 0;
            margin-bottom: 56px;
            padding-left: 20px;
        }

            .bupage h1.pagetitle.text-center {
                text-align: center;
            }

            .bupage h1.pagetitle:before {
                height: 28px;
                width: 4px;
                font-weight: 600;
                color: #FF6700;
                margin-right: 11px;
                margin-left: -21px;
                content: '\007C';
            }

        .userpanel {
            border-radius: 4px;
            margin-bottom: 33px;
        }

            .userpanel .logoph {
                display: table;
                width: 100%
            }

            .userpanel .logowrapper {
                display: table-cell;
                height: 80px;
                vertical-align: middle;
                text-align: center;
            }

            .userpanel .brandname {
                color: #333E49;
                font-size: 16px;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 19px;
                text-align: center;
                margin-bottom: 25px;
                margin-top: 10px;
            }

            .userpanel .premium {
                text-align: center;
                color: #006CBF;
                font-weight: 500;
                margin-bottom: 7px;
            }

            .userpanel .sout {
                text-align: center
            }

                .userpanel .sout a {
                    color: #E34D4D !important;
                    font-size: 14px;
                    text-align: center;
                }

                    .userpanel .sout a:hover {
                        color: #E34D4D !important;
                        text-decoration: underline !important;
                    }

                .userpanel .sout img {
                    margin: 0 0 0 8px !important;
                }
    }

    /* BU Home */
    .bupage.home {
        padding-bottom: 140px;
    }

    .homeuserinfo {
        border: 1px solid #DEDEDE;
        border-radius: 4px;
        background-color: #FFFFFF;
        padding: 15px 15px;
        margin-bottom: 15px;
    }

    .homepanel {
        border-radius: 4px;
        background-color: #F6F8F8;
        padding: 20px 0px;
    }

    #page2020.userhome .homepanel {
        padding: 20px 10px;
    }

    .homepanel h3 {
        margin-top: 0;
        color: #333E49;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: -0.2px;
        line-height: 21px;
        text-align: center;
    }

    .homepanel a.viewads {
        text-decoration: underline;
    }

    .homeactions {
        margin: 33px 0;
        text-align: center;
    }

        .homeactions a {
            width: 260px;
            margin-bottom: 10px;
        }

    .bupage.home .paneltabledesk,
    .userpage.userhome .paneltabledesk {
        display: table;
        width: 100%;
    }

    .paneltabledesk th,
    .paneltabledesk td {
        border: 1px solid #dedede;
        background-color: #fff;
        text-align: center;
        padding: 5px 3px;
    }

    .paneltabledesk th {
        color: #333E49;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -0.13px;
        line-height: 13px;
    }

    .paneltabledesk td {
        color: #FF6700;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: -0.2px;
        line-height: 25px;
    }

    .bupage.home .regwelcome {
        padding-bottom: 30px;
    }

        .bupage.home .regwelcome .alertfull {
            border-radius: 4px;
        }

        .bupage.home .regwelcome .steps {
            font-size: 16px;
        }

            .bupage.home .regwelcome .steps .dflex {
                align-items: flex-start;
                margin-top: 25px;
            }

            .bupage.home .regwelcome .steps .stepno {
                width: 35px !important; /* Adjust the size as needed */
                height: 35px !important; /* Adjust the size as needed */
                border-radius: 50%;
                color: #FF6700; /* Adjust the text color */
                border: 2px solid #FF6700;
                text-align: center;
                line-height: 35px; /* Adjust the line height to vertically center the text */
                font-size: 18px; /* Adjust the font size as needed */
                font-weight: bold;
                flex-grow: 0;
                flex-shrink: 0;
            }

            .bupage.home .regwelcome .steps .steptext {
                padding-left: 20px;
            }

    @media(min-width:768px) {
        #page2020.bupage.home .homepanel {
            padding: 36px 36px 26px 36px;
        }

        .homepanel {
            padding: 26px 36px;
        }

            .homepanel h3 {
                font-size: 22px !important;
                line-height: 25px;
                margin-bottom: 14px;
            }

            .homepanel a.viewads {
                font-size: 16px;
            }

        .userpage.userhome .homepanel {
            padding-bottom: 46px
        }

        .homeactions a {
            display: inline-block;
            width: 260px;
            margin: 0px 15px;
        }

        /*.bupage.home .paneltablemob {display: none}*/
        .bupage.home .paneltabledesk,
        .userpage.userhome .paneltabledesk {
            display: table;
            width: 100%;
        }

        .paneltabledesk th,
        .paneltabledesk td {
            border: 1px solid #dedede;
            background-color: #fff;
            text-align: center;
            padding: 20px 20px;
        }

        .paneltabledesk th {
            color: #333E49;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: -0.13px;
            line-height: 16px;
        }

        .paneltabledesk td {
            color: #FF6700;
            font-size: 22px;
            font-weight: 500;
            letter-spacing: -0.2px;
            line-height: 25px;
        }

            .paneltabledesk td.bluelinklarge a {
                color: #006CBF;
                text-decoration: underline;
            }

                .paneltabledesk td.bluelinklarge a:hover {
                    color: #FF6700;
                    text-decoration: underline;
                }

            .paneltabledesk td a.small {
                color: #006CBF;
                text-decoration: underline;
                font-size: 15px;
            }

                .paneltabledesk td a.small:hover {
                    color: #FF6700;
                    text-decoration: underline;
                }

            .paneltabledesk td.small a:hover {
                color: #FF6700;
                text-decoration: underline;
            }

        .bupage.home .regwelcome .alertfull {
            padding-top: 40px;
            padding-bottom: 37px;
        }

        .bupage.home .regwelcome .steps {
            padding: 15px 30px;
        }

        #page2020.bupage.home .regwelcome .steps h3 {
            font-size: 22px;
            font-weight: 700;
            line-height: 28px;
        }

        .bupage.home .regwelcome .steps .dflex {
            align-items: center;
            margin-top: 25px;
        }
    }

    .lh1 {
        line-height: 14px !important
    }

    @media(min-width:768px) {
        .lh1 {
            line-height: 0.5em !important
        }
    }

    #usersaffiliated .panelwhitebox {
        text-align: center;
        margin-bottom: 0;
        padding-left: 40px;
        padding-right: 40px;
    }

        #usersaffiliated .panelwhitebox:before {
            display: none;
        }

    #usersaffiliated img {
        max-width: 150px;
        height: auto
    }

    #usersaffiliated .findb img {
        max-width: 160px;
        height: auto
    }

    #usersaffiliated .semi p {
        font-size: 14px;
        margin: 12px 0 6px 0;
    }

    #usersaffiliated .skill p {
        font-size: 14px;
        margin: 12px 0 0px 0;
        line-height: 19px;
    }

    #usersaffiliated .findb p {
        font-size: 14px;
        margin: 12px 0 0px 0;
        line-height: 19px;
    }

    #usersaffiliated .linkbutton {
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 16px;
        text-align: center;
        border-radius: 25px;
        padding: 10px 30px;
        display: inline-block;
    }

    #usersaffiliated .semi .linkbutton {
        background-color: #2078db;
    }

    #usersaffiliated .skill .linkbutton {
        background-color: #25ce7d;
    }

    #usersaffiliateddesk {
        display: none
    }

    @media(min-width:768px) {
        #usersaffiliated {
            display: none;
        }

        #usersaffiliateddesk {
            display: table;
            margin-top: 40px;
        }

            #usersaffiliateddesk td {
                width: 33.3%;
                text-align: center;
                vertical-align: top;
                border: 1px solid #dedede;
            }

                #usersaffiliateddesk td.semi {
                    padding: 49px 0 32px 0;
                    border-left: 0;
                }

                #usersaffiliateddesk td.skill {
                    padding: 45px 0 52px 0;
                }

                #usersaffiliateddesk td.findb {
                    padding: 53px 0 30px 0;
                    border-right: 0;
                }

                #usersaffiliateddesk td.semi img {
                    max-width: 150px;
                    height: auto;
                }

                #usersaffiliateddesk td.skill img {
                    max-width: 150px;
                    height: auto;
                }

                #usersaffiliateddesk td.findb img {
                    max-width: 209px;
                    height: auto;
                }

                #usersaffiliateddesk td.semi p,
                #usersaffiliateddesk td.skill p {
                    margin-top: 22px;
                    margin-bottom: 0
                }

                #usersaffiliateddesk td.findb p {
                    margin-top: 30px;
                    margin-bottom: 0
                }
    }




    .panelwhitebox {
        background-color: #fff;
        border: 1px solid #dedede;
        border-radius: 4px;
        padding: 20px 15px;
        position: relative;
        margin-bottom: 20px;
    }

        .panelwhitebox:before {
            content: "";
            background-color: #FF6700;
            height: 28px;
            position: absolute;
            width: 4px;
            transition: all 1s ease;
            top: 15px;
            left: 0;
        }

        .panelwhitebox.nobefore:before {
            content: "";
            background-color: unset;
            height: 0px;
            width: 0px;
            top: 0px;
            left: 0;
        }


        .panelwhitebox h4 {
            color: #333E49;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 20px;
            margin-top: 0
        }

            .panelwhitebox h4 a {
                color: #333E49;
            }

                .panelwhitebox h4 a:hover {
                    color: #FF6700;
                    text-decoration: none
                }

        .panelwhitebox p {
            color: #53565B;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 20px;
        }

    @media (min-width:767px) {
        .panelwhitebox {
            padding: 22px 22px;
            margin-bottom: 20px;
        }

            .panelwhitebox:before {
                top: 20px;
            }

            .panelwhitebox h4 {
                font-size: 20px;
                line-height: 24px;
            }
    }

    .panelwhiteboxlink {
        background-color: #fff;
        border: 1px solid #dedede;
        border-radius: 4px;
        padding: 20px 15px;
        position: relative;
        margin-bottom: 20px;
    }

        .panelwhiteboxlink:after {
            content: "\f105";
            font-family: "FontAwesome";
            color: #FF6700;
            font-size: 24px;
            font-weight: 900;
            padding: 4px 5px 0 0;
            position: absolute;
            display: block;
            right: 7px;
            top: 10px;
        }

        .panelwhiteboxlink a {
            color: #333E49;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 20px;
        }

            .panelwhiteboxlink a:hover {
                color: #FF6700;
                text-decoration: none
            }

    @media (min-width:767px) {
        .panelwhiteboxlink {
            padding: 22px 22px;
            margin-bottom: 20px;
        }

            .panelwhiteboxlink:after {
                right: 12px;
                top: 12px;
            }

            .panelwhiteboxlink a {
                font-size: 20px;
                line-height: 24px;
            }
    }

    .bupage.appslist {
        padding-bottom: 120px;
    }

        .bupage.appslist h1.pagetitle {
            margin-bottom: 15px;
        }

        .bupage.appslist .sectionsubtitle {
            margin-bottom: 24px;
            padding-bottom: 0;
            color: #333E49;
        }

    @media(min-width:768px) {
        .bupage.appslist h1.pagetitle {
            font-size: 32px;
            text-align: left;
        }

            .bupage.appslist h1.pagetitle:before {
                height: 20px
            }
    }

    /* Users Area */
    #page2020.userpage {
        padding-bottom: 90px;
        background-color: #fff;
    }

        #page2020.userpage h1.pagetitle {
            color: #333E49;
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 28px;
            text-align: center;
            margin-top: 26px;
            margin-bottom: 15px;
        }


    @media(min-width:768px) {
        #page2020.userpage {
            padding-top: 40px;
        }

            #page2020.userpage .homefix {
                margin-top: -40px;
            }

            #page2020.userpage h1.pagetitle {
                color: #333E49;
                font-size: 36px; /*prev:40*/
                font-weight: 500;
                letter-spacing: 0;
                line-height: 47px;
                text-align: left;
                margin-top: 0;
                margin-bottom: 56px;
                padding-left: 20px;
            }

                #page2020.userpage h1.pagetitle::before {
                    height: 28px;
                    width: 4px;
                    font-weight: 600;
                    color: #FF6700;
                    margin-right: 11px;
                    margin-left: -21px;
                    content: '\007C';
                }
    }

    #page2020.userpage.useraccount .control-label {
        color: #333E49;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 19px;
    }
    /* Users: Newsletter Manage */
    .newslettercategories {
    }


    .box2020 {
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        padding: 20px 15px;
    }

        .box2020 h4 {
            margin: 0 0 15px 0;
            font-weight: 600;
            color: #FF6700;
        }

    .newslettercategories .mysubscr .mylist {
        padding: 10px 0;
    }

        .newslettercategories .mysubscr .mylist > div {
            padding: 10px 15px;
        }

        .newslettercategories .mysubscr .mylist .fa-check {
            color: #FF6700;
            font-size: 18px;
            margin-right: 10px;
        }

        .newslettercategories .mysubscr .mylist span {
            color: #2f3d4c;
        }

        .newslettercategories .mysubscr .mylist .del {
            /*border-bottom:1px solid #e1e1e1;*/
            padding: 0px 15px 10px 15px;
        }

        .newslettercategories .mysubscr .mylist a:hover {
            text-decoration: none
        }

    .newslettercategories .subscrnew {
        margin-top: 30px;
    }

    @media(min-width:768px) {
        .newslettercategories .mysubscr .mylist .del {
            /*border-bottom:1px solid #e1e1e1;*/
            padding: 10px 15px;
        }
    }

    @media(min-width:1200px) {
        .newslettercategories .mysubscr .mylist span {
            font-size: 14px;
        }
    }



    /* Users Create CV Wizard */
    #page2020.cvwizard {
        padding-bottom: 120px;
    }

    .cvwizard h1 {
        text-align: center;
        color: #333E49;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 28px;
        margin-bottom: 40px;
    }

    .stepper-wrapper {
        display: none
    }

    .cvwizard .whiteformbox h3 span {
        font-size: 18px;
    }

    @media(min-width:768px) {
        #page2020.cvwizard {
            padding-top: 60px;
        }

        .cvwizard h1 {
            font-size: 28px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 33px;
        }

        .cvwizard .whiteformbox h3 span {
            font-size: 24px;
        }

        .stepper-wrapper {
            display: block;
            margin-top: auto;
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .stepper-item {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 1;
        }

            .stepper-item::before {
                position: absolute;
                content: "";
                border-bottom: 2px solid #C6C6C6;
                width: 100%;
                top: 20px;
                left: -50%;
                z-index: 2;
            }

            .stepper-item::after {
                position: absolute;
                content: "";
                border-bottom: 2px solid #C6C6C6;
                width: 100%;
                top: 20px;
                left: 50%;
                z-index: 2;
            }

            .stepper-item .step-counter {
                position: relative;
                z-index: 5;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                border: 2px solid #c6c6c6;
                background-color: #f6f8f8;
                margin-bottom: 6px;
                font-size: 15px;
                color: #A5A5A5;
            }

            .stepper-item.active .step-counter {
                border: 2px solid #73CF6A;
                color: #73CF6A;
            }

        .step-name {
            color: #A5A5A5;
            font-size: 16px;
            margin-top: 23px;
        }

        .stepper-item.active .step-name {
            color: #333E49;
        }

        .stepper-item.completed {
            color: #73CF6A;
        }

            .stepper-item.completed .step-counter {
                border: 2px solid #73CF6A;
                background-color: #73CF6A;
                color: #fff;
            }


            .stepper-item.completed::after {
                position: absolute;
                content: "";
                border-bottom: 2px solid #73CF6A;
                width: 100%;
                top: 20px;
                left: 50%;
                z-index: 3;
            }

            .stepper-item.completed .step-name {
                color: #73CF6A;
            }

        .stepper-item:first-child::before {
            content: none;
        }

        .stepper-item:last-child::after {
            content: none;
        }
    }

    .wizardbuttons {
        margin: 55px auto 0 auto;
        width: fit-content;
    }

        .wizardbuttons .prevstep {
            margin-right: 8px;
            padding: 12px 12px;
        }

            .wizardbuttons .prevstep .fa {
                margin-right: 8px;
            }

        .wizardbuttons .nextstep {
            padding: 8px 12px;
            font-weight: 500;
        }

            .wizardbuttons .nextstep img {
                margin-left: 8px !important;
            }

    @media(max-width:360px) {
        .wizardbuttons .prevstep {
            margin-right: 8px;
            padding: 12px 12px;
        }

            .wizardbuttons .prevstep .fa {
                display: none;
            }

        .wizardbuttons .nextstep {
            padding: 8px 12px;
            font-weight: 500;
        }

            .wizardbuttons .nextstep img {
                display: none !important;
            }
    }

    @media (min-width:768px) {
        .wizardbuttons .prevstep {
            margin-right: 38px;
            padding-left: 26px;
            padding-right: 25px;
            padding-top: 15px;
            padding-bottom: 13px;
        }

            .wizardbuttons .prevstep .fa {
                margin-right: 34px;
            }

        .wizardbuttons .nextstep {
            height: 46px;
            padding-top: 9px;
            padding-bottom: 8px;
            padding-left: 26px;
            padding-right: 23px;
            font-weight: 500;
        }

            .wizardbuttons .nextstep img {
                margin-left: 46px !important;
            }

        /*.wizardbuttons .nextstep {
        padding-left: 26px;
        padding-right: 23px;
    }

        .wizardbuttons .nextstep:after {
            content: "\f054";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 16px;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #fff;
            width: 20px;
            height: 20px;
        }
*/

    }

    #page2020.cvwizard .title {
        font-size: 18px;
        font-weight: bold;
    }

    #page2020.cvwizard .hiden {
        display: none;
    }

    #page2020.cvwizard a:hover {
        cursor: pointer
    }

    #page2020.cvwizard.wocvs4 .whiteformbox {
        padding-top: 0
    }

    #page2020.cvwizard.wocvs4 .dxeCheckBoxList_MaterialCompact td,
    #page2020.cvwizard.wocvs4 .dxeBase_MaterialCompact .dxichCellSys,
    #page2020.cvwizard.wocvs4 .dxeTAR.dxeBase_MaterialCompact .dxichTextCellSys {
        vertical-align: top;
    }


    #page2020.home {
        background-color: #fff;
    }

    #homeheaderbanner {
        padding-bottom: 40px;
    }

        #homeheaderbanner .headertext h2 {
            color: #333E49;
            font-weight: 400;
            font-size: 44px;
            letter-spacing: -0.63px;
            line-height: 52px;
            margin-top: 34px;
            margin-bottom: 12px;
        }

            #homeheaderbanner .headertext h2 strong {
                color: #FF6700
            }

        #homeheaderbanner .headertext .h3ish {
            color: #455362;
            font-weight: 400;
            font-size: 30px;
            line-height: 35px;
            letter-spacing: 0;
            margin-top: 0;
            margin-bottom: 30px;
        }

        #homeheaderbanner .sareas {
            display: none;
        }

            #homeheaderbanner .sareas div {
                cursor: pointer;
                border-radius: 3px;
                border: 1px solid #c5c6ca;
                color: #95999c;
                background-color: #f6f8f8;
                transition: all .2s ease;
                padding: 8px 21px 7px 21px;
                font-size: 15px;
                margin-right: 9px;
            }

                #homeheaderbanner .sareas div:hover,
                #homeheaderbanner .sareas div.active {
                    color: #fff;
                    background-color: #465364;
                }

                #homeheaderbanner .sareas div.active {
                    cursor: default
                }

        #homeheaderbanner .stextbox {
            float: left;
        }

            #homeheaderbanner .stextbox td.dxic {
                padding: 0 !important;
            }
        /*#homeheaderbanner .stextbox td.dxic {
            padding: 4px 0 15px 4px !important;
        }*/
        #homeheaderbanner .stextbox {
            border-radius: 2px 0 0 2px;
            background-color: #fff;
            border: 1px solid #eaeaea;
            font-size: 14px;
            margin-right: 0px;
            width: 70%;
        }

            #homeheaderbanner .stextbox input {
                border-radius: 2px 0 0 2px;
                font-size: 14px;
                padding: 10px 13px;
                width: 70%;
            }

                #homeheaderbanner .stextbox input::-webkit-input-placeholder { /* Edge */
                    color: #b1b1b3;
                }

                #homeheaderbanner .stextbox input:-ms-input-placeholder { /* Internet Explorer */
                    color: #b1b1b3;
                }

                #homeheaderbanner .stextbox input::-moz-placeholder { /* Firefox 19+  */
                    color: #b1b1b3;
                }

                #homeheaderbanner .stextbox input::placeholder {
                    color: #b1b1b3;
                }

                #homeheaderbanner .stextbox input:focus {
                    border-color: #e9ebee;
                    outline: 0;
                }

        #homeheaderbanner .dxeListBoxItem_MaterialCompact {
            font-size: 16px;
            padding: 12px 10px 11px 4px;
            white-space: nowrap;
            text-align: left;
            border-bottom: 1px solid #dedede;
        }

        #homeheaderbanner .dxeListBoxItemHover_MaterialCompact {
            background-color: #FF6700;
            color: #fff;
        }

        #homeheaderbanner .roundbuttonfilled {
            float: left;
            border-radius: 0 2px 2px 0;
            font-size: 14px;
            padding: 10px 13px;
        }

    @media(max-width:355px) {
        #homeheaderbanner .stextbox {
            width: 60%;
        }
    }


    @media(min-width:768px) {
        #homeheaderbanner {
            background-image: url('/images/2021/header2021-v2.jpg');
            background-position: right top;
            background-repeat: no-repeat;
            padding-bottom: 40px;
            background-size: contain;
        }

            #homeheaderbanner .headertext h2 {
                font-size: 50px;
                line-height: 58px;
                margin-top: 27px;
                margin-bottom: 30px;
            }

            #homeheaderbanner .sareas {
                margin-bottom: 12px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%;
            }

            #homeheaderbanner .stextbox {
                width: unset;
            }

                #homeheaderbanner .stextbox input {
                    width: 321px;
                    font-size: 16px;
                    padding: 20px 40px;
                }

            #homeheaderbanner .roundbuttonfilled {
                font-size: 16px;
                padding: 21px 39px 22px 39px;
            }
    }

    @media(min-width:992px) {
        #homeheaderbanner .roundbuttonfilled,
        #homeheaderbanner .stextbox input {
            -webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.10);
            box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.10);
        }

        #homeheaderbanner .stextbox {
            border: 1px solid #fff;
        }

            #homeheaderbanner .stextbox td.dxic {
                padding: 4px 0 15px 1px !important;
            }

            #homeheaderbanner .stextbox input {
                width: 321px;
            }

        #homeheaderbanner .roundbuttonfilled {
            padding: 23px 39px 23px 39px;
        }
    }

    @media(min-width:1200px) {

        #homeheaderbanner {
            background-image: url('/images/2021/header2021-v2.jpg');
            background-position: right top;
            background-repeat: no-repeat;
            padding-bottom: 41px;
            background-size: auto;
        }

            #homeheaderbanner .headertext h2 {
                font-size: 52px;
                line-height: 61px;
                margin-top: 90px;
                margin-bottom: 10px;
            }

            #homeheaderbanner .headertext .h3ish {
                font-size: 30px;
                line-height: 35px;
                margin-bottom: 30px;
            }

            #homeheaderbanner .sareas {
                margin-bottom: 18px;
            }

                #homeheaderbanner .sareas div {
                    padding: 8px 21px 7px 21px;
                    font-size: 15px;
                    margin-right: 9px;
                }

            #homeheaderbanner .stextbox input {
                width: 400px;
                font-size: 16px;
                padding: 20px 40px;
            }

            #homeheaderbanner .stextbox {
            }

                #homeheaderbanner .stextbox td.dxic {
                    padding: 4px 0 15px 2px !important;
                }

                #homeheaderbanner .stextbox input {
                    font-size: 16px;
                    padding: 20px 50px;
                    width: 320px;
                }

            #homeheaderbanner .roundbuttonfilled {
                font-size: 16px;
                padding: 23px 45px 24px 60px;
            }
    }

    @media(min-width:1400px) {
        #homeheaderbanner {
            background-position: right top;
            background-repeat: no-repeat;
            padding-bottom: 51px;
        }

            #homeheaderbanner .headertext h2 {
                font-size: 52px;
                line-height: 61px;
                margin-top: 90px;
                margin-bottom: 10px;
            }

            #homeheaderbanner .headertext .h3ish {
                font-size: 30px;
                line-height: 35px;
                margin-bottom: 30px;
            }

            #homeheaderbanner .stextbox {
            }

                #homeheaderbanner .stextbox td.dxic {
                    padding: 4px 0 15px 2px !important;
                }

                #homeheaderbanner .stextbox input {
                    font-size: 18px;
                    padding: 20px 50px;
                    width: 420px;
                }

            #homeheaderbanner .roundbuttonfilled {
                font-size: 18px;
                padding: 24px 40px 25px 40px;
            }
    }

    @media(min-width:1600px) {
        #homeheaderbanner {
            background-position: right top;
            background-repeat: no-repeat;
            padding-bottom: 51px;
        }

            #homeheaderbanner .stextbox input {
                font-size: 18px;
                padding: 20px 50px;
                width: 520px;
            }
    }

    #page2020.pagesignin {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    @media(min-width:768px) {
        #page2020.pagesignin {
            padding-top: 60px;
            padding-bottom: 60px;
        }
    }

    .googlesigninph {
        width: fit-content;
        margin: 0 auto 40px auto;
    }
    /*.g_id_signin {
    width: 100%;
}

    .g_id_signin > div {
        margin: 0 auto;
    }*/
    .dflex {
        display: flex;
    }

    .pageburegself {
    }

        .pageburegself .roundbuttonfilled[disabled],
        .pageburegself .roundbuttonfilled[disabled]:hover {
            background-color: #898989;
            border-color: #898989;
        }

        .pageburegself .btnsms {
            padding: 1px 8px;
            margin-left: 5px;
        }

            .pageburegself .btnsms:hover {
                background-color: #525e6c;
                color: #fff;
            }

            .pageburegself .btnsms.dxbDisabled_MaterialCompact:hover {
                border-color: #DDDDDD;
                background-color: #DDDDDD;
                color: #A2A2A2;
            }

    /* Accordion */
    .accordion.panel {
        border-top: 1px solid #525e6c !important;
    }

    .accordion.panel-group .panel {
        margin-bottom: 0;
        border-radius: 0px;
    }

    .accordion.panel-group .panel-default {
        border: none;
    }

    .accordion .panel-default > .panel-heading {
        background-image: none;
    }

    .accordion .panel-default > .panel-heading {
        color: #333;
        background-color: #fff;
        border: none;
    }

    .accordion .panel-title {
        font-size: 19px;
    }

        .accordion .panel-title a:hover,
        .accordion .panel-title a:focus {
            text-decoration: none;
        }

        .accordion .panel-title a:after {
            font-family: "FontAwesome";
            content: '\f106';
            float: right;
            font-weight: 600;
            color: #333;
        }

        .accordion .panel-title a.collapsed:after {
            content: '\f107';
        }

    .accordion.panel-group .panel-heading + .panel-collapse > .panel-body,
    .accordion.panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: none;
    }

    #sect-advinfo-intro {
        background: #f8f8f8;
    }

        #sect-advinfo-intro .sectiontitleextra {
            color: #525E6C;
            font-family: "Roboto";
            font-size: 36px; /*prev:40*/
            font-weight: 800;
            letter-spacing: -1.14px;
            line-height: 55px;
            margin-top: 56px;
            margin-bottom: 22px;
            text-transform: uppercase;
        }

        #sect-advinfo-intro h3 {
            color: #333E49;
            font-size: 24px;
            font-weight: 400;
            letter-spacing: 0;
            line-height: 28px;
            margin-top: 0;
            margin-bottom: 28px;
        }

            #sect-advinfo-intro h3 span {
                color: #FF6700
            }

        #sect-advinfo-intro p {
            font-size: 16px;
            letter-spacing: 0.17px;
            line-height: 24px;
            margin-bottom: 20px;
        }

            #sect-advinfo-intro p.last {
                padding-bottom: 40px;
            }


    @media(min-width:1200px) {
        #sect-advinfo-intro {
            background: url(/images/advinfo-header.jpg) top right no-repeat #f8f8f8;
            background-size: initial;
        }

            #sect-advinfo-intro .sectiontitleextra {
                margin-top: 96px;
                font-size: 40px;
            }

            #sect-advinfo-intro p.last {
                padding-bottom: 90px;
            }
    }

    #sect-advinfo-options .sectitle {
        font-size: 28px;
        font-weight: bold;
        letter-spacing: -0.8px;
        line-height: 38px;
        text-align: center;
        text-transform: uppercase;
        color: #525e6c;
        margin-top: 50px;
        margin-bottom: 32px;
    }

    #sect-advinfo-options .optionsph {
        margin-bottom: 40px;
    }

    #sect-advinfo-options .optionbox {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 30px 20px;
        text-align: center;
        margin-bottom: 20px;
    }

        #sect-advinfo-options .optionbox .optionico {
            margin-bottom: 20px;
        }

    #sect-advinfo-options .optiontitle {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: -0.8px;
        line-height: 24px;
        text-align: center;
        color: #525e6c;
    }

    @media(min-width:768px) {
        #sect-advinfo-options .optionsph {
            display: flex;
            justify-content: center;
            align-items: stretch;
            gap: 10px;
        }



        #sect-advinfo-options .optionbox .optionico {
            margin-bottom: 35px;
        }
    }

    @media(min-width:992px) {
        #sect-advinfo-options .optionbox {
            width: 260px;
        }
    }

    @media(min-width:1200px) {
        #sect-advinfo-options .optionsph {
            gap: 30px;
        }

        #sect-advinfo-options .optionbox {
            width: 300px;
            padding: 50px 20px;
        }
    }


    #sect-advinfo-benefits {
        background: #f8f8f8;
    }

        #sect-advinfo-benefits .sectitle {
            font-size: 28px;
            font-weight: bold;
            letter-spacing: -0.8px;
            line-height: 38px;
            text-align: center;
            text-transform: uppercase;
            color: #525e6c;
            margin-top: 50px;
            margin-bottom: 32px;
        }

        #sect-advinfo-benefits ul {
            list-style: none;
            margin: 40px 0 70px;
            padding-left: 15px;
        }

            #sect-advinfo-benefits ul li {
                padding-left: 40px;
                margin-top: 35px;
                margin-bottom: 35px;
                background: url(/images/check-li.svg) no-repeat left top;
                font-size: 18px;
                letter-spacing: -0.51px;
                line-height: 24px;
            }

                #sect-advinfo-benefits ul li strong {
                    color: #FF6700;
                }

    @media(min-width:768px) {

        #sect-advinfo-benefits ul {
            padding-left: 40px;
        }

            #sect-advinfo-benefits ul li {
                padding-left: 40px;
            }
    }

    @media(min-width:992px) {
        #sect-advinfo-benefits {
            background: url(/images/advinfo-benefits.svg) bottom left no-repeat #f8f8f8;
        }
    }


    #sect-advinfo-form {
        padding-bottom: 60px;
    }

        #sect-advinfo-form .prompt {
            text-align: center;
            padding-bottom: 40px;
        }

            #sect-advinfo-form .prompt h3 {
                font-size: 28px;
                font-weight: bold;
                letter-spacing: -0.8px;
                line-height: 38px;
                text-align: center;
                text-transform: uppercase;
                color: #525e6c;
                margin-top: 50px;
                margin-bottom: 12px;
            }

            #sect-advinfo-form .prompt p {
                font-size: 20px;
            }

        #sect-advinfo-form .g-recaptcha > div {
            margin: 0 auto;
        }

    @media (min-width: 768px) {
        #sect-advinfo-form .prompt {
            padding-top: 40px;
        }
    }

.dxwarningfield {
    color: red !important;
}