@font-face {
    font-family: "Proxima Nova";
    src: url("/assets/fonts/bf9f5d50c1b928ff21436517a1a95ad9.eot");
    src: url("/assets/fonts/bf9f5d50c1b928ff21436517a1a95ad9.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bf9f5d50c1b928ff21436517a1a95ad9.woff2") format("woff2"), url("/assets/fonts/bf9f5d50c1b928ff21436517a1a95ad9.woff") format("woff"), url("/assets/fonts/bf9f5d50c1b928ff21436517a1a95ad9.ttf") format("truetype"), url("/assets/fonts/bf9f5d50c1b928ff21436517a1a95ad9.svg#Proxima Nova") format("svg");
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    letter-spacing: .5px
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1;
    color: #323232;
    font-family: 'Proxima Nova';
    font-size: 18px
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

h2, .h2 {
    font-family: proxima nova;
    font-size: 48px
}

h3, .h3 {
    font-family: proxima nova;
    font-weight: 700;
    font-style: normal;
    font-size: 30px
}

    h3 .title {
        font-family: proxima nova;
        font-weight: 700;
        font-style: normal;
        font-size: 36px
    }

h4, .h4 {
    font-family: proxima nova;
    font-size: 24px;
    font-weight: 700;
    font-style: normal
}

h5, .h5 {
    font-family: proxima nova;
    font-size: 20px
}

h6, .h6 {
    font-family: proxima nova;
    font-size: 18px
}

p {
    font-family: proxima nova;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
}

a {
    font-family: proxima nova;
    font-size: 18px;
    transition: all .5s ease 0s
}

    a:hover {
        color: Black !important;
        text-decoration: none;
        transition: all .5s ease 0s
    }

video {
    width: 100%;
    height: auto
}

button:focus {
    outline: 0 dotted
}

.background-color-Maroon {
    background-color: #da4345
}

.background-color-Maroon-light {
    background-color: #fff;
}

.background-color-white-light {
    background-color: #fbfbfb
}

.background-color-white-drak {
    background-color: #f8f8f8
}

.background-color-full-white {
    background-color: #fff
}

.background-color-full-white-light {
    background-color: #edefee
}

.background-color-white {
    background-color: #f3efef
}

.font-color-orange {
    color: #da4345
}

.font-color-white {
    color: #fff
}

.font-color-black {
    color: #323232
}

.vertical-space-101 {
    display: inline-block;
    width: 100%;
    height: 100px
}

.vertical-space-100 {
    display: inline-block;
    width: 100%;
    height: 100px
}

.vertical-space-80 {
    display: inline-block;
    width: 100%;
    height: 80px
}

.vertical-space-85 {
    display: inline-block;
    width: 100%;
    height: 85px
}

.vertical-space-75 {
    display: inline-block;
    width: 100%;
    height: 75px
}

.vertical-space-70 {
    display: inline-block;
    width: 100%;
    height: 70px
}

.vertical-space-60 {
    display: inline-block;
    width: 100%;
    height: 60px
}

.vertical-space-65 {
    display: inline-block;
    width: 100%;
    height: 65px
}

.vertical-space-50 {
    display: inline-block;
    width: 100%;
    height: 50px
}

.vertical-space-40 {
    display: inline-block;
    width: 100%;
    height: 40px
}

.vertical-space-30 {
    display: inline-block;
    width: 100%;
    height: 30px
}

.vertical-space-20 {
    display: inline-block;
    width: 100%;
    height: 20px
}

.vertical-space-25 {
    display: inline-block;
    width: 100%;
    height: 25px
}

.vertical-space-5 {
    display: inline-block;
    width: 100%;
    height: 5px
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0 5px 20px rgba(0,0,0,.05);
    transition: all 200ms ease
}

.top_bar {
    width: 100%
}

.top_bar_container {
    width: 100%;
    height: 100%
}

.top_bar_content {
    width: 100%;
    height: 50px
}

.top_bar_contact_list li {
    display: inline-block
}

.question {
    font-family: roboto slab,serif;
    font-size: 14px;
    color: #fff;
    margin-left: 0
}

.top_bar_contact_list li {
    font-family: proxima nova
}

    .top_bar_contact_list li i, .top_bar_contact_list li > div {
        display: inline-block;
        font-size: 14px;
        color: #fff
    }

    .top_bar_contact_list li > div {
        margin-left: 1px
    }

    .top_bar_contact_list li:not(:last-child) {
        margin-right: 21px
    }

.header_container {
    width: 100%
}

.header_content {
    height: 60px;
    transition: all 200ms ease
}

.logo, .logo_text {
    display: inline-block
}

.logo {
    width: 60px;
    height: 60px;
    transition: all 200ms ease
}

    .logo img {
        max-width: 100%
    }

.logo_text {
    font-family: roboto slab,serif;
    font-size: 36px;
    font-weight: 700;
    line-height: .75;
    color: #384158;
    vertical-align: middle;
    margin-left: 7px;
    transition: all 200ms ease
}

.header.scrolled .logo {
    width: 40px;
    height: 40px
}

.header.scrolled .logo_text {
    font-size: 24px
}

.main_nav, .search_button, .shopping_cart {
    display: inline-block
}

    .main_nav li {
        display: inline-block;
        position: relative
    }

        .main_nav li:not(:last-child) {
            margin-right: 40px
        }

        .main_nav li a {
            font-size: 16px;
            font-weight: 500;
            color: #da4345;
            transition: all 200ms ease;
            position: relative;
            font-family: proxima nova
        }

    .main_nav > li.active > a::before {
        opacity: 1
    }

    .main_nav > li > a::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -21px;
        width: 0;
        height: 0;
        border-right: 15px solid #FFE;
        border-left: 15px solid #fff;
        border-top: 15px #1e5cbe;
        border-style: dashed;
        border-bottom: white;
        opacity: 0;
        transition: all .5s ease 0s
    }

.header_container .Post-Jobs {
    width: 100px;
    height: 44px;
    border: 1px solid;
    border-radius: 41px;
    color: #da4345;
    text-align: center;
    transition: .3s;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    transition: all .5s ease 0s;
    line-height: 2.6
}

    .header_container .Post-Jobs a {
        width: 100%;
        display: block
    }

    .header_container .Post-Jobs:hover {
        border: 1px solid;
        transition: all .5s ease 0s;
        background-color: #fff;
        color: #1e5cbe;
        background-color: #da4345;
    }

    .header_container .Post-Jobs a {
        color: #da4345
    }

/*.header_container .Post-Jobs:hover a {
        cursor: pointer;
        color: #da4345;
        text-decoration: none;
        transition: .3s;
    }*/

.top_bar .coll {
    width: 25px;
    height: 25px;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    margin-right: 5px;
    font-size: 12px
}

.header_container .contact-no {
    font-size: 12px !important;
    font-family: proxima nova
}

.header_container .email {
    font-size: 14px !important;
    font-family: proxima nova
}

.top_bar .search {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(218,83,19,.93);
    text-align: center;
    border-radius: 50%;
    background-color: #da5313;
    margin-bottom: 0;
    font-size: 20px;
    color: #fff;
    transition: all 200ms ease;
    margin: 4px;
    margin-top: 4px;
    margin-left: 4px;
    margin-top: 0
}

    .top_bar .search.transparent {
        border: 1px solid transparent;
        background-color: transparent
    }

    .top_bar .search .search-icone {
        font-size: 21px;
        text-align: center;
        line-height: 34px
    }

.search_button {
    margin-left: 24px !important;
    cursor: pointer
}

.header_search_form {
    display: block;
    position: relative;
    width: 40%
}

.header_search_container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #14bdee;
    z-index: -1;
    opacity: 0;
    transition: all 400ms ease
}

    .header_search_container.active {
        bottom: -73px;
        opacity: 1
    }

.header_search_content {
    width: 100%;
    height: 73px
}

.search_input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding-left: 20px
}

.scrolled .top_bar {
    display: none
}

.scrolled .header_content {
    height: 65px
}

.scrolled .main_nav > li > a::before {
    top: -25px
}

.menu-vertical {
    vertical-align: middle
}

.header_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer
}

.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /*font-size:18px;*/
}

/*.dropdown:hover .dropdown-menu {
    display: block;
    transition: all 5s ease 0s
}*/

/*.dropdown-menu {
    position: absolute !important;

    

    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #da4345;
    background-clip: padding-box;
    border-radius: .25rem;
    border: 1px solid #da4345;
}*/

/*.menu .dropdown-menu {
    position: relative;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 9rem;
    padding: 5px;
    margin: 0 4px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border-radius: .25rem;
    border: 1px solid transparent
}*/

.menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 330px !important;
    height: 0;
    background: rgba(255,255,255,.9);
    z-index: 101;
    padding-right: 20px;
    padding-top: 87px;
    padding-left: 20px;
    visibility: hidden;
    transition: all .2s ease-out 0s
}

    .menu .logo a {
        color: #000
    }

    .menu.active {
        right: 0;
        visibility: visible
    }

.menu_close {
    width: 100%;
    height: 100%;
    transform-style: preserve-3D
}

    .menu_close div {
        width: 100%;
        height: 2px;
        background: #232323;
        top: 8px;
        transition: all 200ms ease
    }

        .menu_close div:last-of-type {
            transform: rotate(90deg) translateX(-2px);
            transform-origin: center
        }

    .menu_close:hover div {
        background: #937c6f
    }

.menu .logo {
    margin-bottom: 60px
}

.menu_nav {
    margin: 0 auto;
    text-align: center
}

    .menu_nav ul li {
        margin-bottom: 9px
    }

        .menu_nav ul li a {
            font-family: roboto,sans-serif;
            font-size: 14px;
            text-transform: uppercase;
            color: #000;
            font-weight: 700;
            letter-spacing: .1em;
            transition: all .2s ease-out 0s
        }

            .menu_nav ul li a:hover {
                color: #da4345 !important
            }

.menu .search {
    width: 100%;
    margin-bottom: 67px
}

.menu .header_search_form {
    width: 100%
}

.menu .search_input {
    width: 100%;
    height: 40px;
    background: rgba(0,0,0,.1);
    border-radius: 3px;
    border: none;
    outline: none;
    padding-left: 15px;
    color: rgba(0,0,0,.5)
}

    .menu .search_input::placeholder {
        color: #000
    }

.menu .logo a {
    color: #000
}

.menu.active {
    right: 0
}

