﻿.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
    z-index: 0;
}

.tp-banner {
    width: 100%;
    position: relative;
    padding: 0;
}

.row-search {
    margin-top: -15pX;
}

.qsbSearchTab {
    background: rgba(219,219,219,.42);
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding: 14px 14px 15px;
    margin-top: -25px;
    margin-bottom: 30px;
}

    .qsbSearchTab #qsbClick {
        padding-bottom: 8px;
        position: relative;
        cursor: text;
    }

        .qsbSearchTab #qsbClick .searchJob {
            width: 75%;
            box-sizing: border-box;
            display: inline-block;
            padding-left: 13px;
            height: 40px;
            line-height: 40px;
            background-color: #fefefe;
            border: 0;
            font-size: 15px;
            float: left;
            color: #a5a3a3;
        }

        .qsbSearchTab #qsbClick .blueBtn {
            display: inline-block;
            padding: 0;
            width: 126px;
            height: 40px;
            color: #FFF;
            text-align: center;
            vertical-align: middle;
            padding: 7px;
            font-size: 18px;
        }

.blueBtn, .loginBtn {
    background-color: #09c;
}
.redBtn {
    background: #b52025 !important;
}
.wgtCont.recentSearches {
    opacity: 1;
    height: 134px;
    background-color: #fff;
}

.rsLabel, .count {
    max-width: 68%;
    padding: 0 !important;
    display: inline-block;
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 14px;
    color: #09c;
}


.wgtCont:before, .wrap:after, .wrap:before {
    display: table;
    content: "";
    line-height: 0;
}

.noBorder_large_title {
    clear: left;
    padding: 15px 10px 0px;
    color: #666;
    font-weight: 300;
    font-size: 17px;
    border: none;
}

.wgtCont p.p0L10, .wgtCont ul.p0L10 {
    padding: 0 10px;
}

#hpCarousel {
    height: 213px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 14px 14px 12px;
    background: rgba(219,219,219,.33);
    margin-top: -25px;
}

    #hpCarousel, #hpCarousel .viewport {
        position: relative;
        overflow: hidden;
    }

        #hpCarousel .carousel-control.prev {
            background-position: 0 -42px;
            left: 10px;
        }

        #hpCarousel .carousel-control {
            display: block;
            position: absolute;
            top: 50%;
            width: 17px;
            height: 19px;
            line-height: 36px;
            margin-top: -18px;
            z-index: 9;
            background: url(../i/Arrows.png) no-repeat;
        }

        #hpCarousel .viewport {
            height: 100%;
        }

        #hpCarousel, #hpCarousel .viewport {
            position: relative;
            overflow: hidden;
        }

            #hpCarousel .overview {
                background: 0 0;
                list-style: none;
                position: absolute;
                padding: 0;
                margin: 0;
                top: 0;
            }

                #hpCarousel .overview li.crl-card {
                    padding: 0px 0px;
                    overflow: hidden;
                    position: relative;
                }

                #hpCarousel .overview li {
                    float: left;
                    margin: 0 5px 0 0;
                    box-sizing: border-box;
                    width: 245px;
                    height: 194px;
                    background-color: #fff;
                    border-bottom: 0;
                    border-top: 0;
                }

                    #hpCarousel .overview li.crl-card h3 {
                        font-weight: 500;
                        float: left;
                        width: 80%;
                        font-size: 16px;
                        margin-top: 14px;
                        color: #666;
                    }

                    #hpCarousel .overview li.crl-card .count {
                        float: right;
                        width: 20%;
                        font-size: 22px;
                        line-height: 50px;
                        text-align: right;
                        font-weight: 500;
                        color: #09c;
                    }

                    #hpCarousel .overview li.crl-card .content {
                        clear: both;
                        margin-top: 10px;
                        max-height: 85px;
                        overflow: hidden;
                    }

                    #hpCarousel .overview li.crl-card .hdr:after {
                        content: "";
                        clear: both;
                        display: block;
                    }

                    #hpCarousel .overview li.crl-card .content {
                        clear: both;
                        margin-top: 10px;
                        max-height: 85px;
                        overflow: hidden;
                    }

                        #hpCarousel .overview li.crl-card .content .cnt-title {
                            color: #09c;
                            font-size: 12px;
                            font-weight: 100;
                            line-height: 15px;
                        }

                    #hpCarousel .overview li.crl-card a.more {
                        color: #09c;
                        font-size: 14px;
                        font-weight: 400;
                        position: absolute;
                        right: 20px;
                        bottom: 18px;
                    }

                    #hpCarousel .overview li.crl-card.profile-completeness h3 {
                        width: 75%;
                    }

                    #hpCarousel .overview li.crl-card .perc-comp-graf {
                        position: absolute;
                        right: 0;
                        top: 7px;
                    }

                    #hpCarousel .overview li.crl-card .content .cnt-title .title {
                        color: #09c;
                    }

