/*=============== VARIABLES CSS ===============*/
:root {
    /*========== Colors ==========*/
    /*Color mode HSL(hue, saturation, lightness)*/
    --first-color: hsl(359, 95%, 55%);
    --first-color-alt: hsl(359, 88%, 57%);
    --first-color-light: hsl(359, 76%, 74%);
    --first-color-lighten: hsl(359, 100%, 97%);
}

.jobdesc__bidangusaha {
        border-radius: 30px !important;
        margin-top: 5px;
        background-color: var(--first-color-alt) !important;
        border: 1px solid var(--first-color-alt) !important;
        font-size: 13px;
    }

    .jobdesc__bidangusaha-nul {
        border-radius: 30px !important;
        margin-top: 5px;
        background-color: var(--first-color-light) !important;
        border: 1px solid var(--first-color-alt) !important;
        font-style: italic;
        font-size: 13px;
    }


@font-face {
    font-family: proxima_nova_ltsemiold;
    src: url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Semibold-webfont.eot');
    src: url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Semibold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Semibold-webfont.woff2') format('woff2'), url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Semibold-webfont.html') format('woff'), url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Semibold-webfont.ttf') format('truetype'), url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima nova;
    src: url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Regular-webfont.eot');
    src: url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Regular-webfont.html') format('woff2'), url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Regular-webfont.woff') format('woff'), url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Regular-webfont.ttf') format('truetype'), url('../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Regular-webfont.svg#proxima_nova_altregular') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima nova alt bl;
    src: url(../fonts/ProximaNovaA-Black.woff2) format('woff2'), url(../fonts/ProximaNovaA-Black.woff) format('woff');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: proxima nova scosf lt;
    src: url(../fonts/ProximaNovaS-Light.woff2) format('woff2'), url(../fonts/ProximaNovaS-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: proxima nova rg;
    src: url(../fonts/ProximaNova-Bold.woff2) format('woff2'), url(../fonts/ProximaNova-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: proxima nova alt lt;
    src: url(../fonts/ProximaNovaA-Light.woff2) format('woff2'), url(../fonts/ProximaNovaA-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: proxima nova th;
    src: url(../fonts/ProximaNova-Extrabld.woff2) format('woff2'), url(../fonts/ProximaNova-Extrabld.woff) format('woff');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: proxima nova scosf rg;
    src: url(../fonts/ProximaNovaS-Bold.woff2) format('woff2'), url(../fonts/ProximaNovaS-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: proxima nova alt rg;
    src: url(../fonts/ProximaNovaA-Regular.woff2) format('woff2'), url(../fonts/ProximaNovaA-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima nova th;
    src: url(../fonts/ProximaNovaT-Thin.woff2) format('woff2'), url(../fonts/ProximaNovaT-Thin.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: proxima nova scosf th;
    src: url(../fonts/ProximaNovaS-Thin.woff2) format('woff2'), url(../fonts/ProximaNovaS-Thin.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: proxima nova alt cn th;
    src: url(../fonts/ProximaNovaACond-Thin.woff2) format('woff2'), url(../fonts/ProximaNovaACond-Thin.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: proxima nova alt rg;
    src: url(../fonts/ProximaNovaA-Bold.woff2) format('woff2'), url(../fonts/ProximaNovaA-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: proxima nova alt cn rg;
    src: url(../fonts/ProximaNovaACond-Bold.woff2) format('woff2'), url(../fonts/ProximaNovaACond-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: proxima nova scosf rg;
    src: url(../fonts/ProximaNovaS-Regular.woff2) format('woff2'), url(../fonts/ProximaNovaS-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima nova alt cn bl;
    src: url(../fonts/ProximaNovaACond-Black.woff2) format('woff2'), url(../fonts/ProximaNovaACond-Black.woff) format('woff');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: proxima nova rg;
    src: url(../fonts/ProximaNova-Regular.woff2) format('woff2'), url(../fonts/ProximaNova-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima nova bl;
    src: url(../fonts/ProximaNova-Black.woff2) format('woff2'), url(../fonts/ProximaNova-Black.woff) format('woff');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: proxima nova cn th;
    src: url(../fonts/ProximaNovaCond-Thin.woff2) format('woff2'), url(../fonts/ProximaNovaCond-Thin.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

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
}

blockquote,
q {
    quotes: none
}

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

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

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

h3 {
    font-family: proxima_nova_ltsemibold;
    font-weight: 700;
    font-style: normal;
    font-size: 30px
}

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

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

h5 {
    font-family: proxima nova scosf rg;
    font-size: 20px
}

h6 {
    font-family: proxima nova scosf rg;
    font-size: 18px
}

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

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

a:hover {
    color: #f26522;
    text-decoration: none;
    transition: all .5s ease 0s
}

video {
    width: 100%;
    height: auto
}

button:focus {
    outline: 0 dotted
}

.background-color-orange {
    background-color: #64acfc
}

.background-color-orange-light {
    background-color: #64acff
}

.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: #fafafa
}

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

.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 rg
}

.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: 70px;
    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: #fff;
    transition: all 200ms ease;
    position: relative;
    font-family: proxima nova alt rg
}

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

.main_nav>li>a::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -37px;
    width: 0;
    height: 0;
    border-right: 15px solid #f26522;
    border-left: 15px solid #f26522;
    border-top: 15px solid #d95516;
    opacity: 0;
    transition: all .5s ease 0s
}

.header_container .Post-Jobs {
    width: 122px;
    height: 44px;
    border: 1px solid;
    border-radius: 41px;
    color: #fff;
    text-align: center;
    transition: .3s;
    margin-left: 24px;
    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
}

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

.header_container .Post-Jobs:hover a {
    cursor: pointer;
    color: #f26522;
    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 alt rg
}

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

.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:hover .dropdown-menu {
    display: block;
    transition: all 5s ease 0s
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 13rem;
    padding: 20px;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #f26522;
    background-clip: padding-box;
    border-radius: .25rem;
    border: 1px solid #f26522;
    line-height: 2
}

.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: 250px !important;
    height: 0;
    background: rgba(255, 255, 255, .9);
    z-index: 101;
    padding-top: 70px;
    visibility: hidden;
    transition: all .2s ease-out 0s
    /*padding-right: 20px;*/
    /*padding-left: 20px;*/
}

.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: #fff;
    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;
    margin-left: 20px !important;
    text-align: center
}

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

.menu_nav ul li a {
    letter-spacing: .1em;
    transition: all .2s ease-out 0s
}

.menu_nav ul li a:hover {
    color: #f26522 !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: #fff;
    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 {
    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: 100%;
    background: #fff
}

#intro .carousel-item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

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

#intro .carousel-background img {
    height: 120vh;
    width: 100%;
    object-fit: cover
}

#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 h2 {
    color: #fff;
    margin-bottom: 24px;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: proxima nova th
}

#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 rg;
    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: #f26522;
    display: block;
    text-align: center;
    line-height: 2.7
}

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

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

#intro .play {
    width: 60px;
    height: 60px;
    color: #f26522;
    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
}

.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: 110px;*/
    /*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: #857c7c;*/
    /*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(../imags/down.png);
    background-position: center right;
    background-repeat: no-repeat
}

#search-box .search-box_search_button {
    /*width: 186px;*/
    /*height: 57px;*/
    /*background: #64acff;*/
    /*border: none;*/
    /*outline: none;*/
    /*border-radius: 5px;*/
    /*font-size: 20px;*/
    /*font-weight: 500;*/
    /*color: #fff;*/
    /*letter-spacing: .1em;*/
    /*cursor: pointer;*/
    /*font-family: proxima nova alt rg;*/
    /*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 alt rg;
    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: #f26522;
    font-family: proxima nova rg;
    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 alt rg
}

#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 rg;
    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 #f26522;
    color: #f26522
}

#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 alt rg;
    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: #f26522;
    font-family: proxima nova rg;
    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 alt rg
}

#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 rg;
    cursor: pointer;
    font-weight: 700;
    display: block;
    line-height: 2.6
}

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

#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: #f26522 !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 scosf rg
}

#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 rg;
    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 rg;
    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 alt rg;
    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 rg;
    cursor: pointer;
    font-weight: 700;
    width: 194px;
    height: 48px;
    border-radius: 5px;
    border: 1px solid;
    color: #fff;
    background-color: #64acff;
    text-align: center;
    line-height: 2.8;
    display: block
}

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

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

#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 #f26522;
    margin-top: 1.3px
}

#resent-job-post .deactivate {
    font-family: proxima nova rg;
    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 rg;
    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 scosf rg
}

#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 rg;
    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 rg;
    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 alt rg;
    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 rg;
    cursor: pointer;
    font-weight: 700;
    width: 194px;
    height: 48px;
    border-radius: 5px;
    border: 1px solid;
    color: #fff;
    background-color: #f26522;
    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: 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
}

#Featuread-Company .media1:hover {
    box-shadow: 0 0 14px 2px #eaeaea;
    border-bottom: 2px solid #f26c4f;
    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 scosf rg
}

#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
}

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

#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 scosf rg
}

#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 rg;
    font-weight: 400;
    display: inline-block
}

#Jobtend {
    background: url(../imags/jobs.webp) 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 rg;
    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: #D83030;
    ;
    color: #fff;
    border: 1px solid;
    border-radius: 5px;
    font-family: proxima nova rg;
    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: #f26522;
    background: 0 0;
    cursor: pointer;
    transition: all .5s ease 0s
}

#Jobtend .Explore-New-Jobs {
    width: 230px;
    height: 50px;
    border: 1px solid #64acfc;
    color: #64acfc;
    background: 0 0;
    border-radius: 5px;
    font-family: proxima nova rg;
    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: #f26522;
    color: #fff;
    border: 1px solid;
    transition: all .5s ease 0s
}

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

#v2-Jobtend::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(100deg, rgba(241, 115, 55, 0.8) 60%, rgba(32, 30, 30, 0.87) 40%);
    z-index: 9
}

.v2-Jobtend-none-roted::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(241, 115, 55, 0.8) 60%, rgba(32, 30, 30, 0.87) 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
}

#v2-Jobtend ul {
    list-style: none
}

#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 rg;
    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: #f26522;
    padding: 20px;
    margin: 0 0 60px;
    position: relative;
    text-align: center;
    border: 1px solid transparent
}

#Clients-Testimonial .testimonial::before {
    content: '';
    background: #f26522;
    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: #f26522;
    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: #f26522;
    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 rg;
    cursor: pointer;
    font-weight: 700;
    background-color: #f26522;
    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: #f26522;
    border: 1px solid #f26522;
    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 rg;
    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 rg;
    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: #f26522;
    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 scosf rg;
    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 #f26522;
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
    font-family: proxima nova rg;
    cursor: pointer;
    font-weight: 700;
    transition: all .5s ease 0s
}

#comment .Post:hover {
    background-color: transparent;
    border: 1px solid #f26522;
    color: #f26522;
    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 alt rg;
    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 rg;
    font-size: 16px;
    font-weight: 400
}

#post_job .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
    font-family: proxima nova rg;
    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: #f26522;
    font-family: proxima nova rg;
    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: #f26522;
    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 rg;
    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 rg;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0
}

#Job-Nature .Job-Nature.active1 {
    background-color: #f26522;
    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: #f26522;
    cursor: pointer
}

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

#post_job .Post-Job-Offer {
    width: 209px;
    height: 53px;
    background-color: #f26522;
    color: #fff;
    font-family: proxima nova rg;
    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: #f26522;
    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 rg;
    font-size: 16px;
    font-weight: 400
}

#Get-in-Touch .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
    font-family: proxima nova rg;
    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 h5 {
    font-weight: 700;
    margin-bottom: 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: #64acfc;
    margin-right: 24px
}

#footer .text {
    display: inline-grid
}

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

#footer .text a:hover {
    color: #f26522
}

#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: #64acfc;
    color: #fff;
    border: 1px solid;
    border-radius: 5px;
    font-family: proxima nova rg;
    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-orange {
    background-color: #64acfc
}

#footer .main-footer p {
    font-size: 14px;
    font-family: proxima nova rg;
    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 #f26522
}

@media only screen and (min-width:2000px) {
    #v2-Jobtend::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(100deg, rgba(241, 115, 55, 0.8) 55%, rgba(32, 30, 30, 0.87) 45%);
        z-index: 9
    }

    .v2-Jobtend-none-roted::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(90deg, rgba(241, 115, 55, 0.8) 55%, rgba(32, 30, 30, 0.87) 45%) !important;
        z-index: 9
    }

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

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

@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: #f26522;
        cursor: pointer;
        display: inline-block
    }
}

@media only screen and (max-width:991px) {
    .display {
        display: none !important
    }

    /*#footer .footer-image {*/
    /*    padding-bottom: 10rem;*/
    /*}*/

    #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: #f26522;
        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
    }

    .v2-Jobtend-none-roted::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(241, 115, 55, 0.8) 77%, rgba(32, 30, 30, 0.87) 33%) !important;
        z-index: 9
    }

    #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 rg;
        cursor: pointer;
        font-weight: 700;
        background-color: #f26522;
        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: 46px;
        background: #fff;
        border-radius: 37px
    }

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

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

    #Clients-Testimonial .testimonial::before {
        content: '';
        background: #f26522;
        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: #f26522;
        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: #f26522;
        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
    }
}