.menu_nav ul {
    list-style: none
}

.menu_close_container {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    transform: rotate(45deg);
    cursor: pointer
}

.menu_close {
    width: 100%;
    height: 100%;
    transform-style: preserve-3D
}

    .menu_close div {
        width: 100%;
        height: 2px;
        background: #232323;
        top: 8px;
        transition: all 200ms ease
    }

        .menu_close div:last-of-type {
            transform: rotate(90deg) translateX(-2px);
            transform-origin: center
        }

    .menu_close:hover div {
        background: #937c6f
    }

.menu .logo {
    margin-bottom: 60px
}

.menu_nav ul li {
    margin-bottom: 9px
}

    .menu_nav ul li a {
        font-family: roboto,sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        color: #000;
        font-weight: 700;
        letter-spacing: .1em;
        transition: all 200ms ease
    }

        .menu_nav ul li a:hover {
            color: #14bdee
        }

.menu .search {
    width: 100%;
    margin-bottom: 67px
}

.search {
    display: inline-block;
    width: 400px;
    transform: translateY(2px)
}

.menu .header_search_form {
    width: 100%
}

.search form {
    position: relative
}

.menu .search_input {
    width: 100%;
    height: 40px;
    background: rgba(0,0,0,.1);
    border-radius: 3px;
    border: none;
    outline: none;
    padding-left: 15px;
    color: rgba(0,0,0,.5)
}

    .menu .search_input::placeholder {
        color: rgba(0,0,0,.4) !important
    }

.hamburger {
    display: inline-block;
    margin-left: 33px
}

.hamburger {
    display: none;
    cursor: pointer
}

.display {
    display: inline-block
}

#intro {
    width: 100%;
    height: 80vh;
    background: #fff
}

    #intro .carousel-item {
        width: 100%;
        height: 80vh;
    }

    #intro .carousel-background::after {
        content: '';
        background-color: rgba(0,0,0,.7);
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0
    }

    #intro .carousel-item::before {
        content: '';
        background-color: rgba(0,0,0,.7);
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0
    }

    #intro .carousel-container {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        top: 11%;
        left: 0;
        right: 0
    }

    #intro .carousel-content {
        text-align: center
    }

    #intro h1 {
        color: #da4345;
        /*margin-top: 170px;*/
        font-size: 90px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: proxima nova;
        position: relative;
    }

    #intro p {
        width: 56%;
        margin: 0 auto 65px;
        color: #fff
    }

        #intro p.margin {
            margin: 0 0 56px !important
        }

    #intro .Explore-Jobs {
        width: 195px;
        height: 53px;
        font-size: 18px;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        transition: all .5s ease 0s;
        border-radius: 30px;
        border: 1px solid rgba( 242,101,34,0.93);
        color: #fff;
        background-color: #da4345;
        display: block;
        text-align: center;
        line-height: 2.7
    }

        #intro .Explore-Jobs:hover {
            cursor: pointer;
            transition: all .5s ease 0s;
            border: 1px solid #da4345;
            color: #da4345;
            background-color: #fff
        }




.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    line-height: 1;
    flex: 1 1 auto;
    /*padding: 0*/
}

#intro .play {
    width: 60px;
    height: 60px;
    color: #da4345;
    background-color: #fff;
    border-radius: 50%;
    line-height: 60px
}

button.close {
    padding: 0 5px 4px;
    background-color: #fff;
    -webkit-appearance: none;
    opacity: 1;
    z-index: 999;
    height: 40px;
}

.width-100 {
    width: 100% !important
}

.button-rounded {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 0;
    display: inline-block;
    box-shadow: 0 2px 8px rgba(0,0,0,.5);
    position: absolute;
    top: -13px;
    right: -14px;
    line-height: 30px
}

#search-box {
    margin-bottom: 70px;
    position: relative
}

    #search-box .search-box {
        padding: 8px 8px 8px 38px;
        box-shadow: 0 6px 11px 0 #e4e4e4;
        background-color: #fff;
        border-radius: 10px;
        position: absolute;
        left: 0;
        right: 0;
        top: -35px
    }

    #search-box.margin-none {
        margin-bottom: 0
    }

    #search-box .search {
        float: left;
        margin-right: -25px;
        margin-top: -1px;
        position: relative;
        width: 30px;
        height: 37px;
        line-height: 1.5;
        /*background-color: #fff;*/
        text-align: center;
        color: rgba(108,106,106,.8)
    }

    #search-box span {
        color: #323232;
        font-size: 24px
    }

    #search-box .rounded {
        border-radius: 40px !important
    }

    #search-box .search-box_search_form div {
        width: calc(100% - 32px);
        height: 46px;
        background: #fff;
        border-radius: 37px
    }

    #search-box .search-box_search_input {
        width: 33.33333333%;
        border: none;
        outline: none;
        height: 25px;
        padding-left: 25px;
        color: black;
        font-size: 20px;
        font-family: proxima nova;
        font-weight: 400
    }

        #search-box .search-box_search_input:not(:last-child) {
            border-right: solid 1px #e5e5e5
        }

    #search-box .place {
        margin-left: 18px
    }

    #search-box .search-box_search_input::placeholder {
        color: #000;
        font-family: proxima nova;
        font-weight: 400
    }

    #search-box .dropdown_item_select {
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        box-shadow: 0 0 0 transparent;
        -webkit-user-select: none;
        background-image: url(../images/down.png);
        background-position: center right;
        background-repeat: no-repeat
    }

    #search-box .search-box_search_button {
        width: 186px;
        height: 57px;
        background: #da4345;
        border: none;
        outline: none;
        border-radius: 5px;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        letter-spacing: .1em;
        cursor: pointer;
        font-family: proxima nova;
        padding: 14px
    }


    #search-box .search-box_slider_nav {
        position: absolute;
        top: 55.8%;
        width: 50px;
        background: #b6b7bd;
        border-radius: 50%;
        text-align: center;
        z-index: 10;
        cursor: pointer;
        transition: all 200ms ease
    }

    #search-box .search-box_slider_prev {
        left: 75px
    }

    #search-box .search-box_slider_next {
        right: 75px
    }

    #search-box .search-box_slider_nav i {
        line-height: 50px;
        color: #fff;
        font-size: 22px
    }

    #search-box .search-box_slider_nav:hover {
        background: #14bdee
    }

#Job-Category {
    text-align: center
}

    #Job-Category .max-width {
        max-width: 56%;
        margin: 0 auto;
        text-align: center
    }

    #Job-Category .box {
        width: 265px;
        height: 284px;
        padding: 30px 0 19px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 0;
        margin-bottom: 0;
        transition: all .5s ease 0s;
        margin-bottom: 20px
    }

        #Job-Category .box .circle {
            width: 110px;
            height: 110px;
            margin: 0 auto;
            background-color: #faece5;
            border-radius: 50%;
            line-height: 137px
        }

        #Job-Category .box h6 {
            margin: 33px 0;
            font-size: 17px;
            font-family: proxima nova;
            font-weight: 700
        }

        #Job-Category .box .job_post {
            width: 150px;
            height: 40px;
            text-align: center;
            border: 1px solid #e1e1e1;
            border-radius: 5px;
            padding: 12px 26px;
            color: #6e6e6e;
            background: 0 0;
            transition: all .5s ease 0s
        }

        #Job-Category .box:hover .job_post {
            width: 150px;
            height: 40px;
            text-align: center;
            border: 1px solid;
            border-radius: 5px;
            padding: 12px 26px;
            color: #fff;
            background: #da4345;
            font-family: proxima nova;
            cursor: pointer;
            font-weight: 700;
            transition: all .5s ease 0s
        }

        #Job-Category .box .button {
            overflow: hidden;
            text-decoration: none
        }

            #Job-Category .box.button span {
                transition-delay: 0s;
                font-size: 16px;
                font-family: proxima nova
            }

            #Job-Category .box .button::before, #Job-Category .box .button::after {
                content: '';
                position: absolute;
                left: 0;
                width: 100%;
                text-align: center;
                opacity: 0;
                transition: all .5s ease 0s
            }

            #Job-Category .box .button:before {
                content: attr(data-hover)
            }

            #Job-Category .box .button:after {
                content: attr(data-active)
            }

            #Job-Category .box:hover .button span, #Job-Category .box .button:active span {
                opacity: 0
            }

            #Job-Category .box:hover .button:before, #Job-Category .box .button:active:after {
                opacity: 1;
                transform: translate(0,0);
                transition-delay: 0s
            }

            #Job-Category .box .button:active:before {
                transform: translate(-10%,0);
                transition-delay: 0s
            }

        #Job-Category .box:hover {
            background-color: #fff;
            box-shadow: 0 0 10px 10px #f7f7f7;
            transition: all .5s ease 0s
        }

    #Job-Category .Brows-All-Category {
        width: 199px;
        height: 44px;
        border: 1px solid #4c4c4c;
        background-color: transparent;
        border-radius: 5px;
        margin: 0 auto;
        color: #4c4c4c;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        line-height: 2.6;
        display: block
    }

        #Job-Category .Brows-All-Category a {
            width: 100%;
            display: inline-block
        }

        #Job-Category .Brows-All-Category:hover {
            border: 1px solid #da4345;
            color: #da4345
        }