.desc div {
    font-size: 12px;
    font-weight: 100;
    line-height: 15px;
}

.div-spn-search {
    padding-right: 0px !important;
}

.pad_5 {
    padding-left: 5px;
    padding-right: 5px;
}

.search-close {
    /*position: relative;
            right: 20px;
            top: 20px;
            float: right;*/
    position: absolute;
    right: 20px;
    color: #fff;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
}

#p0widget.crl-card {
    min-height: inherit;
}

.flip-container.animate {
    -webkit-perspective: 1000;
    perspective: 1000;
}

    .flip-container.animate .flipper {
        transition: .6s;
        transform-style: preserve-3d;
    }

.flip-container .flipper {
    position: relative !important;
    font-size: 12px !important;
}

.flip-container.animate .front {
    transform: perspective(1000px) rotateY(0deg);
    display: block !important;
}

.flip-container.animate .back, .flip-container.animate .front {
    backface-visibility: hidden;
}

.flip-container .front {
    z-index: 2 !important;
}

.flip-container .back, .flip-container .front {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.flip-container, .flip-container .back, .flip-container .front {
    width: 100%;
}

#p0widget.crl-card .registSec {
    width: 100% !important;
    background: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
}

#p0widget .registSec {
    text-align: center !important;
    box-sizing: border-box !important;
    font-family: Roboto,sans-serif !important;
}

#hpCarousel .overview li .regNow {
    padding: 0px 17px 0 15px !important;
    text-align: center !important;
    font-size: 10pt !important;
    font-weight: 400 !important;
}

#hpCarousel .overview li .orangeBtn {
    width: 100% !important;
    height: 40px !important;
    /*box-sizing: border-box !important;*/
    font-size: 14pt !important;
    background-color: #b52025 !important;
    border-radius: 0px !important;
    /*margin-top: -10px;*/
}

.blueBtn, .grayBtn, .lightCyanBtn, .loginBtn, .orangeBtn, .regtBtn {
    padding: 0 20px !important;
    color: #fff !important;
    cursor: pointer !important;
    line-height: 40px !important;
    vertical-align: middle !important;
    text-align: center !important;
}

#hpCarousel .overview li .orSep {
    position: relative !important;
    margin-top: 18px !important;
    text-align: center !important;
    border-top: 1px solid #cecece !important;
}

    #hpCarousel .overview li .orSep span {
        background: #fff !important;
        display: inline-block !important;
        width: 20px !important;
        height: 20px !important;
        position: absolute !important;
        left: 50% !important;
        top: -10px !important;
        margin-left: -10px !important;
        font-size: 10pt !important;
    }

.dspN {
    display: none !important;
}

#p0widget.crl-card .registSec .uploadBtnCont {
    height: 50px !important;
    margin-top: 5px !important;
}

#p0widget .registSec .uploadBtnCont {
    position: relative !important;
    overflow: hidden !important;
}

#p0widget.crl-card .registSec .plainBtn {
    line-height: 35px !important;
    height: 38px !important;
    font-size: 14pt !important;
}

#p0widget .registSec [type=file] {
    opacity: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    bottom: 0 !important;
    width: auto !important;
}

#p0widget .registSec .plainBtn, #p0widget .registSec .widgetBtn, #p0widget .registSec [type=file] {
    font-size: 18px !important;
    cursor: pointer !important;
    line-height: 40px !important;
    vertical-align: middle !important;
    height: 55px !important;
}

#p0widget .registSec .plainBtn {
    background: 0 0;
    color: #cc9a33;
}

#p0widget.crl-card .registSec .disclaimer {
    top: -4px !important;
    font-size: 8pt !important;
}

#p0widget .registSec .disclaimer {
    position: relative !important;
}

#p0widget .registSec .disclaimer {
    font-weight: 300 !important;
}

#p0widget.crl-card .registSec .center_large_title, #p0widget.crl-card .registSec .rgtBar .noBorder_center_large_title, .rgtBar #p0widget.crl-card .registSec .noBorder_center_large_title {
    padding: 0 !important;
    margin-top: 5px !important;
    font-size: 10pt !important;
}

#hpCarousel .overview li.crl-card.cjaWidget {
    text-align: center;
}

#hpCarousel .overview li .cjaText {
    padding: 42px 0 0;
    text-align: left;
    font-size: 17px;
    font-weight: 400;
}

    #hpCarousel .overview li .cjaText span {
        display: block;
    }

#hpCarousel .overview li a.cjaLink {
    font-size: 16px;
    color: #009acc;
    padding-left: 0;
    display: inline-block;
    margin-top: 13px;
}