@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 {
        display: inline-block;
        align-items: flex-start;
        text-align: center;
        height: 261px;
        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 alt rg;
        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: 32px;
        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: #f26522;
        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: #f26522;
        border: none;
        outline: none;
        border-radius: 5px;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        letter-spacing: .1em;
        cursor: pointer;
        font-family: proxima nova alt rg;
        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: #f26522;
        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, rgba(241, 115, 55, 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, rgba(241, 115, 55, 0.8)85%, rgba(32, 30, 30, 0.87) 20%) !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: 24px
    }

    #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: #f26522;
        color: #fff;
        border: 1px solid;
        border-radius: 5px;
        font-family: proxima nova rg;
        cursor: pointer;
        font-weight: 700;
        transition: all .5s ease 0s;
        margin-bottom: 20px
    }

    #Jobtend .Explore-New-Jobs {
        width: 230px;
        height: 50px;
        border: 1px solid #D83030;
        ;
        color: #f26522;
        background: 0 0;
        background-color: transparent;
        border-radius: 5px;
        font-family: proxima nova rg;
        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:487px) {
    #Clients-Testimonial .testimonial::before {
        content: '';
        background: #f26522;
        padding: 15px;
        margin: -21px -35px;
        position: relative;
        text-align: center;
        transform: skewX(6deg);
        height: 199px;
        float: left;
        border: 0 solid transparent
    }

    #v2-Jobtend::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(190deg, rgba(241, 115, 55, 0.8) 87%, rgba(32, 30, 30, 0.87) 13%);
        z-index: 9
    }

    .v2-Jobtend-none-roted::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(241, 115, 55, 0.8)90%, rgba(32, 30, 30, 0.87) 13%) !important;
        z-index: 9
    }

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