#top-Job-Category {
    text-align: center
}

    #top-Job-Category .max-width {
        max-width: 56%;
        margin: 0 auto;
        text-align: center
    }

    #top-Job-Category .box {
        width: 265px;
        height: 284px;
        padding: 30px 0 19px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 0;
        margin-bottom: 0;
        transition: all .5s ease 0s;
        margin-bottom: 20px;
        background-color: #fff;
        box-shadow: 0 0 10px 6px #f7f7f7;
        transition: all .5s ease 0s
    }

        #top-Job-Category .box .circle {
            width: 110px;
            height: 110px;
            margin: 0 auto;
            background-color: #faece5;
            border-radius: 50%;
            line-height: 137px
        }

        #top-Job-Category .box h6 {
            margin: 33px 0;
            font-size: 17px;
            font-family: proxima nova;
            font-weight: 700
        }

        #top-Job-Category .box .job_post {
            width: 150px;
            height: 40px;
            text-align: center;
            border: 1px solid #e1e1e1;
            border-radius: 20px;
            padding: 12px 26px;
            color: #6e6e6e;
            background: 0 0;
            transition: all 0s ease 0s
        }

        #top-Job-Category .box:hover .job_post {
            width: 150px;
            height: 40px;
            text-align: center;
            border: 1px solid;
            border-radius: 20px;
            padding: 12px 26px;
            color: #fff;
            background: #da4345;
            font-family: proxima nova;
            cursor: pointer;
            font-weight: 700;
            transition: all 0s ease 0s
        }

        #top-Job-Category .box .button {
            overflow: hidden;
            text-decoration: none
        }

            #top-Job-Category .box.button span {
                transition-delay: .2s;
                font-size: 16px;
                font-family: proxima nova
            }

            #top-Job-Category .box .button::before, #top-Job-Category .box .button::after {
                content: '';
                position: absolute;
                left: 0;
                width: 100%;
                text-align: center;
                opacity: 0;
                transition: .3s
            }

            #top-Job-Category .box .button:before {
                content: attr(data-hover)
            }

            #top-Job-Category .box .button:after {
                content: attr(data-active)
            }

            #top-Job-Category .box:hover .button span, #top-Job-Category .box .button:active span {
                opacity: 0
            }

            #top-Job-Category .box:hover .button:before, #top-Job-Category .box .button:active:after {
                opacity: 1;
                transform: translate(0,0);
                transition-delay: 0s
            }

            #top-Job-Category .box .button:active:before {
                transform: translate(-10%,0);
                transition-delay: 0s
            }

    #top-Job-Category .Brows-All-Category {
        width: 199px;
        height: 44px;
        border: 1px solid #4c4c4c;
        background-color: transparent;
        border-radius: 20px;
        margin: 0 auto;
        color: #4c4c4c;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        display: block;
        line-height: 2.6
    }

        #top-Job-Category .Brows-All-Category:hover {
            color: #da4345;
            border: 1px solid #da4345
        }

#resent-job-post .max-width {
    max-width: 56%;
    margin: 0 auto;
    text-align: center
}

#resent-job-post .width-100 {
    width: 100% !important
}

#resent-job-post .Job-Category-box {
    height: 309px;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 23px 35px 42px 20px;
    text-align: left
}

    #resent-job-post .Job-Category-box p.title {
        font-weight: 700;
        margin-bottom: 25px
    }

#resent-job-post .Job-Nature-box p.title {
    font-weight: 700;
    margin-bottom: 25px
}

#resent-job-post .Job-Nature-box {
    height: 211px;
    background-color: #fff;
    margin-bottom: 20px;
    text-align: left;
    padding: 26px 20px
}

#resent-job-post .Salary-Range-box {
    height: 409px;
    background-color: #fff;
    margin-bottom: 20px;
    text-align: left;
    padding: 25px 20px 40px
}

#slider-range::before {
    content: '1';
    font-size: 12px;
    position: absolute;
    top: 7px;
    left: 0
}

#slider-range::after {
    content: '99';
    font-size: 12px;
    position: absolute;
    top: 7px;
    right: 0
}

.location-icone {
    position: absolute;
    left: 54px;
    line-height: 2.7
}

.Location {
    padding-left: 45px !important
}

.minus {
    font-size: 10px;
    padding: 0 10px
}

.salery-range {
    color: #343434;
    width: 62px;
    height: 32px;
    border: 1px solid #e6f9ee;
    margin-bottom: 25px;
    text-align: center
}

.ui-slider-horizontal {
    height: 5px !important
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #da4345 !important;
    background-position-x: 0%;
    background-position-y: 0%;
    color: #333;
    font-weight: 700
}

.ui-widget.ui-widget-content {
    border: 1px solid #e5e5e5 !important;
    border-radius: 20px !important
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #e5e5e5 !important;
    color: #333
}

.ui-slider-horizontal .ui-slider-handle {
    top: -7px !important;
    margin-left: -.6em
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 16px !important;
    height: 16px !important;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #fff !important;
    font-weight: 400;
    color: #454545;
    border-radius: 50% !important;
    box-shadow: 0 2px 2px 1px #c5c5c5;
    border: 0 !important
}

#resent-job-post .Salary-Range-box p.title {
    font-weight: 700;
    margin-bottom: 25px
}

#resent-job-post .Salary-Range-box p.small-title {
    font-weight: 700;
    margin-bottom: 17px;
    margin-top: 30px
}

#resent-job-post .Industry-box p.title {
    font-weight: 700;
    margin-bottom: 25px
}

#resent-job-post .Industry-box {
    height: 227px;
    background-color: #fff;
    margin-bottom: 20px;
    text-align: left;
    padding: 29px 20px 39px
}

#resent-job-post .detail {
    width: 89%;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 30px;
    margin-bottom: 12px;
    border-radius: 5px
}

    #resent-job-post .detail h6 a {
        font-size: 18px
    }

#resent-job-post .search-box_search_input {
    width: 100%;
    border: none;
    outline: none;
    height: 25px;
    padding-left: 20px;
    color: #8c8888;
    font-size: 16px;
    height: 45px;
    background: #f8f8f8;
    border-radius: 5px
}

#resent-job-post .place {
    margin-left: 18px
}

#resent-job-post .search-box_search_input::placeholder {
    color: #000
}

#resent-job-post .dropdown_item_select {
    position: relative;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: 0 0 0 transparent;
    -webkit-user-select: none;
    background-image: url(../imags/down.png);
    background-position: center right;
    background-repeat: no-repeat
}

#resent-job-post .detail h6 {
    font-weight: 700;
    margin-bottom: 12px;
    font-family: proxima nova
}

#resent-job-post .detail i {
    font-size: 13px;
    align-self: center;
    vertical-align: middle;
    margin-bottom: 5px
}

#resent-job-post .detail .text {
    display: inline;
    font-size: 16px;
    margin-bottom: 12px;
    font-family: proxima nova;
    font-weight: 400;
    display: inline-block
}

#resent-job-post .detail .part-full-time {
    width: 148px;
    height: 38px;
    border: 1px solid #f8b5a7;
    color: #f26c4f;
    font-size: 16px;
    font-family: proxima nova;
    cursor: pointer;
    font-weight: 700;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 19px;
    transition: all .5s ease 0s;
    display: block;
    float: right;
    margin-bottom: 19px;
    line-height: 2.3
}

    #resent-job-post .detail .part-full-time:hover {
        border: 1px solid #fff;
        color: #fff;
        background-color: #f26c4f;
        transition: all .5s ease 0s
    }

#resent-job-post .detail .date-time {
    font-size: 17px;
    font-family: proxima nova;
    font-weight: 400;
    font-style: normal
}

#resent-job-post .detail .margin-top {
    margin-top: -56px;
    text-align: center
}

#resent-job-post .job-list {
    width: 89%;
    margin: 0 auto
}

    #resent-job-post .job-list .Open-Jobs-Page {
        display: inline-block;
        float: left;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        width: 194px;
        height: 48px;
        border-radius: 5px;
        border: 1px solid;
        color: #fff;
        background-color: #da4345;
        text-align: center;
        line-height: 2.8;
        display: block
    }

        #resent-job-post .job-list .Open-Jobs-Page:hover {
            border: 1px solid;
            color: #da4345;
            background-color: transparent
        }

        #resent-job-post .job-list .Open-Jobs-Page:hover {
            color: #da4345
        }

        #resent-job-post .job-list .Open-Jobs-Page i {
            line-height: 1.8;
            margin-right: 9px
        }

#resent-job-post .pdding-none {
    padding: 0 !important
}

#resent-job-post .keyboard_arrow_left_right {
    padding: 9px;
    font-size: 18px !important
}

#resent-job-post .pdding-none {
    padding: 0 !important
}

#resent-job-post .page-link {
    width: 36px;
    height: 36px;
    position: relative;
    display: block;
    padding: 9px;
    line-height: 1;
    color: #4c4c4c;
    background-color: transparent;
    border: 1px solid #dee2e6;
    margin: 5px;
    font-size: 16px;
    text-align: center;
    transition: all .5s ease 0s
}

    #resent-job-post .page-link:hover {
        color: #4c4c4c;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
        transition: all .5s ease 0s
    }

#resent-job-post ul {
    list-style: none
}

#resent-job-post .list-item1::before {
    content: "\f00c";
    font-family: fontawesome;
    float: left;
    color: #555;
    font-size: 10px;
    width: 13px;
    height: 13px;
    text-align: center;
    position: absolute;
    left: 35px;
    background-color: rgba( 242,101,34,0.93);
    color: #fff;
    border: 1px solid #da4345;
    margin-top: 1.3px
}

#resent-job-post .deactivate {
    font-family: proxima nova;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-left: 33px
}

    #resent-job-post .deactivate::before {
        content: "\f00c";
        font-family: fontawesome;
        float: left;
        color: #b3b3b3 !important;
        font-size: 10px;
        width: 13px;
        height: 13px;
        text-align: center;
        position: absolute;
        left: 35px;
        background-color: #fff;
        border: 1px solid
    }

#resent-job-post .list-item1 {
    font-family: proxima nova;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-left: 33px
}

#resent-job-post .page-item .active {
    background: #4c4c4c;
    color: #fff;
    font-weight: 700;
    border-radius: 5px
}

#resent-job-post .page-item:first-child .page-link {
    margin-left: 0;
    border-radius: 5px
}

#resent-job-post .page-item .page-link {
    margin-left: 0;
    border-radius: 5px
}

#resent-job-post .font-size {
    font-size: 15px !important
}

#v2-resent-job-post .max-width {
    max-width: 56%;
    margin: 0 auto;
    text-align: center
}

#v2-resent-job-post .detail {
    width: 89%;
    height: auto;
    margin: 0 auto;
    padding: 40px 30px 20px;
    margin-bottom: 12px;
    border-radius: 5px;
    border-bottom: 1px solid #e5e5e5
}

#v2-resent-job-post .font-size {
    font-size: 15px !important
}

#v2-resent-job-post .detail h6 {
    font-weight: 700;
    margin-bottom: 12px;
    font-family: proxima nova
}

#v2-resent-job-post .detail i {
    font-size: 13px;
    align-self: center;
    vertical-align: middle;
    margin-bottom: 5px
}

#v2-resent-job-post .detail .text {
    display: inline;
    font-size: 16px;
    margin-bottom: 12px;
    font-family: proxima nova;
    font-weight: 400;
    display: inline-block
}

