@charset "UTF-8";
.header-js .logo {
    width: auto;
    height: 64px;
    display: flex;
    align-items: center;
    padding: 0;
    margin-right: 15px
}
.btn-dnhap:hover{
    color: black !important;
}
#search-submit:hover {
    background-color: var(--primary-color) !important;
}
.EUJobseer-table table td, .EUJobseer-table table th, .USListJob-table table td, .USListJob-table table th, .alert-connection, .center_web, .col_button_mua, .content-em-p, .div-savefile, .info-message1, .invoice-items thead tc, .invoice-totals thead tc, .main-bg, .nav-tabs > li, .navbar-nav > li, .property-job, .property-title, .shop-corousel-item .property-card-header, .steps li span, .table-payment .table td, .table-payment .table th, .txt-diemhientai, .txt-info-ck, .txt-nd-ck, .txt-package, .txt-view {
    text-align: center
}

#profile_image, .searchwrap input.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    height: 50px !important
}

.container-home .btn-group__multiple span:first-child, .container-home .btn-group__multiple span:nth-child(4), .searchwrap h1.h1_home {
    text-shadow: 2px 2px 4px rgba(0,0,0,.26)
}

*, li, ul {
    word-break: break-word
}

th {
    white-space: nowrap
}

.items_search_role, .items_search_skill {
    padding: 5px 0;
    float: left;
    width: calc(100%/4);
    display: inline-block
}

.items_search_role_container, .items_search_skill_container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.text-overflow-line10, .text-overflow-line2, .text-overflow-line3, .text-overflow-line4, .text-overflow-line5 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.text-overflow-line2 {
    -webkit-line-clamp: 2
}

.text-overflow-line3 {
    -webkit-line-clamp: 3
}

.text-overflow-line4 {
    -webkit-line-clamp: 4
}

.text-overflow-line5 {
    -webkit-line-clamp: 5
}

.text-overflow-line10 {
    -webkit-line-clamp: 10
}

.alert-connection {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 5px;
    z-index: 100001;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

#nprogress, .slick-slide.dragging img {
    pointer-events: none
}

    #nprogress .spinner-icon {
        width: 18px;
        height: 18px;
        box-sizing: border-box;
        border: 2px solid transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 50%;
        -webkit-animation: .4s linear infinite nprogress-spinner;
        animation: .4s linear infinite nprogress-spinner
    }

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

#nprogress .bar {
    animation: 2.1s cubic-bezier(.65,.815,.735,.395) infinite indeterminate;
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d,0 0 5px #29d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0,-4px);
    -ms-transform: rotate(3deg) translate(0,-4px);
    transform: rotate(3deg) translate(0,-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    100%,60% {
        left: 100%;
        right: -90%
    }
}

.container.content-home .home {
    grid-template-columns: repeat(6,16.67%);
    padding: 0 15px;
    margin: 0;
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 8px;
    justify-content: center
}

body.header-not-at-top .header-inner .logo {
    -webkit-transition: scale .5s;
    transition: scale .5s
}

.lang-manu .icon-dropdown, body.header-not-at-top .header-inner .postjob, body.header-not-at-top .header-inner .search-hs {
    margin-top: 2px
}

.img-camnang, .push-top-10, .push-top-xs, .stepwizard-step p, .title-searchjob, .widget-introduce-video, body.header-not-at-top .header-inner .drop-info-em, body.header-not-at-top .header-inner .menu-sub-em, body.header-not-at-top .header-inner .name-user-em {
    margin-top: 10px
}

body.header-not-at-top .header .websitetitle {
    top: 4px;
    height: 51px
}

body.header-not-at-top .header {
    transform: translateY(-100px);
    animation: .2s forwards move-down
}

@keyframes move-down {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

body.header-not-at-top .dky-dnhap {
    padding: 20px 7px 0 0
}

.compat-object-fit > img, .display-mobi, .header-hover .sticky-wrapper, .header-inner .logo img.mini-logo, .menu .nav > .nav-item .nav-link:after, .menuBtn, .mobile-profile, .mobile-show, .paid .invoice-pay ul li, .property-slider .carousel-control.left span, .property-slider .carousel-control.right span, .responsive-nav, .responsive-one, .section.section-slim.section-ads, .show-hide-btn, .side-heading:after, .side-heading:before, .slick-slide, .slick-slide.slick-loading img, .top-box-mask, .widget-rightsearch .widget-header:before, body.header-not-at-top .menu-main-vo .fa-briefcase, body.header-not-at-top .menu-main-vo .fa-building-o, body.header-not-at-top .menu-main-vo .fa-file-text, body.header-not-at-top .menu-main-vo .fa-handshake-o, body.header-not-at-top .menu-main-vo .fa-leaf, body.header-not-at-top .menu-main-vo .fa-list, body.header-not-at-top .menu-main-vo .fa-newspaper-o, body.header-not-at-top .menu-main-vo .fa-recycle, body.header-not-at-top .menu-main-vo .fa-search, body.header-not-at-top .menu-main-vo .fa-suitcase, body.header-not-at-top .menu-main-vo .fa-user, body.header-not-at-top .menu-main-vo .fa-user-plus, body.header-not-at-top .menu-main-vo .fa-users, body.header-not-at-top .menu-main-vo .mobi-menu-hide, div.panel, footer .NL .Notfication {
    display: none
}

.agents-corousel-item .box-container .media-body, .agents-corousel-item .box-container .media-left, .agents-corousel-item .box-container .media-right, .box-container-title .sub-title, .components-examples ul, .header .top-bar ul li, .header-inner .logo img, .logo a, .new-tags a, .shop-corousel-item .property-card-header > img {
    display: inline-block
}

body.header-not-at-top .navbar .dropdown-menu .fa-user-plus {
    display: initial
}

.animate {
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both
}

@keyframes slideIn {
    100% {
        transform: translateY(0);
        opacity: 1
    }

    0% {
        transform: translateY(1rem);
        opacity: 0
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn
}

.max-line-bv, .max-line-camnang, .searchwrap {
    -webkit-box-orient: vertical
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

#nav li a, #nav li a:hover, #ws-footer a, #ws-footer a:hover, #ws-footer a:link, .EUJobseer-adelete, .EUJobseer-aedit, .EUJobseer-aopen, .USListJob-adelete, .USListJob-aedit, .USListJob-aopen, .USPost-label-right, .copyrights a:hover, .footer-bottom a, .header .websitetitle .rowR, .home-box a, .primary-hover:hover, .smart-banner .btn, .smart-banner .close, .social-list li a:hover, .steps li span, .tabs > ul li a:focus, .title-jobs-home a:not(:hover), a, a:hover, body .pagination li.page-item a.active, body .pagination li.page-item a:hover {
    text-decoration: none
}

.pricing-table-2 li.even, body {
    background: #f3f3f3
}

.navbar {
    min-height: initial
}

input[type=email], input[type=number], input[type=password], input[type=text], select, textarea {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    color: #777
}

.agencies, .header, .header-inner, .section-ads, .table-cart input {
    background: #fff
}

.top-box {
    position: relative;
    width: 100%;
    z-index: 1001
}

.header-inner {
    box-shadow: 0 5px 4.75px .25px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 5px 4.75px .25px rgba(0,0,0,.07);
    position: relative;
    z-index: 30
}

    .header-inner .logo {
        padding: 12px 0;
        text-align: left;
        margin-right: 15px
    }

        .header-inner .logo, .header-inner .logo img {
            max-height: 100px;
            transition: padding .3s ease-in,max-height .35s ease-in 50ms;
            -webkit-transition: padding .3s ease-in,max-height .35s ease-in 50ms
        }

.logo a {
    max-width: 250px
}

.header-inner .logo img {
    width: 135px;
    margin-top: -8px
}

.show_web {
    display: block !important
}

.USPost-frm-PostJob input[type=radio], .show_mobile_480 {
    display: none !important
}

.dky-dnhap a.btn-dnhap:focus {
    color: #e95f07;
    text-decoration: none
}

.btn-dky, .btn-dnhap {
    font-weight: 500;
    color: #333
}

.btn-dnhap {
    font-size: 14px;
    border-right: 1px solid #cecece;
    padding-right: 7px;
    padding-left: 13.5px
}

.btn-dky {
    font-size: 13.5px;
    padding-left: 10px
}

    .badge-index, .btn-dky .fa, .btn-dky:hover, .btn-dnhap .fa, .btn-dnhap:hover, .btn-print-detail-CV:hover, .col1-menu li:hover, .colornormal:hover, .jobs-info .ul-margin li a, .list-danhmuc li a:hover, .list-khuvuc li a:hover, .page_ntd_content_timhoso p .fa, .thongbao-searchjob-jobseeker b, .thongtin-lienhe li .b-contact, ul.unstyled li:hover {
        color: white
    }

.navbar-toggle {
    float: right;
    background-color: transparent !important;
    background-image: none;
    border: 5px solid transparent;
    border-radius: 0;
    padding: 0;
    position: absolute;
    margin: 0;
    top: 25px;
    right: 0;
    border-color: transparent !important
}

.menu {
    padding: 12px 0;
    line-height: 0;
    box-sizing: border-box;
    transition: padding-top .2745s ease-in;
    -webkit-transition: padding-top .2745s ease-in;
    -moz-transition: ppadding-top .2745s ease-in;
    -ms-transition: padding-top .2745s ease-in
}

    .menu .navbar {
        border: 0 solid transparent !important;
        padding: 0;
        position: static;
        margin-bottom: 0
    }

    #nav li a, .colornormal, .drop-info-em a, .grid-job-location a, .h-side .properties-filter .select-small .dropdown-toggle:hover, .jobs-info .ul-margin li a:hover, .list-danhmuc li a, .list-khuvuc li a, .menu .nav-link:not(.active), .salary-jobs, .ul-margin li a, footer .NL .Notfication .close-box, h3.title-jobs-home:hover a, ul.unstyled li a {
        color: #333
    }

    .box-container-title .title, .btn-buy-package, .btn-print-detail-CV, .btn-saveHS-detail-CV, .carousel-caption .carousel-caption-title, .components-examples .box-container-title .title, .components-examples .h-side .h-side-title, .header .websitetitle .sub-title::first-letter, .header .websitetitle .sub-title:first-letter, .header .websitetitle .title, .home-box h2, .lang-manu, .lang-manu button, .menu .nav-link, .page-title-big, .point-payment, .section-title span, .title-NTD-VO, .title-detail-CV, .top-title-t, .txt-diemhientai {
        text-transform: uppercase
    }

.header .websitetitle {
    height: 45px;
    position: relative;
    right: 0;
    align-items: center;
    top: 11px;
    display: flex
}

    .header .websitetitle div {
        display: table-cell;
        padding: 0 24px;
        vertical-align: middle
    }

    .header .websitetitle .rowR {
        color: #fff;
        display: table-cell;
        padding: 0;
        vertical-align: middle
    }

        .header .websitetitle .rowR > * {
            color: #fff;
            display: block;
            text-align: center
        }

    .header .websitetitle .title {
        font-size: 16px;
        margin: 0
    }

    .header .websitetitle .sub-title {
        font-size: 11px;
        margin-bottom: 15px
    }

.box-navigaion {
    float: right;
    margin-top: 11px;
    margin-right: 11px
}

.smart-banner {
    zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #d1d1d1;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#f8fbfb),color-stop(1,#f8f8f8));
    background: -ms-linear-gradient(bottom,#f8fbfb,#f8f8f8);
    background: -moz-linear-gradient(center bottom,#f8fbfb 0,#f8f8f8 100%);
    padding: 10px 10px 10px 31px;
    position: relative;
    -webkit-transition: margin-top .3s linear;
    margin-top: 68px
}

    .smart-banner:after, .smart-banner:before {
        content: " ";
        display: table
    }

    .smart-banner .icon {
        height: 50px;
        width: 50px;
        border-radius: 7.81px;
        vertical-align: top;
        float: left;
        margin-right: 10px
    }

    .btn-savefile, .content-TopPage a p, .footer-contact i, .label, .places_select .btn, .smart-banner .close, body .footable.table > tbody > tr > td, body table td, td {
        vertical-align: middle
    }

    .smart-banner .meta {
        padding-top: 0
    }

    .smart-banner .name {
        font-size: 15px;
        width: 163px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap
    }

    .smart-banner .author {
        display: block;
        font-size: 11px;
        color: #888;
        padding-top: 2px
    }

    .smart-banner .btn {
        margin-top: 5px;
        float: right;
        color: #fff;
        padding: 2px 9px 5px;
        font-family: helvetica neue,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 12px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #4cac4f;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#4cac4f),color-stop(1,#0c804a));
        background: -ms-linear-gradient(bottom,#4cac4f,#0c804a);
        background: -moz-linear-gradient(center bottom,#4cac4f 0,#0c804a 100%);
        border: 1px solid rgba(79,79,79,.75)
    }

    .smart-banner .close {
        position: absolute;
        width: 30px;
        padding: 25px 0;
        left: 0;
        top: 0;
        bottom: 0;
        text-align: center;
        color: rgba(0,0,0,.3);
        opacity: 1
    }

    .slick-track:after, .smart-banner:after {
        clear: both
    }



.new-tags a {
    border: 1px solid #e1e1e1;
    padding: 0 10px;
    line-height: 2.5rem;
    border-radius: 2px;
    margin: 5px 3px 5px 0;
    font-size: 13px;
    color: #434242
}

    .new-tags a :hover {
        color: #f07d1e
    }

@media screen and (max-width: 768px) {
    .tag::before {
        border-radius: 10px;
        box-shadow: inset 0 0 rgba(0,0,0,.25);
        height: 6px;
        left: 0;
        width: 0;
        top: 10px
    }

    .searchwrap {
        background-size: cover;
        padding: 0;
        height: 350px;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    .padbt-mb-15 {
        padding-bottom: 15px !important
    }
}

.col-md-9 .widget-property .widget-title, .searchbar {
    margin-top: 40px
}

.container-home {
    margin-top: auto;
    margin-bottom: auto
}

    .container-home a {
        background-color: #fff;
        padding: 5px;
        border-radius: 4px;
        color: #333;
        outline-width: 0;
        font-size: 13px
    }

        .btn-nangcap, .container-home a:hover, .tabs > ul li.active, .tag:hover {
            background-color: #f07e1d;
            color: #fff
        }

.footer-top-2 .social-list li a, .hover_links_effect li a {
    margin: 0 6px 0 0;
    font-size: 17px;
    background: #494949;
    width: 33px;
    text-align: center
}

.content-home {
    padding-top: 20px;
    padding-bottom: 20px
}

.searchwrap h1.h1_home {
    color: #fff;
    text-align: center
}

.searchbar div {
    padding: 0 1px
}

.searchwrap h3 {
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: relative;
    background-color: rgba(0,0,0,.25);
    padding: 30px 0;
    clear: both
}

.searchbar select.form-control, .searchblack select.form-control {
    padding: 12px 15px 13px;
    line-height: 46px
}

.searchbar .form-control {
    padding: 13px 15px;
    font-size: 13px;
    background-color: #fff;
    color: #777
}

    .searchbar .form-control, .searchbar .form-control:focus {
        border: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        outline: 0;
        border-radius: 0;
        height: 49px
    }

.searchbar .btn-homesearch {
    background: #f07e1d;
    border-radius: 0;
    color: #fff;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    height: 49px;
    width: 100%
}

.searchbar .custom-combobox a {
    border-radius: 0 !important
}

.searchbar .btn-homesearch:hover {
    background-color: #fc8017
}

select {
    border: 1px solid #c5c5c5 !important;
    font-size: 13px !important;
    padding: 0 0 0 7px !important;
    margin: 0 !important;
    height: 39px;
    background: #fff !important;
    width: 100% !important;
    border-radius: 0
}

.blogs-listing .card:hover, .color-primary.btn:hover:after, .color-secondary.btn:hover:after, .hover-default:hover .property-card-hover, .image-hoveffect:hover:after, .image-hoveffect:hover:before, .images-gallery li:hover a, .input-with-search .input-group-addon:hover, .owl-corousel-box .owl-btn:hover, .property-card-header:hover .property-card-hover, .search-additional-btn:hover, .searchbar select, .sharing-buttons li a:hover:before, .slider-tall .carousel-indicators li:hover .carousel-indicators-preview, .squaredFour input[type=checkbox]:checked + label:after, .squaredFour input[type=radio]:checked + label:after {
    opacity: 1
}

.city-group select, .exp-group select, .reset_search, .reward-group select, .salary-group select {
    display: inline-block;
    padding: 4px 3px 3px 5px !important;
    margin: 0;
    outline: 0;
    line-height: 30px;
    background-color: transparent !important;
    -webkit-appearance: none;
    color: #fff;
    border: none !important;
    height: 30px !important;
    margin-left: 10px !important;
    font-size: 14px !important;
    text-transform: capitalize;
    font-weight: 700;
    cursor: pointer
}

    .USPJob-frm-PostJob input[type=radio] + label, .agent-details .mail-ct, .city-group select:focus, .exp-group select:focus, .reward-group select:focus, .salary-group select:focus, .select-secondary .dropdown-menu a, .widget.widget-properties .property-card .property-card-box span.address, body .select-secondary .dropdown-menu li.selected a, body .select-secondary .dropdown-menu li:hover a, button.btn-Advanced.active, button.btn-Advanced:hover {
        color: #000
    }

.city-group:before, .exp-group:before, .reward-group:before, .salary-group:before {
    content: "▼";
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 0;
    line-height: 30px;
    padding: 0 7px;
    color: #f07e1d;
    pointer-events: none
}

.USPJob-subSpan, .deadline, .list-people li .info .status, .searchwrap h3, .txt-update {
    font-style: italic
}

.slick-loading .slick-slide, .slick-loading .slick-track, .squaredFour input[type=checkbox], .squaredFour input[type=radio] {
    visibility: hidden
}

#nav, .slick-dots, .tags, li, ul, ul.unstyled li {
    list-style: none
}

.content {
    min-height: 570px;
    padding-bottom: 20px
}

.candidate-pic, .content-flex .section.section-slim, .padding-bottom-15px, .padding_bt_15px, .widget.widget-properties {
    padding-bottom: 15px
}

.masonry .post-item, [class*=cell-] {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.cell-6, .masonry .post-item {
    width: 50%
}

.cell-4, .masonry.nobar .post-item {
    width: 33.33333333%
}

.bg-hoTroDk {
    background: url(../images/bg-hoTroDk.jpg) no-repeat #455258
}

.drop-camnang, img.cart-thumb {
    margin: 0 !important
}

.navbar-nav .open .dropdown-menu li {
    float: left;
    text-align: center;
    width: 100%
}

.menu .nav > .nav-item .drop-camnang li a {
    width: 100%;
    text-align: center
}

#nav, .h-side .h-side-title, li, ul {
    margin: 0;
    padding: 0
}

    #nav li {
        float: left;
        margin-right: 20px;
        font-size: 13px;
        font-family: open sans,sans-serif;
        font-weight: 500;
        padding-left: 9px
    }

        #dangnhapnguoitimviec:hover, #dangnhaptuyendung:hover, #link_register:hover, #nav li a:hover, .agents-corousel-item .agent-details .mail, .block-head-News a span, .block-head-News:hover, .dkyngay, .footer-top .footer-contact a:hover, .footer-top .footer-menu a:hover, .menu .nav > .nav-item .drop-camnang li a:active, .menu .nav > .nav-item .drop-camnang li a:hover, .news:not(.section-parallax) .card .title a, .property-card .property-card-box .property-card-title, .property-card .property-card-box .property-card-title a, body .text-color-primary, footer a:hover {
            color: #e95f07
        }

#notification_li, .header-over-search .container, .image-hoveffect, .jobs_container, .search-form .container, .section-title span, .stepwizard-step, owl-corousel-box {
    position: relative
}

#notificationContainer {
    background-color: #fff;
    border: 1px solid #edeef0;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.25);
    overflow: visible;
    position: absolute;
    top: 30px;
    margin-left: -170px;
    width: 400px;
    z-index: -1;
    display: none
}

    #notificationContainer:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        color: transparent;
        border: 10px solid #000;
        border-color: transparent transparent #edeef0;
        margin-top: -20px;
        margin-left: 188px
    }

#notificationTitle {
    z-index: 1000;
    font-weight: 700;
    padding: 8px;
    font-size: 13px;
    background-color: #fff;
    width: 384px;
    border-bottom: 1px solid #ddd
}

#notificationsBody {
    padding: 33px 0 0 !important;
    min-height: 300px
}

#notificationFooter {
    background-color: #e9eaed;
    text-align: center;
    font-weight: 700;
    padding: 8px;
    font-size: 12px;
    border-top: 1px solid #ddd
}

#notification_count {
    padding: 2px 6px;
    background: #c00;
    color: #fff;
    font-weight: 700;
    margin-left: 77px;
    border-radius: 9px;
    position: absolute;
    margin-top: -11px;
    font-size: 11px
}

.notifi-header {
    padding: 24px 6px 24px 14px
}

.notifi-content {
    margin: 0 auto;
    width: 900px
}

.menu-main-vo li.nav-item a.nav-link .minu {
    display: block;
    margin-top: 5px
}

.drop-camnang {
    margin-top: 12px !important
}

.footer-top-2 {
    border-top-width: 5px;
    border-top-style: solid
}

    .footer-top-2 .foot-logo {
        height: 52px;
        margin: -8px auto 9px;
        text-align: center
    }

    .footer-top-2 .social-list li a {
        border-radius: 50%;
        display: inline-block
    }

.footer-bottom, .footer-top-4 .hover_links_effect li a {
    background: #1d1d1d
}

.footer-top-2 .social-list li span {
    padding: 0 7px;
    color: #b5b5b5
}

.USListJob-adelete:hover, .USListJob-aedit:hover, .USListJob-aopen:hover, .btn-saveHS-detail-CV a, .btn_red, .div-savefile a, .footer-top-2 .social-list li:hover span, .icon-white, .menu .active .nav-link .icon-dropdown, .menu .nav-link.active .icon-dropdown, .menu .nav > .nav-item .nav-link:hover .icon-dropdown, .search-form input, .search-form select, .select-small .dropdown-menu li.selected a, .select-small .dropdown-menu li:hover a, .tabs > ul li.active a, .tabs > ul li.active a i, .tabs > ul li:hover a, .tabs > ul li:hover a i, .top-title-breadcrumb, .top-title-breadcrumb li, .top-title-breadcrumb li a, .top-title-breadcrumb li a:before, .top-title-breadcrumb li:before, .top-title-breadcrumb > li + li::before, .top-title-widget, .treefield-categories .treefield-box-item:hover, .widget-form .form-additional .form-group-submit input, .widget-rightsearch .widget-header, a.btn_red, ul.categories > li > a:hover i {
    color: #fff
}

.footer-menu-inline {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    font-size: 11px
}

    .footer-menu-inline li {
        display: inline-block;
        margin: 0 5px
    }

        .footer-menu-inline li a {
            color: #777;
            transition: .3s linear
        }

            .footer-menu-center li a:hover, .footer-menu-inline li a:hover {
                padding-bottom: 4px
            }

.footer-top .footer-menu a {
    display: inline-block;
    padding: 7px 0;
    color: #aaa
}

.footer-top .footer-contact a {
    color: #aaa
}

.footer-top .footer-menu a:before {
    display: inline-block;
    margin-right: 7px;
    color: #5b5b5b;
    content: "\f105";
    font-family: FontAwesome
}

footer .NL {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    margin: auto 15px
}

    footer .NL .input-box {
        margin-left: 10px;
        padding-left: 25px;
        width: 67%;
        border: 1px solid #3f3f3f;
        border-right: 0;
        background: 0 0;
        color: #fff;
        font-size: 11px
    }

    footer .NL .txt-box {
        color: #969696;
        font-size: 11px
    }

    footer .NL:before {
        position: absolute;
        top: 16px;
        left: 24px;
        display: inline-block;
        color: #5c5c5c;
        content: "\f0e0";
        font-family: FontAwesome
    }

    footer .NL .NL-btn {
        background: #3f3f3f;
        color: #fff
    }

    footer .NL .Notfication p {
        color: #333;
        padding: 0 7px;
        font-size: 12px;
        width: 89%;
        line-height: normal;
        margin-top: -28px;
        display: inline-block;
        vertical-align: top
    }

footer .no-margin {
    margin: 20px 20px 8px
}

.ellip, .ellip-line, .footer-top .tweet {
    position: relative;
    overflow: hidden
}

    .footer-top .tweet .twitter-pic {
        float: left;
        margin: 3px 10px 0 0
    }

    .footer-top .tweet .twitter-text {
        width: 80%;
        float: left
    }

    .footer-top .tweet p {
        margin: 0 0 5px;
        font-size: 12px;
        line-height: 18px
    }

.footer-top .tags a {
    display: block;
    float: left;
    margin: 3px;
    padding: 8px 6px;
    background: #2c2c2c;
    color: #c4c4c4;
    font-size: 11px
}

.footer-contact i, .footer-contact span {
    display: table-cell
}

.footer-contact {
    padding: 7px 0
}

    .footer-contact i {
        padding: 0 12px 0 0;
        color: #6a6a6a;
        font-size: 18px
    }

.footer-top .flickr-stream-w ul li a {
    height: 61px
}

.footer-top .flickr-stream-w .img-overlay, .footer-top .flickr-stream-w ul li img {
    width: 61px;
    height: 61px
}

    .footer-top .flickr-stream-w .img-overlay:before {
        font-size: 22px;
        line-height: 61px;
        height: 61px
    }

.footer-top .flickr {
    height: 61px;
    display: block;
    overflow: hidden
}

.copyrights {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px
}

    .copyrights a {
        color: #7c7c7c;
        text-decoration: underline
    }

.footer-bottom {
    overflow: auto;
    padding: 15px 0;
    border-top: 1px solid #363636
}

.social-list li {
    float: left;
    margin: 0 1px 0 0;
    font-size: 18px
}

    .social-list li a {
        display: block;
        padding: 0;
        color: #737373
    }

    .social-list li span {
        display: block;
        text-align: center;
        line-height: 33px;
        padding: 0 12px
    }

.hover_links_effect li a {
    border-radius: 50%;
    display: inline-block;
    color: #b5b5b5;
    overflow: hidden
}

.hover_links_effect li span {
    padding: 0 7px;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.hover_links_effect li:hover span {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.top-bar .social-list li span {
    line-height: 39px
}

.footer-top {
    overflow: hidden;
    padding: 60px 0 50px;
    border-bottom: 1px solid #0f0f0f;
    background: #222;
    color: #aaa
}

.block-head {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e2e2e2;
    font-weight: 400
}

    .block-head:after, .block-head:before {
        position: absolute;
        display: inline-block;
        content: ""
    }

    .block-head:before {
        bottom: -3px;
        left: 20px;
        width: 35px;
        height: 5px
    }

    .block-head:after {
        bottom: -1px;
        left: 0;
        width: 80px;
        height: 1px
    }

    .block-head.center {
        margin-left: auto;
        margin-right: auto;
        display: table;
        padding-right: 30px;
        padding-left: 30px
    }

        .block-head.center:before {
            left: 50%;
            margin-left: -17.5px
        }

        .block-head.center:after {
            left: 50%;
            margin-left: -40px
        }

.side-heading {
    font-weight: 800;
    border: 0;
    padding: 0;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-bottom: 15px
}

.h4-vieclammoinhat a:first-letter, .large-heading, .title-jobs-home a:hover, .title-profile span, h3.title-jobs-home, h3.title-jobs-home:first-letter {
    text-transform: capitalize
}

.side-heading span {
    color: #777;
    font-weight: 100
}

.footer-top h3, .large-heading {
    font-weight: 700;
    position: relative
}

.large-heading {
    margin-bottom: 40px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 26px;
    line-height: 20px;
    text-align: center
}

    .large-heading:before {
        position: absolute;
        bottom: -3px;
        left: 50%;
        width: 100px;
        height: 5px;
        content: "";
        display: inline-block;
        margin-left: -57px;
        border-left: 15px solid #fff;
        border-right: 15px solid #fff
    }

.gry-bg .large-heading:before {
    border-left: 15px solid #eee;
    border-right: 15px solid #eee
}

.agents-corousel-item .agent-details .mail:hover, .block-head:after, .block-head:before, .btn-postJob, .color-primary-easy, .details-img:after, .item-box:after, .menu .active .nav-link, .menu .nav-link.active, .menu .nav > .nav-item .nav-link:hover, .portfolio-item:after, .post-image:after, .property-card .property-card-box .property-card-title a:hover, .section-title span:after, .section-title span:before, .service-box-1:after, .team-box .team-socials li a:hover, .team-box-2:after, .team-box:after, .treefield-categories .treefield-box-item:hover, .widget-head:after, .widget-head:before, body .btn.color-primary, body .color-primary, body .dropdown-item:not(.active):hover, body .menu .dropdown-item.active {
    background-color: #e95f07
}

.footer-top .block-head {
    border-bottom-color: #3a3a3a;
    color: #c5c5c5;
    text-transform: uppercase
}

.footer-top h3 {
    font-size: 15px
}

.foot-logo, header.top-head .logo a {
    background: url(../images/logo.svg) 50% 50% no-repeat
}

.foot-logo {
    height: 40px;
    margin: 0 auto 5px;
    text-align: center
}

.btn-circle, .places_select .btn img {
    margin-top: -4px
}

.dky-dnhap {
    padding: 24px 6px 0 0;
    float: right
}

.background-academic, .background-filecv, .background-infoGeneral, .background-introduce-video, .background-payment, .background-searcKey, .background_white, .box-package, .class_load_search, .div-jobs, .jobs-info, .load_search_macdinh {
    background-color: #fff
}

.stepwizard-row:before, .stepwizard-step:before {
    background-color: #ededed
}

.stepwizard {
    display: table;
    position: relative
}

.stepwizard-step button[disabled] {
    opacity: 1 !important
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px
}

.stepwizard-step {
    display: table-cell;
    text-align: center
}

.btn-circle {
    width: 40px;
    height: 38px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 50% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 7px !important
}




#quote-carousel, .box-academic, .property-margin-detail, .push-top, .step-marginTop, .tab-home-job, .tab-vieclam {
    margin-top: 15px
}

.content-TopPage {
    padding: 40px
}

.img-positionEm {
    display: table;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.content-TopPage h1, .content-TopPage h2 {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    padding: 0;
    font-weight: 600
}

.box-package a:hover .register-package, .content-TopPage a:hover p {
    background-color: #f5721e
}

.content-TopPage a p {
    display: inline-block;
    padding: 0 11px;
    border: 1px solid transparent;
    background: #e95f07;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #fff !important;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-radius: 2px;
    animation-delay: .3s;
    margin-bottom: 10px
}

.header .top-bar .pull-right, body .btn.color-secondary, body .color-secondary, body .pagination li.page-item a.active, body .pagination li.page-item a:hover, body .pagination-carousel li a:hover, body .pagination-carousel li.active a {
    background-color: #004790
}

.border-color-secondary, body .border-color-secondary {
    border-color: #004790
}

.focus-color-easy {
    background-color: #f50073
}

body .select-secondary, body .select-secondary .selectpicker-primary {
    height: 44px
}

    body .select-secondary .selectpicker-primary {
        background: #f8f8f8;
        color: #000
    }

.select-secondary .dropdown-menu {
    background: #f8f8f8;
    color: #99a1a1
}

#menu-home-beta li, .classfied-card .card-box.classfied-card-box-info .property-card-title, .property-card .property-preview-footer span .list-overview-value i, .widget-form .form-additional .form-group-submit, .widget-form-cart .form-additional .form-group, body .select-small, ul.cart-list > li > h6 {
    margin: 0
}

    body .select-small, body .select-small button.selectpicker-primary {
        height: 22px;
        padding: 0 10px
    }

.select-small .selectpicker-primary {
    background: #ebebeb;
    border-radius: 0;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: -1px;
    width: 155px
}

body .bootstrap-select .dropdown-toggle:focus, body .btn:focus {
    outline-style: none !important
}

.select-small .dropdown-menu, .widget .widget-list.btn-list li a:hover {
    background: #ebebeb;
    color: #545454
}

    .select-small .dropdown-menu a {
        color: #545454;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: -1px
    }

.label-tag-primary, .label-tag-warning {
    font-weight: 600;
    letter-spacing: 0;
    padding: 2px 6px;
    text-transform: uppercase
}

.EUJobseer-group .dropdown-menu li:hover, .select-small .dropdown-menu li.selected, .select-small .dropdown-menu li:hover {
    background: #727272;
    border: 0;
    color: #fff;
    outline: 0
}

.selectpicker-primary, .selectpicker-primary:hover {
    background: 0 0;
    border: 1px solid rgba(116,116,116,.1);
    border-radius: 0;
    color: #fff;
    height: 60px
}

.selectpicker-secondary {
    background: 0 0;
    border-radius: 0;
    color: #fff;
    height: 44px
}

.navbar-toggler {
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #818a91
}

.label-tag-warning {
    border-radius: 0;
    background: #eec601;
    text-align: center
}

.label-tag-primary {
    border-radius: 0;
    background: #c7b39a
}

.pagination {
    border-radius: 0;
    margin-bottom: 15px;
    margin-top: 0
}

.USPJob-title-infoJob, .carousel-caption .btn, .col-margin-top-em, .col_button_mua, .drop-info-em, .form-dky, .margin20, .menu-sub-em, .name-user-em, .property-margin-top-job, .propetty-top, .title-marginh3, body > div:not(.container-side-version) .pagination {
    margin-top: 20px
}

body .pagination li.page-item a {
    border-color: #eee;
    border-radius: 0;
    color: #000;
    font-weight: 500;
    font-size: 15px
}

    body .pagination li.page-item a.active, body .pagination li.page-item a:hover {
        border: 1px solid #ddd;
        border-radius: 0;
        color: #fff;
        z-index: 5
    }

.agencies-corousel .owl-carousel .owl-item img {
    display: block;
    margin: 0 auto;
    width: auto
}

.owl-corousel-box .owl-btn {
    display: block;
    height: 28px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -opera-transform: translateY(-50%);
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
    width: 16px
}

    .owl-corousel-box .owl-btn.customPrevBtn {
        background: url(../img/owl-btn-left.png) 50% 50%/cover no-repeat;
        left: 0
    }

    .owl-corousel-box .owl-btn.customNextBtn {
        background: url(../img/owl-btn-right.png) 50% 50%/cover no-repeat;
        right: 0
    }

.Cbox {
    float: left;
    width: 40%
}

.timezone-map {
    float: right;
    width: 60%
}

.worldmapgenerator .Cbox select {
    display: none;
    float: none
}

#widget-region {
    padding-top: 50px;
    padding-bottom: 60px;
    background: url(../img/bg-workbench.png) #f8f8f8
}

.worldmapgenerator .Cbox .quickLink {
    display: block;
    float: none;
    margin: 27px 0 0;
    max-width: 300px;
    overflow: inherit;
    padding: 0;
    white-space: normal;
    width: 100%
}

    .worldmapgenerator .Cbox .quickLink span.active, .worldmapgenerator .Cbox .quickLink span:hover {
        color: #000;
        font-weight: 600;
        background-color: transparent
    }

    .images-gallery:after, .worldmapgenerator .Cbox .quickLink:after {
        content: "";
        clear: both;
        display: table
    }

    .worldmapgenerator .Cbox .quickLink span {
        -o-transition: .15s;
        -ms-transition: .15s;
        -moz-transition: .15s;
        -webkit-transition: .15s;
        transition: .15s;
        display: block;
        background: 0 0;
        border: none;
        box-sizing: border-box;
        float: left;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 5px;
        width: 45%
    }

.box-package a .register-package, .btn-green, .btn-vista_blue, .btn-vista_xanh:hover {
    -webkit-transition: .5s;
    -o-transition: .5s
}

.box-loc, .drop-info-em, .footer .list-hours .description, .h-side .properties-filter .grid-type, .list-overview li .list-overview-value, .worldmapgenerator .Cbox .quickLink span:nth-child(2n) {
    float: right
}

.worldmapgenerator .hoverZone {
    float: left;
    height: 25px;
    padding-left: 15px;
    width: 50%
}

.treefield-categories {
    list-style: none;
    margin: 0;
    padding: 0
}

.treefield-card.property-card .property-card-box .property-card-title {
    height: 32px;
    margin: 12px 0 7px
}

.treefield-card .property-card-title a {
    padding: 6px 0;
    display: inline-block
}

.treefield-card .property-card-title i {
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    width: 30px
}

.treefield-categories li {
    border-bottom: 1px solid;
    border-color: #a2a2a2;
    display: block;
    padding: 7px 0
}

    #menu-home-beta li a:nth-child(0), .job-home .nav-tabs, .treefield-categories li:last-child {
        border-bottom: 0
    }

    .treefield-categories li .count {
        font-weight: 600;
        float: right;
        text-align: right
    }

.treefield-categories-more {
    background: #fff;
    border-bottom: 3px solid #f8f8f8;
    display: none;
    left: 0;
    margin-top: 10px;
    margin-bottom: 0;
    position: absolute;
    padding: 0 20px 5px;
    width: 100%;
    z-index: 9999
}

.compat-object-fit, .compat-object-fit .object-fit-imagediv {
    background-size: cover;
    background-position: 50% 50%
}

.treefield-card {
    overflow: inherit
}

.property-card.shop-card .property-card-header > img {
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -moz-object-fit: cover;
    width: 100%
}

.owl-carousel .owl-item img {
    transform-style: initial;
    -webkit-transform-style: initial
}

.invoice-notes, .property-card-list .property-preview-f-left, .property-card.shop-card .property-preview-f-left {
    text-align: left
}

.compat-object-fit .object-fit-imagediv {
    height: 100%;
    width: 100%
}

#ws-walkscore-tile {
    position: relative;
    text-align: left
}

    #ws-walkscore-tile * {
        float: none
    }

#ws-footer a, #ws-footer a:link {
    color: #000;
    font: 700 11px/14px Verdana,Arial,Helvetica,sans-serif;
    margin-right: 6px;
    padding: 0;
    white-space: nowrap
}

    #ws-footer a:hover {
        color: #777
    }

#ws-fo oter a:active {
    color: #b14900
}

.CodeMirror {
    border: 1px solid #eee !important;
    height: 300px;
    margin-top: 10px
}

.CodeMirror-code pre > span {
    margin-left: -125px !important
}

.CodeMirror pre {
    font-family: open sans,sans-serif !important;
    font-size: 14px !important;
    letter-spacing: normal
}

.box-package a .register-package, .main-bg {
    white-space: nowrap;
    letter-spacing: .8px;
    cursor: pointer
}

.file_content {
    height: 100px;
    width: 100%
}

.energy-eff-box > div {
    height: 212px !important;
    max-width: 100%;
    overflow: hidden
}

.focus-color {
    background-color: #0688b7 !important
}

.agents-corousel-item .agent-details .mail, .primary-hover, .property-card .property-card-box .property-card-title a {
    color: #0f7ad5
}

    .primary-hover:hover {
        background: #0f7ad5;
        color: #fff
    }

.USPost-margin-bottom, .form-group, .form-main .control-group, .margin-now-down, .margin20, .margin20-notTop, .pricing-table-2 .head, .social-top-em, .widget-agents-listing .box-overflow-container, section.page-body .h4 {
    margin-bottom: 20px
}

.agents-corousel-item .box-container, .box-overflow-container, .property-card-list .col-sm-8, .widget-box {
    padding-left: 19px;
    padding-right: 20px
}

body .content-flex .content-right {
    padding-left: 20px;
    padding-right: 20px
}

.content-flex .search-form form {
    padding-left: 5px;
    padding-right: 5px
}

.fb_iframe_widget_fluid span {
    margin-left: -5px;
    margin-right: -15px
}

.form-additional, .news .item > .row > div, .print_btn, .top-title-widget .breadcrumb, .widget-agents-listing, .widget.widget-section .widget-header {
    margin-bottom: 40px
}

.places_select .btn {
    border-radius: 0 !important;
    padding: 8px 15px !important;
    position: relative;
    background: repeat-x #f5f5f5;
    margin-bottom: 3px;
    display: inline-block;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    cursor: pointer;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}

    .places_select .btn:hover {
        background: #f5f5f5
    }

.navbar-nav li a {
    padding: 13px !important;
    margin-top: -12px;
    margin-bottom: -12px
}

.menu .nav > .nav-item .drop-camnang li a, .menu .nav > .nav-item .drop-camnang li a:hover {
    font-weight: 600;
    padding: 12px 15px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase
}

.drop-camnang li a {
    width: 189px;
    margin: 3px 0
}

.box-package h4 {
    text-align: center;
    font-weight: 700;
    color: #44494b;
    padding: 20px 5px 10px;
    font-family: open sans,sans-serif
}

.box-package p {
    background-color: #d8ab25;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    height: 135px;
    width: 135px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #dea700;
    text-align: center
}

.EUJobseer-td span, .head-right, .main-bg, .tabs, .txt-info-ck:before {
    display: inline-block
}

.box-package .money {
    font-weight: 700;
    font-size: 16px
}

.box-payment, .col-push-searchPost {
    margin: 0 auto
}

.box-package ul {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

    .box-package ul li {
        border-bottom: 1px solid #ebebeb
    }

.box-buy {
    overflow: hidden;
    background-color: #fff;
    position: relative
}

    .box-buy h1 {
        font-size: 105px;
        color: #e6e6e6;
        font-weight: 700;
        text-align: center
    }

    .box-buy .container-buy {
        width: 240px;
        margin: 0 auto 20px;
        text-align: center
    }

.postjob, .search-hs {
    margin-top: 13px
}

.budget {
    background: #b7cc0b;
    left: -40px
}

.page_ntd_content_banggia, .page_ntd_content_timhoso {
    text-align: center;
    padding: 16px 20px 9px
}

.EUJobseer-td, table td.trai {
    text-align: left !important
}

.page_ntd_content_banggia img, .page_ntd_content_timhoso img {
    vertical-align: top
}

.page_ntd_content_banggia p, .page_ntd_content_timhoso p {
    line-height: 16px;
    margin-bottom: 16px
}

.btn-search-hs {
    background-color: #009688 !important;
    border: 1px solid rgba(0,0,0,.017);
    color: #f6f6f6 !important;
    font-size: 14px
}

.search-hs a:hover {
    background-color: #058579 !important
}

.search-hs {
    margin-right: 15px;
    margin-left: 15px
}

.btn-postjob {
    background-color: #f07e1d;
    border: 1px solid #f07e1d;
    color: #fff !important;
    font-size: 14px
}

.head-right {
    float: right
}

    .head-right > ul > li {
        float: left;
        display: block;
        padding-top: 8px;
        padding-left: 8px
    }

.USPJob-frm-PostJob input[type=text], .USPJob-frm-PostJob textarea, .frm-dkyJob input[type=file], .frm-dkyJob input[type=text], .frm-dkyJob textarea {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb
}

.next-job {
    margin-bottom: 22px
}

.txt-next-jobseeker {
    color: #777;
    font-style: italic
}

.social-bar {
    padding-bottom: 0 !important
}

.step-margin {
    margin-bottom: 0 !important
}

.menu-sub-em {
    width: 157px;
    cursor: pointer
}

.div-chat-img {
    width: 52px;
    height: 52px
}

    .div-chat-img img {
        border: 1px solid #f3f3f3;
        border-radius: 50%
    }

.list-people li .info .user {
    font-weight: 600;
    color: #62bf6e
}

.list-people li {
    cursor: pointer;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px
}

.menu-sub-em button {
    color: #333 !important;
    background-color: transparent;
    border: 0
}

.EUJobseer-table table thead tr, .USListJob-table table thead tr, .ul-content-top-em > li {
    background-color: #f8f8f8
}

.badge-em {
    padding: 3px 6px !important;
    font-size: 10px !important;
    top: -6px;
    right: -9px;
    position: absolute;
    background-color: #f44336 !important
}

.drop-menu-em {
    border: 0 !important;
    padding: 11px !important;
    border-radius: 0 !important;
    left: -46px;
    right: unset;
    top: unset;
    bottom: unset
}

    .drop-menu-em > li > a {
        border-bottom: 1px solid #f4f4f4;
        padding: 7px
    }

        .drop-menu-em > li > a:hover {
            background-color: transparent;
            color: #000 !important
        }

ul > li.dropdown ul.dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    -o-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: 1px solid #e0e0e0
}

ul.cart-list {
    padding: 0 !important;
    width: 320px !important
}

    ul.cart-list > li:not(.btn-view) {
        position: relative;
        border-bottom: 1px solid #efefef;
        padding: 10px !important;
        min-height: 68px;
        max-height: 110px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ul.cart-list > li > a.photo, ul.cart-list > li > h6 > a.photo {
        padding: 0 !important;
        display: block
    }

    ul.cart-list > li > a.photo {
        margin-right: 15px;
        float: left;
        width: 50px;
        height: 50px;
        position: relative;
        margin-bottom: 15px
    }

    ul.cart-list > li img {
        top: 0;
        position: absolute;
        border: 1px solid #efefef;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.btn-postJob, .btn-searchCV {
    margin-bottom: 15px;
    color: #fff
}

ul.cart-list > li > p {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden
}

.btn-view {
    padding: 10px !important;
    background-color: #ddd !important
}

.successdisplay {
    color: #257223
}

.ui-menu {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll
}

.form-height {
    min-height: 50px
}

.btn-searchCV {
    background-color: #009688
}

.colleft-button button:hover {
    background-color: #d25404
}

.colright-button button:hover {
    background-color: #04766b
}

.col-md-left-top {
    width: 95%
}

.box-hinhCongViec, .btn-wide, .col-md-right-top, .div-savefile, .property-card:not(.property-card-list) .property-card-header, .widget-ads-right img, .width_100 {
    width: 100%
}

.property-card .property-card-tags {
    padding: 6px 0 0 !important
}

.label-tag-warning {
    background-color: #b7cc0b !important
}

.label-default a {
    color: #fff;
    line-height: 13px
}

.property-job {
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px
}

.ct-em-invite, .main-bg {
    text-transform: uppercase;
    font-weight: 400
}

.property-span {
    font-size: 25px
}

.menu-left {
    margin-left: 15px !important
}

.property-title {
    color: #000 !important;
    font-size: 13.5px !important
}

.circle {
    width: 70px;
    border-radius: 50%;
    border: 1.3px solid #f07e1d;
    margin: 0 auto 20px;
    height: 70px
}

.box-container-title, .control-group2, .job-border, .jobs-info, .margin-bottom-15px, .widget.widget-form-cart label {
    margin-bottom: 15px
}

.widget-content-top-em {
    margin-top: 10px !important
}

.label-content-top-em {
    padding: 10px 10px 6px;
    line-height: 14px;
    font-size: 12px;
    float: right
}

.title-detail-middle, .widget-content-top-em h1, .widget-header-edit h3 {
    font-size: 20px !important
}

.point-content-em {
    color: #b7cc0b !important;
    text-shadow: 1px 1px 1px #92a400
}

.ul-content-top-em > li {
    padding: 7px;
    margin: 5px 0;
    text-align: center
}

.content-em-p {
    font-size: 13px;
    color: #8e8e8e;
    line-height: 1.3;
    margin-top: 10px
}

.btn.main-bg.btn-3d {
    -webkit-box-shadow: 0 5px 0 #d23c1a;
    box-shadow: 0 5px 0 #db741c;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0
}

.content-em-update a:hover {
    background-color: #e3700e !important
}

.main-bg {
    background-color: #f07e1d;
    border: 1px solid transparent;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5)
}

.hr-style1 {
    border-top: 1px solid #eeeded
}

.hr-style2 {
    padding: 38px;
    height: 1px;
    border-bottom: 1px solid #eeeded
}

.box-content-em h1 {
    font-size: 50px !important
}

.ct-em-invite {
    font-size: 13px
}

.top-em-btn-invite {
    background-color: #ffc107;
    border-radius: 4px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(56,56,56,.3)
}

.top-em-content-invite {
    margin: 20px 0 18px;
    background-color: #fcfcfc;
    padding: 5px 0 0
}

.social-top-em, .ul-margin, .widget-contact-info h4 {
    margin-top: 0
}

.USPJob-subSpan {
    font-size: 13px;
    color: #777;
    text-transform: lowercase;
    font-weight: 400 !important;
    line-height: 15px
}

.USPJob-btn-ctPostjob {
    background-color: #00aeef;
    border-radius: 0;
    white-space: normal;
    padding: 10px 25px;
    color: #fff
}

.label-margin-top, .list-inline {
    margin-top: 5px
}

.USPost-label-right {
    float: right;
    margin-top: 5px;
    color: #f07e1d;
    font-weight: 400
}

.USPJob-btn-ctPostjob:hover {
    background-color: #059bd3
}

.USPJob-frm-PostJob .USPost-btn-ctUnit.active {
    background-color: #ed1c24;
    font-weight: 600;
    color: #fff
}

.USPJob-frm-PostJob .USPost-btn-ctUnit {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    font-weight: 600
}

.USPost-colLeft-money {
    float: left;
    width: 47%;
    height: 60px
}

.USPost-colRight-money {
    float: right;
    width: 47%;
    height: 60px
}

.widget .widget-header h1, .widget .widget-header h2, .widget .widget-header h3 {
    line-height: inherit !important
}

.USPost-colLeft-Gender, .USPost-colMiddle-Gender, .USPost-colRight-Gender {
    width: 30.3%;
    float: left
}

.USPost-center-on-page {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.USPost-label-right-a {
    float: right;
    text-decoration: none;
    color: #f07e1d;
    font-weight: 400
}

.margin_top_8, .route_suggestion a {
    margin-top: 8px
}

.USListJob-Content {
    width: 100%;
    margin: 0 auto;
    background-color: #fff
}

.EUJobseer-row, .USListJob-row, .tab-content-payment {
    margin-left: 15px;
    margin-right: 15px
}

.EUJobseer-table table thead tr th, .USListJob-table table thead tr th, .h-side, .table-payment table thead tr th {
    padding: 20px 0
}

.USListJob-aedit {
    color: #fff;
    background-color: #f07d1e;
    padding: 5px;
    border-radius: 2px;
    margin-right: 5px
}

.USListJob-adelete, .USListJob-aopen {
    border-radius: 2px;
    padding: 5px 8px;
    color: #fff
}

.USListJob-aopen {
    background-color: #8bc34a;
    margin-right: 5px
}

.USListJob-adelete {
    background-color: red
}

.EUJobseer-divbtn, .USListJob-divbtn, .property-logo-detail {
    padding-top: 15px
}

    .USListJob-divbtn button {
        background-color: #fcb016;
        border: 0;
        padding: 15px;
        color: #fff;
        width: 20%;
        outline-width: 0;
        font-weight: 600
    }

        .USListJob-divbtn button:hover {
            background-color: #f8a600
        }

        .USListJob-divbtn button:focus {
            border: 1px solid #f8a600;
            background-color: #fcb016;
            outline-width: 0;
            outline-style: none
        }

.EUJobseer-pagination li.page-item a.active, .EUJobseer-pagination li.page-item a:hover, .USListJob-pagination li.page-item a.active, .USListJob-pagination li.page-item a:hover, .payment-pagination li.page-item a.active, .payment-pagination li.page-item a:hover {
    background-color: #f07e1d !important
}

.USListJob-title {
    padding-top: 20px
}

#example_wrapper .col-sm-6:first-of-type {
    width: 200px
}

.table-bordered th {
    padding: 15px !important;
    background-color: #ececec
}

.EUJobseer-Content {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    float: left
}

.EUJobseer-td img, .getstarted a i, .header .top-bar .login-menu li {
    margin-right: 10px
}

.EUJobseer-row .steps ul li:hover {
    background-color: #fdb251;
    color: #fff
}

    .EUJobseer-row .steps ul li:hover span:after {
        border-left: 16px solid #fdb251
    }

.EUJobseer-aedit {
    color: #7da7d9
}

.EUJobseer-aopen {
    color: #8a2be2
}

.EUJobseer-adelete {
    color: #f81302
}

.EUJobseer-divbtn button {
    background-color: #fff;
    border: 1px solid #eceeef;
    padding: 15px;
    color: #7c7c7c;
    outline-width: 0;
    font-weight: 600
}

    .EUJobseer-divbtn button:hover {
        background-color: #f8a600;
        color: #fff
    }

    .EUJobseer-divbtn button:focus {
        border: 1px solid #f8a600;
        background-color: #fcb016;
        color: #fff
    }

    .EUJobseer-divbtn button.active {
        background-color: #fcb016;
        border: 1px solid #fcb016;
        padding: 15px;
        color: #fff;
        outline-width: 0;
        font-weight: 600
    }

.EUJobseer-group .dropdown-menu li {
    padding: 5px;
    cursor: pointer
}

.EUJobseer-btnVL {
    height: 22px;
    padding: 0 20px;
    float: right !important;
    background-color: #e1e1e1;
    border: 1px solid transparent
}

#example2 .name-job {
    overflow: hidden;
    text-transform: uppercase;
    width: 150px;
    float: left
}

.EUJobseer-td img {
    max-height: 40px;
    border-radius: 6px;
    float: left
}

.EUJobseer-td span {
    text-align: left
}

.tabs {
    width: 100%
}

    .tabs > ul:after {
        display: block;
        clear: both;
        content: ""
    }

    .tabs > ul li {
        float: left;
        background: #efefef;
        color: #6c6c6c
    }

        .tabs > ul li a {
            color: #6c6c6c;
            display: block;
            padding: 6px 15px
        }

            .tabs > ul li a i {
                margin-right: 8px;
                color: #6c6c6c
            }

.col2-detail-CV, .col3-detail-CV, .row-profile {
    margin-right: -15px
}

.tab-content > .tab-pane {
    border-top: 2px solid #e7512f
}

.skew-25 {
    -moz-transform: skew(-25deg,0);
    -ms-transform: skew(-25deg,0);
    -o-transform: skew(-25deg,0);
    -webkit-transform: skew(-25deg,0);
    transform: skew(-25deg,0)
}

.skew25 {
    -moz-transform: skew(25deg,0);
    -ms-transform: skew(25deg,0);
    -o-transform: skew(25deg,0);
    -webkit-transform: skew(25deg,0);
    transform: skew(25deg,0)
}

.tab-nav > li > a::after {
    background: 0 0;
    color: #fff
}

.agents-listing, .tab-pane {
    padding: 15px 0
}

.show_hide, .show_hide2 {
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px
}

.xuly_hienan_search {
    text-align: right;
    z-index: 100;
    position: absolute;
    right: 48px;
    margin-top: -5px
}

.xuly_hienan_search_mobile {
    text-align: right;
    z-index: 100;
    top: -25px;
    width: 50%;
    float: right
}

.class_load_search, body .h-side.top-pad.h-side-slim {
    padding-bottom: 30px
}

input.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    border: 1px solid #c5c5c5;
    height: 40px !important
}

.section.agents, .ul_search_job li a {
    overflow: hidden
}

input.input_tukhoa {
    width: 90% !important;
    height: 40px;
    padding: 8px 0 8px 8px;
    background-color: #fff !important;
    margin-left: 10%;
    border-radius: 3px;
    border: 1px solid #c5c5c5 !important
}

.class_web_margin_t30_bt_15 {
    margin-bottom: 15px;
    margin-top: 30px
}

.div-savefile, .icon-caret-down, .txt-view {
    margin-top: 7px
}

.slidingDiv {
    display: block;
    top: 20px;
    background-color: #f0f8ff;
    padding: 40px;
    margin-bottom: 30px;
    right: 10px
}

.squaredFour {
    width: 20px;
    position: relative;
    float: left
}

    .squaredFour label {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        background: #fcfff4;
        background: -webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
        background: linear-gradient(to bottom,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
        border-radius: 4px;
        box-shadow: inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5)
    }

        .squaredFour label:after {
            content: "";
            width: 12px;
            height: 8px;
            position: absolute;
            top: 4px;
            left: 4px;
            border: 3px solid #333;
            border-top: none;
            border-right: none;
            background: 0 0;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .squaredFour label:hover::after {
            opacity: .5
        }

#result_search_title h1, .tags-cloud .tag-lg-3 {
    font-size: 18px
}

.txt-notification {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.box-profile {
    width: 116px;
    height: 116px;
    overflow: hidden;
    background-image: url(../images/default-profile.jpg)
}

.box-margin-left, .row-profile {
    margin-left: -15px
}

.title-profile {
    text-transform: uppercase;
    font-weight: 600;
    color: #000
}

    .title-profile span {
        font-weight: 400
    }

.notification-person li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600
}

    .notification-person li span {
        font-weight: 400
    }

    .notification-person li i {
        color: #b7b7b7
    }

.content-profile {
    padding: 5px;
    margin-left: 12px
}

.col1-detail-CV, .col2-detail-CV {
    margin-left: -15px;
    background-color: #fff
}

.btn-savefile {
    border: 0;
    outline-width: 0;
    padding: 5px;
    width: 100%;
    background-color: #ffc107;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(7,7,7,.1);
    line-height: 26px
}

.txt-update {
    color: #606060
}

.property-img-profile {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: none
}

button.btn-Advanced {
    cursor: pointer;
    border: 0;
    outline: 0;
    transition: .4s;
    background-color: transparent
}

div.panel {
    background-color: rgba(255,255,255,.02);
    margin-bottom: 0;
    -webkit-box-shadow: 0 1px 1px transparent;
    box-shadow: 0 1px 1px transparent
}

.searchCV {
    padding: 27px 0 8px !important
}

.margin_top_80 {
    margin-top: 80px
}

#header, .background-introduce-video, .content-detail-CV, .invoice-intro p {
    padding-bottom: 20px
}

.col2-detail-CV {
    min-height: 196px;
    max-height: 235px
}

.col1-menu, .nav-tabs > li, .tags-cloud .tag, .tags-cloud .tag-md, .ul-margin .fa, .widget-menu-right-sm .list-group div a {
    font-size: 14px
}

.job-content-field_class .tieude, .steps li span {
    font-size: 15px
}

.col1-menu li {
    padding: 10px;
    border-bottom: 1px solid #edeef0;
    cursor: pointer
}

.col1-menu .active {
    color: #df6700;
    border-bottom: 1px solid #f07e1d
}

.box-img-detailCV {
    width: 166px;
    height: 166px;
    overflow: hidden;
    margin-top: 15px;
    background-image: url(../images/img-detailCV-default.jpg)
}

.title-detail-CV {
    color: #333;
    letter-spacing: 0;
    font-weight: 400
}

.button-detail-CV, .button-filecv {
    color: #323232;
    font-size: 13px;
    outline-width: 0;
    text-align: center;
    cursor: pointer
}

.btn-view-detail-CV {
    border-radius: 25px;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #f07e1d;
    background-color: #fff;
    outline-width: 0
}

.button-detail-CV, .button-filecv {
    background-color: #d7d7d7;
    transition: .5s
}

.button-detail-CV {
    border-radius: 25px;
    border: none;
    padding: 4px;
    width: 59%;
    margin: 5px
}

.box-introduce-video, .box-marginTop-cv {
    margin-top: 15px;
    margin-left: -15px;
    margin-right: -15px
}

.button-detail-CV span, .button-filecv span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .5s
}

    .button-detail-CV span:after, .button-filecv span:after {
        content: "\00bb";
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: .5s
    }

.button-detail-CV:hover span, .button-filecv:hover span {
    padding-right: 25px
}

    .button-detail-CV:hover span:after, .button-filecv:hover span:after {
        opacity: 1;
        right: 0
    }

.box-marginTop-cv {
    padding-top: 10px;
    padding-bottom: 10px
}

.box-info-general li {
    margin-left: 15px;
    margin-bottom: 5px
}

.txt-academic, .widget-info-general, .widget-introduce-video {
    margin-bottom: 10px !important
}

.min-height-detailcv {
    min-height: 270px
}

.box-introduce-video {
    padding-bottom: 30px
}

.button-filecv {
    border-radius: 25px;
    border: none;
    padding: 4px;
    width: 79%;
    margin: 3em 2em 2em
}

.box-filecv {
    min-height: 346px;
    margin-right: -15px
}

.btn-download-hs {
    padding: 31px;
    border-radius: 2px;
    margin-left: 3.7em;
    outline-width: 0;
    background-color: transparent;
    border: 1px dotted #d7d7d7
}

    .btn-download-hs:hover {
        color: #f07e1d;
        border: 2px solid
    }

.job-content-field_class .tieude, div#job-content-field div.field-container div.block-fields div.block .tieude {
    border-bottom: 2px solid #1b799c;
    padding-bottom: 12px
}

.widget-academic, .widget-filecv {
    margin-bottom: 10px !important;
    margin-top: 10px
}

.progress-detail-CV {
    height: 15px !important;
    margin-bottom: 18px !important;
    border-radius: 25px !important
}

.btn-print-detail-CV, .btn-saveHS-detail-CV {
    width: 100%;
    border: 0;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: 600;
    outline-width: 0
}

.progress-detail-CV .progress-bar {
    background-color: #c2c2c2 !important;
    color: #000 !important;
    --webkit-box-shadow: inset 0 -1px 0 transparent !important;
    box-shadow: inset 0 -1px 0 transparent !important
}

.btn-saveHS-detail-CV {
    background-color: #b7cc0b;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.15)
}

    .btn-saveHS-detail-CV:hover {
        background-color: #a3b609
    }

.btn-print-detail-CV {
    background-color: #fff;
    color: #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,.04)
}

.blockquote2, blockquote {
    font-size: 13px;
    border-left: none
}

.div-group-detail-CV {
    position: fixed
}

.btn-vista_blue.btn-3d {
    -webkit-box-shadow: 0 5px 0 #4ac97d;
    box-shadow: 0 5px 0 #4ac97d;
    margin-bottom: 5px
}

    .btn-vista_blue.btn-3d:hover, .btn-vista_do.btn-3d:hover, .btn-vista_xanh.btn-3d:hover {
        box-shadow: 0 5px 0 #f07e1d !important
    }

.btn-vista_blue {
    background-color: #75d69c;
    color: #fff !important;
    transition: .5s
}

    .btn-vista_blue:hover, .btn-vista_do {
        color: #fff !important;
        -webkit-transition: .5s;
        -o-transition: .5s
    }

        .btn-vista_blue:hover, .btn-vista_do:hover {
            background-color: #f7ba4d !important;
            transition: .5s
        }

        .btn-vista_do.btn-3d {
            -webkit-box-shadow: 0 5px 0 #b93106;
            box-shadow: 0 5px 0 #b93106;
            margin-bottom: 5px
        }

.btn-vista_do, .btn-vista_xanh {
    background-color: #e43c06;
    transition: .5s
}

    .btn-vista_do:hover, .btn-vista_xanh {
        -webkit-transition: .5s;
        -o-transition: .5s;
        color: #fff !important
    }

        .btn-vista_xanh.btn-3d {
            -webkit-box-shadow: 0 5px 0 #0578ad;
            box-shadow: 0 5px 0 #0578ad;
            margin-bottom: 5px
        }

        .btn-vista_xanh:hover {
            background-color: #089ee2 !important;
            color: #fff !important;
            transition: .5s
        }

blockquote {
    padding: 10px 5px;
    margin: 0
}

.blockquote2 {
    padding: 0;
    margin: 0 20px
}

.payment_container {
    display: flex;
    flex-direction: row
}

.each_payment {
    flex: 1;
    padding-right: 15px;
    text-align: center
}

    .each_payment ul, .point-payment {
        text-align: left;
        font-weight: 700
    }

    .each_payment p {
        color: #ff5a00;
        font-weight: 700;
        height: 60px
    }

.content-payment {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0
}

.btn-edit-payment {
    background-color: #7da7d9;
    color: #fff
}

    .btn-edit-payment:hover {
        background-color: #729dd0
    }

.btn-cancel-payment {
    background-color: #e1e1e1;
    color: #3b3b3b
}

.btn-buy-package {
    border: 0;
    background-color: #f07e1d;
    color: #fff;
    outline-width: 0;
    padding: 15px;
    border-bottom: 5px solid #d56c13;
    border-radius: 4px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
    width: 100%
}

    .btn-buy-package:hover {
        background-color: #e7791c;
        color: #fff
    }

.background-point {
    background-color: #f8f8f8;
    margin-top: 15px;
    margin-bottom: 15px
}

.point-payment {
    color: #f07e1d;
    text-shadow: 1px 1px 1px rgba(0,0,0,.21);
    font-size: 70px
}

.txt-banner-ntd1, .txt-banner-ntd2 {
    text-shadow: 1px 1px 1px #000;
    line-height: 1.5
}

.txt-diemhientai {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-top: 48px;
    border-right: 1px solid #e1e1e1
}

.box-info-tranfer {
    border: 1px solid #e1e1e1;
    padding: 20px;
    overflow: hidden
}

.txt-info-ck:before {
    position: absolute;
    left: 94px;
    width: 200px;
    height: 18px;
    content: "";
    top: 3px;
    background-color: #fefefe
}

.txt-info-ck span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.msginfo {
    background-color: #bde5f8;
    background-image: url(../images/info.png);
    color: #00529b
}

.msgerror, .msginfo, .msgsuccess, .msgvalidation, .msgwarning {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 50px
}

.steps {
    margin-bottom: 30px;
    padding: 0 15px 0 0
}

    .steps ul {
        display: table;
        width: 100%
    }

    .steps li {
        display: table-cell;
        width: 15.5%;
        background: #e9e9e9
    }

        .steps li.selected span {
            background-color: #fdb251;
            color: #fff;
            font-weight: 700
        }

.continue-btn {
    margin-bottom: 65px
}

    .continue-btn .btn {
        position: relative;
        height: 43px
    }

        .continue-btn .btn.left:after, .continue-btn .btn.right:after {
            position: absolute;
            top: 50%;
            display: inline-block;
            margin-top: -22px;
            width: 0;
            height: 0;
            border-top: 22px solid transparent;
            border-bottom: 21px solid transparent;
            content: "";
            z-index: 3
        }

        .continue-btn .btn.right:after {
            left: 100%
        }

        .continue-btn .btn.left:after {
            right: 100%;
            cursor: pointer
        }

.steps li span {
    position: relative;
    display: block;
    padding: 20px 20px 20px 35px;
    font-weight: 700;
    cursor: pointer
}

    .steps li span:after, .steps li span:before {
        position: absolute;
        top: 50%;
        left: 100%;
        display: inline-block;
        margin-top: -30px;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        content: "";
        cursor: pointer
    }

    .steps li span:after {
        z-index: 3;
        border-left: 16px solid #e9e9e9
    }

    .steps li span:before {
        z-index: 2;
        margin-left: 1px;
        border-left: 16px solid #fff
    }

.steps li.selected span:after {
    border-left: 16px solid #fdb251 !important;
    cursor: pointer
}

div.content-center.border {
    border: 2px solid #e5e5e5;
    padding: 0;
    float: left;
    margin-bottom: 35px
}

#job-content-field, #job-content-field .field-container, .align-left, .employer_login input[type=checkbox] + label, .job-content-field_class .field-container, .tags li {
    float: left
}

div#job-content-field div.field-container div.block-fields div.block.col-md-12 blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 14px;
    border-left: 2px solid #f9cf5d;
    background-color: rgba(191,194,198,.08)
}

.job-content-field_class {
    float: left;
    width: 100%;
    margin-right: 30px
}

.pricing-table-2 .dark-bg, .pricing-table-2 .re-dark-bg1, .pricing-table-2 .re-dark-bg2, .pricing-table-2 .re-dark-bg3 {
    padding: 30px 0;
    position: relative;
    overflow: hidden
}

.job-content-field_class blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 14px;
    border-left: 2px solid #f9cf5d;
    width: 100%;
    float: left
}

.candidate-pic, .candidate-pic img {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center
}

table {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-spacing: 0;
    border-collapse: collapse
}

    table td.trai {
        background-color: #fafafb !important;
        padding: 10px !important;
        display: table-cell
    }

    table td.phai {
        width: 70%;
        padding: 15px;
        display: table-cell;
        border: 1px solid #aaa;
        box-sizing: border-box
    }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49% !important
}

.btn-green.btn-3d {
    -webkit-box-shadow: 0 5px 0 #53812d;
    box-shadow: 0 5px 0 #53812d;
    margin-bottom: 5px
}

.btn-green {
    background-color: #6dab3c;
    color: #fff !important;
    transition: .5s
}

    .btn-green:hover {
        background-color: #058b31;
        color: #fff !important;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }

.btn-default.btn-3d {
    -webkit-box-shadow: 0 5px 0 #555;
    box-shadow: 0 5px 0 #555;
    margin-bottom: 5px
}

.Resume, .box-shadow-detail {
    box-shadow: 0 0 53px -25px rgba(0,0,0,.75)
}

.list-details li {
    padding: 10px 3px;
    border-top: 1px solid #e5e5e5
}

    .list-details li:first-child {
        border-top: 0
    }

    .list-details li span.main-color {
        font-weight: 700;
        font-size: 13px;
        color: #f2a348
    }

.main-color {
    color: #f2a348
}

.list-details li span {
    margin: 0 15px 0 5px
}

.xuly_p p {
    line-height: 20px;
    margin-bottom: 0
}

#ui-datepicker-div {
    z-index: 9999999 !important
}

.padding_ol_or_web, body:not(.boxed) .section.page-body .row {
    margin-left: -15px;
    margin-right: -15px
}

.content-detail, .content-postjob-em {
    padding-top: 90px;
    padding-bottom: 20px
}

.quoteNTD-VO {
    background: url(../images/banner_GTDTTD.png) center center no-repeat;
    height: 292px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.banner-NTD-VO {
    padding-left: 1%;
    padding-top: 3%
}

.title-NTD-VO {
    text-align: left;
    color: #157b67;
    font-weight: 900;
    font-size: 40px
}

.txt-banner-ntd1 {
    font-size: 21px;
    color: #ffe600;
    padding-left: 0
}

.btn-register-postjob-em {
    background-color: #f07e1d;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-left: -4%
}

    .btn-register-down:hover, .btn-register-postjob-em:hover, .color7d {
        color: #f07e1d !important
    }

.div-postjob-em {
    margin: 0 auto;
    position: relative
}

    .div-postjob-em img {
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute
    }

.margin-now, .margin-postjob-1 {
    margin-top: 0;
    margin-left: -21px
}

.form-contact, .item blockquote img, .list-inline, .margin-postjob-1, .phone-contact, .ul-sub-detail {
    margin-bottom: 10px
}

.widget .widget-title:before {
    border-left: 7px solid !important
}

.widget .widget-title {
    line-height: 1.3 !important;
    border-color: #e4c829 !important
}

    .widget .widget-title h3 {
        color: #333 !important;
        font-weight: 600 !important
    }

.postjob-content {
    text-align: justify;
    color: #333;
    font-weight: 600;
    font-size: 14px
}

.title-feature {
    font-size: 14px;
    display: inline-flex;
    color: #333;
    font-weight: 600
}

.content-feature {
    font-size: 15px;
    text-align: justify;
    color: #333;
    background-color: #efeef8;
    padding: 13px;
    min-height: 108px
}

.btn-register-down {
    width: 100%;
    background-color: #f07e1d;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.txt-banner-ntd2 {
    font-size: 21px;
    color: #ffe600;
    padding-left: 21%
}

.btn-register-cvsearch-em {
    background-color: #a59e19;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 20%;
    margin-left: 9%
}

    .btn-down-cvsearch-em:hover, .btn-register-cvsearch-em:hover {
        color: #a59e19 !important
    }

.btn-register-cvsearch-em1 {
    background-color: #ed1c24;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 20%;
    margin-left: 24%
}

    .btn-down-cvsearch-em1:hover, .btn-register-cvsearch-em1:hover {
        color: #ed1c24 !important
    }

.pricing-table-2 {
    z-index: 2;
    margin-right: -15px;
    margin-left: -15px
}

    .pricing-table-2 i.fa {
        position: absolute;
        left: 50%;
        font-size: 26px;
        width: 90px;
        height: 84px;
        z-index: 1;
        text-align: center;
        line-height: 23px;
        margin-left: -45px;
        margin-bottom: -48px;
        bottom: 0;
        padding: 10px 25px 39px;
        border-radius: 50%;
        background: #fff;
        color: #cacaca
    }

    .pricing-table-2.selected {
        position: relative;
        z-index: 66 !important;
        background: #494949;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

        .pricing-table-2.selected li.even {
            background: #373737
        }

        .pricing-table-2.selected li {
            border-color: #585858;
            color: #949494
        }

        .pricing-table-2.selected i.fa {
            background: #494949
        }

.highInd {
    z-index: 99 !important
}

.redots-pattern {
    border-top: 1px solid #e4e4e4
}

.pricing-table-2 .dark-bg {
    background-color: #ed1c22 !important
}

.pricing-table-2 .re-dark-bg1 {
    background-color: #14a3a9 !important
}

.pricing-table-2 .re-dark-bg2 {
    background-color: #f7941d !important
}

.pricing-table-2 .re-dark-bg3 {
    background-color: #7fab15 !important
}

.pricing-table .price span, .pricing-table-2 .price span {
    font-size: 20px !important;
    font-weight: 400
}

.pricing-table, .pricing-table-2 {
    padding: 0 2px;
    text-align: center
}

    .pricing-table i.fa {
        position: absolute;
        top: 0;
        left: 50%;
        font-size: 30px;
        width: 60px;
        height: 56px;
        z-index: 9999;
        text-align: center;
        line-height: 56px;
        margin-top: -28px;
        margin-left: -30px
    }

    .pricing-table .head, .pricing-table-2 .head {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 16px
    }

    .pricing-table li, .pricing-table-2 li {
        padding: 10px 0;
        border-bottom: 1px solid #e4e4e4;
        font-size: 14px
    }

.pricing-footer {
    padding-top: 20px !important;
    border-bottom: 0 !important
}

.classfied-card .treefield-categories .treefield-box-item:not(:hover), .color-white, .witTxt {
    color: #fff !important
}

.btn-down-cvsearch-em {
    background-color: #a59e19;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 46%
}

.btn-down-cvsearch-em1 {
    background-color: #ed1c24;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 46%
}

.getstarted {
    text-align: center;
    margin-top: 50px
}

    .getstarted a {
        display: inline-block;
        border: 3px solid #fff;
        padding: 12px 25px;
        color: #fff;
        font-size: 18px;
        font-weight: 700
    }

.home-box {
    float: left;
    background-color: #fff;
    border: 1px solid #e1e1e1
}

.box-propetty-right.box-propetty-right:not(:last-child), .lang-manu img {
    margin-right: 8px
}

.box-propetty-left, .propetty-left-camnang {
    margin-left: 10px
}

.home-icon {
    position: relative;
    margin: 0 auto;
    min-height: 80px
}

    .home-icon img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

.home-box h2 {
    font-size: 13px;
    color: #f07e1d;
    font-weight: 600;
    text-align: center;
    margin-top: -6px
}

.home-box p {
    color: #333;
    text-align: center;
    font-size: 14px
}

.job-home .nav-tabs > li {
    margin-bottom: 0;
    width: 21% !important
}

    .job-home .nav-tabs > li.active > a, .job-home .nav-tabs > li.active > a:focus, .job-home .nav-tabs > li.active > a:hover {
        background-color: #f07e1d;
        color: #fff !important;
        border: none !important
    }

    .job-home .nav-tabs > li > a::after {
        content: "";
        background: #f07e1d;
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -1px;
        transition: 250ms .3s;
        transform: scale(0)
    }

    .job-home .nav-tabs > li > a {
        margin-right: 3px;
        border: none;
        border-radius: 3px 3px 0 0;
        background-color: #eee;
        color: #7d7d7d;
        font-size: 13px;
        margin-top: 3px
    }

.job-home .tab-content {
    padding: 0 15px;
    overflow: hidden
}

    .job-home .tab-content .padding-left, .property-card-list .property-card-tags, .property-card-list.property-card .property-card-box, .widget.widget-properties .property-card-box, .widget.widget-properties .property-card-tags {
        padding-left: 0;
        padding-right: 0
    }

.tab-home-job > .tab-pane {
    border-top: 0 !important;
    padding: 0
}

.box-banner {
    margin-right: -15px;
    margin-left: 8px
}

.job_overflow, .properties-list-small .property .body .location, .properties-list-small .property .body .price, .properties-list-small .property .body .title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.div-jobs a {
    height: 130px;
    overflow: hidden
}

.deadline {
    text-align: right;
    float: right;
    color: #7d7d7d
}

h3.title-jobs-home {
    font-size: 16px;
    overflow: hidden;
    line-height: 21px;
    color: #333
}

.max-line-bv {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 1.4em;
    max-height: 41px
}

#menu-home-beta a, .tag {
    display: inline-block;
    text-decoration: none
}

.ul-margin li {
    line-height: 1.8
}

.view-more {
    white-space: nowrap;
    float: right;
    text-decoration: none;
    padding: 3px 10px;
    color: #fff;
    font-size: 13px;
    background-color: #9e9e9e
}

    .view-more:hover {
        color: #fff !important;
        background-color: #8a8a8a
    }

.re-width-camnang {
    width: 257px;
    float: left;
    overflow: hidden
}

.img-camnang, .img-camnang img {
    height: 180px;
    width: 255px;
    object-fit: cover
}

.content-camnang h3 {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    font-weight: 600
}

.rhimage img {
    height: 180px !important;
    width: 255px !important
}

.content-camnang {
    padding: 0 5px 5px
}

.no-padding, .property-card-list .image-box, .tab-vieclam > .tab-pane, .tags, body .h-side.top-pad.h-side-slim .grid-type, body .h-side.top-pad.h-side-slim .properties-filter .form-group {
    padding: 0
}

.content-camnang p {
    font-size: 13px;
    color: #7d7d7d;
    line-height: 1.4
}

.main-text {
    position: absolute;
    top: 50px;
    width: 96.666666666667%;
    color: #fff
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px
}

.btn-clear {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    margin-right: 15px
}

    .btn-clear:hover {
        color: #000;
        background-color: #fff
    }

.carousel-cn .carousel-indicators li {
    border: 1px solid #f07e1d;
    background-color: #f07e1d
}

#menu-home-beta, #menu-home-beta > li > a:hover {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}

#quote-carousel .carousel-control {
    background: 0 0;
    color: #333;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 154px
}

    #quote-carousel .carousel-control.left {
        left: -55px
    }

    #quote-carousel .carousel-control.right {
        right: -55px !important
    }

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -20px;
    margin-right: -19px
}

    #quote-carousel .carousel-indicators li {
        background: #b0b0b0
    }

    #quote-carousel .carousel-indicators .active {
        background: #787878
    }

.item blockquote {
    border-left: none;
    margin: 0
}

    .item blockquote p:before {
        content: "\f10d";
        font-family: Fontawesome;
        float: left;
        margin-right: 10px
    }

#menu-home-beta {
    position: fixed;
    right: 0;
    top: 76.5%;
    z-index: 5;
    background: #f07e1d;
    color: #fff;
    font-weight: 700;
    font-size: large;
    text-align: left;
    border-right: none;
    margin: -8.5em 0 0 1em;
    width: 4.5%
}

    #menu-home-beta a {
        position: relative;
        color: #fff;
        padding: 12px 19px;
        text-align: left;
        cursor: pointer;
        width: 100%;
        margin: 0
    }

        #menu-home-beta a .fa-2 {
            font-size: 1.5em
        }

    #menu-home-beta > li > a:hover {
        background-color: #f67f1a
    }

.introduction-ul .nav-tabs > li.active > a:focus, .introduction-ul .nav-tabs > li > a:hover, .property-tab-intro-company .nav-tabs > li.active > a, .property-tab-intro-company .nav-tabs > li > a:hover, .propetty-top .nav-tabs > li.active > a, .propetty-top .nav-tabs > li > a:hover {
    border: none;
    color: #fff !important;
    background: #f07e1d
}

.nav-tabs > li > a::after {
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    transition: 250ms;
    transform: scale(0)
}

.nav-tabs > li > a {
    border: none;
    color: #515151;
    background: #ddd;
    padding: 6px 10px
}

.image_home {
    min-width: 205px;
    height: 130px;
    overflow: hidden;
    object-fit: cover
}

.icon_baivietl {
    float: left;
    margin-bottom: 10px
}

.icon_baivietr {
    float: right;
    margin-bottom: 10px
}

#set_bg_padding, #set_bg_padding_news {
    float: left;
    padding: 20px;
    background-color: #fff;
    margin-right: 0
}

.tags {
    overflow: hidden
}

.tag {
    border-radius: 2px;
    color: #5d5d5d;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    position: relative;
    margin: 0 10px 10px 0;
    -webkit-transition: color .2s
}

    .tag::after, .tag::before {
        background: #fff;
        content: "";
        position: absolute
    }

    .tag::before {
        border-radius: 10px;
        box-shadow: inset 0 0 rgba(0,0,0,.25);
        height: 6px;
        left: 0;
        width: 0;
        top: 0
    }

    .tag::after {
        border-radius: 25px !important border-bottom:25px;
        border-left: 25px;
        border-top: 25px
    }

    .tag:hover::after {
        border-left-color: #f07e1d
    }

.map-info {
    float: left;
    height: 200px;
    text-align: center;
    width: 100%
}

    .map-info #mapCanvasMobile, .map-info #mapCanvasWeb {
        float: left;
        text-align: center;
        width: 100%;
        height: auto;
        padding: 0 !important
    }

.form-control-map {
    background-color: #fff;
    background-image: none;
    color: #555;
    display: block;
    font-size: 14px;
    width: 100%
}

#profile_image {
    width: 50px !important
}

.content-detail-left {
    width: 270px;
    float: left
}

.btn-print-detail, .btn-save-detail {
    width: 100%;
    font-weight: 600;
    text-transform: uppercase
}

.div-salary {
    padding: 5px 15px;
    margin: 10px 0;
    font-size: 13px;
    border-left: 5px solid #fff
}

.btn-save-detail {
    background-color: #f07e1d;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.26)
}

    .btn-save-detail:hover {
        background-color: #a9bc0c !important
    }

.btn-print-detail {
    background-color: #fff;
    color: #333;
    border: 1px solid #e1e1e1
}

    .btn-print-detail:hover {
        color: #333 !important
    }

.group-salary-detail {
    margin-top: 5px;
    position: fixed;
    z-index: 2;
    margin-left: -15px;
    max-width: 200px
}

    .form-additional .form-group, .form-additional.form-group, .group-salary-detail .btn-save-detail, .widget .widget-list.btn-list li {
        margin-bottom: 6px
    }

.widget-box-edit {
    padding: 0 !important
}

.widget .widget-header-edit:before {
    border-left: 3px solid !important;
    left: -15px !important
}

.widget .widget-header-edit {
    line-height: 1.3 !important;
    margin-top: 10px;
    margin-bottom: 10px !important
}

.title-detail-middle {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    line-height: 25px !important
}

.tag-job-group li a {
    color: #7d7d7d
}

.group-font-small, .tags-cloud .tag-sm {
    font-size: 12px
}

.group-font-medium {
    font-size: 14px;
    font-weight: 600
}

.group-font-large {
    font-size: 17px;
    font-weight: 600
}

.group-font-bestlarge {
    font-size: 22px;
    font-weight: 600
}

.info-congviec {
    padding: 5px
}

.Resume {
    padding: 10px 10px 5px;
    border-radius: 4px;
    z-index: 1
}

.manage ul.unstyled li {
    border-bottom: 1px solid #e1e1e1;
    padding: 6px 0
}

ul.unstyled li.active a {
    color: #f07e1d;
    font-weight: 500
}

ul.menu-fixed-detail li.active a {
    font-weight: 600 !important
}

ul.menu-fixed-detail li a {
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px
}

.fixed-resume {
    background-color: #fff;
    width: 292px
}

.div-logocompany {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.info-congviec h5 {
    color: #333;
    font-weight: 600
}

.info-sub-detail li {
    line-height: 16px;
    padding-top: 10px
}

.colornormal:hover, ul.unstyled li a {
    font-size: 13px;
    line-height: 30px
}

.map-info-detail {
    width: 210px;
    height: auto
}

body .border-color-primary, body .widget .widget-header {
    border-color: #f07e1d !important
}

ul.unstyled {
    margin: -10px;
    padding: 0
}

.widget .widget-header {
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
    margin-top: 15px !important
}

    .widget .widget-header:before {
        left: -19px !important
    }

.btn-searchjob-jobseeker {
    background-color: #f07e1d !important;
    border: 1px solid rgba(0,0,0,.017);
    color: #fff !important;
    font-size: 14px
}

.box-searchjob-jobseeker {
    background-color: #fff;
    padding-bottom: 10px
}

.thongbao-searchjob-jobseeker {
    color: #333;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 10px
}

.col-ad-left img, .col-ad-right img {
    margin: 0 auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

.bg-white-searchjob-jobseeker {
    width: 180px;
    float: left;
    text-align: left
}

.content-searchjob-jobseeker {
    padding-bottom: 10px
}

.col-ad-right {
    width: 180px;
    float: right;
    padding: 5px;
    min-height: 608px
}

.job-home {
    border: 1px solid #fff
}

.jobs-info {
    border: 1px solid #e3e3e3;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    margin-right: 0;
    margin-left: 0
}

    .home-box:hover, .jobs-info:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        border-color: #f07e1d
    }

.color-orange {
    color: #ffeb3b !important;
    font-size: 15px !important
}

.title-jobs-home {
    font-size: 16px;
    font-weight: 600;
    line-height: .5
}

    .title-jobs-home a {
        color: #f07e1d;
        text-decoration: none
    }

        .title-jobs-home a:hover {
            color: #f07e1d
        }

.budget .fa, .budget2 .fa, .budget3 .fa, .budget4 .fa {
    color: #fff;
    font-size: 16px;
    left: 53px
}

.row-margin {
    margin-top: 4px
}

.div-img-jobs {
    height: 91px;
    background-color: #e1e1e1
}

.select-small {
    background: #fff !important;
    border: 1px solid #fff !important
}

#parties, .hover-default, .property-card-header {
    overflow: hidden;
    position: relative
}

.affix-bottom, .budget, .budget .fa, .budget2 .fa, .budget3 .fa, .budget4 .fa {
    position: absolute
}

.budget {
    background-color: #b7cc0b;
    height: 72px;
    right: 60px;
    top: -41px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 72px
}

.budget2, .budget3, .budget4 {
    height: 72px;
    right: 94px;
    width: 72px;
    position: absolute
}

    .budget .fa, .budget2 .fa, .budget3 .fa, .budget4 .fa {
        top: 30px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

.budget2, .budget3 {
    transform: rotate(45deg);
    top: -41px
}

.budget2 {
    background-color: #00a651;
    -webkit-transform: rotate(45deg)
}

.budget3, .list-danhmuc li a:hover .badge, .list-khuvuc li a:hover .badge {
    background-color: #f07e1d
}

.budget3 {
    -webkit-transform: rotate(45deg)
}

.budget4 {
    background-color: #00aeef;
    top: -41px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.badge-index {
    background-color: #fff !important;
    font-weight: 400 !important
}

.width-455 {
    width: 455px;
    float: left
}

.phone-contact {
    border-left: 5px solid #eee;
    margin-top: 10px
}

.box-job-cont, .service-box-job .fa {
    border: 1px solid #e6e6e6;
    text-align: center
}

.phone-contact li {
    margin-left: 10px;
    margin-right: 10px
}

.color-red {
    color: red
}

.form-contact input[type=submit], .form-contact input[type=text] {
    display: block;
    width: 100%;
    padding: 5px;
    height: 39px
}

    .form-contact input[type=submit]:hover {
        background-color: #e76f08
    }

.content-intro-jobseeker {
    margin-top: 90px
}

.box-job-cont {
    position: relative;
    padding: 0 15px 15px
}

.service-box-job .fa {
    display: table;
    margin: -30px auto 25px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #f0f0f0;
    box-shadow: inset 0 0 0 3px #fff;
    color: #b3b3b3;
    font-size: 25px;
    line-height: 60px;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -webkit-transition: .3s linear;
    transition: .3s linear
}

.invoice-pay, .service-box-job {
    padding-top: 30px
}

    .service-box-job p.mediumFont {
        overflow: hidden;
        max-height: 180px;
        padding-bottom: 25px !important
    }

.box-job-cont h3 {
    font-size: 16px;
    font-weight: 600
}

.list li {
    padding: 0 0 10px 10px
}

.list-ok li:before {
    content: "\f00c";
    color: #f07e1d
}

.list li:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
    font-family: FontAwesome
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent
}

.lang-manu .dropdown-menu a, .top-bar-fixed .menu, .widget-box {
    box-sizing: border-box
}

.slick-list {
    overflow: hidden;
    margin: 0 -15px;
    padding: 0
}

    .slick-dots li button:focus, .slick-list:focus, .slick-next:focus, .slick-prev:focus {
        outline: 0
    }

.slick-loading .slick-list {
    background: url(../images/ajax-loader.gif) center center no-repeat #fff
}

.slick-list.dragging {
    cursor: move !important
}

.slick-slide, .slick-slide img, .slick-slider .slick-list, .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    left: 0;
    top: 0;
    zoom: 1
}

.slick-dots, .slick-next, .slick-prev {
    position: absolute;
    padding: 0;
    text-align: center
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

.action_btns a, .slick-initialized .slick-slide, .vcard a {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    float: none
}

.slick-next, .slick-prev {
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    border: none;
    outline: 0;
    width: 28px;
    height: 28px;
    border-radius: 3px
}

.slick-prev {
    right: 32px;
    top: -60px
}

.slick-next {
    right: 0;
    top: -60px
}

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-family: FontAwesome;
        font-size: 18px;
        line-height: 28px;
        display: inline-block;
        margin: auto
    }

.slick-prev:before {
    content: "\f104"
}

.slick-next:before {
    content: "\f105"
}

.slick-dots {
    bottom: -45px;
    display: block;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: 0 0;
            display: block;
            height: 20px;
            width: 20px;
            outline: 0;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\2022";
                width: 20px;
                height: 20px;
                font-family: slick;
                font-size: 48px;
                line-height: 20px;
                text-align: center;
                color: #777
            }

.testimonials-bg {
    position: relative;
    z-index: 4;
    overflow: hidden;
    padding: 8px;
    background: #f0f0f0;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.testimonials-img, .testimonials-name:before {
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.testimonials-name {
    position: relative;
    margin: 0 5px;
    padding: 6px 0 8px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px
}

.testimonials-bg .rating .fa {
    margin-right: 4px;
    color: #ffc000;
    font-size: 15px
}

.slick-next, .slick-prev {
    background: #777;
    color: #eee
}

.testimonials-bg:after {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: inline-block;
    margin-right: 7px;
    color: #cfcfcf;
    content: "\f10e";
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    font-family: FontAwesome;
    line-height: 1
}

.testimonials-img {
    position: relative;
    z-index: 2;
    float: left;
    margin: 0 10px 5px 0;
    max-width: 70px;
    transition: .2s ease-in-out
}

.testimonials-name:after, .testimonials-name:before {
    bottom: 9px;
    z-index: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #dadada transparent transparent;
    content: "";
    position: absolute
}

.testimonials-name:before {
    left: -4px;
    border-width: 20px 0 0 23px;
    transition: .2s ease-in-out
}

.testimonials-name:after {
    right: -4px;
    border-width: 20px 23px 0 0;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.jobseeker-said {
    color: #bababa
}

.accordion li > h3 {
    overflow: hidden;
    margin: 0 0 15px;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.accordion li.active > h3 u:before {
    content: "\f068";
    font-family: FontAwesome
}

.accordion li > h3 u:before {
    display: block;
    content: "\f067";
    font-family: FontAwesome
}

.accordion li.active h3 a, .accordion li.active h3 u, .cart-popup, .pricing-table.selected {
    border-color: #f07e1d
}

.accordion li > h3 a {
    float: left;
    margin: 0;
    padding: 0 15px;
    border: 1px solid #f0f0f0;
    background: #fff;
    line-height: 28px;
    display: block;
    width: 100%;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px
}

.accordion-panel {
    margin: 15px;
    padding: 0 15px;
    border-left: 3px solid #d4d4d4
}

.accordion li > h3 u {
    display: inline-block;
    margin: 0 5px 0 10px;
    padding: 10px 10px 8px;
    border: 1px solid #d4d4d4;
    background: #fff;
    color: #a8a8a8;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.h4-vieclammoinhat {
    font-size: 13px;
    margin-top: 2px;
    height: 30px
}

    .h4-vieclammoinhat a {
        color: #333 !important;
        text-transform: lowercase;
        font-weight: 600;
        height: 30px
    }

.content-introduction-company, .sidebar-right {
    padding-top: 80px
}

.nav-info-company {
    background-color: #fff !important
}

.list-rating {
    border-bottom: 1px solid #f4f1f1;
    clear: both;
    padding: 10px 0
}

.star-rating .fa {
    color: #ff9800
}

.lineLi {
    margin-top: 15px;
    margin-bottom: 15px
}

.margin-left15 {
    margin-left: 15px
}

.modal-postJob {
    margin: 5px !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    text-align: center !important;
    font-size: 19px !important
}

.modal-header-postJob {
    border-bottom: 1px solid #f6f6f6 !important
}

.btn-nangcap:hover {
    background-color: #e47313
}

.title-traphi {
    font-size: 15px;
    color: #333
}

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

.fa-2 {
    font-size: 2em !important;
    color: #646464
}

.width-image-home {
    width: 205px;
    float: left;
    overflow: hidden
}

.div-avatar-rating {
    width: 100%;
    height: 58px;
    background-color: #fff
}

    .div-avatar-rating img {
        min-width: 58px;
        height: 58px;
        overflow: hidden
    }

.width-logo-company {
    width: 100px;
    float: left
}

.div-in-logo {
    width: 100%;
    height: 100px;
    background-color: #fff
}

    .div-in-logo img {
        max-width: 100px;
        height: auto;
        min-width: unset;
        overflow: hidden
    }

.width-content-intro-company {
    width: 540px;
    float: left
}

.timeline-detail {
    width: 100%;
    height: 510px;
    overflow: hidden
}

    .timeline-detail img {
        min-width: 825px;
        height: 510px;
        overflow: hidden;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 0;
        max-height: 510px
    }

.fixed-resume.fixed {
    position: fixed;
    top: 120px
}

.fixed-resume.bottom {
    position: absolute;
    bottom: 356px
}

.group-nex-pre {
    position: absolute;
    right: 0;
    top: 10px
}

.max-line-camnang {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    font-size: 13px;
    line-height: 1.2em !important;
    max-height: 67px
}

.popupHeader, h2 {
    font-size: 22px
}

#info_confirm_history .txtLeft {
    padding: 20px
}

    #info_confirm_history .txtLeft label {
        text-align: left;
        font-weight: 400
    }

#dangnhapnguoitimviec, #dangnhaptuyendung, .property-card-header, .table > tbody > tr > td > span.footable-toggle, .timepicker {
    cursor: pointer
}

.position_title_job {
    float: left;
    z-index: 99;
    margin-top: 395px;
    margin-bottom: 0;
    margin-left: 15px;
    height: 115px
}

.position_img_job {
    float: left;
    position: absolute;
    margin: 0;
    padding: 0;
    width: calc(100% - 30px);
    background-color: #f0f8ff !important
}

.ui-mutiselect-home .multiselect.dropdown-toggle.btn.btn-default {
    background: #fff !important;
    width: calc(100% - 10px) !important;
    padding: 0 10px !important;
    height: 49px !important;
    font-weight: 500;
    font-size: 12px !important;
    color: #777 !important;
    font-family: Arial,Helvetica,sans-serif !important
}

.container-home .btn-default, .container-home .reset-all a, .container-home .reset-all a:hover {
    background-color: transparent !important;
    color: #fff !important
}

.container-home .btn-default {
    border-color: transparent !important
}

.ui-mutiselect-home .multiselect-container {
    width: calc(100% - 10px) !important
}

    .ui-mutiselect-home .multiselect-container .multiselect-search {
        margin-bottom: 0 !important;
        width: 100% !important
    }

.centeredText, .popupHeader {
    text-align: center;
    text-transform: uppercase
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none
}

.popupContainer {
    position: absolute;
    width: 650px;
    height: auto;
    left: 45%;
    top: 80px;
    background: #f2f2f2
}

.btn_red {
    background: #f77725
}



.btn-facebook, .social_login .fb .icon {
    background: #3b5998
}

.btn_red:hover {
    background: #e95f07
}

a.btn {
    text-align: center;
    text-decoration: none
}

.one_half.last {
    width: 100%;
    position: relative
}

.popupHeader {
    position: relative;
    padding: 30px 20px;
    font-weight: 700
}

    .popupHeader .modal_close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px 15px;
        cursor: pointer;
        color: #3d3d3d;
        font-size: 16px
    }

.popupBody {
    padding: 0 15px 15px 30px
}

.social_login .social_box {
    display: block;
    clear: both;
    padding: 10px;
    margin-bottom: 10px;
    background: #f4f4f2;
    overflow: hidden
}

.social_login .icon {
    display: block;
    width: 10px;
    padding: 5px 10px;
    margin-right: 10px;
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.forgot_password, .invoice-items table thead th:last-child, .invoice-items tbody td, .invoice-totals tbody td, .property-card .property-card-tags span, .section.page-body .content-image, .widget.widget-properties .property-card .property-card-box span.price {
    text-align: right
}

.social_login .google .icon {
    background: #dd4b39
}

.social_login .icon_title {
    display: block;
    padding: 5px 0;
    float: left;
    font-weight: 700;
    font-size: 16px;
    color: #777
}

.centeredText {
    margin: 20px 0;
    clear: both;
    overflow: hidden
}

.forgot_password, .question-tk {
    margin: 0 0 20px;
    text-decoration: none;
    display: block;
    clear: both;
    overflow: hidden
}

.action_btns {
    clear: both;
    overflow: hidden
}

.forgot_password {
    color: #ed6347
}

.question-tk {
    color: #000;
    text-align: center
}

.or-line {
    border-bottom: 1px solid #ccc;
    text-align: center
}

    .or-line span {
        padding-right: 15px;
        padding-left: 15px;
        background: #f2f2f2;
        position: relative;
        z-index: 1;
        top: 9px;
        color: #333
    }

.employer_login label, .widget .widget-list li {
    display: block;
    margin-bottom: 5px
}

.employer_login input[type=email], .employer_login input[type=password], .employer_login input[type=text] {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    color: #666
}

.btn-facebook span, .btn-google span {
    min-width: 70px;
    display: inline-block
}

.employer_login input[type=checkbox] {
    float: left;
    margin-right: 5px
}

.employer_login .checkbox {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden
}

.btn-fg {
    border: 1px solid transparent;
    padding: 8px 20px;
    line-height: 1.42857143;
    border-radius: 2px;
    font-size: 14px
}

.btn-facebook {
    color: #fff !important
}

    .btn-facebook:hover {
        background: #344e86
    }

.btn-google {
    background: #dd4b39;
    color: #fff !important
}

    .btn-google:hover {
        background: #d73925
    }

    .btn-google:focus {
        border: 1px solid #d73925
    }

.box-em {
    padding: 20px;
    background-color: #fff
}

.cursor:hover, input[readonly=readonly] {
    cursor: pointer !important
}

#link_register, .tags-cloud .tag-lg {
    font-size: 15px
}

body.full-width .container, body.full-width .row, body:not(.boxed) .container-side-version .container, body:not(.boxed) .container-side-version .row, body:not(.boxed) .container.container-side-version {
    margin-left: 0;
    margin-right: 0
}

body.boxed .container > section > .container, body.full-width .container, body:not(.boxed) .container-side-version .container, body:not(.boxed) .container.container-side-version, body:not(.boxed) div.container.container-wrapper {
    width: 100%;
    max-width: 100%
}

@font-face {
    font-family: open sans light;
    src: url(../fonts/OpenSansLight/OpenSans-Light.ttf) format("truetype"),url(../fonts/OpenSansLight/opensans-light-webfont.woff)
}

body.boxed .logo, body.full-width .container .header-inner, body.full-width .container .top-bar, body.full-width .news .card .title, body:not(.boxed) .container-side-version .news .card .title {
    padding-left: 15px
}

body.boxed .section, div.container.container-wrapper {
    padding-right: 0;
    padding-left: 0
}

.menu .dropdown-menu.dropdown-menu-property .property-card-title a, body .footer .logo, body.boxed .header .header-inner > .container {
    padding-left: 0
}

body .footer .footer-mask, body .header > .container {
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%
}

body .btn.dropdown-toggle:focus, body a:focus {
    outline-width: 0;
    outline-style: none
}

.box-container {
    background: #fff;
    border: 1px solid rgba(233,235,238,.55);
    border-bottom: 1px solid #ccc
}

.border-color-primary {
    border-color: #e95f07
}

body .color-primary.btn, body .color-secondary.btn {
    border: 0;
    position: relative
}

.color-primary.btn:after, .color-secondary.btn:after {
    background: rgba(0,0,0,.1);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    width: 100%;
    z-index: 2
}

.color-secondary.btn > *, .search-form > * {
    position: relative;
    z-index: 3
}

.color-secondary.btn:focus, .color-secondary.btn:hover, ul.categories > li:last-child {
    border: 0
}

.bootstrap-select, .color-secondary {
    background: #004790
}

.color-primary {
    background: #0f7ad5
}

.section-color-primary, .table-cart th, .table-cart thead {
    background: #f8f8f8
}

.invoice-items tbody tr:nth-of-type(2n) td, .invoice-items tbody tr:nth-of-type(2n) th, .invoice-totals tbody tr:nth-of-type(2n) td, .invoice-totals tbody tr:nth-of-type(2n) th, .section-color-secondary, .section.agencies {
    background: #eee
}

.fullscreen-container {
    display: table;
    height: 100%
}

.slider-fullscreen, .slider-fullscreen .container, .slider-fullscreen .container .carousel, .slider-fullscreen .container .carousel .carousel-inner, .slider-fullscreen .container .carousel .carousel-inner .item, .slider-fullscreen .container .header-slider {
    height: 100%
}

.fullscreen-container .header {
    display: table-row
}

img {
    max-width: 100%
}

.section {
    padding-bottom: 80px;
    padding-top: 80px
}

    .section.news .section-title h2 {
        line-height: 1;
        margin: 0;
        text-align: center
    }

    .section.page-body {
        color: #000;
        font-size: 0;
        padding-top: 80px;
        padding-bottom: 40px
    }

        .section.page-body h4 {
            font-size: 18px;
            line-height: 1;
            margin-bottom: 10px
        }

        .section.page-body .content-image {
            margin-bottom: 20px;
            width: 68px;
            float: left
        }

            .section.page-body .content-image embed, .section.page-body .content-image img, .section.page-body .content-image object {
                height: 38px;
                display: inline-block
            }

            .section.page-body .content-image img {
                height: initial
            }

        .section.page-body .container > .row > div {
            display: inline-block;
            float: none;
            font-size: 13px;
            line-height: 1.8;
            vertical-align: top;
            margin-bottom: 40px
        }

        .section.page-body .content-image ~ div {
            width: calc(100% - 68px)
        }

.page-title {
    display: block;
    font-size: 30px;
    font-weight: 600
}

.icon-dropdown {
    background: url(../img/icon-dropdown.png) 50% 50% no-repeat;
    display: inline-block;
    height: 16px;
    margin-top: 2px;
    vertical-align: top;
    width: 16px
}

.icon-dropdown-white {
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #fff;
    display: inline-block;
    height: 0;
    margin-left: 3px;
    margin-top: -2px;
    vertical-align: middle;
    width: 0
}

.icon-air {
    background: url(../img/icons/icon-air.png) 50% 50% no-repeat;
    display: inline-block;
    height: 11px;
    width: 10px
}

.icon-move, .icon-pc {
    display: inline-block;
    width: 13px
}

.icon-move {
    background: url(../img/icons/icon-move.png) 50% 50% no-repeat;
    height: 11px
}

.icon-pc {
    background: url(../img/icons/icon-pc.png) 50% 50% no-repeat;
    height: 12px
}

.icon-checked, .icon-micro {
    display: inline-block;
    width: 11px
}

.icon-micro {
    background: url(../img/icons/icon-micro.png) 50% 50% no-repeat;
    height: 11px
}

.icon-checked {
    background: url(../img/icons/icon-checked.png) 50% 50% no-repeat;
    height: 9px
}

.icon-star {
    background: url(../img/icons/icon-star.png) 50% 50% no-repeat;
    display: inline-block;
    height: 15px;
    width: 16px
}

.icon-star-2, .icon-star-3, .icon-star-4, .icon-star-5 {
    background: url(../img/icons/icon-star.png) repeat-x;
    display: inline-block;
    height: 15px
}

.icon-star-2 {
    width: 32px
}

.icon-star-3 {
    width: 48px
}

.icon-star-4 {
    width: 64px
}

.icon-star-5 {
    width: 80px
}

.icon-caret-down, .icon-caret-up {
    background: url(../img/icons/nav-sprite.png) no-repeat;
    display: inline-block;
    height: 11px;
    line-height: 24px;
    width: 16px
}

.icon-caret-up {
    margin-top: 6px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.widget .widget-header {
    color: #000;
    font-size: 24px;
    position: relative;
    text-overflow: ellipsis
}

    .widget .widget-header h1, .widget .widget-header h2, .widget .widget-header h3 {
        color: #333;
        font-size: 18px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: uppercase;
        font-weight: 600
    }

    .widget .widget-header:before {
        border-color: inherit !important;
        border-left: 3px solid #f07e1d;
        content: "";
        height: 100%;
        position: absolute;
        top: 0
    }

.widget-section {
    padding-top: 40px;
    padding-bottom: 40px
}

.widget-overflow {
    margin-top: -135px
}

.widget .widget-list {
    font-family: open sans light,sans-serif;
    font-weight: 600;
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

    .checkbox-box-main .form-group, .invoice-meta dd, .menu ul, .panel-content.panel-group, .widget .widget-list li:last-child, .widget-content p:last-child, .widget-form-cart .form-additional, .widget-form.form-main .form-additional, .widget-form.form-main .form-additional .control-group:last-child, .widget-property-map .form-additional, .widget.widget-profilelisting, body .footable-details.table, body .footable.table, body .npad, body .widget .npad, body .widget-form .form-additional .btn-property {
        margin-bottom: 0
    }

    .widget .widget-list li a {
        color: inherit;
        text-decoration: none
    }

.widget-list a {
    color: #929292
}

.widget-list li a:hover {
    color: #545454
}

.widget .widget-list.btn-list li a {
    background: #f8f8f8;
    box-sizing: border-box;
    color: #929292;
    display: block;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    padding: 0 15px;
    transition: background .15s;
    -webkit-transition: background .15s
}

.widget-content {
    font-size: 13px;
    line-height: 1.8;
    padding-left: 15px;
    padding-right: 15px
}

.widget-title {
    margin: 20px 0
}

.widget-body {
    padding: 0 20px
}

.widget.widget-agent .img-circle-cover {
    border: 1px solid #f6f7f9;
    height: 70px;
    width: 70px
}

.widget.widget-properties .property-card {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    margin-bottom: 25px
}

    .widget.widget-properties .properties, .widget.widget-properties .property-card .property-card-box {
        padding-bottom: 0
    }

.widget-properties .property-card .property-card-box .property-card-title {
    font-size: 16px;
    margin-bottom: 5px
}

.widget.widget-properties .property-card .property-card-box span {
    font-size: 13px;
    display: block
}

.widget.widget-properties .property-card .property-card-box .options {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%
}

    .widget.widget-properties .property-card .property-card-box .options span {
        display: table-cell;
        height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
        width: 50%
    }

.widget-agent .media-left {
    max-width: 80px
}

.widget-agent .agent-details > * {
    display: block;
    font-size: 12px;
    margin-bottom: 3px
}

.widget-agent .agent-name {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin: 1px 0 4px
}

.widget-agentslist .widget-box {
    padding-bottom: 0;
    padding-top: 5px
}

.widget-agentslist .agents-list .widget {
    margin-bottom: 10px;
    padding: 10px 12px
}

.widget-form .box-container {
    padding-bottom: 15px;
    padding-top: 15px
}

.widget-form .widget-body {
    padding-bottom: 0;
    padding-top: 40px
}

.widget-form .form-group-submit {
    margin: 20px 24px
}

.widget-form .btn-property {
    margin: 0;
    padding: 0;
    width: 100%
}

.widget-form-cart .list-overview li:last-child {
    padding-bottom: 0;
    margin: 0
}

.widget-form-cart .widget-body {
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px
}

.widget-form-cart form div {
    border-bottom: 0;
    padding-bottom: 0
}

.widget-form-cart .form-group-submit {
    padding: 10px 0 0
}

.widget-form-cart h5 {
    margin-top: 0;
    line-height: 1
}

.widget-contactform .form-additional, body .form-additional.npad {
    margin-bottom: -6px
}

.amenities li span, .widget-form-cart .widget-body .list-overview {
    padding: 0 5px
}

.select-default {
    border: 1px solid #afafaf;
    font-size: 14px
}

.widget-form-cart .select-default {
    height: 38px;
    margin: 10px 0
}

.widget-rightsearch .btn-search, .widget-rightsearch .form-control {
    height: 44px;
    line-height: 30px
}

.widget-contactform form textarea {
    height: 144px;
    padding-top: 12px
}

.widget-contactform form .btn {
    line-height: 26px
}

.box-overflow-container {
    margin-bottom: 80px;
    padding: 40px 25px
}

.box-container-title .title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
    margin-top: 0
}

.box-container-title .sub-title {
    color: #777;
    font-size: 13px
}

.widget-ask .panel-content {
    margin: 30px 0
}

.widget-menu-right .list-group .list-group-item.active, .widget-menu-right .list-group-item, .widget-menu-right .list-group-item:focus, .widget-menu-right .list-group-item:hover {
    background: 0 0;
    border: 0;
    border-color: inherit;
    color: #757575
}

.tags-cloud > a, .tags-cloud > span, .widget-menu-right .list-group .list-group-item.active, .widget-menu-right .list-group .list-group-item:hover, .widget-menu-right .list-group .list-group-item:not(.collapsed)[aria-expanded=true] {
    color: inherit
}

.widget-menu-right .list-group-item {
    border-color: inherit;
    font-size: 18px;
    padding: 6px 0 6px 22px;
    position: relative
}

.widget-menu-right .list-group div {
    font-size: 16px;
    padding-left: 15px
}

    .widget-menu-right .list-group div a {
        font-size: 16px;
        padding: 2px 0 2px 22px
    }

.widget-menu-right .list-group > .list-group-item.active:before, .widget-menu-right .list-group > .list-group-item:not(.collapsed)[aria-expanded=true]:before {
    border-color: inherit;
    border-left: 4px solid;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.tags-cloud .tag-lg-2, .widget-menu-right-sm .list-group-item {
    font-size: 16px
}

.widget-menu-right-sm.widget-menu-right .panel, body .invoice-notes p {
    padding: 0;
    margin: 0
}

.col-md-9 .widget-property, .widget-menu-right .panel {
    padding: 40px 0
}

.tags-cloud .tag-xs {
    font-size: 10px
}

.tags-cloud .tag-lg-4 {
    font-size: 20px
}

.infobox2 {
    background: #fff;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 270px
}

.highlight {
    background-color: #f7f7f9;
    margin-top: 10px;
    padding: 1rem
}

ul.categories.list-menu {
    border: 1px solid #e0eded;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

    ul.categories.list-menu .dropdown-item {
        white-space: initial
    }

ul.categories > li {
    border-bottom: 1px solid #e0eded;
    position: relative
}

    ul.categories > li > a {
        display: block;
        padding: 10px 15px
    }

        ul.categories > li > a:after {
            content: " \f105";
            font-family: FontAwesome,sans-serif;
            float: right;
            position: relative;
            top: 0
        }

        ul.categories > li > a:hover {
            background: #3498db;
            color: #fff;
            text-decoration: none
        }

        ul.categories > li > a i {
            display: inline-block;
            color: #999;
            font-style: normal;
            font-size: 11px;
            padding-right: 5px;
            vertical-align: middle
        }

    ul.categories > li > ul {
        background: #fcfcfc;
        margin: 0;
        padding: 0
    }

        ul.categories > li > ul > li {
            border-top: 1px solid #e0eded
        }

            ul.categories > li > ul > li > a {
                display: block;
                padding: 5px 25px
            }

.hover-default .property-card-hover {
    background: rgba(0,0,0,.25);
    height: 101%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .2s;
    -webkit-transition: opacity .2s;
    width: 100%
}

    .hover-default .property-card-hover .left-icon, .property-card .property-card-hover .left-icon {
        bottom: 12px;
        height: 19px;
        left: 12px;
        position: absolute;
        width: 21px
    }

    .hover-default .property-card-hover .center-icon, .property-card .property-card-hover .center-icon {
        height: 35px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        width: 35px
    }

    .hover-default .property-card-hover .right-icon, .property-card .property-card-hover .right-icon {
        bottom: 12px;
        height: 20px;
        position: absolute;
        right: 12px;
        width: 19px
    }

.image-hoveffect:after {
    background: rgba(0,0,0,.25);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image-hoveffect:after, .image-hoveffect:before {
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s
}

.image-hoveffect:before {
    background: url(../img/property-hover-arrow.png) 0 0/contain no-repeat;
    bottom: 6px;
    content: "";
    height: 15px;
    left: 6px;
    opacity: 0;
    position: absolute;
    width: 15px;
    z-index: 1
}

.header .top-bar, .header .top-bar a {
    color: #fff;
    font-size: 11px;
    line-height: 30px
}

    .header .top-bar ul {
        list-style: none;
        margin: 0;
        text-align: center;
        padding: 0
    }

    .header .top-bar .pull-right {
        width: 215px;
        background-color: #004790
    }

.header .login-menu i {
    margin-right: 2px;
    margin-left: 1px
}

.header .social-nav a {
    font-size: 11px;
    padding: 0 12px
}

body:not(.boxed) .top-box > .container {
    max-width: 100%;
    width: 100%
}

body .top-box > .container {
    margin: 0 auto;
    padding: 0
}

body.boxed .top-bar-fixed .header-inner .logo {
    padding: 4px 15px
}

.top-bar-fixed .menu {
    padding-top: 0;
    padding-bottom: 0
}

.header .top-bar-fixed .websitetitle {
    display: table;
    height: 70px
}

.top-bar-fixed .header-inner .logo img {
    max-height: 61px
}

.top-bar-fixed .menu .nav-link {
    padding: 25px 15px
}

.top-bar-fixed .menu .lang-manu {
    padding-top: 13px
}

.top-bar-fixed .websitetitle {
    transition: .65s ease-in;
    -webkit-transition: .65s ease-in;
    -moz-transition: .65s ease-in;
    -ms-transition: .65s ease-in
}

.top-bar-fixed .header-inner .logo, .top-bar-fixed .header-inner .logo img {
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -ms-transition: .3s ease-in
}

.websitetitle {
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s
}

.top-title-widget {
    background-image: url(../img/bg-title.png);
    background-position: 50% 50%;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px
}

.top-title-t {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 0
}

.sticky.is-sticky {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000
}

.header-slider .carousel.slider-tall .carousel-inner .item {
    height: 645px
}

.slider-tall .item .carousel-caption .carousel-caption-title {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: -webkit-transform .4s,opacity .3s;
    -moz-transition: -moz-transform .4s,opacity .3s;
    -o-transition: -o-transform .4s,opacity .3s;
    transition: transform .4s,opacity .3s
}

.slider-tall .item .carousel-caption p {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: -webkit-transform .4s .5s,opacity .5s .5s;
    -moz-transition: -moz-transform .4s .5s,opacity .5s .5s;
    -o-transition: -o-transform .4s .5s,opacity .5s .5s;
    transition: transform .4s .5s,opacity .5s .5s
}

.slider-tall .item .carousel-caption a {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: -webkit-transform .5s .9s,opacity .2s .9s;
    -moz-transition: -moz-transform .5s .9s,opacity .2s .9s;
    -o-transition: -o-transform .5s .9s,opacity .2s .9s;
    transition: transform .5s .9s,opacity .2s .9s
}

.slider-tall .item.active .carousel-caption .carousel-caption-title, .slider-tall .item.active .carousel-caption a, .slider-tall .item.active .carousel-caption p {
    opacity: 1;
    transform: translateY(0)
}

.slider-tall .carousel-indicators li {
    border: 2px solid #fff;
    height: 12px;
    margin: 2px;
    position: relative;
    width: 12px
}

    .slider-tall .carousel-indicators li .carousel-indicators-preview {
        bottom: 25px;
        box-shadow: 0 2px 12px -4px #000;
        border: 2px solid #000;
        border-radius: 2px;
        background-size: cover;
        background-position: 50% 50%;
        display: block;
        height: 60px;
        left: 50%;
        margin-left: -50px;
        opacity: 0;
        position: absolute;
        padding: 3px;
        transition: opacity .2s;
        -webkit-transition: opacity .2s;
        -moz-transition: opacity .2s;
        -o-transition: opacity .2s;
        width: 100px
    }

        .slider-tall .carousel-indicators li .carousel-indicators-preview:after {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 8px solid #333;
            bottom: -10px;
            content: "";
            height: 0;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            width: 0
        }

    .slider-tall .carousel-indicators li:hover {
        background-color: #333
    }

.vcontainer {
    height: 530px;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .vcontainer video {
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        top: 50%;
        z-index: 0
    }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:active, .nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
    color: inherit;
    text-decoration: none
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 0
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none
}

.menu .nav-link {
    font-weight: 500;
    overflow: hidden;
    padding: 0px !important;
    position: relative
}

.menu .nav > .nav-item .nav-link .bottom-line {
    background: #246ca9;
    bottom: -2px;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: -webkit-transform .25s,transform .25s;
    -webkit-transition: -webkit-transform .25s,transform .25s
}

.menu .active .nav-link, .menu .nav-link.active, .menu .nav > .nav-item .nav-link:hover {
    background: #e95f07;
    color: #fff
}

    .menu .active .nav-link .icon-dropdown, .menu .nav-link .icon-dropdown, .menu .nav-link.active .icon-dropdown, .menu .nav > .nav-item .nav-link:hover .icon-dropdown, body .lang-manu .icon-dropdown {
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        display: inline-block;
        height: 0;
        margin-left: 3px;
        margin-right: 5px;
        margin-top: -2px;
        width: 0;
        vertical-align: middle
    }

    .menu .nav-link.active .bottom-line, .menu .nav > .nav-item .nav-link:not(.dropdown-toggle):hover .bottom-line {
        transform: scaleX(1);
        -webkit-transform: scaleX(1)
    }

.menu .nav-link .icon-dropdown, body .lang-manu .icon-dropdown {
    background: initial;
    color: #000
}

.menu .dropdown-menu {
    background-color: rgba(255,255,255,.95);
    border-radius: 0;
    border: 0;
    box-shadow: none;
    font-size: 1em;
    left: 0;
    padding: 0
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-menu-lang a:focus, .dropdown-menu-lang a:hover {
    background-color: #3690db;
    color: #fff;
    text-decoration: none
}

.menu .dropdown-menu a {
    padding: 6px 20px
}

.top-bar-fixed .menu {
    transition: padding-top .3s ease-in;
    -webkit-transition: padding-top .3s ease-in;
    -moz-transition: padding-top .3s ease-in;
    -ms-transition: padding-top .3s ease-in
}

.menu .navbar .dropdown-mega {
    position: static
}

.menu .dropdown-menu.dropdown-menu-property {
    background-color: transparent;
    border: 0;
    left: 0;
    width: 100%
}

.btn-group.open .dropdown-toggle, .menu .dropdown-mega .dropdown-menu {
    box-shadow: none;
    -webkit-box-shadow: none
}

.menu .dropdown-menu.dropdown-menu-property .container {
    background-color: #f8f8f8;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    color: #696969;
    font-size: 1em;
    padding-top: 20px
}

.lang-manu {
    color: #757575;
    display: inline-block;
    font-size: 12px;
    margin-left: 0;
    margin-top: 0
}

    .lang-manu a img {
        margin-top: -2px
    }

    .footer .social ul li:not(:last-child), .lang-manu button img, .property-card .property-preview-footer span i {
        margin-right: 5px
    }

    .lang-manu button {
        color: #000;
        outline: 0;
        background-color: #fff
    }

        .lang-manu button:active, .lang-manu button:focus, .lang-manu button:hover, .lang-manu button:visited {
            color: #555
        }

        .lang-manu button > img, .lang-manu button > span {
            display: inline-block;
            margin-bottom: 1px;
            vertical-align: middle
        }

        .lang-manu button > span {
            margin-bottom: 2px
        }

    .lang-manu .btn.active.focus, .lang-manu .btn.active:focus, .lang-manu .btn:active.focus, .lang-manu .btn:active:focus, .lang-manu .btn:focus, .lang-manu.btn.focus {
        outline: 0;
        outline-offset: 0
    }

    .lang-manu .dropdown-menu {
        border-radius: 0;
        left: 0;
        min-width: auto;
        padding: 0
    }

        .lang-manu .dropdown-menu a {
            display: block;
            font-size: 12px;
            padding: 10px 15px 10px 6px
        }

        .lang-manu .dropdown-menu li.selected, .lang-manu .dropdown-menu li:hover {
            background: rgba(31,113,181,.43)
        }

.header-slider .carousel .carousel-inner .item {
    height: 527px
}

    .header-slider .carousel .carousel-inner .item img {
        height: 100%;
        margin: 0 auto;
        object-fit: cover;
        -ms-object-fit: cover;
        -o-object-fit: cover;
        -webkit--object-fit: cover;
        -moz-object-fit: cover;
        width: 100%
    }

.carousel-caption .carousel-caption-title {
    font-family: open sans light,sans-serif;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 50px;
    margin-top: 0;
    position: relative
}

    .carousel-caption .carousel-caption-title span, .carousel-caption p {
        background: rgba(0,0,0,.45);
        display: inline-block;
        padding: 20px
    }

.carousel-caption p {
    font-size: 14px;
    max-width: 650px
}

.carousel-caption .carousel-caption-title .line-bottom {
    bottom: -25px;
    height: 3px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    width: 90px
}

.header-slider .item:after {
    background: rgba(0,0,0,.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #fff
}

.agents-corousel-item .agent-details .mail:hover, .btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none
}

form textarea.form-control {
    padding-top: 12px
}

.search-form {
    background: #0f7ad5;
    padding: 40px 0 20px
}

    .search-form input::-webkit-input-placeholder, .widget-rightsearch input::-webkit-input-placeholder {
        color: #fff
    }

    .search-form input::-moz-placeholder, .widget-rightsearch input::-moz-placeholder {
        color: #fff
    }

.widget .form-additional input::-moz-placeholder {
    color: #000
}

.widget .form-additional input::-webkit-input-placeholder {
    color: #000
}

.widget .form-additional input::-ms-input-placeholder {
    color: #000
}

.widget .form-additional input::placeholder {
    color: #000
}

.widget .form-additional textarea::-moz-placeholder {
    color: #000
}

.widget .form-additional textarea::-webkit-input-placeholder {
    color: #000
}

.widget .form-additional textarea::-ms-input-placeholder {
    color: #000
}

.widget .form-additional textarea::placeholder {
    color: #000
}

.search-form .btn-search {
    max-width: 100%;
    width: 100%;
    padding: 0
}

.input-group-double button {
    height: 44px;
    white-space: nowrap
}

.bootstrap-select .dropdown-menu {
    background: inherit;
    border-radius: 0;
    padding: 0
}

.bootstrap-select.btn-group .dropdown-menu {
    box-sizing: initial;
    left: -1px
}

.bootstrap-select .dropdown-menu a {
    color: #fff;
    display: block;
    box-sizing: border-box;
    padding: 10px 0 10px 15px
}

.bootstrap-select .dropdown-menu li.selected, .bootstrap-select .dropdown-menu li:hover {
    background: rgba(0,0,0,.1)
}


.btn-second, .form-additional input, .form-additional textarea {
    background: #f8f8f8;
    padding: 0 15px;
    overflow: hidden;
    box-sizing: border-box
}

.checkbox-box-main .checkbox-inline {
    color: #fff;
    line-height: 1;
    margin: 0 30px 20px 0;
    vertical-align: top
}

.checkbox-box-main .form-group input {
    top: -3px
}

.search-additional-btn {
    border-radius: 0 0 3px 3px;
    bottom: -42px;
    cursor: pointer;
    display: block;
    height: 22px;
    opacity: .9;
    position: absolute;
    right: 15px;
    text-align: center;
    width: calc(8.33333333% - 30px);
    z-index: 10
}

    .search-additional-btn i {
        color: #f6f7f9;
        font-size: 24px
    }

.form-additional input, .form-additional textarea {
    border: 1px solid rgba(232,234,237,.65);
    color: #000;
    display: block;
    height: auto;
    transition: background .15s;
    -webkit-transition: background .15s
}

.form-additional input {
    height: 44px;
    line-height: 44px
}

    .form-additional input[type=checkbox] {
        display: inline-block;
        height: auto;
        line-height: 44px
    }

    .form-additional input:focus {
        background: #ebebeb;
        border: 1px solid #e0e1e2;
        color: #545454
    }

.btn-second {
    display: inline-block;
    border: 1px solid #e9ebee;
    border-radius: 0;
    color: #545454;
    height: 35px;
    line-height: 35px;
    transition: background .15s;
    -webkit-transition: background .15s;
    text-decoration: none
}

    .btn-second:active, .btn-second:hover {
        background: #e9ebee;
        text-decoration: none
    }


.btn-second:focus {
    color: #545454;
    text-decoration: none
}

.form-primary .form-control, .search-form .form-control {
    border: 1px solid rgba(116,116,116,.1);
    border-radius: 0;
    height: 60px
}

.selectpicker-additional {
    border: 0;
    border-radius: 0;
    height: 44px
}

.form-additional .btn {
    padding-left: 15px;
    padding-right: 15px
}

.btn.btn-secondary {
    padding-top: 10px;
    padding-bottom: 10px
}

.btn.btn-link.focus, .btn.btn-link:focus, .btn.btn-link:hover {
    color: #337ab7;
    text-decoration: underline
}

.btn-search {
    background: #004790;
    border: 1px solid rgba(116,116,116,.1);
    border-radius: 0;
    font-size: 30px;
    height: 60px;
    transition: .15s;
    -webkit-transition: .15s;
    width: 60px
}

    .btn-search:hover {
        background: #2c82cb
    }

.input-with-search {
    display: block;
    position: relative
}

.grid-type a, .h-side .h-side-title {
    display: inline-block;
    line-height: 1
}

.input-with-search input {
    background: inherit;
    border: 0;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding-right: 40px
}

.input-with-search .input-group-addon {
    background: inherit;
    border: 0;
    height: 100%;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .15s ease-in;
    -webkit-transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in;
    width: 40px;
    z-index: 5
}

.input-with-search input::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px
}

.input-with-search input::-moz-placeholder {
    color: #fff;
    font-size: 14px
}

.control-group-captcha img {
    margin-top: 5px;
    float: left
}

.control-group-captcha .captcha-input-box {
    margin-left: 125px
}

.list-group.panel {
    border-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none
}

.search-form {
    position: relative;
    z-index: 20
}

.label-important {
    background-color: #b94a48
}

body > div:not(.container-side-version) .h-side {
    padding-top: 80px;
    padding-bottom: 60px
}

.h-side .h-side-additional {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.5px
}

.h-side .properties-filter .select-small {
    background: #e5e5e5
}

.h-side .properties-filter > * {
    display: inline-block;
    vertical-align: top
}

body > div:not(.container-side-version) .h-side.h-side-results {
    padding-top: 80px;
    padding-bottom: 40px
}

    body > div:not(.container-side-version) .h-side.h-side-results .section-title {
        margin-bottom: 60px
    }

    body > div:not(.container-side-version) .h-side.h-side-results .grid-type {
        margin-left: 0
    }

.h-side.h-side-results .grid-type a {
    margin-left: 0;
    margin-right: 5px
}

.grid-type {
    margin-left: 30px;
    padding: 1.5px 0
}

    .grid-type a {
        color: #dedede;
        font-size: 25px;
        margin-left: 5px
    }

        .grid-type a.active, .grid-type a:hover {
            color: #000
        }

.properties {
    padding-bottom: 40px
}

.properties-filter .form-group {
    margin: 0;
    padding: 4px 0
}

.property-card {
    border-radius: 0;
    border: 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin-bottom: 20px;
    overflow: hidden
}

    .property-card .property-card-header {
        height: 165px;
        overflow: hidden;
        position: relative
    }

        .property-card .property-card-header .property-card-value {
            position: absolute;
            bottom: 5px;
            left: 5px;
            z-index: 0
        }

        .images-gallery li img, .property-card .property-card-header img {
            height: 100%;
            object-fit: cover;
            -ms-object-fit: cover;
            -o-object-fit: cover;
            -webkit--object-fit: cover;
            -moz-object-fit: cover;
            width: 100%
        }

    .property-card .property-card-tags {
        box-sizing: border-box;
        text-align: right
    }

.dropdown-mega .property-card .property-card-tags {
    padding-top: 10px
}

.property-card .property-card-tags:after {
    clear: both;
    content: "";
    display: table
}

.property-card .property-card-box {
    padding: 0 20px 15px
}

    .property-card .property-card-box .property-card-title {
        color: #545454;
        font-size: 18px;
        font-weight: 600;
        font-family: open sans light,sans-serif;
        height: 24px;
        overflow: hidden;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 1;
        text-overflow: ellipsis;
        text-decoration: none;
        white-space: nowrap
    }

        .property-card .property-card-box .property-card-title a:hover {
            background: #0f7ad5;
            color: #fff;
            text-decoration: none
        }

.property-card-descr {
    font-size: 13px;
    line-height: 1.8;
    padding-bottom: 15px
}

.property-card .property-preview-footer span {
    display: inline-block;
    margin-right: 7px
}

.property-card .property-preview-footer a.btn {
    border: 0;
    color: #939393;
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 3px;
    padding: 0;
    transition: .15s;
    -webkit-transition: .15s
}

    .property-card .property-preview-footer a.btn:hover {
        color: #5b5b5b;
        text-decoration: none
    }

.property-preview-footer .pull-left {
    padding: 3px 0
}

.property-preview-f-left {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.property-preview-f-right {
    float: right;
    width: 110px;
    white-space: nowrap;
    text-align: right
}

.property-card .property-preview-footer .aux-info span {
    font-size: 12px;
    margin-right: 15px
}

.property-card .budget {
    background: #ffd800;
    height: 80px;
    position: absolute;
    right: -40px;
    top: -40px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 80px
}

    .property-card .budget .fa {
        color: #fff;
        font-size: 16px;
        left: 34px;
        position: absolute;
        top: 56px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

.classfied-card:hover .classfied-card-box-category, .classfied-card:hover .classfied-card-box-title, .classfied-card:hover .classfied-card-mask {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

.property-card .property-card-hover {
    background: rgba(0,0,0,.25);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .2s;
    -webkit-transition: opacity .2s;
    width: 100%;
    z-index: 2
}

.property-card-list {
    height: 165px
}

    .property-card-list .property-card-descr {
        font-size: 13px;
        height: 75px;
        overflow: hidden;
        padding-bottom: 15px
    }

    .property-card-list .property-card-tags {
        padding-top: 5px
    }

.properties-border .property-card, .properties-border.property-card {
    border: 2px solid #f8f8f8
}

.classfied-card {
    height: 400px;
    overflow: hidden;
    position: relative
}

    .classfied-card * {
        color: #fff;
        -o-transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        transition: .35s
    }

    .classfied-card .classfied-card-mask {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        -webkit-transition: -webkit-transform .4s,opacity .1s;
        -moz-transition: -moz-transform .4s,opacity .1s;
        -o-transition: -o-transform .4s,opacity .1s;
        transition: transform .4s,opacity .1s;
        opacity: .5
    }

    .blogs-listing .card .title:after, .classfied-card .classfied-card-box-category, .list-overview li:after, .news-card.card .property-card-tasm:after {
        display: table
    }

    .classfied-card .treefield-categories {
        display: table-cell;
        text-align: center;
        vertical-align: bottom
    }

        .classfied-card .treefield-categories .treefield-box-item {
            display: inline-block;
            float: none;
            margin-left: 0;
            margin-right: 0;
            width: 48%;
            border: 1px solid #fff
        }

    .classfied-card .property-card-title a:hover {
        color: #f6f7f9;
        text-decoration: none
    }

    .classfied-card .card-box, .classfied-card .classfied-card-mask, .classfied-card .image-box {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .classfied-card .card-box {
        padding: 15px 20px 0
    }

    .classfied-card .classfied-card-box-category {
        height: 50%;
        top: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%)
    }

    .classfied-card .classfied-card-box-title {
        height: 50%;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%)
    }

    .classfied-card:hover .classfied-card-box-category, .classfied-card:hover .classfied-card-box-title {
        -webkit-transition: -webkit-transform .4s,opacity .1s;
        -moz-transition: -moz-transform .4s,opacity .1s;
        -o-transition: -o-transform .4s,opacity .1s;
        transition: transform .4s,opacity .1s
    }

    .classfied-card .card-box.classfied-card-box-info {
        -webkit-transition: -webkit-transform .15s;
        -moz-transition: -moz-transform .15s;
        -o-transition: -o-transform .15s;
        transition: transform .4s;
        background: rgba(55,58,60,.45);
        bottom: 0;
        height: initial;
        left: 0;
        position: absolute;
        padding: 15px;
        top: initial;
        text-align: center;
        width: 100%
    }

    .classfied-card:hover .card-box.classfied-card-box-info {
        transform: translateY(100%);
        transition-duration: 0s
    }

.properties-list-small .property {
    background: #fff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    margin-bottom: 12px
}

    .properties-list-small .property .image {
        height: 70px;
        float: left;
        margin-right: 10px;
        position: relative;
        width: 95px
    }

        .properties-list-small .property .image img {
            height: 100%;
            object-fit: cover;
            -webkit-object-fit: cover;
            -o-object-fit: cover;
            -moz-object-fit: cover;
            -ms-object-fit: cover;
            width: 100%
        }

        .properties-list-small .property .image a {
            background-color: transparent;
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            -webkit-transition: background-color .2s ease-in;
            -moz-transition: background-color .2s ease-in;
            -o-transition: background-color .2s ease-in;
            transition: background-color .2s ease-in;
            width: 100%
        }

    .properties-list-small .property .body {
        padding: 10px 20px 10px 0
    }

        .properties-list-small .property .body .title h3 {
            line-height: 1px;
            margin: 0;
            height: 16px
        }

        .properties-list-small .property .body .title {
            margin-bottom: 4px;
            margin-top: 0
        }

        .properties-list-small .property .body .location {
            font-size: 11px;
            line-height: 1;
            margin-bottom: 8px
        }

        .properties-list-small .property .body .title h3 a {
            font-size: 13px;
            font-weight: 600;
            line-height: 1;
            text-decoration: none
        }

    .properties-list-small .property:after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden
    }

.blogs-listing .card .title:after, .list-overview li:after, .news-card.card .property-card-tasm:after {
    content: "";
    clear: both
}

.properties-list-small .property .body .price {
    font-size: 11px;
    font-weight: 700;
    line-height: 1
}

.agent-card {
    height: 90px;
    margin: 25px 0;
    overflow: hidden
}

    .agent-card .media-left {
        max-width: 90px;
        padding-right: 0
    }

    .agent-card .agent-details > * {
        display: block;
        font-size: 12px;
        margin-bottom: 4px
    }

    .agent-card .agent-details .agent-name {
        font-size: 20px;
        line-height: 1;
        margin-top: 12px;
        margin-bottom: 6px
    }

.agents-listing .agent-card {
    opacity: 1;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    transition: opacity .25s
}

    .agents-listing .agent-card:hover {
        opacity: .7
    }

.agent .phone, .agents-corousel-item .agent-details > * {
    margin-bottom: 5px
}

.blogs-listing .card .news-thumbnail {
    width: 100%;
    height: 130px;
    margin-bottom: 10px
}

.news-card.card .property-card-header {
    height: 250px
}

.news-card.card .property-card-tasm .img-circle-cover {
    border: 1px solid #eee;
    display: inline-block;
    height: 30px;
    width: 30px
}

.news-card.card .property-card-tasm {
    padding: 12px 20px
}

    .news-card.card .property-card-tasm * {
        display: inline-block;
        line-height: 30px;
        font-size: 12px;
        vertical-align: top
    }

    .news-card.card .property-card-tasm .item-t .date, .news-card.card .property-card-tasm .item-t .name {
        padding: 0 3px
    }

.widget-agents-listing .agents-listing {
    padding: 0;
    margin-top: -25px;
    margin-bottom: -25px
}

.blogs-listing .card {
    border: 0;
    margin-bottom: 40px;
    padding-right: 30px;
    padding-left: 20px;
    -webkit-transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in
}

    .blogs-listing .card .title {
        border-bottom: 1px solid #999;
        font-size: 22px;
        margin-bottom: 20px;
        padding-bottom: 5px
    }

.agents-corousel-item a.agent-name, .news .card .title {
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.blogs-listing .card .title .title-notice {
    float: right;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px
}

.blogs-listing .card .description {
    display: -webkit-box;
    line-height: 1.8;
    max-height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    -ms-line-clamp: 8;
    -moz-line-clamp: 8
}

.news .card {
    border: 0;
    background: transparent
}

    .news .card .title {
        color: #545454;
        font-family: open sans light,open sans;
        line-height: 1;
        padding: 0 0 5px
    }

.agents-corousel-item a.agent-name, .agents-corousel-item span {
    font-family: open sans light,sans-serif;
    display: block
}

.news .card .description {
    color: #000;
    font-size: 13px;
    max-height: 140px;
    overflow: hidden;
    line-height: 1.8
}

.news .card .news-thumbnail {
    display: block;
    margin-top: 5px;
    width: 100%;
    height: 130px
}

    .news .card .news-thumbnail img:hover, .property-slider .carousel-control:hover {
        opacity: .9
    }

.pagination-carousel {
    list-style: none;
    margin: 0;
    font-size: 0;
    padding: 0;
    position: static;
    width: 100%
}

    .pagination-carousel li {
        border: 0;
        border-radius: 0;
        display: inline-block;
        height: auto;
        margin: 0;
        font-size: 14px;
        padding: 0;
        text-indent: 0;
        width: auto
    }

        .pagination-carousel li, .pagination-carousel li.active {
            margin-right: -2px
        }

body .pagination-carousel li a:hover, body .pagination-carousel li.active a {
    color: #fff
}

.pagination-carousel li a {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #000;
    display: block;
    font-weight: 500;
    padding: 6px 12px;
    text-decoration: none
}

    .pagination-carousel li a:hover, .pagination-carousel li.active, .pagination-carousel li.active a {
        text-decoration: none;
        width: auto
    }

.section-title {
    color: #0b0f12;
    font-size: 30px;
    line-height: 1;
    margin: 0 0 20px
}

.agencies-corousel, .agents-corousel {
    padding: 0 35px
}

    .agencies-corousel .owl-item {
        background: #fff;
        padding: 20px
    }

    .agencies-corousel .owl-carousel .owl-item {
        -webkit-backface-visibility: visible
    }

.agents-corousel-item .box-container {
    margin: 0 auto;
    padding: 20px 5px 20px 22px;
    width: 100%;
    border-radius: 5px;
    white-space: nowrap
}

.agents-corousel-big .agents-corousel-item .agent-logo img, .agents-corousel-big .agents-corousel-item .box-container, .agents-corousel-item .agent-logo img {
    width: auto
}

.agents-corousel-item .agent-details {
    font-size: 13px;
    padding-top: 7px
}

.agents-corousel-item a.agent-name {
    margin-bottom: 12px;
    text-decoration: none
}

.property-corousel .property-card {
    border: 1px solid rgba(0,0,0,.08);
    margin-bottom: 0
}

.news h3 {
    margin-bottom: 15px;
    margin-top: 0
}

.property-slider-box {
    overflow: hidden;
    padding: 0 20px
}

.amenities, .amenities li {
    padding: 0;
    list-style: none
}

.property-slider .carousel-inner .item {
    height: 460px
}

.property-slider .carousel-inner > .item > a > img, .property-slider .carousel-inner > .item > img, .property-slider .img-fluid {
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit--object-fit: cover;
    -moz-object-fit: cover
}

.property-slider .carousel-control.left, .property-slider .carousel-control.right {
    border-radius: 50%;
    display: block;
    height: 50px;
    margin-top: -25px;
    opacity: 1;
    top: 50%;
    width: 50px
}

.property-slider .carousel-control.left {
    background: url(../img/owl-btn-left.png) 50% 50% no-repeat #fff;
    left: -25px
}

.property-slider .carousel-control.right {
    background: url(../img/owl-btn-right.png) 50% 50% no-repeat #fff;
    right: -25px
}

.amenities {
    margin: 0 0 -10px
}

    .amenities li {
        float: left;
        margin: 0 20px 10px 0
    }

.route_suggestion input {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-top: 8px;
    vertical-align: top;
    width: auto
}

.list-overview, .list-overview li {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0
}

    .list-overview li {
        list-style: none;
        margin: 0 0 5px;
        padding: 2px 0
    }

        .list-overview li .list-overview-option {
            font-weight: 600
        }

.btn-property {
    display: block;
    line-height: 50px;
    margin: 20px 24px 40px;
    padding: 0;
    text-align: center;
    width: auto
}

.breadcrumb, .breadcrumb li {
    background-color: transparent;
    display: inline-block;
    list-style: none;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -.5px;
    line-height: 1;
    margin: 0;
    padding: 8px 0px !important;
}

    .breadcrumb > li + li::before {
        content: ">"
    }

.images-gallery {
    list-style: none;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -40px;
    padding: 0
}

    .images-gallery li {
        list-style: none;
        margin-bottom: 40px;
        position: relative
    }

        .images-gallery li .preview-img {
            border: 1px solid #a1a5ad;
            height: 180px;
            width: 100%
        }

        .images-gallery li a {
            padding-right: 15px;
            padding-left: 15px;
            background-size: cover;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            -webkit-transition: opacity .25s;
            -moz-transition: opacity .25s;
            transition: opacity .25s;
            width: 100%;
            z-index: 3
        }

.sharing-buttons li a .fa-left, .sharing-buttons li a .social-name {
    transition: .2s linear
}

.panel-content .panel-title {
    color: inherit;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0
}

.panel-content .panel {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#footer, .panel-content.panel-group .panel-heading + .panel-collapse > .list-group, .panel-content.panel-group .panel-heading + .panel-collapse > .panel-body, .this-is {
    border-top: 1px solid #ddd
}

.panel-content .panel-body {
    padding: 15px
}

.panel-content .panel.panel-base {
    background-color: #f1c40f
}

.panel-content .panel .panel-heading {
    border-radius: 0;
    padding: 15px
}

.panel-content .panel-default {
    border-color: #e0eded
}

    .panel-content .panel-default > .panel-heading {
        border-color: #e0eded;
        background: #fcfcfc
    }

        .panel-content .panel-default > .panel-heading h2 {
            color: #333;
            font-size: 16px;
            font-weight: 500;
            margin: 0;
            padding: 0;
            text-transform: capitalize
        }

.panel-content.panel-group .panel {
    border-radius: 0;
    border-color: #dadada
}

    .panel-content.panel-group .panel + .panel {
        margin-top: 0;
        border-top: 0
    }

.panel-content.panel-group .panel-heading {
    background: #f3f3f3;
    display: block;
    padding: 14px 15px;
    position: relative
}

    .panel-content.panel-group .panel-heading:after {
        content: "+";
        color: #333;
        font-size: 12px;
        margin-top: -8px;
        position: absolute;
        right: 15px;
        top: 50%
    }

    .panel-content.panel-group .panel-heading a {
        color: #333;
        font-weight: 400
    }

.footer .title, .footer .title h4 {
    font-weight: 600;
    text-transform: uppercase
}

.panel-content.panel-group .panel-heading a i {
    color: #333;
    margin-right: 5px
}

.panel-content .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-color: #dadada;
    color: #616161;
    line-height: 1.8;
    font-size: 13px
}

.sharing-buttons {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0
}

    .sharing-buttons li {
        display: inline-block;
        margin-bottom: 3px
    }

        .sharing-buttons li a {
            background-color: #ec407a;
            color: #fff;
            font-size: 13px;
            padding: 8px 15px;
            position: relative;
            text-decoration: none
        }

            .sharing-buttons li a:before {
                content: "\f1e0";
                font-family: FontAwesome,sans-serif;
                font-size: 17px;
                -webkit-font-smoothing: antialiased;
                left: 50%;
                line-height: 20px;
                margin-left: -8px;
                opacity: 0;
                position: absolute;
                transition: .2s linear
            }

            .sharing-buttons li a.facebook {
                background-color: #466ab3
            }

            .sharing-buttons li a.twitter {
                background-color: #3bbceb
            }

            .sharing-buttons li a.google-plus {
                background-color: #db6558
            }

            .sharing-buttons li a:hover .fa, .sharing-buttons li a:hover .social-name {
                opacity: 0
            }

body .footer .footer-mask {
    background: #464646;
    color: #fefefe;
    padding: 80px 0 0
}

.footer .footer-contant {
    background: url(../img/footer-bg.png) 50% 100% no-repeat;
    padding-bottom: 80px
}

.footer a {
    color: #fefefe;
    font-size: 14px
}

    .footer a:hover {
        color: #c1c1c1
    }

.footer .logo {
    max-height: 160px;
    margin-bottom: 25px
}

.footer .social ul {
    text-align: center;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top
}

    .footer .social ul li {
        display: inline-block;
        margin: 0;
        padding: 0
    }

        .footer .social ul li a {
            background: #fefefe;
            border-radius: 5px;
            color: #595959;
            display: block;
            font-size: 17px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            text-decoration: none;
            width: 30px
        }

            .footer .social ul li a:hover {
                background: #ddd;
                color: #373a3c
            }

.footer .title {
    font-size: 18px;
    margin-bottom: 60px
}

    .footer .title h4 {
        margin-top: 0;
        margin-bottom: 0
    }

.footer .list {
    list-style: none;
    margin: -8px 0 0;
    padding: 0
}

body .footer .list {
    margin-top: -8px
}

.footer .list a:hover {
    background: #fff;
    color: #777;
    text-decoration: none
}

.footer .list li {
    display: block;
    margin: 0 0 6px;
    padding: 0
}

.footer .list-hours li, .footer .list-news li {
    border-bottom: 1px solid #90949c;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 1;
    padding: 8px 0
}

    .footer .list-hours li:last-child, .footer .list-news li:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

.footer .list-hours .title, .footer .list-news .title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
    margin-right: 4px;
    text-decoration: none;
    text-transform: initial
}

.footer .list-contact li:first-child {
    line-height: 1.8;
    padding-bottom: 6px
}

.footer .list-news .title:after {
    content: ","
}

.footer .list-news .description {
    color: #dddfe2;
    font-size: 12px;
    font-style: italic
}

.footer .footer-bottom {
    background: #303030;
    font-size: 15px;
    padding: 40px 0
}

body .footer .footer-bottom .container {
    padding: 0 15px
}

body .btn-scoll-up.btn {
    border: 0;
    background: url(../img/arrow-up.png) 50% 50% no-repeat #303030;
    bottom: 15px;
    display: none;
    height: 50px;
    opacity: .6;
    outline: #f8f8f8 solid 2px;
    outline-offset: -4px;
    position: fixed;
    right: 25px;
    transition: opacity .15s;
    -webkit-transition: opacity .15s;
    width: 50px;
    z-index: 15
}

    body .btn-scoll-up.btn:hover {
        opacity: 1;
        outline: #f8f8f8 solid 2px;
        outline-offset: -4px
    }

.table-cart {
    border: 1px solid #eceeef
}

.img-circle-cover {
    border-radius: 50%;
    border: 1px solid #eee;
    display: block;
    height: 60px;
    overflow: hidden;
    width: 60px
}

    .img-circle-cover img {
        height: 100%;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        object-fit: cover;
        -webkit-object-position: center;
        -moz-object-position: center;
        object-position: center;
        width: 100% !important
    }

.agent-detail-picture img {
    max-height: 450px
}

.table-cart img {
    max-height: 60px;
    display: inline-block
}

.table-bordered.table-cart {
    border: 0;
    margin-bottom: 0
}

    .table-bordered.table-cart td, .table-cart.table-bordered th {
        border: 1px solid #eceeef;
        vertical-align: middle
    }

.widget-invoice h2 {
    font-size: 18px;
    font-weight: 600
}

.widget-invoice h1 {
    font-size: 27px;
    font-weight: 600
}

.widget-invoice caption {
    caption-side: top
}

#invoice {
    box-sizing: border-box;
    background: #fefefe;
    border: 10px solid #fff;
    box-shadow: 0 0 1px #888;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 0 0 1px #888;
    -moz-box-shadow: 0 0 1px #888;
    -o-box-shadow: 0 0 1px #888;
    max-width: 840px;
    margin: auto;
    position: relative;
    padding: 18px
}

    #invoice.paid:before, #invoice.unpaid:before {
        background: rgba(187,0,0,.8);
        content: "";
        height: 10px;
        left: 0;
        position: absolute;
        right: 0;
        top: -20px
    }

    #invoice.paid:before, .paid .invoice-pay ul:after, .paid .invoice-status strong {
        background: rgba(122,185,0,.7)
    }

.this-is {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 0
}

.invoice-intro p {
    font-size: 12px;
    font-style: italic;
    line-height: 1.5em
}

.invoice-intro.invoice-logo a img {
    max-height: 90px
}

.invoice-meta {
    margin-top: 15px;
    line-height: 1.5em;
    text-align: right;
    overflow: hidden;
    position: relative
}

    .invoice-meta dt {
        clear: both;
        float: left;
        font-weight: 700;
        width: 46%
    }

    .invoice-meta dd {
        float: right;
        text-align: left;
        width: 46%
    }

.invoice-from, .invoice-status, .invoice-to {
    line-height: 1.6;
    padding-bottom: 30px;
    text-align: left
}

.paid .invoice-status strong, .unpaid .invoice-status strong {
    background: red;
    color: #fff;
    display: block;
    padding: 8px;
    font-weight: 700
}

.unpaid .invoice-pay ul {
    border-right: 10px solid rgba(187,0,0,.8);
    padding: 12px
}

.invoice-items, .invoice-totals {
    padding-bottom: 30px;
    text-align: left
}

    .invoice-items table, .invoice-totals table {
        font-size: 13px;
        width: 100%
    }

    .invoice-items caption, .invoice-totals caption {
        border-bottom: 1px solid #ddd;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        padding-bottom: 4px;
        text-align: left
    }

    .invoice-items thead th, .invoice-totals thead th {
        background: #e5e5e5;
        font-weight: 700;
        padding: 6px 0
    }

        .invoice-items tbody tr th, .invoice-items thead th:first-of-type, .invoice-totals tbody tr th, .invoice-totals thead th:first-of-type {
            padding-left: 8px
        }

        .invoice-items tbody tr td:last-of-type, .invoice-items thead th:last-of-type, .invoice-totals tbody tr td:last-of-type, .invoice-totals thead th:last-of-type {
            padding-right: 8px;
            text-align: right
        }

    .invoice-items tbody td, .invoice-items tbody th, .invoice-totals tbody td, .invoice-totals tbody th {
        background: #fff;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .invoice-items tfoot td, .invoice-totals tfoot td {
        background: #e5e5e5;
        font-size: 11px;
        font-weight: 700;
        padding: 6px 8px;
        text-align: right
    }

.invoice-pay li {
    overflow: hidden;
    padding-top: 12px
}

    .invoice-pay li:nth-of-type(2n) {
        padding-top: 18px
    }

.paid .invoice-pay ul:after {
    content: "Paid in Full";
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 8px;
    text-align: right
}

.invoice-notes dl, .invoice-notes ol, .invoice-notes p, .invoice-notes ul {
    padding-bottom: 1em
}

    .invoice-notes ul li {
        list-style: disc inside
    }

    .invoice-notes ol li {
        list-style: decimal inside
    }

#footer {
    font-size: 11px;
    font-weight: 700
}

.invoice-totals table {
    float: right;
    width: 50%
}

.carousel-control {
    filter: initial
}

.carousel .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.dropdown-item {
    background: 0 0;
    border: 0;
    clear: both;
    color: #373a3c;
    display: block;
    font-weight: 400;
    line-height: 1.5;
    padding: 3px 20px;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

    .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
        color: #fff;
        background-color: #0275d8;
        outline: 0;
        text-decoration: none
    }

.section-parallax {
    position: relative;
    background: url(../img/patterns/full-bg-road.jpg) 0 0/cover no-repeat fixed
}

    .section-parallax:after {
        background: url(../img/patterns/slash-it.png);
        content: "";
        height: 100%;
        left: 0;
        opacity: .5;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }

    .section-parallax > * {
        position: relative;
        z-index: 1
    }

.content-flex {
    display: flex
}

    .content-flex #main-map {
        min-height: 500px
    }

    .content-flex .content-left {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .content-flex .section {
        background: 0 0
    }

    .content-flex .search-form .search-title {
        line-height: 1;
        margin-bottom: 0;
        padding: 20px
    }

.section.section-slim {
    padding-top: 80px;
    padding-bottom: 80px
}

.search-title {
    color: #fff;
    font-size: 30px;
    line-height: 85px;
    margin-top: 0
}

.content-flex .search-form {
    margin-right: -15px;
    margin-left: -15px;
    padding-top: 0;
    padding-bottom: 0
}

body .container-side-version .properties > .row {
    margin-left: -15px;
    margin-right: -15px;
    max-width: initial;
    width: initial
}

.page-title-big {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 1;
    padding: 0
}

.top-title {
    padding: 80px 0 40px
}



.section-parallax.news .card .description {
    color: #f6f7f9
}

.section-parallax .section-title, .section-parallax.news .card .title, .section-parallax.news .card .title a {
    color: #e9ebee
}

.section-parallax .pagination-carousel li a {
    border: 1px solid #555
}

.box-body {
    padding: 15px 0 0
}

.affix {
    position: fixed;
    top: 0
}

.widget-box.widget-profilelisting {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.div-job-no-img.image_home.img-err {
    margin-top: 31px
}

.widget-mylistings .box-body {
    padding-top: 40px;
    padding-bottom: 0
}

.pull-right-img {
    float: right;
    padding: 5px 0 15px 30px;
    max-width: 230px
}

.pull-left-img {
    float: left;
    padding: 5px 30px 15px 0;
    max-width: 230px
}

body .wide-p p {
    max-width: initial
}

.section-title span:after, .section-title span:before {
    position: absolute;
    content: "";
    width: 50px;
    background: unset;
    height: 2px;
    margin-top: -1px
}

.section-title span:after {
    left: 105%;
    top: 50%
}

.section-title span:before {
    right: 105%;
    top: 50%
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.top-em-btn-invite, .top-em-content-active {
    padding: 10px 35px;
    font-size: 14px
}

.width_33-f_l-p_0 {
    width: 33.33%;
    float: left;
    padding: 0
}

.percent-5column {
    width: 20%;
    float: left
}

.grid-job-searchC {
    display: grid;
    grid-template-columns: 150px 1fr
}

    .fillter-sear > .btn-trangthai, .grid-job-searchC > .grid-job-img {
        grid-row: span 1
    }

    .grid-job-searchC > .grid-title-searchC {
        grid-row: span 1;
        grid-column: span 1
    }

    .grid-job-searchC > .grid-area-searchC, .grid-job-searchC > .grid-loaihinh-searchC, .grid-job-searchC > .grid-quymo-searchC {
        grid-row: span 1;
        grid-column: 2
    }

.grid-job > .grid-job-location, .grid-job > .grid-job-salary, .grid-job > .grid-job-title {
    grid-column: span 2;
    padding-left: 15px;
    grid-row: span 1
}

.grid-job-searchC > .grid-benifit-searchC, .grid-job-searchC > .grid-skill-searchC {
    grid-row: span 1;
    grid-column: span 2;
    padding: 0 10px
}

.grid-job {
    display: grid;
    grid-template-columns: 205px 1fr 1fr
}

    .grid-job > .grid-job-img {
        grid-row: span 3
    }

    .grid-job > .grid-job-salary {
        padding-bottom: 10px
    }

.grid-job-title .a-company {
    color: #333;
    text-transform: capitalize
}

.fillter-sear {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

    .fillter-sear > .btn-hannop, .fillter-sear > .btn-hienthi {
        grid-row: span 1;
        margin-right: 8px
    }

.grid-company {
    padding: 15px;
    background-color: #fff;
    display: grid;
    grid-template-rows: 110px .8fr 2fr
}

    .grid-company > .grid-image, .grid-company > .grid-info {
        grid-column: span 1
    }

.grid-hoso {
    display: grid;
    grid-template-columns: 110px 4fr 1fr;
    grid-template-rows: repeat(3,auto)
}

    .grid-hoso > .grid-hoso-img, .grid-hoso > .grid-hoso-job {
        grid-column: span 1;
        grid-row: span 3
    }

    .grid-hoso > .grid-hoso-chat, .grid-hoso > .grid-hoso-point, .grid-hoso > .grid-hoso-savefile {
        grid-column: span 1;
        grid-row: span 1
    }

    .grid-hoso > .grid-hoso-chat {
        text-align: center;
        margin-top: 10px
    }

.grid-hoso-chat .job-chat .cursor {
    display: inline-block;
    text-transform: uppercase
}

.box-job-cont {
    height: 370px
}

.search_tags {
    color: #f07e1d;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    font-size: 12px
}

.sp_result {
    line-height: 30px
}

.number_result {
    color: #f07e1d;
    font-size: 17px;
    font-weight: 600
}

.info-sub-detail .d-table-cell .fa {
    width: 15px
}

.item-no-img {
    height: 100% !important;
    max-height: 137px;
    overflow: hidden
}

.div-job-no-img {
    height: 137px !important;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.grid-area-searchC .metaseo {
    font-size: 12px;
    display: block;
    line-height: 1.2;
    margin-top: 6px
}

.search_result_job a {
    display: inline-block;
    margin-top: 5px
}

.display_onerow {
    display: -webkit-box;
    max-height: 2rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 1.8rem
}

.box-result-more {
    padding: 0 20px;
    background-color: #f1f1f1
}

.tags {
    margin: 0 -15px !important
}

@media only screen and (max-width: 600px) {
    .mobi-fontsize12, .noiLamViec.mobi-fontsize12 a {
        font-size: 10px
    }

    .btn.ptimhoso-btn-search-ungvien {
        background-color: #f07e1d !important;
        color: #fff !important
    }

    .tag {
        padding: 0 15px !important;
        margin: 0 5px 6px 0 !important
    }
}
body {
    font-size: 13px
}

.color-main {
    color: #f07f1d
}

.header-js .header-inner {
    height: 64px;
    padding: 0 40px;
}



.header-inner .logo.logo-nlg img {
    object-fit: contain
}

    .header-inner .logo.logo-nlg img.logo-vn {
        margin-top: -5px;
        width: 60px;
        height: 60px;
    }

    .header-inner .logo.logo-nlg img.logo-it, .header-inner .logo.logo-nlg img.logo-jp {
        margin-top: -8px
    }

.head-right, .header-right {
    height: 64px;
    display: flex;
    align-items: center;
    float: right
}

    .header-right > div + div {
        margin-left: 10px
    }

.header-right--login > div + div {
    margin-left: 20px
}

.btn-groupz, .btn-groupzz {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    width: 54px;
    height: 32px;
    position: relative
}

    .btn-groupz.dropdown, .btn-groupzz.dropdown {
        display: flex
    }

.btn-groupz-empty, .btn-groupzz {
    height: 36px
}

.btn-groupzz {
    width: auto;
    min-width: 130px
}

    .btn-groupzz.btn-dnhap, .btn-groupzz.btn-dky {
        padding: 0
    }

    .btn-groupzz.btn-dky {
        background-color: var(--primary-color)
    }

.btn-dnhap:hover .fa {
    color: black !important
}

.btn-dky:hover .fa {
    color: #fff !important
}

.btn-dky:hover {
    background-color: var(--primary-color) !important
}

.btn-dnhap:hover {
    background-color: #f7f6f4 !important
}

.btn-groupzz.btn-ntd {
    background-color: #03a9f4;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px
}

.btn-groupzz.btn-dnhap .minu {
    color: #333;
    font-size: 13.5px;
    line-height:
}

.btn-groupzz.btn-dky .minu, .btn-groupzz.btn-ntd .minu {
    color: #fff;
    font-size: 13.5px;
    line-height: normal
}

.btn-groupz > a, img.flag-icon, .btn-groupz > .btn-lang {
    width: 21px;
    height: 21px
}

.btn-groupz > * {
    align-self: center
}

.dropdown {
    position: relative
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1;
    background-color: #fff;
    min-width: 175px
}

.dropdown__content--info {
    min-width: 175px !important;
    margin-left: -131px;
    margin-top: 6px
}

.dropdown .dropdown__content--notify {
    margin-top: 2px;
    margin-left: -285px;
    min-width: 190px
}

.header--item--lang .dropdown__content--lang {
    min-width: 50px !important;
    margin-top: 0;
    margin-left: -12px
}

.header-js .dropdown-content {
    overflow: hidden
}

.dropdown:hover .dropdown-content, .dropdown:hover .dropdown-menu {
    display: block
}

.dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

    .dropdown-content a:hover {
        background-color: #f1f1f1
    }

.dropdown:hover .dropbtn {
    background-color: #3e8e41
}

.dropdown:hover .dropdown__content--lang, .dropdown:hover .dropdown__content--info, .dropdown:hover .dropdown__content--notify {
    top: 100%;
    margin-top: 0
}

.dropdown:hover .dropdown__content--lang {
    margin: 0;
    min-width: max-content
}

.dropdown__content--lang .drop-menu-em > li > a {
    padding: 3px
}

.dropdown__content--lang > ul {
    margin-bottom: 0
}

.dropdown .dropdown-menu-jobseeker {
    min-width: 190px;
    left: 0;
    top: 44px;
    margin-top: 0
}

.dropdown-menu-jobseeker li {
    border-bottom: 1px solid #f4f4f4;
    line-height: 32px
}

.open > .dropdown-content {
    display: block
}

.pull-left.menu, .pull-right.menu {
    padding: 0 !important
}

.menu .navbar {
    border: 0 solid transparent !important;
    padding: 0;
    position: static;
    margin-bottom: 0
}

.menu-main-vo li.nav-item a.nav-link .minu {
    font-size: 13.5px;
    margin-top: 0
}

.header-login .header--item-right {
    margin-right: 45px
}

.header--item-right.r_active {
    display: flex;
    align-items: center
}

.header--item-right .minu {
    display: inline !important
}

.header--item-right .show_web {
    color: #fff !important
}

.header--item {
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid #e8e8e8
}

    .header--item .drop-info-em, .menu-sub-em {
        margin-top: 0 !important
    }

.header--item-right .nav-link {
    background: 0 0 !important
}

.header--item--lang, .header--item--info, .header--item--notify {
    padding: 5px 10px 5px 15px;
    margin-right: 10px;
    position: unset
}

    .header--item--info .menu-sub-em {
        width: auto
    }

    .header--item--notify .badge-em {
        padding: 2px 4px !important;
        font-size: 9px !important;
        top: -3px;
        right: 0;
        position: absolute;
        background-color: #f44336 !important
    }

.show_mobile_480 .drop-info-em {
    margin-top: 0 !important
}

.collapse.in {
    border-top: 1px solid #ccc !important
}

.sidebar__jobseeker {
    display: none
}

.menu .nav-link:not(.active) {
    color: #333 !important
}

.header .websitetitle .title {
    font-size: 14px !important;
    margin: 0
}

.focus-color {
    background-color: #03a9f4 !important;
    border-radius: 34px
}

.menu .active .nav-link, .menu .nav-link.active, .menu li.nav-item .nav-link.active {
    background: #e95f07 !important;
    color: #fff !important;
    border-radius: 39px
}

#main-menu .nav-item, #main-menu .nav-item > a, .header-js .group-btn-header, .flag--pc {
    min-width: 64px;
    height: 64px;
    line-height: 64px;
    border: unset;
}

    #main-menu .nav-item > a.nav-link.active {
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center
    }

.flag--pc {
    float: left
}

.header--item--lang, .btn-dnhap.header--item-right, .btn-dnhap.header--item-right {
    line-height: 21px;
    height: 36.8px
}

img.flag-icon {
    width: 21px;
    height: 21px
}

    img.flag-icon.jp {
        border: 1px solid #ddd
    }

.header .websitetitle, body.header-not-at-top .header .websitetitle {
    height: 36.8px;
    position: relative;
    right: 50px;
    align-items: center;
    top: 14px;
    display: flex
}

.head-left {
    height: 64px;
    display: flex;
    align-items: center;
    float: left
}

.head-right > ul > li, .head-right > ul > li {
    padding-top: 5px;
    padding-left: 13px
}

.drop-menu-em > li > a {
    border-bottom: 0 solid #fff
}

    .drop-menu-em > li > a:hover {
        background-color: #ccc
    }

.navbar-nav li a {
    padding: 0 !important
}

.header-js .navbar-nav li a {
    margin-top: 0;
    margin-bottom: 0
}

.header .websitetitle .title {
    font-size: 14px
}

.group-btn-header a {
    background-color: #fff;
    padding: 5px 6px
}

.group-btn-header i {
    padding-left: 5px
}

.group-btn-header span {
    padding-right: 5px
}

.group-btn-header a:active {
    background-color: #f07e1e;
    color: #fff
}

    .group-btn-header a:active i {
        color: #fff
    }

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.badge-em {
    padding: 2px 4px !important;
    font-size: 9px !important;
    top: 2px;
    right: 17px;
    position: absolute;
    background-color: #f44336 !important
}

.btn-dnhap .fa {
    color: #333 !important;
}

.btn-dky .fa {
    color: #fff
}

.loading_true {
    position: absolute;
    opacity: .5;
    background-color: rgba(255,255,255,.5);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    z-index: 22000
}

.loader {
    margin-top: 15%;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#footWrapper .tags {
    margin: 0 -5px !important
}

@media(min-width: 1082px) {
    #main-menu .header--item-right {
        margin-right: 20px
    }

    #main-menu .nav-item > a.nav-link.active {
        min-width: 107px
    }
}

@media(min-width: 1049px) and (max-width:1199px) {
    .header--item-right .fa {
        display: none !important
    }

    .header--item-right > a {
        color: #fff !important
    }
}

@media(min-width: 1049px) {
    .header--item-right {
        background-color: transparent;
        border-radius: 100px;
        color: #333;
        margin-right: 15px;
        display: flex !important;
        justify-content: center;
        align-items: center
    }

    .header--item-right--green {
        background-color: #228b22
    }

    .header--item-right--blue {
        background-color: #00a0f9
    }

    .header--item-right i {
        margin-right: 2px;
        font-size: 16px;
        width: 20px
    }

    .header--item-right__blue {
        background-color: #00a0f9
    }

    .show_web .header--item-right {
        padding: 10px 14px !important
    }

    .dropdown-content {
        min-width: 190px;
        text-align: left;
        margin-top: 5px
    }

    .dropdown__content--lang {
        min-width: 50px !important
    }

    .menu {
        padding-top: 20px !important
    }

    .header--item-right > a {
        color: #fff !important
    }
}

@media(min-width: 991px) and (max-width:1048px) {
    .header--item-right .fa {
        display: none !important
    }

    .header--item-right > a {
        color: #fff !important
    }

    .header--item-right .fa-search, .fa-building-o, .fa-newspaper-o, .fa-file-text {
        display: none !important
    }

    .header__container__right {
        padding-left: 0
    }

    .header--item-right--green {
        background-color: #228b22
    }

    .header--item-right--blue {
        background-color: #006ac1
    }

    .header--item-right {
        border-radius: 100px;
        color: #fff;
        margin-right: 10px
    }

    .dky-dnhap .header--item-right {
        padding: 10px 15px !important;
        margin-right: 15px
    }

    .dky-dnhap {
        display: block !important
    }

    .btn-dnhap.header--item-right {
        color: #333
    }

    .header-right--login > div + div {
        margin-left: 15px
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .btn-dnhap i, .btn-dky i {
        display: inline-block
    }
}

@media(max-width: 991px) {
    .container-login-mobile {
        width: 115px;
        height: 40px
    }

    .logo.logo-nlg {
        height: 65px
    }

    .header-inner .logo.logo-nlg img.logo-it, .header-inner .logo.logo-nlg img.logo-jp, .header-inner .logo.logo-nlg img.logo-vn {
        margin-top: 0;
        height: 64px
    }

    .btn-groupzz.btn-ntd {
        display: none
    }

    .collapse.in, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding: 0 15px
    }

    .menu .active .nav-link, .menu .nav-link.active {
        background-color: transparent !important;
        color: #333
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        background-color: #fff
    }

    .head-left {
        display: none
    }

    .head-right {
        width: auto;
        padding: 0;
        margin-right: 80px
    }

    .header-inner .logo-login {
        width: auto
    }

    .header .menu-ic-logo {
        padding-top: 0;
        height: 64px;
        display: flex !important;
        align-items: center;
        gap: 10px
    }

        .header .menu-ic-logo.menu-ic-logo-login {
            display: none !important
        }

    .header-inner .logo {
        padding: 0
    }

    #main-menu .nav-item > a.nav-link.active {
        padding: 0 10px !important
    }

    .btn-dnhap, .btn-dky {
        font-size: 16px
    }

    .btn-dnhap {
        padding-left: 10px;
        padding-right: 5px
    }

    #dropdownMenuLang > img {
        width: 25px !important;
        right: -3px !important;
        height: 16px
    }

    .dropdown-language {
        margin-bottom: 5px;
        padding-top: 8px !important;
        padding-right: 12px;
        padding-left: 12px !important
    }

    .navbar-header .navbar-toggle {
        top: 17px
    }

    #main-menu .nav-item, #main-menu .nav-item > a, .header-js .group-btn-header, .flag--pc {
        line-height: unset;
        height: auto;
        padding-left: 20px;
        width: 100% !important;
    }

    .ntd {
        display: none !important
    }

    .btn-dnhap {
        margin-right: 0
    }

    .menu-ic-logo label {
        margin-right: 0
    }

    .dropdown-language .flag-icon {
        position: relative !important;
        top: initial !important;
        left: initial !important;
        width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .flag--pc {
        display: none
    }

    .dropdown-language .dropdown-menu {
        left: initial !important;
        right: 0 !important;
        width: fit-content !important;
        min-width: fit-content !important
    }

    .dropdown-language .dropdown-item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-right: 40px
    }

        .dropdown-language .dropdown-item a {
            padding: 0 !important
        }

    .dropdown-language .dropdown-toggle img {
        padding: 0 !important
    }
}

@media(min-width: 769px) and (max-width:990px) {
    .show_mobile_480 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .dropdown-flag {
        padding: 0 0 0 6px !important
    }

        .dropdown-flag > img {
            position: relative !important;
            padding-left: 0 !important;
            width: 25px !important
        }

    .dropdown__content--lang > .drop-menu-em {
        margin-top: 0 !important
    }

    .header__container__left .header--item-right {
        padding-left: 10px;
        padding-right: 10px
    }

    .header--item--notify {
        padding-left: 16px !important;
        padding-right: 16px;
        padding-top: 5px !important;
        padding-bottom: 5px;
        margin-right: 10px
    }

        .header--item--notify .badge-em {
            padding: 2px 4px !important;
            font-size: 9px !important;
            top: 2px;
            right: 12px;
            position: absolute;
            background-color: #f44336 !important
        }

    .header--item img {
        left: -5px !important
    }

    .header--item--info .drop-menu-em {
        margin-top: 8px;
        left: 0
    }

    .menu-main-vo li.nav-item a.nav-link .minu {
        line-height: 1.6rem
    }
}

@media(min-width: 641px) and (max-width:768px) {
    .sidebar__jobseeker {
        display: none !important
    }

    .show_mobile_480 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .header--item--notify {
        padding-left: 16px !important;
        padding-right: 16px;
        padding-top: 5px !important;
        padding-bottom: 5px;
        margin-right: 10px
    }

        .header--item--notify .badge-em {
            padding: 2px 4px !important;
            font-size: 9px !important;
            top: 2px;
            right: 12px;
            position: absolute;
            background-color: #f44336 !important
        }

    .header--item img {
        left: -5px !important
    }

    .header--item--info .drop-menu-em {
        margin-top: 8px;
        left: 0
    }

    .dropdown-flag {
        padding: 0 0 0 6px !important
    }

        .dropdown-flag > img {
            position: relative !important;
            padding-left: 0 !important;
            width: 25px !important
        }

    .dropdown__content--lang > .drop-menu-em {
        margin-top: 0 !important
    }

    .menu-main-vo li.nav-item a.nav-link .minu {
        line-height: 1.6rem
    }
}

@media screen and (max-width: 640px) {
    .header--item-right.r_active {
        display: block
    }

    #main-menu .nav-item > a.nav-link.active {
        flex-direction: column
    }

    .head-right {
        margin-right: 15px
    }

        .head-right.is_camnang {
            margin-right: 70px
        }

    .header-right {
        margin-right: 10px
    }

    .btn-groupz-empty, .btn-groupzz {
        width: 54px;
        height: 32px;
        min-width: unset
    }

    .header-right--login > div + div {
        margin-left: 10px
    }

    .btn-groupzz.btn-ntd, .btn-groupzz .minu {
        display: none
    }

    .menu-main-vo {
        /*display: flex;
        bottom: 0;
        position: fixed;
        background-color: #3d5897;
        left: 0;
        align-items: center*/
    }

    .menu-main-vo {
        color: black;
        /*background-color: #f4a43d !important*/
    }

        .menu-main-vo li.nav-item a.nav-link {
            text-align: center
        }

            .menu-main-vo li.nav-item a.nav-link i {
                display: block;
                color: #fff !important;
                text-align: center;
                margin-bottom: 3px
            }

    .navbar-header {
        /*display: none*/
    }

    .menu-ic-logo {
        padding-right: 4px !important
    }

    .drop-menu-em {
        left: -132px
    }

    .menu-main-vo li.nav-item a.nav-link .minu {
        font-size: 10px;
        color: black !important;
        line-height: 1.6em
    }

    .menu-main-vo.lged li.nav-item a.nav-link .minu {
        line-height: 2.7em;
        white-space: nowrap
    }

    .navbar-nav > li > a {
        line-height: 11px
    }

    .hide_txt {
        display: none
    }

    .menu-main-vo.logged {
        bottom: 0
    }

    .switch-accounts {
        background-color: #f07e1d;
        color: #fff;
        padding: 3px 5px;
        border-radius: 2px
    }

    .menu-ic-logo label {
        margin-left: 19px;
        margin-right: -20px
    }

    .btn-danhmuc {
        margin-right: -11px
    }

    .btn-groupzz.btn-dky {
        background-color: #f07e1d !important
    }

    .header--item--notify .dropdown-menu {
        left: -267px !important;
        width: 322px
    }

    .dropdown-menu {
        left: -145px !important;
        width: 190px
    }

    .list-group-item:first-child, .list-group-item:last-child {
        border: 0
    }

    .content-intro-jobseeker {
        margin-top: 30px
    }

    .nav.navbar-nav.clearfix.menu-main-vo.logged li:nth-child(1) {
        width: 20% !important
    }

    .nav.navbar-nav.clearfix.menu-main-vo.logged li:nth-child(2) {
        width: 20% !important
    }

    .nav.navbar-nav.clearfix.menu-main-vo.logged li:nth-child(3) {
        width: 20% !important
    }

    .nav.navbar-nav.clearfix.menu-main-vo.logged li:nth-child(4) {
        width: 20% !important
    }

    .nav.navbar-nav.clearfix.menu-main-vo.logged li:nth-child(5) {
        width: 20% !important
    }

    .nav.navbar-nav.clearfix.menu-main-vo.logged.lged li:nth-child(1), .nav.navbar-nav.clearfix.menu-main-vo.logged.lged li:nth-child(2), .nav.navbar-nav.clearfix.menu-main-vo.logged.lged li:nth-child(3), .nav.navbar-nav.clearfix.menu-main-vo.logged.lged li:nth-child(4) {
        width: 25% !important
    }

    .menu-camnangnn {
        margin-bottom: 0 !important
    }

        .menu-camnangnn .menu-ic-logo {
            padding-top: 4px !important
        }

        .menu-camnangnn .collapse, .menu-camnangnn .collapsing {
            height: auto;
            width: 90vw;
            position: absolute;
            right: 0;
            top: 35px
        }

        .menu-camnangnn .list-group-item a {
            width: 100%
        }

    .list-group {
        margin-bottom: 0;
        box-shadow: 4px 4px 7px #3333331f
    }

    .panel-heading {
        padding: 9px 15px;
        border: 1px solid #e1e1e1;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .menu-ic-logo {
        padding-top: 4px !important
    }

    .list-group-item ul .dropdown {
        margin-bottom: 0;
        border-bottom: 1px solid #ddd;
        border-top: 0;
        border-left: 0;
        border-right: 0
    }

    #dropdownMenuLang > img {
        width: 25px !important;
        right: -3px !important
    }

    .dropdown .dropdown__content--notify {
        margin-left: -120px
    }

    .header-login .header--item-right {
        margin-right: 0
    }
}

@media(min-width: 601px) {
    .list-group-item {
        background-color: transparent;
        border: 0 solid transparent
    }

    .sticky .list-group {
        margin-bottom: 0;
        background-color: #fff;
        height: 139px
    }
}

@media(min-width: 481px) and (max-width:640px) {
    .menu li.nav-item i {
        font-size: 16px
    }

    .sidebar__jobseeker {
        display: none !important
    }

    .show_mobile_480 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .header--item img {
        left: -5px !important
    }

    .header--item--notify {
        padding-left: 16px !important;
        padding-right: 16px;
        padding-top: 5px !important;
        padding-bottom: 10px;
        margin-right: 10px
    }

        .header--item--notify .badge-em {
            padding: 2px 4px !important;
            font-size: 9px !important;
            top: 2px;
            right: 12px;
            position: absolute;
            background-color: #f44336 !important
        }

    .menu-ic-logo label {
        margin-left: 0;
        margin-right: 10px
    }

    .header--item--info .drop-menu-em {
        margin-top: 8px;
        left: 0
    }

    .dropdown-flag {
        padding: 0 0 0 6px !important
    }

        .dropdown-flag > img {
            position: relative !important;
            padding-left: 0 !important;
            width: 25px !important
        }

    .dropdown__content--lang > .drop-menu-em {
        margin-top: 0 !important
    }

    #dropdownMenuLang > img {
        width: 25px !important;
        right: -3px !important
    }

    .header--item-right {
        padding-top: 10px !important
    }
}

@media only screen and (max-width: 480px) {
    .header-js .logo {
        margin-right: 0
    }

    .is_camnang .btn-danhmuc {
        top: 15px
    }

    .btn-group .panel-heading {
        padding: 6px 15px;
        height: 32px
    }

    #footWrapper {
        display: none
    }

    .navbar-nav li.nav-item {
        padding-top: 0;
        padding-bottom: 0
    }

    .menu li.nav-item i {
        font-size: 16px;
        margin-right: 0
    }

    .menu-main-vo.logged {
        bottom: 0
    }

    .btn-dky {
        background-color: #fff !important
    }

    .navbar-nav li a {
        padding: 13px 8px !important
    }

    .change-padding {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .header--item--info .change-padding img {
        width: 40px !important
    }

    .header-inner .logo .viecoi_logo {
        padding-left: 15px !important
    }

    .tags {
        margin: 0 !important
    }

    .flex_logo {
        display: flex
    }

    .foot-logo {
        width: 50%;
        height: 48px
    }

    .w_50 img {
        width: 175px !important;
        height: 60px !important
    }

    .w_50 {
        width: 50%
    }

    .menu .active .nav-link, .menu .nav-link.active {
        border-radius: 0 !important
    }

    .navbar-nav .open .dropdown-menu {
        display: block !important
    }

    .navbar-nav .dropdown-menu {
        display: none !important
    }

    .menu-camnangnn .open .dropdown-menu {
        display: block
    }

    .sidebar__jobseeker {
        display: none !important
    }

    .collapse.in {
        border-top: 0 solid #ccc !important
    }

    .header--item img {
        left: 0 !important
    }

    .header--item--notify {
        padding-left: 16px !important;
        padding-right: 16px;
        padding-top: 5px !important;
        padding-bottom: 5px;
        margin-right: 10px
    }

        .header--item--notify .badge-em {
            padding: 2px 4px !important;
            font-size: 9px !important;
            top: -2px;
            right: -2px;
            position: absolute;
            background-color: #f44336 !important
        }

    .logo.logo-nlg {
        height: 65px
    }

    .container-login-mobile {
        width: 115px;
        height: 40px
    }

    .menu-ic-logo label {
        margin-left: 0;
        margin-right: 10px
    }

    .dropdown-flag {
        padding: 0 0 0 8px !important
    }

        .dropdown-flag > img {
            position: relative !important;
            padding-left: 0 !important;
            width: 25px !important
        }

    .dropdown__content--lang > .drop-menu-em {
        margin-top: 0 !important
    }

    #main-menu .nav-item, #main-menu .nav-item > a, .header-js .group-btn-header, .flag--pc {
        min-width: 64px;
        height: 40px;
        line-height: 64px
    }

        #main-menu .nav-item > a.nav-link.active {
            height: 64px;
            margin-top: 0
        }

    .menu-main-vo li.nav-item a.nav-link {
        line-height: 13px !important
    }

    .head-right.is_camnang {
        margin-right: 64px
    }

    .header-js .menu-padding {
        padding: 0
    }

    .navbar-nav li a {
        padding: 13px 8px !important
    }

    .change-padding {
        padding-bottom: 5px !important;
        padding-top: 5px !important
    }

        .change-padding img {
            width: 40px
        }

    .re_btn_padding {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .re_padding_right {
        padding-left: 4px !important;
        padding-right: 0 !important
    }

    .btn-danhmuc.right_10 {
        right: 14px !important
    }
}
body {
    background: #fff
}

.space20 {
    height: 20px
}

.space30 {
    height: 30px
}

.space50 {
    height: 50px
}

*, *:before, *:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}



input[type=number], input[type=password], input[type=text], input[type=email], select, textarea {
    border: none
}

input[readonly] {
    cursor: text !important;
    background-color: #fff
}

.owl-prev, .owl-next {
    z-index: 10 !important
}

.navbar {
    border-radius: 0;
    margin-bottom: 0
}

.lazy-content {
    display: none
}

.searchwrap {
    background: linear-gradient(180deg,rgba(255,247,239,1) 0%,rgba(199,230,242,1) 100%);
    height: 350px;
    padding: 76px 0
}

.searchwrap_margin {
    max-width: 1170px;
    width: unset;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.searchbar div {
}

.searchwrap_left {
    padding-right: 15px
}

.searchBar {
    margin-top: 60px
}

.searchwrap_left .searchBar h1.h1_home {
    text-align: left;
    color: #333;
    text-shadow: none;
    margin: 20px 0 10px 0;
}

.h1_home a {
    font-size: 33px;
    background-color: transparent !important;
    color: #333
}

.show {
    display: block
}

.input_tukhoa2 {
    width: 100% !important;
    height: 45px;
    padding: 8px 0 8px 8px;
    background-color: #fff !important;
    border-radius: 4px;
    box-shadow: 0 3px 6px #b6b6b6 !important;
    font-size: 14px
}

#dropdown_search {
    z-index: 15
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 2
}

.search_tags_new {
    color: #000;
    padding: 10px;
    border-radius: 15px;
    font-size: 12px;
    line-height: 20px;
    margin: 3px 3px 3px 0
}

    .search_tags_new.search-tag {
        margin: 0;
        padding: 0
    }

.inline-block {
    display: inline-block
}

.dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.inline-block a {
    padding: 3px 8px;
    border-radius: 25px
}

.tag_box a {
    border: 1px solid #e1e1e1
}

    .tag_box a:hover {
        background-color: #f07d1c;
        color: #fff;
        border: 1px solid #f07d1c
    }

.dropdown_content-a {
    color: #f07e1d !important;
    padding: 0 !important
}

.box-imgcompany2 {
    height: 36px;
    width: auto;
    display: flex;
    margin: 10px 0 0;
    align-items: center
}

.img-benefit {
    object-fit: contain;
    border: 1px solid #ededed;
    padding: 2px;
    height: 100% !important
}

.dropdown-content #companypopular a {
    padding: 0 16px !important
}

.pr_5 {
    padding-right: 5px !important
}

#search-submit i {
    font-size: 18px
}

.search-description {
    background-color: rgb(251 248 248);
    padding: 13px 18px;
    border-radius: 4px;
    margin-top: 10px;
    color: #333;
    text-align: left;
    font-size: 15px;
    font-style: italic
}

    .search-description a {
        background-color: transparent !important;
        font-size: 15px;
        color: var(--primary-color);
        border-radius: 4px
    }

.searchwrap_right-img {
    position: relative;
    text-align: center
}

    .searchwrap_right-img img:hover {
        opacity: inherit
    }

.box_job_top {
    padding-top: 1rem
}

.box_job {
    position: absolute;
    background-color: #fff;
    padding: 6px 12px 6px 7px;
    right: 0;
    top: 13%;
    box-shadow: 0 3px 6px #828282;
    border-radius: 6px;
    text-align: center;
    display: flex;
    align-items: center
}

.icon_boxjob {
    background-color: #d76121;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 20px;
    color: #fff;
    margin-right: 9px
}

.icon_boxjob-brief {
    background-color: #f07e1d
}

.icon_boxjob-tie {
    background-color: #6e6bf8
}

.text_boxjob {
    text-align: left
}

    .text_boxjob h2 {
        margin: 0;
        color: #333;
        position: relative;
        /*margin-right: 15px;*/
        font-weight: 700;
        font-size: 18px
    }

    .text_boxjob p {
        margin: 0;
        font-size: 14px;
        color: #afafaf
    }

.box_job-top {
    top: 44%
}

.box_candidate {
    right: 57%
}

.box_Emp {
    top: 73%;
    right: 44%
}

    .box_Emp h2 > span {
        right: 13px !important
    }

.container-home a {
    background-color: transparent
}

.title-linehead {
    position: relative;
    padding: 0 0 10px;
    border-bottom: 1px #e2e2e2 solid;
    font-weight: 700;
    font-size: 15px;
    margin-top: 15px;
    text-transform: uppercase
}

    .title-linehead a {
        color: #333
    }

        .title-linehead a:hover {
            color: #f07e1d
        }

    .title-linehead:after {
        background-color: #e95f07;
        bottom: -1px;
        left: 0;
        width: 80px;
        height: 1px
    }

    .title-linehead:after, .title-linehead:before {
        position: absolute;
        display: inline-block;
        content: ""
    }

.company_box {
    padding: 3px
}

.company_box-child {
    padding: 10px;
    box-shadow: 0 0 6px #dfdfdf
}

.owl-carousel .owl-item img {
    height: 100%
}

.company_img {
    height: 92px !important;
    padding: 0 20px;
    object-fit: contain
}

.company_item-txt h4 {
    font-size: 13px;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333 !important;
    display: -webkit-box;
    height: 33.8px;
    -webkit-line-clamp: 2;
    text-transform: uppercase;
    margin-bottom: 5px
}

    .company_item-txt h4:hover {
        color: #f07e1d !important
    }

.see_more_top {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px
}

.see_more-img {
    height: 14px;
    width: 14px
}

.camnang_nn {
    position: relative
}

    .camnang_nn .owl-theme .custom-nav {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0
    }

    .camnang_nn .owl-stage-outer .owl-stage {
        padding-bottom: 8px
    }

    .camnang_nn .owl-carousel.owl-theme.owl-loaded.owl-drag .owl-stage-outer .owl-stage .owl-item .item {
        padding-bottom: 1px;
        background-color: #fff;
        box-shadow: 0 -2px 12px #bbb;
        min-height: 0;
        padding: 0;
        padding-bottom: 10px
    }

.owl-theme .custom-nav .owl-prev, .owl-theme .custom-nav .owl-next {
    position: absolute;
    height: 25px;
    color: inherit;
    background-color: #fff;
    border: none;
    z-index: 100;
    border-radius: 25px;
    margin-top: 40px
}

    .owl-theme .custom-nav .owl-prev:focus, .owl-theme .custom-nav .owl-next:focus {
        outline: unset
    }

    .owl-theme .custom-nav .owl-prev i, .owl-theme .custom-nav .owl-next i {
        font-size: 1.5rem;
        color: #cecece
    }

.owl-theme .custom-nav .owl-prev {
    left: 0
}

.owl-theme .custom-nav .owl-next {
    right: 0
}

.title_cn {
    color: #333;
    font-size: 14px
}

    .title_cn:hover {
        color: #f07e1d !important
    }

.job_top_list {
    display: block;
    width: 100%
}

.job_top {
    position: relative;
    width: 100%
}

.job_top_figure {
    height: 10rem;
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden
}

.camnang_nn .job_top_figure {
    height: 110px;
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden
}

.job_top_figure img {
    width: 100%
}

.title_article {
    -ms-flex-align: center;
    align-items: center;
    color: #f07e1d;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px
}

.txt_overflow_article {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 44px;
    padding: 0 10px;
    margin-bottom: 0
}

.text-overflow-line3 {
    padding: 0 10px;
    margin: 0
}

.pad_10 {
    padding: 0 10px
}

@media only screen and (max-width: 480px) {
    .hidden_mb {
        display: none
    }

    .container {
    }

    .searchwrap {
        min-height: 333px;
        height: 333px;
        padding-top: 64px
    }

    .searchwrap_left {
        padding-right: 15px
    }

    .searchBar {
        margin-top: 15px
    }

    .searchwrap .searchBar h1.h1_home {
        margin-top: 10px;
        text-align: center
    }

    .pr_5 {
        padding: 0 !important
    }

    .container.container-home.mb {
        position: relative
    }

    .searchwrap .search-description {
        padding: 10px;
        font-size: 13px
    }

    .container-home .search-description a, .search-description a {
        font-size: 13px
    }

    .searchwrap_right {
        display: none
    }

    .container-home h3 a {
        font-size: 13px
    }

    .space20 {
        height: auto
    }

    .company_img-container {
    }

    .job_top {
        height: 90px
    }

    .owl-dots {
        height: 25px
    }

    .txt_overflow_article {
        -webkit-line-clamp: 3;
        height: 60px
    }

    .title_cn {
        font-size: 13px
    }

    .company_img {
        height: 92px !important;
        padding: 0 20px;
        object-fit: contain
    }

    .company_box-child {
        padding: 0 10px 10px
    }

    .text-overflow-line3 {
        -webkit-line-clamp: 2;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0
    }

    .see_more_top30 {
        position: absolute;
        top: 0
    }

    .title-linehead {
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 15px;
        text-transform: uppercase;
        line-height: 1.5;
        padding: 0
    }

    .camnang_nn .job_top_figure {
        height: 90px
    }

    .camnang_nn .owl-theme .custom-nav {
        top: unset !important;
        bottom: 6%
    }

    .new-tags {
        margin: 5px 0 !important
    }

    .content_item {
        margin: 5px 0
    }

    .tag {
        padding: 0 6px !important;
        margin: 0 5px 5px 0 !important
    }

    .job_top_figure {
        height: 8rem
    }

    .owl-carousel .owl-item .carousel_img {
        width: 123px;
        height: 90px
    }

    .owl-theme .custom-nav .owl-prev, .owl-theme .custom-nav .owl-next {
        margin-top: -9px !important;
        background-color: #e8e8e8;
        border: 2px solid #e1e1e1
    }

    .title_item {
        font-weight: 600;
        font-size: 15px;
        text-transform: uppercase
    }
}

@media(min-width: 481px) and (max-width:640px) {
    .searchwrap_right {
        display: none
    }

    .searchwrap_left {
        padding-right: 15px
    }

    .owl-carousel .owl-item .carousel_img {
        width: 123px;
        height: 90px
    }
}

@media(min-width: 641px) and (max-width:768px) {
    .searchwrap_right {
        display: none
    }

    .searchwrap_left {
        padding-right: 15px
    }

    .owl-carousel .owl-item .carousel_img {
        width: 123px;
        height: 90px
    }
}

@media(min-width: 769px) and (max-width:990px) {
    .block_scroll {
        display: block !important
    }

    .owl-carousel .owl-item .carousel_img {
        width: 123px;
        height: 90px
    }
}

@media(min-width: 991px) and (max-width:1024px) {
    .block_scroll {
        display: block !important
    }
}

@media screen and (min-width: 1025px) {
    .block_scroll {
        display: block !important
    }

    .dropdown-content-new {
        width: 167%
    }
}
@charset "UTF-8";

.EUJobseer-table table td, .EUJobseer-table table th, .USListJob-table table td, .USListJob-table table th, .alert-connection, .center_web, .col_button_mua, .content-em-p, .div-savefile, .info-message1, .invoice-items thead tc, .invoice-totals thead tc, .main-bg, .nav-tabs > li, .navbar-nav > li, .property-job, .property-title, .shop-corousel-item .property-card-header, .steps li span, .table-payment .table td, .table-payment .table th, .txt-diemhientai, .txt-info-ck, .txt-nd-ck, .txt-package, .txt-view {
    text-align: center
}

#profile_image, .searchwrap input.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    height: 50px !important
}

.container-home .btn-group__multiple span:first-child, .container-home .btn-group__multiple span:nth-child(4), .searchwrap h1.h1_home {
    text-shadow: 2px 2px 4px rgba(0,0,0,.26)
}

*, li, ul {
    word-break: break-word
}

th {
    white-space: nowrap
}

.items_search_role, .items_search_skill {
    padding: 5px 0;
    float: left;
    width: calc(100%/4);
    display: inline-block
}

.items_search_role_container, .items_search_skill_container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.text-overflow-line10, .text-overflow-line2, .text-overflow-line3, .text-overflow-line4, .text-overflow-line5 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.text-overflow-line2 {
    -webkit-line-clamp: 2
}

.text-overflow-line3 {
    -webkit-line-clamp: 3
}

.text-overflow-line4 {
    -webkit-line-clamp: 4
}

.text-overflow-line5 {
    -webkit-line-clamp: 5
}

.text-overflow-line10 {
    -webkit-line-clamp: 10
}

.alert-connection {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 5px;
    z-index: 100001;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

#nprogress, .slick-slide.dragging img {
    pointer-events: none
}

    #nprogress .spinner-icon {
        width: 18px;
        height: 18px;
        box-sizing: border-box;
        border: 2px solid transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 50%;
        -webkit-animation: .4s linear infinite nprogress-spinner;
        animation: .4s linear infinite nprogress-spinner
    }

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

#nprogress .bar {
    animation: 2.1s cubic-bezier(.65,.815,.735,.395) infinite indeterminate;
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d,0 0 5px #29d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0,-4px);
    -ms-transform: rotate(3deg) translate(0,-4px);
    transform: rotate(3deg) translate(0,-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    100%,60% {
        left: 100%;
        right: -90%
    }
}

.container.content-home .home {
    grid-template-columns: repeat(6,16.67%);
    padding: 0 15px;
    margin: 0;
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 8px;
    justify-content: center
}

body.header-not-at-top .header-inner .logo {
    -webkit-transition: scale .5s;
    transition: scale .5s
}

.lang-manu .icon-dropdown, body.header-not-at-top .header-inner .postjob, body.header-not-at-top .header-inner .search-hs {
    margin-top: 2px
}

.img-camnang, .push-top-10, .push-top-xs, .stepwizard-step p, .title-searchjob, .widget-introduce-video, body.header-not-at-top .header-inner .drop-info-em, body.header-not-at-top .header-inner .menu-sub-em, body.header-not-at-top .header-inner .name-user-em {
    margin-top: 10px
}

body.header-not-at-top .header .websitetitle {
    top: 4px;
    height: 51px
}

body.header-not-at-top .header {
    transform: translateY(-100px);
    animation: .2s forwards move-down
}

@keyframes move-down {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

body.header-not-at-top .dky-dnhap {
    padding: 20px 7px 0 0
}

.compat-object-fit > img, .display-mobi, .header-hover .sticky-wrapper, .header-inner .logo img.mini-logo, .menu .nav > .nav-item .nav-link:after, .menuBtn, .mobile-profile, .mobile-show, .paid .invoice-pay ul li, .property-slider .carousel-control.left span, .property-slider .carousel-control.right span, .responsive-nav, .responsive-one, .section.section-slim.section-ads, .show-hide-btn, .side-heading:after, .side-heading:before, .slick-slide, .slick-slide.slick-loading img, .top-box-mask, .widget-rightsearch .widget-header:before, body.header-not-at-top .menu-main-vo .fa-briefcase, body.header-not-at-top .menu-main-vo .fa-building-o, body.header-not-at-top .menu-main-vo .fa-file-text, body.header-not-at-top .menu-main-vo .fa-handshake-o, body.header-not-at-top .menu-main-vo .fa-leaf, body.header-not-at-top .menu-main-vo .fa-list, body.header-not-at-top .menu-main-vo .fa-newspaper-o, body.header-not-at-top .menu-main-vo .fa-recycle, body.header-not-at-top .menu-main-vo .fa-search, body.header-not-at-top .menu-main-vo .fa-suitcase, body.header-not-at-top .menu-main-vo .fa-user, body.header-not-at-top .menu-main-vo .fa-user-plus, body.header-not-at-top .menu-main-vo .fa-users, body.header-not-at-top .menu-main-vo .mobi-menu-hide, div.panel, footer .NL .Notfication {
    display: none
}

.agents-corousel-item .box-container .media-body, .agents-corousel-item .box-container .media-left, .agents-corousel-item .box-container .media-right, .box-container-title .sub-title, .components-examples ul, .header .top-bar ul li, .header-inner .logo img, .logo a, .new-tags a, .shop-corousel-item .property-card-header > img {
    display: inline-block
}

body.header-not-at-top .navbar .dropdown-menu .fa-user-plus {
    display: initial
}

.animate {
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both
}

@keyframes slideIn {
    100% {
        transform: translateY(0);
        opacity: 1
    }

    0% {
        transform: translateY(1rem);
        opacity: 0
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn
}

.max-line-bv, .max-line-camnang, .searchwrap {
    -webkit-box-orient: vertical
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

#nav li a, #nav li a:hover, #ws-footer a, #ws-footer a:hover, #ws-footer a:link, .EUJobseer-adelete, .EUJobseer-aedit, .EUJobseer-aopen, .USListJob-adelete, .USListJob-aedit, .USListJob-aopen, .USPost-label-right, .copyrights a:hover, .footer-bottom a, .header .websitetitle .rowR, .home-box a, .primary-hover:hover, .smart-banner .btn, .smart-banner .close, .social-list li a:hover, .steps li span, .tabs > ul li a:focus, .title-jobs-home a:not(:hover), a, a:hover, body .pagination li.page-item a.active, body .pagination li.page-item a:hover {
    text-decoration: none
}

.pricing-table-2 li.even, body {
    background: #f3f3f3
}

.navbar {
    min-height: initial
}

input[type=email], input[type=number], input[type=password], input[type=text], select, textarea {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    color: #777
}

.agencies, .header, .header-inner, .section-ads, .table-cart input {
    background: #fff
}

.top-box {
    position: relative;
    width: 100%;
    z-index: 1001
}

.header-inner {
    box-shadow: 0 5px 4.75px .25px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 5px 4.75px .25px rgba(0,0,0,.07);
    position: relative;
    z-index: 30
}

    .header-inner .logo {
        padding: 12px 0;
        text-align: left;
        margin-right: 15px
    }

        .header-inner .logo, .header-inner .logo img {
            max-height: 100px;
            transition: padding .3s ease-in,max-height .35s ease-in 50ms;
            -webkit-transition: padding .3s ease-in,max-height .35s ease-in 50ms
        }

.logo a {
    max-width: 250px
}

.header-inner .logo img {
    width: 135px;
    margin-top: -8px
}

.show_web {
    display: block !important
}

.USPost-frm-PostJob input[type=radio], .show_mobile_480 {
    display: none !important
}

.dky-dnhap a.btn-dnhap:focus {
    color: #e95f07;
    text-decoration: none
}

.btn-dky, .btn-dnhap {
    font-weight: 500;
    color: #333
}

.btn-dnhap {
    font-size: 14px;
    border-right: 1px solid #cecece;
    padding-right: 7px;
    padding-left: 13.5px
}

.btn-dky {
    font-size: 13.5px;
    padding-left: 10px
}

    .badge-index, .btn-dky .fa, .btn-dky:hover, .btn-dnhap .fa, .btn-dnhap:hover, .btn-print-detail-CV:hover, .col1-menu li:hover, .colornormal:hover, .jobs-info .ul-margin li a, .list-danhmuc li a:hover, .list-khuvuc li a:hover, .page_ntd_content_timhoso p .fa, .thongbao-searchjob-jobseeker b, .thongtin-lienhe li .b-contact, ul.unstyled li:hover {
        color: white;
    }

.navbar-toggle {
    float: right;
    background-color: transparent !important;
    background-image: none;
    border: 5px solid transparent;
    border-radius: 0;
    padding: 0;
    position: absolute;
    margin: 0;
    top: 25px;
    right: 0;
    border-color: transparent !important
}

.menu {
    padding: 12px 0;
    line-height: 0;
    box-sizing: border-box;
    transition: padding-top .2745s ease-in;
    -webkit-transition: padding-top .2745s ease-in;
    -moz-transition: ppadding-top .2745s ease-in;
    -ms-transition: padding-top .2745s ease-in
}

    .menu .navbar {
        border: 0 solid transparent !important;
        padding: 0;
        position: static;
        margin-bottom: 0
    }

    #nav li a, .colornormal, .drop-info-em a, .grid-job-location a, .h-side .properties-filter .select-small .dropdown-toggle:hover, .jobs-info .ul-margin li a:hover, .list-danhmuc li a, .list-khuvuc li a, .menu .nav-link:not(.active), .salary-jobs, .ul-margin li a, footer .NL .Notfication .close-box, h3.title-jobs-home:hover a, ul.unstyled li a {
        color: #333
    }

    .box-container-title .title, .btn-buy-package, .btn-print-detail-CV, .btn-saveHS-detail-CV, .carousel-caption .carousel-caption-title, .components-examples .box-container-title .title, .components-examples .h-side .h-side-title, .header .websitetitle .sub-title::first-letter, .header .websitetitle .sub-title:first-letter, .header .websitetitle .title, .home-box h2, .lang-manu, .lang-manu button, .menu .nav-link, .page-title-big, .point-payment, .section-title span, .title-NTD-VO, .title-detail-CV, .top-title-t, .txt-diemhientai {
        text-transform: uppercase
    }

.header .websitetitle {
    height: 45px;
    position: relative;
    right: 0;
    align-items: center;
    top: 11px;
    display: flex
}

    .header .websitetitle div {
        display: table-cell;
        padding: 0 24px;
        vertical-align: middle
    }

    .header .websitetitle .rowR {
        color: #fff;
        display: table-cell;
        padding: 0;
        vertical-align: middle
    }

        .header .websitetitle .rowR > * {
            color: #fff;
            display: block;
            text-align: center
        }

    .header .websitetitle .title {
        font-size: 16px;
        margin: 0
    }

    .header .websitetitle .sub-title {
        font-size: 11px;
        margin-bottom: 15px
    }

.box-navigaion {
    float: right;
    margin-top: 11px;
    margin-right: 11px
}

.smart-banner {
    zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #d1d1d1;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#f8fbfb),color-stop(1,#f8f8f8));
    background: -ms-linear-gradient(bottom,#f8fbfb,#f8f8f8);
    background: -moz-linear-gradient(center bottom,#f8fbfb 0,#f8f8f8 100%);
    padding: 10px 10px 10px 31px;
    position: relative;
    -webkit-transition: margin-top .3s linear;
    margin-top: 68px
}

    .smart-banner:after, .smart-banner:before {
        content: " ";
        display: table
    }

    .smart-banner .icon {
        height: 50px;
        width: 50px;
        border-radius: 7.81px;
        vertical-align: top;
        float: left;
        margin-right: 10px
    }

    .btn-savefile, .content-TopPage a p, .footer-contact i, .label, .places_select .btn, .smart-banner .close, body .footable.table > tbody > tr > td, body table td, td {
        vertical-align: middle
    }

    .smart-banner .meta {
        padding-top: 0
    }

    .smart-banner .name {
        font-size: 15px;
        width: 163px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap
    }

    .smart-banner .author {
        display: block;
        font-size: 11px;
        color: #888;
        padding-top: 2px
    }

    .smart-banner .btn {
        margin-top: 5px;
        float: right;
        color: #fff;
        padding: 2px 9px 5px;
        font-family: helvetica neue,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 12px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #4cac4f;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#4cac4f),color-stop(1,#0c804a));
        background: -ms-linear-gradient(bottom,#4cac4f,#0c804a);
        background: -moz-linear-gradient(center bottom,#4cac4f 0,#0c804a 100%);
        border: 1px solid rgba(79,79,79,.75)
    }

    .smart-banner .close {
        position: absolute;
        width: 30px;
        padding: 25px 0;
        left: 0;
        top: 0;
        bottom: 0;
        text-align: center;
        color: rgba(0,0,0,.3);
        opacity: 1
    }

    .slick-track:after, .smart-banner:after {
        clear: both
    }

.searchwrap {
    background-size: cover;
    padding: 0;
    height: 350px;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.new-tags a {
    border: 1px solid #e1e1e1;
    padding: 0 10px;
    line-height: 2.5rem;
    border-radius: 2px;
    margin: 5px 3px 5px 0;
    font-size: 13px;
    color: #434242
}

    .new-tags a :hover {
        color: #f07d1e
    }

@media screen and (max-width: 768px) {
    .tag::before {
        border-radius: 10px;
        box-shadow: inset 0 0 rgba(0,0,0,.25);
        height: 6px;
        left: 0;
        width: 0;
        top: 10px
    }

    .searchwrap {
        background-size: cover;
        padding: 0;
        height: 415px;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    .padbt-mb-15 {
        padding-bottom: 15px !important
    }
}

.col-md-9 .widget-property .widget-title, .searchbar {
    margin-top: 40px
}

.container-home {
    margin-top: auto;
    margin-bottom: auto
}

    .container-home a {
        background-color: #fff;
        padding: 5px;
        border-radius: 4px;
        color: #333;
        outline-width: 0;
        font-size: 13px
    }

        .btn-nangcap, .container-home a:hover, .tabs > ul li.active, .tag:hover {
            background-color: #f07e1d;
            color: #fff
        }

.footer-top-2 .social-list li a, .hover_links_effect li a {
    margin: 0 6px 0 0;
    font-size: 17px;
    background: #494949;
    width: 33px;
    text-align: center
}

.content-home {
    padding-top: 20px;
    padding-bottom: 20px
}

.searchwrap h1.h1_home {
    color: #fff;
    text-align: center
}

.searchbar div {
    padding: 0 1px
}

.searchwrap h3 {
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: relative;
    background-color: rgba(0,0,0,.25);
    padding: 30px 0;
    clear: both
}

.searchbar select.form-control, .searchblack select.form-control {
    padding: 12px 15px 13px;
    line-height: 46px
}

.searchbar .form-control {
    padding: 13px 15px;
    font-size: 13px;
    background-color: #fff;
    color: #777
}

    .searchbar .form-control, .searchbar .form-control:focus {
        border: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        outline: 0;
        border-radius: 0;
        height: 49px
    }

.searchbar .btn-homesearch {
    background: #f07e1d;
    border-radius: 0;
    color: #fff;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    height: 49px;
    width: 100%
}

.searchbar .custom-combobox a {
    border-radius: 0 !important
}

.searchbar .btn-homesearch:hover {
    background-color: #fc8017
}

select {
    border: 1px solid #c5c5c5 !important;
    font-size: 13px !important;
    padding: 0 0 0 7px !important;
    margin: 0 !important;
    height: 39px;
    background: #fff !important;
    width: 100% !important;
    border-radius: 0
}

.blogs-listing .card:hover, .color-primary.btn:hover:after, .color-secondary.btn:hover:after, .hover-default:hover .property-card-hover, .image-hoveffect:hover:after, .image-hoveffect:hover:before, .images-gallery li:hover a, .input-with-search .input-group-addon:hover, .owl-corousel-box .owl-btn:hover, .property-card-header:hover .property-card-hover, .search-additional-btn:hover, .searchbar select, .sharing-buttons li a:hover:before, .slider-tall .carousel-indicators li:hover .carousel-indicators-preview, .squaredFour input[type=checkbox]:checked + label:after, .squaredFour input[type=radio]:checked + label:after {
    opacity: 1
}

.city-group select, .exp-group select, .reset_search, .reward-group select, .salary-group select {
    display: inline-block;
    padding: 4px 3px 3px 5px !important;
    margin: 0;
    outline: 0;
    line-height: 30px;
    background-color: transparent !important;
    -webkit-appearance: none;
    color: #fff;
    border: none !important;
    height: 30px !important;
    margin-left: 10px !important;
    font-size: 14px !important;
    text-transform: capitalize;
    font-weight: 700;
    cursor: pointer
}

    .USPJob-frm-PostJob input[type=radio] + label, .agent-details .mail-ct, .city-group select:focus, .exp-group select:focus, .reward-group select:focus, .salary-group select:focus, .select-secondary .dropdown-menu a, .widget.widget-properties .property-card .property-card-box span.address, body .select-secondary .dropdown-menu li.selected a, body .select-secondary .dropdown-menu li:hover a, button.btn-Advanced.active, button.btn-Advanced:hover {
        color: #000
    }

.city-group:before, .exp-group:before, .reward-group:before, .salary-group:before {
    content: "▼";
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 0;
    line-height: 30px;
    padding: 0 7px;
    color: #f07e1d;
    pointer-events: none
}

.USPJob-subSpan, .deadline, .list-people li .info .status, .searchwrap h3, .txt-update {
    font-style: italic
}

.slick-loading .slick-slide, .slick-loading .slick-track, .squaredFour input[type=checkbox], .squaredFour input[type=radio] {
    visibility: hidden
}

#nav, .slick-dots, .tags, li, ul, ul.unstyled li {
    list-style: none
}

.content {
    min-height: 570px;
    padding-bottom: 20px
}

.candidate-pic, .content-flex .section.section-slim, .padding-bottom-15px, .padding_bt_15px, .widget.widget-properties {
    padding-bottom: 15px
}

.masonry .post-item, [class*=cell-] {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.cell-6, .masonry .post-item {
    width: 50%
}

.cell-4, .masonry.nobar .post-item {
    width: 33.33333333%
}

.bg-hoTroDk {
    background: url(../images/bg-hoTroDk.jpg) no-repeat #455258
}

.drop-camnang, img.cart-thumb {
    margin: 0 !important
}

.navbar-nav .open .dropdown-menu li {
    float: left;
    text-align: center;
    width: 100%
}

.menu .nav > .nav-item .drop-camnang li a {
    width: 100%;
    text-align: center
}

#nav, .h-side .h-side-title, li, ul {
    margin: 0;
    padding: 0
}

    #nav li {
        float: left;
        margin-right: 20px;
        font-size: 13px;
        font-family: open sans,sans-serif;
        font-weight: 500;
        padding-left: 9px
    }

        #dangnhapnguoitimviec:hover, #dangnhaptuyendung:hover, #link_register:hover, #nav li a:hover, .agents-corousel-item .agent-details .mail, .block-head-News a span, .block-head-News:hover, .dkyngay, .footer-top .footer-contact a:hover, .footer-top .footer-menu a:hover, .menu .nav > .nav-item .drop-camnang li a:active, .menu .nav > .nav-item .drop-camnang li a:hover, .news:not(.section-parallax) .card .title a, .property-card .property-card-box .property-card-title, .property-card .property-card-box .property-card-title a, body .text-color-primary, footer a:hover {
            color: #e95f07
        }

#notification_li, .header-over-search .container, .image-hoveffect, .jobs_container, .search-form .container, .section-title span, .stepwizard-step, owl-corousel-box {
    position: relative
}

#notificationContainer {
    background-color: #fff;
    border: 1px solid #edeef0;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.25);
    overflow: visible;
    position: absolute;
    top: 30px;
    margin-left: -170px;
    width: 400px;
    z-index: -1;
    display: none
}

    #notificationContainer:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        color: transparent;
        border: 10px solid #000;
        border-color: transparent transparent #edeef0;
        margin-top: -20px;
        margin-left: 188px
    }

#notificationTitle {
    z-index: 1000;
    font-weight: 700;
    padding: 8px;
    font-size: 13px;
    background-color: #fff;
    width: 384px;
    border-bottom: 1px solid #ddd
}

#notificationsBody {
    padding: 33px 0 0 !important;
    min-height: 300px
}

#notificationFooter {
    background-color: #e9eaed;
    text-align: center;
    font-weight: 700;
    padding: 8px;
    font-size: 12px;
    border-top: 1px solid #ddd
}

#notification_count {
    padding: 2px 6px;
    background: #c00;
    color: #fff;
    font-weight: 700;
    margin-left: 77px;
    border-radius: 9px;
    position: absolute;
    margin-top: -11px;
    font-size: 11px
}

.notifi-header {
    padding: 24px 6px 24px 14px
}

.notifi-content {
    margin: 0 auto;
    width: 900px
}

.menu-main-vo li.nav-item a.nav-link .minu {
    display: block;
    margin-top: 5px
}

.drop-camnang {
    margin-top: 12px !important
}

.footer-top-2 {
    border-top-width: 5px;
    border-top-style: solid
}

    .footer-top-2 .foot-logo {
        height: 52px;
        margin: -8px auto 9px;
        text-align: center
    }

    .footer-top-2 .social-list li a {
        border-radius: 50%;
        display: inline-block
    }

.footer-bottom, .footer-top-4 .hover_links_effect li a {
    background: #1d1d1d
}

.footer-top-2 .social-list li span {
    padding: 0 7px;
    color: #b5b5b5
}

.USListJob-adelete:hover, .USListJob-aedit:hover, .USListJob-aopen:hover, .btn-saveHS-detail-CV a, .btn_red, .div-savefile a, .footer-top-2 .social-list li:hover span, .icon-white, .menu .active .nav-link .icon-dropdown, .menu .nav-link.active .icon-dropdown, .menu .nav > .nav-item .nav-link:hover .icon-dropdown, .search-form input, .search-form select, .select-small .dropdown-menu li.selected a, .select-small .dropdown-menu li:hover a, .tabs > ul li.active a, .tabs > ul li.active a i, .tabs > ul li:hover a, .tabs > ul li:hover a i, .top-title-breadcrumb, .top-title-breadcrumb li, .top-title-breadcrumb li a, .top-title-breadcrumb li a:before, .top-title-breadcrumb li:before, .top-title-breadcrumb > li + li::before, .top-title-widget, .treefield-categories .treefield-box-item:hover, .widget-form .form-additional .form-group-submit input, .widget-rightsearch .widget-header, a.btn_red, ul.categories > li > a:hover i {
    color: #fff
}

.footer-menu-inline {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    font-size: 11px
}

    .footer-menu-inline li {
        display: inline-block;
        margin: 0 5px
    }

        .footer-menu-inline li a {
            color: #777;
            transition: .3s linear
        }

            .footer-menu-center li a:hover, .footer-menu-inline li a:hover {
                padding-bottom: 4px
            }

.footer-top .footer-menu a {
    display: inline-block;
    padding: 7px 0;
    color: #aaa
}

.footer-top .footer-contact a {
    color: #aaa
}

.footer-top .footer-menu a:before {
    display: inline-block;
    margin-right: 7px;
    color: #5b5b5b;
    content: "\f105";
    font-family: FontAwesome
}

footer .NL {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    margin: auto 15px
}

    footer .NL .input-box {
        margin-left: 10px;
        padding-left: 25px;
        width: 67%;
        border: 1px solid #3f3f3f;
        border-right: 0;
        background: 0 0;
        color: #fff;
        font-size: 11px
    }

    footer .NL .txt-box {
        color: #969696;
        font-size: 11px
    }

    footer .NL:before {
        position: absolute;
        top: 16px;
        left: 24px;
        display: inline-block;
        color: #5c5c5c;
        content: "\f0e0";
        font-family: FontAwesome
    }

    footer .NL .NL-btn {
        background: #3f3f3f;
        color: #fff
    }

    footer .NL .Notfication p {
        color: #333;
        padding: 0 7px;
        font-size: 12px;
        width: 89%;
        line-height: normal;
        margin-top: -28px;
        display: inline-block;
        vertical-align: top
    }

footer .no-margin {
    margin: 20px 20px 8px
}

.ellip, .ellip-line, .footer-top .tweet {
    position: relative;
    overflow: hidden
}

    .footer-top .tweet .twitter-pic {
        float: left;
        margin: 3px 10px 0 0
    }

    .footer-top .tweet .twitter-text {
        width: 80%;
        float: left
    }

    .footer-top .tweet p {
        margin: 0 0 5px;
        font-size: 12px;
        line-height: 18px
    }

.footer-top .tags a {
    display: block;
    float: left;
    margin: 3px;
    padding: 8px 6px;
    background: #2c2c2c;
    color: #c4c4c4;
    font-size: 11px
}

.footer-contact i, .footer-contact span {
    display: table-cell
}

.footer-contact {
    padding: 7px 0
}

    .footer-contact i {
        padding: 0 12px 0 0;
        color: #6a6a6a;
        font-size: 18px
    }

.footer-top .flickr-stream-w ul li a {
    height: 61px
}

.footer-top .flickr-stream-w .img-overlay, .footer-top .flickr-stream-w ul li img {
    width: 61px;
    height: 61px
}

    .footer-top .flickr-stream-w .img-overlay:before {
        font-size: 22px;
        line-height: 61px;
        height: 61px
    }

.footer-top .flickr {
    height: 61px;
    display: block;
    overflow: hidden
}

.copyrights {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px
}

    .copyrights a {
        color: #7c7c7c;
        text-decoration: underline
    }

.footer-bottom {
    overflow: auto;
    padding: 15px 0;
    border-top: 1px solid #363636
}

.social-list li {
    float: left;
    margin: 0 1px 0 0;
    font-size: 18px
}

    .social-list li a {
        display: block;
        padding: 0;
        color: #737373
    }

    .social-list li span {
        display: block;
        text-align: center;
        line-height: 33px;
        padding: 0 12px
    }

.hover_links_effect li a {
    border-radius: 50%;
    display: inline-block;
    color: #b5b5b5;
    overflow: hidden
}

.hover_links_effect li span {
    padding: 0 7px;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.hover_links_effect li:hover span {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.top-bar .social-list li span {
    line-height: 39px
}

.footer-top {
    overflow: hidden;
    padding: 60px 0 50px;
    border-bottom: 1px solid #0f0f0f;
    background: #222;
    color: #aaa
}

.block-head {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e2e2e2;
    font-weight: 400
}

    .block-head:after, .block-head:before {
        position: absolute;
        display: inline-block;
        content: ""
    }

    .block-head:before {
        bottom: -3px;
        left: 20px;
        width: 35px;
        height: 5px
    }

    .block-head:after {
        bottom: -1px;
        left: 0;
        width: 80px;
        height: 1px
    }

    .block-head.center {
        margin-left: auto;
        margin-right: auto;
        display: table;
        padding-right: 30px;
        padding-left: 30px
    }

        .block-head.center:before {
            left: 50%;
            margin-left: -17.5px
        }

        .block-head.center:after {
            left: 50%;
            margin-left: -40px
        }

.side-heading {
    font-weight: 800;
    border: 0;
    padding: 0;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-bottom: 15px
}

.h4-vieclammoinhat a:first-letter, .large-heading, .title-jobs-home a:hover, .title-profile span, h3.title-jobs-home, h3.title-jobs-home:first-letter {
    text-transform: capitalize
}

.side-heading span {
    color: #777;
    font-weight: 100
}

.footer-top h3, .large-heading {
    font-weight: 700;
    position: relative
}

.large-heading {
    margin-bottom: 40px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 26px;
    line-height: 20px;
    text-align: center
}

    .large-heading:before {
        position: absolute;
        bottom: -3px;
        left: 50%;
        width: 100px;
        height: 5px;
        content: "";
        display: inline-block;
        margin-left: -57px;
        border-left: 15px solid #fff;
        border-right: 15px solid #fff
    }

.gry-bg .large-heading:before {
    border-left: 15px solid #eee;
    border-right: 15px solid #eee
}

.agents-corousel-item .agent-details .mail:hover, .block-head:after, .block-head:before, .btn-postJob, .color-primary-easy, .details-img:after, .item-box:after, .menu .active .nav-link, .menu .nav-link.active, .menu .nav > .nav-item .nav-link:hover, .portfolio-item:after, .post-image:after, .property-card .property-card-box .property-card-title a:hover, .section-title span:after, .section-title span:before, .service-box-1:after, .team-box .team-socials li a:hover, .team-box-2:after, .team-box:after, .treefield-categories .treefield-box-item:hover, .widget-head:after, .widget-head:before, body .btn.color-primary, body .color-primary, body .dropdown-item:not(.active):hover, body .menu .dropdown-item.active {
    background-color: #e95f07
}

.footer-top .block-head {
    border-bottom-color: #3a3a3a;
    color: #c5c5c5;
    text-transform: uppercase
}

.footer-top h3 {
    font-size: 15px
}

.foot-logo, header.top-head .logo a {
    background: url(../images/logo.svg) 50% 50% no-repeat
}

.foot-logo {
    height: 40px;
    margin: 0 auto 5px;
    text-align: center
}

.btn-circle, .places_select .btn img {
    margin-top: -4px
}

.dky-dnhap {
    padding: 24px 6px 0 0;
    float: right
}

.background-academic, .background-filecv, .background-infoGeneral, .background-introduce-video, .background-payment, .background-searcKey, .background_white, .box-package, .class_load_search, .div-jobs, .jobs-info, .load_search_macdinh {
    background-color: #fff
}

.stepwizard-row:before, .stepwizard-step:before {
    background-color: #ededed
}

.stepwizard {
    display: table;
    position: relative
}

.stepwizard-step button[disabled] {
    opacity: 1 !important
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px
}

.stepwizard-step {
    display: table-cell;
    text-align: center
}

.btn-circle {
    width: 40px;
    height: 38px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 50% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 7px !important
}



#quote-carousel, .box-academic, .property-margin-detail, .push-top, .step-marginTop, .tab-home-job, .tab-vieclam {
    margin-top: 15px
}


.content-TopPage {
    padding: 40px
}

.img-positionEm {
    display: table;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.content-TopPage h1, .content-TopPage h2 {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    padding: 0;
    font-weight: 600
}

.box-package a:hover .register-package, .content-TopPage a:hover p {
    background-color: #f5721e
}

.content-TopPage a p {
    display: inline-block;
    padding: 0 11px;
    border: 1px solid transparent;
    background: #e95f07;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #fff !important;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-radius: 2px;
    animation-delay: .3s;
    margin-bottom: 10px
}

.header .top-bar .pull-right, body .btn.color-secondary, body .color-secondary, body .pagination li.page-item a.active, body .pagination li.page-item a:hover, body .pagination-carousel li a:hover, body .pagination-carousel li.active a {
    background-color: #004790
}

.border-color-secondary, body .border-color-secondary {
    border-color: #004790
}

.focus-color-easy {
    background-color: #f50073
}

body .select-secondary, body .select-secondary .selectpicker-primary {
    height: 44px
}

    body .select-secondary .selectpicker-primary {
        background: #f8f8f8;
        color: #000
    }

.select-secondary .dropdown-menu {
    background: #f8f8f8;
    color: #99a1a1
}

#menu-home-beta li, .classfied-card .card-box.classfied-card-box-info .property-card-title, .property-card .property-preview-footer span .list-overview-value i, .widget-form .form-additional .form-group-submit, .widget-form-cart .form-additional .form-group, body .select-small, ul.cart-list > li > h6 {
    margin: 0
}

    body .select-small, body .select-small button.selectpicker-primary {
        height: 22px;
        padding: 0 10px
    }

.select-small .selectpicker-primary {
    background: #ebebeb;
    border-radius: 0;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: -1px;
    width: 155px
}

body .bootstrap-select .dropdown-toggle:focus, body .btn:focus {
    outline-style: none !important
}

.select-small .dropdown-menu, .widget .widget-list.btn-list li a:hover {
    background: #ebebeb;
    color: #545454
}

    .select-small .dropdown-menu a {
        color: #545454;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: -1px
    }

.label-tag-primary, .label-tag-warning {
    font-weight: 600;
    letter-spacing: 0;
    padding: 2px 6px;
    text-transform: uppercase
}

.EUJobseer-group .dropdown-menu li:hover, .select-small .dropdown-menu li.selected, .select-small .dropdown-menu li:hover {
    background: #727272;
    border: 0;
    color: #fff;
    outline: 0
}

.selectpicker-primary, .selectpicker-primary:hover {
    background: 0 0;
    border: 1px solid rgba(116,116,116,.1);
    border-radius: 0;
    color: #fff;
    height: 60px
}

.selectpicker-secondary {
    background: 0 0;
    border-radius: 0;
    color: #fff;
    height: 44px
}

.navbar-toggler {
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #818a91
}

.label-tag-warning {
    border-radius: 0;
    background: #eec601;
    text-align: center
}

.label-tag-primary {
    border-radius: 0;
    background: #c7b39a
}

.pagination {
    border-radius: 0;
    margin-bottom: 15px;
    margin-top: 0
}

.USPJob-title-infoJob, .carousel-caption .btn, .col-margin-top-em, .col_button_mua, .drop-info-em, .form-dky, .margin20, .menu-sub-em, .name-user-em, .property-margin-top-job, .propetty-top, .title-marginh3, body > div:not(.container-side-version) .pagination {
    margin-top: 20px
}

body .pagination li.page-item a {
    border-color: #eee;
    border-radius: 0;
    color: #000;
    font-weight: 500;
    font-size: 15px
}

    body .pagination li.page-item a.active, body .pagination li.page-item a:hover {
        border: 1px solid #ddd;
        border-radius: 0;
        color: #fff;
        z-index: 5
    }

.agencies-corousel .owl-carousel .owl-item img {
    display: block;
    margin: 0 auto;
    width: auto
}

.owl-corousel-box .owl-btn {
    display: block;
    height: 28px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -opera-transform: translateY(-50%);
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
    width: 16px
}

    .owl-corousel-box .owl-btn.customPrevBtn {
        background: url(../img/owl-btn-left.png) 50% 50%/cover no-repeat;
        left: 0
    }

    .owl-corousel-box .owl-btn.customNextBtn {
        background: url(../img/owl-btn-right.png) 50% 50%/cover no-repeat;
        right: 0
    }

.Cbox {
    float: left;
    width: 40%
}

.timezone-map {
    float: right;
    width: 60%
}

.worldmapgenerator .Cbox select {
    display: none;
    float: none
}

#widget-region {
    padding-top: 50px;
    padding-bottom: 60px;
    background: url(../img/bg-workbench.png) #f8f8f8
}

.worldmapgenerator .Cbox .quickLink {
    display: block;
    float: none;
    margin: 27px 0 0;
    max-width: 300px;
    overflow: inherit;
    padding: 0;
    white-space: normal;
    width: 100%
}

    .worldmapgenerator .Cbox .quickLink span.active, .worldmapgenerator .Cbox .quickLink span:hover {
        color: #000;
        font-weight: 600;
        background-color: transparent
    }

    .images-gallery:after, .worldmapgenerator .Cbox .quickLink:after {
        content: "";
        clear: both;
        display: table
    }

    .worldmapgenerator .Cbox .quickLink span {
        -o-transition: .15s;
        -ms-transition: .15s;
        -moz-transition: .15s;
        -webkit-transition: .15s;
        transition: .15s;
        display: block;
        background: 0 0;
        border: none;
        box-sizing: border-box;
        float: left;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 5px;
        width: 45%
    }

.box-package a .register-package, .btn-green, .btn-vista_blue, .btn-vista_xanh:hover {
    -webkit-transition: .5s;
    -o-transition: .5s
}

.box-loc, .drop-info-em, .footer .list-hours .description, .h-side .properties-filter .grid-type, .list-overview li .list-overview-value, .worldmapgenerator .Cbox .quickLink span:nth-child(2n) {
    float: right
}

.worldmapgenerator .hoverZone {
    float: left;
    height: 25px;
    padding-left: 15px;
    width: 50%
}

.treefield-categories {
    list-style: none;
    margin: 0;
    padding: 0
}

.treefield-card.property-card .property-card-box .property-card-title {
    height: 32px;
    margin: 12px 0 7px
}

.treefield-card .property-card-title a {
    padding: 6px 0;
    display: inline-block
}

.treefield-card .property-card-title i {
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    width: 30px
}

.treefield-categories li {
    border-bottom: 1px solid;
    border-color: #a2a2a2;
    display: block;
    padding: 7px 0
}

    #menu-home-beta li a:nth-child(0), .job-home .nav-tabs, .treefield-categories li:last-child {
        border-bottom: 0
    }

    .treefield-categories li .count {
        font-weight: 600;
        float: right;
        text-align: right
    }

.treefield-categories-more {
    background: #fff;
    border-bottom: 3px solid #f8f8f8;
    display: none;
    left: 0;
    margin-top: 10px;
    margin-bottom: 0;
    position: absolute;
    padding: 0 20px 5px;
    width: 100%;
    z-index: 9999
}

.compat-object-fit, .compat-object-fit .object-fit-imagediv {
    background-size: cover;
    background-position: 50% 50%
}

.treefield-card {
    overflow: inherit
}

.property-card.shop-card .property-card-header > img {
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -moz-object-fit: cover;
    width: 100%
}

.owl-carousel .owl-item img {
    transform-style: initial;
    -webkit-transform-style: initial
}

.invoice-notes, .property-card-list .property-preview-f-left, .property-card.shop-card .property-preview-f-left {
    text-align: left
}

.compat-object-fit .object-fit-imagediv {
    height: 100%;
    width: 100%
}

#ws-walkscore-tile {
    position: relative;
    text-align: left
}

    #ws-walkscore-tile * {
        float: none
    }

#ws-footer a, #ws-footer a:link {
    color: #000;
    font: 700 11px/14px Verdana,Arial,Helvetica,sans-serif;
    margin-right: 6px;
    padding: 0;
    white-space: nowrap
}

    #ws-footer a:hover {
        color: #777
    }

#ws-fo oter a:active {
    color: #b14900
}

.CodeMirror {
    border: 1px solid #eee !important;
    height: 300px;
    margin-top: 10px
}

.CodeMirror-code pre > span {
    margin-left: -125px !important
}

.CodeMirror pre {
    font-family: open sans,sans-serif !important;
    font-size: 14px !important;
    letter-spacing: normal
}

.box-package a .register-package, .main-bg {
    white-space: nowrap;
    letter-spacing: .8px;
    cursor: pointer
}

.file_content {
    height: 100px;
    width: 100%
}

.energy-eff-box > div {
    height: 212px !important;
    max-width: 100%;
    overflow: hidden
}

.focus-color {
    background-color: #0688b7 !important
}

.agents-corousel-item .agent-details .mail, .primary-hover, .property-card .property-card-box .property-card-title a {
    color: #0f7ad5
}

    .primary-hover:hover {
        background: #0f7ad5;
        color: #fff
    }

.USPost-margin-bottom, .form-group, .form-main .control-group, .margin-now-down, .margin20, .margin20-notTop, .pricing-table-2 .head, .social-top-em, .widget-agents-listing .box-overflow-container, section.page-body .h4 {
    margin-bottom: 20px
}

.agents-corousel-item .box-container, .box-overflow-container, .property-card-list .col-sm-8, .widget-box {
    padding-left: 19px;
    padding-right: 20px
}

body .content-flex .content-right {
    padding-left: 20px;
    padding-right: 20px
}

.content-flex .search-form form {
    padding-left: 5px;
    padding-right: 5px
}

.fb_iframe_widget_fluid span {
    margin-left: -5px;
    margin-right: -15px
}

.form-additional, .news .item > .row > div, .print_btn, .top-title-widget .breadcrumb, .widget-agents-listing, .widget.widget-section .widget-header {
    margin-bottom: 40px
}

.places_select .btn {
    border-radius: 0 !important;
    padding: 8px 15px !important;
    position: relative;
    background: repeat-x #f5f5f5;
    margin-bottom: 3px;
    display: inline-block;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    cursor: pointer;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}

    .places_select .btn:hover {
        background: #f5f5f5
    }

.navbar-nav li a {
    padding: 13px !important;
    margin-top: -12px;
    margin-bottom: -12px
}

.menu .nav > .nav-item .drop-camnang li a, .menu .nav > .nav-item .drop-camnang li a:hover {
    font-weight: 600;
    padding: 12px 15px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase
}

.drop-camnang li a {
    width: 189px;
    margin: 3px 0
}

.box-package h4 {
    text-align: center;
    font-weight: 700;
    color: #44494b;
    padding: 20px 5px 10px;
    font-family: open sans,sans-serif
}

.box-package p {
    background-color: #d8ab25;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    height: 135px;
    width: 135px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #dea700;
    text-align: center
}

.EUJobseer-td span, .head-right, .main-bg, .tabs, .txt-info-ck:before {
    display: inline-block
}

.box-package .money {
    font-weight: 700;
    font-size: 16px
}

.box-payment, .col-push-searchPost {
    margin: 0 auto
}

.box-package ul {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

    .box-package ul li {
        border-bottom: 1px solid #ebebeb
    }

.box-buy {
    overflow: hidden;
    background-color: #fff;
    position: relative
}

    .box-buy h1 {
        font-size: 105px;
        color: #e6e6e6;
        font-weight: 700;
        text-align: center
    }

    .box-buy .container-buy {
        width: 240px;
        margin: 0 auto 20px;
        text-align: center
    }

.postjob, .search-hs {
    margin-top: 13px
}

.budget {
    background: #b7cc0b;
    left: -40px
}

.page_ntd_content_banggia, .page_ntd_content_timhoso {
    text-align: center;
    padding: 16px 20px 9px
}

.EUJobseer-td, table td.trai {
    text-align: left !important
}

.page_ntd_content_banggia img, .page_ntd_content_timhoso img {
    vertical-align: top
}

.page_ntd_content_banggia p, .page_ntd_content_timhoso p {
    line-height: 16px;
    margin-bottom: 16px
}

.btn-search-hs {
    background-color: #009688 !important;
    border: 1px solid rgba(0,0,0,.017);
    color: #f6f6f6 !important;
    font-size: 14px
}

.search-hs a:hover {
    background-color: #058579 !important
}

.search-hs {
    margin-right: 15px;
    margin-left: 15px
}

.btn-postjob {
    background-color: #f07e1d;
    border: 1px solid #f07e1d;
    color: #fff !important;
    font-size: 14px
}

.head-right {
    float: right
}

    .head-right > ul > li {
        float: left;
        display: block;
        padding-top: 8px;
        padding-left: 8px
    }

.USPJob-frm-PostJob input[type=text], .USPJob-frm-PostJob textarea, .frm-dkyJob input[type=file], .frm-dkyJob input[type=text], .frm-dkyJob textarea {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb
}

.next-job {
    margin-bottom: 22px
}

.txt-next-jobseeker {
    color: #777;
    font-style: italic
}

.social-bar {
    padding-bottom: 0 !important
}

.step-margin {
    margin-bottom: 0 !important
}

.menu-sub-em {
    width: 157px;
    cursor: pointer
}

.div-chat-img {
    width: 52px;
    height: 52px
}

    .div-chat-img img {
        border: 1px solid #f3f3f3;
        border-radius: 50%
    }

.list-people li .info .user {
    font-weight: 600;
    color: #62bf6e
}

.list-people li {
    cursor: pointer;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px
}

.menu-sub-em button {
    color: #333 !important;
    background-color: transparent;
    border: 0
}

.EUJobseer-table table thead tr, .USListJob-table table thead tr, .ul-content-top-em > li {
    background-color: #f8f8f8
}

.badge-em {
    padding: 3px 6px !important;
    font-size: 10px !important;
    top: -6px;
    right: -9px;
    position: absolute;
    background-color: #f44336 !important
}

.drop-menu-em {
    border: 0 !important;
    padding: 11px !important;
    border-radius: 0 !important;
    left: -46px;
    right: unset;
    top: unset;
    bottom: unset
}

    .drop-menu-em > li > a {
        border-bottom: 1px solid #f4f4f4;
        padding: 7px
    }

        .drop-menu-em > li > a:hover {
            background-color: transparent;
            color: #000 !important
        }

ul > li.dropdown ul.dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    -o-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: 1px solid #e0e0e0
}

ul.cart-list {
    padding: 0 !important;
    width: 320px !important
}

    ul.cart-list > li:not(.btn-view) {
        position: relative;
        border-bottom: 1px solid #efefef;
        padding: 10px !important;
        min-height: 68px;
        max-height: 110px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ul.cart-list > li > a.photo, ul.cart-list > li > h6 > a.photo {
        padding: 0 !important;
        display: block
    }

    ul.cart-list > li > a.photo {
        margin-right: 15px;
        float: left;
        width: 50px;
        height: 50px;
        position: relative;
        margin-bottom: 15px
    }

    ul.cart-list > li img {
        top: 0;
        position: absolute;
        border: 1px solid #efefef;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.btn-postJob, .btn-searchCV {
    margin-bottom: 15px;
    color: #fff
}

ul.cart-list > li > p {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden
}

.btn-view {
    padding: 10px !important;
    background-color: #ddd !important
}

.successdisplay {
    color: #257223
}

.ui-menu {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll
}

.form-height {
    min-height: 50px
}

.btn-searchCV {
    background-color: #009688
}

.colleft-button button:hover {
    background-color: #d25404
}

.colright-button button:hover {
    background-color: #04766b
}

.col-md-left-top {
    width: 95%
}

.box-hinhCongViec, .btn-wide, .col-md-right-top, .div-savefile, .property-card:not(.property-card-list) .property-card-header, .widget-ads-right img, .width_100 {
    width: 100%
}

.property-card .property-card-tags {
    padding: 6px 0 0 !important
}

.label-tag-warning {
    background-color: #b7cc0b !important
}

.label-default a {
    color: #fff;
    line-height: 13px
}

.property-job {
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px
}

.ct-em-invite, .main-bg {
    text-transform: uppercase;
    font-weight: 400
}

.property-span {
    font-size: 25px
}

.menu-left {
    margin-left: 15px !important
}

.property-title {
    color: #000 !important;
    font-size: 13.5px !important
}

.circle {
    width: 70px;
    border-radius: 50%;
    border: 1.3px solid #f07e1d;
    margin: 0 auto 20px;
    height: 70px
}

.box-container-title, .control-group2, .job-border, .jobs-info, .margin-bottom-15px, .widget.widget-form-cart label {
    margin-bottom: 15px
}

.widget-content-top-em {
    margin-top: 10px !important
}

.label-content-top-em {
    padding: 10px 10px 6px;
    line-height: 14px;
    font-size: 12px;
    float: right
}

.title-detail-middle, .widget-content-top-em h1, .widget-header-edit h3 {
    font-size: 20px !important
}

.point-content-em {
    color: #b7cc0b !important;
    text-shadow: 1px 1px 1px #92a400
}

.ul-content-top-em > li {
    padding: 7px;
    margin: 5px 0;
    text-align: center
}

.content-em-p {
    font-size: 13px;
    color: #8e8e8e;
    line-height: 1.3;
    margin-top: 10px
}

.btn.main-bg.btn-3d {
    -webkit-box-shadow: 0 5px 0 #d23c1a;
    box-shadow: 0 5px 0 #db741c;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0
}

.content-em-update a:hover {
    background-color: #e3700e !important
}

.main-bg {
    background-color: #f07e1d;
    border: 1px solid transparent;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5)
}

.hr-style1 {
    border-top: 1px solid #eeeded
}

.hr-style2 {
    padding: 38px;
    height: 1px;
    border-bottom: 1px solid #eeeded
}

.box-content-em h1 {
    font-size: 50px !important
}

.ct-em-invite {
    font-size: 13px
}

.top-em-btn-invite {
    background-color: #ffc107;
    border-radius: 4px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(56,56,56,.3)
}

.top-em-content-invite {
    margin: 20px 0 18px;
    background-color: #fcfcfc;
    padding: 5px 0 0
}

.social-top-em, .ul-margin, .widget-contact-info h4 {
    margin-top: 0
}

.USPJob-subSpan {
    font-size: 13px;
    color: #777;
    text-transform: lowercase;
    font-weight: 400 !important;
    line-height: 15px
}

.USPJob-btn-ctPostjob {
    background-color: #00aeef;
    border-radius: 0;
    white-space: normal;
    padding: 10px 25px;
    color: #fff
}

.label-margin-top, .list-inline {
    margin-top: 5px
}

.USPost-label-right {
    float: right;
    margin-top: 5px;
    color: #f07e1d;
    font-weight: 400
}

.USPJob-btn-ctPostjob:hover {
    background-color: #059bd3
}

.USPJob-frm-PostJob .USPost-btn-ctUnit.active {
    background-color: #ed1c24;
    font-weight: 600;
    color: #fff
}

.USPJob-frm-PostJob .USPost-btn-ctUnit {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    font-weight: 600
}

.USPost-colLeft-money {
    float: left;
    width: 47%;
    height: 60px
}

.USPost-colRight-money {
    float: right;
    width: 47%;
    height: 60px
}

.widget .widget-header h1, .widget .widget-header h2, .widget .widget-header h3 {
    line-height: inherit !important
}

.USPost-colLeft-Gender, .USPost-colMiddle-Gender, .USPost-colRight-Gender {
    width: 30.3%;
    float: left
}

.USPost-center-on-page {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.USPost-label-right-a {
    float: right;
    text-decoration: none;
    color: #f07e1d;
    font-weight: 400
}

.margin_top_8, .route_suggestion a {
    margin-top: 8px
}

.USListJob-Content {
    width: 100%;
    margin: 0 auto;
    background-color: #fff
}

.EUJobseer-row, .USListJob-row, .tab-content-payment {
    margin-left: 15px;
    margin-right: 15px
}

.EUJobseer-table table thead tr th, .USListJob-table table thead tr th, .h-side, .table-payment table thead tr th {
    padding: 20px 0
}

.USListJob-aedit {
    color: #fff;
    background-color: #f07d1e;
    padding: 5px;
    border-radius: 2px;
    margin-right: 5px
}

.USListJob-adelete, .USListJob-aopen {
    border-radius: 2px;
    padding: 5px 8px;
    color: #fff
}

.USListJob-aopen {
    background-color: #8bc34a;
    margin-right: 5px
}

.USListJob-adelete {
    background-color: red
}

.EUJobseer-divbtn, .USListJob-divbtn, .property-logo-detail {
    padding-top: 15px
}

    .USListJob-divbtn button {
        background-color: #fcb016;
        border: 0;
        padding: 15px;
        color: #fff;
        width: 20%;
        outline-width: 0;
        font-weight: 600
    }

        .USListJob-divbtn button:hover {
            background-color: #f8a600
        }

        .USListJob-divbtn button:focus {
            border: 1px solid #f8a600;
            background-color: #fcb016;
            outline-width: 0;
            outline-style: none
        }

.EUJobseer-pagination li.page-item a.active, .EUJobseer-pagination li.page-item a:hover, .USListJob-pagination li.page-item a.active, .USListJob-pagination li.page-item a:hover, .payment-pagination li.page-item a.active, .payment-pagination li.page-item a:hover {
    background-color: #f07e1d !important
}

.USListJob-title {
    padding-top: 20px
}

#example_wrapper .col-sm-6:first-of-type {
    width: 200px
}

.table-bordered th {
    padding: 15px !important;
    background-color: #ececec
}

.EUJobseer-Content {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    float: left
}

.EUJobseer-td img, .getstarted a i, .header .top-bar .login-menu li {
    margin-right: 10px
}

.EUJobseer-row .steps ul li:hover {
    background-color: #fdb251;
    color: #fff
}

    .EUJobseer-row .steps ul li:hover span:after {
        border-left: 16px solid #fdb251
    }

.EUJobseer-aedit {
    color: #7da7d9
}

.EUJobseer-aopen {
    color: #8a2be2
}

.EUJobseer-adelete {
    color: #f81302
}

.EUJobseer-divbtn button {
    background-color: #fff;
    border: 1px solid #eceeef;
    padding: 15px;
    color: #7c7c7c;
    outline-width: 0;
    font-weight: 600
}

    .EUJobseer-divbtn button:hover {
        background-color: #f8a600;
        color: #fff
    }

    .EUJobseer-divbtn button:focus {
        border: 1px solid #f8a600;
        background-color: #fcb016;
        color: #fff
    }

    .EUJobseer-divbtn button.active {
        background-color: #fcb016;
        border: 1px solid #fcb016;
        padding: 15px;
        color: #fff;
        outline-width: 0;
        font-weight: 600
    }

.EUJobseer-group .dropdown-menu li {
    padding: 5px;
    cursor: pointer
}

.EUJobseer-btnVL {
    height: 22px;
    padding: 0 20px;
    float: right !important;
    background-color: #e1e1e1;
    border: 1px solid transparent
}

#example2 .name-job {
    overflow: hidden;
    text-transform: uppercase;
    width: 150px;
    float: left
}

.EUJobseer-td img {
    max-height: 40px;
    border-radius: 6px;
    float: left
}

.EUJobseer-td span {
    text-align: left
}

.tabs {
    width: 100%
}

    .tabs > ul:after {
        display: block;
        clear: both;
        content: ""
    }

    .tabs > ul li {
        float: left;
        background: #efefef;
        color: #6c6c6c
    }

        .tabs > ul li a {
            color: #6c6c6c;
            display: block;
            padding: 6px 15px
        }

            .tabs > ul li a i {
                margin-right: 8px;
                color: #6c6c6c
            }

.col2-detail-CV, .col3-detail-CV, .row-profile {
    margin-right: -15px
}

.tab-content > .tab-pane {
    border-top: 2px solid #e7512f
}

.skew-25 {
    -moz-transform: skew(-25deg,0);
    -ms-transform: skew(-25deg,0);
    -o-transform: skew(-25deg,0);
    -webkit-transform: skew(-25deg,0);
    transform: skew(-25deg,0)
}

.skew25 {
    -moz-transform: skew(25deg,0);
    -ms-transform: skew(25deg,0);
    -o-transform: skew(25deg,0);
    -webkit-transform: skew(25deg,0);
    transform: skew(25deg,0)
}

.tab-nav > li > a::after {
    background: 0 0;
    color: #fff
}

.agents-listing, .tab-pane {
    padding: 15px 0
}

.show_hide, .show_hide2 {
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px
}

.xuly_hienan_search {
    text-align: right;
    z-index: 100;
    position: absolute;
    right: 48px;
    margin-top: -5px
}

.xuly_hienan_search_mobile {
    text-align: right;
    z-index: 100;
    top: -25px;
    width: 50%;
    float: right
}

.class_load_search, body .h-side.top-pad.h-side-slim {
    padding-bottom: 30px
}

input.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    border: 1px solid #c5c5c5;
    height: 40px !important
}

.section.agents, .ul_search_job li a {
    overflow: hidden
}

input.input_tukhoa {
    width: 90% !important;
    height: 40px;
    padding: 8px 0 8px 8px;
    background-color: #fff !important;
    margin-left: 10%;
    border-radius: 3px;
    border: 1px solid #c5c5c5 !important
}

.class_web_margin_t30_bt_15 {
    margin-bottom: 15px;
    margin-top: 30px
}

.div-savefile, .icon-caret-down, .txt-view {
    margin-top: 7px
}

.slidingDiv {
    display: block;
    top: 20px;
    background-color: #f0f8ff;
    padding: 40px;
    margin-bottom: 30px;
    right: 10px
}

.squaredFour {
    width: 20px;
    position: relative;
    float: left
}

    .squaredFour label {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        background: #fcfff4;
        background: -webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
        background: linear-gradient(to bottom,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
        border-radius: 4px;
        box-shadow: inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5)
    }

        .squaredFour label:after {
            content: "";
            width: 12px;
            height: 8px;
            position: absolute;
            top: 4px;
            left: 4px;
            border: 3px solid #333;
            border-top: none;
            border-right: none;
            background: 0 0;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .squaredFour label:hover::after {
            opacity: .5
        }

#result_search_title h1, .tags-cloud .tag-lg-3 {
    font-size: 18px
}

.txt-notification {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.box-profile {
    width: 116px;
    height: 116px;
    overflow: hidden;
    background-image: url(../images/default-profile.jpg)
}

.box-margin-left, .row-profile {
    margin-left: -15px
}

.title-profile {
    text-transform: uppercase;
    font-weight: 600;
    color: #000
}

    .title-profile span {
        font-weight: 400
    }

.notification-person li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600
}

    .notification-person li span {
        font-weight: 400
    }

    .notification-person li i {
        color: #b7b7b7
    }

.content-profile {
    padding: 5px;
    margin-left: 12px
}

.col1-detail-CV, .col2-detail-CV {
    margin-left: -15px;
    background-color: #fff
}

.btn-savefile {
    border: 0;
    outline-width: 0;
    padding: 5px;
    width: 100%;
    background-color: #ffc107;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(7,7,7,.1);
    line-height: 26px
}

.txt-update {
    color: #606060
}

.property-img-profile {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: none
}

button.btn-Advanced {
    cursor: pointer;
    border: 0;
    outline: 0;
    transition: .4s;
    background-color: transparent
}

div.panel {
    background-color: rgba(255,255,255,.02);
    margin-bottom: 0;
    -webkit-box-shadow: 0 1px 1px transparent;
    box-shadow: 0 1px 1px transparent
}

.searchCV {
    padding: 27px 0 8px !important
}

.margin_top_80 {
    margin-top: 80px
}

#header, .background-introduce-video, .content-detail-CV, .invoice-intro p {
    padding-bottom: 20px
}

.col2-detail-CV {
    min-height: 196px;
    max-height: 235px
}

.col1-menu, .nav-tabs > li, .tags-cloud .tag, .tags-cloud .tag-md, .ul-margin .fa, .widget-menu-right-sm .list-group div a {
    font-size: 14px
}

.job-content-field_class .tieude, .steps li span {
    font-size: 15px
}

.col1-menu li {
    padding: 10px;
    border-bottom: 1px solid #edeef0;
    cursor: pointer
}

.col1-menu .active {
    color: #df6700;
    border-bottom: 1px solid #f07e1d
}

.box-img-detailCV {
    width: 166px;
    height: 166px;
    overflow: hidden;
    margin-top: 15px;
    background-image: url(../images/img-detailCV-default.jpg)
}

.title-detail-CV {
    color: #333;
    letter-spacing: 0;
    font-weight: 400
}

.button-detail-CV, .button-filecv {
    color: #323232;
    font-size: 13px;
    outline-width: 0;
    text-align: center;
    cursor: pointer
}

.btn-view-detail-CV {
    border-radius: 25px;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #f07e1d;
    background-color: #fff;
    outline-width: 0
}

.button-detail-CV, .button-filecv {
    background-color: #d7d7d7;
    transition: .5s
}

.button-detail-CV {
    border-radius: 25px;
    border: none;
    padding: 4px;
    width: 59%;
    margin: 5px
}

.box-introduce-video, .box-marginTop-cv {
    margin-top: 15px;
    margin-left: -15px;
    margin-right: -15px
}

.button-detail-CV span, .button-filecv span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .5s
}

    .button-detail-CV span:after, .button-filecv span:after {
        content: "\00bb";
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: .5s
    }

.button-detail-CV:hover span, .button-filecv:hover span {
    padding-right: 25px
}

    .button-detail-CV:hover span:after, .button-filecv:hover span:after {
        opacity: 1;
        right: 0
    }

.box-marginTop-cv {
    padding-top: 10px;
    padding-bottom: 10px
}

.box-info-general li {
    margin-left: 15px;
    margin-bottom: 5px
}

.txt-academic, .widget-info-general, .widget-introduce-video {
    margin-bottom: 10px !important
}

.min-height-detailcv {
    min-height: 270px
}

.box-introduce-video {
    padding-bottom: 30px
}

.button-filecv {
    border-radius: 25px;
    border: none;
    padding: 4px;
    width: 79%;
    margin: 3em 2em 2em
}

.box-filecv {
    min-height: 346px;
    margin-right: -15px
}

.btn-download-hs {
    padding: 31px;
    border-radius: 2px;
    margin-left: 3.7em;
    outline-width: 0;
    background-color: transparent;
    border: 1px dotted #d7d7d7
}

    .btn-download-hs:hover {
        color: #f07e1d;
        border: 2px solid
    }

.job-content-field_class .tieude, div#job-content-field div.field-container div.block-fields div.block .tieude {
    border-bottom: 2px solid #1b799c;
    padding-bottom: 12px
}

.widget-academic, .widget-filecv {
    margin-bottom: 10px !important;
    margin-top: 10px
}

.progress-detail-CV {
    height: 15px !important;
    margin-bottom: 18px !important;
    border-radius: 25px !important
}

.btn-print-detail-CV, .btn-saveHS-detail-CV {
    width: 100%;
    border: 0;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: 600;
    outline-width: 0
}

.progress-detail-CV .progress-bar {
    background-color: #c2c2c2 !important;
    color: #000 !important;
    --webkit-box-shadow: inset 0 -1px 0 transparent !important;
    box-shadow: inset 0 -1px 0 transparent !important
}

.btn-saveHS-detail-CV {
    background-color: #b7cc0b;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.15)
}

    .btn-saveHS-detail-CV:hover {
        background-color: #a3b609
    }

.btn-print-detail-CV {
    background-color: #fff;
    color: #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,.04)
}

.blockquote2, blockquote {
    font-size: 13px;
    border-left: none
}

.div-group-detail-CV {
    position: fixed
}

.btn-vista_blue.btn-3d {
    -webkit-box-shadow: 0 5px 0 #4ac97d;
    box-shadow: 0 5px 0 #4ac97d;
    margin-bottom: 5px
}

    .btn-vista_blue.btn-3d:hover, .btn-vista_do.btn-3d:hover, .btn-vista_xanh.btn-3d:hover {
        box-shadow: 0 5px 0 #f07e1d !important
    }

.btn-vista_blue {
    background-color: #75d69c;
    color: #fff !important;
    transition: .5s
}

    .btn-vista_blue:hover, .btn-vista_do {
        color: #fff !important;
        -webkit-transition: .5s;
        -o-transition: .5s
    }

        .btn-vista_blue:hover, .btn-vista_do:hover {
            background-color: #f7ba4d !important;
            transition: .5s
        }

        .btn-vista_do.btn-3d {
            -webkit-box-shadow: 0 5px 0 #b93106;
            box-shadow: 0 5px 0 #b93106;
            margin-bottom: 5px
        }

.btn-vista_do, .btn-vista_xanh {
    background-color: #e43c06;
    transition: .5s
}

    .btn-vista_do:hover, .btn-vista_xanh {
        -webkit-transition: .5s;
        -o-transition: .5s;
        color: #fff !important
    }

        .btn-vista_xanh.btn-3d {
            -webkit-box-shadow: 0 5px 0 #0578ad;
            box-shadow: 0 5px 0 #0578ad;
            margin-bottom: 5px
        }

        .btn-vista_xanh:hover {
            background-color: #089ee2 !important;
            color: #fff !important;
            transition: .5s
        }

blockquote {
    padding: 10px 5px;
    margin: 0
}

.blockquote2 {
    padding: 0;
    margin: 0 20px
}

.payment_container {
    display: flex;
    flex-direction: row
}

.each_payment {
    flex: 1;
    padding-right: 15px;
    text-align: center
}

    .each_payment ul, .point-payment {
        text-align: left;
        font-weight: 700
    }

    .each_payment p {
        color: #ff5a00;
        font-weight: 700;
        height: 60px
    }

.content-payment {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0
}

.btn-edit-payment {
    background-color: #7da7d9;
    color: #fff
}

    .btn-edit-payment:hover {
        background-color: #729dd0
    }

.btn-cancel-payment {
    background-color: #e1e1e1;
    color: #3b3b3b
}

.btn-buy-package {
    border: 0;
    background-color: #f07e1d;
    color: #fff;
    outline-width: 0;
    padding: 15px;
    border-bottom: 5px solid #d56c13;
    border-radius: 4px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
    width: 100%
}

    .btn-buy-package:hover {
        background-color: #e7791c;
        color: #fff
    }

.background-point {
    background-color: #f8f8f8;
    margin-top: 15px;
    margin-bottom: 15px
}

.point-payment {
    color: #f07e1d;
    text-shadow: 1px 1px 1px rgba(0,0,0,.21);
    font-size: 70px
}

.txt-banner-ntd1, .txt-banner-ntd2 {
    text-shadow: 1px 1px 1px #000;
    line-height: 1.5
}

.txt-diemhientai {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-top: 48px;
    border-right: 1px solid #e1e1e1
}

.box-info-tranfer {
    border: 1px solid #e1e1e1;
    padding: 20px;
    overflow: hidden
}

.txt-info-ck:before {
    position: absolute;
    left: 94px;
    width: 200px;
    height: 18px;
    content: "";
    top: 3px;
    background-color: #fefefe
}

.txt-info-ck span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.msginfo {
    background-color: #bde5f8;
    background-image: url(../images/info.png);
    color: #00529b
}

.msgerror, .msginfo, .msgsuccess, .msgvalidation, .msgwarning {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 50px
}

.steps {
    margin-bottom: 30px;
    padding: 0 15px 0 0
}

    .steps ul {
        display: table;
        width: 100%
    }

    .steps li {
        display: table-cell;
        width: 15.5%;
        background: #e9e9e9
    }

        .steps li.selected span {
            background-color: #fdb251;
            color: #fff;
            font-weight: 700
        }

.continue-btn {
    margin-bottom: 65px
}

    .continue-btn .btn {
        position: relative;
        height: 43px
    }

        .continue-btn .btn.left:after, .continue-btn .btn.right:after {
            position: absolute;
            top: 50%;
            display: inline-block;
            margin-top: -22px;
            width: 0;
            height: 0;
            border-top: 22px solid transparent;
            border-bottom: 21px solid transparent;
            content: "";
            z-index: 3
        }

        .continue-btn .btn.right:after {
            left: 100%
        }

        .continue-btn .btn.left:after {
            right: 100%;
            cursor: pointer
        }

.steps li span {
    position: relative;
    display: block;
    padding: 20px 20px 20px 35px;
    font-weight: 700;
    cursor: pointer
}

    .steps li span:after, .steps li span:before {
        position: absolute;
        top: 50%;
        left: 100%;
        display: inline-block;
        margin-top: -30px;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        content: "";
        cursor: pointer
    }

    .steps li span:after {
        z-index: 3;
        border-left: 16px solid #e9e9e9
    }

    .steps li span:before {
        z-index: 2;
        margin-left: 1px;
        border-left: 16px solid #fff
    }

.steps li.selected span:after {
    border-left: 16px solid #fdb251 !important;
    cursor: pointer
}

div.content-center.border {
    border: 2px solid #e5e5e5;
    padding: 0;
    float: left;
    margin-bottom: 35px
}

#job-content-field, #job-content-field .field-container, .align-left, .employer_login input[type=checkbox] + label, .job-content-field_class .field-container, .tags li {
    float: left
}

div#job-content-field div.field-container div.block-fields div.block.col-md-12 blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 14px;
    border-left: 2px solid #f9cf5d;
    background-color: rgba(191,194,198,.08)
}

.job-content-field_class {
    float: left;
    width: 100%;
    margin-right: 30px
}

.pricing-table-2 .dark-bg, .pricing-table-2 .re-dark-bg1, .pricing-table-2 .re-dark-bg2, .pricing-table-2 .re-dark-bg3 {
    padding: 30px 0;
    position: relative;
    overflow: hidden
}

.job-content-field_class blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 14px;
    border-left: 2px solid #f9cf5d;
    width: 100%;
    float: left
}

.candidate-pic, .candidate-pic img {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center
}

table {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-spacing: 0;
    border-collapse: collapse
}

    table td.trai {
        background-color: #fafafb !important;
        padding: 10px !important;
        display: table-cell
    }

    table td.phai {
        width: 70%;
        padding: 15px;
        display: table-cell;
        border: 1px solid #aaa;
        box-sizing: border-box
    }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49% !important
}

.btn-green.btn-3d {
    -webkit-box-shadow: 0 5px 0 #53812d;
    box-shadow: 0 5px 0 #53812d;
    margin-bottom: 5px
}

.btn-green {
    background-color: #6dab3c;
    color: #fff !important;
    transition: .5s
}

    .btn-green:hover {
        background-color: #058b31;
        color: #fff !important;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }

.btn-default.btn-3d {
    -webkit-box-shadow: 0 5px 0 #555;
    box-shadow: 0 5px 0 #555;
    margin-bottom: 5px
}

.Resume, .box-shadow-detail {
    box-shadow: 0 0 53px -25px rgba(0,0,0,.75)
}

.list-details li {
    padding: 10px 3px;
    border-top: 1px solid #e5e5e5
}

    .list-details li:first-child {
        border-top: 0
    }

    .list-details li span.main-color {
        font-weight: 700;
        font-size: 13px;
        color: #f2a348
    }

.main-color {
    color: #f2a348
}

.list-details li span {
    margin: 0 15px 0 5px
}

.xuly_p p {
    line-height: 20px;
    margin-bottom: 0
}

#ui-datepicker-div {
    z-index: 9999999 !important
}

.padding_ol_or_web, body:not(.boxed) .section.page-body .row {
    margin-left: -15px;
    margin-right: -15px
}

.content-detail, .content-postjob-em {
    padding-top: 90px;
    padding-bottom: 20px
}

.quoteNTD-VO {
    background: url(../images/banner_GTDTTD.png) center center no-repeat;
    height: 292px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.banner-NTD-VO {
    padding-left: 1%;
    padding-top: 3%
}

.title-NTD-VO {
    text-align: left;
    color: #157b67;
    font-weight: 900;
    font-size: 40px
}

.txt-banner-ntd1 {
    font-size: 21px;
    color: #ffe600;
    padding-left: 0
}

.btn-register-postjob-em {
    background-color: #f07e1d;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-left: -4%
}

    .btn-register-down:hover, .btn-register-postjob-em:hover, .color7d {
        color: #f07e1d !important
    }

.div-postjob-em {
    margin: 0 auto;
    position: relative
}

    .div-postjob-em img {
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute
    }

.margin-now, .margin-postjob-1 {
    margin-top: 0;
    margin-left: -21px
}

.form-contact, .item blockquote img, .list-inline, .margin-postjob-1, .phone-contact, .ul-sub-detail {
    margin-bottom: 10px
}

.widget .widget-title:before {
    border-left: 7px solid !important
}

.widget .widget-title {
    line-height: 1.3 !important;
    border-color: #e4c829 !important
}

    .widget .widget-title h3 {
        color: #333 !important;
        font-weight: 600 !important
    }

.postjob-content {
    text-align: justify;
    color: #333;
    font-weight: 600;
    font-size: 14px
}

.title-feature {
    font-size: 14px;
    display: inline-flex;
    color: #333;
    font-weight: 600
}

.content-feature {
    font-size: 15px;
    text-align: justify;
    color: #333;
    background-color: #efeef8;
    padding: 13px;
    min-height: 108px
}

.btn-register-down {
    width: 100%;
    background-color: #f07e1d;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.txt-banner-ntd2 {
    font-size: 21px;
    color: #ffe600;
    padding-left: 21%
}

.btn-register-cvsearch-em {
    background-color: #a59e19;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 20%;
    margin-left: 9%
}

    .btn-down-cvsearch-em:hover, .btn-register-cvsearch-em:hover {
        color: #a59e19 !important
    }

.btn-register-cvsearch-em1 {
    background-color: #ed1c24;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 20%;
    margin-left: 24%
}

    .btn-down-cvsearch-em1:hover, .btn-register-cvsearch-em1:hover {
        color: #ed1c24 !important
    }

.pricing-table-2 {
    z-index: 2;
    margin-right: -15px;
    margin-left: -15px
}

    .pricing-table-2 i.fa {
        position: absolute;
        left: 50%;
        font-size: 26px;
        width: 90px;
        height: 84px;
        z-index: 1;
        text-align: center;
        line-height: 23px;
        margin-left: -45px;
        margin-bottom: -48px;
        bottom: 0;
        padding: 10px 25px 39px;
        border-radius: 50%;
        background: #fff;
        color: #cacaca
    }

    .pricing-table-2.selected {
        position: relative;
        z-index: 66 !important;
        background: #494949;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

        .pricing-table-2.selected li.even {
            background: #373737
        }

        .pricing-table-2.selected li {
            border-color: #585858;
            color: #949494
        }

        .pricing-table-2.selected i.fa {
            background: #494949
        }

.highInd {
    z-index: 99 !important
}

.redots-pattern {
    border-top: 1px solid #e4e4e4
}

.pricing-table-2 .dark-bg {
    background-color: #ed1c22 !important
}

.pricing-table-2 .re-dark-bg1 {
    background-color: #14a3a9 !important
}

.pricing-table-2 .re-dark-bg2 {
    background-color: #f7941d !important
}

.pricing-table-2 .re-dark-bg3 {
    background-color: #7fab15 !important
}

.pricing-table .price span, .pricing-table-2 .price span {
    font-size: 20px !important;
    font-weight: 400
}

.pricing-table, .pricing-table-2 {
    padding: 0 2px;
    text-align: center
}

    .pricing-table i.fa {
        position: absolute;
        top: 0;
        left: 50%;
        font-size: 30px;
        width: 60px;
        height: 56px;
        z-index: 9999;
        text-align: center;
        line-height: 56px;
        margin-top: -28px;
        margin-left: -30px
    }

    .pricing-table .head, .pricing-table-2 .head {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 16px
    }

    .pricing-table li, .pricing-table-2 li {
        padding: 10px 0;
        border-bottom: 1px solid #e4e4e4;
        font-size: 14px
    }

.pricing-footer {
    padding-top: 20px !important;
    border-bottom: 0 !important
}

.classfied-card .treefield-categories .treefield-box-item:not(:hover), .color-white, .witTxt {
    color: #fff !important
}

.btn-down-cvsearch-em {
    background-color: #a59e19;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 46%
}

.btn-down-cvsearch-em1 {
    background-color: #ed1c24;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 46%
}

.getstarted {
    text-align: center;
    margin-top: 50px
}

    .getstarted a {
        display: inline-block;
        border: 3px solid #fff;
        padding: 12px 25px;
        color: #fff;
        font-size: 18px;
        font-weight: 700
    }

.home-box {
    float: left;
    background-color: #fff;
    border: 1px solid #e1e1e1
}

.box-propetty-right.box-propetty-right:not(:last-child), .lang-manu img {
    margin-right: 8px
}

.box-propetty-left, .propetty-left-camnang {
    margin-left: 10px
}

.home-icon {
    position: relative;
    margin: 0 auto;
    min-height: 80px
}

    .home-icon img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

.home-box h2 {
    font-size: 13px;
    color: #f07e1d;
    font-weight: 600;
    text-align: center;
    margin-top: -6px
}

.home-box p {
    color: #333;
    text-align: center;
    font-size: 14px
}

.job-home .nav-tabs > li {
    margin-bottom: 0;
    width: 21% !important
}

    .job-home .nav-tabs > li.active > a, .job-home .nav-tabs > li.active > a:focus, .job-home .nav-tabs > li.active > a:hover {
        background-color: #f07e1d;
        color: #fff !important;
        border: none !important
    }

    .job-home .nav-tabs > li > a::after {
        content: "";
        background: #f07e1d;
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -1px;
        transition: 250ms .3s;
        transform: scale(0)
    }

    .job-home .nav-tabs > li > a {
        margin-right: 3px;
        border: none;
        border-radius: 3px 3px 0 0;
        background-color: #eee;
        color: #7d7d7d;
        font-size: 13px;
        margin-top: 3px
    }

.job-home .tab-content {
    padding: 0 15px;
    overflow: hidden
}

    .job-home .tab-content .padding-left, .property-card-list .property-card-tags, .property-card-list.property-card .property-card-box, .widget.widget-properties .property-card-box, .widget.widget-properties .property-card-tags {
        padding-left: 0;
        padding-right: 0
    }

.tab-home-job > .tab-pane {
    border-top: 0 !important;
    padding: 0
}

.box-banner {
    margin-right: -15px;
    margin-left: 8px
}

.job_overflow, .properties-list-small .property .body .location, .properties-list-small .property .body .price, .properties-list-small .property .body .title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.div-jobs a {
    height: 130px;
    overflow: hidden
}

.deadline {
    text-align: right;
    float: right;
    color: #7d7d7d
}

h3.title-jobs-home {
    font-size: 16px;
    overflow: hidden;
    line-height: 21px;
    color: #333
}

.max-line-bv {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 1.4em;
    max-height: 41px
}

#menu-home-beta a, .tag {
    display: inline-block;
    text-decoration: none
}

.ul-margin li {
    line-height: 1.8
}

.view-more {
    white-space: nowrap;
    float: right;
    text-decoration: none;
    padding: 3px 10px;
    color: #fff;
    font-size: 13px;
    background-color: #9e9e9e
}

    .view-more:hover {
        color: #fff !important;
        background-color: #8a8a8a
    }

.re-width-camnang {
    width: 257px;
    float: left;
    overflow: hidden
}

.img-camnang, .img-camnang img {
    height: 180px;
    width: 255px;
    object-fit: cover
}

.content-camnang h3 {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    font-weight: 600
}

.rhimage img {
    height: 180px !important;
    width: 255px !important
}

.content-camnang {
    padding: 0 5px 5px
}

.no-padding, .property-card-list .image-box, .tab-vieclam > .tab-pane, .tags, body .h-side.top-pad.h-side-slim .grid-type, body .h-side.top-pad.h-side-slim .properties-filter .form-group {
    padding: 0
}

.content-camnang p {
    font-size: 13px;
    color: #7d7d7d;
    line-height: 1.4
}

.main-text {
    position: absolute;
    top: 50px;
    width: 96.666666666667%;
    color: #fff
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px
}

.btn-clear {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    margin-right: 15px
}

    .btn-clear:hover {
        color: #000;
        background-color: #fff
    }

.carousel-cn .carousel-indicators li {
    border: 1px solid #f07e1d;
    background-color: #f07e1d
}

#menu-home-beta, #menu-home-beta > li > a:hover {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}

#quote-carousel .carousel-control {
    background: 0 0;
    color: #333;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 154px
}

    #quote-carousel .carousel-control.left {
        left: -55px
    }

    #quote-carousel .carousel-control.right {
        right: -55px !important
    }

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -20px;
    margin-right: -19px
}

    #quote-carousel .carousel-indicators li {
        background: #b0b0b0
    }

    #quote-carousel .carousel-indicators .active {
        background: #787878
    }

.item blockquote {
    border-left: none;
    margin: 0
}

    .item blockquote p:before {
        content: "\f10d";
        font-family: Fontawesome;
        float: left;
        margin-right: 10px
    }

#menu-home-beta {
    position: fixed;
    right: 0;
    top: 76.5%;
    z-index: 5;
    background: #f07e1d;
    color: #fff;
    font-weight: 700;
    font-size: large;
    text-align: left;
    border-right: none;
    margin: -8.5em 0 0 1em;
    width: 4.5%
}

    #menu-home-beta a {
        position: relative;
        color: #fff;
        padding: 12px 19px;
        text-align: left;
        cursor: pointer;
        width: 100%;
        margin: 0
    }

        #menu-home-beta a .fa-2 {
            font-size: 1.5em
        }

    #menu-home-beta > li > a:hover {
        background-color: #f67f1a
    }

.introduction-ul .nav-tabs > li.active > a:focus, .introduction-ul .nav-tabs > li > a:hover, .property-tab-intro-company .nav-tabs > li.active > a, .property-tab-intro-company .nav-tabs > li > a:hover, .propetty-top .nav-tabs > li.active > a, .propetty-top .nav-tabs > li > a:hover {
    border: none;
    color: #fff !important;
    background: #f07e1d
}

.nav-tabs > li > a::after {
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    transition: 250ms;
    transform: scale(0)
}

.nav-tabs > li > a {
    border: none;
    color: #515151;
    background: #ddd;
    padding: 6px 10px
}

.image_home {
    min-width: 205px;
    height: 130px;
    overflow: hidden;
    object-fit: cover
}

.icon_baivietl {
    float: left;
    margin-bottom: 10px
}

.icon_baivietr {
    float: right;
    margin-bottom: 10px
}

#set_bg_padding, #set_bg_padding_news {
    float: left;
    padding: 20px;
    background-color: #fff;
    margin-right: 0
}

.tags {
    overflow: hidden
}

.tag {
    border-radius: 2px;
    color: #5d5d5d;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    position: relative;
    margin: 0 10px 10px 0;
    -webkit-transition: color .2s
}

    .tag::after, .tag::before {
        background: #fff;
        content: "";
        position: absolute
    }

    .tag::before {
        border-radius: 10px;
        box-shadow: inset 0 0 rgba(0,0,0,.25);
        height: 6px;
        left: 0;
        width: 0;
        top: 0
    }

    .tag::after {
        border-radius: 25px !important border-bottom:25px;
        border-left: 25px;
        border-top: 25px
    }

    .tag:hover::after {
        border-left-color: #f07e1d
    }

.map-info {
    float: left;
    height: 200px;
    text-align: center;
    width: 100%
}

    .map-info #mapCanvasMobile, .map-info #mapCanvasWeb {
        float: left;
        text-align: center;
        width: 100%;
        height: auto;
        padding: 0 !important
    }

.form-control-map {
    background-color: #fff;
    background-image: none;
    color: #555;
    display: block;
    font-size: 14px;
    width: 100%
}

#profile_image {
    width: 50px !important
}

.content-detail-left {
    width: 270px;
    float: left
}

.btn-print-detail, .btn-save-detail {
    width: 100%;
    font-weight: 600;
    text-transform: uppercase
}

.div-salary {
    padding: 5px 15px;
    margin: 10px 0;
    font-size: 13px;
    border-left: 5px solid #fff
}

.btn-save-detail {
    background-color: #f07e1d;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.26)
}

    .btn-save-detail:hover {
        background-color: #a9bc0c !important
    }

.btn-print-detail {
    background-color: #fff;
    color: #333;
    border: 1px solid #e1e1e1
}

    .btn-print-detail:hover {
        color: #333 !important
    }

.group-salary-detail {
    margin-top: 5px;
    position: fixed;
    z-index: 2;
    margin-left: -15px;
    max-width: 200px
}

    .form-additional .form-group, .form-additional.form-group, .group-salary-detail .btn-save-detail, .widget .widget-list.btn-list li {
        margin-bottom: 6px
    }

.widget-box-edit {
    padding: 0 !important
}

.widget .widget-header-edit:before {
    border-left: 3px solid !important;
    left: -15px !important
}

.widget .widget-header-edit {
    line-height: 1.3 !important;
    margin-top: 10px;
    margin-bottom: 10px !important
}

.title-detail-middle {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    line-height: 25px !important
}

.tag-job-group li a {
    color: #7d7d7d
}

.group-font-small, .tags-cloud .tag-sm {
    font-size: 12px
}

.group-font-medium {
    font-size: 14px;
    font-weight: 600
}

.group-font-large {
    font-size: 17px;
    font-weight: 600
}

.group-font-bestlarge {
    font-size: 22px;
    font-weight: 600
}

.info-congviec {
    padding: 5px
}

.Resume {
    padding: 10px 10px 5px;
    border-radius: 4px;
    z-index: 1
}

.manage ul.unstyled li {
    border-bottom: 1px solid #e1e1e1;
    padding: 6px 0
}

ul.unstyled li.active a {
    color: #f07e1d;
    font-weight: 500
}

ul.menu-fixed-detail li.active a {
    font-weight: 600 !important
}

ul.menu-fixed-detail li a {
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px
}

.fixed-resume {
    background-color: #fff;
    width: 292px
}

.div-logocompany {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.info-congviec h5 {
    color: #333;
    font-weight: 600
}

.info-sub-detail li {
    line-height: 16px;
    padding-top: 10px
}

.colornormal:hover, ul.unstyled li a {
    font-size: 13px;
    line-height: 30px
}

.map-info-detail {
    width: 210px;
    height: auto
}

body .border-color-primary, body .widget .widget-header {
    border-color: #f07e1d !important
}

ul.unstyled {
    margin: -10px;
    padding: 0
}

.widget .widget-header {
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
    margin-top: 15px !important
}

    .widget .widget-header:before {
        left: -19px !important
    }

.btn-searchjob-jobseeker {
    background-color: #f07e1d !important;
    border: 1px solid rgba(0,0,0,.017);
    color: #fff !important;
    font-size: 14px
}

.box-searchjob-jobseeker {
    background-color: #fff;
    padding-bottom: 10px
}

.thongbao-searchjob-jobseeker {
    color: #333;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 10px
}

.col-ad-left img, .col-ad-right img {
    margin: 0 auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

.bg-white-searchjob-jobseeker {
    width: 180px;
    float: left;
    text-align: left
}

.content-searchjob-jobseeker {
    padding-bottom: 10px
}

.col-ad-right {
    width: 180px;
    float: right;
    padding: 5px;
    min-height: 608px
}

.job-home {
    border: 1px solid #fff
}

.jobs-info {
    border: 1px solid #e3e3e3;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    margin-right: 0;
    margin-left: 0
}

    .home-box:hover, .jobs-info:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        border-color: #f07e1d
    }

.color-orange {
    color: #ffeb3b !important;
    font-size: 15px !important
}

.title-jobs-home {
    font-size: 16px;
    font-weight: 600;
    line-height: .5
}

    .title-jobs-home a {
        color: #f07e1d;
        text-decoration: none
    }

        .title-jobs-home a:hover {
            color: #f07e1d
        }

.budget .fa, .budget2 .fa, .budget3 .fa, .budget4 .fa {
    color: #fff;
    font-size: 16px;
    left: 53px
}

.row-margin {
    margin-top: 4px
}

.div-img-jobs {
    height: 91px;
    background-color: #e1e1e1
}

.select-small {
    background: #fff !important;
    border: 1px solid #fff !important
}

#parties, .hover-default, .property-card-header {
    overflow: hidden;
    position: relative
}

.affix-bottom, .budget, .budget .fa, .budget2 .fa, .budget3 .fa, .budget4 .fa {
    position: absolute
}

.budget {
    background-color: #b7cc0b;
    height: 72px;
    right: 60px;
    top: -41px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 72px
}

.budget2, .budget3, .budget4 {
    height: 72px;
    right: 94px;
    width: 72px;
    position: absolute
}

    .budget .fa, .budget2 .fa, .budget3 .fa, .budget4 .fa {
        top: 30px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

.budget2, .budget3 {
    transform: rotate(45deg);
    top: -41px
}

.budget2 {
    background-color: #00a651;
    -webkit-transform: rotate(45deg)
}

.budget3, .list-danhmuc li a:hover .badge, .list-khuvuc li a:hover .badge {
    background-color: #f07e1d
}

.budget3 {
    -webkit-transform: rotate(45deg)
}

.budget4 {
    background-color: #00aeef;
    top: -41px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.badge-index {
    background-color: #fff !important;
    font-weight: 400 !important
}

.width-455 {
    width: 455px;
    float: left
}

.phone-contact {
    border-left: 5px solid #eee;
    margin-top: 10px
}

.box-job-cont, .service-box-job .fa {
    border: 1px solid #e6e6e6;
    text-align: center
}

.phone-contact li {
    margin-left: 10px;
    margin-right: 10px
}

.color-red {
    color: red
}

.form-contact input[type=submit], .form-contact input[type=text] {
    display: block;
    width: 100%;
    padding: 5px;
    height: 39px
}

    .form-contact input[type=submit]:hover {
        background-color: #e76f08
    }

.content-intro-jobseeker {
    margin-top: 90px
}

.box-job-cont {
    position: relative;
    padding: 0 15px 15px
}

.service-box-job .fa {
    display: table;
    margin: -30px auto 25px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #f0f0f0;
    box-shadow: inset 0 0 0 3px #fff;
    color: #b3b3b3;
    font-size: 25px;
    line-height: 60px;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -webkit-transition: .3s linear;
    transition: .3s linear
}

.invoice-pay, .service-box-job {
    padding-top: 30px
}

    .service-box-job p.mediumFont {
        overflow: hidden;
        max-height: 180px;
        padding-bottom: 25px !important
    }

.box-job-cont h3 {
    font-size: 16px;
    font-weight: 600
}

.list li {
    padding: 0 0 10px 10px
}

.list-ok li:before {
    content: "\f00c";
    color: #f07e1d
}

.list li:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
    font-family: FontAwesome
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent
}

.lang-manu .dropdown-menu a, .top-bar-fixed .menu, .widget-box {
    box-sizing: border-box
}

.slick-list {
    overflow: hidden;
    margin: 0 -15px;
    padding: 0
}

    .slick-dots li button:focus, .slick-list:focus, .slick-next:focus, .slick-prev:focus {
        outline: 0
    }

.slick-loading .slick-list {
    background: url(../images/ajax-loader.gif) center center no-repeat #fff
}

.slick-list.dragging {
    cursor: move !important
}

.slick-slide, .slick-slide img, .slick-slider .slick-list, .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    left: 0;
    top: 0;
    zoom: 1
}

.slick-dots, .slick-next, .slick-prev {
    position: absolute;
    padding: 0;
    text-align: center
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

.action_btns a, .slick-initialized .slick-slide, .vcard a {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    float: none
}

.slick-next, .slick-prev {
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    border: none;
    outline: 0;
    width: 28px;
    height: 28px;
    border-radius: 3px
}

.slick-prev {
    right: 32px;
    top: -60px
}

.slick-next {
    right: 0;
    top: -60px
}

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-family: FontAwesome;
        font-size: 18px;
        line-height: 28px;
        display: inline-block;
        margin: auto
    }

.slick-prev:before {
    content: "\f104"
}

.slick-next:before {
    content: "\f105"
}

.slick-dots {
    bottom: -45px;
    display: block;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: 0 0;
            display: block;
            height: 20px;
            width: 20px;
            outline: 0;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\2022";
                width: 20px;
                height: 20px;
                font-family: slick;
                font-size: 48px;
                line-height: 20px;
                text-align: center;
                color: #777
            }

.testimonials-bg {
    position: relative;
    z-index: 4;
    overflow: hidden;
    padding: 8px;
    background: #f0f0f0;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.testimonials-img, .testimonials-name:before {
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.testimonials-name {
    position: relative;
    margin: 0 5px;
    padding: 6px 0 8px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px
}

.testimonials-bg .rating .fa {
    margin-right: 4px;
    color: #ffc000;
    font-size: 15px
}

.slick-next, .slick-prev {
    background: #777;
    color: #eee
}

.testimonials-bg:after {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: inline-block;
    margin-right: 7px;
    color: #cfcfcf;
    content: "\f10e";
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    font-family: FontAwesome;
    line-height: 1
}

.testimonials-img {
    position: relative;
    z-index: 2;
    float: left;
    margin: 0 10px 5px 0;
    max-width: 70px;
    transition: .2s ease-in-out
}

.testimonials-name:after, .testimonials-name:before {
    bottom: 9px;
    z-index: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #dadada transparent transparent;
    content: "";
    position: absolute
}

.testimonials-name:before {
    left: -4px;
    border-width: 20px 0 0 23px;
    transition: .2s ease-in-out
}

.testimonials-name:after {
    right: -4px;
    border-width: 20px 23px 0 0;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.jobseeker-said {
    color: #bababa
}

.accordion li > h3 {
    overflow: hidden;
    margin: 0 0 15px;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.accordion li.active > h3 u:before {
    content: "\f068";
    font-family: FontAwesome
}

.accordion li > h3 u:before {
    display: block;
    content: "\f067";
    font-family: FontAwesome
}

.accordion li.active h3 a, .accordion li.active h3 u, .cart-popup, .pricing-table.selected {
    border-color: #f07e1d
}

.accordion li > h3 a {
    float: left;
    margin: 0;
    padding: 0 15px;
    border: 1px solid #f0f0f0;
    background: #fff;
    line-height: 28px;
    display: block;
    width: 100%;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px
}

.accordion-panel {
    margin: 15px;
    padding: 0 15px;
    border-left: 3px solid #d4d4d4
}

.accordion li > h3 u {
    display: inline-block;
    margin: 0 5px 0 10px;
    padding: 10px 10px 8px;
    border: 1px solid #d4d4d4;
    background: #fff;
    color: #a8a8a8;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.h4-vieclammoinhat {
    font-size: 13px;
    margin-top: 2px;
    height: 30px
}

    .h4-vieclammoinhat a {
        color: #333 !important;
        text-transform: lowercase;
        font-weight: 600;
        height: 30px
    }

.content-introduction-company, .sidebar-right {
    padding-top: 80px
}

.nav-info-company {
    background-color: #fff !important
}

.list-rating {
    border-bottom: 1px solid #f4f1f1;
    clear: both;
    padding: 10px 0
}

.star-rating .fa {
    color: #ff9800
}

.lineLi {
    margin-top: 15px;
    margin-bottom: 15px
}

.margin-left15 {
    margin-left: 15px
}

.modal-postJob {
    margin: 5px !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    text-align: center !important;
    font-size: 19px !important
}

.modal-header-postJob {
    border-bottom: 1px solid #f6f6f6 !important
}

.btn-nangcap:hover {
    background-color: #e47313
}

.title-traphi {
    font-size: 15px;
    color: #333
}

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

.fa-2 {
    font-size: 2em !important;
    color: #646464
}

.width-image-home {
    width: 205px;
    float: left;
    overflow: hidden
}

.div-avatar-rating {
    width: 100%;
    height: 58px;
    background-color: #fff
}

    .div-avatar-rating img {
        min-width: 58px;
        height: 58px;
        overflow: hidden
    }

.width-logo-company {
    width: 100px;
    float: left
}

.div-in-logo {
    width: 100%;
    height: 100px;
    background-color: #fff
}

    .div-in-logo img {
        max-width: 100px;
        height: auto;
        min-width: unset;
        overflow: hidden
    }

.width-content-intro-company {
    width: 540px;
    float: left
}

.timeline-detail {
    width: 100%;
    height: 510px;
    overflow: hidden
}

    .timeline-detail img {
        min-width: 825px;
        height: 510px;
        overflow: hidden;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 0;
        max-height: 510px
    }

.fixed-resume.fixed {
    position: fixed;
    top: 120px
}

.fixed-resume.bottom {
    position: absolute;
    bottom: 356px
}

.group-nex-pre {
    position: absolute;
    right: 0;
    top: 10px
}

.max-line-camnang {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    font-size: 13px;
    line-height: 1.2em !important;
    max-height: 67px
}

.popupHeader, h2 {
    font-size: 22px
}

#info_confirm_history .txtLeft {
    padding: 20px
}

    #info_confirm_history .txtLeft label {
        text-align: left;
        font-weight: 400
    }

#dangnhapnguoitimviec, #dangnhaptuyendung, .property-card-header, .table > tbody > tr > td > span.footable-toggle, .timepicker {
    cursor: pointer
}

.position_title_job {
    float: left;
    z-index: 99;
    margin-top: 395px;
    margin-bottom: 0;
    margin-left: 15px;
    height: 115px
}

.position_img_job {
    float: left;
    position: absolute;
    margin: 0;
    padding: 0;
    width: calc(100% - 30px);
    background-color: #f0f8ff !important
}

.ui-mutiselect-home .multiselect.dropdown-toggle.btn.btn-default {
    background: #fff !important;
    width: calc(100% - 10px) !important;
    padding: 0 10px !important;
    height: 49px !important;
    font-weight: 500;
    font-size: 12px !important;
    color: #777 !important;
    font-family: Arial,Helvetica,sans-serif !important
}

.container-home .btn-default, .container-home .reset-all a, .container-home .reset-all a:hover {
    background-color: transparent !important;
    color: #fff !important
}

.container-home .btn-default {
    border-color: transparent !important
}

.ui-mutiselect-home .multiselect-container {
    width: calc(100% - 10px) !important
}

    .ui-mutiselect-home .multiselect-container .multiselect-search {
        margin-bottom: 0 !important;
        width: 100% !important
    }

.centeredText, .popupHeader {
    text-align: center;
    text-transform: uppercase
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none
}

.popupContainer {
    position: absolute;
    width: 650px;
    height: auto;
    left: 45%;
    top: 80px;
    background: #f2f2f2
}

.btn_red {
    background: #f77725
}



.btn-facebook, .social_login .fb .icon {
    background: #3b5998
}

.btn_red:hover {
    background: #e95f07
}

a.btn {
    text-align: center;
    text-decoration: none
}

.one_half.last {
    width: 100%;
    position: relative
}

.popupHeader {
    position: relative;
    padding: 30px 20px;
    font-weight: 700
}

    .popupHeader .modal_close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px 15px;
        cursor: pointer;
        color: #3d3d3d;
        font-size: 16px
    }

.popupBody {
    padding: 0 15px 15px 30px
}

.social_login .social_box {
    display: block;
    clear: both;
    padding: 10px;
    margin-bottom: 10px;
    background: #f4f4f2;
    overflow: hidden
}

.social_login .icon {
    display: block;
    width: 10px;
    padding: 5px 10px;
    margin-right: 10px;
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.forgot_password, .invoice-items table thead th:last-child, .invoice-items tbody td, .invoice-totals tbody td, .property-card .property-card-tags span, .section.page-body .content-image, .widget.widget-properties .property-card .property-card-box span.price {
    text-align: right
}

.social_login .google .icon {
    background: #dd4b39
}

.social_login .icon_title {
    display: block;
    padding: 5px 0;
    float: left;
    font-weight: 700;
    font-size: 16px;
    color: #777
}

.centeredText {
    margin: 20px 0;
    clear: both;
    overflow: hidden
}

.forgot_password, .question-tk {
    margin: 0 0 20px;
    text-decoration: none;
    display: block;
    clear: both;
    overflow: hidden
}

.action_btns {
    clear: both;
    overflow: hidden
}

.forgot_password {
    color: #ed6347
}

.question-tk {
    color: #000;
    text-align: center
}

.or-line {
    border-bottom: 1px solid #ccc;
    text-align: center
}

    .or-line span {
        padding-right: 15px;
        padding-left: 15px;
        background: #f2f2f2;
        position: relative;
        z-index: 1;
        top: 9px;
        color: #333
    }

.employer_login label, .widget .widget-list li {
    display: block;
    margin-bottom: 5px
}

.employer_login input[type=email], .employer_login input[type=password], .employer_login input[type=text] {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    color: #666
}

.btn-facebook span, .btn-google span {
    min-width: 70px;
    display: inline-block
}

.employer_login input[type=checkbox] {
    float: left;
    margin-right: 5px
}

.employer_login .checkbox {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden
}

.btn-fg {
    border: 1px solid transparent;
    padding: 8px 20px;
    line-height: 1.42857143;
    border-radius: 2px;
    font-size: 14px
}

.btn-facebook {
    color: #fff !important
}

    .btn-facebook:hover {
        background: #344e86
    }

.btn-google {
    background: #dd4b39;
    color: #fff !important
}

    .btn-google:hover {
        background: #d73925
    }

    .btn-google:focus {
        border: 1px solid #d73925
    }

.box-em {
    padding: 20px;
    background-color: #fff
}

.cursor:hover, input[readonly=readonly] {
    cursor: pointer !important
}

#link_register, .tags-cloud .tag-lg {
    font-size: 15px
}

body.full-width .container, body.full-width .row, body:not(.boxed) .container-side-version .container, body:not(.boxed) .container-side-version .row, body:not(.boxed) .container.container-side-version {
    margin-left: 0;
    margin-right: 0
}

body.boxed .container > section > .container, body.full-width .container, body:not(.boxed) .container-side-version .container, body:not(.boxed) .container.container-side-version, body:not(.boxed) div.container.container-wrapper {
    width: 100%;
    max-width: 100%
}

@font-face {
    font-family: open sans light;
    src: url(../fonts/OpenSansLight/OpenSans-Light.ttf) format("truetype"),url(../fonts/OpenSansLight/opensans-light-webfont.woff)
}

body.boxed .logo, body.full-width .container .header-inner, body.full-width .container .top-bar, body.full-width .news .card .title, body:not(.boxed) .container-side-version .news .card .title {
    padding-left: 15px
}

body.boxed .section, div.container.container-wrapper {
    padding-right: 0;
    padding-left: 0
}

.menu .dropdown-menu.dropdown-menu-property .property-card-title a, body .footer .logo, body.boxed .header .header-inner > .container {
    padding-left: 0
}

body .footer .footer-mask, body .header > .container {
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%
}

body .btn.dropdown-toggle:focus, body a:focus {
    outline-width: 0;
    outline-style: none
}

.box-container {
    background: #fff;
    border: 1px solid rgba(233,235,238,.55);
    border-bottom: 1px solid #ccc
}

.border-color-primary {
    border-color: #e95f07
}

body .color-primary.btn, body .color-secondary.btn {
    border: 0;
    position: relative
}

.color-primary.btn:after, .color-secondary.btn:after {
    background: rgba(0,0,0,.1);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    width: 100%;
    z-index: 2
}

.color-secondary.btn > *, .search-form > * {
    position: relative;
    z-index: 3
}

.color-secondary.btn:focus, .color-secondary.btn:hover, ul.categories > li:last-child {
    border: 0
}

.bootstrap-select, .color-secondary {
    background: #004790
}

.color-primary {
    background: #0f7ad5
}

.section-color-primary, .table-cart th, .table-cart thead {
    background: #f8f8f8
}

.invoice-items tbody tr:nth-of-type(2n) td, .invoice-items tbody tr:nth-of-type(2n) th, .invoice-totals tbody tr:nth-of-type(2n) td, .invoice-totals tbody tr:nth-of-type(2n) th, .section-color-secondary, .section.agencies {
    background: #eee
}

.fullscreen-container {
    display: table;
    height: 100%
}

.slider-fullscreen, .slider-fullscreen .container, .slider-fullscreen .container .carousel, .slider-fullscreen .container .carousel .carousel-inner, .slider-fullscreen .container .carousel .carousel-inner .item, .slider-fullscreen .container .header-slider {
    height: 100%
}

.fullscreen-container .header {
    display: table-row
}

img {
    max-width: 100%
}

.section {
    padding-bottom: 80px;
    padding-top: 80px
}

    .section.news .section-title h2 {
        line-height: 1;
        margin: 0;
        text-align: center
    }

    .section.page-body {
        color: #000;
        font-size: 0;
        padding-top: 80px;
        padding-bottom: 40px
    }

        .section.page-body h4 {
            font-size: 18px;
            line-height: 1;
            margin-bottom: 10px
        }

        .section.page-body .content-image {
            margin-bottom: 20px;
            width: 68px;
            float: left
        }

            .section.page-body .content-image embed, .section.page-body .content-image img, .section.page-body .content-image object {
                height: 38px;
                display: inline-block
            }

            .section.page-body .content-image img {
                height: initial
            }

        .section.page-body .container > .row > div {
            display: inline-block;
            float: none;
            font-size: 13px;
            line-height: 1.8;
            vertical-align: top;
            margin-bottom: 40px
        }

        .section.page-body .content-image ~ div {
            width: calc(100% - 68px)
        }

.page-title {
    display: block;
    font-size: 30px;
    font-weight: 600
}

.icon-dropdown {
    background: url(../img/icon-dropdown.png) 50% 50% no-repeat;
    display: inline-block;
    height: 16px;
    margin-top: 2px;
    vertical-align: top;
    width: 16px
}

.icon-dropdown-white {
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #fff;
    display: inline-block;
    height: 0;
    margin-left: 3px;
    margin-top: -2px;
    vertical-align: middle;
    width: 0
}

.icon-air {
    background: url(../img/icons/icon-air.png) 50% 50% no-repeat;
    display: inline-block;
    height: 11px;
    width: 10px
}

.icon-move, .icon-pc {
    display: inline-block;
    width: 13px
}

.icon-move {
    background: url(../img/icons/icon-move.png) 50% 50% no-repeat;
    height: 11px
}

.icon-pc {
    background: url(../img/icons/icon-pc.png) 50% 50% no-repeat;
    height: 12px
}

.icon-checked, .icon-micro {
    display: inline-block;
    width: 11px
}

.icon-micro {
    background: url(../img/icons/icon-micro.png) 50% 50% no-repeat;
    height: 11px
}

.icon-checked {
    background: url(../img/icons/icon-checked.png) 50% 50% no-repeat;
    height: 9px
}

.icon-star {
    background: url(../img/icons/icon-star.png) 50% 50% no-repeat;
    display: inline-block;
    height: 15px;
    width: 16px
}

.icon-star-2, .icon-star-3, .icon-star-4, .icon-star-5 {
    background: url(../img/icons/icon-star.png) repeat-x;
    display: inline-block;
    height: 15px
}

.icon-star-2 {
    width: 32px
}

.icon-star-3 {
    width: 48px
}

.icon-star-4 {
    width: 64px
}

.icon-star-5 {
    width: 80px
}

.icon-caret-down, .icon-caret-up {
    background: url(../img/icons/nav-sprite.png) no-repeat;
    display: inline-block;
    height: 11px;
    line-height: 24px;
    width: 16px
}

.icon-caret-up {
    margin-top: 6px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.widget .widget-header {
    color: #000;
    font-size: 24px;
    position: relative;
    text-overflow: ellipsis
}

    .widget .widget-header h1, .widget .widget-header h2, .widget .widget-header h3 {
        color: #333;
        font-size: 18px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: uppercase;
        font-weight: 600
    }

    .widget .widget-header:before {
        border-color: inherit !important;
        border-left: 3px solid #f07e1d;
        content: "";
        height: 100%;
        position: absolute;
        top: 0
    }

.widget-section {
    padding-top: 40px;
    padding-bottom: 40px
}

.widget-overflow {
    margin-top: -135px
}

.widget .widget-list {
    font-family: open sans light,sans-serif;
    font-weight: 600;
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

    .checkbox-box-main .form-group, .invoice-meta dd, .menu ul, .panel-content.panel-group, .widget .widget-list li:last-child, .widget-content p:last-child, .widget-form-cart .form-additional, .widget-form.form-main .form-additional, .widget-form.form-main .form-additional .control-group:last-child, .widget-property-map .form-additional, .widget.widget-profilelisting, body .footable-details.table, body .footable.table, body .npad, body .widget .npad, body .widget-form .form-additional .btn-property {
        margin-bottom: 0
    }

    .widget .widget-list li a {
        color: inherit;
        text-decoration: none
    }

.widget-list a {
    color: #929292
}

.widget-list li a:hover {
    color: #545454
}

.widget .widget-list.btn-list li a {
    background: #f8f8f8;
    box-sizing: border-box;
    color: #929292;
    display: block;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    padding: 0 15px;
    transition: background .15s;
    -webkit-transition: background .15s
}

.widget-content {
    font-size: 13px;
    line-height: 1.8;
    padding-left: 15px;
    padding-right: 15px
}

.widget-title {
    margin: 20px 0
}

.widget-body {
    padding: 0 20px
}

.widget.widget-agent .img-circle-cover {
    border: 1px solid #f6f7f9;
    height: 70px;
    width: 70px
}

.widget.widget-properties .property-card {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    margin-bottom: 25px
}

    .widget.widget-properties .properties, .widget.widget-properties .property-card .property-card-box {
        padding-bottom: 0
    }

.widget-properties .property-card .property-card-box .property-card-title {
    font-size: 16px;
    margin-bottom: 5px
}

.widget.widget-properties .property-card .property-card-box span {
    font-size: 13px;
    display: block
}

.widget.widget-properties .property-card .property-card-box .options {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%
}

    .widget.widget-properties .property-card .property-card-box .options span {
        display: table-cell;
        height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
        width: 50%
    }

.widget-agent .media-left {
    max-width: 80px
}

.widget-agent .agent-details > * {
    display: block;
    font-size: 12px;
    margin-bottom: 3px
}

.widget-agent .agent-name {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin: 1px 0 4px
}

.widget-agentslist .widget-box {
    padding-bottom: 0;
    padding-top: 5px
}

.widget-agentslist .agents-list .widget {
    margin-bottom: 10px;
    padding: 10px 12px
}

.widget-form .box-container {
    padding-bottom: 15px;
    padding-top: 15px
}

.widget-form .widget-body {
    padding-bottom: 0;
    padding-top: 40px
}

.widget-form .form-group-submit {
    margin: 20px 24px
}

.widget-form .btn-property {
    margin: 0;
    padding: 0;
    width: 100%
}

.widget-form-cart .list-overview li:last-child {
    padding-bottom: 0;
    margin: 0
}

.widget-form-cart .widget-body {
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px
}

.widget-form-cart form div {
    border-bottom: 0;
    padding-bottom: 0
}

.widget-form-cart .form-group-submit {
    padding: 10px 0 0
}

.widget-form-cart h5 {
    margin-top: 0;
    line-height: 1
}

.widget-contactform .form-additional, body .form-additional.npad {
    margin-bottom: -6px
}

.amenities li span, .widget-form-cart .widget-body .list-overview {
    padding: 0 5px
}

.select-default {
    border: 1px solid #afafaf;
    font-size: 14px
}

.widget-form-cart .select-default {
    height: 38px;
    margin: 10px 0
}

.widget-rightsearch .btn-search, .widget-rightsearch .form-control {
    height: 44px;
    line-height: 30px
}

.widget-contactform form textarea {
    height: 144px;
    padding-top: 12px
}

.widget-contactform form .btn {
    line-height: 26px
}

.box-overflow-container {
    margin-bottom: 80px;
    padding: 40px 25px
}

.box-container-title .title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
    margin-top: 0
}

.box-container-title .sub-title {
    color: #777;
    font-size: 13px
}

.widget-ask .panel-content {
    margin: 30px 0
}

.widget-menu-right .list-group .list-group-item.active, .widget-menu-right .list-group-item, .widget-menu-right .list-group-item:focus, .widget-menu-right .list-group-item:hover {
    background: 0 0;
    border: 0;
    border-color: inherit;
    color: #757575
}

.tags-cloud > a, .tags-cloud > span, .widget-menu-right .list-group .list-group-item.active, .widget-menu-right .list-group .list-group-item:hover, .widget-menu-right .list-group .list-group-item:not(.collapsed)[aria-expanded=true] {
    color: inherit
}

.widget-menu-right .list-group-item {
    border-color: inherit;
    font-size: 18px;
    padding: 6px 0 6px 22px;
    position: relative
}

.widget-menu-right .list-group div {
    font-size: 16px;
    padding-left: 15px
}

    .widget-menu-right .list-group div a {
        font-size: 16px;
        padding: 2px 0 2px 22px
    }

.widget-menu-right .list-group > .list-group-item.active:before, .widget-menu-right .list-group > .list-group-item:not(.collapsed)[aria-expanded=true]:before {
    border-color: inherit;
    border-left: 4px solid;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.tags-cloud .tag-lg-2, .widget-menu-right-sm .list-group-item {
    font-size: 16px
}

.widget-menu-right-sm.widget-menu-right .panel, body .invoice-notes p {
    padding: 0;
    margin: 0
}

.col-md-9 .widget-property, .widget-menu-right .panel {
    padding: 40px 0
}

.tags-cloud .tag-xs {
    font-size: 10px
}

.tags-cloud .tag-lg-4 {
    font-size: 20px
}

.infobox2 {
    background: #fff;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 270px
}

.highlight {
    background-color: #f7f7f9;
    margin-top: 10px;
    padding: 1rem
}

ul.categories.list-menu {
    border: 1px solid #e0eded;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

    ul.categories.list-menu .dropdown-item {
        white-space: initial
    }

ul.categories > li {
    border-bottom: 1px solid #e0eded;
    position: relative
}

    ul.categories > li > a {
        display: block;
        padding: 10px 15px
    }

        ul.categories > li > a:after {
            content: " \f105";
            font-family: FontAwesome,sans-serif;
            float: right;
            position: relative;
            top: 0
        }

        ul.categories > li > a:hover {
            background: #3498db;
            color: #fff;
            text-decoration: none
        }

        ul.categories > li > a i {
            display: inline-block;
            color: #999;
            font-style: normal;
            font-size: 11px;
            padding-right: 5px;
            vertical-align: middle
        }

    ul.categories > li > ul {
        background: #fcfcfc;
        margin: 0;
        padding: 0
    }

        ul.categories > li > ul > li {
            border-top: 1px solid #e0eded
        }

            ul.categories > li > ul > li > a {
                display: block;
                padding: 5px 25px
            }

.hover-default .property-card-hover {
    background: rgba(0,0,0,.25);
    height: 101%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .2s;
    -webkit-transition: opacity .2s;
    width: 100%
}

    .hover-default .property-card-hover .left-icon, .property-card .property-card-hover .left-icon {
        bottom: 12px;
        height: 19px;
        left: 12px;
        position: absolute;
        width: 21px
    }

    .hover-default .property-card-hover .center-icon, .property-card .property-card-hover .center-icon {
        height: 35px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        width: 35px
    }

    .hover-default .property-card-hover .right-icon, .property-card .property-card-hover .right-icon {
        bottom: 12px;
        height: 20px;
        position: absolute;
        right: 12px;
        width: 19px
    }

.image-hoveffect:after {
    background: rgba(0,0,0,.25);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image-hoveffect:after, .image-hoveffect:before {
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s
}

.image-hoveffect:before {
    background: url(../img/property-hover-arrow.png) 0 0/contain no-repeat;
    bottom: 6px;
    content: "";
    height: 15px;
    left: 6px;
    opacity: 0;
    position: absolute;
    width: 15px;
    z-index: 1
}

.header .top-bar, .header .top-bar a {
    color: #fff;
    font-size: 11px;
    line-height: 30px
}

    .header .top-bar ul {
        list-style: none;
        margin: 0;
        text-align: center;
        padding: 0
    }

    .header .top-bar .pull-right {
        width: 215px;
        background-color: #004790
    }

.header .login-menu i {
    margin-right: 2px;
    margin-left: 1px
}

.header .social-nav a {
    font-size: 11px;
    padding: 0 12px
}

body:not(.boxed) .top-box > .container {
    max-width: 100%;
    width: 100%
}

body .top-box > .container {
    margin: 0 auto;
    padding: 0
}

body.boxed .top-bar-fixed .header-inner .logo {
    padding: 4px 15px
}

.top-bar-fixed .menu {
    padding-top: 0;
    padding-bottom: 0
}

.header .top-bar-fixed .websitetitle {
    display: table;
    height: 70px
}

.top-bar-fixed .header-inner .logo img {
    max-height: 61px
}

.top-bar-fixed .menu .nav-link {
    padding: 25px 15px
}

.top-bar-fixed .menu .lang-manu {
    padding-top: 13px
}

.top-bar-fixed .websitetitle {
    transition: .65s ease-in;
    -webkit-transition: .65s ease-in;
    -moz-transition: .65s ease-in;
    -ms-transition: .65s ease-in
}

.top-bar-fixed .header-inner .logo, .top-bar-fixed .header-inner .logo img {
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -ms-transition: .3s ease-in
}

.websitetitle {
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s
}

.top-title-widget {
    background-image: url(../img/bg-title.png);
    background-position: 50% 50%;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px
}

.top-title-t {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 0
}

.sticky.is-sticky {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000
}

.header-slider .carousel.slider-tall .carousel-inner .item {
    height: 645px
}

.slider-tall .item .carousel-caption .carousel-caption-title {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: -webkit-transform .4s,opacity .3s;
    -moz-transition: -moz-transform .4s,opacity .3s;
    -o-transition: -o-transform .4s,opacity .3s;
    transition: transform .4s,opacity .3s
}

.slider-tall .item .carousel-caption p {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: -webkit-transform .4s .5s,opacity .5s .5s;
    -moz-transition: -moz-transform .4s .5s,opacity .5s .5s;
    -o-transition: -o-transform .4s .5s,opacity .5s .5s;
    transition: transform .4s .5s,opacity .5s .5s
}

.slider-tall .item .carousel-caption a {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: -webkit-transform .5s .9s,opacity .2s .9s;
    -moz-transition: -moz-transform .5s .9s,opacity .2s .9s;
    -o-transition: -o-transform .5s .9s,opacity .2s .9s;
    transition: transform .5s .9s,opacity .2s .9s
}

.slider-tall .item.active .carousel-caption .carousel-caption-title, .slider-tall .item.active .carousel-caption a, .slider-tall .item.active .carousel-caption p {
    opacity: 1;
    transform: translateY(0)
}

.slider-tall .carousel-indicators li {
    border: 2px solid #fff;
    height: 12px;
    margin: 2px;
    position: relative;
    width: 12px
}

    .slider-tall .carousel-indicators li .carousel-indicators-preview {
        bottom: 25px;
        box-shadow: 0 2px 12px -4px #000;
        border: 2px solid #000;
        border-radius: 2px;
        background-size: cover;
        background-position: 50% 50%;
        display: block;
        height: 60px;
        left: 50%;
        margin-left: -50px;
        opacity: 0;
        position: absolute;
        padding: 3px;
        transition: opacity .2s;
        -webkit-transition: opacity .2s;
        -moz-transition: opacity .2s;
        -o-transition: opacity .2s;
        width: 100px
    }

        .slider-tall .carousel-indicators li .carousel-indicators-preview:after {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 8px solid #333;
            bottom: -10px;
            content: "";
            height: 0;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            width: 0
        }

    .slider-tall .carousel-indicators li:hover {
        background-color: #333
    }

.vcontainer {
    height: 530px;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .vcontainer video {
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        top: 50%;
        z-index: 0
    }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:active, .nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
    color: inherit;
    text-decoration: none
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 0
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none
}

.menu .nav-link {
    font-weight: 500;
    overflow: hidden;
    padding: 12px 15px;
    position: relative
}

.menu .nav > .nav-item .nav-link .bottom-line {
    background: #246ca9;
    bottom: -2px;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: -webkit-transform .25s,transform .25s;
    -webkit-transition: -webkit-transform .25s,transform .25s
}

.menu .active .nav-link, .menu .nav-link.active, .menu .nav > .nav-item .nav-link:hover {
    background: #e95f07;
    color: #fff
}

    .menu .active .nav-link .icon-dropdown, .menu .nav-link .icon-dropdown, .menu .nav-link.active .icon-dropdown, .menu .nav > .nav-item .nav-link:hover .icon-dropdown, body .lang-manu .icon-dropdown {
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        display: inline-block;
        height: 0;
        margin-left: 3px;
        margin-right: 5px;
        margin-top: -2px;
        width: 0;
        vertical-align: middle
    }

    .menu .nav-link.active .bottom-line, .menu .nav > .nav-item .nav-link:not(.dropdown-toggle):hover .bottom-line {
        transform: scaleX(1);
        -webkit-transform: scaleX(1)
    }

.menu .nav-link .icon-dropdown, body .lang-manu .icon-dropdown {
    background: initial;
    color: #000
}

.menu .dropdown-menu {
    background-color: rgba(255,255,255,.95);
    border-radius: 0;
    border: 0;
    box-shadow: none;
    font-size: 1em;
    left: 0;
    padding: 0
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-menu-lang a:focus, .dropdown-menu-lang a:hover {
    background-color: #3690db;
    color: #fff;
    text-decoration: none
}

.menu .dropdown-menu a {
    padding: 6px 20px
}

.top-bar-fixed .menu {
    transition: padding-top .3s ease-in;
    -webkit-transition: padding-top .3s ease-in;
    -moz-transition: padding-top .3s ease-in;
    -ms-transition: padding-top .3s ease-in
}

.menu .navbar .dropdown-mega {
    position: static
}

.menu .dropdown-menu.dropdown-menu-property {
    background-color: transparent;
    border: 0;
    left: 0;
    width: 100%
}

.btn-group.open .dropdown-toggle, .menu .dropdown-mega .dropdown-menu {
    box-shadow: none;
    -webkit-box-shadow: none
}

.menu .dropdown-menu.dropdown-menu-property .container {
    background-color: #f8f8f8;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    color: #696969;
    font-size: 1em;
    padding-top: 20px
}

.lang-manu {
    color: #757575;
    display: inline-block;
    font-size: 12px;
    margin-left: 0;
    margin-top: 0
}

    .lang-manu a img {
        margin-top: -2px
    }

    .footer .social ul li:not(:last-child), .lang-manu button img, .property-card .property-preview-footer span i {
        margin-right: 5px
    }

    .lang-manu button {
        color: #000;
        outline: 0;
        background-color: #fff
    }

        .lang-manu button:active, .lang-manu button:focus, .lang-manu button:hover, .lang-manu button:visited {
            color: #555
        }

        .lang-manu button > img, .lang-manu button > span {
            display: inline-block;
            margin-bottom: 1px;
            vertical-align: middle
        }

        .lang-manu button > span {
            margin-bottom: 2px
        }

    .lang-manu .btn.active.focus, .lang-manu .btn.active:focus, .lang-manu .btn:active.focus, .lang-manu .btn:active:focus, .lang-manu .btn:focus, .lang-manu.btn.focus {
        outline: 0;
        outline-offset: 0
    }

    .lang-manu .dropdown-menu {
        border-radius: 0;
        left: 0;
        min-width: auto;
        padding: 0
    }

        .lang-manu .dropdown-menu a {
            display: block;
            font-size: 12px;
            padding: 10px 15px 10px 6px
        }

        .lang-manu .dropdown-menu li.selected, .lang-manu .dropdown-menu li:hover {
            background: rgba(31,113,181,.43)
        }

.header-slider .carousel .carousel-inner .item {
    height: 527px
}

    .header-slider .carousel .carousel-inner .item img {
        height: 100%;
        margin: 0 auto;
        object-fit: cover;
        -ms-object-fit: cover;
        -o-object-fit: cover;
        -webkit--object-fit: cover;
        -moz-object-fit: cover;
        width: 100%
    }

.carousel-caption .carousel-caption-title {
    font-family: open sans light,sans-serif;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 50px;
    margin-top: 0;
    position: relative
}

    .carousel-caption .carousel-caption-title span, .carousel-caption p {
        background: rgba(0,0,0,.45);
        display: inline-block;
        padding: 20px
    }

.carousel-caption p {
    font-size: 14px;
    max-width: 650px
}

.carousel-caption .carousel-caption-title .line-bottom {
    bottom: -25px;
    height: 3px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    width: 90px
}

.header-slider .item:after {
    background: rgba(0,0,0,.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #fff
}

.agents-corousel-item .agent-details .mail:hover, .btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none
}

form textarea.form-control {
    padding-top: 12px
}

.search-form {
    background: #0f7ad5;
    padding: 40px 0 20px
}

    .search-form input::-webkit-input-placeholder, .widget-rightsearch input::-webkit-input-placeholder {
        color: #fff
    }

    .search-form input::-moz-placeholder, .widget-rightsearch input::-moz-placeholder {
        color: #fff
    }

.widget .form-additional input::-moz-placeholder {
    color: #000
}

.widget .form-additional input::-webkit-input-placeholder {
    color: #000
}

.widget .form-additional input::-ms-input-placeholder {
    color: #000
}

.widget .form-additional input::placeholder {
    color: #000
}

.widget .form-additional textarea::-moz-placeholder {
    color: #000
}

.widget .form-additional textarea::-webkit-input-placeholder {
    color: #000
}

.widget .form-additional textarea::-ms-input-placeholder {
    color: #000
}

.widget .form-additional textarea::placeholder {
    color: #000
}

.search-form .btn-search {
    max-width: 100%;
    width: 100%;
    padding: 0
}

.input-group-double button {
    height: 44px;
    white-space: nowrap
}

.bootstrap-select .dropdown-menu {
    background: inherit;
    border-radius: 0;
    padding: 0
}

.bootstrap-select.btn-group .dropdown-menu {
    box-sizing: initial;
    left: -1px
}

.bootstrap-select .dropdown-menu a {
    color: #fff;
    display: block;
    box-sizing: border-box;
    padding: 10px 0 10px 15px
}

.bootstrap-select .dropdown-menu li.selected, .bootstrap-select .dropdown-menu li:hover {
    background: rgba(0,0,0,.1)
}


.btn-second, .form-additional input, .form-additional textarea {
    background: #f8f8f8;
    padding: 0 15px;
    overflow: hidden;
    box-sizing: border-box
}

.checkbox-box-main .checkbox-inline {
    color: #fff;
    line-height: 1;
    margin: 0 30px 20px 0;
    vertical-align: top
}

.checkbox-box-main .form-group input {
    top: -3px
}

.search-additional-btn {
    border-radius: 0 0 3px 3px;
    bottom: -42px;
    cursor: pointer;
    display: block;
    height: 22px;
    opacity: .9;
    position: absolute;
    right: 15px;
    text-align: center;
    width: calc(8.33333333% - 30px);
    z-index: 10
}

    .search-additional-btn i {
        color: #f6f7f9;
        font-size: 24px
    }

.form-additional input, .form-additional textarea {
    border: 1px solid rgba(232,234,237,.65);
    color: #000;
    display: block;
    height: auto;
    transition: background .15s;
    -webkit-transition: background .15s
}

.form-additional input {
    height: 44px;
    line-height: 44px
}

    .form-additional input[type=checkbox] {
        display: inline-block;
        height: auto;
        line-height: 44px
    }

    .form-additional input:focus {
        background: #ebebeb;
        border: 1px solid #e0e1e2;
        color: #545454
    }

.btn-second {
    display: inline-block;
    border: 1px solid #e9ebee;
    border-radius: 0;
    color: #545454;
    height: 35px;
    line-height: 35px;
    transition: background .15s;
    -webkit-transition: background .15s;
    text-decoration: none
}

    .btn-second:active, .btn-second:hover {
        background: #e9ebee;
        text-decoration: none
    }


.btn-second:focus {
    color: #545454;
    text-decoration: none
}

.form-primary .form-control, .search-form .form-control {
    border: 1px solid rgba(116,116,116,.1);
    border-radius: 0;
    height: 60px
}

.selectpicker-additional {
    border: 0;
    border-radius: 0;
    height: 44px
}

.form-additional .btn {
    padding-left: 15px;
    padding-right: 15px
}

.btn.btn-secondary {
    padding-top: 10px;
    padding-bottom: 10px
}

.btn.btn-link.focus, .btn.btn-link:focus, .btn.btn-link:hover {
    color: #337ab7;
    text-decoration: underline
}

.btn-search {
    background: #004790;
    border: 1px solid rgba(116,116,116,.1);
    border-radius: 0;
    font-size: 30px;
    height: 60px;
    transition: .15s;
    -webkit-transition: .15s;
    width: 60px
}

    .btn-search:hover {
        background: #2c82cb
    }

.input-with-search {
    display: block;
    position: relative
}

.grid-type a, .h-side .h-side-title {
    display: inline-block;
    line-height: 1
}

.input-with-search input {
    background: inherit;
    border: 0;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding-right: 40px
}

.input-with-search .input-group-addon {
    background: inherit;
    border: 0;
    height: 100%;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .15s ease-in;
    -webkit-transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in;
    width: 40px;
    z-index: 5
}

.input-with-search input::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px
}

.input-with-search input::-moz-placeholder {
    color: #fff;
    font-size: 14px
}

.control-group-captcha img {
    margin-top: 5px;
    float: left
}

.control-group-captcha .captcha-input-box {
    margin-left: 125px
}

.list-group.panel {
    border-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none
}

.search-form {
    position: relative;
    z-index: 20
}

.label-important {
    background-color: #b94a48
}

body > div:not(.container-side-version) .h-side {
    padding-top: 80px;
    padding-bottom: 60px
}

.h-side .h-side-additional {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.5px
}

.h-side .properties-filter .select-small {
    background: #e5e5e5
}

.h-side .properties-filter > * {
    display: inline-block;
    vertical-align: top
}

body > div:not(.container-side-version) .h-side.h-side-results {
    padding-top: 80px;
    padding-bottom: 40px
}

    body > div:not(.container-side-version) .h-side.h-side-results .section-title {
        margin-bottom: 60px
    }

    body > div:not(.container-side-version) .h-side.h-side-results .grid-type {
        margin-left: 0
    }

.h-side.h-side-results .grid-type a {
    margin-left: 0;
    margin-right: 5px
}

.grid-type {
    margin-left: 30px;
    padding: 1.5px 0
}

    .grid-type a {
        color: #dedede;
        font-size: 25px;
        margin-left: 5px
    }

        .grid-type a.active, .grid-type a:hover {
            color: #000
        }

.properties {
    padding-bottom: 40px
}

.properties-filter .form-group {
    margin: 0;
    padding: 4px 0
}

.property-card {
    border-radius: 0;
    border: 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin-bottom: 20px;
    overflow: hidden
}

    .property-card .property-card-header {
        height: 165px;
        overflow: hidden;
        position: relative
    }

        .property-card .property-card-header .property-card-value {
            position: absolute;
            bottom: 5px;
            left: 5px;
            z-index: 0
        }

        .images-gallery li img, .property-card .property-card-header img {
            height: 100%;
            object-fit: cover;
            -ms-object-fit: cover;
            -o-object-fit: cover;
            -webkit--object-fit: cover;
            -moz-object-fit: cover;
            width: 100%
        }

    .property-card .property-card-tags {
        box-sizing: border-box;
        text-align: right
    }

.dropdown-mega .property-card .property-card-tags {
    padding-top: 10px
}

.property-card .property-card-tags:after {
    clear: both;
    content: "";
    display: table
}

.property-card .property-card-box {
    padding: 0 20px 15px
}

    .property-card .property-card-box .property-card-title {
        color: #545454;
        font-size: 18px;
        font-weight: 600;
        font-family: open sans light,sans-serif;
        height: 24px;
        overflow: hidden;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 1;
        text-overflow: ellipsis;
        text-decoration: none;
        white-space: nowrap
    }

        .property-card .property-card-box .property-card-title a:hover {
            background: #0f7ad5;
            color: #fff;
            text-decoration: none
        }

.property-card-descr {
    font-size: 13px;
    line-height: 1.8;
    padding-bottom: 15px
}

.property-card .property-preview-footer span {
    display: inline-block;
    margin-right: 7px
}

.property-card .property-preview-footer a.btn {
    border: 0;
    color: #939393;
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 3px;
    padding: 0;
    transition: .15s;
    -webkit-transition: .15s
}

    .property-card .property-preview-footer a.btn:hover {
        color: #5b5b5b;
        text-decoration: none
    }

.property-preview-footer .pull-left {
    padding: 3px 0
}

.property-preview-f-left {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.property-preview-f-right {
    float: right;
    width: 110px;
    white-space: nowrap;
    text-align: right
}

.property-card .property-preview-footer .aux-info span {
    font-size: 12px;
    margin-right: 15px
}

.property-card .budget {
    background: #ffd800;
    height: 80px;
    position: absolute;
    right: -40px;
    top: -40px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 80px
}

    .property-card .budget .fa {
        color: #fff;
        font-size: 16px;
        left: 34px;
        position: absolute;
        top: 56px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

.classfied-card:hover .classfied-card-box-category, .classfied-card:hover .classfied-card-box-title, .classfied-card:hover .classfied-card-mask {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

.property-card .property-card-hover {
    background: rgba(0,0,0,.25);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .2s;
    -webkit-transition: opacity .2s;
    width: 100%;
    z-index: 2
}

.property-card-list {
    height: 165px
}

    .property-card-list .property-card-descr {
        font-size: 13px;
        height: 75px;
        overflow: hidden;
        padding-bottom: 15px
    }

    .property-card-list .property-card-tags {
        padding-top: 5px
    }

.properties-border .property-card, .properties-border.property-card {
    border: 2px solid #f8f8f8
}

.classfied-card {
    height: 400px;
    overflow: hidden;
    position: relative
}

    .classfied-card * {
        color: #fff;
        -o-transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        transition: .35s
    }

    .classfied-card .classfied-card-mask {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        -webkit-transition: -webkit-transform .4s,opacity .1s;
        -moz-transition: -moz-transform .4s,opacity .1s;
        -o-transition: -o-transform .4s,opacity .1s;
        transition: transform .4s,opacity .1s;
        opacity: .5
    }

    .blogs-listing .card .title:after, .classfied-card .classfied-card-box-category, .list-overview li:after, .news-card.card .property-card-tasm:after {
        display: table
    }

    .classfied-card .treefield-categories {
        display: table-cell;
        text-align: center;
        vertical-align: bottom
    }

        .classfied-card .treefield-categories .treefield-box-item {
            display: inline-block;
            float: none;
            margin-left: 0;
            margin-right: 0;
            width: 48%;
            border: 1px solid #fff
        }

    .classfied-card .property-card-title a:hover {
        color: #f6f7f9;
        text-decoration: none
    }

    .classfied-card .card-box, .classfied-card .classfied-card-mask, .classfied-card .image-box {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .classfied-card .card-box {
        padding: 15px 20px 0
    }

    .classfied-card .classfied-card-box-category {
        height: 50%;
        top: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%)
    }

    .classfied-card .classfied-card-box-title {
        height: 50%;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%)
    }

    .classfied-card:hover .classfied-card-box-category, .classfied-card:hover .classfied-card-box-title {
        -webkit-transition: -webkit-transform .4s,opacity .1s;
        -moz-transition: -moz-transform .4s,opacity .1s;
        -o-transition: -o-transform .4s,opacity .1s;
        transition: transform .4s,opacity .1s
    }

    .classfied-card .card-box.classfied-card-box-info {
        -webkit-transition: -webkit-transform .15s;
        -moz-transition: -moz-transform .15s;
        -o-transition: -o-transform .15s;
        transition: transform .4s;
        background: rgba(55,58,60,.45);
        bottom: 0;
        height: initial;
        left: 0;
        position: absolute;
        padding: 15px;
        top: initial;
        text-align: center;
        width: 100%
    }

    .classfied-card:hover .card-box.classfied-card-box-info {
        transform: translateY(100%);
        transition-duration: 0s
    }

.properties-list-small .property {
    background: #fff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    margin-bottom: 12px
}

    .properties-list-small .property .image {
        height: 70px;
        float: left;
        margin-right: 10px;
        position: relative;
        width: 95px
    }

        .properties-list-small .property .image img {
            height: 100%;
            object-fit: cover;
            -webkit-object-fit: cover;
            -o-object-fit: cover;
            -moz-object-fit: cover;
            -ms-object-fit: cover;
            width: 100%
        }

        .properties-list-small .property .image a {
            background-color: transparent;
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            -webkit-transition: background-color .2s ease-in;
            -moz-transition: background-color .2s ease-in;
            -o-transition: background-color .2s ease-in;
            transition: background-color .2s ease-in;
            width: 100%
        }

    .properties-list-small .property .body {
        padding: 10px 20px 10px 0
    }

        .properties-list-small .property .body .title h3 {
            line-height: 1px;
            margin: 0;
            height: 16px
        }

        .properties-list-small .property .body .title {
            margin-bottom: 4px;
            margin-top: 0
        }

        .properties-list-small .property .body .location {
            font-size: 11px;
            line-height: 1;
            margin-bottom: 8px
        }

        .properties-list-small .property .body .title h3 a {
            font-size: 13px;
            font-weight: 600;
            line-height: 1;
            text-decoration: none
        }

    .properties-list-small .property:after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden
    }

.blogs-listing .card .title:after, .list-overview li:after, .news-card.card .property-card-tasm:after {
    content: "";
    clear: both
}

.properties-list-small .property .body .price {
    font-size: 11px;
    font-weight: 700;
    line-height: 1
}

.agent-card {
    height: 90px;
    margin: 25px 0;
    overflow: hidden
}

    .agent-card .media-left {
        max-width: 90px;
        padding-right: 0
    }

    .agent-card .agent-details > * {
        display: block;
        font-size: 12px;
        margin-bottom: 4px
    }

    .agent-card .agent-details .agent-name {
        font-size: 20px;
        line-height: 1;
        margin-top: 12px;
        margin-bottom: 6px
    }

.agents-listing .agent-card {
    opacity: 1;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    transition: opacity .25s
}

    .agents-listing .agent-card:hover {
        opacity: .7
    }

.agent .phone, .agents-corousel-item .agent-details > * {
    margin-bottom: 5px
}

.blogs-listing .card .news-thumbnail {
    width: 100%;
    height: 130px;
    margin-bottom: 10px
}

.news-card.card .property-card-header {
    height: 250px
}

.news-card.card .property-card-tasm .img-circle-cover {
    border: 1px solid #eee;
    display: inline-block;
    height: 30px;
    width: 30px
}

.news-card.card .property-card-tasm {
    padding: 12px 20px
}

    .news-card.card .property-card-tasm * {
        display: inline-block;
        line-height: 30px;
        font-size: 12px;
        vertical-align: top
    }

    .news-card.card .property-card-tasm .item-t .date, .news-card.card .property-card-tasm .item-t .name {
        padding: 0 3px
    }

.widget-agents-listing .agents-listing {
    padding: 0;
    margin-top: -25px;
    margin-bottom: -25px
}

.blogs-listing .card {
    border: 0;
    margin-bottom: 40px;
    padding-right: 30px;
    padding-left: 20px;
    -webkit-transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in
}

    .blogs-listing .card .title {
        border-bottom: 1px solid #999;
        font-size: 22px;
        margin-bottom: 20px;
        padding-bottom: 5px
    }

.agents-corousel-item a.agent-name, .news .card .title {
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.blogs-listing .card .title .title-notice {
    float: right;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px
}

.blogs-listing .card .description {
    display: -webkit-box;
    line-height: 1.8;
    max-height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    -ms-line-clamp: 8;
    -moz-line-clamp: 8
}

.news .card {
    border: 0;
    background: transparent
}

    .news .card .title {
        color: #545454;
        font-family: open sans light,open sans;
        line-height: 1;
        padding: 0 0 5px
    }

.agents-corousel-item a.agent-name, .agents-corousel-item span {
    font-family: open sans light,sans-serif;
    display: block
}

.news .card .description {
    color: #000;
    font-size: 13px;
    max-height: 140px;
    overflow: hidden;
    line-height: 1.8
}

.news .card .news-thumbnail {
    display: block;
    margin-top: 5px;
    width: 100%;
    height: 130px
}

    .news .card .news-thumbnail img:hover, .property-slider .carousel-control:hover {
        opacity: .9
    }

.pagination-carousel {
    list-style: none;
    margin: 0;
    font-size: 0;
    padding: 0;
    position: static;
    width: 100%
}

    .pagination-carousel li {
        border: 0;
        border-radius: 0;
        display: inline-block;
        height: auto;
        margin: 0;
        font-size: 14px;
        padding: 0;
        text-indent: 0;
        width: auto
    }

        .pagination-carousel li, .pagination-carousel li.active {
            margin-right: -2px
        }

body .pagination-carousel li a:hover, body .pagination-carousel li.active a {
    color: #fff
}

.pagination-carousel li a {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #000;
    display: block;
    font-weight: 500;
    padding: 6px 12px;
    text-decoration: none
}

    .pagination-carousel li a:hover, .pagination-carousel li.active, .pagination-carousel li.active a {
        text-decoration: none;
        width: auto
    }

.section-title {
    color: #0b0f12;
    font-size: 30px;
    line-height: 1;
    margin: 0 0 20px
}

.agencies-corousel, .agents-corousel {
    padding: 0 35px
}

    .agencies-corousel .owl-item {
        background: #fff;
        padding: 20px
    }

    .agencies-corousel .owl-carousel .owl-item {
        -webkit-backface-visibility: visible
    }

.agents-corousel-item .box-container {
    margin: 0 auto;
    padding: 20px 5px 20px 22px;
    width: 100%;
    border-radius: 5px;
    white-space: nowrap
}

.agents-corousel-big .agents-corousel-item .agent-logo img, .agents-corousel-big .agents-corousel-item .box-container, .agents-corousel-item .agent-logo img {
    width: auto
}

.agents-corousel-item .agent-details {
    font-size: 13px;
    padding-top: 7px
}

.agents-corousel-item a.agent-name {
    margin-bottom: 12px;
    text-decoration: none
}

.property-corousel .property-card {
    border: 1px solid rgba(0,0,0,.08);
    margin-bottom: 0
}

.news h3 {
    margin-bottom: 15px;
    margin-top: 0
}

.property-slider-box {
    overflow: hidden;
    padding: 0 20px
}

.amenities, .amenities li {
    padding: 0;
    list-style: none
}

.property-slider .carousel-inner .item {
    height: 460px
}

.property-slider .carousel-inner > .item > a > img, .property-slider .carousel-inner > .item > img, .property-slider .img-fluid {
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit--object-fit: cover;
    -moz-object-fit: cover
}

.property-slider .carousel-control.left, .property-slider .carousel-control.right {
    border-radius: 50%;
    display: block;
    height: 50px;
    margin-top: -25px;
    opacity: 1;
    top: 50%;
    width: 50px
}

.property-slider .carousel-control.left {
    background: url(../img/owl-btn-left.png) 50% 50% no-repeat #fff;
    left: -25px
}

.property-slider .carousel-control.right {
    background: url(../img/owl-btn-right.png) 50% 50% no-repeat #fff;
    right: -25px
}

.amenities {
    margin: 0 0 -10px
}

    .amenities li {
        float: left;
        margin: 0 20px 10px 0
    }

.route_suggestion input {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-top: 8px;
    vertical-align: top;
    width: auto
}

.list-overview, .list-overview li {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0
}

    .list-overview li {
        list-style: none;
        margin: 0 0 5px;
        padding: 2px 0
    }

        .list-overview li .list-overview-option {
            font-weight: 600
        }

.btn-property {
    display: block;
    line-height: 50px;
    margin: 20px 24px 40px;
    padding: 0;
    text-align: center;
    width: auto
}

.breadcrumb, .breadcrumb li {
    background-color: transparent;
    display: inline-block;
    list-style: none;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -.5px;
    line-height: 1;
    margin: 0;
    padding: 0
}

    .breadcrumb > li + li::before {
        content: ">"
    }

.images-gallery {
    list-style: none;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -40px;
    padding: 0
}

    .images-gallery li {
        list-style: none;
        margin-bottom: 40px;
        position: relative
    }

        .images-gallery li .preview-img {
            border: 1px solid #a1a5ad;
            height: 180px;
            width: 100%
        }

        .images-gallery li a {
            padding-right: 15px;
            padding-left: 15px;
            background-size: cover;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            -webkit-transition: opacity .25s;
            -moz-transition: opacity .25s;
            transition: opacity .25s;
            width: 100%;
            z-index: 3
        }

.sharing-buttons li a .fa-left, .sharing-buttons li a .social-name {
    transition: .2s linear
}

.panel-content .panel-title {
    color: inherit;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0
}

.panel-content .panel {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#footer, .panel-content.panel-group .panel-heading + .panel-collapse > .list-group, .panel-content.panel-group .panel-heading + .panel-collapse > .panel-body, .this-is {
    border-top: 1px solid #ddd
}

.panel-content .panel-body {
    padding: 15px
}

.panel-content .panel.panel-base {
    background-color: #f1c40f
}

.panel-content .panel .panel-heading {
    border-radius: 0;
    padding: 15px
}

.panel-content .panel-default {
    border-color: #e0eded
}

    .panel-content .panel-default > .panel-heading {
        border-color: #e0eded;
        background: #fcfcfc
    }

        .panel-content .panel-default > .panel-heading h2 {
            color: #333;
            font-size: 16px;
            font-weight: 500;
            margin: 0;
            padding: 0;
            text-transform: capitalize
        }

.panel-content.panel-group .panel {
    border-radius: 0;
    border-color: #dadada
}

    .panel-content.panel-group .panel + .panel {
        margin-top: 0;
        border-top: 0
    }

.panel-content.panel-group .panel-heading {
    background: #f3f3f3;
    display: block;
    padding: 14px 15px;
    position: relative
}

    .panel-content.panel-group .panel-heading:after {
        content: "+";
        color: #333;
        font-size: 12px;
        margin-top: -8px;
        position: absolute;
        right: 15px;
        top: 50%
    }

    .panel-content.panel-group .panel-heading a {
        color: #333;
        font-weight: 400
    }

.footer .title, .footer .title h4 {
    font-weight: 600;
    text-transform: uppercase
}

.panel-content.panel-group .panel-heading a i {
    color: #333;
    margin-right: 5px
}

.panel-content .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-color: #dadada;
    color: #616161;
    line-height: 1.8;
    font-size: 13px
}

.sharing-buttons {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0
}

    .sharing-buttons li {
        display: inline-block;
        margin-bottom: 3px
    }

        .sharing-buttons li a {
            background-color: #ec407a;
            color: #fff;
            font-size: 13px;
            padding: 8px 15px;
            position: relative;
            text-decoration: none
        }

            .sharing-buttons li a:before {
                content: "\f1e0";
                font-family: FontAwesome,sans-serif;
                font-size: 17px;
                -webkit-font-smoothing: antialiased;
                left: 50%;
                line-height: 20px;
                margin-left: -8px;
                opacity: 0;
                position: absolute;
                transition: .2s linear
            }

            .sharing-buttons li a.facebook {
                background-color: #466ab3
            }

            .sharing-buttons li a.twitter {
                background-color: #3bbceb
            }

            .sharing-buttons li a.google-plus {
                background-color: #db6558
            }

            .sharing-buttons li a:hover .fa, .sharing-buttons li a:hover .social-name {
                opacity: 0
            }

body .footer .footer-mask {
    background: #464646;
    color: #fefefe;
    padding: 80px 0 0
}

.footer .footer-contant {
    background: url(../img/footer-bg.png) 50% 100% no-repeat;
    padding-bottom: 80px
}

.footer a {
    color: #fefefe;
    font-size: 14px
}

    .footer a:hover {
        color: #c1c1c1
    }

.footer .logo {
    max-height: 160px;
    margin-bottom: 25px
}

.footer .social ul {
    text-align: center;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top
}

    .footer .social ul li {
        display: inline-block;
        margin: 0;
        padding: 0
    }

        .footer .social ul li a {
            background: #fefefe;
            border-radius: 5px;
            color: #595959;
            display: block;
            font-size: 17px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            text-decoration: none;
            width: 30px
        }

            .footer .social ul li a:hover {
                background: #ddd;
                color: #373a3c
            }

.footer .title {
    font-size: 18px;
    margin-bottom: 60px
}

    .footer .title h4 {
        margin-top: 0;
        margin-bottom: 0
    }

.footer .list {
    list-style: none;
    margin: -8px 0 0;
    padding: 0
}

body .footer .list {
    margin-top: -8px
}

.footer .list a:hover {
    background: #fff;
    color: #777;
    text-decoration: none
}

.footer .list li {
    display: block;
    margin: 0 0 6px;
    padding: 0
}

.footer .list-hours li, .footer .list-news li {
    border-bottom: 1px solid #90949c;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 1;
    padding: 8px 0
}

    .footer .list-hours li:last-child, .footer .list-news li:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

.footer .list-hours .title, .footer .list-news .title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
    margin-right: 4px;
    text-decoration: none;
    text-transform: initial
}

.footer .list-contact li:first-child {
    line-height: 1.8;
    padding-bottom: 6px
}

.footer .list-news .title:after {
    content: ","
}

.footer .list-news .description {
    color: #dddfe2;
    font-size: 12px;
    font-style: italic
}

.footer .footer-bottom {
    background: #303030;
    font-size: 15px;
    padding: 40px 0
}

body .footer .footer-bottom .container {
    padding: 0 15px
}

body .btn-scoll-up.btn {
    border: 0;
    background: url(../img/arrow-up.png) 50% 50% no-repeat #303030;
    bottom: 15px;
    display: none;
    height: 50px;
    opacity: .6;
    outline: #f8f8f8 solid 2px;
    outline-offset: -4px;
    position: fixed;
    right: 25px;
    transition: opacity .15s;
    -webkit-transition: opacity .15s;
    width: 50px;
    z-index: 15
}

    body .btn-scoll-up.btn:hover {
        opacity: 1;
        outline: #f8f8f8 solid 2px;
        outline-offset: -4px
    }

.table-cart {
    border: 1px solid #eceeef
}

.img-circle-cover {
    border-radius: 50%;
    border: 1px solid #eee;
    display: block;
    height: 60px;
    overflow: hidden;
    width: 60px
}

    .img-circle-cover img {
        height: 100%;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        object-fit: cover;
        -webkit-object-position: center;
        -moz-object-position: center;
        object-position: center;
        width: 100% !important
    }

.agent-detail-picture img {
    max-height: 450px
}

.table-cart img {
    max-height: 60px;
    display: inline-block
}

.table-bordered.table-cart {
    border: 0;
    margin-bottom: 0
}

    .table-bordered.table-cart td, .table-cart.table-bordered th {
        border: 1px solid #eceeef;
        vertical-align: middle
    }

.widget-invoice h2 {
    font-size: 18px;
    font-weight: 600
}

.widget-invoice h1 {
    font-size: 27px;
    font-weight: 600
}

.widget-invoice caption {
    caption-side: top
}

#invoice {
    box-sizing: border-box;
    background: #fefefe;
    border: 10px solid #fff;
    box-shadow: 0 0 1px #888;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 0 0 1px #888;
    -moz-box-shadow: 0 0 1px #888;
    -o-box-shadow: 0 0 1px #888;
    max-width: 840px;
    margin: auto;
    position: relative;
    padding: 18px
}

    #invoice.paid:before, #invoice.unpaid:before {
        background: rgba(187,0,0,.8);
        content: "";
        height: 10px;
        left: 0;
        position: absolute;
        right: 0;
        top: -20px
    }

    #invoice.paid:before, .paid .invoice-pay ul:after, .paid .invoice-status strong {
        background: rgba(122,185,0,.7)
    }

.this-is {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 0
}

.invoice-intro p {
    font-size: 12px;
    font-style: italic;
    line-height: 1.5em
}

.invoice-intro.invoice-logo a img {
    max-height: 90px
}

.invoice-meta {
    margin-top: 15px;
    line-height: 1.5em;
    text-align: right;
    overflow: hidden;
    position: relative
}

    .invoice-meta dt {
        clear: both;
        float: left;
        font-weight: 700;
        width: 46%
    }

    .invoice-meta dd {
        float: right;
        text-align: left;
        width: 46%
    }

.invoice-from, .invoice-status, .invoice-to {
    line-height: 1.6;
    padding-bottom: 30px;
    text-align: left
}

.paid .invoice-status strong, .unpaid .invoice-status strong {
    background: red;
    color: #fff;
    display: block;
    padding: 8px;
    font-weight: 700
}

.unpaid .invoice-pay ul {
    border-right: 10px solid rgba(187,0,0,.8);
    padding: 12px
}

.invoice-items, .invoice-totals {
    padding-bottom: 30px;
    text-align: left
}

    .invoice-items table, .invoice-totals table {
        font-size: 13px;
        width: 100%
    }

    .invoice-items caption, .invoice-totals caption {
        border-bottom: 1px solid #ddd;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        padding-bottom: 4px;
        text-align: left
    }

    .invoice-items thead th, .invoice-totals thead th {
        background: #e5e5e5;
        font-weight: 700;
        padding: 6px 0
    }

        .invoice-items tbody tr th, .invoice-items thead th:first-of-type, .invoice-totals tbody tr th, .invoice-totals thead th:first-of-type {
            padding-left: 8px
        }

        .invoice-items tbody tr td:last-of-type, .invoice-items thead th:last-of-type, .invoice-totals tbody tr td:last-of-type, .invoice-totals thead th:last-of-type {
            padding-right: 8px;
            text-align: right
        }

    .invoice-items tbody td, .invoice-items tbody th, .invoice-totals tbody td, .invoice-totals tbody th {
        background: #fff;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .invoice-items tfoot td, .invoice-totals tfoot td {
        background: #e5e5e5;
        font-size: 11px;
        font-weight: 700;
        padding: 6px 8px;
        text-align: right
    }

.invoice-pay li {
    overflow: hidden;
    padding-top: 12px
}

    .invoice-pay li:nth-of-type(2n) {
        padding-top: 18px
    }

.paid .invoice-pay ul:after {
    content: "Paid in Full";
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 8px;
    text-align: right
}

.invoice-notes dl, .invoice-notes ol, .invoice-notes p, .invoice-notes ul {
    padding-bottom: 1em
}

    .invoice-notes ul li {
        list-style: disc inside
    }

    .invoice-notes ol li {
        list-style: decimal inside
    }

#footer {
    font-size: 11px;
    font-weight: 700
}

.invoice-totals table {
    float: right;
    width: 50%
}

.carousel-control {
    filter: initial
}

.carousel .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.dropdown-item {
    background: 0 0;
    border: 0;
    clear: both;
    color: #373a3c;
    display: block;
    font-weight: 400;
    line-height: 1.5;
    padding: 3px 20px;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

    .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
        color: #fff;
        background-color: #0275d8;
        outline: 0;
        text-decoration: none
    }

.section-parallax {
    position: relative;
    background: url(../img/patterns/full-bg-road.jpg) 0 0/cover no-repeat fixed
}

    .section-parallax:after {
        background: url(../img/patterns/slash-it.png);
        content: "";
        height: 100%;
        left: 0;
        opacity: .5;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }

    .section-parallax > * {
        position: relative;
        z-index: 1
    }

.content-flex {
    display: flex
}

    .content-flex #main-map {
        min-height: 500px
    }

    .content-flex .content-left {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .content-flex .section {
        background: 0 0
    }

    .content-flex .search-form .search-title {
        line-height: 1;
        margin-bottom: 0;
        padding: 20px
    }

.section.section-slim {
    padding-top: 80px;
    padding-bottom: 80px
}

.search-title {
    color: #fff;
    font-size: 30px;
    line-height: 85px;
    margin-top: 0
}

.content-flex .search-form {
    margin-right: -15px;
    margin-left: -15px;
    padding-top: 0;
    padding-bottom: 0
}

body .container-side-version .properties > .row {
    margin-left: -15px;
    margin-right: -15px;
    max-width: initial;
    width: initial
}

.page-title-big {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 1;
    padding: 0
}

.top-title {
    padding: 80px 0 40px
}



.section-parallax.news .card .description {
    color: #f6f7f9
}

.section-parallax .section-title, .section-parallax.news .card .title, .section-parallax.news .card .title a {
    color: #e9ebee
}

.section-parallax .pagination-carousel li a {
    border: 1px solid #555
}

.box-body {
    padding: 15px 0 0
}

.affix {
    position: fixed;
    top: 0
}

.widget-box.widget-profilelisting {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.div-job-no-img.image_home.img-err {
    margin-top: 31px
}

.widget-mylistings .box-body {
    padding-top: 40px;
    padding-bottom: 0
}

.pull-right-img {
    float: right;
    padding: 5px 0 15px 30px;
    max-width: 230px
}

.pull-left-img {
    float: left;
    padding: 5px 30px 15px 0;
    max-width: 230px
}

body .wide-p p {
    max-width: initial
}

.section-title span:after, .section-title span:before {
    position: absolute;
    content: "";
    width: 50px;
    background: unset;
    height: 2px;
    margin-top: -1px
}

.section-title span:after {
    left: 105%;
    top: 50%
}

.section-title span:before {
    right: 105%;
    top: 50%
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.top-em-btn-invite, .top-em-content-active {
    padding: 10px 35px;
    font-size: 14px
}

.width_33-f_l-p_0 {
    width: 33.33%;
    float: left;
    padding: 0
}

.percent-5column {
    width: 20%;
    float: left
}

.grid-job-searchC {
    display: grid;
    grid-template-columns: 150px 1fr
}

    .fillter-sear > .btn-trangthai, .grid-job-searchC > .grid-job-img {
        grid-row: span 1
    }

    .grid-job-searchC > .grid-title-searchC {
        grid-row: span 1;
        grid-column: span 1
    }

    .grid-job-searchC > .grid-area-searchC, .grid-job-searchC > .grid-loaihinh-searchC, .grid-job-searchC > .grid-quymo-searchC {
        grid-row: span 1;
        grid-column: 2
    }

.grid-job > .grid-job-location, .grid-job > .grid-job-salary, .grid-job > .grid-job-title {
    grid-column: span 2;
    padding-left: 15px;
    grid-row: span 1
}

.grid-job-searchC > .grid-benifit-searchC, .grid-job-searchC > .grid-skill-searchC {
    grid-row: span 1;
    grid-column: span 2;
    padding: 0 10px
}

.grid-job {
    display: grid;
    grid-template-columns: 205px 1fr 1fr
}

    .grid-job > .grid-job-img {
        grid-row: span 3
    }

    .grid-job > .grid-job-salary {
        padding-bottom: 10px
    }

.grid-job-title .a-company {
    color: #333;
    text-transform: capitalize
}

.fillter-sear {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

    .fillter-sear > .btn-hannop, .fillter-sear > .btn-hienthi {
        grid-row: span 1;
        margin-right: 8px
    }

.grid-company {
    padding: 15px;
    background-color: #fff;
    display: grid;
    grid-template-rows: 110px .8fr 2fr
}

    .grid-company > .grid-image, .grid-company > .grid-info {
        grid-column: span 1
    }

.grid-hoso {
    display: grid;
    grid-template-columns: 110px 4fr 1fr;
    grid-template-rows: repeat(3,auto)
}

    .grid-hoso > .grid-hoso-img, .grid-hoso > .grid-hoso-job {
        grid-column: span 1;
        grid-row: span 3
    }

    .grid-hoso > .grid-hoso-chat, .grid-hoso > .grid-hoso-point, .grid-hoso > .grid-hoso-savefile {
        grid-column: span 1;
        grid-row: span 1
    }

    .grid-hoso > .grid-hoso-chat {
        text-align: center;
        margin-top: 10px
    }

.grid-hoso-chat .job-chat .cursor {
    display: inline-block;
    text-transform: uppercase
}

.box-job-cont {
    height: 370px
}

.search_tags {
    color: #f07e1d;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    font-size: 12px
}

.sp_result {
    line-height: 30px
}

.number_result {
    color: #f07e1d;
    font-size: 17px;
    font-weight: 600
}

.info-sub-detail .d-table-cell .fa {
    width: 15px
}

.item-no-img {
    height: 100% !important;
    max-height: 137px;
    overflow: hidden
}

.div-job-no-img {
    height: 137px !important;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.grid-area-searchC .metaseo {
    font-size: 12px;
    display: block;
    line-height: 1.2;
    margin-top: 6px
}

.search_result_job a {
    display: inline-block;
    margin-top: 5px
}

.display_onerow {
    display: -webkit-box;
    max-height: 2rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 1.8rem
}

.box-result-more {
    padding: 0 20px;
    background-color: #f1f1f1
}

.tags {
    margin: 0 -15px !important
}

@media only screen and (max-width: 600px) {
    .mobi-fontsize12, .noiLamViec.mobi-fontsize12 a {
        font-size: 10px
    }

    .btn.ptimhoso-btn-search-ungvien {
        background-color: #f07e1d !important;
        color: #fff !important
    }

    .tag {
        padding: 0 15px !important;
        margin: 0 5px 6px 0 !important
    }
}
@charset "UTF-8";

.EUJobseer-table table td, .EUJobseer-table table th, .USListJob-table table td, .USListJob-table table th, .alert-connection, .center_web, .col_button_mua, .content-em-p, .div-savefile, .info-message1, .invoice-items thead tc, .invoice-totals thead tc, .main-bg, .nav-tabs > li, .navbar-nav > li, .property-job, .property-title, .shop-corousel-item .property-card-header, .steps li span, .table-payment .table td, .table-payment .table th, .txt-diemhientai, .txt-info-ck, .txt-nd-ck, .txt-package, .txt-view {
    text-align: center
}

#profile_image, .searchwrap input.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    height: 50px !important
}

.container-home .btn-group__multiple span:first-child, .container-home .btn-group__multiple span:nth-child(4), .searchwrap h1.h1_home {
    text-shadow: 2px 2px 4px rgba(0,0,0,.26)
}

*, li, ul {
    word-break: break-word
}

th {
    white-space: nowrap
}

.items_search_role, .items_search_skill {
    padding: 5px 0;
    float: left;
    width: calc(100%/4);
    display: inline-block
}

.items_search_role_container, .items_search_skill_container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.text-overflow-line10, .text-overflow-line1, .text-overflow-line2, .text-overflow-line3, .text-overflow-line4, .text-overflow-line5 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}
.text-overflow-line1 {
    -webkit-line-clamp: 1
}

.text-overflow-line2 {
    -webkit-line-clamp: 2
}

.text-overflow-line3 {
    -webkit-line-clamp: 3
}

.text-overflow-line4 {
    -webkit-line-clamp: 4
}

.text-overflow-line5 {
    -webkit-line-clamp: 5
}

.text-overflow-line10 {
    -webkit-line-clamp: 10
}

.alert-connection {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 5px;
    z-index: 100001;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

#nprogress, .slick-slide.dragging img {
    pointer-events: none
}

    #nprogress .spinner-icon {
        width: 18px;
        height: 18px;
        box-sizing: border-box;
        border: 2px solid transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 50%;
        -webkit-animation: .4s linear infinite nprogress-spinner;
        animation: .4s linear infinite nprogress-spinner
    }

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

#nprogress .bar {
    animation: 2.1s cubic-bezier(.65,.815,.735,.395) infinite indeterminate;
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d,0 0 5px #29d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0,-4px);
    -ms-transform: rotate(3deg) translate(0,-4px);
    transform: rotate(3deg) translate(0,-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    100%,60% {
        left: 100%;
        right: -90%
    }
}

.container.content-home .home {
    grid-template-columns: repeat(6,16.67%);
    padding: 0 15px;
    margin: 0;
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 8px;
    justify-content: center
}

body.header-not-at-top .header-inner .logo {
    -webkit-transition: scale .5s;
    transition: scale .5s
}

.lang-manu .icon-dropdown, body.header-not-at-top .header-inner .postjob, body.header-not-at-top .header-inner .search-hs {
    margin-top: 2px
}

.img-camnang, .push-top-10, .push-top-xs, .stepwizard-step p, .title-searchjob, .widget-introduce-video, body.header-not-at-top .header-inner .drop-info-em, body.header-not-at-top .header-inner .menu-sub-em, body.header-not-at-top .header-inner .name-user-em {
    margin-top: 10px
}

body.header-not-at-top .header .websitetitle {
    top: 4px;
    height: 51px
}

body.header-not-at-top .header {
    transform: translateY(-100px);
    animation: .2s forwards move-down
}

@keyframes move-down {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

body.header-not-at-top .dky-dnhap {
    padding: 20px 7px 0 0
}

.compat-object-fit > img, .display-mobi, .header-hover .sticky-wrapper, .header-inner .logo img.mini-logo, .menu .nav > .nav-item .nav-link:after, .menuBtn, .mobile-profile, .mobile-show, .paid .invoice-pay ul li, .property-slider .carousel-control.left span, .property-slider .carousel-control.right span, .responsive-nav, .responsive-one, .section.section-slim.section-ads, .show-hide-btn, .side-heading:after, .side-heading:before, .slick-slide, .slick-slide.slick-loading img, .top-box-mask, .widget-rightsearch .widget-header:before, body.header-not-at-top .menu-main-vo .fa-briefcase, body.header-not-at-top .menu-main-vo .fa-building-o, body.header-not-at-top .menu-main-vo .fa-file-text, body.header-not-at-top .menu-main-vo .fa-handshake-o, body.header-not-at-top .menu-main-vo .fa-leaf, body.header-not-at-top .menu-main-vo .fa-list, body.header-not-at-top .menu-main-vo .fa-newspaper-o, body.header-not-at-top .menu-main-vo .fa-recycle, body.header-not-at-top .menu-main-vo .fa-search, body.header-not-at-top .menu-main-vo .fa-suitcase, body.header-not-at-top .menu-main-vo .fa-user, body.header-not-at-top .menu-main-vo .fa-user-plus, body.header-not-at-top .menu-main-vo .fa-users, body.header-not-at-top .menu-main-vo .mobi-menu-hide, div.panel, footer .NL .Notfication {
    display: none
}

.agents-corousel-item .box-container .media-body, .agents-corousel-item .box-container .media-left, .agents-corousel-item .box-container .media-right, .box-container-title .sub-title, .components-examples ul, .header .top-bar ul li, .header-inner .logo img, .logo a, .new-tags a, .shop-corousel-item .property-card-header > img {
    display: inline-block
}

body.header-not-at-top .navbar .dropdown-menu .fa-user-plus {
    display: initial
}

.animate {
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both
}

@keyframes slideIn {
    100% {
        transform: translateY(0);
        opacity: 1
    }

    0% {
        transform: translateY(1rem);
        opacity: 0
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn
}

.max-line-bv, .max-line-camnang, .searchwrap {
    -webkit-box-orient: vertical
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

#nav li a, #nav li a:hover, #ws-footer a, #ws-footer a:hover, #ws-footer a:link, .EUJobseer-adelete, .EUJobseer-aedit, .EUJobseer-aopen, .USListJob-adelete, .USListJob-aedit, .USListJob-aopen, .USPost-label-right, .copyrights a:hover, .footer-bottom a, .header .websitetitle .rowR, .home-box a, .primary-hover:hover, .smart-banner .btn, .smart-banner .close, .social-list li a:hover, .steps li span, .tabs > ul li a:focus, .title-jobs-home a:not(:hover), a, a:hover, body .pagination li.page-item a.active, body .pagination li.page-item a:hover {
    text-decoration: none
}

.pricing-table-2 li.even, body {
    background: #f3f3f3
}

.navbar {
    min-height: initial
}

input[type=email], input[type=number], input[type=password], input[type=text], select, textarea {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    color: #777
}

.agencies, .header, .header-inner, .section-ads, .table-cart input {
    background: #fff
}

.top-box {
    position: relative;
    width: 100%;
    z-index: 1001
}

.header-inner {
    box-shadow: 0 5px 4.75px .25px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 5px 4.75px .25px rgba(0,0,0,.07);
    position: relative;
    z-index: 30
}

    .header-inner .logo {
        padding: 12px 0;
        text-align: left;
        margin-right: 15px
    }

        .header-inner .logo, .header-inner .logo img {
            max-height: 100px;
            transition: padding .3s ease-in,max-height .35s ease-in 50ms;
            -webkit-transition: padding .3s ease-in,max-height .35s ease-in 50ms
        }

.logo a {
    max-width: 250px
}

.header-inner .logo img {
    width: 135px;
    margin-top: -8px
}

.show_web {
    display: block !important
}

.USPost-frm-PostJob input[type=radio], .show_mobile_480 {
    display: none !important
}

.dky-dnhap a.btn-dnhap:focus {
    color: #e95f07;
    text-decoration: none
}

.btn-dky, .btn-dnhap {
    font-weight: 500;
    color: #333
}

.btn-dnhap {
    font-size: 14px;
    border-right: 1px solid #cecece;
    padding-right: 7px;
    padding-left: 13.5px
}

.btn-dky {
    font-size: 13.5px;
    padding-left: 10px
}

    .badge-index, .btn-dky .fa, .btn-dky:hover, .btn-dnhap .fa, .btn-dnhap:hover, .btn-print-detail-CV:hover, .col1-menu li:hover, .colornormal:hover, .jobs-info .ul-margin li a, .list-danhmuc li a:hover, .list-khuvuc li a:hover, .page_ntd_content_timhoso p .fa, .thongbao-searchjob-jobseeker b, .thongtin-lienhe li .b-contact, ul.unstyled li:hover {
        color: white;
    }

.navbar-toggle {
    float: right;
    background-color: transparent !important;
    background-image: none;
    border: 5px solid transparent;
    border-radius: 0;
    padding: 0;
    position: absolute;
    margin: 0;
    top: 25px;
    right: 0;
    border-color: transparent !important
}

.menu {
    padding: 12px 0;
    line-height: 0;
    box-sizing: border-box;
    transition: padding-top .2745s ease-in;
    -webkit-transition: padding-top .2745s ease-in;
    -moz-transition: ppadding-top .2745s ease-in;
    -ms-transition: padding-top .2745s ease-in
}

    .menu .navbar {
        border: 0 solid transparent !important;
        padding: 0;
        position: static;
        margin-bottom: 0
    }

    #nav li a, .colornormal, .drop-info-em a, .grid-job-location a, .h-side .properties-filter .select-small .dropdown-toggle:hover, .jobs-info .ul-margin li a:hover, .list-danhmuc li a, .list-khuvuc li a, .menu .nav-link:not(.active), .salary-jobs, .ul-margin li a, footer .NL .Notfication .close-box, h3.title-jobs-home:hover a, ul.unstyled li a {
        color: #333
    }

    .box-container-title .title, .btn-buy-package, .btn-print-detail-CV, .btn-saveHS-detail-CV, .carousel-caption .carousel-caption-title, .components-examples .box-container-title .title, .components-examples .h-side .h-side-title, .header .websitetitle .sub-title::first-letter, .header .websitetitle .sub-title:first-letter, .header .websitetitle .title, .home-box h2, .lang-manu, .lang-manu button, .menu .nav-link, .page-title-big, .point-payment, .section-title span, .title-NTD-VO, .title-detail-CV, .top-title-t, .txt-diemhientai {
        text-transform: uppercase
    }

.header .websitetitle {
    height: 45px;
    position: relative;
    right: 0;
    align-items: center;
    top: 11px;
    display: flex
}

    .header .websitetitle div {
        display: table-cell;
        padding: 0 24px;
        vertical-align: middle
    }

    .header .websitetitle .rowR {
        color: #fff;
        display: table-cell;
        padding: 0;
        vertical-align: middle
    }

        .header .websitetitle .rowR > * {
            color: #fff;
            display: block;
            text-align: center
        }

    .header .websitetitle .title {
        font-size: 16px;
        margin: 0
    }

    .header .websitetitle .sub-title {
        font-size: 11px;
        margin-bottom: 15px
    }

.box-navigaion {
    float: right;
    margin-top: 11px;
    margin-right: 11px
}

.smart-banner {
    zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #d1d1d1;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#f8fbfb),color-stop(1,#f8f8f8));
    background: -ms-linear-gradient(bottom,#f8fbfb,#f8f8f8);
    background: -moz-linear-gradient(center bottom,#f8fbfb 0,#f8f8f8 100%);
    padding: 10px 10px 10px 31px;
    position: relative;
    -webkit-transition: margin-top .3s linear;
    margin-top: 68px
}

    .smart-banner:after, .smart-banner:before {
        content: " ";
        display: table
    }

    .smart-banner .icon {
        height: 50px;
        width: 50px;
        border-radius: 7.81px;
        vertical-align: top;
        float: left;
        margin-right: 10px
    }

    .btn-savefile, .content-TopPage a p, .footer-contact i, .label, .places_select .btn, .smart-banner .close, body .footable.table > tbody > tr > td, body table td, td {
        vertical-align: middle
    }

    .smart-banner .meta {
        padding-top: 0
    }

    .smart-banner .name {
        font-size: 15px;
        width: 163px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap
    }

    .smart-banner .author {
        display: block;
        font-size: 11px;
        color: #888;
        padding-top: 2px
    }

    .smart-banner .btn {
        margin-top: 5px;
        float: right;
        color: #fff;
        padding: 2px 9px 5px;
        font-family: helvetica neue,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 12px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #4cac4f;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#4cac4f),color-stop(1,#0c804a));
        background: -ms-linear-gradient(bottom,#4cac4f,#0c804a);
        background: -moz-linear-gradient(center bottom,#4cac4f 0,#0c804a 100%);
        border: 1px solid rgba(79,79,79,.75)
    }

    .smart-banner .close {
        position: absolute;
        width: 30px;
        padding: 25px 0;
        left: 0;
        top: 0;
        bottom: 0;
        text-align: center;
        color: rgba(0,0,0,.3);
        opacity: 1
    }

    .slick-track:after, .smart-banner:after {
        clear: both
    }



.new-tags a {
    border: 1px solid #e1e1e1;
    padding: 0 10px;
    line-height: 2.5rem;
    border-radius: 2px;
    margin: 5px 3px 5px 0;
    font-size: 13px;
    color: #434242
}

    .new-tags a :hover {
        color: #f07d1e
    }

@media screen and (max-width: 768px) {
    .tag::before {
        border-radius: 10px;
        box-shadow: inset 0 0 rgba(0,0,0,.25);
        height: 6px;
        left: 0;
        width: 0;
        top: 10px
    }

    .searchwrap {
        background-size: cover;
        padding: 0;
        height: 350px;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    .padbt-mb-15 {
        padding-bottom: 15px !important
    }
}

.col-md-9 .widget-property .widget-title, .searchbar {
    margin-top: 40px
}

.container-home {
    margin-top: auto;
    margin-bottom: auto
}

    .container-home a {
        background-color: #fff;
        padding: 5px;
        border-radius: 4px;
        color: #333;
        outline-width: 0;
        font-size: 13px
    }

        .btn-nangcap, .container-home a:hover, .tabs > ul li.active, .tag:hover {
            background-color: #f07e1d;
            color: #fff
        }

.footer-top-2 .social-list li a, .hover_links_effect li a {
    margin: 0 6px 0 0;
    font-size: 17px;
    background: #494949;
    width: 33px;
    text-align: center
}

.content-home {
    padding-top: 20px;
    padding-bottom: 20px
}

.searchwrap h1.h1_home {
    color: #fff;
    text-align: center
}

.searchbar div {
    padding: 0 1px
}

.searchwrap h3 {
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: relative;
    background-color: rgba(0,0,0,.25);
    padding: 30px 0;
    clear: both
}

.searchbar select.form-control, .searchblack select.form-control {
    padding: 12px 15px 13px;
    line-height: 46px
}

.searchbar .form-control {
    padding: 13px 15px;
    font-size: 13px;
    background-color: #fff;
    color: #777
}

    .searchbar .form-control, .searchbar .form-control:focus {
        border: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        outline: 0;
        border-radius: 0;
        height: 49px
    }

.searchbar .btn-homesearch {
    background: #f07e1d;
    border-radius: 0;
    color: #fff;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    height: 49px;
    width: 100%
}

.searchbar .custom-combobox a {
    border-radius: 0 !important
}

.searchbar .btn-homesearch:hover {
    background-color: #fc8017
}

select {
    border: 1px solid #c5c5c5 !important;
    font-size: 13px !important;
    padding: 0 0 0 7px !important;
    margin: 0 !important;
    height: 39px;
    background: #fff !important;
    width: 100% !important;
    border-radius: 0
}

.blogs-listing .card:hover, .color-primary.btn:hover:after, .color-secondary.btn:hover:after, .hover-default:hover .property-card-hover, .image-hoveffect:hover:after, .image-hoveffect:hover:before, .images-gallery li:hover a, .input-with-search .input-group-addon:hover, .owl-corousel-box .owl-btn:hover, .property-card-header:hover .property-card-hover, .search-additional-btn:hover, .searchbar select, .sharing-buttons li a:hover:before, .slider-tall .carousel-indicators li:hover .carousel-indicators-preview, .squaredFour input[type=checkbox]:checked + label:after, .squaredFour input[type=radio]:checked + label:after {
    opacity: 1
}

.city-group select, .exp-group select, .reset_search, .reward-group select, .salary-group select {
    display: inline-block;
    padding: 4px 3px 3px 5px !important;
    margin: 0;
    outline: 0;
    line-height: 30px;
    background-color: transparent !important;
    -webkit-appearance: none;
    color: #fff;
    border: none !important;
    height: 30px !important;
    margin-left: 10px !important;
    font-size: 14px !important;
    text-transform: capitalize;
    font-weight: 700;
    cursor: pointer
}

    .USPJob-frm-PostJob input[type=radio] + label, .agent-details .mail-ct, .city-group select:focus, .exp-group select:focus, .reward-group select:focus, .salary-group select:focus, .select-secondary .dropdown-menu a, .widget.widget-properties .property-card .property-card-box span.address, body .select-secondary .dropdown-menu li.selected a, body .select-secondary .dropdown-menu li:hover a, button.btn-Advanced.active, button.btn-Advanced:hover {
        color: #000
    }

.city-group:before, .exp-group:before, .reward-group:before, .salary-group:before {
    content: "▼";
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 0;
    line-height: 30px;
    padding: 0 7px;
    color: #f07e1d;
    pointer-events: none
}

.USPJob-subSpan, .deadline, .list-people li .info .status, .searchwrap h3, .txt-update {
    font-style: italic
}

.slick-loading .slick-slide, .slick-loading .slick-track, .squaredFour input[type=checkbox], .squaredFour input[type=radio] {
    visibility: hidden
}

#nav, .slick-dots, .tags, li, ul, ul.unstyled li {
    list-style: none
}

.content {
    min-height: 570px;
    padding-bottom: 20px
}

.candidate-pic, .content-flex .section.section-slim, .padding-bottom-15px, .padding_bt_15px, .widget.widget-properties {
    padding-bottom: 15px
}

.masonry .post-item, [class*=cell-] {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.cell-6, .masonry .post-item {
    width: 50%
}

.cell-4, .masonry.nobar .post-item {
    width: 33.33333333%
}

.bg-hoTroDk {
    background: url(../images/bg-hoTroDk.jpg) no-repeat #455258
}

.drop-camnang, img.cart-thumb {
    margin: 0 !important
}

.navbar-nav .open .dropdown-menu li {
    float: left;
    text-align: center;
    width: 100%
}

.menu .nav > .nav-item .drop-camnang li a {
    width: 100%;
    text-align: center
}

#nav, .h-side .h-side-title, li, ul {
    margin: 0;
    padding: 0
}

    #nav li {
        float: left;
        margin-right: 20px;
        font-size: 13px;
        font-family: open sans,sans-serif;
        font-weight: 500;
        padding-left: 9px
    }

        #dangnhapnguoitimviec:hover, #dangnhaptuyendung:hover, #link_register:hover, #nav li a:hover, .agents-corousel-item .agent-details .mail, .block-head-News a span, .block-head-News:hover, .dkyngay, .footer-top .footer-contact a:hover, .footer-top .footer-menu a:hover, .menu .nav > .nav-item .drop-camnang li a:active, .menu .nav > .nav-item .drop-camnang li a:hover, .news:not(.section-parallax) .card .title a, .property-card .property-card-box .property-card-title, .property-card .property-card-box .property-card-title a, body .text-color-primary, footer a:hover {
            color: #e95f07
        }

#notification_li, .header-over-search .container, .image-hoveffect, .jobs_container, .search-form .container, .section-title span, .stepwizard-step, owl-corousel-box {
    position: relative
}

#notificationContainer {
    background-color: #fff;
    border: 1px solid #edeef0;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.25);
    overflow: visible;
    position: absolute;
    top: 30px;
    margin-left: -170px;
    width: 400px;
    z-index: -1;
    display: none
}

    #notificationContainer:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        color: transparent;
        border: 10px solid #000;
        border-color: transparent transparent #edeef0;
        margin-top: -20px;
        margin-left: 188px
    }

#notificationTitle {
    z-index: 1000;
    font-weight: 700;
    padding: 8px;
    font-size: 13px;
    background-color: #fff;
    width: 384px;
    border-bottom: 1px solid #ddd
}

#notificationsBody {
    padding: 33px 0 0 !important;
    min-height: 300px
}

#notificationFooter {
    background-color: #e9eaed;
    text-align: center;
    font-weight: 700;
    padding: 8px;
    font-size: 12px;
    border-top: 1px solid #ddd
}

#notification_count {
    padding: 2px 6px;
    background: #c00;
    color: #fff;
    font-weight: 700;
    margin-left: 77px;
    border-radius: 9px;
    position: absolute;
    margin-top: -11px;
    font-size: 11px
}

.notifi-header {
    padding: 24px 6px 24px 14px
}

.notifi-content {
    margin: 0 auto;
    width: 900px
}

.menu-main-vo li.nav-item a.nav-link .minu {
    display: block;
    margin-top: 5px
}

.drop-camnang {
    margin-top: 12px !important
}

.footer-top-2 {
    border-top-width: 5px;
    border-top-style: solid
}

    .footer-top-2 .foot-logo {
        height: 52px;
        margin: -8px auto 9px;
        text-align: center
    }

    .footer-top-2 .social-list li a {
        border-radius: 50%;
        display: inline-block
    }

.footer-bottom, .footer-top-4 .hover_links_effect li a {
    background: #1d1d1d
}

.footer-top-2 .social-list li span {
    padding: 0 7px;
    color: #b5b5b5
}

.USListJob-adelete:hover, .USListJob-aedit:hover, .USListJob-aopen:hover, .btn-saveHS-detail-CV a, .btn_red, .div-savefile a, .footer-top-2 .social-list li:hover span, .icon-white, .menu .active .nav-link .icon-dropdown, .menu .nav-link.active .icon-dropdown, .menu .nav > .nav-item .nav-link:hover .icon-dropdown, .search-form input, .search-form select, .select-small .dropdown-menu li.selected a, .select-small .dropdown-menu li:hover a, .tabs > ul li.active a, .tabs > ul li.active a i, .tabs > ul li:hover a, .tabs > ul li:hover a i, .top-title-breadcrumb, .top-title-breadcrumb li, .top-title-breadcrumb li a, .top-title-breadcrumb li a:before, .top-title-breadcrumb li:before, .top-title-breadcrumb > li + li::before, .top-title-widget, .treefield-categories .treefield-box-item:hover, .widget-form .form-additional .form-group-submit input, .widget-rightsearch .widget-header, a.btn_red, ul.categories > li > a:hover i {
    color: #fff
}

.footer-menu-inline {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    font-size: 11px
}

    .footer-menu-inline li {
        display: inline-block;
        margin: 0 5px
    }

        .footer-menu-inline li a {
            color: #777;
            transition: .3s linear
        }

            .footer-menu-center li a:hover, .footer-menu-inline li a:hover {
                padding-bottom: 4px
            }

.footer-top .footer-menu a {
    display: inline-block;
    padding: 7px 0;
    color: #aaa
}

.footer-top .footer-contact a {
    color: #aaa
}

.footer-top .footer-menu a:before {
    display: inline-block;
    margin-right: 7px;
    color: #5b5b5b;
    content: "\f105";
    font-family: FontAwesome
}

footer .NL {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    margin: auto 15px
}

    footer .NL .input-box {
        margin-left: 10px;
        padding-left: 25px;
        width: 67%;
        border: 1px solid #3f3f3f;
        border-right: 0;
        background: 0 0;
        color: #fff;
        font-size: 11px
    }

    footer .NL .txt-box {
        color: #969696;
        font-size: 11px
    }

    footer .NL:before {
        position: absolute;
        top: 16px;
        left: 24px;
        display: inline-block;
        color: #5c5c5c;
        content: "\f0e0";
        font-family: FontAwesome
    }

    footer .NL .NL-btn {
        background: #3f3f3f;
        color: #fff
    }

    footer .NL .Notfication p {
        color: #333;
        padding: 0 7px;
        font-size: 12px;
        width: 89%;
        line-height: normal;
        margin-top: -28px;
        display: inline-block;
        vertical-align: top
    }

footer .no-margin {
    margin: 20px 20px 8px
}

.ellip, .ellip-line, .footer-top .tweet {
    position: relative;
    overflow: hidden
}

    .footer-top .tweet .twitter-pic {
        float: left;
        margin: 3px 10px 0 0
    }

    .footer-top .tweet .twitter-text {
        width: 80%;
        float: left
    }

    .footer-top .tweet p {
        margin: 0 0 5px;
        font-size: 12px;
        line-height: 18px
    }

.footer-top .tags a {
    display: block;
    float: left;
    margin: 3px;
    padding: 8px 6px;
    background: #2c2c2c;
    color: #c4c4c4;
    font-size: 11px
}

.footer-contact i, .footer-contact span {
    display: table-cell
}

.footer-contact {
    padding: 7px 0
}

    .footer-contact i {
        padding: 0 12px 0 0;
        color: #6a6a6a;
        font-size: 18px
    }

.footer-top .flickr-stream-w ul li a {
    height: 61px
}

.footer-top .flickr-stream-w .img-overlay, .footer-top .flickr-stream-w ul li img {
    width: 61px;
    height: 61px
}

    .footer-top .flickr-stream-w .img-overlay:before {
        font-size: 22px;
        line-height: 61px;
        height: 61px
    }

.footer-top .flickr {
    height: 61px;
    display: block;
    overflow: hidden
}

.copyrights {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px
}

    .copyrights a {
        color: #7c7c7c;
        text-decoration: underline
    }

.footer-bottom {
    overflow: auto;
    padding: 15px 0;
    border-top: 1px solid #363636
}

.social-list li {
    float: left;
    margin: 0 1px 0 0;
    font-size: 18px
}

    .social-list li a {
        display: block;
        padding: 0;
        color: #737373
    }

    .social-list li span {
        display: block;
        text-align: center;
        line-height: 33px;
        padding: 0 12px
    }

.hover_links_effect li a {
    border-radius: 50%;
    display: inline-block;
    color: #b5b5b5;
    overflow: hidden
}

.hover_links_effect li span {
    padding: 0 7px;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.hover_links_effect li:hover span {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.top-bar .social-list li span {
    line-height: 39px
}

.footer-top {
    overflow: hidden;
    padding: 60px 0 50px;
    border-bottom: 1px solid #0f0f0f;
    background: #222;
    color: #aaa
}

.block-head {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e2e2e2;
    font-weight: 400
}

    .block-head:after, .block-head:before {
        position: absolute;
        display: inline-block;
        content: ""
    }

    .block-head:before {
        bottom: -3px;
        left: 20px;
        width: 35px;
        height: 5px
    }

    .block-head:after {
        bottom: -1px;
        left: 0;
        width: 80px;
        height: 1px
    }

    .block-head.center {
        margin-left: auto;
        margin-right: auto;
        display: table;
        padding-right: 30px;
        padding-left: 30px
    }

        .block-head.center:before {
            left: 50%;
            margin-left: -17.5px
        }

        .block-head.center:after {
            left: 50%;
            margin-left: -40px
        }

.side-heading {
    font-weight: 800;
    border: 0;
    padding: 0;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-bottom: 15px
}

.h4-vieclammoinhat a:first-letter, .large-heading, .title-jobs-home a:hover, .title-profile span, h3.title-jobs-home, h3.title-jobs-home:first-letter {
    text-transform: capitalize
}

.side-heading span {
    color: #777;
    font-weight: 100
}

.footer-top h3, .large-heading {
    font-weight: 700;
    position: relative
}

.large-heading {
    margin-bottom: 40px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 26px;
    line-height: 20px;
    text-align: center
}

    .large-heading:before {
        position: absolute;
        bottom: -3px;
        left: 50%;
        width: 100px;
        height: 5px;
        content: "";
        display: inline-block;
        margin-left: -57px;
        border-left: 15px solid #fff;
        border-right: 15px solid #fff
    }

.gry-bg .large-heading:before {
    border-left: 15px solid #eee;
    border-right: 15px solid #eee
}

.agents-corousel-item .agent-details .mail:hover, .block-head:after, .block-head:before, .btn-postJob, .color-primary-easy, .details-img:after, .item-box:after, .menu .active .nav-link, .menu .nav-link.active, .menu .nav > .nav-item .nav-link:hover, .portfolio-item:after, .post-image:after, .property-card .property-card-box .property-card-title a:hover, .section-title span:after, .section-title span:before, .service-box-1:after, .team-box .team-socials li a:hover, .team-box-2:after, .team-box:after, .treefield-categories .treefield-box-item:hover, .widget-head:after, .widget-head:before, body .btn.color-primary, body .color-primary, body .dropdown-item:not(.active):hover, body .menu .dropdown-item.active {
    background-color: #e95f07
}

.footer-top .block-head {
    border-bottom-color: #3a3a3a;
    color: #c5c5c5;
    text-transform: uppercase
}

.footer-top h3 {
    font-size: 15px
}

.foot-logo, header.top-head .logo a {
    background: url(../images/logo.svg) 50% 50% no-repeat
}

.foot-logo {
    height: 40px;
    margin: 0 auto 5px;
    text-align: center
}

.btn-circle, .places_select .btn img {
    margin-top: -4px
}

.dky-dnhap {
    padding: 24px 6px 0 0;
    float: right
}

.background-academic, .background-filecv, .background-infoGeneral, .background-introduce-video, .background-payment, .background-searcKey, .background_white, .box-package, .class_load_search, .div-jobs, .jobs-info, .load_search_macdinh {
    background-color: #fff
}

.stepwizard-row:before, .stepwizard-step:before {
    background-color: #ededed
}

.stepwizard {
    display: table;
    position: relative
}

.stepwizard-step button[disabled] {
    opacity: 1 !important
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px
}

.stepwizard-step {
    display: table-cell;
    text-align: center
}

.btn-circle {
    width: 40px;
    height: 38px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 50% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 7px !important
}


#quote-carousel, .box-academic, .property-margin-detail, .push-top, .step-marginTop, .tab-home-job, .tab-vieclam {
    margin-top: 15px
}


.content-TopPage {
    padding: 40px
}

.img-positionEm {
    display: table;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.content-TopPage h1, .content-TopPage h2 {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    padding: 0;
    font-weight: 600
}

.box-package a:hover .register-package, .content-TopPage a:hover p {
    background-color: #f5721e
}

.content-TopPage a p {
    display: inline-block;
    padding: 0 11px;
    border: 1px solid transparent;
    background: #e95f07;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #fff !important;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-radius: 2px;
    animation-delay: .3s;
    margin-bottom: 10px
}

.header .top-bar .pull-right, body .btn.color-secondary, body .color-secondary, body .pagination li.page-item a.active, body .pagination li.page-item a:hover, body .pagination-carousel li a:hover, body .pagination-carousel li.active a {
    background-color: #004790
}

.border-color-secondary, body .border-color-secondary {
    border-color: #004790
}

.focus-color-easy {
    background-color: #f50073
}

body .select-secondary, body .select-secondary .selectpicker-primary {
    height: 44px
}

    body .select-secondary .selectpicker-primary {
        background: #f8f8f8;
        color: #000
    }

.select-secondary .dropdown-menu {
    background: #f8f8f8;
    color: #99a1a1
}

#menu-home-beta li, .classfied-card .card-box.classfied-card-box-info .property-card-title, .property-card .property-preview-footer span .list-overview-value i, .widget-form .form-additional .form-group-submit, .widget-form-cart .form-additional .form-group, body .select-small, ul.cart-list > li > h6 {
    margin: 0
}

    body .select-small, body .select-small button.selectpicker-primary {
        height: 22px;
        padding: 0 10px
    }

.select-small .selectpicker-primary {
    background: #ebebeb;
    border-radius: 0;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: -1px;
    width: 155px
}

body .bootstrap-select .dropdown-toggle:focus, body .btn:focus {
    outline-style: none !important
}

.select-small .dropdown-menu, .widget .widget-list.btn-list li a:hover {
    background: #ebebeb;
    color: #545454
}

    .select-small .dropdown-menu a {
        color: #545454;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: -1px
    }

.label-tag-primary, .label-tag-warning {
    font-weight: 600;
    letter-spacing: 0;
    padding: 2px 6px;
    text-transform: uppercase
}

.EUJobseer-group .dropdown-menu li:hover, .select-small .dropdown-menu li.selected, .select-small .dropdown-menu li:hover {
    background: #727272;
    border: 0;
    color: #fff;
    outline: 0
}

.selectpicker-primary, .selectpicker-primary:hover {
    background: 0 0;
    border: 1px solid rgba(116,116,116,.1);
    border-radius: 0;
    color: #fff;
    height: 60px
}

.selectpicker-secondary {
    background: 0 0;
    border-radius: 0;
    color: #fff;
    height: 44px
}

.navbar-toggler {
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #818a91
}

.label-tag-warning {
    border-radius: 0;
    background: #eec601;
    text-align: center
}

.label-tag-primary {
    border-radius: 0;
    background: #c7b39a
}

.pagination {
    border-radius: 0;
    margin-bottom: 15px;
    margin-top: 0
}

.USPJob-title-infoJob, .carousel-caption .btn, .col-margin-top-em, .col_button_mua, .drop-info-em, .form-dky, .margin20, .menu-sub-em, .name-user-em, .property-margin-top-job, .propetty-top, .title-marginh3, body > div:not(.container-side-version) .pagination {
    margin-top: 20px
}

body .pagination li.page-item a {
    border-color: #eee;
    border-radius: 0;
    color: #000;
    font-weight: 500;
    font-size: 15px
}

    body .pagination li.page-item a.active, body .pagination li.page-item a:hover {
        border: 1px solid #ddd;
        border-radius: 0;
        color: #fff;
        z-index: 5
    }

.agencies-corousel .owl-carousel .owl-item img {
    display: block;
    margin: 0 auto;
    width: auto
}

.owl-corousel-box .owl-btn {
    display: block;
    height: 28px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -opera-transform: translateY(-50%);
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
    width: 16px
}

    .owl-corousel-box .owl-btn.customPrevBtn {
        background: url(../img/owl-btn-left.png) 50% 50%/cover no-repeat;
        left: 0
    }

    .owl-corousel-box .owl-btn.customNextBtn {
        background: url(../img/owl-btn-right.png) 50% 50%/cover no-repeat;
        right: 0
    }

.Cbox {
    float: left;
    width: 40%
}

.timezone-map {
    float: right;
    width: 60%
}

.worldmapgenerator .Cbox select {
    display: none;
    float: none
}

#widget-region {
    padding-top: 50px;
    padding-bottom: 60px;
    background: url(../img/bg-workbench.png) #f8f8f8
}

.worldmapgenerator .Cbox .quickLink {
    display: block;
    float: none;
    margin: 27px 0 0;
    max-width: 300px;
    overflow: inherit;
    padding: 0;
    white-space: normal;
    width: 100%
}

    .worldmapgenerator .Cbox .quickLink span.active, .worldmapgenerator .Cbox .quickLink span:hover {
        color: #000;
        font-weight: 600;
        background-color: transparent
    }

    .images-gallery:after, .worldmapgenerator .Cbox .quickLink:after {
        content: "";
        clear: both;
        display: table
    }

    .worldmapgenerator .Cbox .quickLink span {
        -o-transition: .15s;
        -ms-transition: .15s;
        -moz-transition: .15s;
        -webkit-transition: .15s;
        transition: .15s;
        display: block;
        background: 0 0;
        border: none;
        box-sizing: border-box;
        float: left;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 5px;
        width: 45%
    }

.box-package a .register-package, .btn-green, .btn-vista_blue, .btn-vista_xanh:hover {
    -webkit-transition: .5s;
    -o-transition: .5s
}

.box-loc, .drop-info-em, .footer .list-hours .description, .h-side .properties-filter .grid-type, .list-overview li .list-overview-value, .worldmapgenerator .Cbox .quickLink span:nth-child(2n) {
    float: right
}

.worldmapgenerator .hoverZone {
    float: left;
    height: 25px;
    padding-left: 15px;
    width: 50%
}

.treefield-categories {
    list-style: none;
    margin: 0;
    padding: 0
}

.treefield-card.property-card .property-card-box .property-card-title {
    height: 32px;
    margin: 12px 0 7px
}

.treefield-card .property-card-title a {
    padding: 6px 0;
    display: inline-block
}

.treefield-card .property-card-title i {
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    width: 30px
}

.treefield-categories li {
    border-bottom: 1px solid;
    border-color: #a2a2a2;
    display: block;
    padding: 7px 0
}

    #menu-home-beta li a:nth-child(0), .job-home .nav-tabs, .treefield-categories li:last-child {
        border-bottom: 0
    }

    .treefield-categories li .count {
        font-weight: 600;
        float: right;
        text-align: right
    }

.treefield-categories-more {
    background: #fff;
    border-bottom: 3px solid #f8f8f8;
    display: none;
    left: 0;
    margin-top: 10px;
    margin-bottom: 0;
    position: absolute;
    padding: 0 20px 5px;
    width: 100%;
    z-index: 9999
}

.compat-object-fit, .compat-object-fit .object-fit-imagediv {
    background-size: cover;
    background-position: 50% 50%
}

.treefield-card {
    overflow: inherit
}

.property-card.shop-card .property-card-header > img {
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -moz-object-fit: cover;
    width: 100%
}

.owl-carousel .owl-item img {
    transform-style: initial;
    -webkit-transform-style: initial
}

.invoice-notes, .property-card-list .property-preview-f-left, .property-card.shop-card .property-preview-f-left {
    text-align: left
}

.compat-object-fit .object-fit-imagediv {
    height: 100%;
    width: 100%
}

#ws-walkscore-tile {
    position: relative;
    text-align: left
}

    #ws-walkscore-tile * {
        float: none
    }

#ws-footer a, #ws-footer a:link {
    color: #000;
    font: 700 11px/14px Verdana,Arial,Helvetica,sans-serif;
    margin-right: 6px;
    padding: 0;
    white-space: nowrap
}

    #ws-footer a:hover {
        color: #777
    }

#ws-fo oter a:active {
    color: #b14900
}

.CodeMirror {
    border: 1px solid #eee !important;
    height: 300px;
    margin-top: 10px
}

.CodeMirror-code pre > span {
    margin-left: -125px !important
}

.CodeMirror pre {
    font-family: open sans,sans-serif !important;
    font-size: 14px !important;
    letter-spacing: normal
}

.box-package a .register-package, .main-bg {
    white-space: nowrap;
    letter-spacing: .8px;
    cursor: pointer
}

.file_content {
    height: 100px;
    width: 100%
}

.energy-eff-box > div {
    height: 212px !important;
    max-width: 100%;
    overflow: hidden
}

.focus-color {
    background-color: #0688b7 !important
}

.agents-corousel-item .agent-details .mail, .primary-hover, .property-card .property-card-box .property-card-title a {
    color: #0f7ad5
}

    .primary-hover:hover {
        background: #0f7ad5;
        color: #fff
    }

.USPost-margin-bottom, .form-group, .form-main .control-group, .margin-now-down, .margin20, .margin20-notTop, .pricing-table-2 .head, .social-top-em, .widget-agents-listing .box-overflow-container, section.page-body .h4 {
    margin-bottom: 20px
}

.agents-corousel-item .box-container, .box-overflow-container, .property-card-list .col-sm-8, .widget-box {
    padding-left: 19px;
    padding-right: 20px
}

body .content-flex .content-right {
    padding-left: 20px;
    padding-right: 20px
}

.content-flex .search-form form {
    padding-left: 5px;
    padding-right: 5px
}

.fb_iframe_widget_fluid span {
    margin-left: -5px;
    margin-right: -15px
}

.form-additional, .news .item > .row > div, .print_btn, .top-title-widget .breadcrumb, .widget-agents-listing, .widget.widget-section .widget-header {
    margin-bottom: 40px
}

.places_select .btn {
    border-radius: 0 !important;
    padding: 8px 15px !important;
    position: relative;
    background: repeat-x #f5f5f5;
    margin-bottom: 3px;
    display: inline-block;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    cursor: pointer;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}

    .places_select .btn:hover {
        background: #f5f5f5
    }

.navbar-nav li a {
    padding: 13px !important;
    margin-top: -12px;
    margin-bottom: -12px
}

.menu .nav > .nav-item .drop-camnang li a, .menu .nav > .nav-item .drop-camnang li a:hover {
    font-weight: 600;
    padding: 12px 15px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase
}

.drop-camnang li a {
    width: 189px;
    margin: 3px 0
}

.box-package h4 {
    text-align: center;
    font-weight: 700;
    color: #44494b;
    padding: 20px 5px 10px;
    font-family: open sans,sans-serif
}

.box-package p {
    background-color: #d8ab25;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    height: 135px;
    width: 135px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #dea700;
    text-align: center
}

.EUJobseer-td span, .head-right, .main-bg, .tabs, .txt-info-ck:before {
    display: inline-block
}

.box-package .money {
    font-weight: 700;
    font-size: 16px
}

.box-payment, .col-push-searchPost {
    margin: 0 auto
}

.box-package ul {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

    .box-package ul li {
        border-bottom: 1px solid #ebebeb
    }

.box-buy {
    overflow: hidden;
    background-color: #fff;
    position: relative
}

    .box-buy h1 {
        font-size: 105px;
        color: #e6e6e6;
        font-weight: 700;
        text-align: center
    }

    .box-buy .container-buy {
        width: 240px;
        margin: 0 auto 20px;
        text-align: center
    }

.postjob, .search-hs {
    margin-top: 13px
}

.budget {
    background: #b7cc0b;
    left: -40px
}

.page_ntd_content_banggia, .page_ntd_content_timhoso {
    text-align: center;
    padding: 16px 20px 9px
}

.EUJobseer-td, table td.trai {
    text-align: left !important
}

.page_ntd_content_banggia img, .page_ntd_content_timhoso img {
    vertical-align: top
}

.page_ntd_content_banggia p, .page_ntd_content_timhoso p {
    line-height: 16px;
    margin-bottom: 16px
}

.btn-search-hs {
    background-color: #009688 !important;
    border: 1px solid rgba(0,0,0,.017);
    color: #f6f6f6 !important;
    font-size: 14px
}

.search-hs a:hover {
    background-color: #058579 !important
}

.search-hs {
    margin-right: 15px;
    margin-left: 15px
}

.btn-postjob {
    background-color: #f07e1d;
    border: 1px solid #f07e1d;
    color: #fff !important;
    font-size: 14px
}

.head-right {
    float: right
}

    .head-right > ul > li {
        float: left;
        display: block;
        padding-top: 8px;
        padding-left: 8px
    }

.USPJob-frm-PostJob input[type=text], .USPJob-frm-PostJob textarea, .frm-dkyJob input[type=file], .frm-dkyJob input[type=text], .frm-dkyJob textarea {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb
}

.next-job {
    margin-bottom: 22px
}

.txt-next-jobseeker {
    color: #777;
    font-style: italic
}

.social-bar {
    padding-bottom: 0 !important
}

.step-margin {
    margin-bottom: 0 !important
}

.menu-sub-em {
    width: 157px;
    cursor: pointer
}

.div-chat-img {
    width: 52px;
    height: 52px
}

    .div-chat-img img {
        border: 1px solid #f3f3f3;
        border-radius: 50%
    }

.list-people li .info .user {
    font-weight: 600;
    color: #62bf6e
}

.list-people li {
    cursor: pointer;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px
}

.menu-sub-em button {
    color: #333 !important;
    background-color: transparent;
    border: 0
}

.EUJobseer-table table thead tr, .USListJob-table table thead tr, .ul-content-top-em > li {
    background-color: #f8f8f8
}

.badge-em {
    padding: 3px 6px !important;
    font-size: 10px !important;
    top: -6px;
    right: -9px;
    position: absolute;
    background-color: #f44336 !important
}

.drop-menu-em {
    border: 0 !important;
    padding: 11px !important;
    border-radius: 0 !important;
    left: -46px;
    right: unset;
    top: unset;
    bottom: unset
}

    .drop-menu-em > li > a {
        border-bottom: 1px solid #f4f4f4;
        padding: 7px
    }

        .drop-menu-em > li > a:hover {
            background-color: transparent;
            color: #000 !important
        }

ul > li.dropdown ul.dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    -o-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: 1px solid #e0e0e0
}

ul.cart-list {
    padding: 0 !important;
    width: 320px !important
}

    ul.cart-list > li:not(.btn-view) {
        position: relative;
        border-bottom: 1px solid #efefef;
        padding: 10px !important;
        min-height: 68px;
        max-height: 110px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ul.cart-list > li > a.photo, ul.cart-list > li > h6 > a.photo {
        padding: 0 !important;
        display: block
    }

    ul.cart-list > li > a.photo {
        margin-right: 15px;
        float: left;
        width: 50px;
        height: 50px;
        position: relative;
        margin-bottom: 15px
    }

    ul.cart-list > li img {
        top: 0;
        position: absolute;
        border: 1px solid #efefef;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.btn-postJob, .btn-searchCV {
    margin-bottom: 15px;
    color: #fff
}

ul.cart-list > li > p {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden
}

.btn-view {
    padding: 10px !important;
    background-color: #ddd !important
}

.successdisplay {
    color: #257223
}

.ui-menu {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll
}

.form-height {
    min-height: 50px
}

.btn-searchCV {
    background-color: #009688
}

.colleft-button button:hover {
    background-color: #d25404
}

.colright-button button:hover {
    background-color: #04766b
}

.col-md-left-top {
    width: 95%
}

.box-hinhCongViec, .btn-wide, .col-md-right-top, .div-savefile, .property-card:not(.property-card-list) .property-card-header, .widget-ads-right img, .width_100 {
    width: 100%
}

.property-card .property-card-tags {
    padding: 6px 0 0 !important
}

.label-tag-warning {
    background-color: #b7cc0b !important
}

.label-default a {
    color: #fff;
    line-height: 13px
}

.property-job {
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px
}

.ct-em-invite, .main-bg {
    text-transform: uppercase;
    font-weight: 400
}

.property-span {
    font-size: 25px
}

.menu-left {
    margin-left: 15px !important
}

.property-title {
    color: #000 !important;
    font-size: 13.5px !important
}

.circle {
    width: 70px;
    border-radius: 50%;
    border: 1.3px solid #f07e1d;
    margin: 0 auto 20px;
    height: 70px
}

.box-container-title, .control-group2, .job-border, .jobs-info, .margin-bottom-15px, .widget.widget-form-cart label {
    margin-bottom: 15px
}

.widget-content-top-em {
    margin-top: 10px !important
}

.label-content-top-em {
    padding: 10px 10px 6px;
    line-height: 14px;
    font-size: 12px;
    float: right
}

.title-detail-middle, .widget-content-top-em h1, .widget-header-edit h3 {
    font-size: 20px !important
}

.point-content-em {
    color: #b7cc0b !important;
    text-shadow: 1px 1px 1px #92a400
}

.ul-content-top-em > li {
    padding: 7px;
    margin: 5px 0;
    text-align: center
}

.content-em-p {
    font-size: 13px;
    color: #8e8e8e;
    line-height: 1.3;
    margin-top: 10px
}

.btn.main-bg.btn-3d {
    -webkit-box-shadow: 0 5px 0 #d23c1a;
    box-shadow: 0 5px 0 #db741c;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0
}

.content-em-update a:hover {
    background-color: #e3700e !important
}

.main-bg {
    background-color: #f07e1d;
    border: 1px solid transparent;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5)
}

.hr-style1 {
    border-top: 1px solid #eeeded
}

.hr-style2 {
    padding: 38px;
    height: 1px;
    border-bottom: 1px solid #eeeded
}

.box-content-em h1 {
    font-size: 50px !important
}

.ct-em-invite {
    font-size: 13px
}

.top-em-btn-invite {
    background-color: #ffc107;
    border-radius: 4px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(56,56,56,.3)
}

.top-em-content-invite {
    margin: 20px 0 18px;
    background-color: #fcfcfc;
    padding: 5px 0 0
}

.social-top-em, .ul-margin, .widget-contact-info h4 {
    margin-top: 0
}

.USPJob-subSpan {
    font-size: 13px;
    color: #777;
    text-transform: lowercase;
    font-weight: 400 !important;
    line-height: 15px
}

.USPJob-btn-ctPostjob {
    background-color: #00aeef;
    border-radius: 0;
    white-space: normal;
    padding: 10px 25px;
    color: #fff
}

.label-margin-top, .list-inline {
    margin-top: 5px
}

.USPost-label-right {
    float: right;
    margin-top: 5px;
    color: #f07e1d;
    font-weight: 400
}

.USPJob-btn-ctPostjob:hover {
    background-color: #059bd3
}

.USPJob-frm-PostJob .USPost-btn-ctUnit.active {
    background-color: #ed1c24;
    font-weight: 600;
    color: #fff
}

.USPJob-frm-PostJob .USPost-btn-ctUnit {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    font-weight: 600
}

.USPost-colLeft-money {
    float: left;
    width: 47%;
    height: 60px
}

.USPost-colRight-money {
    float: right;
    width: 47%;
    height: 60px
}

.widget .widget-header h1, .widget .widget-header h2, .widget .widget-header h3 {
    line-height: inherit !important
}

.USPost-colLeft-Gender, .USPost-colMiddle-Gender, .USPost-colRight-Gender {
    width: 30.3%;
    float: left
}

.USPost-center-on-page {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.USPost-label-right-a {
    float: right;
    text-decoration: none;
    color: #f07e1d;
    font-weight: 400
}

.margin_top_8, .route_suggestion a {
    margin-top: 8px
}

.USListJob-Content {
    width: 100%;
    margin: 0 auto;
    background-color: #fff
}

.EUJobseer-row, .USListJob-row, .tab-content-payment {
    margin-left: 15px;
    margin-right: 15px
}

.EUJobseer-table table thead tr th, .USListJob-table table thead tr th, .h-side, .table-payment table thead tr th {
    padding: 20px 0
}

.USListJob-aedit {
    color: #fff;
    background-color: #f07d1e;
    padding: 5px;
    border-radius: 2px;
    margin-right: 5px
}

.USListJob-adelete, .USListJob-aopen {
    border-radius: 2px;
    padding: 5px 8px;
    color: #fff
}

.USListJob-aopen {
    background-color: #8bc34a;
    margin-right: 5px
}

.USListJob-adelete {
    background-color: red
}

.EUJobseer-divbtn, .USListJob-divbtn, .property-logo-detail {
    padding-top: 15px
}

    .USListJob-divbtn button {
        background-color: #fcb016;
        border: 0;
        padding: 15px;
        color: #fff;
        width: 20%;
        outline-width: 0;
        font-weight: 600
    }

        .USListJob-divbtn button:hover {
            background-color: #f8a600
        }

        .USListJob-divbtn button:focus {
            border: 1px solid #f8a600;
            background-color: #fcb016;
            outline-width: 0;
            outline-style: none
        }

.EUJobseer-pagination li.page-item a.active, .EUJobseer-pagination li.page-item a:hover, .USListJob-pagination li.page-item a.active, .USListJob-pagination li.page-item a:hover, .payment-pagination li.page-item a.active, .payment-pagination li.page-item a:hover {
    background-color: #f07e1d !important
}

.USListJob-title {
    padding-top: 20px
}

#example_wrapper .col-sm-6:first-of-type {
    width: 200px
}

.table-bordered th {
    padding: 15px !important;
    background-color: #ececec
}

.EUJobseer-Content {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    float: left
}

.EUJobseer-td img, .getstarted a i, .header .top-bar .login-menu li {
    margin-right: 10px
}

.EUJobseer-row .steps ul li:hover {
    background-color: #fdb251;
    color: #fff
}

    .EUJobseer-row .steps ul li:hover span:after {
        border-left: 16px solid #fdb251
    }

.EUJobseer-aedit {
    color: #7da7d9
}

.EUJobseer-aopen {
    color: #8a2be2
}

.EUJobseer-adelete {
    color: #f81302
}

.EUJobseer-divbtn button {
    background-color: #fff;
    border: 1px solid #eceeef;
    padding: 15px;
    color: #7c7c7c;
    outline-width: 0;
    font-weight: 600
}

    .EUJobseer-divbtn button:hover {
        background-color: #f8a600;
        color: #fff
    }

    .EUJobseer-divbtn button:focus {
        border: 1px solid #f8a600;
        background-color: #fcb016;
        color: #fff
    }

    .EUJobseer-divbtn button.active {
        background-color: #fcb016;
        border: 1px solid #fcb016;
        padding: 15px;
        color: #fff;
        outline-width: 0;
        font-weight: 600
    }

.EUJobseer-group .dropdown-menu li {
    padding: 5px;
    cursor: pointer
}

.EUJobseer-btnVL {
    height: 22px;
    padding: 0 20px;
    float: right !important;
    background-color: #e1e1e1;
    border: 1px solid transparent
}

#example2 .name-job {
    overflow: hidden;
    text-transform: uppercase;
    width: 150px;
    float: left
}

.EUJobseer-td img {
    max-height: 40px;
    border-radius: 6px;
    float: left
}

.EUJobseer-td span {
    text-align: left
}

.tabs {
    width: 100%
}

    .tabs > ul:after {
        display: block;
        clear: both;
        content: ""
    }

    .tabs > ul li {
        float: left;
        background: #efefef;
        color: #6c6c6c
    }

        .tabs > ul li a {
            color: #6c6c6c;
            display: block;
            padding: 6px 15px
        }

            .tabs > ul li a i {
                margin-right: 8px;
                color: #6c6c6c
            }

.col2-detail-CV, .col3-detail-CV, .row-profile {
    margin-right: -15px
}

.tab-content > .tab-pane {
    border-top: 2px solid #e7512f
}

.skew-25 {
    -moz-transform: skew(-25deg,0);
    -ms-transform: skew(-25deg,0);
    -o-transform: skew(-25deg,0);
    -webkit-transform: skew(-25deg,0);
    transform: skew(-25deg,0)
}

.skew25 {
    -moz-transform: skew(25deg,0);
    -ms-transform: skew(25deg,0);
    -o-transform: skew(25deg,0);
    -webkit-transform: skew(25deg,0);
    transform: skew(25deg,0)
}

.tab-nav > li > a::after {
    background: 0 0;
    color: #fff
}

.agents-listing, .tab-pane {
    padding: 15px 0
}

.show_hide, .show_hide2 {
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px
}

.xuly_hienan_search {
    text-align: right;
    z-index: 100;
    position: absolute;
    right: 48px;
    margin-top: -5px
}

.xuly_hienan_search_mobile {
    text-align: right;
    z-index: 100;
    top: -25px;
    width: 50%;
    float: right
}

.class_load_search, body .h-side.top-pad.h-side-slim {
    padding-bottom: 30px
}

input.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    border: 1px solid #c5c5c5;
    height: 40px !important
}

.section.agents, .ul_search_job li a {
    overflow: hidden
}

input.input_tukhoa {
    width: 90% !important;
    height: 40px;
    padding: 8px 0 8px 8px;
    background-color: #fff !important;
    margin-left: 10%;
    border-radius: 3px;
    border: 1px solid #c5c5c5 !important
}

.class_web_margin_t30_bt_15 {
    margin-bottom: 15px;
    margin-top: 30px
}

.div-savefile, .icon-caret-down, .txt-view {
    margin-top: 7px
}

.slidingDiv {
    display: block;
    top: 20px;
    background-color: #f0f8ff;
    padding: 40px;
    margin-bottom: 30px;
    right: 10px
}

.squaredFour {
    width: 20px;
    position: relative;
    float: left
}

    .squaredFour label {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        background: #fcfff4;
        background: -webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
        background: linear-gradient(to bottom,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
        border-radius: 4px;
        box-shadow: inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5)
    }

        .squaredFour label:after {
            content: "";
            width: 12px;
            height: 8px;
            position: absolute;
            top: 4px;
            left: 4px;
            border: 3px solid #333;
            border-top: none;
            border-right: none;
            background: 0 0;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .squaredFour label:hover::after {
            opacity: .5
        }

#result_search_title h1, .tags-cloud .tag-lg-3 {
    font-size: 18px
}

.txt-notification {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.box-profile {
    width: 116px;
    height: 116px;
    overflow: hidden;
    background-image: url(../images/default-profile.jpg)
}

.box-margin-left, .row-profile {
    margin-left: -15px
}

.title-profile {
    text-transform: uppercase;
    font-weight: 600;
    color: #000
}

    .title-profile span {
        font-weight: 400
    }

.notification-person li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600
}

    .notification-person li span {
        font-weight: 400
    }

    .notification-person li i {
        color: #b7b7b7
    }

.content-profile {
    padding: 5px;
    margin-left: 12px
}

.col1-detail-CV, .col2-detail-CV {
    margin-left: -15px;
    background-color: #fff
}

.btn-savefile {
    border: 0;
    outline-width: 0;
    padding: 5px;
    width: 100%;
    background-color: #ffc107;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(7,7,7,.1);
    line-height: 26px
}

.txt-update {
    color: #606060
}

.property-img-profile {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: none
}

button.btn-Advanced {
    cursor: pointer;
    border: 0;
    outline: 0;
    transition: .4s;
    background-color: transparent
}

div.panel {
    background-color: rgba(255,255,255,.02);
    margin-bottom: 0;
    -webkit-box-shadow: 0 1px 1px transparent;
    box-shadow: 0 1px 1px transparent
}

.searchCV {
    padding: 27px 0 8px !important
}

.margin_top_80 {
    margin-top: 80px
}

#header, .background-introduce-video, .content-detail-CV, .invoice-intro p {
    padding-bottom: 20px
}

.col2-detail-CV {
    min-height: 196px;
    max-height: 235px
}

.col1-menu, .nav-tabs > li, .tags-cloud .tag, .tags-cloud .tag-md, .ul-margin .fa, .widget-menu-right-sm .list-group div a {
    font-size: 14px
}

.job-content-field_class .tieude, .steps li span {
    font-size: 15px
}

.col1-menu li {
    padding: 10px;
    border-bottom: 1px solid #edeef0;
    cursor: pointer
}

.col1-menu .active {
    color: #df6700;
    border-bottom: 1px solid #f07e1d
}

.box-img-detailCV {
    width: 166px;
    height: 166px;
    overflow: hidden;
    margin-top: 15px;
    background-image: url(../images/img-detailCV-default.jpg)
}

.title-detail-CV {
    color: #333;
    letter-spacing: 0;
    font-weight: 400
}

.button-detail-CV, .button-filecv {
    color: #323232;
    font-size: 13px;
    outline-width: 0;
    text-align: center;
    cursor: pointer
}

.btn-view-detail-CV {
    border-radius: 25px;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #f07e1d;
    background-color: #fff;
    outline-width: 0
}

.button-detail-CV, .button-filecv {
    background-color: #d7d7d7;
    transition: .5s
}

.button-detail-CV {
    border-radius: 25px;
    border: none;
    padding: 4px;
    width: 59%;
    margin: 5px
}

.box-introduce-video, .box-marginTop-cv {
    margin-top: 15px;
    margin-left: -15px;
    margin-right: -15px
}

.button-detail-CV span, .button-filecv span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .5s
}

    .button-detail-CV span:after, .button-filecv span:after {
        content: "\00bb";
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: .5s
    }

.button-detail-CV:hover span, .button-filecv:hover span {
    padding-right: 25px
}

    .button-detail-CV:hover span:after, .button-filecv:hover span:after {
        opacity: 1;
        right: 0
    }

.box-marginTop-cv {
    padding-top: 10px;
    padding-bottom: 10px
}

.box-info-general li {
    margin-left: 15px;
    margin-bottom: 5px
}

.txt-academic, .widget-info-general, .widget-introduce-video {
    margin-bottom: 10px !important
}

.min-height-detailcv {
    min-height: 270px
}

.box-introduce-video {
    padding-bottom: 30px
}

.button-filecv {
    border-radius: 25px;
    border: none;
    padding: 4px;
    width: 79%;
    margin: 3em 2em 2em
}

.box-filecv {
    min-height: 346px;
    margin-right: -15px
}

.btn-download-hs {
    padding: 31px;
    border-radius: 2px;
    margin-left: 3.7em;
    outline-width: 0;
    background-color: transparent;
    border: 1px dotted #d7d7d7
}

    .btn-download-hs:hover {
        color: #f07e1d;
        border: 2px solid
    }

.job-content-field_class .tieude, div#job-content-field div.field-container div.block-fields div.block .tieude {
    border-bottom: 2px solid #1b799c;
    padding-bottom: 12px
}

.widget-academic, .widget-filecv {
    margin-bottom: 10px !important;
    margin-top: 10px
}

.progress-detail-CV {
    height: 15px !important;
    margin-bottom: 18px !important;
    border-radius: 25px !important
}

.btn-print-detail-CV, .btn-saveHS-detail-CV {
    width: 100%;
    border: 0;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: 600;
    outline-width: 0
}

.progress-detail-CV .progress-bar {
    background-color: #c2c2c2 !important;
    color: #000 !important;
    --webkit-box-shadow: inset 0 -1px 0 transparent !important;
    box-shadow: inset 0 -1px 0 transparent !important
}

.btn-saveHS-detail-CV {
    background-color: #b7cc0b;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.15)
}

    .btn-saveHS-detail-CV:hover {
        background-color: #a3b609
    }

.btn-print-detail-CV {
    background-color: #fff;
    color: #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,.04)
}

.blockquote2, blockquote {
    font-size: 13px;
    border-left: none
}

.div-group-detail-CV {
    position: fixed
}

.btn-vista_blue.btn-3d {
    -webkit-box-shadow: 0 5px 0 #4ac97d;
    box-shadow: 0 5px 0 #4ac97d;
    margin-bottom: 5px
}

    .btn-vista_blue.btn-3d:hover, .btn-vista_do.btn-3d:hover, .btn-vista_xanh.btn-3d:hover {
        box-shadow: 0 5px 0 #f07e1d !important
    }

.btn-vista_blue {
    background-color: #75d69c;
    color: #fff !important;
    transition: .5s
}

    .btn-vista_blue:hover, .btn-vista_do {
        color: #fff !important;
        -webkit-transition: .5s;
        -o-transition: .5s
    }

        .btn-vista_blue:hover, .btn-vista_do:hover {
            background-color: #f7ba4d !important;
            transition: .5s
        }

        .btn-vista_do.btn-3d {
            -webkit-box-shadow: 0 5px 0 #b93106;
            box-shadow: 0 5px 0 #b93106;
            margin-bottom: 5px
        }

.btn-vista_do, .btn-vista_xanh {
    background-color: #e43c06;
    transition: .5s
}

    .btn-vista_do:hover, .btn-vista_xanh {
        -webkit-transition: .5s;
        -o-transition: .5s;
        color: #fff !important
    }

        .btn-vista_xanh.btn-3d {
            -webkit-box-shadow: 0 5px 0 #0578ad;
            box-shadow: 0 5px 0 #0578ad;
            margin-bottom: 5px
        }

        .btn-vista_xanh:hover {
            background-color: #089ee2 !important;
            color: #fff !important;
            transition: .5s
        }

blockquote {
    padding: 10px 5px;
    margin: 0
}

.blockquote2 {
    padding: 0;
    margin: 0 20px
}

.payment_container {
    display: flex;
    flex-direction: row
}

.each_payment {
    flex: 1;
    padding-right: 15px;
    text-align: center
}

    .each_payment ul, .point-payment {
        text-align: left;
        font-weight: 700
    }

    .each_payment p {
        color: #ff5a00;
        font-weight: 700;
        height: 60px
    }

.content-payment {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0
}

.btn-edit-payment {
    background-color: #7da7d9;
    color: #fff
}

    .btn-edit-payment:hover {
        background-color: #729dd0
    }

.btn-cancel-payment {
    background-color: #e1e1e1;
    color: #3b3b3b
}

.btn-buy-package {
    border: 0;
    background-color: #f07e1d;
    color: #fff;
    outline-width: 0;
    padding: 15px;
    border-bottom: 5px solid #d56c13;
    border-radius: 4px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
    width: 100%
}

    .btn-buy-package:hover {
        background-color: #e7791c;
        color: #fff
    }

.background-point {
    background-color: #f8f8f8;
    margin-top: 15px;
    margin-bottom: 15px
}

.point-payment {
    color: #f07e1d;
    text-shadow: 1px 1px 1px rgba(0,0,0,.21);
    font-size: 70px
}

.txt-banner-ntd1, .txt-banner-ntd2 {
    text-shadow: 1px 1px 1px #000;
    line-height: 1.5
}

.txt-diemhientai {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-top: 48px;
    border-right: 1px solid #e1e1e1
}

.box-info-tranfer {
    border: 1px solid #e1e1e1;
    padding: 20px;
    overflow: hidden
}

.txt-info-ck:before {
    position: absolute;
    left: 94px;
    width: 200px;
    height: 18px;
    content: "";
    top: 3px;
    background-color: #fefefe
}

.txt-info-ck span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.msginfo {
    background-color: #bde5f8;
    background-image: url(../images/info.png);
    color: #00529b
}

.msgerror, .msginfo, .msgsuccess, .msgvalidation, .msgwarning {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 50px
}

.steps {
    margin-bottom: 30px;
    padding: 0 15px 0 0
}

    .steps ul {
        display: table;
        width: 100%
    }

    .steps li {
        display: table-cell;
        width: 15.5%;
        background: #e9e9e9
    }

        .steps li.selected span {
            background-color: #fdb251;
            color: #fff;
            font-weight: 700
        }

.continue-btn {
    margin-bottom: 65px
}

    .continue-btn .btn {
        position: relative;
        height: 43px
    }

        .continue-btn .btn.left:after, .continue-btn .btn.right:after {
            position: absolute;
            top: 50%;
            display: inline-block;
            margin-top: -22px;
            width: 0;
            height: 0;
            border-top: 22px solid transparent;
            border-bottom: 21px solid transparent;
            content: "";
            z-index: 3
        }

        .continue-btn .btn.right:after {
            left: 100%
        }

        .continue-btn .btn.left:after {
            right: 100%;
            cursor: pointer
        }

.steps li span {
    position: relative;
    display: block;
    padding: 20px 20px 20px 35px;
    font-weight: 700;
    cursor: pointer
}

    .steps li span:after, .steps li span:before {
        position: absolute;
        top: 50%;
        left: 100%;
        display: inline-block;
        margin-top: -30px;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        content: "";
        cursor: pointer
    }

    .steps li span:after {
        z-index: 3;
        border-left: 16px solid #e9e9e9
    }

    .steps li span:before {
        z-index: 2;
        margin-left: 1px;
        border-left: 16px solid #fff
    }

.steps li.selected span:after {
    border-left: 16px solid #fdb251 !important;
    cursor: pointer
}

div.content-center.border {
    border: 2px solid #e5e5e5;
    padding: 0;
    float: left;
    margin-bottom: 35px
}

#job-content-field, #job-content-field .field-container, .align-left, .employer_login input[type=checkbox] + label, .job-content-field_class .field-container, .tags li {
    float: left
}

div#job-content-field div.field-container div.block-fields div.block.col-md-12 blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 14px;
    border-left: 2px solid #f9cf5d;
    background-color: rgba(191,194,198,.08)
}

.job-content-field_class {
    float: left;
    width: 100%;
    margin-right: 30px
}

.pricing-table-2 .dark-bg, .pricing-table-2 .re-dark-bg1, .pricing-table-2 .re-dark-bg2, .pricing-table-2 .re-dark-bg3 {
    padding: 30px 0;
    position: relative;
    overflow: hidden
}

.job-content-field_class blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 14px;
    border-left: 2px solid #f9cf5d;
    width: 100%;
    float: left
}

.candidate-pic, .candidate-pic img {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center
}

table {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-spacing: 0;
    border-collapse: collapse
}

    table td.trai {
        background-color: #fafafb !important;
        padding: 10px !important;
        display: table-cell
    }

    table td.phai {
        width: 70%;
        padding: 15px;
        display: table-cell;
        border: 1px solid #aaa;
        box-sizing: border-box
    }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49% !important
}

.btn-green.btn-3d {
    -webkit-box-shadow: 0 5px 0 #53812d;
    box-shadow: 0 5px 0 #53812d;
    margin-bottom: 5px
}

.btn-green {
    background-color: #6dab3c;
    color: #fff !important;
    transition: .5s
}

    .btn-green:hover {
        background-color: #058b31;
        color: #fff !important;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }

.btn-default.btn-3d {
    -webkit-box-shadow: 0 5px 0 #555;
    box-shadow: 0 5px 0 #555;
    margin-bottom: 5px
}

.Resume, .box-shadow-detail {
    box-shadow: 0 0 53px -25px rgba(0,0,0,.75)
}

.list-details li {
    padding: 10px 3px;
    border-top: 1px solid #e5e5e5
}

    .list-details li:first-child {
        border-top: 0
    }

    .list-details li span.main-color {
        font-weight: 700;
        font-size: 13px;
        color: #f2a348
    }

.main-color {
    color: #f2a348
}

.list-details li span {
    margin: 0 15px 0 5px
}

.xuly_p p {
    line-height: 20px;
    margin-bottom: 0
}

#ui-datepicker-div {
    z-index: 9999999 !important
}

.padding_ol_or_web, body:not(.boxed) .section.page-body .row {
    margin-left: -15px;
    margin-right: -15px
}

.content-detail, .content-postjob-em {
    padding-top: 90px;
    padding-bottom: 20px
}

.quoteNTD-VO {
    background: url(../images/banner_GTDTTD.png) center center no-repeat;
    height: 292px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.banner-NTD-VO {
    padding-left: 1%;
    padding-top: 3%
}

.title-NTD-VO {
    text-align: left;
    color: #157b67;
    font-weight: 900;
    font-size: 40px
}

.txt-banner-ntd1 {
    font-size: 21px;
    color: #ffe600;
    padding-left: 0
}

.btn-register-postjob-em {
    background-color: #f07e1d;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-left: -4%
}

    .btn-register-down:hover, .btn-register-postjob-em:hover, .color7d {
        color: #f07e1d !important
    }

.div-postjob-em {
    margin: 0 auto;
    position: relative
}

    .div-postjob-em img {
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute
    }

.margin-now, .margin-postjob-1 {
    margin-top: 0;
    margin-left: -21px
}

.form-contact, .item blockquote img, .list-inline, .margin-postjob-1, .phone-contact, .ul-sub-detail {
    margin-bottom: 10px
}

.widget .widget-title:before {
    border-left: 7px solid !important
}

.widget .widget-title {
    line-height: 1.3 !important;
    border-color: #e4c829 !important
}

    .widget .widget-title h3 {
        color: #333 !important;
        font-weight: 600 !important
    }

.postjob-content {
    text-align: justify;
    color: #333;
    font-weight: 600;
    font-size: 14px
}

.title-feature {
    font-size: 14px;
    display: inline-flex;
    color: #333;
    font-weight: 600
}

.content-feature {
    font-size: 15px;
    text-align: justify;
    color: #333;
    background-color: #efeef8;
    padding: 13px;
    min-height: 108px
}

.btn-register-down {
    width: 100%;
    background-color: #f07e1d;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.txt-banner-ntd2 {
    font-size: 21px;
    color: #ffe600;
    padding-left: 21%
}

.btn-register-cvsearch-em {
    background-color: #a59e19;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 20%;
    margin-left: 9%
}

    .btn-down-cvsearch-em:hover, .btn-register-cvsearch-em:hover {
        color: #a59e19 !important
    }

.btn-register-cvsearch-em1 {
    background-color: #ed1c24;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 20%;
    margin-left: 24%
}

    .btn-down-cvsearch-em1:hover, .btn-register-cvsearch-em1:hover {
        color: #ed1c24 !important
    }

.pricing-table-2 {
    z-index: 2;
    margin-right: -15px;
    margin-left: -15px
}

    .pricing-table-2 i.fa {
        position: absolute;
        left: 50%;
        font-size: 26px;
        width: 90px;
        height: 84px;
        z-index: 1;
        text-align: center;
        line-height: 23px;
        margin-left: -45px;
        margin-bottom: -48px;
        bottom: 0;
        padding: 10px 25px 39px;
        border-radius: 50%;
        background: #fff;
        color: #cacaca
    }

    .pricing-table-2.selected {
        position: relative;
        z-index: 66 !important;
        background: #494949;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

        .pricing-table-2.selected li.even {
            background: #373737
        }

        .pricing-table-2.selected li {
            border-color: #585858;
            color: #949494
        }

        .pricing-table-2.selected i.fa {
            background: #494949
        }

.highInd {
    z-index: 99 !important
}

.redots-pattern {
    border-top: 1px solid #e4e4e4
}

.pricing-table-2 .dark-bg {
    background-color: #ed1c22 !important
}

.pricing-table-2 .re-dark-bg1 {
    background-color: #14a3a9 !important
}

.pricing-table-2 .re-dark-bg2 {
    background-color: #f7941d !important
}

.pricing-table-2 .re-dark-bg3 {
    background-color: #7fab15 !important
}

.pricing-table .price span, .pricing-table-2 .price span {
    font-size: 20px !important;
    font-weight: 400
}

.pricing-table, .pricing-table-2 {
    padding: 0 2px;
    text-align: center
}

    .pricing-table i.fa {
        position: absolute;
        top: 0;
        left: 50%;
        font-size: 30px;
        width: 60px;
        height: 56px;
        z-index: 9999;
        text-align: center;
        line-height: 56px;
        margin-top: -28px;
        margin-left: -30px
    }

    .pricing-table .head, .pricing-table-2 .head {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 16px
    }

    .pricing-table li, .pricing-table-2 li {
        padding: 10px 0;
        border-bottom: 1px solid #e4e4e4;
        font-size: 14px
    }

.pricing-footer {
    padding-top: 20px !important;
    border-bottom: 0 !important
}

.classfied-card .treefield-categories .treefield-box-item:not(:hover), .color-white, .witTxt {
    color: #fff !important
}

.btn-down-cvsearch-em {
    background-color: #a59e19;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 46%
}

.btn-down-cvsearch-em1 {
    background-color: #ed1c24;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 46%
}

.getstarted {
    text-align: center;
    margin-top: 50px
}

    .getstarted a {
        display: inline-block;
        border: 3px solid #fff;
        padding: 12px 25px;
        color: #fff;
        font-size: 18px;
        font-weight: 700
    }

.home-box {
    float: left;
    background-color: #fff;
    border: 1px solid #e1e1e1
}

.box-propetty-right.box-propetty-right:not(:last-child), .lang-manu img {
    margin-right: 8px
}

.box-propetty-left, .propetty-left-camnang {
    margin-left: 10px
}

.home-icon {
    position: relative;
    margin: 0 auto;
    min-height: 80px
}

    .home-icon img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

.home-box h2 {
    font-size: 13px;
    color: #f07e1d;
    font-weight: 600;
    text-align: center;
    margin-top: -6px
}

.home-box p {
    color: #333;
    text-align: center;
    font-size: 14px
}

.job-home .nav-tabs > li {
    margin-bottom: 0;
    width: 21% !important
}

    .job-home .nav-tabs > li.active > a, .job-home .nav-tabs > li.active > a:focus, .job-home .nav-tabs > li.active > a:hover {
        background-color: #f07e1d;
        color: #fff !important;
        border: none !important
    }

    .job-home .nav-tabs > li > a::after {
        content: "";
        background: #f07e1d;
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -1px;
        transition: 250ms .3s;
        transform: scale(0)
    }

    .job-home .nav-tabs > li > a {
        margin-right: 3px;
        border: none;
        border-radius: 3px 3px 0 0;
        background-color: #eee;
        color: #7d7d7d;
        font-size: 13px;
        margin-top: 3px
    }

.job-home .tab-content {
    padding: 0 15px;
    overflow: hidden
}

    .job-home .tab-content .padding-left, .property-card-list .property-card-tags, .property-card-list.property-card .property-card-box, .widget.widget-properties .property-card-box, .widget.widget-properties .property-card-tags {
        padding-left: 0;
        padding-right: 0
    }

.tab-home-job > .tab-pane {
    border-top: 0 !important;
    padding: 0
}

.box-banner {
    margin-right: -15px;
    margin-left: 8px
}

.job_overflow, .properties-list-small .property .body .location, .properties-list-small .property .body .price, .properties-list-small .property .body .title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.div-jobs a {
    height: 130px;
    overflow: hidden
}

.deadline {
    text-align: right;
    float: right;
    color: #7d7d7d
}

h3.title-jobs-home {
    font-size: 16px;
    overflow: hidden;
    line-height: 21px;
    color: #333
}

.max-line-bv {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 1.4em;
    max-height: 41px
}

#menu-home-beta a, .tag {
    display: inline-block;
    text-decoration: none
}

.ul-margin li {
    line-height: 1.8
}

.view-more {
    white-space: nowrap;
    float: right;
    text-decoration: none;
    padding: 3px 10px;
    color: #fff;
    font-size: 13px;
    background-color: #9e9e9e
}

    .view-more:hover {
        color: #fff !important;
        background-color: #8a8a8a
    }

.re-width-camnang {
    width: 257px;
    float: left;
    overflow: hidden
}

.img-camnang, .img-camnang img {
    height: 180px;
    width: 255px;
    object-fit: cover
}

.content-camnang h3 {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    font-weight: 600
}

.rhimage img {
    height: 180px !important;
    width: 255px !important
}

.content-camnang {
    padding: 0 5px 5px
}

.no-padding, .property-card-list .image-box, .tab-vieclam > .tab-pane, .tags, body .h-side.top-pad.h-side-slim .grid-type, body .h-side.top-pad.h-side-slim .properties-filter .form-group {
    padding: 0
}

.content-camnang p {
    font-size: 13px;
    color: #7d7d7d;
    line-height: 1.4
}

.main-text {
    position: absolute;
    top: 50px;
    width: 96.666666666667%;
    color: #fff
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px
}

.btn-clear {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    margin-right: 15px
}

    .btn-clear:hover {
        color: #000;
        background-color: #fff
    }

.carousel-cn .carousel-indicators li {
    border: 1px solid #f07e1d;
    background-color: #f07e1d
}

#menu-home-beta, #menu-home-beta > li > a:hover {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}

#quote-carousel .carousel-control {
    background: 0 0;
    color: #333;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 154px
}

    #quote-carousel .carousel-control.left {
        left: -55px
    }

    #quote-carousel .carousel-control.right {
        right: -55px !important
    }

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -20px;
    margin-right: -19px
}

    #quote-carousel .carousel-indicators li {
        background: #b0b0b0
    }

    #quote-carousel .carousel-indicators .active {
        background: #787878
    }

.item blockquote {
    border-left: none;
    margin: 0
}

    .item blockquote p:before {
        content: "\f10d";
        font-family: Fontawesome;
        float: left;
        margin-right: 10px
    }

#menu-home-beta {
    position: fixed;
    right: 0;
    top: 76.5%;
    z-index: 5;
    background: #f07e1d;
    color: #fff;
    font-weight: 700;
    font-size: large;
    text-align: left;
    border-right: none;
    margin: -8.5em 0 0 1em;
    width: 4.5%
}

    #menu-home-beta a {
        position: relative;
        color: #fff;
        padding: 12px 19px;
        text-align: left;
        cursor: pointer;
        width: 100%;
        margin: 0
    }

        #menu-home-beta a .fa-2 {
            font-size: 1.5em
        }

    #menu-home-beta > li > a:hover {
        background-color: #f67f1a
    }

.introduction-ul .nav-tabs > li.active > a:focus, .introduction-ul .nav-tabs > li > a:hover, .property-tab-intro-company .nav-tabs > li.active > a, .property-tab-intro-company .nav-tabs > li > a:hover, .propetty-top .nav-tabs > li.active > a, .propetty-top .nav-tabs > li > a:hover {
    border: none;
    color: #fff !important;
    background: #f07e1d
}

.nav-tabs > li > a::after {
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    transition: 250ms;
    transform: scale(0)
}

.nav-tabs > li > a {
    border: none;
    color: #515151;
    background: #ddd;
    padding: 6px 10px
}

.image_home {
    min-width: 205px;
    height: 130px;
    overflow: hidden;
    object-fit: cover
}

.icon_baivietl {
    float: left;
    margin-bottom: 10px
}

.icon_baivietr {
    float: right;
    margin-bottom: 10px
}

#set_bg_padding, #set_bg_padding_news {
    float: left;
    padding: 20px;
    background-color: #fff;
    margin-right: 0
}

.tags {
    overflow: hidden
}

.tag {
    border-radius: 2px;
    color: #5d5d5d;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    position: relative;
    margin: 0 10px 10px 0;
    -webkit-transition: color .2s
}

    .tag::after, .tag::before {
        background: #fff;
        content: "";
        position: absolute
    }

    .tag::before {
        border-radius: 10px;
        box-shadow: inset 0 0 rgba(0,0,0,.25);
        height: 6px;
        left: 0;
        width: 0;
        top: 0
    }

    .tag::after {
        border-radius: 25px !important border-bottom:25px;
        border-left: 25px;
        border-top: 25px
    }

    .tag:hover::after {
        border-left-color: #f07e1d
    }

.map-info {
    float: left;
    height: 200px;
    text-align: center;
    width: 100%
}

    .map-info #mapCanvasMobile, .map-info #mapCanvasWeb {
        float: left;
        text-align: center;
        width: 100%;
        height: auto;
        padding: 0 !important
    }

.form-control-map {
    background-color: #fff;
    background-image: none;
    color: #555;
    display: block;
    font-size: 14px;
    width: 100%
}

#profile_image {
    width: 50px !important
}

.content-detail-left {
    width: 270px;
    float: left
}

.btn-print-detail, .btn-save-detail {
    width: 100%;
    font-weight: 600;
    text-transform: uppercase
}

.div-salary {
    padding: 5px 15px;
    margin: 10px 0;
    font-size: 13px;
    border-left: 5px solid #fff
}

.btn-save-detail {
    background-color: #f07e1d;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.26)
}

    .btn-save-detail:hover {
        background-color: #a9bc0c !important
    }

.btn-print-detail {
    background-color: #fff;
    color: #333;
    border: 1px solid #e1e1e1
}

    .btn-print-detail:hover {
        color: #333 !important
    }

.group-salary-detail {
    margin-top: 5px;
    position: fixed;
    z-index: 2;
    margin-left: -15px;
    max-width: 200px
}

    .form-additional .form-group, .form-additional.form-group, .group-salary-detail .btn-save-detail, .widget .widget-list.btn-list li {
        margin-bottom: 6px
    }

.widget-box-edit {
    padding: 0 !important
}

.widget .widget-header-edit:before {
    border-left: 3px solid !important;
    left: -15px !important
}

.widget .widget-header-edit {
    line-height: 1.3 !important;
    margin-top: 10px;
    margin-bottom: 10px !important
}

.title-detail-middle {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    line-height: 25px !important
}

.tag-job-group li a {
    color: #7d7d7d
}

.group-font-small, .tags-cloud .tag-sm {
    font-size: 12px
}

.group-font-medium {
    font-size: 14px;
    font-weight: 600
}

.group-font-large {
    font-size: 17px;
    font-weight: 600
}

.group-font-bestlarge {
    font-size: 22px;
    font-weight: 600
}

.info-congviec {
    padding: 5px
}

.Resume {
    padding: 10px 10px 5px;
    border-radius: 4px;
    z-index: 1
}

.manage ul.unstyled li {
    border-bottom: 1px solid #e1e1e1;
    padding: 6px 0
}

ul.unstyled li.active a {
    color: #f07e1d;
    font-weight: 500
}

ul.menu-fixed-detail li.active a {
    font-weight: 600 !important
}

ul.menu-fixed-detail li a {
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px
}

.fixed-resume {
    background-color: #fff;
    width: 292px
}

.div-logocompany {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.info-congviec h5 {
    color: #333;
    font-weight: 600
}

.info-sub-detail li {
    line-height: 16px;
    padding-top: 10px
}

.colornormal:hover, ul.unstyled li a {
    font-size: 13px;
    line-height: 30px
}

.map-info-detail {
    width: 210px;
    height: auto
}

body .border-color-primary, body .widget .widget-header {
    border-color: #f07e1d !important
}

ul.unstyled {
    margin: -10px;
    padding: 0
}

.widget .widget-header {
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
    margin-top: 15px !important
}

    .widget .widget-header:before {
        left: -19px !important
    }

.btn-searchjob-jobseeker {
    background-color: #f07e1d !important;
    border: 1px solid rgba(0,0,0,.017);
    color: #fff !important;
    font-size: 14px
}

.box-searchjob-jobseeker {
    background-color: #fff;
    padding-bottom: 10px
}

.thongbao-searchjob-jobseeker {
    color: #333;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 10px
}

.col-ad-left img, .col-ad-right img {
    margin: 0 auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

.bg-white-searchjob-jobseeker {
    width: 180px;
    float: left;
    text-align: left
}

.content-searchjob-jobseeker {
    padding-bottom: 10px
}

.col-ad-right {
    width: 180px;
    float: right;
    padding: 5px;
    min-height: 608px
}

.job-home {
    border: 1px solid #fff
}

.jobs-info {
    border: 1px solid #e3e3e3;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    margin-right: 0;
    margin-left: 0
}

    .home-box:hover, .jobs-info:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        border-color: #f07e1d
    }

.color-orange {
    color: #ffeb3b !important;
    font-size: 15px !important
}

.title-jobs-home {
    font-size: 16px;
    font-weight: 600;
    line-height: .5
}

    .title-jobs-home a {
        color: #f07e1d;
        text-decoration: none
    }

        .title-jobs-home a:hover {
            color: #f07e1d
        }

.budget .fa, .budget2 .fa, .budget3 .fa, .budget4 .fa {
    color: #fff;
    font-size: 16px;
    left: 53px
}

.row-margin {
    margin-top: 4px
}

.div-img-jobs {
    height: 91px;
    background-color: #e1e1e1
}

.select-small {
    background: #fff !important;
    border: 1px solid #fff !important
}

#parties, .hover-default, .property-card-header {
    overflow: hidden;
    position: relative
}

.affix-bottom, .budget, .budget .fa, .budget2 .fa, .budget3 .fa, .budget4 .fa {
    position: absolute
}

.budget {
    background-color: #b7cc0b;
    height: 72px;
    right: 60px;
    top: -41px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 72px
}

.budget2, .budget3, .budget4 {
    height: 72px;
    right: 94px;
    width: 72px;
    position: absolute
}

    .budget .fa, .budget2 .fa, .budget3 .fa, .budget4 .fa {
        top: 30px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

.budget2, .budget3 {
    transform: rotate(45deg);
    top: -41px
}

.budget2 {
    background-color: #00a651;
    -webkit-transform: rotate(45deg)
}

.budget3, .list-danhmuc li a:hover .badge, .list-khuvuc li a:hover .badge {
    background-color: #f07e1d
}

.budget3 {
    -webkit-transform: rotate(45deg)
}

.budget4 {
    background-color: #00aeef;
    top: -41px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.badge-index {
    background-color: #fff !important;
    font-weight: 400 !important
}

.width-455 {
    width: 455px;
    float: left
}

.phone-contact {
    border-left: 5px solid #eee;
    margin-top: 10px
}

.box-job-cont, .service-box-job .fa {
    border: 1px solid #e6e6e6;
    text-align: center
}

.phone-contact li {
    margin-left: 10px;
    margin-right: 10px
}

.color-red {
    color: red
}

.form-contact input[type=submit], .form-contact input[type=text] {
    display: block;
    width: 100%;
    padding: 5px;
    height: 39px
}

    .form-contact input[type=submit]:hover {
        background-color: #e76f08
    }

.content-intro-jobseeker {
    margin-top: 90px
}

.box-job-cont {
    position: relative;
    padding: 0 15px 15px
}

.service-box-job .fa {
    display: table;
    margin: -30px auto 25px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #f0f0f0;
    box-shadow: inset 0 0 0 3px #fff;
    color: #b3b3b3;
    font-size: 25px;
    line-height: 60px;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -webkit-transition: .3s linear;
    transition: .3s linear
}

.invoice-pay, .service-box-job {
    padding-top: 30px
}

    .service-box-job p.mediumFont {
        overflow: hidden;
        max-height: 180px;
        padding-bottom: 25px !important
    }

.box-job-cont h3 {
    font-size: 16px;
    font-weight: 600
}

.list li {
    padding: 0 0 10px 10px
}

.list-ok li:before {
    content: "\f00c";
    color: #f07e1d
}

.list li:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
    font-family: FontAwesome
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent
}

.lang-manu .dropdown-menu a, .top-bar-fixed .menu, .widget-box {
    box-sizing: border-box
}

.slick-list {
    overflow: hidden;
    margin: 0 -15px;
    padding: 0
}

    .slick-dots li button:focus, .slick-list:focus, .slick-next:focus, .slick-prev:focus {
        outline: 0
    }

.slick-loading .slick-list {
    background: url(../images/ajax-loader.gif) center center no-repeat #fff
}

.slick-list.dragging {
    cursor: move !important
}

.slick-slide, .slick-slide img, .slick-slider .slick-list, .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    left: 0;
    top: 0;
    zoom: 1
}

.slick-dots, .slick-next, .slick-prev {
    position: absolute;
    padding: 0;
    text-align: center
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

.action_btns a, .slick-initialized .slick-slide, .vcard a {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    float: none
}

.slick-next, .slick-prev {
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    border: none;
    outline: 0;
    width: 28px;
    height: 28px;
    border-radius: 3px
}

.slick-prev {
    right: 32px;
    top: -60px
}

.slick-next {
    right: 0;
    top: -60px
}

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-family: FontAwesome;
        font-size: 18px;
        line-height: 28px;
        display: inline-block;
        margin: auto
    }

.slick-prev:before {
    content: "\f104"
}

.slick-next:before {
    content: "\f105"
}

.slick-dots {
    bottom: -45px;
    display: block;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: 0 0;
            display: block;
            height: 20px;
            width: 20px;
            outline: 0;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\2022";
                width: 20px;
                height: 20px;
                font-family: slick;
                font-size: 48px;
                line-height: 20px;
                text-align: center;
                color: #777
            }

.testimonials-bg {
    position: relative;
    z-index: 4;
    overflow: hidden;
    padding: 8px;
    background: #f0f0f0;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.testimonials-img, .testimonials-name:before {
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.testimonials-name {
    position: relative;
    margin: 0 5px;
    padding: 6px 0 8px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px
}

.testimonials-bg .rating .fa {
    margin-right: 4px;
    color: #ffc000;
    font-size: 15px
}

.slick-next, .slick-prev {
    background: #777;
    color: #eee
}

.testimonials-bg:after {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: inline-block;
    margin-right: 7px;
    color: #cfcfcf;
    content: "\f10e";
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    font-family: FontAwesome;
    line-height: 1
}

.testimonials-img {
    position: relative;
    z-index: 2;
    float: left;
    margin: 0 10px 5px 0;
    max-width: 70px;
    transition: .2s ease-in-out
}

.testimonials-name:after, .testimonials-name:before {
    bottom: 9px;
    z-index: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #dadada transparent transparent;
    content: "";
    position: absolute
}

.testimonials-name:before {
    left: -4px;
    border-width: 20px 0 0 23px;
    transition: .2s ease-in-out
}

.testimonials-name:after {
    right: -4px;
    border-width: 20px 23px 0 0;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.jobseeker-said {
    color: #bababa
}

.accordion li > h3 {
    overflow: hidden;
    margin: 0 0 15px;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.accordion li.active > h3 u:before {
    content: "\f068";
    font-family: FontAwesome
}

.accordion li > h3 u:before {
    display: block;
    content: "\f067";
    font-family: FontAwesome
}

.accordion li.active h3 a, .accordion li.active h3 u, .cart-popup, .pricing-table.selected {
    border-color: #f07e1d
}

.accordion li > h3 a {
    float: left;
    margin: 0;
    padding: 0 15px;
    border: 1px solid #f0f0f0;
    background: #fff;
    line-height: 28px;
    display: block;
    width: 100%;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px
}

.accordion-panel {
    margin: 15px;
    padding: 0 15px;
    border-left: 3px solid #d4d4d4
}

.accordion li > h3 u {
    display: inline-block;
    margin: 0 5px 0 10px;
    padding: 10px 10px 8px;
    border: 1px solid #d4d4d4;
    background: #fff;
    color: #a8a8a8;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.h4-vieclammoinhat {
    font-size: 13px;
    margin-top: 2px;
    height: 30px
}

    .h4-vieclammoinhat a {
        color: #333 !important;
        text-transform: lowercase;
        font-weight: 600;
        height: 30px
    }

.content-introduction-company, .sidebar-right {
    padding-top: 80px
}

.nav-info-company {
    background-color: #fff !important
}

.list-rating {
    border-bottom: 1px solid #f4f1f1;
    clear: both;
    padding: 10px 0
}

.star-rating .fa {
    color: #ff9800
}

.lineLi {
    margin-top: 15px;
    margin-bottom: 15px
}

.margin-left15 {
    margin-left: 15px
}

.modal-postJob {
    margin: 5px !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    text-align: center !important;
    font-size: 19px !important
}

.modal-header-postJob {
    border-bottom: 1px solid #f6f6f6 !important
}

.btn-nangcap:hover {
    background-color: #e47313
}

.title-traphi {
    font-size: 15px;
    color: #333
}

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

.fa-2 {
    font-size: 2em !important;
    color: #646464
}

.width-image-home {
    width: 205px;
    float: left;
    overflow: hidden
}

.div-avatar-rating {
    width: 100%;
    height: 58px;
    background-color: #fff
}

    .div-avatar-rating img {
        min-width: 58px;
        height: 58px;
        overflow: hidden
    }

.width-logo-company {
    width: 100px;
    float: left
}

.div-in-logo {
    width: 100%;
    height: 100px;
    background-color: #fff
}

    .div-in-logo img {
        max-width: 100px;
        height: auto;
        min-width: unset;
        overflow: hidden
    }

.width-content-intro-company {
    width: 540px;
    float: left
}

.timeline-detail {
    width: 100%;
    height: 510px;
    overflow: hidden
}

    .timeline-detail img {
        min-width: 825px;
        height: 510px;
        overflow: hidden;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 0;
        max-height: 510px
    }

.fixed-resume.fixed {
    position: fixed;
    top: 120px
}

.fixed-resume.bottom {
    position: absolute;
    bottom: 356px
}

.group-nex-pre {
    position: absolute;
    right: 0;
    top: 10px
}

.max-line-camnang {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    font-size: 13px;
    line-height: 1.2em !important;
    max-height: 67px
}

.popupHeader, h2 {
    font-size: 22px
}

#info_confirm_history .txtLeft {
    padding: 20px
}

    #info_confirm_history .txtLeft label {
        text-align: left;
        font-weight: 400
    }

#dangnhapnguoitimviec, #dangnhaptuyendung, .property-card-header, .table > tbody > tr > td > span.footable-toggle, .timepicker {
    cursor: pointer
}

.position_title_job {
    float: left;
    z-index: 99;
    margin-top: 395px;
    margin-bottom: 0;
    margin-left: 15px;
    height: 115px
}

.position_img_job {
    float: left;
    position: absolute;
    margin: 0;
    padding: 0;
    width: calc(100% - 30px);
    background-color: #f0f8ff !important
}

.ui-mutiselect-home .multiselect.dropdown-toggle.btn.btn-default {
    background: #fff !important;
    width: calc(100% - 10px) !important;
    padding: 0 10px !important;
    height: 49px !important;
    font-weight: 500;
    font-size: 12px !important;
    color: #777 !important;
    font-family: Arial,Helvetica,sans-serif !important
}

.container-home .btn-default, .container-home .reset-all a, .container-home .reset-all a:hover {
    background-color: transparent !important;
    color: #fff !important
}

.container-home .btn-default {
    border-color: transparent !important
}

.ui-mutiselect-home .multiselect-container {
    width: calc(100% - 10px) !important
}

    .ui-mutiselect-home .multiselect-container .multiselect-search {
        margin-bottom: 0 !important;
        width: 100% !important
    }

.centeredText, .popupHeader {
    text-align: center;
    text-transform: uppercase
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none
}

.popupContainer {
    position: absolute;
    width: 650px;
    height: auto;
    left: 45%;
    top: 80px;
    background: #f2f2f2
}

.btn_red {
    background: #f77725
}


.btn-facebook, .social_login .fb .icon {
    background: #3b5998
}

.btn_red:hover {
    background: #e95f07
}

a.btn {
    text-align: center;
    text-decoration: none
}

.one_half.last {
    width: 100%;
    position: relative
}

.popupHeader {
    position: relative;
    padding: 30px 20px;
    font-weight: 700
}

    .popupHeader .modal_close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px 15px;
        cursor: pointer;
        color: #3d3d3d;
        font-size: 16px
    }

.popupBody {
    padding: 0 15px 15px 30px
}

.social_login .social_box {
    display: block;
    clear: both;
    padding: 10px;
    margin-bottom: 10px;
    background: #f4f4f2;
    overflow: hidden
}

.social_login .icon {
    display: block;
    width: 10px;
    padding: 5px 10px;
    margin-right: 10px;
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.forgot_password, .invoice-items table thead th:last-child, .invoice-items tbody td, .invoice-totals tbody td, .property-card .property-card-tags span, .section.page-body .content-image, .widget.widget-properties .property-card .property-card-box span.price {
    text-align: right
}

.social_login .google .icon {
    background: #dd4b39
}

.social_login .icon_title {
    display: block;
    padding: 5px 0;
    float: left;
    font-weight: 700;
    font-size: 16px;
    color: #777
}

.centeredText {
    margin: 20px 0;
    clear: both;
    overflow: hidden
}

.forgot_password, .question-tk {
    margin: 0 0 20px;
    text-decoration: none;
    display: block;
    clear: both;
    overflow: hidden
}

.action_btns {
    clear: both;
    overflow: hidden
}

.forgot_password {
    color: #ed6347
}

.question-tk {
    color: #000;
    text-align: center
}

.or-line {
    border-bottom: 1px solid #ccc;
    text-align: center
}

    .or-line span {
        padding-right: 15px;
        padding-left: 15px;
        background: #f2f2f2;
        position: relative;
        z-index: 1;
        top: 9px;
        color: #333
    }

.employer_login label, .widget .widget-list li {
    display: block;
    margin-bottom: 5px
}

.employer_login input[type=email], .employer_login input[type=password], .employer_login input[type=text] {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    color: #666
}

.btn-facebook span, .btn-google span {
    min-width: 70px;
    display: inline-block
}

.employer_login input[type=checkbox] {
    float: left;
    margin-right: 5px
}

.employer_login .checkbox {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden
}

.btn-fg {
    border: 1px solid transparent;
    padding: 8px 20px;
    line-height: 1.42857143;
    border-radius: 2px;
    font-size: 14px
}

.btn-facebook {
    color: #fff !important
}

    .btn-facebook:hover {
        background: #344e86
    }

.btn-google {
    background: #dd4b39;
    color: #fff !important
}

    .btn-google:hover {
        background: #d73925
    }

    .btn-google:focus {
        border: 1px solid #d73925
    }

.box-em {
    padding: 20px;
    background-color: #fff
}

.cursor:hover, input[readonly=readonly] {
    cursor: pointer !important
}

#link_register, .tags-cloud .tag-lg {
    font-size: 15px
}

body.full-width .container, body.full-width .row, body:not(.boxed) .container-side-version .container, body:not(.boxed) .container-side-version .row, body:not(.boxed) .container.container-side-version {
    margin-left: 0;
    margin-right: 0
}

body.boxed .container > section > .container, body.full-width .container, body:not(.boxed) .container-side-version .container, body:not(.boxed) .container.container-side-version, body:not(.boxed) div.container.container-wrapper {
    width: 100%;
    max-width: 100%
}

@font-face {
    font-family: open sans light;
    src: url(../fonts/OpenSansLight/OpenSans-Light.ttf) format("truetype"),url(../fonts/OpenSansLight/opensans-light-webfont.woff)
}

body.boxed .logo, body.full-width .container .header-inner, body.full-width .container .top-bar, body.full-width .news .card .title, body:not(.boxed) .container-side-version .news .card .title {
    padding-left: 15px
}

body.boxed .section, div.container.container-wrapper {
    padding-right: 0;
    padding-left: 0
}

.menu .dropdown-menu.dropdown-menu-property .property-card-title a, body .footer .logo, body.boxed .header .header-inner > .container {
    padding-left: 0
}

body .footer .footer-mask, body .header > .container {
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%
}

body .btn.dropdown-toggle:focus, body a:focus {
    outline-width: 0;
    outline-style: none
}

.box-container {
    background: #fff;
    border: 1px solid rgba(233,235,238,.55);
    border-bottom: 1px solid #ccc
}

.border-color-primary {
    border-color: #e95f07
}

body .color-primary.btn, body .color-secondary.btn {
    border: 0;
    position: relative
}

.color-primary.btn:after, .color-secondary.btn:after {
    background: rgba(0,0,0,.1);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    width: 100%;
    z-index: 2
}

.color-secondary.btn > *, .search-form > * {
    position: relative;
    z-index: 3
}

.color-secondary.btn:focus, .color-secondary.btn:hover, ul.categories > li:last-child {
    border: 0
}

.bootstrap-select, .color-secondary {
    background: #004790
}

.color-primary {
    background: #0f7ad5
}

.section-color-primary, .table-cart th, .table-cart thead {
    background: #f8f8f8
}

.invoice-items tbody tr:nth-of-type(2n) td, .invoice-items tbody tr:nth-of-type(2n) th, .invoice-totals tbody tr:nth-of-type(2n) td, .invoice-totals tbody tr:nth-of-type(2n) th, .section-color-secondary, .section.agencies {
    background: #eee
}

.fullscreen-container {
    display: table;
    height: 100%
}

.slider-fullscreen, .slider-fullscreen .container, .slider-fullscreen .container .carousel, .slider-fullscreen .container .carousel .carousel-inner, .slider-fullscreen .container .carousel .carousel-inner .item, .slider-fullscreen .container .header-slider {
    height: 100%
}

.fullscreen-container .header {
    display: table-row
}

img {
    max-width: 100%
}

.section {
    padding-bottom: 80px;
    padding-top: 80px
}

    .section.news .section-title h2 {
        line-height: 1;
        margin: 0;
        text-align: center
    }

    .section.page-body {
        color: #000;
        font-size: 0;
        padding-top: 80px;
        padding-bottom: 40px
    }

        .section.page-body h4 {
            font-size: 18px;
            line-height: 1;
            margin-bottom: 10px
        }

        .section.page-body .content-image {
            margin-bottom: 20px;
            width: 68px;
            float: left
        }

            .section.page-body .content-image embed, .section.page-body .content-image img, .section.page-body .content-image object {
                height: 38px;
                display: inline-block
            }

            .section.page-body .content-image img {
                height: initial
            }

        .section.page-body .container > .row > div {
            display: inline-block;
            float: none;
            font-size: 13px;
            line-height: 1.8;
            vertical-align: top;
            margin-bottom: 40px
        }

        .section.page-body .content-image ~ div {
            width: calc(100% - 68px)
        }

.page-title {
    display: block;
    font-size: 30px;
    font-weight: 600
}

.icon-dropdown {
    background: url(../img/icon-dropdown.png) 50% 50% no-repeat;
    display: inline-block;
    height: 16px;
    margin-top: 2px;
    vertical-align: top;
    width: 16px
}

.icon-dropdown-white {
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #fff;
    display: inline-block;
    height: 0;
    margin-left: 3px;
    margin-top: -2px;
    vertical-align: middle;
    width: 0
}

.icon-air {
    background: url(../img/icons/icon-air.png) 50% 50% no-repeat;
    display: inline-block;
    height: 11px;
    width: 10px
}

.icon-move, .icon-pc {
    display: inline-block;
    width: 13px
}

.icon-move {
    background: url(../img/icons/icon-move.png) 50% 50% no-repeat;
    height: 11px
}

.icon-pc {
    background: url(../img/icons/icon-pc.png) 50% 50% no-repeat;
    height: 12px
}

.icon-checked, .icon-micro {
    display: inline-block;
    width: 11px
}

.icon-micro {
    background: url(../img/icons/icon-micro.png) 50% 50% no-repeat;
    height: 11px
}

.icon-checked {
    background: url(../img/icons/icon-checked.png) 50% 50% no-repeat;
    height: 9px
}

.icon-star {
    background: url(../img/icons/icon-star.png) 50% 50% no-repeat;
    display: inline-block;
    height: 15px;
    width: 16px
}

.icon-star-2, .icon-star-3, .icon-star-4, .icon-star-5 {
    background: url(../img/icons/icon-star.png) repeat-x;
    display: inline-block;
    height: 15px
}

.icon-star-2 {
    width: 32px
}

.icon-star-3 {
    width: 48px
}

.icon-star-4 {
    width: 64px
}

.icon-star-5 {
    width: 80px
}

.icon-caret-down, .icon-caret-up {
    background: url(../img/icons/nav-sprite.png) no-repeat;
    display: inline-block;
    height: 11px;
    line-height: 24px;
    width: 16px
}

.icon-caret-up {
    margin-top: 6px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.widget .widget-header {
    color: #000;
    font-size: 24px;
    position: relative;
    text-overflow: ellipsis
}

    .widget .widget-header h1, .widget .widget-header h2, .widget .widget-header h3 {
        color: #333;
        font-size: 18px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: uppercase;
        font-weight: 600
    }

    .widget .widget-header:before {
        border-color: inherit !important;
        border-left: 3px solid #f07e1d;
        content: "";
        height: 100%;
        position: absolute;
        top: 0
    }

.widget-section {
    padding-top: 40px;
    padding-bottom: 40px
}

.widget-overflow {
    margin-top: -135px
}

.widget .widget-list {
    font-family: open sans light,sans-serif;
    font-weight: 600;
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

    .checkbox-box-main .form-group, .invoice-meta dd, .menu ul, .panel-content.panel-group, .widget .widget-list li:last-child, .widget-content p:last-child, .widget-form-cart .form-additional, .widget-form.form-main .form-additional, .widget-form.form-main .form-additional .control-group:last-child, .widget-property-map .form-additional, .widget.widget-profilelisting, body .footable-details.table, body .footable.table, body .npad, body .widget .npad, body .widget-form .form-additional .btn-property {
        margin-bottom: 0
    }

    .widget .widget-list li a {
        color: inherit;
        text-decoration: none
    }

.widget-list a {
    color: #929292
}

.widget-list li a:hover {
    color: #545454
}

.widget .widget-list.btn-list li a {
    background: #f8f8f8;
    box-sizing: border-box;
    color: #929292;
    display: block;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    padding: 0 15px;
    transition: background .15s;
    -webkit-transition: background .15s
}

.widget-content {
    font-size: 13px;
    line-height: 1.8;
    padding-left: 15px;
    padding-right: 15px
}

.widget-title {
    margin: 20px 0
}

.widget-body {
    padding: 0 20px
}

.widget.widget-agent .img-circle-cover {
    border: 1px solid #f6f7f9;
    height: 70px;
    width: 70px
}

.widget.widget-properties .property-card {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    margin-bottom: 25px
}

    .widget.widget-properties .properties, .widget.widget-properties .property-card .property-card-box {
        padding-bottom: 0
    }

.widget-properties .property-card .property-card-box .property-card-title {
    font-size: 16px;
    margin-bottom: 5px
}

.widget.widget-properties .property-card .property-card-box span {
    font-size: 13px;
    display: block
}

.widget.widget-properties .property-card .property-card-box .options {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%
}

    .widget.widget-properties .property-card .property-card-box .options span {
        display: table-cell;
        height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
        width: 50%
    }

.widget-agent .media-left {
    max-width: 80px
}

.widget-agent .agent-details > * {
    display: block;
    font-size: 12px;
    margin-bottom: 3px
}

.widget-agent .agent-name {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin: 1px 0 4px
}

.widget-agentslist .widget-box {
    padding-bottom: 0;
    padding-top: 5px
}

.widget-agentslist .agents-list .widget {
    margin-bottom: 10px;
    padding: 10px 12px
}

.widget-form .box-container {
    padding-bottom: 15px;
    padding-top: 15px
}

.widget-form .widget-body {
    padding-bottom: 0;
    padding-top: 40px
}

.widget-form .form-group-submit {
    margin: 20px 24px
}

.widget-form .btn-property {
    margin: 0;
    padding: 0;
    width: 100%
}

.widget-form-cart .list-overview li:last-child {
    padding-bottom: 0;
    margin: 0
}

.widget-form-cart .widget-body {
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px
}

.widget-form-cart form div {
    border-bottom: 0;
    padding-bottom: 0
}

.widget-form-cart .form-group-submit {
    padding: 10px 0 0
}

.widget-form-cart h5 {
    margin-top: 0;
    line-height: 1
}

.widget-contactform .form-additional, body .form-additional.npad {
    margin-bottom: -6px
}

.amenities li span, .widget-form-cart .widget-body .list-overview {
    padding: 0 5px
}

.select-default {
    border: 1px solid #afafaf;
    font-size: 14px
}

.widget-form-cart .select-default {
    height: 38px;
    margin: 10px 0
}

.widget-rightsearch .btn-search, .widget-rightsearch .form-control {
    height: 44px;
    line-height: 30px
}

.widget-contactform form textarea {
    height: 144px;
    padding-top: 12px
}

.widget-contactform form .btn {
    line-height: 26px
}

.box-overflow-container {
    margin-bottom: 80px;
    padding: 40px 25px
}

.box-container-title .title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
    margin-top: 0
}

.box-container-title .sub-title {
    color: #777;
    font-size: 13px
}

.widget-ask .panel-content {
    margin: 30px 0
}

.widget-menu-right .list-group .list-group-item.active, .widget-menu-right .list-group-item, .widget-menu-right .list-group-item:focus, .widget-menu-right .list-group-item:hover {
    background: 0 0;
    border: 0;
    border-color: inherit;
    color: #757575
}

.tags-cloud > a, .tags-cloud > span, .widget-menu-right .list-group .list-group-item.active, .widget-menu-right .list-group .list-group-item:hover, .widget-menu-right .list-group .list-group-item:not(.collapsed)[aria-expanded=true] {
    color: inherit
}

.widget-menu-right .list-group-item {
    border-color: inherit;
    font-size: 18px;
    padding: 6px 0 6px 22px;
    position: relative
}

.widget-menu-right .list-group div {
    font-size: 16px;
    padding-left: 15px
}

    .widget-menu-right .list-group div a {
        font-size: 16px;
        padding: 2px 0 2px 22px
    }

.widget-menu-right .list-group > .list-group-item.active:before, .widget-menu-right .list-group > .list-group-item:not(.collapsed)[aria-expanded=true]:before {
    border-color: inherit;
    border-left: 4px solid;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.tags-cloud .tag-lg-2, .widget-menu-right-sm .list-group-item {
    font-size: 16px
}

.widget-menu-right-sm.widget-menu-right .panel, body .invoice-notes p {
    padding: 0;
    margin: 0
}

.col-md-9 .widget-property, .widget-menu-right .panel {
    padding: 40px 0
}

.tags-cloud .tag-xs {
    font-size: 10px
}

.tags-cloud .tag-lg-4 {
    font-size: 20px
}

.infobox2 {
    background: #fff;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 270px
}

.highlight {
    background-color: #f7f7f9;
    margin-top: 10px;
    padding: 1rem
}

ul.categories.list-menu {
    border: 1px solid #e0eded;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

    ul.categories.list-menu .dropdown-item {
        white-space: initial
    }

ul.categories > li {
    border-bottom: 1px solid #e0eded;
    position: relative
}

    ul.categories > li > a {
        display: block;
        padding: 10px 15px
    }

        ul.categories > li > a:after {
            content: " \f105";
            font-family: FontAwesome,sans-serif;
            float: right;
            position: relative;
            top: 0
        }

        ul.categories > li > a:hover {
            background: #3498db;
            color: #fff;
            text-decoration: none
        }

        ul.categories > li > a i {
            display: inline-block;
            color: #999;
            font-style: normal;
            font-size: 11px;
            padding-right: 5px;
            vertical-align: middle
        }

    ul.categories > li > ul {
        background: #fcfcfc;
        margin: 0;
        padding: 0
    }

        ul.categories > li > ul > li {
            border-top: 1px solid #e0eded
        }

            ul.categories > li > ul > li > a {
                display: block;
                padding: 5px 25px
            }

.hover-default .property-card-hover {
    background: rgba(0,0,0,.25);
    height: 101%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .2s;
    -webkit-transition: opacity .2s;
    width: 100%
}

    .hover-default .property-card-hover .left-icon, .property-card .property-card-hover .left-icon {
        bottom: 12px;
        height: 19px;
        left: 12px;
        position: absolute;
        width: 21px
    }

    .hover-default .property-card-hover .center-icon, .property-card .property-card-hover .center-icon {
        height: 35px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        width: 35px
    }

    .hover-default .property-card-hover .right-icon, .property-card .property-card-hover .right-icon {
        bottom: 12px;
        height: 20px;
        position: absolute;
        right: 12px;
        width: 19px
    }

.image-hoveffect:after {
    background: rgba(0,0,0,.25);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image-hoveffect:after, .image-hoveffect:before {
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s
}

.image-hoveffect:before {
    background: url(../img/property-hover-arrow.png) 0 0/contain no-repeat;
    bottom: 6px;
    content: "";
    height: 15px;
    left: 6px;
    opacity: 0;
    position: absolute;
    width: 15px;
    z-index: 1
}

.header .top-bar, .header .top-bar a {
    color: #fff;
    font-size: 11px;
    line-height: 30px
}

    .header .top-bar ul {
        list-style: none;
        margin: 0;
        text-align: center;
        padding: 0
    }

    .header .top-bar .pull-right {
        width: 215px;
        background-color: #004790
    }

.header .login-menu i {
    margin-right: 2px;
    margin-left: 1px
}

.header .social-nav a {
    font-size: 11px;
    padding: 0 12px
}

body:not(.boxed) .top-box > .container {
    max-width: 100%;
    width: 100%
}

body .top-box > .container {
    margin: 0 auto;
    padding: 0
}

body.boxed .top-bar-fixed .header-inner .logo {
    padding: 4px 15px
}

.top-bar-fixed .menu {
    padding-top: 0;
    padding-bottom: 0
}

.header .top-bar-fixed .websitetitle {
    display: table;
    height: 70px
}

.top-bar-fixed .header-inner .logo img {
    max-height: 61px
}

.top-bar-fixed .menu .nav-link {
    padding: 25px 15px
}

.top-bar-fixed .menu .lang-manu {
    padding-top: 13px
}

.top-bar-fixed .websitetitle {
    transition: .65s ease-in;
    -webkit-transition: .65s ease-in;
    -moz-transition: .65s ease-in;
    -ms-transition: .65s ease-in
}

.top-bar-fixed .header-inner .logo, .top-bar-fixed .header-inner .logo img {
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -ms-transition: .3s ease-in
}

.websitetitle {
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s
}

.top-title-widget {
    background-image: url(../img/bg-title.png);
    background-position: 50% 50%;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px
}

.top-title-t {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 0
}

.sticky.is-sticky {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000
}

.header-slider .carousel.slider-tall .carousel-inner .item {
    height: 645px
}

.slider-tall .item .carousel-caption .carousel-caption-title {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: -webkit-transform .4s,opacity .3s;
    -moz-transition: -moz-transform .4s,opacity .3s;
    -o-transition: -o-transform .4s,opacity .3s;
    transition: transform .4s,opacity .3s
}

.slider-tall .item .carousel-caption p {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: -webkit-transform .4s .5s,opacity .5s .5s;
    -moz-transition: -moz-transform .4s .5s,opacity .5s .5s;
    -o-transition: -o-transform .4s .5s,opacity .5s .5s;
    transition: transform .4s .5s,opacity .5s .5s
}

.slider-tall .item .carousel-caption a {
    opacity: 0;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: -webkit-transform .5s .9s,opacity .2s .9s;
    -moz-transition: -moz-transform .5s .9s,opacity .2s .9s;
    -o-transition: -o-transform .5s .9s,opacity .2s .9s;
    transition: transform .5s .9s,opacity .2s .9s
}

.slider-tall .item.active .carousel-caption .carousel-caption-title, .slider-tall .item.active .carousel-caption a, .slider-tall .item.active .carousel-caption p {
    opacity: 1;
    transform: translateY(0)
}

.slider-tall .carousel-indicators li {
    border: 2px solid #fff;
    height: 12px;
    margin: 2px;
    position: relative;
    width: 12px
}

    .slider-tall .carousel-indicators li .carousel-indicators-preview {
        bottom: 25px;
        box-shadow: 0 2px 12px -4px #000;
        border: 2px solid #000;
        border-radius: 2px;
        background-size: cover;
        background-position: 50% 50%;
        display: block;
        height: 60px;
        left: 50%;
        margin-left: -50px;
        opacity: 0;
        position: absolute;
        padding: 3px;
        transition: opacity .2s;
        -webkit-transition: opacity .2s;
        -moz-transition: opacity .2s;
        -o-transition: opacity .2s;
        width: 100px
    }

        .slider-tall .carousel-indicators li .carousel-indicators-preview:after {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 8px solid #333;
            bottom: -10px;
            content: "";
            height: 0;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            width: 0
        }

    .slider-tall .carousel-indicators li:hover {
        background-color: #333
    }

.vcontainer {
    height: 530px;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .vcontainer video {
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        top: 50%;
        z-index: 0
    }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:active, .nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
    color: inherit;
    text-decoration: none
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 0
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none
}

.menu .nav-link {
    font-weight: 500;
    overflow: hidden;
    padding: 12px 15px;
    position: relative
}

.menu .nav > .nav-item .nav-link .bottom-line {
    background: #246ca9;
    bottom: -2px;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: -webkit-transform .25s,transform .25s;
    -webkit-transition: -webkit-transform .25s,transform .25s
}

.menu .active .nav-link, .menu .nav-link.active, .menu .nav > .nav-item .nav-link:hover {
    background: #e95f07;
    color: #fff
}

    .menu .active .nav-link .icon-dropdown, .menu .nav-link .icon-dropdown, .menu .nav-link.active .icon-dropdown, .menu .nav > .nav-item .nav-link:hover .icon-dropdown, body .lang-manu .icon-dropdown {
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        display: inline-block;
        height: 0;
        margin-left: 3px;
        margin-right: 5px;
        margin-top: -2px;
        width: 0;
        vertical-align: middle
    }

    .menu .nav-link.active .bottom-line, .menu .nav > .nav-item .nav-link:not(.dropdown-toggle):hover .bottom-line {
        transform: scaleX(1);
        -webkit-transform: scaleX(1)
    }

.menu .nav-link .icon-dropdown, body .lang-manu .icon-dropdown {
    background: initial;
    color: #000
}

.menu .dropdown-menu {
    background-color: rgba(255,255,255,.95);
    border-radius: 0;
    border: 0;
    box-shadow: none;
    font-size: 1em;
    left: 0;
    padding: 0
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-menu-lang a:focus, .dropdown-menu-lang a:hover {
    background-color: #3690db;
    color: #fff;
    text-decoration: none
}

.menu .dropdown-menu a {
    padding: 6px 20px
}

.top-bar-fixed .menu {
    transition: padding-top .3s ease-in;
    -webkit-transition: padding-top .3s ease-in;
    -moz-transition: padding-top .3s ease-in;
    -ms-transition: padding-top .3s ease-in
}

.menu .navbar .dropdown-mega {
    position: static
}

.menu .dropdown-menu.dropdown-menu-property {
    background-color: transparent;
    border: 0;
    left: 0;
    width: 100%
}

.btn-group.open .dropdown-toggle, .menu .dropdown-mega .dropdown-menu {
    box-shadow: none;
    -webkit-box-shadow: none
}

.menu .dropdown-menu.dropdown-menu-property .container {
    background-color: #f8f8f8;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    color: #696969;
    font-size: 1em;
    padding-top: 20px
}

.lang-manu {
    color: #757575;
    display: inline-block;
    font-size: 12px;
    margin-left: 0;
    margin-top: 0
}

    .lang-manu a img {
        margin-top: -2px
    }

    .footer .social ul li:not(:last-child), .lang-manu button img, .property-card .property-preview-footer span i {
        margin-right: 5px
    }

    .lang-manu button {
        color: #000;
        outline: 0;
        background-color: #fff
    }

        .lang-manu button:active, .lang-manu button:focus, .lang-manu button:hover, .lang-manu button:visited {
            color: #555
        }

        .lang-manu button > img, .lang-manu button > span {
            display: inline-block;
            margin-bottom: 1px;
            vertical-align: middle
        }

        .lang-manu button > span {
            margin-bottom: 2px
        }

    .lang-manu .btn.active.focus, .lang-manu .btn.active:focus, .lang-manu .btn:active.focus, .lang-manu .btn:active:focus, .lang-manu .btn:focus, .lang-manu.btn.focus {
        outline: 0;
        outline-offset: 0
    }

    .lang-manu .dropdown-menu {
        border-radius: 0;
        left: 0;
        min-width: auto;
        padding: 0
    }

        .lang-manu .dropdown-menu a {
            display: block;
            font-size: 12px;
            padding: 10px 15px 10px 6px
        }

        .lang-manu .dropdown-menu li.selected, .lang-manu .dropdown-menu li:hover {
            background: rgba(31,113,181,.43)
        }

.header-slider .carousel .carousel-inner .item {
    height: 527px
}

    .header-slider .carousel .carousel-inner .item img {
        height: 100%;
        margin: 0 auto;
        object-fit: cover;
        -ms-object-fit: cover;
        -o-object-fit: cover;
        -webkit--object-fit: cover;
        -moz-object-fit: cover;
        width: 100%
    }

.carousel-caption .carousel-caption-title {
    font-family: open sans light,sans-serif;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 50px;
    margin-top: 0;
    position: relative
}

    .carousel-caption .carousel-caption-title span, .carousel-caption p {
        background: rgba(0,0,0,.45);
        display: inline-block;
        padding: 20px
    }

.carousel-caption p {
    font-size: 14px;
    max-width: 650px
}

.carousel-caption .carousel-caption-title .line-bottom {
    bottom: -25px;
    height: 3px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    width: 90px
}

.header-slider .item:after {
    background: rgba(0,0,0,.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #fff
}

.agents-corousel-item .agent-details .mail:hover, .btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none
}

form textarea.form-control {
    padding-top: 12px
}

.search-form {
    background: #0f7ad5;
    padding: 40px 0 20px
}

    .search-form input::-webkit-input-placeholder, .widget-rightsearch input::-webkit-input-placeholder {
        color: #fff
    }

    .search-form input::-moz-placeholder, .widget-rightsearch input::-moz-placeholder {
        color: #fff
    }

.widget .form-additional input::-moz-placeholder {
    color: #000
}

.widget .form-additional input::-webkit-input-placeholder {
    color: #000
}

.widget .form-additional input::-ms-input-placeholder {
    color: #000
}

.widget .form-additional input::placeholder {
    color: #000
}

.widget .form-additional textarea::-moz-placeholder {
    color: #000
}

.widget .form-additional textarea::-webkit-input-placeholder {
    color: #000
}

.widget .form-additional textarea::-ms-input-placeholder {
    color: #000
}

.widget .form-additional textarea::placeholder {
    color: #000
}

.search-form .btn-search {
    max-width: 100%;
    width: 100%;
    padding: 0
}

.input-group-double button {
    height: 44px;
    white-space: nowrap
}

.bootstrap-select .dropdown-menu {
    background: inherit;
    border-radius: 0;
    padding: 0
}

.bootstrap-select.btn-group .dropdown-menu {
    box-sizing: initial;
    left: -1px
}

.bootstrap-select .dropdown-menu a {
    color: #fff;
    display: block;
    box-sizing: border-box;
    padding: 10px 0 10px 15px
}

.bootstrap-select .dropdown-menu li.selected, .bootstrap-select .dropdown-menu li:hover {
    background: rgba(0,0,0,.1)
}


.btn-second, .form-additional input, .form-additional textarea {
    background: #f8f8f8;
    padding: 0 15px;
    overflow: hidden;
    box-sizing: border-box
}

.checkbox-box-main .checkbox-inline {
    color: #fff;
    line-height: 1;
    margin: 0 30px 20px 0;
    vertical-align: top
}

.checkbox-box-main .form-group input {
    top: -3px
}

.search-additional-btn {
    border-radius: 0 0 3px 3px;
    bottom: -42px;
    cursor: pointer;
    display: block;
    height: 22px;
    opacity: .9;
    position: absolute;
    right: 15px;
    text-align: center;
    width: calc(8.33333333% - 30px);
    z-index: 10
}

    .search-additional-btn i {
        color: #f6f7f9;
        font-size: 24px
    }

.form-additional input, .form-additional textarea {
    border: 1px solid rgba(232,234,237,.65);
    color: #000;
    display: block;
    height: auto;
    transition: background .15s;
    -webkit-transition: background .15s
}

.form-additional input {
    height: 44px;
    line-height: 44px
}

    .form-additional input[type=checkbox] {
        display: inline-block;
        height: auto;
        line-height: 44px
    }

    .form-additional input:focus {
        background: #ebebeb;
        border: 1px solid #e0e1e2;
        color: #545454
    }

.btn-second {
    display: inline-block;
    border: 1px solid #e9ebee;
    border-radius: 0;
    color: #545454;
    height: 35px;
    line-height: 35px;
    transition: background .15s;
    -webkit-transition: background .15s;
    text-decoration: none
}

    .btn-second:active, .btn-second:hover {
        background: #e9ebee;
        text-decoration: none
    }


.btn-second:focus {
    color: #545454;
    text-decoration: none
}

.form-primary .form-control, .search-form .form-control {
    border: 1px solid rgba(116,116,116,.1);
    border-radius: 0;
    height: 60px
}

.selectpicker-additional {
    border: 0;
    border-radius: 0;
    height: 44px
}

.form-additional .btn {
    padding-left: 15px;
    padding-right: 15px
}

.btn.btn-secondary {
    padding-top: 10px;
    padding-bottom: 10px
}

.btn.btn-link.focus, .btn.btn-link:focus, .btn.btn-link:hover {
    color: #337ab7;
    text-decoration: underline
}

.btn-search {
    background: #004790;
    border: 1px solid rgba(116,116,116,.1);
    border-radius: 0;
    font-size: 30px;
    height: 60px;
    transition: .15s;
    -webkit-transition: .15s;
    width: 60px
}

    .btn-search:hover {
        background: #2c82cb
    }

.input-with-search {
    display: block;
    position: relative
}

.grid-type a, .h-side .h-side-title {
    display: inline-block;
    line-height: 1
}

.input-with-search input {
    background: inherit;
    border: 0;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding-right: 40px
}

.input-with-search .input-group-addon {
    background: inherit;
    border: 0;
    height: 100%;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .15s ease-in;
    -webkit-transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in;
    width: 40px;
    z-index: 5
}

.input-with-search input::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px
}

.input-with-search input::-moz-placeholder {
    color: #fff;
    font-size: 14px
}

.control-group-captcha img {
    margin-top: 5px;
    float: left
}

.control-group-captcha .captcha-input-box {
    margin-left: 125px
}

.list-group.panel {
    border-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none
}

.search-form {
    position: relative;
    z-index: 20
}

.label-important {
    background-color: #b94a48
}

body > div:not(.container-side-version) .h-side {
    padding-top: 80px;
    padding-bottom: 60px
}

.h-side .h-side-additional {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.5px
}

.h-side .properties-filter .select-small {
    background: #e5e5e5
}

.h-side .properties-filter > * {
    display: inline-block;
    vertical-align: top
}

body > div:not(.container-side-version) .h-side.h-side-results {
    padding-top: 80px;
    padding-bottom: 40px
}

    body > div:not(.container-side-version) .h-side.h-side-results .section-title {
        margin-bottom: 60px
    }

    body > div:not(.container-side-version) .h-side.h-side-results .grid-type {
        margin-left: 0
    }

.h-side.h-side-results .grid-type a {
    margin-left: 0;
    margin-right: 5px
}

.grid-type {
    margin-left: 30px;
    padding: 1.5px 0
}

    .grid-type a {
        color: #dedede;
        font-size: 25px;
        margin-left: 5px
    }

        .grid-type a.active, .grid-type a:hover {
            color: #000
        }

.properties {
    padding-bottom: 40px
}

.properties-filter .form-group {
    margin: 0;
    padding: 4px 0
}

.property-card {
    border-radius: 0;
    border: 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin-bottom: 20px;
    overflow: hidden
}

    .property-card .property-card-header {
        height: 165px;
        overflow: hidden;
        position: relative
    }

        .property-card .property-card-header .property-card-value {
            position: absolute;
            bottom: 5px;
            left: 5px;
            z-index: 0
        }

        .images-gallery li img, .property-card .property-card-header img {
            height: 100%;
            object-fit: cover;
            -ms-object-fit: cover;
            -o-object-fit: cover;
            -webkit--object-fit: cover;
            -moz-object-fit: cover;
            width: 100%
        }

    .property-card .property-card-tags {
        box-sizing: border-box;
        text-align: right
    }

.dropdown-mega .property-card .property-card-tags {
    padding-top: 10px
}

.property-card .property-card-tags:after {
    clear: both;
    content: "";
    display: table
}

.property-card .property-card-box {
    padding: 0 20px 15px
}

    .property-card .property-card-box .property-card-title {
        color: #545454;
        font-size: 18px;
        font-weight: 600;
        font-family: open sans light,sans-serif;
        height: 24px;
        overflow: hidden;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 1;
        text-overflow: ellipsis;
        text-decoration: none;
        white-space: nowrap
    }

        .property-card .property-card-box .property-card-title a:hover {
            background: #0f7ad5;
            color: #fff;
            text-decoration: none
        }

.property-card-descr {
    font-size: 13px;
    line-height: 1.8;
    padding-bottom: 15px
}

.property-card .property-preview-footer span {
    display: inline-block;
    margin-right: 7px
}

.property-card .property-preview-footer a.btn {
    border: 0;
    color: #939393;
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 3px;
    padding: 0;
    transition: .15s;
    -webkit-transition: .15s
}

    .property-card .property-preview-footer a.btn:hover {
        color: #5b5b5b;
        text-decoration: none
    }

.property-preview-footer .pull-left {
    padding: 3px 0
}

.property-preview-f-left {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.property-preview-f-right {
    float: right;
    width: 110px;
    white-space: nowrap;
    text-align: right
}

.property-card .property-preview-footer .aux-info span {
    font-size: 12px;
    margin-right: 15px
}

.property-card .budget {
    background: #ffd800;
    height: 80px;
    position: absolute;
    right: -40px;
    top: -40px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 80px
}

    .property-card .budget .fa {
        color: #fff;
        font-size: 16px;
        left: 34px;
        position: absolute;
        top: 56px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

.classfied-card:hover .classfied-card-box-category, .classfied-card:hover .classfied-card-box-title, .classfied-card:hover .classfied-card-mask {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

.property-card .property-card-hover {
    background: rgba(0,0,0,.25);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .2s;
    -webkit-transition: opacity .2s;
    width: 100%;
    z-index: 2
}

.property-card-list {
    height: 165px
}

    .property-card-list .property-card-descr {
        font-size: 13px;
        height: 75px;
        overflow: hidden;
        padding-bottom: 15px
    }

    .property-card-list .property-card-tags {
        padding-top: 5px
    }

.properties-border .property-card, .properties-border.property-card {
    border: 2px solid #f8f8f8
}

.classfied-card {
    height: 400px;
    overflow: hidden;
    position: relative
}

    .classfied-card * {
        color: #fff;
        -o-transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        transition: .35s
    }

    .classfied-card .classfied-card-mask {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        -webkit-transition: -webkit-transform .4s,opacity .1s;
        -moz-transition: -moz-transform .4s,opacity .1s;
        -o-transition: -o-transform .4s,opacity .1s;
        transition: transform .4s,opacity .1s;
        opacity: .5
    }

    .blogs-listing .card .title:after, .classfied-card .classfied-card-box-category, .list-overview li:after, .news-card.card .property-card-tasm:after {
        display: table
    }

    .classfied-card .treefield-categories {
        display: table-cell;
        text-align: center;
        vertical-align: bottom
    }

        .classfied-card .treefield-categories .treefield-box-item {
            display: inline-block;
            float: none;
            margin-left: 0;
            margin-right: 0;
            width: 48%;
            border: 1px solid #fff
        }

    .classfied-card .property-card-title a:hover {
        color: #f6f7f9;
        text-decoration: none
    }

    .classfied-card .card-box, .classfied-card .classfied-card-mask, .classfied-card .image-box {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .classfied-card .card-box {
        padding: 15px 20px 0
    }

    .classfied-card .classfied-card-box-category {
        height: 50%;
        top: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%)
    }

    .classfied-card .classfied-card-box-title {
        height: 50%;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%)
    }

    .classfied-card:hover .classfied-card-box-category, .classfied-card:hover .classfied-card-box-title {
        -webkit-transition: -webkit-transform .4s,opacity .1s;
        -moz-transition: -moz-transform .4s,opacity .1s;
        -o-transition: -o-transform .4s,opacity .1s;
        transition: transform .4s,opacity .1s
    }

    .classfied-card .card-box.classfied-card-box-info {
        -webkit-transition: -webkit-transform .15s;
        -moz-transition: -moz-transform .15s;
        -o-transition: -o-transform .15s;
        transition: transform .4s;
        background: rgba(55,58,60,.45);
        bottom: 0;
        height: initial;
        left: 0;
        position: absolute;
        padding: 15px;
        top: initial;
        text-align: center;
        width: 100%
    }

    .classfied-card:hover .card-box.classfied-card-box-info {
        transform: translateY(100%);
        transition-duration: 0s
    }

.properties-list-small .property {
    background: #fff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    margin-bottom: 12px
}

    .properties-list-small .property .image {
        height: 70px;
        float: left;
        margin-right: 10px;
        position: relative;
        width: 95px
    }

        .properties-list-small .property .image img {
            height: 100%;
            object-fit: cover;
            -webkit-object-fit: cover;
            -o-object-fit: cover;
            -moz-object-fit: cover;
            -ms-object-fit: cover;
            width: 100%
        }

        .properties-list-small .property .image a {
            background-color: transparent;
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            -webkit-transition: background-color .2s ease-in;
            -moz-transition: background-color .2s ease-in;
            -o-transition: background-color .2s ease-in;
            transition: background-color .2s ease-in;
            width: 100%
        }

    .properties-list-small .property .body {
        padding: 10px 20px 10px 0
    }

        .properties-list-small .property .body .title h3 {
            line-height: 1px;
            margin: 0;
            height: 16px
        }

        .properties-list-small .property .body .title {
            margin-bottom: 4px;
            margin-top: 0
        }

        .properties-list-small .property .body .location {
            font-size: 11px;
            line-height: 1;
            margin-bottom: 8px
        }

        .properties-list-small .property .body .title h3 a {
            font-size: 13px;
            font-weight: 600;
            line-height: 1;
            text-decoration: none
        }

    .properties-list-small .property:after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden
    }

.blogs-listing .card .title:after, .list-overview li:after, .news-card.card .property-card-tasm:after {
    content: "";
    clear: both
}

.properties-list-small .property .body .price {
    font-size: 11px;
    font-weight: 700;
    line-height: 1
}

.agent-card {
    height: 90px;
    margin: 25px 0;
    overflow: hidden
}

    .agent-card .media-left {
        max-width: 90px;
        padding-right: 0
    }

    .agent-card .agent-details > * {
        display: block;
        font-size: 12px;
        margin-bottom: 4px
    }

    .agent-card .agent-details .agent-name {
        font-size: 20px;
        line-height: 1;
        margin-top: 12px;
        margin-bottom: 6px
    }

.agents-listing .agent-card {
    opacity: 1;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    transition: opacity .25s
}

    .agents-listing .agent-card:hover {
        opacity: .7
    }

.agent .phone, .agents-corousel-item .agent-details > * {
    margin-bottom: 5px
}

.blogs-listing .card .news-thumbnail {
    width: 100%;
    height: 130px;
    margin-bottom: 10px
}

.news-card.card .property-card-header {
    height: 250px
}

.news-card.card .property-card-tasm .img-circle-cover {
    border: 1px solid #eee;
    display: inline-block;
    height: 30px;
    width: 30px
}

.news-card.card .property-card-tasm {
    padding: 12px 20px
}

    .news-card.card .property-card-tasm * {
        display: inline-block;
        line-height: 30px;
        font-size: 12px;
        vertical-align: top
    }

    .news-card.card .property-card-tasm .item-t .date, .news-card.card .property-card-tasm .item-t .name {
        padding: 0 3px
    }

.widget-agents-listing .agents-listing {
    padding: 0;
    margin-top: -25px;
    margin-bottom: -25px
}

.blogs-listing .card {
    border: 0;
    margin-bottom: 40px;
    padding-right: 30px;
    padding-left: 20px;
    -webkit-transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in
}

    .blogs-listing .card .title {
        border-bottom: 1px solid #999;
        font-size: 22px;
        margin-bottom: 20px;
        padding-bottom: 5px
    }

.agents-corousel-item a.agent-name, .news .card .title {
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.blogs-listing .card .title .title-notice {
    float: right;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px
}

.blogs-listing .card .description {
    display: -webkit-box;
    line-height: 1.8;
    max-height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    -ms-line-clamp: 8;
    -moz-line-clamp: 8
}

.news .card {
    border: 0;
    background: transparent
}

    .news .card .title {
        color: #545454;
        font-family: open sans light,open sans;
        line-height: 1;
        padding: 0 0 5px
    }

.agents-corousel-item a.agent-name, .agents-corousel-item span {
    font-family: open sans light,sans-serif;
    display: block
}

.news .card .description {
    color: #000;
    font-size: 13px;
    max-height: 140px;
    overflow: hidden;
    line-height: 1.8
}

.news .card .news-thumbnail {
    display: block;
    margin-top: 5px;
    width: 100%;
    height: 130px
}

    .news .card .news-thumbnail img:hover, .property-slider .carousel-control:hover {
        opacity: .9
    }

.pagination-carousel {
    list-style: none;
    margin: 0;
    font-size: 0;
    padding: 0;
    position: static;
    width: 100%
}

    .pagination-carousel li {
        border: 0;
        border-radius: 0;
        display: inline-block;
        height: auto;
        margin: 0;
        font-size: 14px;
        padding: 0;
        text-indent: 0;
        width: auto
    }

        .pagination-carousel li, .pagination-carousel li.active {
            margin-right: -2px
        }

body .pagination-carousel li a:hover, body .pagination-carousel li.active a {
    color: #fff
}

.pagination-carousel li a {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #000;
    display: block;
    font-weight: 500;
    padding: 6px 12px;
    text-decoration: none
}

    .pagination-carousel li a:hover, .pagination-carousel li.active, .pagination-carousel li.active a {
        text-decoration: none;
        width: auto
    }

.section-title {
    color: #0b0f12;
    font-size: 30px;
    line-height: 1;
    margin: 0 0 20px
}

.agencies-corousel, .agents-corousel {
    padding: 0 35px
}

    .agencies-corousel .owl-item {
        background: #fff;
        padding: 20px
    }

    .agencies-corousel .owl-carousel .owl-item {
        -webkit-backface-visibility: visible
    }

.agents-corousel-item .box-container {
    margin: 0 auto;
    padding: 20px 5px 20px 22px;
    width: 100%;
    border-radius: 5px;
    white-space: nowrap
}

.agents-corousel-big .agents-corousel-item .agent-logo img, .agents-corousel-big .agents-corousel-item .box-container, .agents-corousel-item .agent-logo img {
    width: auto
}

.agents-corousel-item .agent-details {
    font-size: 13px;
    padding-top: 7px
}

.agents-corousel-item a.agent-name {
    margin-bottom: 12px;
    text-decoration: none
}

.property-corousel .property-card {
    border: 1px solid rgba(0,0,0,.08);
    margin-bottom: 0
}

.news h3 {
    margin-bottom: 15px;
    margin-top: 0
}

.property-slider-box {
    overflow: hidden;
    padding: 0 20px
}

.amenities, .amenities li {
    padding: 0;
    list-style: none
}

.property-slider .carousel-inner .item {
    height: 460px
}

.property-slider .carousel-inner > .item > a > img, .property-slider .carousel-inner > .item > img, .property-slider .img-fluid {
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit--object-fit: cover;
    -moz-object-fit: cover
}

.property-slider .carousel-control.left, .property-slider .carousel-control.right {
    border-radius: 50%;
    display: block;
    height: 50px;
    margin-top: -25px;
    opacity: 1;
    top: 50%;
    width: 50px
}

.property-slider .carousel-control.left {
    background: url(../img/owl-btn-left.png) 50% 50% no-repeat #fff;
    left: -25px
}

.property-slider .carousel-control.right {
    background: url(../img/owl-btn-right.png) 50% 50% no-repeat #fff;
    right: -25px
}

.amenities {
    margin: 0 0 -10px
}

    .amenities li {
        float: left;
        margin: 0 20px 10px 0
    }

.route_suggestion input {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-top: 8px;
    vertical-align: top;
    width: auto
}

.list-overview, .list-overview li {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0
}

    .list-overview li {
        list-style: none;
        margin: 0 0 5px;
        padding: 2px 0
    }

        .list-overview li .list-overview-option {
            font-weight: 600
        }

.btn-property {
    display: block;
    line-height: 50px;
    margin: 20px 24px 40px;
    padding: 0;
    text-align: center;
    width: auto
}

.breadcrumb, .breadcrumb li {
    background-color: transparent;
    display: inline-block;
    list-style: none;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -.5px;
    line-height: 1;
    margin: 0;
    padding: 0
}

    .breadcrumb > li + li::before {
        content: ">"
    }

.images-gallery {
    list-style: none;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -40px;
    padding: 0
}

    .images-gallery li {
        list-style: none;
        margin-bottom: 40px;
        position: relative
    }

        .images-gallery li .preview-img {
            border: 1px solid #a1a5ad;
            height: 180px;
            width: 100%
        }

        .images-gallery li a {
            padding-right: 15px;
            padding-left: 15px;
            background-size: cover;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            -webkit-transition: opacity .25s;
            -moz-transition: opacity .25s;
            transition: opacity .25s;
            width: 100%;
            z-index: 3
        }

.sharing-buttons li a .fa-left, .sharing-buttons li a .social-name {
    transition: .2s linear
}

.panel-content .panel-title {
    color: inherit;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0
}

.panel-content .panel {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#footer, .panel-content.panel-group .panel-heading + .panel-collapse > .list-group, .panel-content.panel-group .panel-heading + .panel-collapse > .panel-body, .this-is {
    border-top: 1px solid #ddd
}

.panel-content .panel-body {
    padding: 15px
}

.panel-content .panel.panel-base {
    background-color: #f1c40f
}

.panel-content .panel .panel-heading {
    border-radius: 0;
    padding: 15px
}

.panel-content .panel-default {
    border-color: #e0eded
}

    .panel-content .panel-default > .panel-heading {
        border-color: #e0eded;
        background: #fcfcfc
    }

        .panel-content .panel-default > .panel-heading h2 {
            color: #333;
            font-size: 16px;
            font-weight: 500;
            margin: 0;
            padding: 0;
            text-transform: capitalize
        }

.panel-content.panel-group .panel {
    border-radius: 0;
    border-color: #dadada
}

    .panel-content.panel-group .panel + .panel {
        margin-top: 0;
        border-top: 0
    }

.panel-content.panel-group .panel-heading {
    background: #f3f3f3;
    display: block;
    padding: 14px 15px;
    position: relative
}

    .panel-content.panel-group .panel-heading:after {
        content: "+";
        color: #333;
        font-size: 12px;
        margin-top: -8px;
        position: absolute;
        right: 15px;
        top: 50%
    }

    .panel-content.panel-group .panel-heading a {
        color: #333;
        font-weight: 400
    }

.footer .title, .footer .title h4 {
    font-weight: 600;
    text-transform: uppercase
}

.panel-content.panel-group .panel-heading a i {
    color: #333;
    margin-right: 5px
}

.panel-content .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-color: #dadada;
    color: #616161;
    line-height: 1.8;
    font-size: 13px
}

.sharing-buttons {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0
}

    .sharing-buttons li {
        display: inline-block;
        margin-bottom: 3px
    }

        .sharing-buttons li a {
            background-color: #ec407a;
            color: #fff;
            font-size: 13px;
            padding: 8px 15px;
            position: relative;
            text-decoration: none
        }

            .sharing-buttons li a:before {
                content: "\f1e0";
                font-family: FontAwesome,sans-serif;
                font-size: 17px;
                -webkit-font-smoothing: antialiased;
                left: 50%;
                line-height: 20px;
                margin-left: -8px;
                opacity: 0;
                position: absolute;
                transition: .2s linear
            }

            .sharing-buttons li a.facebook {
                background-color: #466ab3
            }

            .sharing-buttons li a.twitter {
                background-color: #3bbceb
            }

            .sharing-buttons li a.google-plus {
                background-color: #db6558
            }

            .sharing-buttons li a:hover .fa, .sharing-buttons li a:hover .social-name {
                opacity: 0
            }

body .footer .footer-mask {
    background: #464646;
    color: #fefefe;
    padding: 80px 0 0
}

.footer .footer-contant {
    background: url(../img/footer-bg.png) 50% 100% no-repeat;
    padding-bottom: 80px
}

.footer a {
    color: #fefefe;
    font-size: 14px
}

    .footer a:hover {
        color: #c1c1c1
    }

.footer .logo {
    max-height: 160px;
    margin-bottom: 25px
}

.footer .social ul {
    text-align: center;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top
}

    .footer .social ul li {
        display: inline-block;
        margin: 0;
        padding: 0
    }

        .footer .social ul li a {
            background: #fefefe;
            border-radius: 5px;
            color: #595959;
            display: block;
            font-size: 17px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            text-decoration: none;
            width: 30px
        }

            .footer .social ul li a:hover {
                background: #ddd;
                color: #373a3c
            }

.footer .title {
    font-size: 18px;
    margin-bottom: 60px
}

    .footer .title h4 {
        margin-top: 0;
        margin-bottom: 0
    }

.footer .list {
    list-style: none;
    margin: -8px 0 0;
    padding: 0
}

body .footer .list {
    margin-top: -8px
}

.footer .list a:hover {
    background: #fff;
    color: #777;
    text-decoration: none
}

.footer .list li {
    display: block;
    margin: 0 0 6px;
    padding: 0
}

.footer .list-hours li, .footer .list-news li {
    border-bottom: 1px solid #90949c;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 1;
    padding: 8px 0
}

    .footer .list-hours li:last-child, .footer .list-news li:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

.footer .list-hours .title, .footer .list-news .title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
    margin-right: 4px;
    text-decoration: none;
    text-transform: initial
}

.footer .list-contact li:first-child {
    line-height: 1.8;
    padding-bottom: 6px
}

.footer .list-news .title:after {
    content: ","
}

.footer .list-news .description {
    color: #dddfe2;
    font-size: 12px;
    font-style: italic
}

.footer .footer-bottom {
    background: #303030;
    font-size: 15px;
    padding: 40px 0
}

body .footer .footer-bottom .container {
    padding: 0 15px
}

body .btn-scoll-up.btn {
    border: 0;
    background: url(../img/arrow-up.png) 50% 50% no-repeat #303030;
    bottom: 15px;
    display: none;
    height: 50px;
    opacity: .6;
    outline: #f8f8f8 solid 2px;
    outline-offset: -4px;
    position: fixed;
    right: 25px;
    transition: opacity .15s;
    -webkit-transition: opacity .15s;
    width: 50px;
    z-index: 15
}

    body .btn-scoll-up.btn:hover {
        opacity: 1;
        outline: #f8f8f8 solid 2px;
        outline-offset: -4px
    }

.table-cart {
    border: 1px solid #eceeef
}

.img-circle-cover {
    border-radius: 50%;
    border: 1px solid #eee;
    display: block;
    height: 60px;
    overflow: hidden;
    width: 60px
}

    .img-circle-cover img {
        height: 100%;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        object-fit: cover;
        -webkit-object-position: center;
        -moz-object-position: center;
        object-position: center;
        width: 100% !important
    }

.agent-detail-picture img {
    max-height: 450px
}

.table-cart img {
    max-height: 60px;
    display: inline-block
}

.table-bordered.table-cart {
    border: 0;
    margin-bottom: 0
}

    .table-bordered.table-cart td, .table-cart.table-bordered th {
        border: 1px solid #eceeef;
        vertical-align: middle
    }

.widget-invoice h2 {
    font-size: 18px;
    font-weight: 600
}

.widget-invoice h1 {
    font-size: 27px;
    font-weight: 600
}

.widget-invoice caption {
    caption-side: top
}

#invoice {
    box-sizing: border-box;
    background: #fefefe;
    border: 10px solid #fff;
    box-shadow: 0 0 1px #888;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 0 0 1px #888;
    -moz-box-shadow: 0 0 1px #888;
    -o-box-shadow: 0 0 1px #888;
    max-width: 840px;
    margin: auto;
    position: relative;
    padding: 18px
}

    #invoice.paid:before, #invoice.unpaid:before {
        background: rgba(187,0,0,.8);
        content: "";
        height: 10px;
        left: 0;
        position: absolute;
        right: 0;
        top: -20px
    }

    #invoice.paid:before, .paid .invoice-pay ul:after, .paid .invoice-status strong {
        background: rgba(122,185,0,.7)
    }

.this-is {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 0
}

.invoice-intro p {
    font-size: 12px;
    font-style: italic;
    line-height: 1.5em
}

.invoice-intro.invoice-logo a img {
    max-height: 90px
}

.invoice-meta {
    margin-top: 15px;
    line-height: 1.5em;
    text-align: right;
    overflow: hidden;
    position: relative
}

    .invoice-meta dt {
        clear: both;
        float: left;
        font-weight: 700;
        width: 46%
    }

    .invoice-meta dd {
        float: right;
        text-align: left;
        width: 46%
    }

.invoice-from, .invoice-status, .invoice-to {
    line-height: 1.6;
    padding-bottom: 30px;
    text-align: left
}

.paid .invoice-status strong, .unpaid .invoice-status strong {
    background: red;
    color: #fff;
    display: block;
    padding: 8px;
    font-weight: 700
}

.unpaid .invoice-pay ul {
    border-right: 10px solid rgba(187,0,0,.8);
    padding: 12px
}

.invoice-items, .invoice-totals {
    padding-bottom: 30px;
    text-align: left
}

    .invoice-items table, .invoice-totals table {
        font-size: 13px;
        width: 100%
    }

    .invoice-items caption, .invoice-totals caption {
        border-bottom: 1px solid #ddd;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        padding-bottom: 4px;
        text-align: left
    }

    .invoice-items thead th, .invoice-totals thead th {
        background: #e5e5e5;
        font-weight: 700;
        padding: 6px 0
    }

        .invoice-items tbody tr th, .invoice-items thead th:first-of-type, .invoice-totals tbody tr th, .invoice-totals thead th:first-of-type {
            padding-left: 8px
        }

        .invoice-items tbody tr td:last-of-type, .invoice-items thead th:last-of-type, .invoice-totals tbody tr td:last-of-type, .invoice-totals thead th:last-of-type {
            padding-right: 8px;
            text-align: right
        }

    .invoice-items tbody td, .invoice-items tbody th, .invoice-totals tbody td, .invoice-totals tbody th {
        background: #fff;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .invoice-items tfoot td, .invoice-totals tfoot td {
        background: #e5e5e5;
        font-size: 11px;
        font-weight: 700;
        padding: 6px 8px;
        text-align: right
    }

.invoice-pay li {
    overflow: hidden;
    padding-top: 12px
}

    .invoice-pay li:nth-of-type(2n) {
        padding-top: 18px
    }

.paid .invoice-pay ul:after {
    content: "Paid in Full";
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 8px;
    text-align: right
}

.invoice-notes dl, .invoice-notes ol, .invoice-notes p, .invoice-notes ul {
    padding-bottom: 1em
}

    .invoice-notes ul li {
        list-style: disc inside
    }

    .invoice-notes ol li {
        list-style: decimal inside
    }

#footer {
    font-size: 11px;
    font-weight: 700
}

.invoice-totals table {
    float: right;
    width: 50%
}

.carousel-control {
    filter: initial
}

.carousel .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.dropdown-item {
    background: 0 0;
    border: 0;
    clear: both;
    color: #373a3c;
    display: block;
    font-weight: 400;
    line-height: 1.5;
    padding: 3px 20px;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

    .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
        color: #fff;
        background-color: #0275d8;
        outline: 0;
        text-decoration: none
    }

.section-parallax {
    position: relative;
    background: url(../img/patterns/full-bg-road.jpg) 0 0/cover no-repeat fixed
}

    .section-parallax:after {
        background: url(../img/patterns/slash-it.png);
        content: "";
        height: 100%;
        left: 0;
        opacity: .5;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }

    .section-parallax > * {
        position: relative;
        z-index: 1
    }

.content-flex {
    display: flex
}

    .content-flex #main-map {
        min-height: 500px
    }

    .content-flex .content-left {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .content-flex .section {
        background: 0 0
    }

    .content-flex .search-form .search-title {
        line-height: 1;
        margin-bottom: 0;
        padding: 20px
    }

.section.section-slim {
    padding-top: 80px;
    padding-bottom: 80px
}

.search-title {
    color: #fff;
    font-size: 30px;
    line-height: 85px;
    margin-top: 0
}

.content-flex .search-form {
    margin-right: -15px;
    margin-left: -15px;
    padding-top: 0;
    padding-bottom: 0
}

body .container-side-version .properties > .row {
    margin-left: -15px;
    margin-right: -15px;
    max-width: initial;
    width: initial
}

.page-title-big {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 1;
    padding: 0
}

.top-title {
    padding: 80px 0 40px
}



.section-parallax.news .card .description {
    color: #f6f7f9
}

.section-parallax .section-title, .section-parallax.news .card .title, .section-parallax.news .card .title a {
    color: #e9ebee
}

.section-parallax .pagination-carousel li a {
    border: 1px solid #555
}

.box-body {
    padding: 15px 0 0
}

.affix {
    position: fixed;
    top: 0
}

.widget-box.widget-profilelisting {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.div-job-no-img.image_home.img-err {
    margin-top: 31px
}

.widget-mylistings .box-body {
    padding-top: 40px;
    padding-bottom: 0
}

.pull-right-img {
    float: right;
    padding: 5px 0 15px 30px;
    max-width: 230px
}

.pull-left-img {
    float: left;
    padding: 5px 30px 15px 0;
    max-width: 230px
}

body .wide-p p {
    max-width: initial
}

.section-title span:after, .section-title span:before {
    position: absolute;
    content: "";
    width: 50px;
    background: unset;
    height: 2px;
    margin-top: -1px
}

.section-title span:after {
    left: 105%;
    top: 50%
}

.section-title span:before {
    right: 105%;
    top: 50%
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.top-em-btn-invite, .top-em-content-active {
    padding: 10px 35px;
    font-size: 14px
}

.width_33-f_l-p_0 {
    width: 33.33%;
    float: left;
    padding: 0
}

.percent-5column {
    width: 20%;
    float: left
}

.grid-job-searchC {
    display: grid;
    grid-template-columns: 150px 1fr
}

    .fillter-sear > .btn-trangthai, .grid-job-searchC > .grid-job-img {
        grid-row: span 1
    }

    .grid-job-searchC > .grid-title-searchC {
        grid-row: span 1;
        grid-column: span 1
    }

    .grid-job-searchC > .grid-area-searchC, .grid-job-searchC > .grid-loaihinh-searchC, .grid-job-searchC > .grid-quymo-searchC {
        grid-row: span 1;
        grid-column: 2
    }

.grid-job > .grid-job-location, .grid-job > .grid-job-salary, .grid-job > .grid-job-title {
    grid-column: span 2;
    padding-left: 15px;
    grid-row: span 1
}

.grid-job-searchC > .grid-benifit-searchC, .grid-job-searchC > .grid-skill-searchC {
    grid-row: span 1;
    grid-column: span 2;
    padding: 0 10px
}

.grid-job {
    display: grid;
    grid-template-columns: 205px 1fr 1fr
}

    .grid-job > .grid-job-img {
        grid-row: span 3
    }

    .grid-job > .grid-job-salary {
        padding-bottom: 10px
    }

.grid-job-title .a-company {
    color: #333;
    text-transform: capitalize
}

.fillter-sear {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

    .fillter-sear > .btn-hannop, .fillter-sear > .btn-hienthi {
        grid-row: span 1;
        margin-right: 8px
    }

.grid-company {
    padding: 15px;
    background-color: #fff;
    display: grid;
    grid-template-rows: 110px .8fr 2fr
}

    .grid-company > .grid-image, .grid-company > .grid-info {
        grid-column: span 1
    }

.grid-hoso {
    display: grid;
    grid-template-columns: 110px 4fr 1fr;
    grid-template-rows: repeat(3,auto)
}

    .grid-hoso > .grid-hoso-img, .grid-hoso > .grid-hoso-job {
        grid-column: span 1;
        grid-row: span 3
    }

    .grid-hoso > .grid-hoso-chat, .grid-hoso > .grid-hoso-point, .grid-hoso > .grid-hoso-savefile {
        grid-column: span 1;
        grid-row: span 1
    }

    .grid-hoso > .grid-hoso-chat {
        text-align: center;
        margin-top: 10px
    }

.grid-hoso-chat .job-chat .cursor {
    display: inline-block;
    text-transform: uppercase
}

.box-job-cont {
    height: 370px
}

.search_tags {
    color: #f07e1d;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    font-size: 12px
}

.sp_result {
    line-height: 30px
}

.number_result {
    color: #f07e1d;
    font-size: 17px;
    font-weight: 600
}

.info-sub-detail .d-table-cell .fa {
    width: 15px
}

.item-no-img {
    height: 100% !important;
    max-height: 137px;
    overflow: hidden
}

.div-job-no-img {
    height: 137px !important;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.grid-area-searchC .metaseo {
    font-size: 12px;
    display: block;
    line-height: 1.2;
    margin-top: 6px
}

.search_result_job a {
    display: inline-block;
    margin-top: 5px
}

.display_onerow {
    display: -webkit-box;
    max-height: 2rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 1.8rem
}

.box-result-more {
    padding: 0 20px;
    background-color: #f1f1f1
}

.tags {
    margin: 0 -15px !important
}

@media only screen and (max-width: 600px) {
    .mobi-fontsize12, .noiLamViec.mobi-fontsize12 a {
        font-size: 10px
    }

    .btn.ptimhoso-btn-search-ungvien {
        background-color: #f07e1d !important;
        color: #fff !important
    }

    .tag {
        padding: 0 15px !important;
        margin: 0 5px 6px 0 !important
    }
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.tab_linhvuc {
    padding-left: 15px;
    padding-right: 0
}

@media screen and (min-width: 320px) {
    .container {
        max-width: 1170px;
        width: unset
    }
}

@media(max-width: 991px) {
    .grid-job-searchC {
        grid-template-rows: 5rem 7rem auto auto !important;
        text-transform: uppercase
    }

    .div-job-no-img.image_home.img-err {
        margin-top: 0
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .header-employer-table-55 {
        width: 54%;
        padding-left: 0;
        padding-right: 0
    }

    .header-employer-table-29 {
        width: 29.333333%
    }

    .search-hs, .postjob {
        margin-top: 0 !important
    }

        .search-hs span span, .postjob span span {
            display: block;
            margin-top: 3px
        }

    .each_payment p {
        height: 66px
    }

    .width-image-home {
        width: 100%
    }

    .dky-dnhap {
        display: flex !important;
        text-align: center
    }

    .btn-dnhap i, .btn-dky i {
        display: block
    }

    .custom-address .list-overview-value {
        width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .custom-en .list-overview-value {
        width: 50px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media only screen and (max-width: 600px) {
    .btn.ptimhoso-btn-search-ungvien {
        background-color: #f07e1d !important;
        color: #fff !important
    }
}

@media(min-width: 992px) {
    .baivietlienquan {
        padding: 0 5px
    }

    .baivietlienquan-container {
        padding: 0 15px
    }

    #Jobtable .name-job, .EUJobseer-td .link-job, .EUJobseer-td .name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: uppercase;
        width: 380px;
        float: left
    }

    .each_payment {
        padding-right: 0
    }

    .pull-md-up {
        width: auto
    }

    #form-addittional .col-md-1.form-group {
        display: none
    }

    body .container-side-version .header .websitetitle, body .container-side-version .header .top-bar .pull-right {
        margin-right: 5px
    }

    body:not(.boxed) .container-side-version .header .websitetitle, body:not(.boxed) .container-side-version .header .top-bar .pull-right {
        margin-right: 20px
    }

    body.full-width .custom-palette .custom-palette-box, body.full-width .container .header-inner, body.full-width .container .top-bar {
        padding-left: 20px
    }

    body .container-side-version .footer .footer-bottom .container, body:not(.boxed) .container-side-version section:not(.header-inner) .container, body.boxed .container-side-version .footer .container.footer-contant, body .container-side-version section:not(.header-inner) .container {
        padding-left: 20px;
        padding-right: 20px
    }

    body.full-width .footer .container.footer-contant {
        padding-left: 5px;
        padding-right: 5px
    }

    body.boxed .container-side-version .header .top-bar ul, body.boxed .container-side-version .logo {
        margin-left: 5px
    }
}

@media(max-width: 33.9em) {
    .vcontainer {
        height: 250px;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    body .header-slider .carousel .carousel-inner .item {
        height: 300px
    }

    body .carousel .carousel-caption {
        top: 50%
    }

    body .carousel.slider-full-height .carousel-caption {
        bottom: inherit
    }

    body .carousel-caption {
        bottom: 0
    }
}

@media(max-width: 991px) {
    .items_search_skill, .items_search_role {
        width: calc(100%/2);
        float: unset
    }

        .items_search_skill:nth-child(even), .items_search_role:nth-child(even) {
            float: left
        }

    .tab_linhvuc {
        padding-left: 0;
        padding-right: 0
    }

    .container-home {
        margin-left: 0;
        margin-right: 0
    }

    .ptimhoso-btn-search-ungvien {
        width: 100%
    }

    .header .websitetitle {
        display: none
    }

    .section.page-body .content-image {
        text-align: center;
        width: initial;
        display: block;
        float: none
    }

        .section.page-body .content-image ~ div {
            width: 100%;
            text-align: center
        }

        .section.page-body .content-image img {
            height: initial
        }

    body.full-width .container .header-inner, body.full-width .container .top-bar {
        padding-left: 0
    }

    .search-additional-btn {
        min-width: 68px
    }

    div.treefield-card {
        min-height: 490px
    }

    .widget.widget-ads-right {
        display: none
    }

    .navbar {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0
    }

    .news .card .news-thumbnail {
        height: 30vw;
        margin-bottom: 20px
    }

    .sidebar-right {
        padding-top: 0
    }

    .property-card .property-card-header {
        height: 35vw;
        max-height: 250px;
        min-height: 145px
    }

    .header-slider .carousel .carousel-inner .item {
        height: 460px
    }

    .carousel-caption {
        bottom: initial
    }

    body.full-width .container-side-version .footer .row {
        margin-right: -15px;
        margin-left: -15px
    }

    body > div.container-side-version .h-side {
        padding: 0;
        padding-top: 80px;
        padding-bottom: 30px
    }

        body > div.container-side-version .h-side:not(.h-side-slim) .pull-right {
            float: none !important
        }

        body > div.container-side-version .h-side .h-side-additional, body > div.container-side-version .h-side .h-side-title {
            display: none
        }

    .search-form {
        padding-top: 80px;
        padding-bottom: 60px
    }

    .search-additional-btn {
        bottom: -82px
    }

    body > div.container-side-version .search-form {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .content-flex .search-form .search-title {
        padding-bottom: 60px
    }

    body > div.container-side-version .pagination {
        margin-bottom: 35px;
        margin-top: 20px
    }

    .row .col-md-3 .btn-property, .row .col-md-3 .widget {
        margin-bottom: 80px
    }

    .agent-detail-picture {
        margin-bottom: 10px
    }

        .agent-detail-picture img {
            margin: 0 auto
        }

    .search-form.open-form .search-btn-box {
        display: none
    }

    .search-form.open-form .search-btn-box-ad {
        display: block;
        margin-bottom: 20px
    }

    .list-overview li {
        padding: 10px 0;
        margin: 0
    }

        .list-overview li:not(:last-child) {
            border-bottom: 1px solid #d1d3d7
        }

    .agencies-corousel, .agents-corousel {
        padding: 0
    }

    body .content-flex .content-right {
        padding-left: 15px;
        padding-right: 15px
    }

    .content-flex .search-form {
        margin-left: -15px;
        margin-right: -15px
    }

        .content-flex .search-form form {
            padding-left: 0;
            padding-right: 0
        }

    .btn-print {
        display: none
    }

    .grid-job {
        display: grid;
        grid-template-columns: 95px 1fr;
        grid-template-rows: auto
    }

        .grid-job > .grid-job-img {
            width: 95px;
            grid-row: span 1;
            grid-column: span 1
        }

        .grid-job > .grid-job-title {
            grid-row: span 1;
            grid-column: span 1
        }

        .grid-job > .grid-job-location {
            grid-row: span 1;
            grid-column: span 2;
            margin-top: 10px
        }

        .grid-job > .grid-job-salary {
            grid-row: span 1;
            grid-column: span 2
        }

            .grid-job > .grid-job-salary .row.row-margin {
                display: flex
            }

    .image_home {
        height: auto
    }

    .div-jobs a {
        height: auto;
        width: 100%
    }

    .div-jobs {
        height: auto
    }

    .mobi-hidden-grid {
        display: none !important
    }

    h3.title-jobs-home {
        margin-top: 14px;
        margin-bottom: 5px;
        margin-right: 5px
    }

    .btn-dky .fa, .btn-dky:hover, .btn-dnhap .fa, .btn-dnhap:hover {
        font-size: 16px;
        margin-right: 5px
    }

    .box-loc {
        float: left
    }

    .mplr-15 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 10px
    }

    .grid-company {
        display: grid;
        grid-template-columns: 1fr 3fr;
        grid-template-rows: 1fr 2fr
    }

        .grid-company > .grid-image {
            grid-row: span 1
        }

        .grid-company > .grid-info {
            grid-row: span 1
        }

    .div-in-logo {
        height: 70px
    }

    .grid-hoso {
        display: grid !important;
        grid-template-columns: 1fr 5fr
    }

        .grid-hoso > .grid-hoso-img {
            grid-row: span 1
        }

        .grid-hoso > .grid-hoso-job {
            grid-row: span 1
        }

        .grid-hoso > .grid-hoso-action {
            grid-row: span 1;
            grid-column: span 2;
            grid-template-columns: 1fr 1fr
        }

    .grid-hoso {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 30px;
        grid-template-rows: repeat(3,auto)
    }

        .grid-hoso > .grid-hoso-img {
            grid-column: span 1;
            grid-row: span 1
        }

        .grid-hoso > .grid-hoso-job {
            grid-column: span 4;
            grid-row: span 1
        }

        .grid-hoso > .grid-hoso-savefile {
            grid-column: span 4;
            grid-row: span 1;
            margin-top: 10px
        }

        .grid-hoso > .grid-hoso-chat {
            grid-column: span 2;
            grid-row: span 1;
            margin-top: 10px;
            text-align: center
        }

        .grid-hoso > .grid-hoso-point {
            grid-column: span 5;
            grid-row: span 1
        }

    .position_img_job {
        height: 255px !important
    }

    .position_title_job {
        height: 255px !important
    }

    .ul-sub-detail {
        margin-left: -15px
    }

    .nav-tabs > li, .ul-margin .fa {
        font-size: 13px
    }

    .display-web {
        display: none !important
    }

    .display-mobi {
        display: block
    }

    .detail_list {
        float: left;
        width: 70%;
        margin-left: 15px
    }

    .grid-hoso-chat .job-chat .cursor {
        display: inline-block;
        text-transform: uppercase
    }

    .grid-hoso-point {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(2,auto);
        display: grid
    }

    .pt-up {
        padding-top: 8px
    }

    .line-clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .btn-savefile {
        border: 0;
        outline-width: 0;
        width: 10%;
        vertical-align: middle;
        color: transparent;
        font-weight: 600;
        line-height: 26px;
        position: absolute;
        top: -5px;
        right: -10px;
        background-color: transparent
    }

    .div-savefile a {
        color: #f07e1d
    }

    .div-savefile .bookmark_cv .fa-star-o {
        font-size: 22px;
        color: #dcdcdc
    }

    .div-savefile .bookmark_cv span {
        display: none
    }

    .div-savefile .not_bookmark_cv .fa-star {
        font-size: 22px
    }

    .div-savefile .not_bookmark_cv span {
        display: none
    }
}

@media(max-width: 991px) {
    .grid-sub-detail {
        grid-column: span 2
    }

    .items_search_skill_container, .items_search_role_container {
        flex: 50%;
        max-width: 50%
    }

    .header-inner .logo img:not(.cart-thumb) {
        position: absolute;
        left: 0;
        top: 0;
        padding-top: 0;
        bottom: 0;
        margin: auto
    }

    .group-nex-pre {
        top: 6px
    }

    .show-hide-btn {
        display: block
    }

    .group-btn-bottom .btn-save-detail {
        margin-bottom: 7px
    }

    .scrollbar-down {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

    .div-chat-img img {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0
    }

    .list-people li .info .status {
        text-align: center
    }

    .list-people li .info .user {
        text-align: center
    }

    .list-people li {
        border-bottom: 0
    }

    .mobile-show {
        display: block
    }

    .mobile-hide {
        display: none
    }

    .list-friends.list-people {
        display: inline-flex;
        flex-wrap: wrap;
        max-height: 100vh
    }

    .row-mobile-job-detail {
        margin-left: -15px;
        margin-right: -15px
    }

    .margin-left15 {
        margin-left: 0
    }

    .content-intro-jobseeker {
        margin-top: 20px
    }

    .btn-search {
        display: block;
        width: 100%
    }

    .container-full-xs {
        max-width: 100%;
        margin: 0;
        padding: 0
    }

    .menu .dropdown-menu {
        left: 0
    }

    .lang-manu {
        float: left;
        margin: 0 15px;
        padding-top: 0
    }

    .box-navigaion {
        float: none;
        width: 100%
    }

        .box-navigaion .navbar-header {
            float: left;
            padding-left: 15px
        }

    .menu .nav > .nav-item .nav-link:not(.dropdown-toggle):hover:after {
        -webkit-transform: scaleX(.3);
        transform: scaleX(.3)
    }

    .news .card .news-thumbnail {
        height: 40vw
    }

    body .header .top-bar .container .pull-right {
        float: none !important;
        margin: 0 auto
    }

    .widget-agents-listing .agents-listing {
        text-align: center
    }

    .agents-listing .agent-card {
        display: inline-block;
        text-align: left;
        margin: 10px 0
    }

    .widget-agents-listing .agents-listing {
        margin-top: -10px;
        margin-bottom: -10px
    }

    .section.page-body .container > .row > div {
        width: 50%
    }

    .navbar-nav li.nav-item {
        margin-left: 0;
        text-align: left;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .menu-main-vo li.nav-item a.nav-link {
        text-align: left
    }

    .menu .nav-link {
        padding: 10px 15px
    }

    .navbar-nav .dropdown-menu {
        border: 0;
        position: inherit;
        text-align: center;
        width: 100%
    }

    .menu {
        margin-left: 0;
        float: none;
        width: 100%
    }

        .menu ul {
            width: 100%;
            margin: 0
        }

        .menu li.nav-item i {
            font-size: 20px;
            margin-right: 10px
        }

    body .menu .dropdown-menu.dropdown-menu-property {
        margin-top: -2px
    }

    .property-card {
        height: initial;
        overflow: visible
    }

    body .invoice-totals table {
        float: none;
        width: 100%
    }

    .section-ads {
        display: none
    }

    .section.page-body {
        text-align: center
    }

        .section.page-body .container {
            max-width: 580px
        }

    .footer .footer-contant {
        text-align: center
    }

    .footer .list {
        padding-left: 0;
        max-width: 768px;
        margin: 0 auto
    }

        .footer .list.list-hours {
            text-align: left;
            position: relative
        }

            .footer .list.list-hours:after, .footer .list.list-hours:before {
                content: "";
                position: absolute;
                top: 0;
                border-bottom: 1px solid #90949c
            }

    .footer .list-contact {
        padding-bottom: 80px
    }

    .footer .social ul {
        margin-left: 0
    }

    .top-bar .pull-left {
        display: none
    }

    .images-gallery li .preview-img {
        border: 1px solid #a1a5ad;
        height: 40vw;
        max-height: 320px
    }

    body div.treefield-card {
        min-height: initial
    }

    body.boxed .logo {
        padding-left: 10px
    }

    body.full-width .container .header-inner, body.full-width .container .top-bar {
        padding-left: 0
    }

    .widget-contactform .form-additional .btn {
        width: 100%
    }

    .header-hover .top-box .logo .logo-bottom {
        display: none
    }

    body .btn-scoll-up.btn {
        right: 15px
    }

    body .worldmapgenerator .Cbox .quickLink span {
        width: 110px;
        margin-left: 0
    }

        body .worldmapgenerator .Cbox .quickLink span:nth-child(2n) {
            width: 95px
        }

    body .worldmapgenerator .Cbox .quickLink {
        max-width: 280px
    }

    .pull-left-img, .pull-right-img {
        float: none;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        max-width: 300px
    }

    .widget-property .pull-right-img {
        margin-top: 0
    }

    .owl-corousel-box .owl-btn.customPrevBtn {
        left: 0
    }

    .owl-corousel-box .owl-btn.customNextBtn {
        right: 0
    }

    .owl-corousel-box .owl-btn {
        display: none
    }

    .USListJob-Content, .EUJobseer-Content {
        width: 100%
    }

    .USListJob-divbtn button {
        width: 40%
    }

    .USListJob-row, .EUJobseer-row {
        margin-left: 5px;
        margin-right: 5px
    }

    table * {
        font-size: 13px
    }

    .nav-tabs > li > a > span {
        display: none
    }

    .nav-tabs > li.active > a > span {
        display: inline-block
    }

    .nav-tabs > li > a {
        padding: 5px 10px
    }

    .mobile-profile, .property-img-profile {
        display: block
    }

    .img-hide-mobile {
        display: none
    }

    .title-profile {
        margin-top: 6px;
        font-size: 14px;
        letter-spacing: 0
    }

    .box-property {
        display: inline-flex
    }

    .property-img-profile {
        margin-right: 5px
    }

    .div-savefile {
        margin-top: 1px
    }

    .content-profile {
        padding: 5px;
        margin-left: 0
    }

    .txt-view {
        margin-top: 7px
    }

    .notification-person li {
        font-size: 13px
    }

    .fixed-resume {
        display: none
    }

    .box-hinhCongViec {
        display: none
    }

    .group-salary-detail {
        margin-left: 1px;
        width: 100%;
        position: static !important;
        margin-bottom: 10px
    }

    .info-congviec {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media(min-width: 768px) {
    .pull-sm-up {
        width: auto
    }

    .treefield-card {
        min-height: 410px
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width: 768px) {
    .items_search_skill, .items_search_role {
        width: calc(100%/1);
        float: unset
    }

    .width-455 {
        width: auto;
        margin-bottom: 20px
    }

    .worldmapgenerator .Cbox {
        float: none;
        margin-bottom: 15px;
        width: 100%
    }

    .worldmapgenerator .timezone-map {
        float: none;
        width: 100%
    }

    .worldmapgenerator .hoverZone {
        float: left;
        height: 25px;
        padding-left: 15px;
        width: 100%;
        text-align: center
    }

    .worldmapgenerator .Cbox .quickLink {
        margin: 0 auto;
        margin-top: 27px
    }

    .dky-dnhap {
        padding: 0;
        float: right
    }

    .hide-web-searchjob {
        display: none
    }

    .show-web-searchjob {
        width: 100%
    }

    .col-ad-left, .col-ad-right {
        width: 100%
    }

    .margin-mobile-job-1 {
        margin-bottom: 10px
    }

    .margin-mobile-job-2 {
        margin-top: 10px
    }

    .progress-bar {
        position: relative;
        height: 125px !important;
        width: 125px !important
    }

        .progress-bar div {
            height: 100px !important;
            width: 100px !important
        }

            .progress-bar div span {
                height: 90px !important;
                width: 90px !important;
                line-height: 95px !important;
                left: 5px !important;
                font-size: 20px;
                top: 5px !important
            }

    .grid-progress {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: .3fr .3fr .5fr !important;
        padding-top: 20px
    }

    .gr-progress-percent {
        grid-column: 1/2;
        grid-row: 1/3 !important
    }

    .gr-progress-txt {
        grid-column: 1/3;
        grid-row: 3/3 !important
    }

    .gr-progress-btn {
        grid-column: 2/3;
        grid-row: 1/2 !important
    }

    .gr-progress-num {
        grid-column: 2/3;
        grid-row: 2/2 !important
    }

    .txt-interview-profile {
        font-size: 12px;
        margin-top: 10px
    }

    .pb-resume {
        display: flex;
        justify-content: center
    }

    .marl-mobi {
        margin-left: -20px !important
    }

    .marr-mobi {
        margin-left: -16.5px !important
    }

    .position {
        margin: 13px auto !important
    }

    #company_map {
        height: 200px
    }

    .hide-inforcontact {
        display: none
    }
}

@media(max-width: 670px) {
    .width-logo-company {
        width: 100%
    }

    .div-in-logo {
        height: 60px
    }

        .div-in-logo img {
            margin: 0 auto;
            left: 0;
            position: absolute;
            top: 0
        }

    .width-image-home {
        width: 100%;
        float: none;
        position: relative;
        min-height: 1px
    }

    .width-content-intro-company {
        width: 100%;
        float: left
    }

    .mobile-content-intro {
        margin-left: -15px;
        margin-right: -15px
    }

    .agents-corousel-item .box-container {
        text-align: center
    }

        .agents-corousel-item .box-container .media-body, .agents-corousel-item .box-container .media-left, .agents-corousel-item .box-container .media-right {
            display: inline-block;
            text-align: left
        }

    .section.page-body .container > .row > div {
        width: 100%
    }

    .cus-display {
        display: block !important
    }

        .cus-display span {
            padding-left: 15px
        }

    .mt-3 {
        margin-top: -3px
    }

    .job_title-profile {
        margin-bottom: -10px
    }
}

@media(min-width: 670px) and (max-width:671px) {
    .agents-corousel-item .box-container {
        display: table
    }

        .agents-corousel-item .box-container .media-body, .agents-corousel-item .box-container .media-left, .agents-corousel-item .box-container .media-right {
            display: table-cell
        }
}

@media(min-width: 480px) and (max-width:991px) {
    .box-package, .box-buy {
        width: 49%
    }

    .height-80 {
        height: 80px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .content-camnang h3 {
        height: 39px;
        text-overflow: ellipsis;
        overflow: hidden
    }

    #quote-carousel .item .jobs-info:nth-child(even) {
        float: left
    }

    #quote-carousel .item .jobs-info:nth-child(odd) {
        float: right
    }

    .ul-margin li {
        width: 100%;
        height: 27px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .container.content-home .home {
        flex-wrap: wrap;
        flex-direction: row
    }

    .box-propetty-right.box-propetty-right:not(:last-child) {
        margin: 0
    }

    .jobs-info {
        width: 49%
    }

    .tintuc-baiviet {
        width: 49%;
        height: 250px;
        overflow: hidden !important
    }

    .tintuc-baiviet-container, .jobs_container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .job_overflow {
        white-space: normal
    }

    .select2-container {
        margin-top: 15px !important
    }

    .div-in-logo {
        margin-top: -10px
    }
}

@media(max-width: 991px) {
    .display-flex {
        display: flex
    }

    .tintuc-baiviet {
        background-color: #fff;
        margin-bottom: 15px;
        border: 1px solid #eee
    }

    #set_bg_padding_news {
        background-color: transparent
    }

        #set_bg_padding_news .padding-lo-ro {
            padding: 0
        }

    .width-logo-company {
        margin: auto;
        float: unset;
        top: 0
    }

    .box-tintuc-img {
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #eee;
        margin-right: 0
    }

        .box-tintuc-img img {
            padding-top: 0 !important;
            max-height: 100%;
            object-fit: cover;
            width: auto !important;
            height: auto !important
        }

    .h3-title-tintuc {
        margin-top: 10px !important
    }

    .height-40 {
        height: 40px;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .payment_container {
        flex-direction: column
    }

    .each_payment ul {
        text-align: center
    }

    .padding-top-30px {
        padding-top: 30px
    }

    .navbar-nav li a {
        padding: 6px !important;
        margin-top: 0;
        margin-bottom: 0
    }

    .dky-dnhap {
        padding: 35px 6px 12px 14px
    }

    .box-navigaion {
        margin-top: 0 !important;
        margin-right: 0 !important
    }

    .navbar-nav li.open .drop-camnang li a {
        text-align: center
    }

    .menu-main-vo li.nav-item a.nav-link .minu {
        display: initial !important;
        margin-top: 5px
    }

    .dky-dnhap {
        margin-top: 0;
        padding: 15px 0 14px !important;
        width: 100%;
        text-align: center
    }

    .btn-dnhap {
        font-size: 16px;
        padding-right: 10px;
        padding-left: 0
    }

    .btn-dky {
        font-weight: 500;
        font-size: 16px;
        color: #f07e1d;
        background-color: #fff
    }

    .popupContainer {
        width: 100% !important;
        top: 60px !important
    }

    .employer_login form {
        padding: 0 15px
    }

    .popupHeader .modal_close {
        padding: 0 5px
    }

    .popupHeader {
        padding: 5px !important;
        font-size: 18px !important
    }

    .social-bar {
        padding-bottom: 0
    }

    .question-tk {
        margin: 10px 0 !important
    }

    .menu-padding {
        padding-left: 0;
        padding-right: 0
    }

    .menu {
        padding: 0 !important
    }

    .content {
        padding-top: 60px
    }

    .content-TopPage .bangGia {
        margin-left: 27%
    }

    .show_web {
        display: none !important
    }

    .show_mobile_480 {
        display: block !important
    }

    .page_ntd_content_timhoso, .page_ntd_content_banggia {
        padding: 0 10px
    }

        .page_ntd_content_timhoso p, .page_ntd_content_banggia p {
            line-height: 20px;
            margin-bottom: 10px
        }

        .page_ntd_content_timhoso img, .page_ntd_content_banggia img {
            vertical-align: baseline
        }

    .content-TopPage {
        padding: 4px;
        margin-bottom: 10px;
        margin-top: 20px
    }

        .content-TopPage .chiTiet {
            margin-left: 15.3%
        }

        .content-TopPage .bangGia {
            margin-left: 13.5%
        }

    .menu-sub-em {
        margin-top: 0;
        width: 200px
    }

    .name-user-em {
        margin-top: 2px
    }

    .drop-info-em {
        margin-top: 2px;
        float: right
    }

    .head-right {
        float: left;
        display: inline-block;
        width: 100%;
        padding: 0 15px 5px;
        display: none;
    }

    ul.cart-list {
        padding: 0 !important;
        width: 310px !important;
        max-height: 100vw;
        overflow: auto
    }

    .drop-cart {
        left: -209px
    }

    .search-hs {
        margin-right: 0;
        margin-top: 0
    }

    .btn-search-hs {
        background-color: #fff !important;
        border: none;
        color: #009688 !important;
        font-size: 14px
    }

    .postjob {
        margin-top: 0
    }

    .btn-postjob {
        background-color: #fff !important;
        border: none;
        color: #f07e1d !important;
        font-size: 14px
    }

    .width_50-f_l-p_0 {
        width: 50%;
        float: left;
        padding: 0
    }

    .col-md-left-top {
        width: 100%
    }

    .margin_top_20 {
        margin-top: 15px
    }

    .job-border {
        margin-bottom: 0
    }

    .no_padding_right_left {
        padding-left: 0;
        padding-right: 0
    }

    #example_wrapper .col-sm-6:first-of-type {
        width: 100%;
        float: left
    }

    #example2_filter lable {
        width: 100% !important
    }

    .EUJobseer-row .tabs > ul li {
        margin: 0;
        text-align: center;
        float: left;
        width: 50%
    }

    .tabs > ul {
        margin: 0 10px
    }

    .load_search_macdinh {
        padding-top: 10px
    }

    .class_web_margin_t30_bt_15 {
        margin-top: 10px
    }

    input.input_tukhoa {
        width: 100% !important;
        margin-left: 0
    }

    .class_load_search {
        padding-top: 10px
    }

    .ul_search_job .col-md-3 {
        padding-left: 0;
        padding-right: 0
    }

    .slidingDiv {
        display: block;
        top: 20px;
        background-color: #f0f8ff;
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px;
        right: 0;
        padding-bottom: 10px
    }

    .center_web {
        text-align: left;
        margin-top: 35px
    }

    .show_hide_mobile2 {
        margin-top: -40px;
        top: 0;
        float: right;
        width: 100%
    }

    .padding_left_right_30 {
        padding-left: 30px;
        padding-right: 30px
    }

    .margin_top_80 {
        margin-top: 110px
    }

    .box-img-detailCV {
        width: 76px;
        height: 76px
    }

    .title-detail-CV {
        font-size: 15px
    }

    .box-filecv {
        min-height: 257px
    }

    .btn-download-hs {
        margin-left: 4.7em
    }

    .div-group-detail-CV {
        position: inherit
    }

    .box-img-detailCV img {
        width: 60px;
        height: 65px
    }

    .padding_ol_or {
        padding-left: 0;
        padding-right: 0
    }

    .content-detail-CV {
        padding-left: 0;
        padding-right: 0
    }

    .col3-detail-CV {
        margin-right: 0;
        margin-left: 0
    }

    .background-introduce-video {
        padding-bottom: 20px;
        padding-top: 5px
    }

    .box-payment {
        width: 100%;
        margin: 0 auto
    }

    .background-point {
        background-color: rgba(255,193,7,.15);
        margin-bottom: 15px;
        margin-top: 30px
    }

    .col_button_mua {
        margin-bottom: 40px
    }

    .box-info-tranfer {
        border: none;
        padding: 20px 15px;
        overflow: hidden
    }

    .txt-nd-ck {
        padding: 0 15px
    }

    .steps li span {
        padding: 5px 10px 5px 13px;
        font-size: 13px
    }

    div.content-center.border {
        border: none;
        padding: 0;
        float: left;
        margin-bottom: 35px
    }

    #job-content-field h3.block-head {
        margin-bottom: 10px;
        margin-top: 0;
        padding: 0 0 10px
    }

    #job-content-field .block {
        padding-left: 0;
        padding-right: 0
    }

    .job-content-field_class blockquote {
        padding: 0;
        margin: 0
    }

    .btn-vista_blue, .btn-vista_do, .btn-vista_xanh {
        margin-bottom: 20px !important;
        margin-right: 0 !important
    }

    h2.main-color p {
        font-size: 15px
    }

    #step03 .box {
        padding: 0 15px
    }

    .content-postjob-em {
        padding-top: 130px;
        padding-bottom: 20px
    }

    .btn-down-cvsearch-em1 {
        background-color: #ed1c24;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        width: 100%;
        margin-bottom: 20px
    }

    .btn-down-cvsearch-em {
        background-color: #a59e19;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        width: 100%;
        margin-bottom: 20px
    }

    .searchwrap .searchbar .form-control {
        width: 100%;
        padding: 7px 8px;
        height: 50px !important;
        margin-bottom: 15px
    }

    .searchwrap .custom-combobox-input {
        height: 40px;
        width: calc(100vw - 55px) !important;
        height: 40px !important;
        margin-bottom: 10px !important;
        float: left
    }

    .searchwrap h1.h1_home {
        font-size: 25px
    }

    .searchwrap .searchbar .custom-combobox a {
        float: right;
        height: 50px !important
    }

    .searchwrap .searchbar .btn {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 15px
    }

    .searchwrap {
        min-height: 740px
    }

        .searchwrap h3 {
            padding: 20px;
            line-height: 22px;
            font-size: 14px
        }

    .box-propetty-left, .box-propetty-right {
        margin-right: 0;
        margin-left: 0
    }

    .home-box {
        width: 100%;
        margin-bottom: 10px
    }

    .propetty-top .nav-tabs > li {
        width: 45%
    }

    .tab-home-job {
        margin-top: 5px
    }

    .tab_linhvuc li {
        width: unset !important
    }

    .div-jobs {
        width: 100%;
        height: auto;
        background-color: #fff;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #eee;
        margin-top: 15px;
        margin-left: 15px
    }

    .width-image-home {
        width: 100%;
        float: none;
        position: relative;
        min-height: 1px
    }

    .width-content-intro-company {
        width: 100%;
        float: left
    }

    .image_home {
        height: 53px;
        min-width: unset;
        width: 91%
    }

    .ul-margin li {
        width: 100%
    }

    .row-margin .col-xs-6 {
        width: 100%;
        margin-bottom: 4px
    }

    .nav-tabs .only_one {
        width: 80% !important
    }

    .re-width-camnang {
        width: calc(100% - 0px)
    }

    .img-camnang {
        margin-top: 10px;
        height: 180px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #eee
    }

        .img-camnang img {
            width: auto;
            height: auto;
            max-height: 100%
        }

    #set_bg_padding {
        width: calc(100vw - 30px)
    }

    .list-khuvuc li.col-md-3 {
        width: 50%;
        float: left
    }

    .padding_mobile_remove_l15_r15 {
        padding-left: 0;
        padding-right: 0
    }

    .content-detail {
        padding-top: 120px
    }

    .title-detail-middle {
        font-size: 17px !important;
        margin-top: 15px;
        line-height: 25px
    }

    .group-salary-detail {
        margin: 0;
        max-width: 100%
    }

    #bookmark_job {
        margin-bottom: 20px
    }

    .group-salary-detail .btn-save-detail {
        margin-bottom: 10px
    }
}

@media(min-width: 320px) and (max-width:480px) {
    .searchbar {
        margin-top: 0
    }

    .searchwrap {
        min-height: 650px
    }

    .h1_home a {
        font-size: 23px !important
    }

    .mobi-mar {
        margin-top: 15px
    }

    .container.container-home h3 {
        margin-top: 0
    }

    .tab_linhvuc {
        display: none
    }

    .home-box h2 {
        font-size: 12px;
        margin-top: 0
    }

    .job_overflow {
        white-space: normal !important
    }

    .items_search_skill_container, .items_search_role_container {
        flex: 100%;
        max-width: 100%
    }

    .container.content-home .home {
        flex-wrap: wrap;
        flex-direction: column;
        grid-template-columns: 50% 50%;
        padding: 0
    }

    .background-ck {
        background: #455258 url(../images/bg-ck1.jpg) no-repeat !important;
        height: auto !important
    }

    .box-package {
        width: 100% !important
    }

    .box-buy {
        width: 100% !important;
        margin-bottom: 10px
    }

    .notifi-header {
        margin: 0 auto;
        position: absolute;
        top: 121px;
        bottom: 0;
        left: 0;
        right: 0
    }

    .notifi-content {
        margin: 0 auto;
        width: 364px !important
    }

    #nav li {
        margin-right: 8px !important;
        padding-left: 5px !important
    }

    .EUJobseer-btnVL {
        padding: 0 5px
    }

    .EUJobseer-divbtn button.active {
        padding: 10px;
        width: 49%;
        font-size: 12px
    }

    .EUJobseer-divbtn button {
        padding: 10px;
        width: 49%;
        font-size: 12px
    }

    .EUJobseer-row .tabs > ul li a {
        padding: 6px 7px
    }

    .EUJobseer-res {
        margin-left: 1em
    }

    .title-NTD-VO {
        font-size: 22px
    }

    .txt-banner-ntd1 {
        font-size: 16px
    }

    .btn-register-postjob-em {
        width: 62%
    }

    .txt-banner-ntd1 {
        padding-left: 5%
    }

    .btn-register-postjob-em {
        margin-left: 17%
    }

    .txt-banner-ntd2 {
        font-size: 15px;
        padding-left: 5%;
        padding-right: 2%
    }

    .btn-register-cvsearch-em1 {
        margin-left: 5%
    }

    .btn-register-cvsearch-em1 {
        font-size: 14px;
        width: 90%;
        margin-bottom: 5px
    }

    .btn-register-cvsearch-em {
        width: 90%;
        margin-left: 5%;
        display: block
    }

    .btn-register-cvsearch-em {
        font-size: 14px
    }

    .ul-sub-detail li {
        display: inline-flex;
        width: 100%
    }
}

@media(max-width: 480px) {
    .div-jobs {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .grid-job > .grid-job-title {
        padding-left: 10px !important
    }

    .company-box-job {
        margin-left: -30px !important;
        margin-right: -30px !important
    }

    h3.title-jobs-home {
        margin-top: 10px !important
    }

    .mobi-fontsize12 a, .mobi-fontsize12 {
        font-size: 10.5px !important
    }

    .image_home {
        height: 82px !important;
        min-width: unset;
        width: 100% !important
    }

    .ul-sub-detail {
        font-size: 12px
    }
}

@media(max-width: 320px) {
    .group-salary-detail .btn-save-detail {
        margin-bottom: 10px
    }

    .ul-sub-detail {
        font-size: 12px
    }

    .padding-top-30px {
        padding-top: 30px
    }

    .content-TopPage .bangGia {
        margin-left: 6%
    }

    .content-TopPage .chiTiet {
        margin-left: 21.5%
    }

    .dky-dnhap {
        padding: 35px 6px 12px 14px !important
    }

    .padding_top_5px {
        padding-top: 5px !important
    }

    .btn-facebook, .btn-google {
        width: 100%
    }

    .btn-postJob {
        margin-bottom: 15px;
        background-color: transparent !important
    }

    .menu-sub-em {
        margin-top: 0;
        width: 150px
    }

    #example2_filter lable {
        width: 100% !important
    }

    .EUJobseer-res {
        margin-left: 1em
    }

    .box-package {
        width: 260px !important
    }

    .box-buy {
        width: 260px !important
    }

    .notifi-header {
        margin: 0 auto;
        position: absolute;
        top: 119px;
        bottom: 0;
        left: 0;
        right: 0
    }

    .notifi-content {
        margin: 0 auto;
        width: 310px !important
    }

    #nav li {
        margin-right: 3px !important;
        padding-left: 3px !important;
        font-size: 11px !important
    }

    #notification_count {
        padding: 1px 4px !important;
        margin-left: 59px !important;
        margin-top: -10px !important;
        font-size: 9px !important
    }

    .EUJobseer-btnVL {
        padding: 0 3px
    }

    .EUJobseer-divbtn button.active, .EUJobseer-divbtn button {
        width: 100%;
        margin-bottom: 8px
    }

    .title-NTD-VO {
        font-size: 22px
    }

    .txt-banner-ntd1 {
        font-size: 16px
    }

    .btn-register-postjob-em {
        width: 62%
    }

    .txt-banner-ntd1 {
        padding-left: 5%
    }

    .btn-register-postjob-em {
        margin-left: 17%
    }

    .txt-banner-ntd2 {
        font-size: 15px;
        padding-left: 5%
    }

    .btn-register-cvsearch-em1 {
        margin-left: 5%
    }

    .btn-register-cvsearch-em1 {
        font-size: 14px;
        width: 90%;
        margin-bottom: 5px
    }

    .btn-register-cvsearch-em {
        width: 90%;
        margin-left: 5%;
        display: block
    }

    .btn-register-cvsearch-em {
        font-size: 14px
    }
}

@media(max-width: 480px) {
    .tabs > ul .tab-save a .fa-user {
        display: none
    }
}


.btn-dnhap .dropdown-content::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: transparent transparent #bdbdbd transparent;
    z-index: 0;
}

.btn-dnhap .dropdown-content {
    display: none;
    position: absolute;
    background-color: unset;
    box-shadow: unset;
    z-index: 1;
    min-width: 175px;
    top: 20px;
    height: 200px;
}

    .btn-dnhap .dropdown-content a {
        color: #000;
        padding: 6px 16px !important;
        text-decoration: none;
        display: block;
        width: 250px;
        background: white;
    }

.scroll-content {
    margin-top: 10px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.btn-dky .dropdown-content::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: transparent transparent #bdbdbd transparent;
    z-index: 0;
}

.btn-dky .dropdown-content {
    display: none;
    position: absolute;
    background-color: unset;
    box-shadow: unset;
    z-index: 1;
    min-width: 175px;
    top: 20px;
    height: 200px;
}

    .btn-dky .dropdown-content a {
        color: #000;
        padding: 6px 16px !important;
        text-decoration: none;
        display: block;
        width: 250px;
        background: white;
    }

        .btn-dnhap .dropdown-content a i, .btn-dky .dropdown-content a i {
            margin-right: 8px;
        }