@media only screen and (max-width:417px) {
    #Clients-Testimonial .testimonial::after {
        content: '';
        background: #f26522;
        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: #f26522;
        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
    }
}

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

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

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

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

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

/* NAV MOBILE  */
/*=============== NAV ===============*/
.nav {
    height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
}


@media screen and (max-width: 991px) {
    .nav__menu {
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: var(--first-color-light);
        box-shadow: 0 -1px 12px hsla(174, 63%, 15%, 0.15);
        width: 100%;
        height: 3rem;
        padding: 0rem 1rem;
        display: grid;
        align-content: center;
        vertical-align: middle;
        border-radius: 1.25rem 1.25rem 0 0;
        /* transition: .4s; */
    }

    .nav__jobdetail {
        position: fixed;
        bottom: 0;
        left: 0;
        background: var(--first-color-light);
        box-shadow: 0 -1px 12px hsla(174, 63%, 15%, 0.15);
        width: 100%;
        height: 2.9rem;
        display: grid;
        align-content: center;
        border-radius: 1.25rem 1.25rem 0 0;
        z-index: 100;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        /*width: 100%;*/
        vertical-align: middle;
        visibility: hidden;
    }


    .nav__list {
        list-style: none;
    }


}

.nav__list,
.nav__link {
    display: flex;
}