#v2-resent-job-post .detail .part-full-time {
    width: 148px;
    height: 38px;
    border: 1px solid #f8b5a7;
    color: #f26c4f;
    font-size: 16px;
    font-family: proxima nova;
    cursor: pointer;
    font-weight: 700;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 19px;
    transition: all .5s ease 0s;
    display: block;
    line-height: 2.4;
    float: right
}

    #v2-resent-job-post .detail .part-full-time:hover {
        border: 1px solid #fff;
        color: #fff;
        background-color: #f26c4f;
        transition: all .5s ease 0s
    }

#v2-resent-job-post .detail .date-time {
    font-size: 17px;
    font-family: proxima nova;
    font-weight: 400;
    font-style: normal
}

#v2-resent-job-post .detail .margin-top {
    margin-top: -56px;
    text-align: center
}

#v2-resent-job-post .job-list {
    width: 89%;
    margin: 0 auto
}

    #v2-resent-job-post .job-list .Open-Jobs-Page {
        display: inline-block;
        float: left;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        width: 194px;
        height: 48px;
        border-radius: 5px;
        border: 1px solid;
        color: #fff;
        background-color: #da4345;
        text-align: center;
        line-height: 1.5
    }

#v2-resent-job-post .pdding-none {
    padding: 0 !important
}

#v2-resent-job-post .keyboard_arrow_left_right {
    padding: 9px;
    font-size: 18px !important
}

#v2-resent-job-post .pdding-none {
    padding: 0 !important
}

#v2-resent-job-post .page-link {
    width: 36px;
    height: 36px;
    position: relative;
    display: block;
    padding: 9px;
    line-height: 1;
    color: #4c4c4c;
    background-color: transparent;
    border: 1px solid #dee2e6;
    margin: 5px;
    font-size: 16px;
    text-align: center;
    transition: all .5s ease 0s
}

    #v2-resent-job-post .page-link:hover {
        color: #4c4c4c;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
        transition: all .5s ease 0s
    }

#v2-resent-job-post .page-item .active {
    background: #4c4c4c;
    color: #fff;
    font-weight: 700;
    border-radius: 5px
}

#v2-resent-job-post .page-item:first-child .page-link {
    margin-left: 0;
    border-radius: 5px
}

#v2-resent-job-post .page-item .page-link {
    margin-left: 0;
    border-radius: 5px
}

#Featuread-Company .max-width {
    max-width: 56%;
    margin: 0 auto;
    text-align: center
}

#Featuread-Company .media1 {
    display: inline-block;
    align-items: flex-start;
    text-align: center;
    height: 380px;
    background-color: #da4345;
    padding: 40px 16px 39px;
    box-shadow: 0 0 7px -1px #eaeaea;
    margin-left: 5px;
    border: 1px solid #f0f0f0;
    margin-right: 5px;
    border-bottom: 2px solid #f0f0f0;
    transition: all .5s ease 0s;
    margin-bottom: 30px
}

    #Featuread-Company .media1:hover {
        box-shadow: 0 0 14px 2px #1e5cbe;
        border-bottom: 2px solid #1e5cbe;
        transition: all .5s ease 0s
    }

#Featuread-Company .font-size {
    font-size: 15px !important
}

#Featuread-Company .Featuread-Company-img {
    width: 85px;
    height: 85px;
    margin-bottom: 20px !important
}

#Featuread-Company .media1 h6 {
    font-weight: 700;
    margin-bottom: 12px;
    font-family: proxima nova;
    color: #fff;
}

#Featuread-Company .Featuread-Company-carousel a {
    color: #323232;
    margin: 0 auto
}

#Featuread-Company .media1 i {
    font-size: 13px;
    align-self: center;
    vertical-align: middle;
    margin-bottom: 3px;
    color: #fff;
}

#Featuread-Company .media1 .text {
    display: inline;
    font-size: 16px;
    margin-bottom: 12px;
    font-family: proxima nova;
    font-weight: 400;
    display: inline-block;
    color: #fff;
}

#v2-Featuread-Company .max-width {
    max-width: 56%;
    margin: 0 auto;
    text-align: center
}

#v2-Featuread-Company .font-size {
    font-size: 15px !important
}

#v2-Featuread-Company .media1 {
    display: inline-block;
    align-items: flex-start;
    text-align: center;
    height: 309px;
    background-color: #fff;
    padding: 40px 16px 39px;
    box-shadow: 0 0 7px -1px #eaeaea;
    margin-left: 5px;
    border: 1px solid #f0f0f0;
    margin-right: 5px;
    border-bottom: 2px solid #f0f0f0;
    transition: all .5s ease 0s
}

#v2-Featuread-Company .Featuread-Company-img {
    width: 85px;
    height: 85px;
    margin-bottom: 20px !important
}

#v2-Featuread-Company .media1 h6 {
    font-weight: 700;
    margin-bottom: 12px;
    font-family: proxima nova
}

#v2-Featuread-Company .Featuread-Company-carousel a {
    color: #323232
}

#v2-Featuread-Company .media1 i {
    font-size: 13px;
    align-self: center;
    vertical-align: middle;
    margin-bottom: 3px
}

#v2-Featuread-Company .media1 .text {
    display: inline;
    font-size: 16px;
    margin-bottom: 12px;
    font-family: proxima nova;
    font-weight: 400;
    display: inline-block
}

#Jobtend {
    background: url(../imags/jobs.jpg) center top no-repeat fixed;
    background-size: cover;
    position: relative
}

    #Jobtend::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255,255,255,.92);
        z-index: 9
    }

    #Jobtend .container {
        position: relative;
        z-index: 10
    }

    #Jobtend .man-img {
        width: 100%
    }

    #Jobtend ul {
        list-style: none
    }

    #Jobtend .list-item1::before {
        content: "\f178";
        font-family: fontawesome;
        float: left;
        color: #555;
        font-size: 16px;
        line-height: 1.5;
        width: 27px;
        height: 27px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 13px
    }

    #Jobtend .list-item1 {
        font-family: proxima nova;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 20px;
        padding-left: 42px
    }

    #Jobtend .Explore-Employee {
        width: 230px;
        height: 50px;
        margin-right: 30px;
        background-color: #da4345;
        color: #fff;
        border: 1px solid;
        border-radius: 5px;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        transition: all .5s ease 0s;
        display: inline-block;
        text-align: center;
        line-height: 3
    }

        #Jobtend .Explore-Employee:hover {
            border: 1px solid;
            color: #da4345;
            background: 0 0;
            cursor: pointer;
            transition: all .5s ease 0s
        }

    #Jobtend .Explore-New-Jobs {
        width: 230px;
        height: 50px;
        border: 1px solid #da4345;
        color: #da4345;
        background: 0 0;
        border-radius: 5px;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        transition: all .5s ease 0s;
        display: inline-block;
        text-align: center;
        line-height: 3
    }

        #Jobtend .Explore-New-Jobs:hover {
            background-color: #da4345;
            color: #fff;
            border: 1px solid;
            transition: all .5s ease 0s
        }

#v2-Jobtend {
    background-image: url(/assets/images/Homepage.jpg);
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    position: relative;
    /*   background: url(/assets/images/Homepage.jpg) center top no-repeat fixed;
    background-size: cover;
    position: relative*/
}

    #v2-Jobtend::after {
        content: '';
        background: linear-gradient(100deg,rgba(32,30,30,0.87) 20%,rgb(218, 67, 69,0.8) 40%);
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0
    }
    /* #v2-Jobtend::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        
        z-index: 9
    }*/

    /*.v2-Jobtend-none-roted::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg,rgba(32,30,30,0.87) 20%,rgb(218, 67, 69,0.8) 40%) !important;
    z-index: 9
}*/

    #v2-Jobtend .title-jobted {
        font-family: lato,sans-serif
    }

    #v2-Jobtend .container {
        position: relative;
        z-index: 10
    }

    #v2-Jobtend .max-width {
        width: 80%
    }

    #v2-Jobtend .font-size-48 {
        font-size: 48px;
        margin-right: 20px
    }

    #v2-Jobtend .title {
        font-weight: 400;
        line-height: 1.3
    }

    #v2-Jobtend .display-flex {
        display: inline-flex
    }

.user-st ul {
    padding-left: 40px;
}

#v2-Jobtend .list-item1::before {
    content: "\f00c";
    font-family: fontawesome;
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    border: 2px solid #fff;
    width: 27px;
    height: 27px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 13px
}

#v2-Jobtend .list-item1 {
    font-family: proxima nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px;
    padding-left: 42px
}

#Clients-Testimonial .max-width {
    max-width: 56%;
    margin: 0 auto;
    text-align: center
}

#Clients-Testimonial .owl-item.active {
    opacity: .3;
    transform: scale(.8);
    transition: all .7s ease 0s
}

#Clients-Testimonial .owl-item {
    opacity: .3;
    transform: scale(.5)
}

#Clients-Testimonial .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    height: 428px
}

#Clients-Testimonial .owl-item.center {
    opacity: 1;
    transform: scale(1.5);
    margin-top: 116px;
    align-self: center;
    transition: all .5s ease 0s;
    z-index: 9999
}

#Clients-Testimonial .Clients-Testimonial-img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

#Clients-Testimonial .height-width {
    height: 100px;
    width: 100px
}

#Clients-Testimonial .testimonial {
    background: #da4345;
    padding: 20px;
    margin: 0 0 60px;
    position: relative;
    text-align: center;
    border: 1px solid transparent
}

    #Clients-Testimonial .testimonial::before {
        content: '';
        background: #da4345;
        padding: 11px;
        margin: -21px -31px;
        position: relative;
        text-align: center;
        transform: skewX(6deg);
        height: 192px;
        float: left;
        border: 0 solid transparent
    }

.disabled {
    margin: 0 auto;
    width: 293px
}

#Clients-Testimonial .testimonial::after {
    content: '';
    background: #da4345;
    padding: 11px;
    margin: -171px -32px;
    position: relative;
    text-align: center;
    transform: skew(-6deg);
    height: 192px;
    float: right;
    border: 0 solid transparent
}

#Clients-Testimonial .testimonial .testimonial-title {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 36px
}

#Clients-Testimonial .testimonial .description {
    font-size: 11px;
    font-style: italic;
    line-height: 20px;
    color: #fff
}

#Clients-Testimonial .testimonial .post {
    display: block;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    color: #fff;
    margin-top: 10px
}

#Clients-Testimonial .testimonial .pic {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    right: 0%;
    top: -34px;
    box-shadow: 0 0 1px 10px #fff;
    left: 0%;
    margin: 0 auto
}

    #Clients-Testimonial.testimonial .pic img {
        width: 100%;
        height: auto
    }

#Clients-Testimonial .testimonial .star {
    font-size: 14px;
    color: #fbb321;
    margin-bottom: 10px
}

#Trusted-by-Experts .max-width {
    max-width: 56%;
    margin: 0 auto;
    text-align: center
}

#Trusted-by-Experts .testimonial {
    text-align: center
}

    #Trusted-by-Experts .testimonial .pic {
        display: inline-block;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin-bottom: 25px;
        overflow: hidden
    }

#Trusted-by-Experts .owl-stage-outer {
    height: 307px
}

#Trusted-by-Experts .next-prev-color {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #da4345;
    font-size: 21px;
    text-align: center;
    color: #fff;
    line-height: 50px
}

#Trusted-by-Experts .disabled {
    margin: 0 auto;
    width: 100%;
    position: absolute;
    top: 70%;
    bottom: 50%
}

#Trusted-by-Experts .owl-stage {
    height: 340px
}

#Trusted-by-Experts .testimonial .pic img {
    width: 100%;
    height: auto
}

#Trusted-by-Experts .testimonial .title {
    display: block;
    margin: 0 0 20px;
    color: #383a42;
    letter-spacing: 1px;
    text-transform: uppercase
}

#Trusted-by-Experts .testimonial .post {
    display: block;
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 20px
}

#Trusted-by-Experts .testimonial blockquote {
    max-width: 70%;
    margin: 0 auto;
    position: relative
}

    #Trusted-by-Experts .testimonial blockquote p {
        max-width: 88%;
        margin: 0 auto
    }

    #Trusted-by-Experts .testimonial blockquote::before {
        color: #ccc;
        font-size: 43px;
        line-height: .1em;
        vertical-align: -.4em;
        content: "\f10d";
        font-family: fontawesome;
        float: left
    }

    #Trusted-by-Experts .testimonial blockquote::after {
        color: #ccc;
        font-size: 43px;
        line-height: .1em;
        vertical-align: -.4em;
        content: "\f10e";
        font-family: fontawesome;
        float: right;
        position: absolute;
        top: 0;
        right: 0
    }

#job-Details {
    position: relative;
    margin-bottom: 1779px
}

    #job-Details .job-Details {
        position: absolute;
        box-shadow: 0 6px 22px 0 #eaeaea;
        left: 0;
        right: 0;
        top: -149px;
        border-radius: 5px;
        z-index: 99;
        padding: 0 !important
    }

        #job-Details .job-Details .Exclusive-Product {
            padding: 70px 85px 55px 45px
        }

            #job-Details .job-Details .Exclusive-Product h3 {
                display: inline-block
            }

            #job-Details .job-Details .Exclusive-Product .Apply-Now {
                width: 171px;
                height: 45px;
                display: inline-block;
                float: right;
                font-size: 18px;
                font-family: proxima nova;
                cursor: pointer;
                font-weight: 700;
                background-color: #da4345;
                color: #fff;
                border: 1px solid;
                border-radius: 30px;
                transition: all .5s ease 0s;
                margin-bottom: 20px;
                text-decoration: none;
                text-align: center;
                line-height: 2.4;
                margin-top: 0 !important
            }

                #job-Details .job-Details .Exclusive-Product .Apply-Now:hover {
                    background-color: #fff;
                    color: #da4345;
                    border: 1px solid #da4345;
                    transition: all .5s ease 0s
                }

            #job-Details .job-Details .Exclusive-Product a {
                float: right;
                display: inline-table;
                margin-top: -30px;
                color: #f26c4f;
                text-decoration: underline
            }

            #job-Details .job-Details .Exclusive-Product h6 {
                margin-bottom: 20px;
                margin-top: 25px
            }

            #job-Details .job-Details .Exclusive-Product i {
                font-size: 14px;
                line-height: 1.5;
                vertical-align: middle;
                margin-bottom: 3px
            }

            #job-Details .job-Details .Exclusive-Product span {
                font-family: proxima nova;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.5
            }

            #job-Details .job-Details .Exclusive-Product h4 {
                margin-top: 30px;
                margin-bottom: 25px
            }

        #job-Details .job-Details .job-detail-img {
            width: 100%
        }

        #job-Details .job-Details .Job-Description {
            padding: 50px 124px 80px 45px
        }

            #job-Details .job-Details .Job-Description h4 {
                margin-bottom: 25px
            }

            #job-Details .job-Details .Job-Description ul {
                margin-left: 15px
            }

                #job-Details .job-Details .Job-Description ul .list-style {
                    margin-bottom: 20px;
                    font-family: proxima nova;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 1.5
                }

            #job-Details .job-Details .Job-Description .margin-bottom {
                margin-bottom: 30px
            }

#comment {
    padding: 70px
}

    #comment h4 {
        display: inline-block;
        margin-bottom: 20px
    }

    #comment .Share {
        float: right;
        width: 111px;
        height: 43px;
        border-radius: 30px;
        border: 1px solid #dfdfdf;
        background-color: transparent;
        cursor: pointer;
        text-align: center;
        color: #323232;
        line-height: 2.5
    }

        #comment .Share:hover {
            color: #da4345;
            border: 1px solid rgba(255,99,5,.5)
        }

    #comment .border {
        border-bottom: 1px solid #e1e3e2 !important;
        border-top: 0 !important;
        border-right: 0 !important;
        border-left: 0 !important
    }

        #comment .border h6 {
            margin-bottom: 15px
        }

        #comment .border h6 {
            font-size: 18px;
            font-family: proxima nova;
            font-weight: 700;
            font-style: normal
        }

    #comment .p-3 {
        padding: 30px 1em 50px !important
    }

    #comment textarea {
        width: 100%;
        height: 110px;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 20px;
        margin-bottom: 15px
    }

    #comment .Post {
        float: right;
        width: 166px;
        height: 48px;
        background-color: rgba( 242,101,34,0.93);
        border: 1px solid #da4345;
        border-radius: 30px;
        color: #fff;
        font-size: 20px;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        transition: all .5s ease 0s
    }

        #comment .Post:hover {
            background-color: transparent;
            border: 1px solid #da4345;
            color: #da4345;
            transition: all .5s ease 0s
        }

    #comment .max-width-80 {
        max-width: 80%
    }

    #comment .padding-none {
        padding-bottom: 0 !important
    }

    #comment .border-none {
        border-bottom: 0 !important
    }

#Blog .blog-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 0 solid transparent
}

#Blog .justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-start !important;
    margin-top: 20px !important;
    float: right !important
}

#Blog .blog-box {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: -3px;
    padding: 33px 20px 35px;
    background-color: #f8f8f8;
    box-shadow: 0 3px 5px 2px #efefef;
    margin-bottom: 25px
}

#Blog .fa-long-arrow-right {
    margin-left: 10px
}

#Blog .job-list {
    width: 100%;
    margin: 0 auto
}

#Blog .page-item .page-link {
    margin-left: 0;
    border-radius: 5px
}

#Blog .page-item .active {
    background: #4c4c4c;
    color: #fff;
    font-weight: 700;
    border-radius: 5px
}

#Blog .pdding-none {
    padding: 0 !important
}

#Blog .keyboard_arrow_left_right {
    padding: 9px;
    font-size: 18px !important
}

#Blog .pdding-none {
    padding: 0 !important
}

#Blog .page-link {
    width: 36px;
    height: 36px;
    position: relative;
    display: block;
    padding: 9px;
    line-height: 1;
    color: #4c4c4c;
    background-color: transparent;
    border: 1px solid #dee2e6;
    margin: 5px;
    font-size: 16px;
    text-align: center;
    transition: all .5s ease 0s
}

    #Blog .page-link:hover {
        color: #4c4c4c;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
        transition: all .5s ease 0s
    }

#Blog .font-size {
    font-size: 20px;
    font-family: proxima nova;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 20px;
    display: inherit
}

#Blog .width {
    width: 100%;
    display: inherit;
    margin-bottom: 20px
}

#Blog .font-size-14 {
    font-size: 14px
}

#Blog .font-bold {
    font-weight: 700
}

#Best-Place-to-Find-Jobs {
    padding: 98px 0;
    position: relative
}

    #Best-Place-to-Find-Jobs .Best-Place-to-Find-Jobsimages {
        visibility: hidden;
        display: none
    }

    #Best-Place-to-Find-Jobs .Best-Place-to-Find-Jobs-image {
        background-image: url(../imags/Best-Place-to-Find-Jobs.jpg);
        background-size: 50% auto;
        position: relative;
        background-repeat: no-repeat;
        background-position: right
    }

    #Best-Place-to-Find-Jobs .container {
        position: relative;
        z-index: 10
    }

    #Best-Place-to-Find-Jobs img {
        width: 100%
    }

#Best-Place-to-Find-Job .position-relative {
    position: relative
}

#Best-Place-to-Find-Jobs .position-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 95px
}

#Best-Place-to-Find-Jobs .Title-text-here-one-box {
    background-color: #fff;
    box-shadow: 0 0 10px 3px #f6f6f6;
    padding: 15px 20px
}

    #Best-Place-to-Find-Jobs .Title-text-here-one-box .media .imges.orange {
        background: #fff5ea
    }

    #Best-Place-to-Find-Jobs .Title-text-here-one-box .media .imges.blue {
        background: #f4effd
    }

    #Best-Place-to-Find-Jobs .Title-text-here-one-box .media .imges.pink {
        background: #fdeefd
    }

    #Best-Place-to-Find-Jobs .Title-text-here-one-box .media img {
        width: 28px
    }

    #Best-Place-to-Find-Jobs .Title-text-here-one-box .media .imges {
        width: 54px;
        height: 54px;
        background: #fff5ea;
        border-radius: 50%;
        text-align: center;
        line-height: 69px
    }

    #Best-Place-to-Find-Jobs .Title-text-here-one-box .media .media-body h6 {
        font-weight: 700;
        margin-bottom: 10px
    }