.nav__link {
    flex-direction: column;
    align-items: center;
    row-gap: 4px;
    color: var(--title-color);
    font-weight: 600;
    padding: .5rem;
    border-radius: 50%;
}

.nav__list {
    justify-content: space-around;
}

.nav__name {
    font-size: var(--tiny-font-size);
    /* display: none;*/
    /* Minimalist design, hidden labels */
}

.nav__link i {
    font-size: 1.5rem;
    color: white;
}

#active-link {
    /*font-size: 2rem !important;*/
    background: var(--first-color);
    color: #fff;
    padding: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    transform: translateY(-1.3rem);
}

/* NAV DETAIL JOB */
.nav__jobdetail>div {
    flex: 1;
}

.nav__jobdetail-apply,
.nav__jobdetail-back {
    text-align: center;
    margin-top: 0.8rem;
    font-size: 15px;
    font-weight: 700;
    color: white;
}

.bg-right {
    background: var(--first-color);
    border-radius: 1.25rem 1.25rem 0 0;
    box-shadow: -3px 13px 29px -3px rgba(0, 0, 0, 0.63);
    -webkit-box-shadow: -3px 13px 29px -3px rgba(0, 0, 0, 0.63);
    -moz-box-shadow: -3px 13px 29px -3px rgba(0, 0, 0, 0.63);
}