#Meet-With-Our-Team {
    position: relative
}

    #Meet-With-Our-Team img {
        width: 100%
    }

    #Meet-With-Our-Team .Meet-With-Our-Team-box {
        width: auto;
        background-color: #fff;
        box-shadow: 0 0 10px 6px #f6f6f6;
        margin-bottom: 30px
    }

    #Meet-With-Our-Team .media .imges {
        width: 54px;
        height: 54px;
        background: #fff5ea;
        border-radius: 50%;
        text-align: center;
        line-height: 69px
    }

    #Meet-With-Our-Team .media img {
        width: 69px
    }

    #Meet-With-Our-Team .media .media-body h6 {
        font-weight: 700;
        margin-bottom: 10px
    }

    #Meet-With-Our-Team .max-width {
        max-width: 56%;
        margin: 0 auto;
        text-align: center
    }

#post_job .list-box {
    width: 195px;
    height: 50px;
    float: left;
    background-color: #fff;
    box-shadow: 0 0 10px 4px #f6f6f6;
    text-align: center;
    padding: 17px 30px;
    border-radius: 5px
}

    #post_job .list-box .margin-right {
        margin-right: 10px
    }

    #post_job .list-box .margin-left {
        margin-left: 10px
    }

#post_job .form-control {
    display: block;
    width: 100%;
    padding: 0 23px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #eaeaea;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 50px;
    font-family: proxima nova;
    font-size: 16px;
    font-weight: 400
}

    #post_job .form-control::placeholder {
        color: #6c757d;
        opacity: 1;
        font-family: proxima nova;
        font-size: 16px;
        font-weight: 400
    }

#post_job .small {
    height: 98px !important;
    padding-top: 15px
}

#post_job .large {
    height: 140px !important;
    padding-top: 15px
}

#post_job .Save {
    width: 140px;
    height: 50px;
    float: right;
    border-radius: 30px;
    border: 1px solid;
    background-color: transparent;
    color: #da4345;
    font-family: proxima nova;
    cursor: pointer;
    font-weight: 700;
    transition: all .5s ease 0s;
    text-align: center;
    line-height: 3
}

    #post_job .Save:hover {
        border: 1px solid rgba( 242,101,34,0.93);
        background-color: #da4345;
        color: #fff;
        transition: all .5s ease 0s
    }

#post_job .job-post-box {
    width: 100%;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 10px 4px #f6f6f6;
    padding: 50px 68px 70px
}

    #post_job .job-post-box form label {
        font-family: proxima nova;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 20px;
        text-align: center
    }

    #post_job .job-post-box form .form-group {
        margin-bottom: 50px
    }

    #post_job .job-post-box form .form-check-label {
        font-family: proxima nova;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 0
    }

#Job-Nature .Job-Nature.active1 {
    background-color: #da4345;
    color: #fff;
    box-shadow: 0 5px 4px 0 #dedede;
    cursor: pointer
}

#Job-Nature .Job-Nature {
    width: 201px;
    height: 50px;
    background-color: #feefe8;
    text-align: center;
    padding: 10px 30px;
    border-radius: 30px;
    align-self: center;
    line-height: 2.3;
    color: #da4345;
    cursor: pointer
}

#post_job .form-check {
    position: relative;
    display: block
}

#post_job .Post-Job-Offer {
    width: 209px;
    height: 53px;
    background-color: #da4345;
    color: #fff;
    font-family: proxima nova;
    font-size: 18px;
    font-weight: 700
}

#post_job .inputfile {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    text-align: center;
    overflow: hidden
}

#post_job .inputfile1 {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    text-align: center;
    overflow: hidden
}

#post_job .box {
    border: 1px dotted #eaeaea;
    width: 100%;
    height: auto;
    padding: 3.25rem
}

#post_job .inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: .625rem 1.25rem
}

#post_job .no-js .inputfile + label {
    display: none
}

#post_job .inputfile:focus + label, #post_job .inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px
}

#post_job .inputfile + label * {
    font-weight: 400
}

#post_job .inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -.25em;
    margin-right: .25em
}

#post_job .inputfile1 + label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: .625rem 1.25rem
}

#post_job .no-js .inputfile1 + label {
    display: none
}

#post_job .inputfile1:focus + label, #post_job .inputfile1.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px
}

#post_job .inputfile1 + label * {
    font-weight: 400
}

#post_job .inputfile1 + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -.25em;
    margin-right: .25em
}

#post_job .inputfile-5 + label i {
    display: block;
    margin: 0 auto 10px
}

#post_job .inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6
}

#post_job .inputfile-4 + label i {
    display: block;
    margin: 0 auto 10px
}

#post_job .inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6
}

#Get-in-Touch {
    position: relative;
    margin-bottom: 250px
}

    #Get-in-Touch .position-absolute {
        position: absolute;
        left: 0;
        right: 0;
        top: -260px
    }

    #Get-in-Touch .Get-in-Touch-box {
        margin: 0 auto;
        width: 95%;
        background-color: #fff;
        padding: 66px 66px 86px;
        height: 100%;
        max-height: 133%
    }

        #Get-in-Touch .Get-in-Touch-box .Send {
            float: right;
            width: 196px;
            height: 50px;
            background-color: #da4345;
            color: #fff;
            font-family: 'proxima nova  rg';
            font-weight: 700;
            border: 1px solid;
            font-size: 20px
        }

    #Get-in-Touch .form-group {
        margin-bottom: 30px
    }

    #Get-in-Touch .icone {
        float: right;
        margin-right: 13px;
        margin-top: -37px;
        position: relative;
        width: 30px;
        height: 26px;
        line-height: 1.6;
        background-color: #fff;
        text-align: center;
        color: #8c8c8c;
        font-size: 16px
    }

    #Get-in-Touch textarea {
        height: 100px !important;
        padding-top: 9px !important
    }

    #Get-in-Touch .form-control {
        display: block;
        width: 100%;
        padding: 0 23px;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #eaeaea;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        height: 50px;
        font-family: proxima nova;
        font-size: 16px;
        font-weight: 400
    }

        #Get-in-Touch .form-control::placeholder {
            color: #6c757d;
            opacity: 1;
            font-family: proxima nova;
            font-size: 16px;
            font-weight: 400
        }

    #Get-in-Touch .button-rounded {
        border-radius: 50%;
        height: 52px;
        width: 52px;
        text-align: center;
        padding: 0;
        display: inline-block;
        box-shadow: 0 2px 8px rgba(0,0,0,.5);
        position: absolute;
        top: -26px;
        right: 63px;
        line-height: 30px
    }

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

#Get-in-Touch button.close {
    z-index: 9
}

#footer p span {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 20px;
}

#footer .paregraf {
    height: 138px
}

#footer .social-icon {
    width: 30px;
    height: 30px;
    border: 1px solid;
    text-align: center;
    font-size: 14px;
    line-height: 2;
    border-radius: 50%;
    color: #f26c4f;
    margin-right: 24px
}

#footer .text {
    display: inline-grid
}

    #footer .text a {
        color: #5a5a5a;
        margin-bottom: 15px
    }

        #footer .text a:hover {
            color: #da4345 !important
        }

#footer .email-icone {
    float: right;
    margin-right: 5px;
    margin-top: -57px;
    position: relative;
    width: 30px;
    height: 37px;
    line-height: 2.5;
    background-color: #ededed;
    text-align: center;
    color: #8c8c8c;
    font-size: 16px
}

#footer .email {
    overflow: visible;
    width: 100%;
    height: 44px;
    padding: 15px;
    background-color: #ededed;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 15px;
    margin-bottom: 15px;
    color: #8c8c8c
}

#footer .Subscribe {
    background-color: #da4345;
    color: #fff;
    border: 1px solid;
    border-radius: 5px;
    font-family: proxima nova;
    cursor: pointer;
    font-weight: 700;
    transition: all .5s ease 0s;
    float: right;
    width: 150px;
    height: 40px;
    margin-top: 15px
}

#footer .main-footer {
    width: 100%;
    height: 90px
}

#footer .background-color-Maroon {
    background-color: #da4345
}

#footer .main-footer p {
    font-size: 14px;
    font-family: proxima nova;
    font-weight: 400;
    color: #fff;
    line-height: 2.3
}

#footer .facebook:hover {
    background-color: rgba(59,89,152,.93);
    color: #fff;
    border: 1px solid #3b5998
}

#footer .twitter:hover {
    background-color: rgba( 29,161,242,0.93);
    color: #fff;
    border: 1px solid #1da1f2
}

#footer .pinterest-p:hover {
    background-color: rgba(189,8,28,.93);
    color: #fff;
    border: 1px solid #bd081c
}

#footer .map-marker:hover {
    background-color: rgba(242,101,34,.93);
    color: #fff;
    border: 1px solid #da4345
}


span, input, textarea, button, select, label {
    font-family: proxima nova;
}

.text-danger {
    color: #fff !important;
}

b {
    font-weight: bolder;
}

button:hover {
    color: black !important;
}

.hidden {
    display: none
}

.card {
    background-color: #da4345;
    color: #fff;
    margin-bottom: 10px;
    height: 380px
}

    .card:hover {
        box-shadow: 0 0 14px 2px #1e5cbe;
        transition: all .5s ease 0s
    }

.card-footer {
    background-color: #da4345;
}

li {
    font-family: proxima nova;
    line-height: 20px;
    margin-top: 6px;
    font-size: 18px
}


.font-16px {
    font-size: 16px
}

.card-body ul {
    list-style: none;
}

.btn {
    font-size: 20px;
}

.carousel-item {
    background-image: url(/assets/images/Homepage.jpg);
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat
}

.card-footer {
    border-top: 1px solid rgba(0, 0, 0, 1);
}

.card {
    height: 400px;
}

.cardRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}



@media only screen and (max-width:1199px) {
    #Get-in-Touch .position-absolute {
        position: absolute;
        left: 0;
        right: 0;
        top: -234px
    }

    .max-width-50 {
        max-width: 50%
    }

    .margin-left-18 {
        margin-left: 18%
    }

    #Trusted-by-Experts .owl-stage-outer {
        height: 336px
    }

    #Job-Nature .Job-Nature {
        width: 100%;
        height: 50px;
        background-color: #feefe8;
        text-align: center;
        padding: 0;
        border-radius: 30px;
        align-self: center;
        line-height: 3.3;
        color: #da4345;
        cursor: pointer;
        display: inline-block
    }
}

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


    #Get-in-Touch {
        position: relative;
        margin-bottom: 396px
    }

        #Get-in-Touch .form-group {
            margin-bottom: 20px
        }

    #resent-job-post .detail i {
        font-size: 13px;
        align-self: center;
        vertical-align: middle;
        margin-bottom: 0
    }

    #Blog .margin-auto {
        width: 89%;
        margin: 0 auto
    }

    #post_job .box {
        border: 1px dotted #eaeaea;
        width: 100%;
        height: auto;
        padding: 3.25rem 0
    }

    #Clients-Testimonial .testimonial .description {
        font-size: 16px;
        font-style: italic;
        color: #fff
    }

    #Clients-Testimonial .testimonial .testimonial-title {
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 15px;
        margin-top: 36px
    }

    #Featuread-Company .media1 {
        height: 261px;
        /*display: inline-block;
        align-items: flex-start;
        text-align: center;
        background-color: #fff;
        padding: 20px 32px 8px 28px;
        box-shadow: 0 0 7px -1px #eaeaea;
        margin-left: 5px;
        border: 1px solid #f0f0f0;
        border-bottom-color: #f0f0f0;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        margin-right: 5px;
        border-bottom: 2px solid #f0f0f0;
        transition: all .5s ease 0s*/
    }

    #Job-Category .box {
        width: 265px;
        height: 268px;
        padding: 30px 0 19px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 0;
        transition: all .5s ease 0s;
        margin-bottom: 20px
    }

    #search-box {
        margin-bottom: 196px;
        position: relative
    }

        #search-box .place {
            margin-left: 0
        }

    #resent-job-post .detail .text-align-center {
        float: unset !important;
        text-align: center !important;
        margin-top: 2px;
        display: block
    }

    #resent-job-post .detail .part-full-time {
        margin-top: 20px
    }

    #v2-resent-job-post .detail .part-full-time {
        margin-top: 20px
    }

    #v2-resent-job-post .detail .text-align-center {
        float: unset !important;
        text-align: center !important;
        margin-top: 2px;
        display: block
    }

    #v2-resent-job-post .detail .part-full-time {
        float: unset;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px
    }

    #resent-job-post .detail .part-full-time {
        float: unset;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px
    }

    #Job-Category .box h6 {
        margin: 14px 0 33px;
        font-size: 17px;
        font-family: proxima nova;
        font-weight: 700
    }

    #Get-in-Touch .Get-in-Touch-box {
        padding: 33px 33px 68px
    }

    #Best-Place-to-Find-Jobs {
        padding: 70px 0;
        position: relative
    }

    #job-Details .job-Details .Exclusive-Product {
        padding: 40px 54px 35px 30px
    }

    #job-Details .job-Details .Job-Description {
        padding: 30px 70px 40px 30px
    }

    #comment .max-width-80 {
        max-width: 100%
    }

    #search-box.margin-none {
        margin-bottom: 120px
    }

    .max-width-50 {
        max-width: 100%
    }

    .vertical-space-100 {
        display: inline-block;
        width: 100%;
        height: 60px
    }

    .vertical-space-85 {
        display: inline-block;
        width: 100%;
        height: 50px
    }

    .vertical-space-75 {
        display: inline-block;
        width: 100%;
        height: 45px
    }

    .vertical-space-70 {
        display: inline-block;
        width: 100%;
        height: 40px
    }

    .vertical-space-60 {
        display: inline-block;
        width: 100%;
        height: 40px
    }

    .vertical-space-65 {
        display: inline-block;
        width: 100%;
        height: 7px
    }

    .vertical-space-50 {
        display: inline-block;
        width: 100%;
        height: 30px
    }

    .vertical-space-40 {
        display: inline-block;
        width: 100%;
        height: 20px
    }

    #Trusted-by-Experts .owl-stage-outer {
        height: 408px
    }

    .vertical-space-30 {
        display: inline-block;
        width: 100%;
        height: 10px
    }

    .vertical-space-25 {
        display: inline-block;
        width: 100%;
        height: 15px
    }

    .vertical-space-20 {
        display: inline-block;
        width: 100%;
        height: 5px
    }

    .text-align-center {
        text-align: center !important
    }

    #v2-resent-job-post .detail .text-align-center {
        float: unset !important;
        text-align: center !important;
        margin-top: 2px
    }

    #intro h2 {
        font-size: 50px;
        margin-top: 41px;
        margin-bottom: 9px
    }

    #footer .paregraf {
        height: 88px
    }

    #Clients-Testimonial .owl-item.active {
        opacity: .3;
        transform: scale(0)
    }

    #Clients-Testimonial .owl-item {
        opacity: .3;
        transform: scale(0)
    }

        #Clients-Testimonial .owl-item.center {
            opacity: 1;
            transform: scale(.8);
            margin-top: 6px;
            align-self: center
        }

    #Clients-Testimonial .testimonial::before {
        content: '';
        background: #da4345;
        padding: 15px;
        margin: -21px -35px;
        position: relative;
        text-align: center;
        transform: skewX(6deg);
        height: 199px;
        float: left;
        border: 0 solid transparent
    }

    #search-box .search-box_search_button {
        /*width: 100%;*/
        height: 41px;
        background: #da4345;
        border: none;
        outline: none;
        border-radius: 5px;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        letter-spacing: .1em;
        cursor: pointer;
        font-family: proxima nova;
        padding: 0
    }

    #search-box .search-box_search_input {
        width: 100%;
        padding-left: 36px;
        height: 33px;
        margin-bottom: 10px;
        border: solid 1px #e5e5e5;
        border-radius: 5px;
        font-size: 17px
    }

    #search-box .search {
        float: left;
        margin-right: 0;
        margin-top: 0;
        position: relative;
        width: 30px;
        height: 0;
        line-height: 1.5;
        background-color: #fff;
        text-align: center;
        font-size: 20px
    }

    #search-box .search-box {
        padding: 20px
    }

    #search-box .search-box_search_input:not(:last-child) {
        border: solid 1px #e5e5e5
    }

    #search-box .inline-block {
        display: inline-block !important
    }

    #Clients-Testimonial .testimonial::after {
        content: '';
        background: #da4345;
        padding: 15px;
        margin: -178px -35px;
        position: relative;
        text-align: center;
        transform: skew(-6deg);
        height: 199px;
        float: right;
        border: 0 solid transparent
    }

    #resent-job-post .detail {
        width: 89%;
        height: auto;
        background-color: #fff;
        margin: 0 auto;
        margin-bottom: 0;
        margin-bottom: 0;
        padding: 23px 23px 28px;
        margin-bottom: 12px;
        border-radius: 5px
    }

    #v2-resent-job-post .detail {
        width: 89%;
        height: auto;
        background-color: #fff;
        margin: 0 auto;
        padding: 23px 23px 28px;
        margin-bottom: 12px;
        border-radius: 5px
    }

    #Clients-Testimonial .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0);
        height: 208px
    }

    #v2-resent-job-post .job-list {
        width: 89%;
        margin: 0 auto;
        display: inline-grid
    }

    #resent-job-post .job-list {
        width: 89%;
        margin: 0 auto;
        display: inline-grid
    }

    .margin-auto {
        margin: 0 auto
    }

    .justify-content-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-start !important;
        margin-top: 20px !important
    }

    .main_nav, .search_button {
        display: none
    }

    .home_slider_nav {
        display: none
    }

    #search-box .search-box_search_form div {
        width: 100%;
        height: auto
    }

    .home_slider_title {
        font-size: 48px
    }

    .home_search_form div {
        width: 100%
    }

    #intro p {
        width: 90%;
        margin: 0 auto 14px;
        color: #fff
    }

    #Clients-Testimonial .max-width {
        max-width: 90%;
        margin: 0 auto;
        text-align: center
    }

    #Featuread-Company .max-width {
        max-width: 90%;
        margin: 0 auto;
        text-align: center
    }

    #v2-Featuread-Company .max-width {
        max-width: 90%;
        margin: 0 auto;
        text-align: center
    }

    #resent-job-post .max-width {
        max-width: 90%;
        margin: 0 auto;
        text-align: center
    }

    #v2-resent-job-post .max-width {
        max-width: 90%;
        margin: 0 auto;
        text-align: center
    }

    #Job-Category .max-width {
        max-width: 90%;
        margin: 0 auto;
        text-align: center
    }

    #top-Job-Category .max-width {
        max-width: 90%;
        margin: 0 auto;
        text-align: center
    }

    /*   #v2-Jobtend::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(190deg,rgb(218, 67, 69,0.8) 82%,rgba(32,30,30,0.87) 20%);
        z-index: 9
    }*/

    /*.v2-Jobtend-none-roted::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(180deg,rgb(218, 67, 69,0.8)85% 0) !important;
        z-index: 9
    }*/

    #Meet-With-Our-Team .max-width {
        max-width: 90%;
        margin: 0 auto;
        text-align: center
    }

    #post_job .job-post-box {
        width: 100%;
        height: auto;
        background-color: #fff;
        box-shadow: 0 0 10px 4px #f6f6f6;
        padding: 30px
    }

    #Job-Nature .Job-Nature {
        width: 100%;
        display: inherit;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:575px) {
    h2 {
        font-size: 40px
    }

    #search-box .search {
        float: left;
        margin-right: 0;
        margin-top: 0;
        position: relative;
        width: 30px;
        height: 0;
        line-height: 1.5;
        background-color: #fff;
        text-align: center;
        margin-left: 7px
    }

    #comment {
        padding: 28px
    }

        #comment .media {
            display: -webkit-box;
            display: -ms-flexbox;
            display: inherit;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            text-align: center
        }

        #comment .imagess {
            margin-bottom: 10px
        }

    #comment {
        padding: 28px 28px 77px
    }

    .menu {
        width: 100%;
        right: -100%
    }

    #Jobtend .Explore-Employee {
        width: 230px;
        height: 50px;
        margin-right: 30px;
        background-color: #da4345;
        color: #fff;
        border: 1px solid;
        border-radius: 5px;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        transition: all .5s ease 0s;
        margin-bottom: 20px
    }

    #Jobtend .Explore-New-Jobs {
        width: 230px;
        height: 50px;
        border: 1px solid #da4345;
        color: #da4345;
        background: 0 0;
        background-color: transparent;
        border-radius: 5px;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        transition: all .5s ease 0s;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:507px) {
    #Trusted-by-Experts .owl-stage-outer {
        height: 426px
    }

    #Best-Place-to-Find-Jobs .Title-text-here-one-box .media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: inherit;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: center
    }

        #Best-Place-to-Find-Jobs .Title-text-here-one-box .media .mr-3 {
            margin: 0 auto 20px !important
        }
}