.nav__jobdetails-link {
    color: white;
    width: 100%;
}

/* NAV MEDIA QUERIES */
/* For medium devices */
@media screen and (min-width: 576px) {
    .nav__list {
        justify-content: center;
        column-gap: 3rem;
    }

}

@media screen and (min-width: 756px) {
    .nav__list {
        justify-content: center;
        column-gap: 5rem;
    }
}

/*=============== CUSTOM STYLE ===============*/
#Job-Category .category__card i {
    color: black;
}

/* Display None */
#searchbox__mobile,
.filter__container,
.select__company, .blank__container__mb{
    /* visibility: hidden !important; */
    display: none;
}

#mobile_hide, #intro {
    /* visibility: hidden !important; */
    display: block;
}

/* .fade {
    visibility: hidden;
} */


/*=============== STYLE MOBILE SCREEN ===============*/
@media screen and (max-width: 480px) {

    /* Nav Default Mobile */
    .nav__mobile-default {
        display: none !important;
    }

    /* Nav Job Description */
    .nav__jobdetail {
        visibility: visible;
    }

    .nav__mobile {
        visibility: hidden;
    }


    /* Top bar */
    .top_bar {
        display: none !important;
    }

    /*------------ HOME ------------*/
    /* #Intro */
    /* .bg__container-search {
        background-image: none !important;
    } */
    .search__container-intro h3 {
        font-size: 23px !important;
    }
    .search__container-intro h3 {
        margin-top: 0px !important;
    }

    /* Job category */
    #Job-Category .category__header,
    #resent-job-post .resent__job-header {
        display: block;
        /*justify-items: flex-start;*/
    }

    #Job-Category .category__header h5,
    #resent-job-post .resent__job-header h5 {
        font-size: 18px !important;
        margin: 0px !important;
    }

    #Job-Category .category__header a button,
    #resent-job-post .resent__job-header a button {
        font-size: 11px !important;
    }

    #Job-Category .category__card {
        border-radius: 1.25rem;
        width: 120px !important;
        height: 110px !important;
        /* padding: .8rem !important; */
        box-shadow: 0 12px 16px hsla(228, 66%, 45%, .1);
        margin-right: .3rem;
        margin-bottom: 1.5rem;
        margin-top: 0.5rem;
    }

    #Job-Category .category__card i {
        font-size: 1.3rem !important;
        color: var(--first-color) !important;
    }

    #Job-Category .category__card b {
        color: #232323;
    }

    /* resent-job-post */
    #resent-job-post .joblist__card {
        display: flex !important;
        width: 100% !important;
        justify-content: space-between;
        box-shadow: 0 12px 16px hsla(228, 66%, 45%, .1);
        padding-bottom: 24px !important;
    }

    #resent-job-post img {
        width: 60px;
        height: 60px;
    }

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

    #resent-job-post .job__company {
        font-size: 10px !important;
    }

    /* Job listing */
    #search-box,
    .job-listing-left,
    .blank__container {
        display: none;
    }

    /* Display None */
    #searchbox__mobile,
    .filter__container,
    .select__company, .blank__container__mb {
        /* visibility: hidden !important; */
        display: block;
    }
    
     #mobile_hide, #intro {
        /* visibility: hidden !important; */
        display: none;
    }

    /* .fade {
        visibility: visible !important;
    } */

    #searchbox__mobile .search__bar {
        border-radius: 1rem 0 0 1rem !important;
        background: var(--first-color-lighten);
        font-size: 14px !important;
        border: none;
    }

    #searchbox__mobile .search__button {
        background: var(--first-color) !important;
        border-radius: 0 1rem 1rem 0 !important;
        border: none;
        font-size: 14px !important;
        color: var(--first-color-lighten);
    }

    .btn-filter,
    .btn-filter-job {
        font-size: 13px !important;
        border-radius: 1rem 1rem 1rem 1rem !important;
        font-weight: 700;
        visibility: visible;
        background: var(--first-color-light) !important;
        border: none !important;
    }


    .btn-filter-job {
        width: 200px;
    }

    /* Job description */
    .jobdesc__company {
        font-size: 19px;
    }

    .link__apply-job {
        display: none !important;
    }

    .btn__apply-job {
        padding: 0 !important;
        background: var(--first-color) !important;
        color: white !important;
        font-weight: 600 !important;
    }

    /* Footer */
    #footer {
        display: none !important;
    }

}