@media only screen and (max-width:493px) {
    #job-Details {
        position: relative;
        margin-bottom: 2079px
    }
}

@media only screen and (max-width:417px) {
    #Clients-Testimonial .testimonial::after {
        content: '';
        background: #da4345;
        padding: 15px;
        margin: -198px -35px;
        position: relative;
        text-align: center;
        transform: skew(-6deg);
        height: 219px;
        float: right;
        border: 0 solid transparent
    }

    #Clients-Testimonial .testimonial::before {
        content: '';
        background: #da4345;
        padding: 15px;
        margin: -21px -35px;
        position: relative;
        text-align: center;
        transform: skewX(6deg);
        height: 219px;
        float: left;
        border: 0 solid transparent
    }
}

@media only screen and (max-width:486px) {
    #job-Details {
        position: relative;
        margin-bottom: 2148px
    }
}

@media only screen and (max-width:471px) {
    #job-Details {
        position: relative;
        margin-bottom: 2211px
    }
}

@media only screen and (max-width:456px) {
    #Trusted-by-Experts .owl-stage-outer {
        height: 446px
    }
}

@media only screen and (max-width:436px) {
    #job-Details {
        position: relative;
        margin-bottom: 2313px
    }
}

@media only screen and (max-width:409px) {
    #Trusted-by-Experts .owl-stage-outer {
        height: 475px
    }

    #job-Details {
        position: relative;
        margin-bottom: 2371px
    }
}

@media only screen and (max-width:396px) {
    #job-Details {
        position: relative;
        margin-bottom: 2510px
    }
}

@media only screen and (max-width:387px) {
    #Trusted-by-Experts .owl-stage-outer {
        height: 494px
    }
}

@media only screen and (max-width:378px) {
    #footer .paregraf {
        height: 111px
    }
}

@media only screen and (max-width:374px) {
    #job-Details {
        position: relative;
        margin-bottom: 2584px
    }
}

@media only screen and (max-width:369px) {
    #job-Details {
        position: relative;
        margin-bottom: 2690px
    }
}

@media only screen and (max-width:364px) {
    #post_job .Save {
        float: left;
        margin-top: 14px
    }
}

@media only screen and (max-width:360px) {
    #post_job .inputfile {
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        text-align: center;
        overflow: hidden;
        display: none
    }

        #post_job .inputfile + label {
            max-width: 90%;
            font-size: 1.25rem;
            font-weight: 700;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            padding: 0
        }

    #post_job .inputfile1 {
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        text-align: center;
        overflow: hidden;
        display: none
    }

        #post_job .inputfile1 + label {
            max-width: 90%;
            font-size: 1.25rem;
            font-weight: 700;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            padding: 0
        }

    #Trusted-by-Experts .owl-stage-outer {
        height: 517px
    }

    #v2-resent-job-post .detail {
        width: 89%;
        height: auto;
        background-color: #fff;
        margin: 0 auto;
        margin-bottom: 0;
        margin-bottom: 0;
        padding: 20px 10px 27px;
        margin-bottom: 12px;
        border-radius: 5px
    }

    #resent-job-post .detail {
        width: 89%;
        height: auto;
        background-color: #fff;
        margin: 0 auto;
        margin-bottom: 0;
        margin-bottom: 0;
        padding: 20px 10px 27px;
        margin-bottom: 12px;
        border-radius: 5px
    }

    .top_bar_contact_list li:not(:last-child) {
        margin-right: 11px
    }

    #job-Details .job-Details .Exclusive-Product {
        padding: 20px
    }

    #job-Details .job-Details .Job-Description {
        padding: 20px
    }

    #job-Details {
        position: relative;
        margin-bottom: 2271px
    }

    #Featuread-Company .media1 {
        padding: 20px
    }
}

.form-control {
    line-height: 1.6
}

.vertical-space-2 {
    margin-bottom: 40px
}

.mmbtn {
    display: none;
}
/*For mobile Portrait*/
@media screen and (min-width:320px) and (max-width: 480px) and (orientation: portrait) {
    .header_content .mmbtn {
        display: none;
    }

    .menu_nav .mmbtn {
        display: block;
    }

    .ssbuttons {
        display: none;
    }

    .hamburger {
        display: inline-block;
        margin-left: 33px;
    }

    .card {
        height: 310px !important;
    }

    #intro {
        height: 86vh;
    }

        #intro .carousel-container {
            top: -10% !important
        }

    .h6 {
        font-size: 17px;
    }

    #v2-Jobtend .title {
        margin-top: 2rem;
    }

    .h2 {
        font-size: 40px;
    }

    #intro h1, #intro2 h1 {
        font-size: 50px;
    }

    #Clients-Testimonial .testimonial::before {
        content: '';
        background: #da4345;
        padding: 15px;
        margin: -21px -35px;
        position: relative;
        text-align: center;
        transform: skewX(6deg);
        height: 199px;
        float: left;
        border: 0 solid transparent
    }



    #Clients-Testimonial .testimonial::after {
        content: '';
        background: #da4345;
        padding: 15px;
        margin: -178px -35px;
        position: relative;
        text-align: center;
        transform: skew(-6deg);
        height: 199px;
        float: right;
        border: 0 solid transparent
    }

    .vertical-space-2 {
        margin-bottom: 40px
    }
}
/*For mobile Landscape*/
@media screen and (min-width: 481px) and (max-width: 926px) and (orientation: landscape) {
    .header_content .mmbtn {
        display: none;
    }

    .menu_nav .mmbtn {
        display: block;
    }

    .ssbuttons {
        display: none;
    }

    #intro h1 {
        font-size: 40px;
    }

    .display {
        display: none !important
    }

    #Job-Nature .Job-Nature {
        width: 100%;
        height: 50px;
        background-color: #feefe8;
        text-align: center;
        padding: 10px 16px;
        border-radius: 30px;
        align-self: center;
        line-height: 2;
        color: #da4345;
        cursor: pointer;
        display: inline-block
    }

    #Best-Place-to-Find-Jobs .Best-Place-to-Find-Jobsimages {
        visibility: visible;
        display: block;
        margin-bottom: 30px
    }

    #Best-Place-to-Find-Jobs .Best-Place-to-Find-Jobs-image {
        background-image: url(../imags/Best-Place-to-Find-Jobs.html);
        background-size: 50% auto;
        position: relative;
        background-repeat: no-repeat;
        background-position: right
    }


    #job-Details .job-Details .Exclusive-Product a {
        float: unset;
        display: inherit;
        margin-top: -68px;
        color: #f26c4f;
        text-decoration: underline;
        margin-bottom: 40px
    }

    #job-Details .job-Details .Exclusive-Product .Apply-Now {
        width: 171px;
        height: 45px;
        display: inline-block;
        float: unset;
        font-size: 18px;
        font-family: proxima nova;
        cursor: pointer;
        font-weight: 700;
        background-color: #da4345;
        color: #fff;
        border: 1px solid;
        border-radius: 30px;
        transition: all .5s ease 0s;
        margin-bottom: 20px;
        margin-top: 20px
    }

    #intro h2 {
        margin-top: 41px
    }

    #intro p {
        width: 56%;
        margin: 0 auto 28px;
        color: #fff
    }

    .search_button {
        display: none
    }

    .top_bar_contact_list {
        margin: 0 auto
    }

    .display-inline {
        display: inherit !important;
        text-align: left
    }

    .main_nav {
        display: none
    }

    .top_bar_contact_list li i, .top_bar_contact_list li > div, .login_button a {
        font-size: 12px
    }

    .login_button {
        width: 140px
    }

    .hamburger {
        display: inline-block;
        margin-left: 33px
    }

    #search-box .search-box_search_form div {
        width: calc(100% - 32px);
        height: auto;
        background: #fff;
        border-radius: 37px
    }

    #search-box .search-box {
        padding: 8px 8px 8px 8px;
        box-shadow: 0 6px 22px 0 #eaeaea;
        background-color: #fff;
        border-radius: 10px;
        position: relative;
        left: 0;
        right: 0;
        top: -60px
    }

    .vertical-space-2 {
        margin-bottom: 30px
    }

    #Clients-Testimonial .testimonial::before {
        content: '';
        background: #da4345;
        padding: 15px;
        margin: -21px -35px;
        position: relative;
        text-align: center;
        transform: skewX(6deg);
        height: 212px;
        float: left;
        border: 0 solid transparent
    }

    #Clients-Testimonial .testimonial::after {
        content: '';
        background: #da4345;
        padding: 15px;
        margin: -191px -37px;
        position: relative;
        text-align: center;
        transform: skew(-6deg);
        height: 212px;
        float: right;
        border: 1px solid transparent
    }

    #Trusted-by-Experts .owl-stage-outer {
        height: 360px
    }

    #Clients-Testimonial .testimonial {
        background: #da4345;
        padding: 20px;
        margin: 0 0 30px;
        position: relative;
        text-align: center;
        border: 1px solid transparent
    }

    .margin-left-18 {
        margin-left: 0 !important
    }

    #job-Details {
        position: relative;
        margin-bottom: 2029px
    }

    #Get-in-Touch {
        position: relative;
        margin-bottom: 459px
    }

    #search-box .search-box_search_button {
        margin-top: 25px;
        margin-bottom: 20px;
    }

    #search-box {
        margin-bottom: 0px;
    }

    #Featuread-Company {
        margin-top: -40px;
    }
     .h2 {
        font-size: 39px;
    }
}
/*For Tab IPad*/
@media screen and (min-width: 765px) and (max-width: 1280px) and (orientation: portrait) {
    #search-box .search-box_search_button {
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .menu_nav ul li a {
        font-size: 16px;
    }
    .header_content .mmbtn {
        display: none;
    }

    .menu_nav .mmbtn {
        display: block;
    }

    .ssbuttons {
        display: none;
    }
    .hamburger {
        display: inline-block;
        margin-left: 33px
    }

    .main_nav {
        display: none
    }

    #search-box {
        margin-bottom: 100px;
        position: relative;
    }

    #intro h1 {
        font-size: 90px;
    }

    .card {
        height: 310px !important;
    }
    #v2-Jobtend {
        min-height: 610px !important;
    }
}
/*For Tab IPad*/
@media screen and (min-width: 1024px) and (orientation: landscape) {
}
/*Mac book 16 and Apple iMac 24"*/
@media screen and (min-width: 1728px) and (max-width: 2048px) {
    #v2-Jobtend {
        min-height: 600px!important;
    }
}