*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; border: 0 }
:root { --full-width: 100%; --full-height: 100%; --white: #ffffff; --black: #000000; --darkest-grey: #1E1E1E; --darker-grey: #404040; --dark-grey: #303030; --light-grey: #ECEDEF; --lighter-grey: #CACACA; --medium-grey: #7A7A7A; --medium-grey-xl: #9c9c9c; --green: #46A282; --dark-green: #265B49; --medium-dark-green: #3A886D; --light-green: #86D0B7; --light-green-xl: #89E442; --yellow: #EBBE56; --medium-yellow: #DEA520; --dark-yellow: #864800; --light-yellow: #E2AE32; --orange: #CB7767; --light-orange: #D38979; --error: #F1421C; --red: #CB4F34; --danger: #D84F4F }
body, body * { font-family: 'Montserrat', sans-serif !important; outline: none }
body { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 25px; background: var(--white) }
h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0; list-style-type: none; font-family: 'Montserrat', sans-serif }
a, input, button, :after, :before, li, img { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; text-decoration: none; list-style: none }
html { min-height: 100%; font-family: 'Montserrat', sans-serif }
h2 { font-size: 36px; font-weight: 800; line-height: 44px; color: var(--light-grey) }
h3 { font-weight: bold; font-size: 24px; line-height: 37px; color: var(--dark-grey) }
h4 { font-size: 20px; line-height: 24px; font-weight: bold }
h5 { font-weight: 600; font-size: 18px; line-height: 22px }
button[type="button"]:disabled, button[disabled] { background: var(--light-grey) }
button[type="button"]:disabled:hover, button[disabled]:hover { background: var(--light-grey) }
button.disabled, button.disabled:hover { background: var(--light-grey) }
.yellow { color: var(--yellow) }
.green { color: var(--green) }
.wrapper { width: var(--full-width); height: var(--full-height) }
.center { max-width: 1600px; margin: 0 auto; position: relative }
.clearfix { clear: both }
.bttn { width: auto; display: inline-block; line-height: 61px; height: 61px; min-width: 200px; text-align: center; border-radius: 5px; cursor: pointer; color: var(--white); font-weight: 600; font-size: 18px; padding-left: 16px; padding-right: 16px }
.bttn-primary { background: #51ad8d; background: -moz-linear-gradient(top, #51ad8d 0%, #389574 100%); background: -webkit-linear-gradient(top, #51ad8d 0%, #389574 100%); background: linear-gradient(to bottom, #51ad8d 0%, #389574 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ad8d', endColorstr='#389574', GradientType=0) }
.bttn-primary:hover { background: #39a881; background: -moz-linear-gradient(top, #39a881 0%, #218e67 100%); background: -webkit-linear-gradient(top, #39a881 0%, #218e67 100%); background: linear-gradient(to bottom, #39a881 0%, #218e67 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39a881', endColorstr='#218e67', GradientType=0) }
.bttn-secondary { background: #cb7767; background: -moz-linear-gradient(top, #cb7767 0%, #d38979 100%); background: -webkit-linear-gradient(top, #cb7767 0%, #d38979 100%); background: linear-gradient(to bottom, #cb7767 0%, #d38979 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7767', endColorstr='#d38979', GradientType=0) }
.bttn-secondary:hover { background: #c96b59; background: -moz-linear-gradient(top, #c96b59 0%, #d17b68 100%); background: -webkit-linear-gradient(top, #c96b59 0%, #d17b68 100%); background: linear-gradient(to bottom, #c96b59 0%, #d17b68 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c96b59', endColorstr='#d17b68', GradientType=0) }
.bttn-warning { color: var(--dark-grey); background: #f4c366; background: -moz-linear-gradient(top, #f4c366 0%, #e2ae4b 100%); background: -webkit-linear-gradient(top, #f4c366 0%, #e2ae4b 100%); background: linear-gradient(to bottom, #f4c366 0%, #e2ae4b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4c366', endColorstr='#e2ae4b', GradientType=0) }
.bttn-warning:hover { background: #dbab4a; background: -moz-linear-gradient(top, #dbab4a 0%, #f2c865 100%); background: -webkit-linear-gradient(top, #dbab4a 0%, #f2c865 100%); background: linear-gradient(to bottom, #dbab4a 0%, #f2c865 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbab4a', endColorstr='#f2c865', GradientType=0) }
.bttn-border-dark { border: 1px solid var(--dark-grey) !important; background-color: var(--white) !important; color: var(--dark-grey) !important }
.bttn-border-light { border: 1px solid var(--light-grey) !important; background-color: var(--white) !important; color: var(--dark-grey) !important }
.box-left { opacity: 0; transition: ease all 1.5s; margin-left: -100% }
.box-left.fadeIn-left { opacity: 1; margin-left: 0 }
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--dark-grey); z-index: 99 }
#status { position: relative }
header { position: fixed; top: 0; left: 0; z-index: 50; width: var(--full-width) }
.header-up header { position: fixed; top: 0; left: 0; z-index: 10000; width: var(--full-width); background: var(--dark-grey) }
header .center { padding: 28px 0 0; display: flex; flex-flow: row; flex-wrap: wrap; align-items: center; justify-content: space-between }
.header-down header { background: var(--white); position: fixed; left: 0; z-index: 50 }
.header-up header .logo-dark { display: none; width: 110px }
.header-up header .logo-dark img { width: 100% }
.header-up header .logo-light { display: inline-block; width: 110px }
.header-up header .header-left nav ul li a, .header-up header .header-right ul li a { color: var(--white) }
.header-up header .header-left nav ul li a:hover, .header-up header .header-right ul li a:hover { color: var(--orange) }
.header-up header .center { padding: 10px 0 }
.header-up header .header-left nav, .header-up header .header-right ul { margin: 6px 0 0 }
.header-left { width: auto; display: flex; justify-content: space-between; align-items: center }
.logo-light { position: relative; z-index: 1 }
.logo-light img { height: 55px }
.header-left nav { width: auto; margin: 21px 0 0; padding: 0; position: relative; z-index: 2 }
.header-left nav ul li { width: auto; display: inline-block; padding: 0 0 0 50px }
.header-left nav ul li a { width: auto; display: inline-block; color: var(--light-grey); font-size: 16px; font-weight: 400 }
.header-left nav ul li a:hover, .header-left nav ul li a.active { color: var(--orange) }
.header-right { width: auto }
.header-right ul { width: auto; margin: 16px 0 0; position: relative; z-index: 2 }
.header-right ul li { width: auto; display: inline-block; padding: 0 0 0 50px }
.header-right ul li a { width: auto; display: inline-block; color: var(--white); font-size: 16px; font-weight: 600 }
.header-right ul li a:hover { color: var(--orange) }
.upper-landing { width: var(--full-width); background-color: var(--dark-grey); background-image: url(/img/upper-landing-bg.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; min-height: 100vh }
.upper-landing .center { height: 100vh; display: flex; flex-flow: column; justify-content: center; align-items: center }
.upper-landing .center#down { height: auto; padding: 80px 0 20px }
.main-content { width: var(--full-width) }
.banner { width: var(--full-width); display: flex; align-items: flex-start; padding: 200px 0 0 }
.banner-content { width: 60%; position: relative }
.banner-content h2, .banner-content h1 { font-weight: 900; font-size: 70px; line-height: 85px; color: var(--light-grey); text-align: left; padding: 0 0 32px; float: left; height: 200px }
.banner-content h2 br, .banner-content h1 br { display: none }
.banner-content h2 span.heading, .banner-content h1 span.heading { float: left; width: 100%; display: block }
.banner-content p { font-weight: 500; font-size: 20px; line-height: 30px; color: var(--light-grey); margin: 0 0 55px; clear: both; text-align: center; width: 100%; padding: 0 20px }
.text_1 { animation: text1; color: var(--yellow) }
.text_2 { animation: text2; color: var(--green) }
.text_1, .text_2 { overflow: hidden; white-space: nowrap; display: inline-block; position: relative; animation-duration: 15s; animation-timing-function: steps(25, end); animation-iteration-count: infinite; margin: 0; float: left; height: 90px }
@keyframes text2 {
	0%, 50%, 100% { width: 0 }
	60%, 90% { width: 500px }
}
@keyframes text2 {
	0%, 50%, 100% { width: 0 }
	60%, 90% { width: 500px }
}
@keyframes text1 {
	0%, 50%, 100% { width: 0 }
	10%, 40% { width: 500px }
}
@keyframes text1 {
	0%, 50%, 100% { width: 0 }
	10%, 40% { width: 500px }
}
.play-icon:after { position: absolute; content: ""; left: -10px; top: -14px; width: 150px; height: 40px; border-top: 2px solid var(--white); border-left: 2px solid var(--white); opacity: 0 }
.play-icon:before { position: absolute; content: ""; left: -10px; bottom: -14px; width: 70px; height: 25px; border-bottom: 2px solid var(--white); border-left: 2px solid var(--white); opacity: 0 }
.play-icon .watch-video { opacity: 0; position: absolute; width: 150px; color: var(--white); left: 68px; top: 10px }
.play-icon:hover .watch-video { opacity: 1 }
.play-icon:hover:after, .play-icon:hover:before { opacity: 0 }
.play-icon { position: absolute; top: 0; left: 88%; cursor: pointer }
.play-icon a { position: relative; z-index: 1; left: 0; top: 0; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center }
.preloader { display: block; width: 42px; height: 42px; border-radius: 50%; animation: rotating 10s infinite ease; -webkit-animation: rotating 10s infinite linear; position: absolute; left: 0; top: 0 }
.preloader:after { content: ""; position: absolute; border-radius: inherit; border: inherit; top: 0; left: 0; width: 42px; height: 42px; background-image: url(/img/play-rotate.svg); background-repeat: no-repeat; background-position: 0 0; animation: rotating 5s infinite ease; -webkit-animation: rotating 5s infinite linear }
@keyframes rotating {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}
@-webkit-keyframes rotating {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg) }
	100% { transform: rotate(360deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg) }
}
.banner-phone { width: 40%; height: 100%; margin-top: -7% }
.phone-bg { background-image: url(/img/iphone-d.png); background-repeat: no-repeat; background-position: center 0; background-size: initial; width: 100%; height: 903px; display: flex; align-items: center; justify-content: center }
.phone-inn { background: var(--dark-grey); width: 300px; height: 680px; border-radius: 40px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center }
.mouse span { position: absolute; bottom: -20px; left: -20px; color: #fff; font-weight: 500; font-size: 13px; line-height: 16px; text-align: center; letter-spacing: 0.5em; -webkit-animation: colorText 8s ease-out infinite, nudgeText 8s ease-out infinite; animation: colorText 8s ease-out infinite, nudgeText 8s ease-out infinite }
.mouse { position: absolute; bottom: 60px; left: 50%; background: #303030 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%); width: 25px; height: 40px; border-radius: 100px; background-size: 100% 200%; -webkit-animation: colorSlide 8s linear infinite, nudgeMouse 8s ease-out infinite; animation: colorSlide 8s linear infinite, nudgeMouse 8s ease-out infinite }
.mouse:before, .mouse:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto }
.mouse:before { width: 23px; height: 38px; background-color: var(--dark-grey); border-radius: 100px }
.mouse:after { background-color: #ffffff; width: 5px; height: 5px; border-radius: 100%; -webkit-animation: trackBallSlide 8s linear infinite; animation: trackBallSlide 8s linear infinite; top: auto; bottom: 14px }
@-webkit-keyframes colorSlide {
	0% { background-position: 0% 100% }
	20% { background-position: 0% 0% }
	21% { background-color: #4e5559 }
	29.99% { background-color: #ffffff; background-position: 0% 0% }
	30% { background-color: #4e5559; background-position: 0% 100% }
	50% { background-position: 0% 0% }
	51% { background-color: #4e5559 }
	59% { background-color: #ffffff; background-position: 0% 0% }
	60% { background-color: #4e5559; background-position: 0% 100% }
	80% { background-position: 0% 0% }
	81% { background-color: #4e5559 }
	90%, 100% { background-color: #ffffff }
}
@keyframes colorSlide {
	0% { background-position: 0% 100% }
	20% { background-position: 0% 0% }
	21% { background-color: #4e5559 }
	29.99% { background-color: #ffffff; background-position: 0% 0% }
	30% { background-color: #4e5559; background-position: 0% 100% }
	50% { background-position: 0% 0% }
	51% { background-color: #4e5559 }
	59% { background-color: #ffffff; background-position: 0% 0% }
	60% { background-color: #4e5559; background-position: 0% 100% }
	80% { background-position: 0% 0% }
	81% { background-color: #4e5559 }
	90%, 100% { background-color: #ffffff }
}
@-webkit-keyframes trackBallSlide {
	0% { opacity: 1; transform: scale(1) translateY(-20px) }
	6% { opacity: 1; transform: scale(0.9) translateY(5px) }
	14% { opacity: 0; transform: scale(0.4) translateY(40px) }
	15%, 19% { opacity: 0; transform: scale(0.4) translateY(-20px) }
	28%, 29.99% { opacity: 1; transform: scale(1) translateY(-20px) }
	30% { opacity: 1; transform: scale(1) translateY(-20px) }
	36% { opacity: 1; transform: scale(0.9) translateY(5px) }
	44% { opacity: 0; transform: scale(0.4) translateY(40px) }
	45%, 49% { opacity: 0; transform: scale(0.4) translateY(-20px) }
	58%, 59.99% { opacity: 1; transform: scale(1) translateY(-20px) }
	60% { opacity: 1; transform: scale(1) translateY(-20px) }
	66% { opacity: 1; transform: scale(0.9) translateY(5px) }
	74% { opacity: 0; transform: scale(0.4) translateY(40px) }
	75%, 79% { opacity: 0; transform: scale(0.4) translateY(-20px) }
	88%, 100% { opacity: 1; transform: scale(1) translateY(-20px) }
}
@keyframes trackBallSlide {
	0% { opacity: 1; transform: scale(1) translateY(-20px) }
	6% { opacity: 1; transform: scale(0.9) translateY(5px) }
	14% { opacity: 0; transform: scale(0.4) translateY(40px) }
	15%, 19% { opacity: 0; transform: scale(0.4) translateY(-20px) }
	28%, 29.99% { opacity: 1; transform: scale(1) translateY(-20px) }
	30% { opacity: 1; transform: scale(1) translateY(-20px) }
	36% { opacity: 1; transform: scale(0.9) translateY(5px) }
	44% { opacity: 0; transform: scale(0.4) translateY(40px) }
	45%, 49% { opacity: 0; transform: scale(0.4) translateY(-20px) }
	58%, 59.99% { opacity: 1; transform: scale(1) translateY(-20px) }
	60% { opacity: 1; transform: scale(1) translateY(-20px) }
	66% { opacity: 1; transform: scale(0.9) translateY(5px) }
	74% { opacity: 0; transform: scale(0.4) translateY(40px) }
	75%, 79% { opacity: 0; transform: scale(0.4) translateY(-20px) }
	88%, 100% { opacity: 1; transform: scale(1) translateY(-20px) }
}
@-webkit-keyframes nudgeMouse {
	0% { transform: translateY(0) }
	20% { transform: translateY(8px) }
	30% { transform: translateY(0) }
	50% { transform: translateY(8px) }
	60% { transform: translateY(0) }
	80% { transform: translateY(8px) }
	90% { transform: translateY(0) }
}
@keyframes nudgeMouse {
	0% { transform: translateY(0) }
	20% { transform: translateY(8px) }
	30% { transform: translateY(0) }
	50% { transform: translateY(8px) }
	60% { transform: translateY(0) }
	80% { transform: translateY(8px) }
	90% { transform: translateY(0) }
}
@-webkit-keyframes nudgeText {
	0% { transform: translateY(0) }
	20% { transform: translateY(2px) }
	30% { transform: translateY(0) }
	50% { transform: translateY(2px) }
	60% { transform: translateY(0) }
	80% { transform: translateY(2px) }
	90% { transform: translateY(0) }
}
@keyframes nudgeText {
	0% { transform: translateY(0) }
	20% { transform: translateY(2px) }
	30% { transform: translateY(0) }
	50% { transform: translateY(2px) }
	60% { transform: translateY(0) }
	80% { transform: translateY(2px) }
	90% { transform: translateY(0) }
}
@-webkit-keyframes colorText {
	21% { color: #4e5559 }
	30% { color: #ffffff }
	51% { color: #4e5559 }
	60% { color: #ffffff }
	81% { color: #4e5559 }
	90% { color: #ffffff }
}
@keyframes colorText {
	21% { color: #4e5559 }
	30% { color: #ffffff }
	51% { color: #4e5559 }
	60% { color: #ffffff }
	81% { color: #4e5559 }
	90% { color: #ffffff }
}
.best-responsive-tab-contents:not(.lgTabToggle-tab-responsive-active) { border-radius: 5px }
.find-content { width: var(--full-width); display: flex; align-items: center; justify-content: space-between }
.find-content input[type="text"] { width: 100%; height: 60px; line-height: 60px; color: var(--dark-grey); font-weight: 500; font-size: 14px; background: var(--white); padding: 0 15px; border-radius: 5px; display: inline-block; vertical-align: middle }
.select { position: relative; width: 215px; height: 60px }
.select .selectBtn { padding: 0 15px; box-sizing: border-box; border-radius: 5px; width: 100%; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: var(--white); height: 60px; color: var(--dark-grey); line-height: 60px; font-size: 16px; font-weight: 500 }
.select .selectBtn:after { content: ""; position: absolute; top: 45%; right: 15px; width: 12px; height: 12px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-right: 2px solid var(--dark-grey); border-bottom: 2px solid var(--dark-grey); transition: 0.2s ease }
.select .selectBtn.toggle { border-radius: 3px 3px 0 0 }
.select .selectBtn.toggle:after { -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg) }
.select .selectDropdown { position: absolute; top: 90%; width: 100%; border-radius: 0 0 5px 5px; overflow: hidden; z-index: 1; background: var(--white); -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: top center; transform-origin: top center; visibility: hidden; transition: 0.2s ease; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2) }
.select .selectDropdown .option { padding: 10px; box-sizing: border-box; cursor: pointer; color: var(--dark-grey); font-size: 15px; font-weight: 500 }
.select .selectDropdown .option:hover { background: var(--light-grey) }
.select .selectDropdown.toggle { visibility: visible; -webkit-transform: scale(1, 1); transform: scale(1, 1) }
.near-map { padding: 30px 0 0; position: relative; z-index: 2 }
.near-map img { width: 100%; display: block }
.bottom-banner { padding: 40px 0 50px !important; align-items: center; justify-content: space-between }
.ipad-section { width: 49% }
.ipad { background-image: url(/img/ipad.png); background-repeat: no-repeat; background-position: center 0; width: 670px; height: 100vh; background-size: cover; border-radius: 10px; overflow: hidden }
.jobs-slider { width: 49% }
.spacer { height: 100%; text-align: center }
.c-1 { color: lightblue }
.c-2 { color: pink }
.c-3 { color: green }
.c-img-responsive { max-width: 80%; position: absolute }
.chat ul { margin: 0px; padding: 0px; list-style: none }
.message-left .message-time { display: none; font-size: 12px; text-align: left; padding-left: 30px; padding-top: 4px; color: #333; font-family: Courier }
.message-right .message-time { display: none; font-size: 12px; text-align: right; padding-right: 20px; padding-top: 4px; color: #ccc; font-family: Courier }
.message-left { text-align: left; margin-bottom: 70px }
.message-left .message-text { max-width: 90%; width: 100%; display: inline-block; background: var(--yellow); padding: 22px 15px; font-weight: 500; font-size: 16px; line-height: 20px; color: var(--dark-grey); border-radius: 10px; position: relative; margin: 0 0 0 50px }
.message-right { text-align: right; margin-bottom: 70px }
.message-right .message-text { max-width: 90%; width: 100%; display: inline-block; background: var(--green); padding: 22px 15px; font-weight: 500; font-size: 16px; line-height: 20px; border-radius: 10px; text-align: left; color: var(--white); position: relative; margin: 0 50px 0 0 }
.chat { border-radius: 10px; padding: 0; height: 650px; width: 440px; margin: 107px 0 50px 140px }
.chat-container { overflow-y: auto; padding-right: 16px; height: 100% }
.spinme-right { display: inline-block; padding: 15px 20px; font-size: 14px; border-radius: 30px; line-height: 1.25em; font-weight: 100; opacity: 1; background: #60B8B2 }
.spinme-left { display: inline-block; padding: 15px 20px; font-size: 14px; color: #fff; border-radius: 30px; line-height: 1.25em; font-weight: 100; opacity: 1; background: var(--white) }
.spinner { margin: 0; width: 30px; text-align: center }
.spinner>div { width: 10px; height: 10px; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; background: rgba(0, 0, 0, 1) }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s }
.message-right .message-text .c-img-responsive { right: -50px; top: 0 }
.message-left .message-text .c-img-responsive { left: -50px; top: 0 }
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0) }
	40% { -webkit-transform: scale(1.0); transform: scale(1.0) }
}
.ipad::-webkit-scrollbar { width: 0px }
.ipad::-webkit-scrollbar-track-piece { background-color: transparent; -webkit-border-radius: 6px }
.slider-box { width: var(--full-width) }
.slider-box h2 { font-weight: 800; font-size: 50px; line-height: 65px; text-align: right; color: var(--light-grey); margin: 0 0 40px }
.slider-box p { font-weight: 500; font-size: 20px; line-height: 30px; text-align: right; color: var(--light-grey) }
.lower-landing { width: var(--full-width); background: var(--white); padding: 60px 0 0 }
.category-slide { width: var(--full-width) }
.category-col { width: var(--full-width); display: inline-block; vertical-align: top; margin: 0 0 0 0 }
.category-box { width: auto; display: block; overflow: hidden; position: relative; margin: 15px 0; border-radius: 5px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.category-box img { width: var(--full-width); display: block }
.category-box a { width: var(--full-width); position: absolute; bottom: 0; left: 0; text-align: center; font-weight: 600; font-size: 18px; line-height: 22px; color: var(--white); padding: 16px 10px; z-index: 2; background: linear-gradient(180deg, rgba(48, 48, 48, 0) 57.81%, rgba(48, 48, 48, 0.8) 86.98%); height: 80%; display: flex; align-items: flex-end; justify-content: center }
.category-box:after { position: absolute; content: ""; left: 0; top: 0; width: var(--full-width); height: var(--full-height); background: rgba(48, 48, 48, 0.6); opacity: 0 }
.involved-category .employee-category-row .category-box a { text-align: center }
.category-box a.category_delete { top: -10px; display: flex; align-items: center; justify-content: flex-end; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.81) 0%, rgba(0, 0, 0, 0.28) 65%, rgba(0, 0, 0, 0.08) 90%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.81) 0%, rgba(0, 0, 0, 0.28) 65%, rgba(0, 0, 0, 0.08) 90%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.81) 0%, rgba(0, 0, 0, 0.28) 65%, rgba(0, 0, 0, 0.08) 90%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf000000', endColorstr='#00000000', GradientType=0) }
.category-box a.category_delete img { width: 18px }
.involved-category .category-box:hover:after { opacity: 1 }
.category-box:hover span { opacity: 1 }
.category-box span { opacity: 0; position: absolute; left: 50%; top: 36%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1; font-size: 12px }
.category-slide .owl-carousel .owl-stage-outer { padding-left: calc((100% - 1600px) / 2) }
.category-slide h3 { margin: 0 0 30px }
.jobs-tabs { padding: 50px 0 0; overflow: hidden }
.jobs-tabs ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; width: 99.9% }
.jobs-tabs ul.tabs li { float: left; line-height: 32px; position: relative; padding-right: 50px; position: relative }
.jobs-tabs ul.tabs li:after { position: absolute; content: "/"; left: -25px; top: 0; color: var(--dark-grey); font-weight: 400; font-size: 20px }
.jobs-tabs ul.tabs li:first-child:after { display: none }
.jobs-tabs ul.tabs li a { display: block; padding: 0 5px; outline: none; background: none }
.jobs-tabs .tabContainer { border-top: none; overflow: hidden; clear: both; float: left; width: 100%; margin-bottom: 10px }
.jobs-tabs .tabContent { padding: 40px 0 40px }
.jobs-tabs .tabContent h3 { padding: 0px }
.jobs-tabs .tabContainer #tab1 { background: var(--dark-grey) }
.jobs-tabs .tabContainer #tab1 .jobs-lists-row { border-bottom: 2px solid rgba(236, 237, 239, 0.3); padding: 0 0 70px }
.jobs-tabs div.tabBox h3 { }
.jobs-tabs ul.tabs { }
.jobs-tabs ul.tabs li { }
.jobs-tabs ul.tabs li a { text-decoration: none; font-weight: 500; font-size: 18px; color: var(--dark-grey); outline: none }
.jobs-tabs ul.tabs li.active a { font-weight: bold; font-size: 30px }
.jobs-tabs div.tabContainer { background: #fff; margin: 20px 0 0 }
.jobs-lists-row ul.recent-job-list { width: var(--full-width); clear: both; padding: 20px 0 0 }
.jobs-lists-row ul.recent-job-list li { width: var(--full-width); display: flex; align-items: center; justify-content: space-between; position: relative; border: 2px solid rgba(236, 237, 239, 0.3); padding: 22px 24px; border-radius: 5px; margin: 0 0 22px }
.jobs-lists-row ul.recent-job-list li label { font-weight: 700; font-size: 18px; line-height: 22px; color: var(--light-grey) }
.jobs-lists-row ul.recent-job-list li span.km { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--light-grey); display: flex; align-items: center }
.jobs-lists-row ul.recent-job-list li span.km img { margin: 0 0 0 10px }
.jobs-lists-row ul.recent-job-list li span.time { font-weight: 500; font-size: 14px; line-height: 17px; color: var(--light-grey); position: absolute; right: -100px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.jobs-lists-row ul.recent-job-list li:hover { border-color: var(--white) }
.jobs-lists-row ul.recent-job-list li:last-child label { font-weight: 600; font-size: 20px; line-height: 24px; text-transform: uppercase }
.jobs-lists-row ul.recent-job-list li label span { animation-duration: 1.3s; animation-iteration-count: infinite; animation-timing-function: linear; padding: 0 3px }
.jobs-lists-row ul.recent-job-list li label span:nth-child(1) { animation-name: first }
.jobs-lists-row ul.recent-job-list li label span:nth-child(2) { animation-name: second }
.jobs-lists-row ul.recent-job-list li label span:nth-child(3) { animation-name: third }
@keyframes first {
	0% { opacity: 0 }
	60%, 100% { opacity: 1 }
}
@keyframes second {
	0%, 20% { opacity: 0 }
	80%, 100% { opacity: 1 }
}
@keyframes third {
	0%, 40% { opacity: 0 }
	100% { opacity: 1 }
}
.jobs-lists-row .start-now { width: var(--full-width); height: 80px; line-height: 80px; font-weight: 600; font-size: 22px; text-align: center; text-transform: uppercase; color: var(--light-grey); min-width: var(--full-width); text-transform: none }
@media only screen and (max-width:767px) {
	.jobs-tabs div.tabBox { }
	.jobs-tabs ul.tabs { height: auto; display: block; width: 100%; border-left: 0px }
	.jobs-tabs ul.tabs li { width: 100% }
	.jobs-tabs ul.tabs li a { border: 0px }
	.jobs-tabs div.tabContainer { border: 0px }
}
.jobs-lists-row { width: var(--full-width) }
.jobs-lists-row ul { display: flex; align-items: flex-start; justify-content: space-between; flex-flow: row; flex-wrap: wrap; flex-direction: row }
.index_blade .jobs-lists-row ul { align-items: inherit }
.jobs-lists-row ul li { width: 49%; border: 2px solid #949494; border-radius: 5px; padding: 20px; margin: 0 0 2%; display: flex; align-items: center; justify-content: space-between }
.jobs-lists-row ul li .profile-img { width: 15%; text-align: center }
.jobs-lists-row ul li .profile-img img { width: 80%; border-radius: 50% }
.jobs-lists-row ul li .profile-img span { font-size: 18px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; float: left }
.lower-landing .jobs-lists-row ul li .profile-info { width: 80%; display: block; margin: 0 }
.jobs-lists-row ul li .profile-info h5 { font-weight: 600; font-size: 18px; line-height: 22px; margin: 0 0 8px; width: auto; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 46%; padding: 0 16px 0 0 }
.jobs-lists-row ul li .profile-info p { font-weight: normal; font-size: 16px; line-height: 20px; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: var(--full-width) }
.jobs-lists-row ul li .more { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--dark-grey); background-image: url(/img/arrow-left.svg); background-position: right center; background-repeat: no-repeat; padding: 0 15px 0 0 }
.jobs-lists-row ul li .more:hover { padding: 0 20px 0 0; color: var(--orange) }
.jobs-lists-row ul li .home_more { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--dark-grey); background-image: url(/img/arrow-left.svg); background-position: right center; background-repeat: no-repeat; padding: 0 15px 0 0 }
.jobs-lists-row ul li .home_more:hover { padding: 0 20px 0 0; color: var(--orange) }
.jobs-lists-row ul li .apply-btn { float: right; color: var(--white); font-size: 18px; font-weight: 500; min-width: 154px; height: 40px; line-height: 35px; border: 1px solid transparent }
.jobs-lists-row ul li .apply-btn:hover { border-color: var(--dark-grey) }
.jobs-lists-row ul li .hourly { font-weight: 300; font-size: 16px; line-height: 20px; float: right; display: flex; align-items: center }
.jobs-lists-row ul li .hourly img { padding: 0 0 0 10px }
.jobs-lists-row ul li .district { font-weight: 500; font-size: 12px; line-height: 20px; float: left; width: 100%; display: flex; align-items: center; color: var(--medium-grey); margin: 0 0 8px }
.jobs-lists-row ul li .district img { padding: 0 5px 0 0 }
footer { width: var(--full-width); background: var(--dark-grey); padding: 50px 0 }
footer .center { display: flex; align-items: flex-start; justify-content: space-between }
.footer-block { width: 47% }
.footer-block h3 { margin: 0 0 20px; color: var(--white) }
.footer-block ul { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap }
.footer-block ul li { width: 33.33%; padding: 0 15px 0 0; margin: 0 0 10px }
.footer-block ul li a { color: var(--white); font-weight: 500; font-size: 16px; line-height: 20px; position: relative; padding: 0 0 0 32px }
.footer-block ul li a:after { position: absolute; content: ""; left: 0; top: 7px; width: 14px; height: 4px; background: var(--white) }
.footer-block ul li a:hover { color: var(--yellow) }
.footer-block ul li a:hover:after { left: 5px; background: var(--yellow) }
.newsletter { width: var(--full-width); display: flex; align-items: center; background-color: #404040; border-radius: 5px }
.newsletter .sub_email { background-color: #404040; height: 60px; line-height: 60px; border-radius: 5px; width: calc(100% - 30%); padding: 0 15px; color: var(--white) }
.newsletter input[type="text"] { width: 70%; background: var(--darker-grey); height: 60px; line-height: 60px; color: var(--lighter-grey); padding: 0 15px; border: 0; font-size: 16px; font-weight: 500; border-radius: 5px 0 0 5px }
.newsletter input.subscribe-btn { border: 0; width: 30%; height: 60px; line-height: 60px; font-weight: 500; font-size: 20px; color: var(--dark-grey); text-align: center; cursor: pointer; border-radius: 5px; text-transform: capitalize; color: var(--dark-grey); background: #cb7767; background: -moz-linear-gradient(top, #cb7767 0%, #d38979 100%); background: -webkit-linear-gradient(top, #cb7767 0%, #d38979 100%); background: linear-gradient(to bottom, #cb7767 0%, #d38979 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7767', endColorstr='#d38979', GradientType=0) }
.social { width: auto; clear: both; margin: 25px 0 0 }
.social a { width: 48px; height: 48px; border: 2px solid var(--white); display: inline-block; vertical-align: middle; text-align: center; border-radius: 5px; margin: 0 10px 0 0 }
.social a span { display: flex; align-items: center; justify-content: center; height: 100% }
.social a span img { width: 25px; height: 25px }
.social a.fb-icon:hover { background: #3b5998 }
.social a.insta-icon:hover { background: #E1306C }
.social a.linkedin-icon:hover { background: #0072b1 }
.social a.twitter-icon:hover { background: #0598e9 }
.social a.youtube-icon:hover { background: #bd0808 }
footer { width: var(--full-width); background: var(--dark-grey); padding: 50px 0 }
footer .center { display: flex; align-items: flex-start; justify-content: space-between }
footer.landing-footer .footer-block { width: 47% }
footer.landing-footer .footer-block h3 { margin: 0 0 20px; color: var(--white) }
footer.landing-footer .footer-block ul { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap }
footer.landing-footer .footer-block ul li { width: 33.33%; padding: 0 15px 0 0; margin: 0 0 10px; position: relative }
footer.landing-footer .footer-block ul li a { color: var(--white); font-weight: 500; font-size: 16px; line-height: 20px; position: relative; padding: 0 0 0 32px }
footer.landing-footer .footer-block ul li:after { position: absolute; content: ""; left: 0; top: 12px; width: 14px; height: 4px; background: var(--white) }
footer.landing-footer .footer-block ul li a:hover { color: var(--yellow) }
footer.landing-footer .footer-block ul li:hover:after { left: 5px; background: var(--yellow) }
footer.landing-footer .newsletter { width: var(--full-width); display: flex; align-items: center }
footer.landing-footer .newsletter input[type="text"] { width: 70%; background: var(--darker-grey); height: 60px; line-height: 60px; color: var(--lighter-grey); padding: 0 15px; border: 0; font-size: 16px; font-weight: 500 }
footer.landing-footer .newsletter input.subscribe-btn { border: 0; width: 30%; height: 60px; line-height: 60px; font-weight: 500; font-size: 20px; color: var(--dark-grey); text-align: center; cursor: pointer; border-radius: 5px; text-transform: capitalize; color: var(--dark-grey); background: #cb7767; background: -moz-linear-gradient(top, #cb7767 0%, #d38979 100%); background: -webkit-linear-gradient(top, #cb7767 0%, #d38979 100%); background: linear-gradient(to bottom, #cb7767 0%, #d38979 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7767', endColorstr='#d38979', GradientType=0) }
footer.landing-footer .social { width: auto; clear: both; margin: 25px 0 0 }
footer.landing-footer .social a { width: 48px; height: 48px; border: 2px solid var(--white); display: inline-block; vertical-align: middle; text-align: center; border-radius: 5px; margin: 0 10px 0 0 }
footer.landing-footer .social a span { display: flex; align-items: center; justify-content: center; height: 100% }
footer.landing-footer .social a.fb-icon:hover { background: #3b5998 }
footer.landing-footer .social a.insta-icon:hover { background: #E1306C }
footer.landing-footer .social a.linkedin-icon:hover { background: #0072b1 }
.view-more { display: flex; align-items: flex-end; justify-content: flex-end; margin: -60px 0 40px; font-weight: 300; font-size: 20px; line-height: 24px; text-align: right; color: var(--dark-grey); padding: 0 25px 0 0; background-image: url(/img/arrow-left.svg); background-repeat: no-repeat; background-position: right center; position: relative; z-index: 2 }
.view-more:hover { padding: 0 35px 0 0px }
.jobs-tabs .more-jobs { position: absolute; right: 0; top: 0; margin: 0 }
.logo-dark { display: none }
header.fixed { background: var(--white); position: fixed; top: 0; left: 0; z-index: 50 }
header.fixed .logo-dark { display: inline-block; width: 110px }
header.fixed .logo-dark img { width: 100% }
header.fixed .logo-light { display: none }
header.fixed .header-left nav ul li a, header.fixed .header-right ul li a { color: var(--dark-grey) }
header.fixed .center { padding: 10px 0 }
header.fixed .header-left nav, header.fixed .header-right ul { margin: 6px 0 0 }
.start-bttn-row { width: auto; display: flex; padding: 60px 0; flex-flow: column; flex-wrap: wrap; float: right }
.start-bttn-row p { font-weight: 500; font-size: 20px; line-height: 30px; color: rgba(236, 237, 239, 0.7); text-align: center; margin: 15px 0 }
.hidden-map { z-index: 2; border: 30px solid var(--dark-grey); background: var(--dark-grey); border-top: 0; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.25); border-radius: 0 0 5px 5px }
.hidden-map>div { overflow: hidden; border-radius: 5px }
.index_blade .hidden-map { z-index: 2; position: absolute !important; width: 100% !important }
.index_blade .hidden-map>div { overflow: hidden; border-radius: 5px; border: 0px solid var(--dark-grey); background: var(--dark-grey); border-top: 0; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.25); border-radius: 0 0 5px 5px; position: absolute !important; width: 100% !important; top: 0 !important; height: 300px !important }
.newsletter::-webkit-input-placeholder, .login-form::-webkit-input-placeholder { color: var(--light-grey) }
.newsletter::-webkit-input-placeholder, .login-form::-webkit-input-placeholder { color: var(--light-grey) }
.newsletter:-moz-placeholder, .login-form:-moz-placeholder { color: var(--light-grey); opacity: 1 }
.newsletter::-moz-placeholder, .login-form::-moz-placeholder { color: var(--light-grey); opacity: 1 }
.newsletter:-ms-input-placeholder, .login-form:-ms-input-placeholder { color: var(--light-grey) }
.newsletter::-ms-input-placeholder, .login-form::-ms-input-placeholder { color: var(--light-grey) }
.newsletter::placeholder, .login-form::placeholder { color: var(--light-grey) }
.inner-page { width: var(--full-width); background-color: var(--dark-grey); padding: 150px 0 0 }
.inner-page .about-top h1 { text-align: center; margin: 0 0 42px; color: #fff; font-size: 36px }
.about-content { width: 45%; padding: 0 0 50px }
.about-content h2 { font-size: 30px; line-height: 37px; margin: 0 0 8px }
.about-content h3 { font-size: 30px; color: var(--white); font-weight: 700; margin: 0 0 24px }
.about-content p { color: var(--white); font-weight: 300; line-height: 22px; font-size: 16px; font-weight: 500 }
.about-bottm { width: var(--full-width); background-color: var(--white); padding: 70px 0; overflow: hidden }
.about-img { width: 30%; float: right; padding: 30px; margin: -16% 0 0; position: relative }
.about-img img { width: 100%; display: block }
.about-img:after { position: absolute; content: ""; width: 100%; height: 8px; background-color: var(--orange); left: 0; top: 0 }
.about-img:before { position: absolute; content: ""; width: 100%; height: 186px; left: 0; top: 0; border-right: 8px solid var(--orange); border-left: 8px solid var(--orange) }
.about-tab { width: 65%; float: left; margin: 0 0 50px }
.inner-page-tab { }
.inner-page-tab .tabs { width: var(--full-width); margin: 0 0 40px }
.inner-page-tab .tabs li { width: auto; padding: 0px 50px 0 0; display: inline-block }
.inner-page-tab .tabs li a { font-weight: 500; font-size: 20px; line-height: 24px; color: var(--dark-grey); position: relative }
.inner-page-tab .tabs li.active a { font-weight: bold }
.inner-page-tab .tabs li.active a:before { position: absolute; content: ""; width: 100%; height: 3px; background-color: var(--dark-grey); left: 0; top: -10px }
.tabContent p { font-weight: 500; font-size: 16px; line-height: 24px; color: var(--dark-grey); margin: 0 0 30px }
.team-img-row { display: flex; align-items: center }
.team-img-row .team-img { width: 150px; text-align: center; margin: 0 30px 0 0 }
.team-img-row .team-img img { width: 150px; height: 150px; overflow: hidden; border-radius: 50%; text-align: center; border: 1px solid var(--dark-grey); margin: 0 0 10px }
.team-img-row .team-img span { font-weight: 500; font-size: 18px; line-height: 22px; color: var(--dark-grey) }
.about-top-inner { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 60px }
.about-right-image { width: 50%; padding: 0 0 0 20px; display: flex; justify-content: flex-end }
.about-right-image img { max-width: 100% }
.about-follow { float: right; width: auto }
.about-follow h3 { text-align: right; font-size: 20px; font-weight: 600; margin: 0 0 24px }
.about-follow ul { width: auto; display: flex; align-items: center; justify-content: flex-end }
.about-follow ul li { width: auto; margin: 0 0 0 16px }
.about-follow ul li a { width: 36px; height: 36px; border-radius: 5px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--dark-grey) }
.faq-section .inner-page-tab { padding-bottom: 60px; border-bottom: 2px solid rgba(236, 237, 239, 0.2) }
.dark-theme-tab>* { color: var(--white) }
.dark-theme-tab .tabs li a { color: var(--white) }
.dark-theme-tab .tabs li.active a:before { background-color: var(--white) }
.faq-content { display: none; padding: 0 10px 8px }
.faq-row { padding: 0; border: 2px solid rgba(236, 237, 239, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.faq-row:hover { border-color: var(--white) }
.faq-row:not(:last-child) { margin-bottom: 16px }
.faq-title { -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; padding: 20px; cursor: pointer; }
.faq-title h5 { font-weight: 600; font-size: 18px; line-height: 22px; color: var(--white); position: relative; padding-right: 20px; cursor: pointer }
.faq-title h5:after { content: ''; position: absolute; right: 10px; top: 6px; width: 18px; height: 10px; background: url('/img/faq-up-arow.svg'); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease }
.faq-title.active h5:after { background: url('/img/faq-down-arow.svg') }
.faq-content, .faq-content p { font-weight: 400; font-size: 16px; line-height: 30px; color: var(--white); margin: 10px 0 0 }
.faq-content p:last-of-type { margin-bottom: 0 }
.faq-content .conent-list li { list-style: disc }
@media (max-width:979px) {
	.faq-section .inner-page-tab { padding-bottom: 0; border-bottom: 0 }
}
.login-section { width: var(--full-width); display: flex; flex-wrap: wrap; height: 100vh; overflow: hidden }
.login-section:after { position: absolute; content: ""; width: var(--full-width); height: var(--full-height); left: 0; top: 0; background: rgba(48, 48, 48, 0.8) }
.login-box { width: 50%; display: flex; position: relative; align-items: center; justify-content: center; position: relative; z-index: 5 }
.login-bg-box { width: 10%; border: 2px solid var(--dark-grey) }
.login-bg-box img { width: 100%; display: block }
.inner-login { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1; width: var(--full-width); height: 100%; display: flex }
.login-section .center { text-align: center; display: flex; width: var(--full-width) }
.inner-login:after { position: absolute; content: ""; left: 0; top: 0; width: 50%; height: 100%; background: var(--dark-grey); z-index: 1; opacity: 1; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in }
.inner-login.current-login:after { left: 50% }
.login-content { padding: 30px }
.login-content h2, .login-content h1 { font-weight: bold; font-size: 60px; line-height: 73px; text-align: center; color: var(--white); text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); margin: 0 0 20px }
.member-link { font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); color: var(--white) }
.member-link:hover { color: var(--yellow) }
.login-btn { clear: both; margin: 30px auto 0; display: flex; align-items: center; justify-content: center; color: var(--white); font-weight: 700; height: 48px; line-height: 48px }
.input-text { width: 100%; height: 58px; line-height: 58px; border-radius: 5px; border: 1px solid var(--medium-grey); padding: 0 10px; background: var(--dark-grey); color: var(--light-grey); font-size: 16px }
.acnt-form { display: flex; align-items: center; justify-content: center; flex-flow: column; max-width: 530px }
.forgot_blade .signin .login-content { max-width: 530px; width: 100% }
.acnt-form h3 { color: var(--white); font-weight: bold; font-size: 24px; line-height: 33px; text-align: left; margin: 0 0 24px }
.login-form { width: 100%; text-align: left }
.login-form li { width: 100%; margin: 0 0 8px; text-align: left }
.login-form li label { font-weight: 500; font-size: 14px; line-height: 17px; color: var(--white); text-align: left; margin: 0 0 4px; display: inline-block }
.signup-btn { clear: both; color: var(--white); font-weight: 600; font-size: 18px; width: var(--full-width); margin: 15px 0 0; text-transform: none }
.login-form li p { font-size: 16px; font-weight: 400; line-height: 20px; color: var(--white) }
.login-form li p a { color: var(--orange) }
.logo-login { position: absolute; left: 0; top: 15px; z-index: 10 }
.login-content-inn.create-content { display: none }
.login-acnt { display: none }
.inner-login.current-login .login-content-inn.create-content { display: block }
.inner-login.current-login .create-acnt { display: none }
.inner-login.current-login .login-content-inn.login-text { display: none }
.inner-login.current-login .login-acnt { display: block }
.jobs-category-field { width: 52%; display: flex; align-items: center; justify-content: space-between; background: #fff; height: 60px; border-radius: 5px; padding: 0 10px }
.jobs-icon { position: relative; padding: 0 0 0 0; margin: 0 16px 0 0; cursor: pointer; width: 22px }
.jobs-icon:after { position: absolute; content: ""; right: -14px; top: 0; background: url(/img/arrow-down.svg) right center no-repeat; width: 32px; height: 100% }
.category-section { width: auto }
.category-section .category-botton { border: 1px solid var(--medium-grey); border-radius: 5px; font-weight: 500; color: var(--medium-grey); font-size: 12px; height: 30px; line-height: 30px; padding: 0 5px; background: #fff; cursor: pointer; min-width: 106px }
.category-section .category-botton.add-color { background-color: var(--dark-grey); border-color: var(--dark-grey); line-height: 26px; color: var(--white) }
.is-hidden--off-flow { opacity: 0; transition: all 0.2s ease-in-out; z-index: -10; visibility: hidden }
.is-shown--off-flow { opacity: 1; transition: all 0.2s ease-in-out; visibility: visible }
.l-modal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: 100%; margin: 0 auto; z-index: 100; text-align: center }
.l-modal__shadow { width: 100%; height: 100%; position: fixed; display: block; background: #161616; opacity: 0.92; z-index: -1; cursor: pointer }
.l-modal__body { position: relative; top: 50%; transform: translateY(-50%) }
.c-popup { display: inline-block; text-align: center; background: white; max-width: 600px; width: 100%; line-height: 1.48; padding: 16px; border-radius: 5px; z-index: 100 }
.h-img-resp { max-width: 100% }
.c-popup__note { opacity: 0.2; font-size: 1em; margin-top: 6px; margin-bottom: 60px }
.c-popup .category-option-box h5 { margin: 0 0 30px }
.category-option-box { width: var(--full-width); display: block; padding: 40px 10px 40px 40px }
.category-option-box h4 { font-weight: bold; font-size: 24px; line-height: 29px; text-align: center; display: block; color: var(--dark-grey); margin: 0 0 25px }
.choose-category { width: var(--full-width) }
.choose-category h5 { font-weight: 600; font-size: 18px; line-height: 22px; text-align: left; color: var(--dark-grey); margin: 0 0 10px }
.choose-category ul { padding: 0; overflow: hidden; overflow-y: scroll }
.choose-category ul li { width: var(--full-width); text-align: left; margin: 0 0 8px; position: relative }
.choose-category ul li input[type="checkbox"] { width: 100%; height: 92%; left: 0; top: 0; position: absolute; opacity: 0; cursor: pointer }
.choose-category ul li a { width: auto; color: var(--dark-grey); padding: 5px 12px; display: inline-block; font-weight: 500; font-size: 14px; line-height: 17px; border: 1px solid var(--dark-grey); border-radius: 5px }
.choose-category ul li a:hover, .choose-category ul li input[type="checkbox"]:checked+a { background: #ECEDEF }
.find-content input[type="text"].category-search-field { border: 0; width: 100%; padding: 0; font-weight: 500; font-size: 14px; line-height: 17px; color: var(--dark-grey); padding: 0 10px }
.onmap-btn { position: relative; text-align: left; padding: 0 0 0 77px }
.onmap-btn:after { position: absolute; content: ""; left: 44px; top: 0; background: url(/img/onmap-icon-w.svg) 0 center no-repeat; width: 28px; height: 100% }
.scrollbar::-webkit-scrollbar { background-color: #fff; width: 12px }
.scrollbar::-webkit-scrollbar-track { background-color: #fff }
.scrollbar::-webkit-scrollbar-track:hover { background-color: #fff }
.scrollbar::-webkit-scrollbar-thumb { background-color: #303030; border-radius: 16px; border: 1px solid #fff; min-height: 50px }
.scrollbar::-webkit-scrollbar-thumb:hover { background-color: #a0a0a5; border: 1px solid #fff }
.scrollbar::-webkit-scrollbar-button { display: none }
.scrollbar { height: 250px; width: 100%; min-width: 100%; background: #fff; overflow-y: auto; margin: 0 0 40px }
.close { position: absolute; right: 15px; top: 15px }
.closes { position: absolute; right: 15px; top: 15px }
.closess { position: absolute; right: 15px; top: 15px }
.close-apply { position: absolute; right: 15px; top: 15px }
.save-btn { min-width: 155px; height: 40px; font-weight: 500; font-size: 18px; color: var(--white); line-height: 40px }
.login-form li { position: relative }
.login-form li span.password-close-eye { background: url(/img/eye-hide-login.svg) 97% center no-repeat; position: absolute; right: 12px; top: 42px; width: 30px; height: 20px; cursor: pointer }
.login-form li span.password-close-eye.password-open-eye { background: url(/img/eye-show-login.svg) 97% center no-repeat }
.login-form li input[type="password"], .login-form li input[type="text"], .login-form li input[type="email"] { padding: 0 50px 0 10px; background-color: var(--dark-grey); width: 100%; height: 48px; line-height: 48px; border-radius: 5px; border: 1px solid var(--medium-grey); background: var(--dark-grey); color: var(--light-grey); font-size: 14px }
.login-form li input[type="text"] { padding: 0 10px 0 10px }
.forgot-pass { color: var(--white); text-align: right; font-size: 14px; float: right; margin: 6px 0 }
.forgot-pass:hover { color: var(--yellow) }
.choose-category .filter-category { display: flex; flex-wrap: wrap }
.l-modal .choose-category .filter-category { display: flex; flex-wrap: wrap; height: 100%; max-height: 100px; overflow: hidden; overflow-y: auto; margin: 0 0 20px }
.choose-category .filter-category li { width: auto !important; margin: 0 10px 10px 0 !important; list-style: none }
.choose-category .filter-category li a { border: 0; padding: 2px 10px; color: var(--dark-grey); background-color: var(--light-grey); border-radius: 20px; font-size: 16px; display: flex; align-items: center }
.choose-category .filter-category li a:hover { text-decoration: none }
.choose-category ul li.checked a { background: #ECEDEF }
.choose-category .filter-category li a img { width: 28px; padding: 4px }
.login-form li.remember_me input { padding: 0; height: initial; width: initial; margin-bottom: 0; cursor: pointer; position: absolute; width: 20px; height: 20px; opacity: 0; z-index: 100 }
.login-form li.remember_me label { position: relative; cursor: pointer; font-size: 16px; font-weight: 500 }
.login-form li.remember_me label:before { content: ''; -webkit-appearance: none; background-color: transparent; padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; width: 20px; height: 20px; background-color: var(--white); border-radius: 50% }
.login-form li.remember_me input:checked+label:after { content: ''; display: block; position: absolute; top: 3px; left: 8px; width: 5px; height: 12px; border: solid var(--dark-grey); border-width: 0 2px 2px 0; transform: rotate(45deg) }
.fixed-header { width: var(--full-width); background: var(--dark-grey); padding: 8px 16px; position: fixed; top: 0; left: 0; z-index: 11 }
.fixed-header .center { display: flex; align-items: center; justify-content: space-between }
.fixed-header .header-l { width: auto; display: flex; align-items: center; justify-content: space-between }
.fixed-header .header-r { width: auto; display: flex; align-items: center; justify-content: space-between }
.fixed-header .fixed-header-logo { height: 52px }
.fixed-header .fixed-header-logo img { width: 105px }
.fixed-header .header-l nav { width: auto; margin: 16px 0 0; padding: 0; position: relative; z-index: 2 }
.fixed-header .header-l nav ul li { width: auto; display: inline-block; padding: 0 0 0 50px }
.fixed-header .header-l nav ul li a { width: auto; display: inline-block; color: var(--light-grey); font-size: 18px; font-weight: 400 }
.fixed-header .header-l nav ul li a:hover, .fixed-header .header-l nav ul li a.active { color: var(--orange) }
.fixed-header .header-l nav ul li a.active { font-weight: 500 }
.fixed-header .header-r ul { width: auto; margin: 0; position: relative }
.fixed-header .header-r ul li { width: auto; display: inline-block; padding: 0 0 0 50px }
.fixed-header .header-r ul li a { width: auto; display: inline-block; color: var(--white); font-size: 16px; font-weight: 600 }
.fixed-header .header-r ul li a:hover { color: var(--orange) }
.inner-page-content { width: var(--full-width); position: relative; padding: 110px 0 0 0 }
.process_blade .inner-page-content { padding: 80px 0 0 0 }
.inner-page-content .center { padding: 62px 7% 0 }
.search-result-page { width: var(--full-width); display: flex; justify-content: space-between }
aside { width: 26%; border-radius: 5px; padding: 20px 0; border-radius: 5px }
.main-inner { width: 71% }
.result-list { width: var(--full-width); display: block; margin: 0 }
.result-list li { margin: 0; position: relative; padding: 0; width: var(--full-width); clear: both; padding: 24px 16px; background-color: var(--dark-grey); color: var(--white); border-radius: 5px; margin: 0 0 16px }
.result-list li h3 { font-weight: 600; font-size: 20px; line-height: 24px; text-align: left; margin: 0 0 10px; color: var(--white); display: flex; align-items: center; padding: 0 85px 0 0; word-break: break-word }
.result-list li h3 img { margin: 0 8px 0 0 }
.result-list li .rate-addres { display: flex; align-items: center; margin: 0 0 25px; width: auto }
.result-list li .rate-addres .rate-addres-inner { display: flex; align-items: center; width: auto }
.result-list li .rate-addres p { width: auto; font-weight: normal; font-size: 14px; line-height: 17px; display: flex; align-items: center; margin: 0 40px 0 0 }
.result-list li .rate-addres p:first-child img, .result-list li .rate-addres p:nth-child(2) img, .result-list li .rate-addres p:nth-child(4) img { width: 25px }
.result-list li .rate-addres p:nth-child(4) img { width: 16px }
.result_blade .result-employee-section.result-list li .rate-addres p:nth-child(2) img { width: 14px }
.result_blade .result-employee-section.result-list li .rate-addres p:nth-child(2) { display: flex; align-items: flex-start }
.result-list li .rate-addres p img { margin: 0 8px 0 0; width: 14px }
.result-list li .rate-addres p:last-child { width: 270px; margin-right: 0 }
.result-list li p { width: 100%; word-break: break-word; display: block; font-weight: normal; font-size: 16px; line-height: 20px; margin: 0 0 30px }
p.job-address>img { margin: 2px 3px -2px 0; width: 14px }
.bottom-row { display: flex; align-items: center; margin: 16px 0 0 }
.profile-info { width: auto; display: flex; align-items: center; margin: 0 40px 0 0 }
.profile-info span.pro-name { margin: 0 0 0 8px; font-weight: 500; font-size: 16px; line-height: 20px; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.profile-info span.pro-name a { color: var(--white); font-weight: 500; font-size: 16px; line-height: 20px }
.pro-img { width: 40px; height: 40px; overflow: hidden; border: 1px solid var(--lighter-grey); padding: 3px; border-radius: 50% }
.pro-img img { width: 100%; height: 100%; border-radius: 50% }
.employer_current_jobs_blade .pro-img { background-color: transparent }
.rating { font-weight: 500; font-size: 16px; margin: 0 0 0 8px }
.rating span { font-size: 14px; font-weight: 300 }
.profile-info label { font-weight: 500; font-size: 12px; margin: 0 0 0 8px }
.result-list li .button-row { display: flex; justify-content: flex-end; width: calc(100% - 58%) }
.result-list li .button-row .view-btn { justify-content: right; float: right; height: 40px; line-height: 40px; color: var(--white); min-width: 155px; position: absolute; right: 20px; bottom: 20px; text-transform: none; margin: 0 }
.aside-box { width: var(--full-width); padding: 0; border-bottom: 1px solid #D2D2D2; margin: 0 0 24px }
.aside-box.border-none { border-bottom: 0 !important }
.aside-box h2 { font-weight: 800; font-size: 20px; line-height: 24px; color: var(--dark-grey); margin: 0 0 20px }
.aside-box .input-text { border: 1px solid var(--medium-grey); background-color: var(--white); height: 45px; color: var(--dark-grey); line-height: 1 }
.aside-box h4 { font-weight: 700; font-size: 18px; line-height: 22px; color: var(--dark-grey); margin: 0 0 20px }
.add-category { position: relative; padding: 0px 0 10px }
.add-category .categoryList ul.cat-ul { background: var(--white); padding: 15px; border-radius: 5px; height: 100%; max-height: 300px; overflow: hidden; overflow-y: auto; box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.2); margin: 8px 0 0 }
.add-category .categoryList ul.cat-ul li { font-size: 16px !important; font-weight: 600 !important; border: 0 !important }
.add-category .categoryList ul.cat-ul ul li { display: flex; align-items: center; font-size: 14px !important; font-weight: 400 !important; border: 0 !important }
.add-category .categoryList ul.cat-ul ul li input[type="checkbox"] { margin: 0 8px 0 0 }
.add-category .categoryList ul.cat-ul .category-ato-footer { width: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; font-size: 14px; font-weight: 500 }
.add-category .categoryList ul.cat-ul .category-ato-footer .request_a_new_category { font-weight: 600; color: var(--orange); font-size: 16px; cursor: pointer }
.add-category .categoryList ul.cat-ul .category-ato-footer .request_a_new_category:hover { color: var(--light-orange) }
span.add-icon { background: url(/img/add-icon.svg) 0 0 no-repeat; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 16px; height: 16px; cursor: pointer }
.open-eye { background: url(/img/accordion-down-arrow.svg) 97% center no-repeat; width: 30px; height: 20px; cursor: pointer }
.close-eye { background: url(/img/accordion-up-arrow.svg) 97% center no-repeat; width: 30px; height: 20px; cursor: pointer }
.open-eye { background: url(/img/accordion-down-arrow.svg) 97% center no-repeat; width: 30px; height: 20px; cursor: pointer }
.aside-box .select { width: 100%; height: 45px; border: 1px solid var(--dark-grey); border-radius: 5px }
.aside-box .select .selectBtn { height: 40px; line-height: 45px }
.aside-box .select .selectDropdown { top: 110%; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16); border-radius: 5px; padding: 10px 0; z-index: 10 !important }
.aside-box .select .selectDropdown .option { padding: 4px 10px; font-size: 14px; font-weight: 400 }
.aside-box .select .selectDropdown h5 { padding: 5px 10px; font-size: 16px; font-weight: 600 }
.noUi-target { cursor: pointer }
.noUi-target:focus { outline: none }
.noUi-horizontal { height: 5px }
.noUi-connect { background: var(--orange) }
.noUi-base { background: #fff; height: 5px }
.noUi-horizontal .noUi-handle { top: -6px; right: -15px; width: 10px; height: 10px; background: var(--orange); border: 5px solid var(--white); border-radius: 5px; box-shadow: unset; cursor: pointer; transition: transform 0.1s }
.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after { content: none }
.noUi-horizontal .noUi-handle:hover { transform: scale(1.1) }
.filter { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0 25px }
.filter__label { position: relative; cursor: pointer; width: 45% }
.filter__label>span { position: absolute; color: var(--medium-grey-xl); font-size: 14px; font-weight: 300; left: 10px; top: 5px }
.fliter-range { display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative }
.fliter-range:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: transparent; display: none }
.filter__label:last-child .filter__input { text-align: right }
.filter__input { height: 35px; border-radius: 5px; padding: 0 10px 0 46px; background: transparent; width: 100%; font-size: 16px; font-weight: 600; border: 1px solid var(--medium-grey); text-align: right }
.filter__input:focus { border: 1px solid var(--dark-grey) }
.filter__slider-price { width: 100%; margin: 20px 5px 0 }
.location-map { width: 100%; border-radius: 5px; overflow: hidden; margin: 0 0 16px }
.location-map img { width: 100% }
.location-address { width: var(--full-width); position: relative; margin: 0 0 14px }
.location-address span { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 10px }
.location-address span.address-img { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 10px; background-color: var(--dark-grey); border-radius: 5px; width: 35px; height: 35px; background-image: url(/img/location-icon-new.svg); background-repeat: no-repeat; background-position: center center }
.location-address span.address-img img { display: none }
.location-address .input-text { padding: 0 48px 0 10px }
.aside-box:last-child { border: 0 }
.floating-button-row { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 40px 0 0 0 }
.clear-all { font-weight: normal; font-size: 18px; line-height: 22px; color: var(--dark-grey) }
.clear-all:hover { text-decoration: underline }
.apply-btn { float: right; height: 40px; line-height: 36px; color: var(--white); min-width: 155px; background: var(--dark-grey) }
.back-to-top { display: none; position: fixed; bottom: 110px; right: 40px; width: 64px; height: 64px; cursor: pointer; box-shadow: 0 0 6px 0px #252222; border-radius: 50%; z-index: 100000 }
.floating-button-row .clear-all { position: absolute; top: 0; right: 0 }
.search-bar { width: auto; padding: 0; position: relative; z-index: 2; margin: 0 0 0 30px; display: flex; align-items: center }
.search-bar .jobs-category-field { width: auto; height: 45px; position: relative }
.search-bar .jobs-category-field .category-search-field { width: 350px; padding: 0 12px 0 12px; height: 30px }
.search-bar .jobs-category-field .category-section { width: auto; margin: 0 0 0 10px }
.search-bar .jobs-category-field .search-map { display: flex; align-items: center; font-size: 14px; font-weight: 500; padding: 0px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; position: absolute; top: 8px; right: 5px; overflow: hidden; cursor: pointer }
.search-bar .jobs-category-field .search-map:after { position: absolute; content: ""; left: 28px; top: 0; width: 30px; height: 30px; background: url(/img/map-icon.svg) 0 center no-repeat }
.search-bar .jobs-category-field .search-map span { opacity: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; padding: 2px 0 0 0 }
.search-bar .jobs-category-field .search-map:hover span { opacity: 1; padding: 2px 0 0 28px }
.search-bar .jobs-category-field .search-map:hover:after { left: 0px }
.search-find-btn { height: 45px; line-height: 45px; color: var(--white); min-width: 120px; margin: 0 0 0 8px }
.advance-search { font-weight: 500; color: var(--medium-grey-xl); margin: 0 0 0 15px; background-image: url(/img/advance-search-icon-grey.svg); background-repeat: no-repeat; background-position: 0 center; font-size: 0; width: auto; height: 26px; padding: 0 0px 0 32px; position: relative }
.advance-search span { position: absolute; top: 36px; left: -8px; font-size: 14px; color: var(--orange); width: 145px; background-color: var(--darkest-grey); border-radius: 5px; padding: 3px 10px; opacity: 0 }
.advance-search span:after { content: ''; display: block; position: absolute; left: 10px; bottom: 100%; width: 0; height: 0; border-bottom: 10px solid var(--darkest-grey); border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent }
.advance-search:hover { background-image: url(/img/advance-search-icon-white.svg) }
.advance-search:hover span { opacity: 1 }
.fixed-header .header-r ul.after-login-header { display: flex; align-items: center; margin: 0 }
.fixed-header .header-r ul.after-login-header li { padding: 0 0 0 0; margin: 0 30px 0 0; position: relative; z-index: 10 }
.fixed-header .header-r ul.after-login-header li.notification-link.msg-link>a>img { width: 25px; margin: 0px 0 0; height: 40px }
.fixed-header .header-r ul.after-login-header li:last-child { margin: 0 }
.fixed-header .header-r ul.after-login-header li.links .view-btn { height: 42px; line-height: 42px; font-weight: 500; color: var(--white); border: 1px solid #C4C4C4; min-width: auto; padding: 0 16px; background-color: transparent }
.fixed-header .header-r ul.after-login-header li.links .view-btn:hover { border-color: var(--yellow); color: var(--yellow) }
.fixed-header .header-r ul.after-login-header li.links #dashboard2 .view-btn:hover { border-color: var(--green); color: var(--green) }
.fixed-header .header-r ul.after-login-header li ul.sub-menu { display: block !important; position: absolute; width: 240px; left: 0; top: 60px; padding: 10px 0; background: var(--darker-grey); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; z-index: 14 }
.fixed-header .header-r ul.after-login-header li:hover ul.sub-menu { opacity: 1; visibility: visible; top: 36px }
.fixed-header .header-r ul.after-login-header li ul.sub-menu li { width: var(--full-width); padding: 0 }
.fixed-header .header-r ul.after-login-header li ul.sub-menu li a { width: var(--full-width); font-size: 16px; font-weight: 500; color: var(--white); line-height: 35px; padding: 0 16px }
.fixed-header .header-r ul.after-login-header li ul.sub-menu li a:hover { background: var(--dark-grey) }
.fixed-header .header-r ul.after-login-header li ul.sub-menu:after { content: " "; position: absolute; left: 20px; top: -10px; border-top: none; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid var(--darker-grey) }
.fixed-header .header-r ul.after-login-header li .tooltip { position: absolute; width: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 60px; padding: 4px 20px; background: var(--darker-grey); border-radius: 5px; opacity: 0; font-size: 16px; font-weight: 500; color: var(--white); visibility: hidden; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.fixed-header .header-r ul.after-login-header li:hover .tooltip { opacity: 1; visibility: visible; top: 38px }
.fixed-header .header-r ul.after-login-header li .tooltip:after { content: " "; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); -webkit-transform: translateX(-50%); border-top: none; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid var(--darker-grey) }
.fixed-header .header-r ul li a.profile-icon { width: 58px; height: 58px; border: 2px solid var(--light-grey); overflow: hidden; border-radius: 50%; padding: 3px }
.fixed-header .header-r ul li a.profile-icon img { width: 100%; height: 100% }
.fixed-header .header-r ul li.link-profile .profile-submenu { position: absolute; width: 270px; right: 0; top: 100px; padding: 10px 0; background: var(--darker-grey); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.fixed-header .header-r ul li.link-profile.selected .profile-submenu { opacity: 1; visibility: visible; top: 79px }
.fixed-header .header-r ul li.link-profile .profile-submenu:after { content: " "; position: absolute; right: 20px; top: -10px; border-top: none; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid var(--darker-grey) }
.fixed-header .header-r ul li.link-profile ul { padding: 0; text-align: left; width: var(--full-width) }
.fixed-header .header-r ul li.link-profile ul li { width: var(--full-width); margin: 0 }
.fixed-header .header-r ul li.link-profile ul li.blog_link_menu { border-top: 1px solid var(--medium-grey-xl) }
.fixed-header .header-r ul li.link-profile ul li a { width: var(--full-width); font-size: 16px; font-weight: 500; line-height: 40px; padding: 0 16px; color: var(--white); display: flex; align-items: center; justify-content: space-between }
.fixed-header .header-r ul li.link-profile ul li a:hover { background-color: var(--dark-grey) }
.fixed-header .header-r ul li.link-profile ul li:last-child { margin: 4px 0 0; border-top: 1px solid var(--medium-grey-xl) }
.fixed-header .header-r ul li.link-profile .profile-info { display: flex; align-items: center; justify-content: flex-end; width: var(--full-width); padding: 10px 16px 20px; border-bottom: 1px solid var(--medium-grey-xl); position: relative }
.fixed-header .header-r ul li.link-profile .profile-info .pro-name { width: auto; margin: 0 0 0 0; padding: 0 64px 0 0; text-align: right }
.fixed-header .header-r ul li.link-profile .profile-info .pro-name span { font-weight: 600; font-size: 16px; line-height: 19px; text-align: right; color: var(--white); display: inline-block; word-break: break-word }
.fixed-header .header-r ul li.link-profile .profile-info .pro-name p { font-weight: 300; font-size: 12px; line-height: 15px; text-align: right; color: var(--white) }
.fixed-header .header-r ul li.link-profile .profile-info .pro-imgs { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: 1px solid var(--yellow); padding: 0; position: absolute; right: 16px }
.fixed-header .header-r ul li.link-profile .profile-info .pro-imgs img { width: 100%; height: 100%; border: 0 }
.search-result-tab .tabs { display: flex; align-items: center; margin: -16px 0 0; background: var(--light-grey); border-radius: 5px }
.search-result-tab .tabs li { width: 50%; text-align: center }
.search-result-tab .tabs li a { width: var(--full-width); height: 50px; font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; border-radius: 5px; color: var(--dark-grey); width: 100%; display: flex; align-items: center; justify-content: center }
.search-result-tab .tabs li.active a { background: #51ad8d; background: -moz-linear-gradient(top, #51ad8d 0%, #389574 100%); background: -webkit-linear-gradient(top, #51ad8d 0%, #389574 100%); background: linear-gradient(to bottom, #51ad8d 0%, #389574 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ad8d', endColorstr='#389574', GradientType=0); color: var(--white); font-size: 18px; font-weight: 600 }
.search-result-tab .tabs li.active:first-child a { color: var(--dark-grey); background: #f4c366; background: -moz-linear-gradient(top, #f4c366 0%, #e2ae4b 100%); background: -webkit-linear-gradient(top, #f4c366 0%, #e2ae4b 100%); background: linear-gradient(to bottom, #f4c366 0%, #e2ae4b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4c366', endColorstr='#e2ae4b', GradientType=0) }
.search-result-tab .tabContainer { padding: 20px 0 0 }
.sortby-row { width: var(--full-width); display: flex; align-items: center; justify-content: flex-end; margin: 0 0 20px }
.sortby-btn { width: 170px; position: relative; margin: 0 0 0 20px }
.sortby-icon { width: 170px; background: url(/img/sortby-icon.svg) 94% center no-repeat; padding: 6px 20px; display: inline-block; font-size: 16px; color: var(--dark-grey); border-radius: 5px }
.sortby-list { position: absolute; width: 170px; border-radius: 0 0 5px 5px; top: 32px; right: 0; background: var(--white); opacity: 0; visibility: hidden; z-index: 1; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16) }
.sortby-btn.open>a.sortby-icon { background-color: #fff; border-radius: 5px 5px 0 0; padding: 6px 15px; width: 170px; display: inline-block; font-weight: 500 }
.sortby-list li { width: var(--full-width); display: block }
.sortby-list li a { width: var(--full-width); display: block; line-height: 35px; font-weight: normal; font-size: 14px; color: var(--black); text-align: left; padding: 0 18px }
.sortby-list li a:hover { background: var(--light-grey) }
.sortby-btn.open .sortby-list { visibility: visible; opacity: 1 }
.inner-page-content.profile-home-inner { margin: 30px 0 0 0; padding: 0 }
.inner-page-content.profile-home-inner .center { padding: 0 7% }
.inner-page-content.profile-home-inner .search-result-page { padding: 50px 0 0 }
.welcome-profile { background-color: var(--dark-grey); width: var(--full-wifth); padding: 30px 0; margin: 75px 0 0; border-top: 2px solid var(--white) }
.welcome-profile .center { padding: 0 7% }
.profile-row { display: flex; justify-content: space-between; margin: 0 0 20px }
.profile-statements { width: 27%; background-color: var(--darkest-grey); padding: 18px; display: flex; align-items: center; border-radius: 5px }
.profile-statements .profile-name { width: auto; text-align: left; margin: 0 0 0 22px }
.profile-statements .profile-name h5 { font-weight: 800; font-size: 20px; line-height: 24px; color: var(--white); word-break: break-word }
.profile-statements .profile-name p { font-weight: 500; font-size: 14px; line-height: 17px; color: var(--white) }
.profile-statements .profile-name a { font-weight: bold; font-size: 14px; line-height: 17px; color: var(--orange) }
.profile-loged { width: 18%; background-color: var(--darkest-grey); padding: 12px; display: flex; align-items: center; justify-content: center; border-radius: 5px; flex-flow: column }
.profile-loged p { font-weight: 500; font-size: 14px; line-height: 22px; color: var(--white); text-align: center; margin: 0 0 10px }
.profile-loged>a.bttn { height: 36px; line-height: 36px; font-size: 16px; min-width: 100% }
.profile-loged p span { color: var(--green) }
.profile-infos { display: flex; justify-content: space-between; width: 52% }
.profile-infos .infos-box { width: 18%; border-radius: 5px; background: linear-gradient(180deg, #FCFCFC 0%, #D1D1D1 100%); display: flex; align-items: center; justify-content: center; flex-flow: column }
.profile-infos .infos-box a { width: 100%; height: 100%; padding: 20px }
.profile-infos .infos-box span { font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; color: var(--darkest-grey); width: 100%; display: block }
.profile-infos .infos-box h2 { font-weight: bold; font-size: 40px; line-height: 49px; text-align: center; color: var(--darkest-grey) }
.profile-methods { background-color: var(--darkest-grey); padding: 0; display: flex; flex-flow: column; justify-content: center; align-items: center; border-radius: 5px; width: 15.5%; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.profile-methods a { font-weight: 600; font-size: 18px; line-height: 22px; text-align: center; color: var(--white); margin: 0 0 0; display: flex; flex-flow: column; justify-content: center; align-items: center; padding: 22px; width: 100% }
.profile-methods a img { margin: 0 0 12px }
.profile-methods:hover a { color: var(--green) }
.dashboard_employer_blade .profile-methods:hover a { color: var(--yellow) }
.profile-methods:hover { background-color: var(--black) }
.verefication-level { background-color: var(--dark-grey); border-radius: 5px; padding: 22px; margin: 0 0 20px }
.verefication-level h4 { color: var(--white); width: var(--full-width); margin: 0 0 8px }
.verefication-row { display: flex; justify-content: space-between; align-items: center }
.verefication-row .verefication-content { width: 35%; font-weight: 400; font-size: 14px; line-height: 20px; color: var(--white); padding: 0 10px 0 0 }
.verefication-steps { width: 65%; display: flex; align-items: center; justify-content: space-between }
.verified-steps { width: 40%; display: flex; background-color: var(--darkest-grey); border-radius: 5px; border: 2px solid var(--green); padding: 10px }
.verified-steps .steps { position: relative; padding: 8px 0; display: flex; align-items: center; justify-content: center; flex-flow: column; border-left: 1px solid #7A7A7A; width: 33.33% }
.verified-steps .steps:first-child { border: 0 }
.verified-steps .steps h3 { display: flex; align-items: center; color: var(--lighter-grey); height: 50px }
.verified-steps .steps h3 img { margin: 0 0 0 10px }
.verified-steps .steps span { text-align: center; font-weight: 600; font-size: 12px; line-height: 15px; color: var(--lighter-grey); min-height: 45px }
.active-step { width: 18%; display: flex; flex-flow: column; align-items: center; justify-content: center; background: linear-gradient(180deg, #FCFCFC 0%, #D1D1D1 100%); border-radius: 5px; padding: 16px 12px; min-height: 140px }
.active-step a { display: flex; flex-flow: column; align-items: center; justify-content: center; width: 100% }
.active-step h3 { display: flex; align-items: center; color: var(--dark-grey); line-height: 30px }
.active-step span { text-align: center; font-weight: 600; font-size: 12px; line-height: 15px; color: var(--dark-grey) }
.active-step p { text-align: center; font-weight: 400; font-size: 12px; line-height: 15px; color: #545454; margin: 8px 0 0 0 }
.upcomming-steps { width: 40%; display: flex; background-color: var(--darkest-grey); border-radius: 5px; border: 0px solid var(--green); padding: 10px }
.upcomming-steps .steps { position: relative; padding: 8px 0; display: flex; align-items: center; justify-content: center; flex-flow: column; border-left: 1px solid #7A7A7A; width: 33.33% }
.upcomming-steps .steps:first-child { border: 0 }
.upcomming-steps .steps h3 { display: flex; align-items: center; color: var(--lighter-grey); height: 50px }
.upcomming-steps .steps h3 img { margin: 0 0 0 10px }
.upcomming-steps .steps span { text-align: center; font-weight: 600; font-size: 12px; line-height: 15px; color: var(--lighter-grey); padding: 0 0 8px }
.upcomming-steps .steps p { position: absolute; bottom: 0; width: var(--full-width); text-align: center; font-weight: 400; font-size: 12px; line-height: 15px; color: #545454; margin: 0 }
.active-step span, .upcomming-steps .steps span, .verified-steps .steps span { height: 55px }
section { width: var(--full-width); padding: 0 0 40px }
.provide-service { position: relative }
.provide-service h4 { font-weight: 600; margin: 0 0 16px }
.dashboard_blade .provide-service h4, .employee_edit_profile_blade .provide-service h4 { display: flex; align-items: center }
.profile_employee_blade .provide-service h4 { display: flex; align-items: center; flex-flow: row }
.provide-service-row { width: var(--full-width); position: relative; display: flex; justify-content: space-between }
.provide-service-row .new-provide { width: 20%; background-color: var(--green); border-radius: 5px; display: flex; min-height: 160px; margin: 0 12px 0 0 }
.provide-service-row .new-provide a { display: flex; flex-flow: column; justify-content: center; font-weight: 600; font-size: 14px; line-height: 17px; text-align: center; color: var(--white); padding: 40px; width: var(--full-width) }
.provide-service-row .new-provide a img { width: 25px; height: 25px; margin: 0 auto 5px }
.provide-service-row .new-provide a span { font-weight: 600; font-size: 14px; line-height: 17px; margin: 5px 0 0 }
.right-slider { width: 81% }
.provide-slider { display: flex; justify-content: space-between }
.provider-box { padding: 10px; background-color: var(--dark-grey); width: 24%; border-radius: 5px }
.provider-box p { font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; color: var(--white); width: var(--full-width); display: flex; align-items: center; justify-content: center; height: 70px; margin: 0 0 12px }
.provider-box .provides { display: flex; justify-content: center; align-items: center; padding: 10px 0 10px; min-height: 55px; overflow: hidden }
.provider-box .provides img { display: none }
.provider-box .provides img:nth-child(1), .provider-box .provides img:nth-child(2) { display: block }
.provider-box .provides img { margin: 0 10px; width: 25px }
.provider-box .provides .count { width: auto; font-weight: 600; font-size: 16px; line-height: 10px; color: var(--white) }
.provider-box .provides .count span { width: var(--full-width); color: var(--white); font-size: 11px; margin: 0 }
.provider-box span.sub-text { font-weight: normal; font-size: 12px; line-height: 15px; text-align: center; color: var(--white); width: var(--full-width); display: flex; align-items: center; justify-content: center; height: 60px }
.provider-box .promotion-btn { width: var(--full-width); border-radius: 5px; border: 1px solid var(--white); line-height: 35px; font-weight: 500; font-size: 14px; text-align: center; color: var(--white); display: block }
.provider-box .promotion-btn:hover { background-color: var(--green) }
.suggest-category-row { width: var(--full-width) }
.suggest-category-row ul { display: flex; justify-content: space-between }
.suggest-category-row ul li { position: relative; width: 19%; border-radius: 5px }
.suggest-category-row ul li .category-imgs { width: var(--full-width); height: var(--full-height); border-radius: 5px; overflow: hidden; position: relative; display: block }
.suggest-category-row ul li .category-imgs img { width: var(--full-width); border-radius: 5px; display: block }
.suggest-category-row ul li .category-imgs span.category-title { position: absolute; bottom: 0; left: 0; width: var(--full-width); padding: 12px 10px; font-weight: 600; font-size: 14px; line-height: 17px; color: var(--white); background: linear-gradient(180deg, rgba(48, 48, 48, 0) 70.83%, rgba(48, 48, 48, 0.8) 92.71%); height: 100%; display: flex; align-items: flex-end }
.suggest-category-row ul li .category-count { position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 18px; line-height: 22px; color: var(--white); background-color: var(--green); border-radius: 50% }
.employee-result h4 { font-weight: 600; margin: 0 0 -27px }
.sugested_profile_jobs { font-weight: 600; margin: 0 0 -27px; font-size: 20px; line-height: 24px; color: var(--dark-grey) }
.favourites { position: absolute; right: 8px; top: 26px; display: flex; align-items: center; width: auto; font-weight: 600; font-size: 18px; line-height: 22px; color: var(--green); text-align: right }
.favourites a { width: auto; margin: 0 10px }
.profile-loged p span.yellow { color: var(--yellow) }
.start-job-bg { width: var(--full-width); background: url(/img/start-job-employer-bg.svg) 0 0 no-repeat; height: 160px; border-radius: 5px; margin: 30px 0 0; position: relative; display: flex; align-items: flex-start; flex-flow: column; justify-content: center; padding: 0 44px; overflow: hidden; background-size: cover }
.start-job-bg h2 { font-size: 34px; line-height: 41px; font-weight: 700; color: var(--dark-grey); margin: 0 0 0; text-align: left }
.start-job-bg p { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; width: 100% }
.hand-img { position: absolute; left: 15%; bottom: 0; width: 200px }
.startjob-bttn { font-weight: 600; font-size: 20px; text-align: center; color: var(--dark-grey); border-radius: 5px; background-color: var(--white); height: 50px; line-height: 50px; margin: 0 auto 10px; min-width: 240px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15) }
.startjob-bttn:hover { background-color: var(--dark-grey); color: var(--white) }
.employer-result-page { width: var(--full-width) }
.results-row { width: var(--full-width); margin: 0 0 32px; position: relative }
.results-row ul li:nth-child(even) { background-color: var(--light-grey) }
.results-row ul li { margin: 15px 0 }
.results-row h4 { margin: 0 0 16px; display: flex; align-items: center; justify-content: space-between }
.results-row h4 span { display: flex; align-items: center }
.results-row h4 a { font-weight: normal; font-size: 16px; line-height: 20px; color: var(--dark-grey) }
.results-row h4 span>a { font-weight: bold }
.create-results-box { width: var(--full-width); background-color: var(--light-grey); border-radius: 5px; padding: 30px; display: flex; align-items: center; justify-content: center; flex-flow: column }
.create-results-box p { font-weight: 500; font-size: 20px; line-height: 24px; margin: 0 0 24px; text-align: center }
.create-post-bttn { min-width: 258px; height: 50px; line-height: 50px; background-color: var(--light-orange); font-weight: 600; font-size: 20px; text-align: center; border-radius: 5px; color: var(--white); cursor: pointer }
.create-post-bttn:hover { background-color: var(--yellow); color: var(--dark-grey) }
.suggest-profile-row { display: flex; justify-content: space-between; flex-wrap: wrap }
.suggest-profile-box { width: 16%; margin: 0 0 10px; padding: 18px 22px; border-radius: 5px; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.suggest-profile-box:hover { background-color: var(--light-grey) }
.suggest-profile-box:hover .suggest-img { border-color: var(--white) }
.suggest-profile-box .suggest-img { width: 140px; height: 140px; border-radius: 50%; overflow: hidden; border: 2px solid var(--light-grey); position: relative; padding: 3px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.suggest-profile-box .suggest-img img { width: 100%; height: 100%; position: relative; z-index: 5; border-radius: 50% }
.sugg-pro-info { display: flex; flex-flow: column; align-items: center; margin: 10px 0 0; text-align: center }
.sugg-pro-info h6 { font-weight: 600; font-size: 20px; line-height: 25px; text-align: center; margin: 0 0 8px; color: var(--dark-grey) }
.sugg-pro-info span { font-weight: 400; font-size: 14px; line-height: 18px; display: block; text-align: center; margin: 0 0 8px; color: var(--dark-grey) }
.sugg-pro-info span a { font-weight: 400; color: var(--dark-grey) }
.sugg-pro-info a label { font-size: 18px; font-weight: 600 }
.sugg-pro-info p { font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; margin: 0 0 5px; color: var(--dark-grey) }
.verification-round { position: absolute; top: 0%; right: 0px; width: 50%; height: 50%; background: var(--green) }
.inner-footer { width: var(--full-width); background-color: var(--dark-grey); padding: 45px; clear: both }
.inner-page-content.profile-home-inner.employer-home { margin: 0 }
.employer-home .result-list li .button-row { width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 16px 0 0 }
.employer-home .result-list li .button-row span { font-size: 16px; color: var(--white) }
.employer-home .result-list li .button-row .employer-job-post .promote-btn { border: 1px solid var(--light-grey); background-color: transparent; line-height: 36px }
.results-row h4 a.advnce-search { display: flex; align-items: center }
.results-row h4 a.advnce-search img { margin: 0 0 0 14px }
footer.inner-footer .center { display: flex; align-items: flex-start; justify-content: space-between }
.footer-block { width: 15% }
.footer-block h5 { color: var(--orange); margin: 0 0 18px; text-transform: uppercase }
.footer-block ul { padding: 0; width: var(--full-width) }
.footer-block ul li { padding: 0; width: var(--full-width); padding: 0 }
.footer-block ul li a:after { display: none }
.footer-block ul li a { font-size: 14px; font-weight: 500; color: var(--white); padding: 0 }
.footer-block ul li a span { color: rgba(255, 255, 255, 0.3) }
.footer-block ul li.others-link a { color: var(--orange) }
.footer-block ul li a:hover { color: var(--green) }
.footer-block label { font-weight: 500; font-size: 14px; line-height: 32px; color: var(--white); margin: 0 0 12px; display: block }
.footer-block p { display: flex; align-items: flex-start; line-height: 1; font-weight: 500; font-size: 14px; color: var(--white); margin: 0 0 20px }
.footer-block p.address { line-height: 25px }
.footer-block p img { margin: 0 10px 0 0 }
.footer-block p a { color: var(--white) }
.footer-block p a:hover { color: var(--green) }
.footer-block:first-child { width: 30% }
.footer-block:last-child { width: 20% }
footer.inner-footer .center.bottom-footer { border-top: 1px solid #5C5C5C; align-items: center; padding: 30px 0 0; justify-content: space-between; margin: 25px auto 0 }
footer.inner-footer .center.bottom-footer p { font-size: 14px; font-weight: 500; color: var(--white); width: auto; margin: 0 }
.results-row .result-list li { color: var(--dark-grey); background-color: var(--light-grey) }
.results-row .result-list li h3 { color: var(--darkl-grey) }
.sortby-btn { order: 2; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16); border-radius: 5px }
.sortby-btn.sortorder-btn { order: 1; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16); border-radius: 5px }
.sortby-btn.sortorder-btn .sortby-icon { background: url(/img/sort-arrows.svg) 94% center no-repeat; background-size: 14px }
.sortby-btn.sortorder-btn.desc .sortby-icon { background: url(/img/descending-icon.svg) 94% center no-repeat }
.sortby-btn.sortorder-btn.asc .sortby-icon { background: url(/img/ascdending-icon.svg) 94% center no-repeat }
.help-block { position: initial; margin: 6px 0 -5px; display: block; color: var(--error); line-height: 1; font-size: 16px }
.help-block strong { font-weight: normal !important }
.fixed-header .header-r ul.after-login-header li.link-profile img { width: 58px; height: 58px; overflow: hidden; border-radius: 50%; padding: 3px; cursor: pointer; border: 2px solid var(--light-grey) }
.fixed-header .header-r ul.after-login-header li.link-profile.desk-employee img { border: 2px solid var(--green) }
.fixed-header .header-r ul.after-login-header li.link-profile.desk-employee .profile-info .pro-imgs { border: 0 }
.fixed-header .header-r ul.after-login-header li.link-profile.desk-employer img { border: 2px solid var(--yellow) }
.fixed-header .header-r ul.after-login-header li.link-profile.desk-employer .profile-info .pro-imgs { border: 0 }
.fixed-header .header-l .search-bar form { display: flex; align-items: center; width: auto }
.add-category-filter { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 12px 0 0; max-height: 200px; overflow: hidden; height: 100%; overflow-y: auto }
.add-category-filter li { list-style: none; margin: 0 10px 10px 0; padding: 0 }
.add-category-filter li a { border-radius: 20px; background-color: var(--light-grey); height: auto; line-height: 1; font-weight: normal; font-size: 16px; display: flex; align-items: center; padding: 6px 12px; color: var(--dark-grey) }
.add-category-filter li a img { width: 20px }
.aside-box span.add-icon { top: 15px; transform: inherit; -webkit-transform: inherit }
.result-employee .result-employee-infos { display: flex; flex-flow: column; margin: 0 0 0 10px }
.result-employee .result-employee-infos .inner-infos { display: flex; align-items: center; justify-content: center; margin: 0 0 0 0 }
.result-employee .result-employee-infos span.pro-name { font-weight: 600; font-size: 20px; line-height: 24px; margin: 0 0 8px }
.result-employee .result-employee-infos .inner-infos .profile-info { margin: 0 30px 0 0 }
.result-employee .bottom-row { margin: 0 0 22px }
.result-employee .button-row { position: absolute; right: 20px }
.result-list.result-employee li .rate-addres { margin: 0 0 10px }
.about-me { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px }
.about-me ul { display: flex; align-items: center; justify-content: space-between }
.about-me ul li { width: auto; margin: 0 0 0 8px; padding: 0 8px; border-radius: 5px; height: 35px; line-height: 35px; display: flex; align-items: center; justify-content: space-between; font-weight: 500; font-size: 14px; background-color: var(--black) }
.about-me ul li.selected { border: 1px solid var(--white) }
.about-me ul li img { margin: 0 6px 0 0 }
.about-me ul li img.batch { margin: 0 0 0 14px }
.about-me ul li label { font-size: 20px; font-weight: 600; color: var(--white) }
.about-me ul li span { font-size: 13px; color: var(--white) }
.about-me ul li.category-more:hover { background-color: var(--green) }
#sidebar { width: 100%; float: left }
.jobs-icon .changed-search { position: absolute; left: -10px; top: 50px; background-color: var(--white); padding: 12px; border-radius: 5px; width: 230px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.jobs-icon .changed-search img { margin: 0 10px 0 0 }
.jobs-icon .changed-search a { display: flex; align-items: center; font-weight: 500; font-size: 14px; line-height: 17px; color: var(--dark-grey) }
.jobs-icon.changed .changed-search { opacity: 1; visibility: visible; top: 40px; box-shadow: 0px 0px 14px rgb(0 0 0 / 25%) }
.inner-page-content.employee-profile .center { padding: 30px 7% 0 }
.employee-profile-inner { display: flex; justify-content: space-between; width: var(--full-width) }
aside.profile-aside { background-color: var(--dark-grey); padding: 25px 16px; width: 30%; border-radius: 5px 5px 0 0 }
.employee-profile-inner .main-inner.profile-main { width: 69%; padding-bottom: 200px }
.employee-green { background-color: var(--green); color: var(--white) }
.employer-yellow { background-color: var(--yellow); color: var(--dark-grey) }
.about-info { border-radius: 5px; padding: 0; width: var(--full-width); margin: 0 0 16px; position: relative }
.headings { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px }
.headings-l { font-weight: 500; font-size: 14px; display: flex; align-items: center; line-height: 1 }
.headings-l span.plus img { width: 20px; cursor: pointer }
.headings-l img { margin: 0 6px 0 0 }
.headings-r { font-weight: bold; font-size: 30px }
.languages-list { width: var(--full-width); margin: 0 0 15px; padding: 0 18px 4px }
.languages-list ul li { display: flex; align-items: center; justify-content: space-between; margin: 0 0 8px }
.languages-list ul li span.langs { font-weight: 600; font-size: 16px; width: 23%; line-height: 1 }
.languages-list ul li span.level { font-weight: 400; font-size: 16px; width: 27%; line-height: 1.2 }
.languages-list ul li span.level-bar { font-weight: 400; font-size: 16px; width: 35%; padding: 0; position: relative; background-color: var(--dark-green); height: 8px; border-radius: 5px; overflow: hidden }
.languages-list ul li span.level-bar .process-bar { background-color: var(--white); height: 100%; position: absolute; left: 0; top: 0 }
.education-list { width: var(--full-width); margin: 0 0 15px; overflow: hidden }
.education-list label { font-weight: normal; font-size: 12px; line-height: 15px; color: var(--light-green) }
.education-list p { font-weight: 600; font-size: 16px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 80% }
.education-list span { font-weight: normal; font-size: 14px; line-height: 17px; overflow: hidden; word-wrap: break-word; word-break: break-word }
.about-toggle { padding: 0 18px 10px }
.about-toggle.show-more-height { padding: 0 18px 45px }
.profile_employee_blade .about-toggle.show-more-height, .employer_profile_blade .about-toggle.show-more-height { padding: 0 18px 40px; min-height: 100px }
.profile_employee_blade .education-list p, .employer_profile_blade .education-list p { width: 100%; word-wrap: break-word; word-break: break-word; white-space: inherit }
.employer_profile_blade .about-toggle.show-more-height .toggleable { margin-bottom: 40px }
.about-info .more { background: #3A886D url(/img/more-arrow-w.svg) 60% 18px no-repeat; display: flex; align-items: center; justify-content: center; line-height: 40px; font-weight: 500; font-size: 14px; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; position: absolute; bottom: 0; left: 0; width: var(--full-width); color: var(--white) }
.about-info .more.less { }
.about-info .more img { margin: 0 5px }
.about-info .more:hover { background-color: var(--dark-green) }
.involved-category .suggest-category-row { width: 78% }
.involved-category .suggest-category-row ul { justify-content: flex-start }
.involved-category .suggest-category-row ul li { margin: 0 0 0 20px; width: 24% }
.involved-category .suggest-category-row ul li:first-child { margin: 0 }
.involved-category .suggest-category-row ul li .category-box { margin: 0; width: 100% }
.about-description { background-color: var(--light-grey); padding: 16px; border-radius: 5px }
.about-description p { font-size: 16px; font-weight: 400; line-height: 24px }
.about-description .more, .about-description .less { color: var(--orange); text-decoration: none; font-weight: 600; font-size: 16px; text-transform: uppercase; padding: 0 5px }
.profile-button-row { display: flex; align-items: center; justify-content: space-between; background-color: var(--light-grey); border-radius: 5px; padding: 15px; margin: 0 0 40px }
.profile-button-row .profile-button-left { width: auto }
.profile-button-row .profile-button-right { width: auto; display: flex; align-items: center }
.profile-button-row .profile-button-left .bttn { font-size: 18px; color: var(--white); font-weight: 500; text-transform: none; height: 50px; line-height: 50px; padding: 0 12px; min-width: auto; margin: 0 10px 0 0 }
.profile-button-row .profile-button-left .bttn span { display: flex; align-items: center; justify-content: center }
.profile-button-row .profile-button-left .bttn span img { margin: 0 0 0 8px }
.profile-button-row .profile-button-right .bttn.promote-btn { font-size: 18px; color: var(--dark-grey); font-weight: 500; text-transform: none; height: 50px; line-height: 50px; padding: 0 12px; min-width: auto; margin: 0 10px 0 0 }
.profile-button-row .profile-button-right .bttn.edit-btn, .profile-button-row .profile-button-left .bttn.edit-btn { font-size: 18px; color: var(--white); font-weight: 500; text-transform: none; height: 50px; line-height: 50px; padding: 0 12px; min-width: auto; margin: 0 10px 0 0; background-color: var(--dark-grey) }
.profile-button-row .profile-button-right .bttn.edit-btn:hover, .profile-button-row .profile-button-left .bttn.edit-btn:hover { background-color: var(--black) }
.my_post_promote_button .bttn.edit-btn { font-size: 18px; color: var(--white); font-weight: 500; text-transform: none; height: 60px; line-height: 60px; padding: 0 12px; min-width: auto; margin: 0 10px 0 0; background-color: var(--dark-grey) }
.my_post_promote_button .bttn.edit-btn:hover { background-color: var(--black) }
.promotions-btns { width: auto }
.promotions-btns .bttn.promote-btn { font-size: 14px; color: var(--dark-grey); font-weight: 500; text-transform: none; height: 40px; line-height: 40px; padding: 0 12px; min-width: auto; margin: 0 10px 0 0 }
.promotions-btns .bttn.promote-btn img { width: 16px }
.promotions-link { font-weight: 500; font-size: 14px; color: var(--dark-grey); margin: 0 10px 0 0 }
.involved-row h4 { display: flex; align-content: flex-start; justify-content: space-between }
.profile-information { display: flex; align-items: center; color: var(--white) }
.profile-information .prof-img { width: 130px; height: 130px; padding: 0px; border-radius: 50%; border: 0px solid rgb(236, 237, 239, 0.4); margin: 0 18px 0 0; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden }
.profile_blade .profile-information .prof-img .ratings>img, .employer_profile_blade .profile-information .prof-img .ratings>img, .profile_employee_blade .profile-information .prof-img .ratings>img, .employee_edit_profile_blade .profile-information .prof-img .ratings>img, .employer_edit_profile_blade .profile-information .prof-img .ratings>img { width: 14px; height: 14px; margin: 0 6px 0 0 }
.profile-information .prof-img .ratings { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; height: 40px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.2) 41.25%, #000000 100%); justify-content: center; font-size: 14px }
.profile-information .prof-img .ratings>img { width: 25px; height: 25px; margin: 0 6px 0 0 }
.profile-information .prof-img img { border-radius: 50%; width: 130px; height: 130px; padding: 0px }
.profile-information .prof-basic-info { width: calc(100% - 160px) }
.profile-information .prof-basic-info h5 { font-weight: 800; font-size: 20px; line-height: 24px; margin: 0 0 10px }
.profile-information .prof-basic-info p { display: flex; align-items: flex-start; font-weight: 500; font-size: 14px; line-height: 17px; margin: 0 0 8px }
.profile-information .prof-basic-info p img { margin: 0 5px 0 0 }
.profile-map { border: 0; margin: 0 0 40px }
.profile-map img { width: 100%; display: block }
.profile-map .map-link-btn { color: var(--white); min-width: 100%; width: var(--full-width); height: 45px; line-height: 45px }
.profile-map .map-link-btn span { display: flex; align-items: center; justify-content: center }
.profile-map img { display: initial; width: auto; margin: 0 0 0 10px }
.employer-profile .education-list label { color: var(--dark-yellow) }
.employer-profile .about-info .more { background: var(--light-yellow) url(/img/more-arrow-b.svg) 58% 18px no-repeat; color: var(--dark-grey) }
.employer-profile .about-info .more.less { background: var(--light-yellow) url(/img/ascdending-icon.svg) 58% 16px no-repeat; color: var(--dark-grey); background-size: 12px }
.employer-profile .languages-list ul li span.level-bar { background-color: var(--medium-yellow) }
.employer-profile .languages-list ul li span.level-bar .process-bar { background-color: var(--dark-grey) }
.employer-profile .provide-service-row .new-provide { background-color: var(--yellow) }
.employer-profile .provide-service-row .new-provide a { color: var(--dark-grey) }
.profile-start-job .hand-img { left: 5% }
.profile-start-job .start-job-bg h2 { font-size: 26px }
.profile-start-job .start-job-bg p { font-weight: 500 }
.employee-result-filter, .employee-result-filter .tabContainer { padding: 0 }
.result-employee-section { width: var(--full-width) }
.result-employee-section li { display: flex; padding: 0; overflow: hidden; margin: 0 0 16px }
.result-employee-section li .result-employee-left { width: 50%; position: relative; padding: 15px }
.result-employee-section li .result-employee-right { width: 50%; position: relative; padding: 15px; background-color: var(--darkest-grey) }
.result-employee-section li .result-employee-left .pro-img { margin: 0 10px 0 0 }
.result-employee-section li .result-employee-left .result-employee-infos { display: flex; align-items: flex-start; flex-flow: column; justify-content: center }
.result-employee-section li .result-employee-left .result-employee-infos .inner-infos { display: flex }
.result-employee-section li .result-employee-left .profile-info span.pro-name { margin: 0 }
.result-employee-section li .result-employee-left .profile-info { margin: 0 }
.result-employee-section li .result-employee-left .about-me { margin: 20px 0 10px }
.result-employee-section li .result-employee-left .about-me h5 { font-size: 16px }
.result-employee-section li .result-employee-left p { font-size: 16px; font-weight: 400; line-height: 20px; height: 60px; overflow: hidden }
.result-employee-section li .result-employee-left .rate-addres { margin: 0; display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 40px; width: 90% }
.result-employee-section li .result-employee-left .button-row { width: auto }
.result-employee-section li .result-employee-left .rate-addres p { margin: 0; font-size: 14px }
.result-employee-section li .result-employee-right .blocks { width: var(--full-width) }
.result-employee-section li .result-employee-right .blocks h5 { font-size: 16px; margin: 0 0 10px }
.result-employee-section li .result-employee-right .blocks .my-category-list { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px }
.result-employee-section li .result-employee-right .blocks .my-category-list ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap }
.result-employee-section li .result-employee-right .blocks .my-category-list ul li { width: auto; margin: 0 8px 8px 0; padding: 0 8px; border-radius: 5px; height: 35px; line-height: 1; display: flex; align-items: center; justify-content: space-between; font-weight: 400; font-size: 14px; background-color: var(--dark-grey) }
.result-employee-section li .result-employee-right .blocks .my-category-list ul li.selected { border: 1px solid var(--medium-grey) }
.result-employee-section li .result-employee-right .blocks .my-category-list ul li img { margin: 0 5px 0 0; width: 20px }
.result-employee-section li .result-employee-right .blocks .my-category-list ul li img.batch { margin: 0 0 0 8px }
.result-employee-section li .result-employee-right .blocks .my-category-list ul li label { font-size: 20px; font-weight: 600; color: var(--white) }
.result-employee-section li .result-employee-right .blocks .my-category-list ul li span { font-size: 13px; color: var(--white) }
.result-employee-section li .result-employee-right .blocks .my-category-list ul li span.green-txt { color: var(--light-green-xl); font-weight: 600; margin: 0 0 0 5px }
.service-pack { width: var(--full-width); margin: 0 0 20px }
.service-pack ul { display: flex; justify-content: flex-start }
.service-pack ul li { width: 33%; margin: 0 8px 0 0; background-color: var(--dark-grey); border-radius: 5px; padding: 14px 8px; display: inline-block; min-height: 110px }
.service-pack ul li.curernt { border: 1px solid var(--medium-grey) }
.service-pack ul li:last-child { margin: 0 }
.service-pack ul li.count-pack { display: flex; align-items: center; justify-content: center }
.service-pack ul li .pack-hour { display: flex; align-items: flex-end; font-size: 14px; color: var(--medium-grey) }
.service-pack ul li .pack-hour span { font-size: 18px; color: var(--light-green-xl); font-weight: 600; margin: 0 5px 0 0 }
.service-pack ul li p { font-weight: 500; font-size: 12px; line-height: 15px; color: var(--white); margin: 0 }
.service-pack ul li.count-pack a { display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; font-weight: 500; font-size: 16px; line-height: 20px; color: var(--white) }
.service-pack ul li.count-pack span { font-weight: 600; line-height: 37px; font-size: 30px; color: var(--white) }
.job-post .job-post-top { display: flex; align-items: center; justify-content: space-between }
.job-post-accnt { display: flex; width: 70%; justify-content: space-between }
.job-post-accnt-info { display: flex; align-items: center; background-color: var(--darkest-grey); border-radius: 5px; padding: 24px; width: 60% }
.job-post-accnt-info .post-acnt-img { width: 130px; height: 130px; border-radius: 50%; overflow: hidden; padding: 7px; display: flex; align-items: center; justify-content: center; margin: 0 18px 0 0; position: relative }
.job-post-accnt-info .post-acnt-img img { border-radius: 50%; width: 120px; height: 120px; position: relative; z-index: 1; background-color: #303030 }
.job-intro-modal .job-post-accnt-info .post-acnt-img img { border-radius: 50%; width: 80px; height: 80px; position: relative; z-index: 1 }
.job-post-accnt-info .prof-basic-info { width: calc(100% - 140px); color: var(--white) }
.job-post-accnt-info .prof-basic-info h5 { font-weight: 800; font-size: 20px; line-height: 24px; margin: 0 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100% }
.job-post-accnt-info .prof-basic-info h5>a { color: var(--white); font-weight: 800; font-size: 20px; line-height: 24px }
.job-post-accnt-info .prof-basic-info p { display: flex; align-items: flex-start; font-weight: 500; font-size: 16px; line-height: 20px; margin: 0 0 8px }
.job-post-accnt-info .prof-basic-info p img { margin: 0 5px 0 0 }
.job-post-accnt-info .post-acnt-img .ratings { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; bottom: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); color: var(--white); font-size: 12px; font-weight: 600; width: 100%; padding: 8px 0; background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(48, 48, 48, 0.9) 100%); background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(48, 48, 48, 0.9) 100%); background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(48, 48, 48, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#e6303030', GradientType=0) }
.job-post-accnt-info .post-acnt-img .ratings img { width: 15px; height: 15px; margin: 0 4px 0 0; background-color: transparent }
.job-total { width: 18%; display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; background-color: var(--darkest-grey); border-radius: 5px; padding: 32px 10px; color: var(--white); font-size: 12px }
.job-total p { font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; min-width: 100% }
.job-total h4 { font-weight: 700; font-size: 34px; line-height: 49px; padding: 0 2px }
.job-post-about { width: 28% }
.job-post-about h3 { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--white); margin: 0 0 8px }
.job-post-about p { font-size: 16px; line-height: 24px; color: var(--white); margin: 0 0 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }
.job-post-about .button-row { display: flex; align-items: center; justify-content: flex-end }
.job-post-about .button-row a { margin: 0 12px 0 0 }
.job-post-about .button-row a.similar_jobs { font-weight: 600; font-size: 16px; line-height: 24px; color: var(--white); background: url(/img/right-arrow.svg) right center no-repeat; padding: 0 22px 0 0; margin: 0 }
.job-post-about .button-row a:hover { color: var(--orange) }
.job-post-about .button-row .view-btn { justify-content: right; float: right; height: 40px; line-height: 40px; color: var(--white); min-width: 155px; background: transparent; font-weight: 500; font-size: 18px; /*background-image: url(/img/right-arrow-white.svg);*/ background-position: right center; background-repeat: no-repeat }
.job-post-details { }
.job-post-details.inner-page-content { padding: 0 }
.job-post-details .post-heading { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 40px; position: relative; }
.job-post-details .post-heading .post-heading-inner { display: flex; align-items: flex-start }
.job-post-details .post-heading h2 { font-weight: bold; font-size: 40px; color: var(--dark-grey); width: auto; padding: 0 16px 0 0 }
.job_employer_details_blade .job-post-details .post-heading h2 { width: 40% }
.job-post-details .post-heading h2 span { font-size: 16px; font-weight: 400; line-height: 20px; display: block; margin: 10px 0 0 }
.job-post-details .post-heading button.view-btn { color: var(--white); height: 45px; line-height: 45px; font-size: 22px; font-weight: 500 }
.job-post-details .post-heading .applied { display: flex; align-items: center; font-size: 18px; font-weight: 500; width: 30% }
.job-post-details .post-heading .applied img { margin: 0 0 0 10px }
.post-features { display: flex; align-items: flex-start; margin: 0 0 40px }
.post-features-inn { width: auto; margin: 0 40px 0 0 }
.post-features-inn h4 { font-weight: 600; font-size: 14px; line-height: 24px; color: var(--dark-grey); margin: 0 0 10px }
.post-features ul { display: flex }
.post-features ul li { width: auto; margin: 0 8px 0 0; border-radius: 5px; padding: 6px 8px; display: flex; align-items: center; font-weight: 600; font-size: 14px; color: var(--white); background-color: var(--darkest-grey); min-width: 125px; justify-content: center }
.post-features ul li img { margin: 0 8px 0 0; width: 20px; height: 20px }
.post-features ul.job-post-category li { font-weight: 500; font-size: 14px; color: var(--white); padding: 6px 14px }
.job-post-details-info { width: var(--full-width); display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 0 0 40px 0; flex-flow: column }
.post-features ul.job-post-category li a { color: var(--white) }
.post-features ul.job-post-category li a label { font-size: 20px; font-weight: 600 }
.post-features ul.job-post-category li a span { font-size: 14px; font-weight: 400 }
.job-post-details-info-box { width: 60%; margin: 0 0 32px 0 }
.post-features ul.job-post-category li h2 { font-size: 15px; font-weight: 600; padding: 6px 0; line-height: 1 }
.job-post-details-info-box h4 { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--dark-grey); margin: 0 0 10px }
.job-post-details-info ul { background-color: var(--light-grey); border-radius: 5px; padding: 16px }
.job-post-details-info ul li { width: var(--full-width); background-color: var(--white); border-radius: 5px; display: flex; align-items: flex-start; padding: 14px; font-weight: 500; font-size: 16px; color: var(--dark-grey); margin: 0 0 16px }
.job-post-details-info ul li:last-child { margin: 0 }
.job-post-details-info ul li .point { width: 28px; height: 28px; background-color: var(--orange); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 18px; color: var(--white); border-radius: 50%; margin: 0 16px 0 0 }
.job-post-details-info ul li img { margin: 0 12px 0 0 }
.job-post-details-info ul li strong { font-weight: bold; margin: 0 4px 0 0; color: var(--white) }
.job-post-details-info ul.requirements li { position: relative; padding: 14px 14px 14px 56px }
.job-post-details-info ul.requirements li .point { position: absolute; left: 16px; top: 16px }
.job-post-details-info ul.address-post li { background-color: transparent; display: flex; align-items: center; justify-content: space-between; padding: 0 }
.job-post-details-info ul.address-post li p { padding: 18px; line-height: 22px; font-weight: 500; font-size: 16px; color: var(--dark-grey); display: flex; align-items: center; background-color: var(--white); border-radius: 5px; width: 72% }
.job-post-details-info ul.address-post li .onmap-btn { color: var(--white); font-size: 18px; font-weight: 500 }
.job-post-details-info ul.address-post li .onmap-btn:after { background: url(/img/map-icon-w.svg) 0 center no-repeat }
.job-post-details-content { margin: 20px 0 40px 0 }
.job-post-details-content h4 { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--dark-grey); margin: 0 0 10px }
.job-post-details-content p { font-weight: 400; font-size: 16px; line-height: 28px; color: var(--dark-grey); margin: 0 0 10px }
.job-post-details-content p span { font-weight: 500 }
.job-post-details-content p>a { color: var(--orange) }
.details-content-attachment { width: var(--full-width) }
.details-content-attachment ul { display: flex; flex-wrap: wrap }
.details-content-attachment ul li { margin: 0 0 0 20px; width: 184px; height: 184px; overflow: hidden; border-radius: 5px; border: 8px solid var(--light-grey); display: flex; align-items: center; justify-content: center; padding: 8px; text-align: center; background-color: var(--white) !important }
.details-content-attachment ul li img { width: 100% }
.details-content-attachment ul li:first-child { margin: 0 }
.details-similar-jobs { color: var(--white) }
.details-similar-jobs ul.result-list { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin: 0 }
.details-similar-jobs ul.result-list li { width: 49%; margin: 0 0 15px }
.details-similar-jobs ul.result-list li p { color: var(--white) }
.job-post-details .post-heading .btn-box { display: flex; align-items: center }
.job-post-details .post-heading .btn-box img { margin: 0 0 0 20px }
.job-post-details .post-heading button.view-btn { color: var(--white); height: 45px; line-height: 45px; font-size: 16px; font-weight: 500; margin: 0 }
.job-post-details .post-heading .applied { display: flex; align-items: center; font-size: 18px; font-weight: 500; width: auto; margin: 10px 0 0 }
.job-post-details .post-heading .applied img { margin: 0 10px 0 10px }
.progress-circle.progress-employee { position: absolute; top: 0; left: 0; display: inline-block; margin: 0; width: 130px; height: 130px; border-radius: 50%; background-color: transparent }
.progress-circle.progress-employee:after { content: ''; display: inline-block; width: 100%; height: 100%; border-radius: 50%; -webkit-animation: colorload 2s; animation: colorload 2s; z-index: 0; position: absolute; top: 1px }
.progress-circle.progress-employee.progress-0:after { background-image: linear-gradient(90deg, #1E1E1E 50%, transparent 50%, transparent), linear-gradient(90deg, #46A282 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-employee.progress-15:after { background-image: linear-gradient(90deg, #1E1E1E 50%, transparent 50%, transparent), linear-gradient(129.6deg, #46A282 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-employee.progress-30:after { background-image: linear-gradient(90deg, #1E1E1E 50%, transparent 50%, transparent), linear-gradient(198deg, #46A282 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-employee.progress-45:after { background-image: linear-gradient(90deg, #1E1E1E 50%, transparent 50%, transparent), linear-gradient(252deg, #46A282 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-employee.progress-60:after { background-image: linear-gradient(-54deg, #46A282 50%, transparent 50%, transparent), linear-gradient(270deg, #46A282 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-employee.progress-75:after { background-image: linear-gradient(0deg, #46A282 50%, transparent 50%, transparent), linear-gradient(270deg, #46A282 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-employee.progress-90:after { background-image: linear-gradient(54deg, #46A282 50%, transparent 50%, transparent), linear-gradient(270deg, #46A282 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-employee.progress-100:after { background-image: linear-gradient(90deg, #46A282 50%, transparent 50%, transparent), linear-gradient(270deg, #46A282 50%, #1E1E1E 50%, #1E1E1E) }
@-webkit-keyframes colorload {
	0% { opacity: 0; transform: rotate(0deg) }
	50% { opacity: 0; transform: rotate(0deg) }
	100% { opacity: 1; transform: rotate(360deg) }
}
.progress-circle { position: absolute; top: 0; left: 0; display: inline-block; margin: 0; width: 130px; height: 130px; border-radius: 50%; background-color: transparent }
.progress-circle:after { content: ''; display: inline-block; width: 100%; height: 100%; border-radius: 50%; -webkit-animation: colorload 2s; animation: colorload 2s; z-index: 0; position: absolute; top: 1px }
.progress-circle.progress-0:after { background-image: linear-gradient(90deg, #1E1E1E 50%, transparent 50%, transparent), linear-gradient(90deg, #EBBE56 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-15:after { background-image: linear-gradient(90deg, #1E1E1E 50%, transparent 50%, transparent), linear-gradient(129.6deg, #EBBE56 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-30:after { background-image: linear-gradient(90deg, #1E1E1E 50%, transparent 50%, transparent), linear-gradient(198deg, #EBBE56 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-45:after { background-image: linear-gradient(90deg, #1E1E1E 50%, transparent 50%, transparent), linear-gradient(252deg, #EBBE56 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-60:after { background-image: linear-gradient(-54deg, #EBBE56 50%, transparent 50%, transparent), linear-gradient(270deg, #EBBE56 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-75:after { background-image: linear-gradient(0deg, #EBBE56 50%, transparent 50%, transparent), linear-gradient(270deg, #EBBE56 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-90:after { background-image: linear-gradient(54deg, #EBBE56 50%, transparent 50%, transparent), linear-gradient(270deg, #EBBE56 50%, #1E1E1E 50%, #1E1E1E) }
.progress-circle.progress-100:after { background-image: linear-gradient(90deg, #EBBE56 50%, transparent 50%, transparent), linear-gradient(270deg, #EBBE56 50%, #1E1E1E 50%, #1E1E1E) }
@-webkit-keyframes colorload {
	0% { opacity: 0; transform: rotate(0deg) }
	50% { opacity: 0; transform: rotate(0deg) }
	100% { opacity: 1; transform: rotate(360deg) }
}
.create-job { padding: 78px 0 0 }
.create-job h2, .create-job h1 { font-weight: bold; font-size: 30px; line-height: 37px; color: var(--dark-grey); margin: 0 0 35px; text-align: center; display: flex; align-items: center; justify-content: center }
.edit-box { width: var(--full-width); margin: 0 0 50px; position: relative }
.edit-box h6 { color: var(--dark-grey); font-weight: 600; font-size: 20px; line-height: 24px; margin: 0 0 5px }
.edit-box h6 a.use_template { font-size: 16px !important; font-weight: 600; color: var(--orange) }
.edit-box input[type="text"] { width: var(--full-width); border: 1px solid var(--dark-grey); border-radius: 5px; height: 50px; line-height: 50px; padding: 0 16px; color: var(--dark-grey); font-weight: 500; font-size: 16px; margin: 0 0 10px }
.edit-box ul li { position: relative; font-weight: normal; font-size: 18px; line-height: 22px; color: var(--dark-grey); padding: 0 0 0 40px; margin: 0 0 10px }
.edit-box ul li:after { width: 25px; height: 8px; position: absolute; content: ""; background-color: var(--yellow); left: 0; top: 7px; border-radius: 5px }
.edit-box textarea { width: var(--full-width); border: 1px solid var(--dark-grey); border-radius: 5px; height: 216px; padding: 16px; color: var(--dark-grey); font-weight: 500; font-size: 16px; line-height: 24px; resize: none }
.note { text-align: right; color: var(--red); font-weight: 500; font-size: 18px; font-style: italic; line-height: 22px; display: flex; justify-content: flex-end; width: var(--full-width) }
.create-job-steps { background-color: var(--dark-grey); padding: 24px 0 40px; margin: 20px 0 0; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 2; }
.create-job-steps .center { padding: 0 7% 0 }
.create-job-steps .steps-row { width: var(--full-width); display: flex; align-items: flex-start; justify-content: space-between }
.create-job-steps .steps-row li { width: 14%; position: relative; list-style: none; text-align: center; padding: 10px 0 0; }
.create-job-steps .steps-row li:before { position: absolute; content: ""; width: var(--full-width); height: 5px; background-color: var(--medium-grey); left: 0; top: 0 }
.create-job-steps .steps-row li span { font-weight: 500; font-size: 16px; line-height: 24px; color: var(--white); text-align: center }
.create-job-steps .steps-row li.complete:before { background-color: var(--orange); height: 10px; top: -3px }
.edit-box input[type="text"].search-cat { border: 1px solid var(--dark-grey); padding: 0 100px 0 15px }
.search-bttns { background: url(/img/search-icon-b.svg) 0 0 no-repeat; width: 20px; height: 20px; cursor: pointer; border: 0; position: absolute; right: 15px; top: 15px; text-indent: -9999px; -webkit-transition: inherit; transition: inherit }
.edit-box .text-remove-icon { position: absolute; right: 60px; top: 12px; background-image: url(/img/close-icon-w.svg); background-position: center center; background-repeat: no-repeat; font-size: 0; background-color: var(--dark-grey); width: 25px; height: 25px; border-radius: 50%; cursor: pointer }
.choose-category-list { width: var(--full-width); margin: 0 0 16px; background: var(--light-grey); display: flex; justify-content: space-between; border-radius: 5px; overflow: hidden }
.choose-category-list .sub-category ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 13px; font-weight: 400; text-align: center; padding: 10px; line-height: 16px; word-break: break-word; position: relative }
.choose-category-list .main-category { width: 25%; background-size: 100%; background-position: 0 0; background-repeat: no-repeat; position: relative }
.choose-category-list .main-category img { width: 100%; display: block }
.choose-category-list .sub-category { padding: 16px; width: 75% }
.choose-category-list .sub-category ul { display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 0 }
.choose-category-list .sub-category ul li { width: 12%; border-radius: 5px; position: relative; padding: 0; margin: 0 5px 5px 0; position: relative }
.choose-category-list .sub-category ul li:nth-child(8n+8) { margin-right: 0 }
.choose-category-list .sub-category ul li:after { display: none }
.choose-category-list .sub-category ul li .category-box { margin: 0; position: relative }
.choose-category-list .sub-category ul li .category-box:after { display: none }
.choose-category-list .sub-category ul li .category-box a { font-size: 14px; font-weight: 600; padding: 10px 10px }
.choose-category-list .sub-category ul li .category-box label { font-size: 14px; font-weight: 600; padding: 10px 10px; position: relative }
.choose-category-list .main-category .maincat-info { position: absolute; bottom: 0; left: 0; padding: 0 10px 16px 10px; width: 100%; background: linear-gradient(180deg, rgba(48, 48, 48, 0) 57.81%, rgba(48, 48, 48, 0.8) 86.98%); height: 100%; display: flex; align-items: flex-end; justify-content: flex-start }
.choose-category-list .main-category .maincat-info { position: absolute; bottom: 0; left: 0; padding: 0 10px 16px 10px; width: 100%; background: linear-gradient(180deg, rgba(48, 48, 48, 0) 57.81%, rgba(48, 48, 48, 0.8) 86.98%); height: 100%; display: flex; align-items: flex-start; justify-content: flex-end; flex-flow: column }
.choose-category-list .main-category .maincat-info p { font-weight: 500; font-size: 12px; line-height: 15px; color: var(--white) }
.choose-category-list .main-category .maincat-info h4, .choose-category-list .main-category .maincat-info h2 { font-weight: bold; font-size: 18px; line-height: 22px; color: var(--white); margin: 0; align-items: flex-start; justify-content: flex-start; text-align: left }
.choose-category-list .sub-category ul li input { position: absolute; opacity: 0; cursor: pointer; height: 100%; width: 100%; z-index: 2 }
.choose-category-list .sub-category ul li .checkmark { position: absolute; top: 0; left: 0; height: 100%; width: 100%; transition: all 0.5s ease-in-out; z-index: 1; background-color: transparent; box-shadow: none; border-radius: 5px }
.choose-category-list .sub-category ul li input:checked~.checkmark { background-color: transparent; transition: all 0.5s ease-in-out }
.choose-category-list .sub-category ul li input:checked~a { z-index: 2 }
.choose-category-list .sub-category ul li .checkmark:after { content: ""; position: absolute; display: none }
.choose-category-list .sub-category ul li input:checked~.checkmark:after { display: block }
.choose-category-list .sub-category ul li .checkmark:after { left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); border-radius: 5px }
.details-contract { display: flex; justify-content: space-between }
.contract-box { width: 49% }
.contract-box-inn { background-color: var(--light-grey); padding: 16px; border-radius: 5px; margin: 0 0 16px }
.contract-box-inn p { width: var(--full-width); height: 60px; background-color: var(--white); padding: 0 16px; display: flex; justify-content: space-between; align-items: center; margin: 0 0 16px; font-weight: 500; font-size: 18px; color: var(--dark-grey); border-radius: 5px }
.contract-box-inn p:last-child { margin: 0 }
.contract-box-inn p a { display: flex; align-items: center; font-weight: 500; font-size: 18px; color: var(--dark-grey) }
.contract-box-inn p a img { width: 20px; margin: 0 15px 0 0 }
.contract-box-inn p .point { width: 32px; height: 32px; background-color: var(--orange); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 18px; color: var(--white); border-radius: 50%; margin: 0 5px 0 0 }
.contract-box-inn p input[type="text"] { width: 100%; background-color: var(--white); border: 0; height: 60px; line-height: 60px; font-weight: normal; color: var(--dark-grey); font-size: 16px }
.contract-box-inn ul.langList { padding: 20px; border-radius: 5px; box-shadow: 0 12px 16px 10px rgba(0, 0, 0, 0.2); height: 200px; overflow: hidden; overflow-y: scroll }
.contract-box-inn ul.langList li { padding: 0 0 0 20px }
.contract-box-inn ul.langList li:after { width: 12px; height: 6px; background-color: var(--green) }
.contract-box-inn ul.langList li a { font-size: 14px; color: var(--dark-grey) }
.contract-box-inn ul.langList li a:hover { color: var(--green) }
.contract-box-inn .choose-map { border-radius: 5px; border: 1px solid var(--medium-grey); overflow: hidden; width: 100%; display: block }
.choose-attach-file { }
.choose-attach-file-inn { min-height: 450px }
.choose-duration { display: flex; justify-content: center; margin: 0 0 10px }
.choose-duration .duration-box { border-radius: 5px; background-color: var(--light-grey); display: flex; align-items: center; justify-content: center; padding: 34px 20px; color: var(--dark-grey); flex-flow: column; margin: 8px; width: 28% }
.choose-duration .duration-box h5 { font-weight: 600; font-size: 20px; line-height: 24px; margin: 0 0 20px }
.choose-duration .duration-box p { font-size: 14px; line-height: 17px; text-align: center; margin: 0 }
.choose-duration .duration-box.selected { background-color: var(--yellow) }
.duration-list { display: flex; align-items: center; justify-content: center; background-color: var(--light-grey); border-radius: 5px; padding: 20px 0; width: 58%; margin: 0 auto 100px }
.duration-list p { display: flex; align-items: center; margin: 0 35px }
.duration-list [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px }
.duration-list [type="radio"]:checked+label, .duration-list [type="radio"]:not(:checked)+label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; font-weight: 500; font-size: 16px; color: var(--dark-grey) }
.duration-list [type="radio"]:checked+label:before, .duration-list [type="radio"]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 100%; background: #CFCFCF }
.duration-list [type="radio"]:checked+label:after, .duration-list [type="radio"]:not(:checked)+label:after { content: ''; display: block; position: absolute; top: 4px; left: 7px; width: 5px; height: 9px; border: solid var(--dark-grey); border-width: 0 2px 2px 0; transform: rotate(45deg); -webkit-transition: all 0.2s ease; transition: all 0.2s ease }
.duration-list [type="radio"]:not(:checked)+label:after { opacity: 0 }
.duration-list [type="radio"]:checked+label:after { opacity: 1 }
.duration-list [type="radio"]:checked+label:before { background-color: var(--yellow) }
.duration-list p input.custom-duration { width: 100px; height: 36px; line-height: 36px; border: 1px solid var(--dark-grey); color: var(--dark-grey); border-radius: 5px; margin: 0 0 0 15px; text-align: center; font-size: 16px; padding: 0 12px; font-weight: 500 }
.choose-budget { min-height: 350px }
.choose-budget .rate-box { width: 42%; margin: 0 auto 80px; position: relative }
.choose-budget .rate-box h6 { font-weight: 500; font-size: 18px; line-height: 22px; color: var(--dark-grey); margin: 0 0 0 }
.fixed-rate { display: flex; justify-content: space-between; margin: 15px 0 0 }
.fixed-rate label { font-weight: 700 }
.fixed-rate label span { font-size: 12px; text-transform: lowercase }
.fixed-box-rate { border-radius: 5px; height: 60px; border: 1px solid var(--dark-grey); background-color: var(--white); width: 256px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px }
.fixed-box-rate input[type="text"] { width: 45%; background-color: var(--white); height: 45px; line-height: 45px; border: 0 !important; font-weight: 600; font-size: 26px; color: var(--black); text-align: right; padding: 0 0 0 12px }
.fixed-box-rate p { width: auto; background-color: var(--white); height: 55px; line-height: 55px; border: 0; font-weight: 400; font-size: 16px; color: var(--medium-grey); text-align: right; padding: 0 0 0 12px; display: flex; align-items: center; justify-content: flex-end }
.add-range-box p { width: auto; background-color: transparent; height: 55px; line-height: 55px; border: 0; font-weight: 400; font-size: 16px; color: var(--medium-grey); text-align: right; padding: 0 0 0 12px; display: flex; align-items: center }
.fixed-box-rate p span { color: var(--medium-grey); font-size: 12px; margin: 0 0 0 8px }
.fixed-box-rate p span.add-range { font-weight: 500; font-size: 16px; color: var(--dark-grey) }
.add-range-box input[type="text"] { width: 45%; background-color: var(--white); height: 55px; line-height: 55px; border: 0 !important; font-weight: 400; font-size: 16px; color: var(--black); text-align: left; padding: 0 0 0 12px }
.add-range-box { border-radius: 5px; height: 60px; border: 1px solid var(--dark-grey); background-color: var(--white); width: 216px; display: flex; align-items: center; justify-content: space-between; padding: 20px; font-size: 16px; cursor: pointer; text-align: right }
.add-range-box.addFixedRange, .add-range-box.addRange { border-radius: 5px; height: 60px; border: 0 solid var(--dark-grey); background-color: var(--light-grey); width: 216px; display: flex; align-items: center; justify-content: space-between; padding: 20px; font-size: 16px; cursor: pointer; text-align: right }
.onoffbtn { width: 35px; height: 20px; border-radius: 10px; background: #f3cfc7; display: block; position: relative; margin: 30px 12px 30px 0; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16); cursor: pointer }
.onoffbtn:after { position: absolute; height: 16px; width: 16px; display: block; border-radius: 50%; background: var(--white); top: 2px; left: 1px; content: ''; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; text-align: center; line-height: 29px; color: #fff; font-size: 12px }
.onoffbtn.active:after { left: 100%; margin-left: -18px; background: var(--white); content: '' }
.onoffbtn input[type="checkbox"] { opacity: 0 }
.onoffbtn.active { background-color: var(--orange) }
.choose-budget .onoff-btn { display: flex; align-items: center; font-weight: 500; color: var(--black); font-size: 18px }
.choose-hourly-rate { font-weight: normal; font-size: 16px; line-height: 20px; color: var(--dark-grey); visibility: hidden; height: 0; opacity: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.choose-hourly-rate.open { visibility: visible; height: auto; opacity: 1 }
.step-button-row { display: flex; align-items: center; justify-content: space-between; margin: 30px 0 0 }
.step-button-row .back-btn { min-width: 300px; display: flex; align-items: center; justify-content: center; height: 50px; line-height: 50px; background-color: var(--white); color: var(--dark-grey); font-weight: 600; font-size: 20px }
.step-button-row .next-btn { height: 50px; line-height: 50px; min-width: 300px; display: flex; align-items: center; justify-content: center; color: var(--white) }
.step-button-row .next-btn>span { margin: 0 0 0 10px }
.step-button-row .next-btn>span>img { margin: 0; display: inline-block }
.step-button-row .back-btn>span { margin: 0 10px 0 0 }
.step-button-row .back-btn>span>img { margin: 0; display: inline-block }
.duration-budget { display: flex; align-items: center; justify-content: space-between; margin: 0 0 40px }
.duration-budget .contract-duration { width: 42% }
.create-job-publish h5 { font-weight: 600; font-size: 20px; line-height: 22px; color: var(--dark-grey); margin: 0 0 16px; display: flex; align-items: center }
.create-job-publish h5 a img { margin: 0 0 0 30px }
.contract-duration-block { display: flex; align-items: center; margin: 0 0 0 0 }
.contract-duration-block p { width: auto; display: flex; align-items: center; color: var(--dark-grey); font-weight: 500; font-size: 15px; margin: 0 24px 0 0 }
.contract-duration-block p span { border-radius: 5px; background-color: var(--darkest-grey); color: var(--white); font-weight: 600; font-size: 14px; height: 35px; line-height: 1; padding: 0 18px; margin: 0 0 0 10px; display: flex; align-items: center }
.contract-duration-block p span img { margin: 0 8px 0 0 }
p.title-job { width: var(--full-width); border-radius: 5px; height: 54px; line-height: 54px; padding: 0 16px; background-color: rgba(236, 237, 239, 0.6); color: var(--dark-grey); font-weight: 500; font-size: 18px; margin: 0 0 40px }
p.description-job { width: var(--full-width); border-radius: 5px; height: auto; line-height: 24px; padding: 16px; background-color: var(--light-grey); color: var(--dark-grey); font-weight: 500; font-size: 16px; margin: 0 0 40px }
div.description-job { width: var(--full-width); border-radius: 5px; height: auto; line-height: 24px; padding: 16px; background-color: var(--light-grey); color: var(--dark-grey); font-weight: 500; font-size: 16px; margin: 0 0 40px }
p.categories-job { display: flex; align-items: center; margin: 0 0 40px; flex-wrap: wrap }
p.categories-job span { background-color: #6C9BA1; font-size: 16px; color: var(--white); height: 30px; line-height: 1; padding: 0 8px; display: flex; align-items: center; border-radius: 20px; margin: 0 8px 8px 0 }
p.categories-job span img { margin: 0 0 0 8px }
.duration-budget .publish-budget { width: 59% }
.duration-budget .publish-budget .job-budget { display: flex; align-items: center; justify-content: flex-start }
.create-job-publish .job-post-details-info ul.address-post li p { width: 100%; margin: 0 0 0 }
.attachment-publish .details-content-attachment ul { padding: 0; background-color: transparent }
.attachment-publish .details-content-attachment ul li { padding: 0; margin: 0 0 0 20px }
.attachment-publish .details-content-attachment ul li:first-child { margin: 0 }
.new-job-details .job-post .job-post-top { display: flex; align-items: center; justify-content: space-between }
.new-job-details .job-post-accnt { display: flex; width: 60%; justify-content: space-between }
.new-job-details .job-post-accnt-info { display: flex; align-items: center; background-color: var(--darkest-grey); border-radius: 5px; padding: 32px 24px; width: 60% }
.new-job-details .job-post-accnt-info .post-acnt-img { width: 130px; height: 100px; border-radius: 50%; overflow: hidden; border: 4px solid rgb(236, 237, 239, 0.4); padding: 7px; display: flex; align-items: center; justify-content: center; margin: 0 18px 0 0; position: relative }
.new-job-details .job-post-accnt-info .post-acnt-img img { border-radius: 50%; width: 98px; height: 98px; position: relative; z-index: 1; padding: 7px }
.new-job-details .job-post-accnt-info .prof-basic-info { width: auto; color: var(--white) }
.new-job-details .job-post-accnt-info .prof-basic-info h5 { font-weight: 800; font-size: 20px; line-height: 24px; margin: 0 0 10px }
.new-job-details .job-post-accnt-info .prof-basic-info p { display: flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 20px; margin: 0 0 8px }
.new-job-details .job-post-accnt-info .prof-basic-info p img { margin: 0 5px 0 0 }
.new-job-details .job-post-accnt-info .post-acnt-img .ratings { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 10; bottom: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); color: var(--white); font-size: 12px; font-weight: 600; width: 100%; padding: 8px 0; background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(48, 48, 48, 0.9) 100%); background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(48, 48, 48, 0.9) 100%); background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(48, 48, 48, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#e6303030', GradientType=0) }
.new-job-details .job-post-accnt-info .post-acnt-img .ratings img { width: 15px; height: 15px; margin: 0 4px 0 0; padding: 0 }
.new-job-details .job-total { display: flex; align-items: center; justify-content: center; flex-flow: column; background-color: var(--darkest-grey); border-radius: 5px; padding: 32px 24px; color: var(--white) }
.new-job-details .job-total p { font-weight: 500; font-size: 14px; line-height: 17px; text-align: center }
.new-job-details .job-total h4 { font-weight: 700; font-size: 40px; line-height: 49px }
.new-job-details .job-post-about { width: 38% }
.new-job-details .job-post-about h3 { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--white); margin: 0 0 8px }
.new-job-details .job-post-about p { font-size: 16px; line-height: 24px; color: var(--white); margin: 0 0 22px }
.new-job-details .job-post-about .button-row { display: flex; align-items: center }
.new-job-details .job-post-about .button-row a { font-weight: 600; font-size: 18px; line-height: 24px; color: var(--white); background: url(/img/right-arrow.svg) right center no-repeat; padding: 0 22px 0 0; margin: 0 0 0 30px }
.new-job-details .job-post-about .button-row a:hover { color: var(--orange); padding: 0 26px 0 0 }
.new-job-details .job-post-about .button-row .view-btn { justify-content: right; float: right; height: 40px; line-height: 40px; color: var(--white); min-width: 155px; text-transform: none }
.new-job-details .job-post-details { padding: 0 }
.new-job-details .job-post-details .post-heading { display: flex; align-items: center; justify-content: space-between; margin: 0 0 40px }
.new-job-details .job-post-details .post-heading h2 { font-weight: bold; font-size: 40px; color: var(--dark-grey) }
.new-job-details .job-post-details .post-heading h2 span { font-size: 16px; font-weight: 400; line-height: 20px; display: block; margin: 10px 0 0 }
.new-job-details .job-post-details .post-heading button.view-btn { color: var(--white); height: 45px; line-height: 45px; font-size: 22px; font-weight: 500 }
.new-job-details .job-post-details .post-heading .applied { display: flex; align-items: center; font-size: 18px; font-weight: 500; width: 30% }
.new-job-details .job-post-details .post-heading .applied img { margin: 0 0 0 10px }
.new-job-details .post-features { display: flex; align-items: center; margin: 0 0 40px }
.new-job-details .post-features-inn { width: auto; margin: 0 40px 0 0 }
.new-job-details .post-features-inn h4 { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--dark-grey); margin: 0 0 10px }
.new-job-details .post-features ul { display: flex; }
.new-job-details .post-features ul li { width: auto; margin: 0 8px 0 0; border-radius: 5px; padding: 6px 14px; display: flex; align-items: center; font-weight: 600; font-size: 18px; color: var(--white); background-color: var(--darkest-grey); min-width: 125px; justify-content: center }
.new-job-details .post-features ul li img { margin: 0 8px 0 0; width: 20px }
.new-job-details .post-features ul.job-post-category li { font-weight: 500; font-size: 14px; color: var(--white); padding: 6px 14px }
.new-job-details .job-post-details-info { width: var(--full-width); display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 0 0 40px 0; flex-flow: column }
.new-job-details .job-post-details-info-box { width: 60%; margin: 0 0 32px 0 }
.new-job-details .job-post-details-info-box h4 { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--dark-grey); margin: 0 0 10px }
.new-job-details .job-post-details-info ul { display: flex; background-color: transparent }
.new-job-details .job-post-details-info ul li { width: 49%; background-color: var(--light-grey); margin: 0 16px 0 0; border-radius: 5px; display: flex; align-items: center; padding: 14px; font-weight: 500; font-size: 16px; color: var(--dark-grey) }
.new-job-details .job-post-details-info ul li .point { width: 32px; height: 32px; background-color: var(--orange); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 18px; color: var(--white); border-radius: 50%; margin: 0 16px 0 0 }
.new-job-details .job-post-details-info ul li img { margin: 0 12px 0 0 }
.new-job-details .job-post-details-info ul li strong { font-weight: bold; margin: 0 4px 0 0 }
.new-job-details .job-post-details-info .job-post-details-info-box.requirements-box ul { display: block; background-color: var(--light-grey); border-radius: 5px; padding: 16px 0 }
.new-job-details .job-post-details-info .job-post-details-info-box.requirements-box ul li { width: auto; background-color: transparent }
.new-job-details .job-post-details-info .job-post-details-info-box.requirements-box ul.address-post li p { background-color: transparent }
.new-job-details .job-post-details-info ul.address-post li { background-color: transparent; display: flex; align-items: center; justify-content: space-between; padding: 0 }
.new-job-details .job-post-details-info ul.address-post li p { padding: 18px; line-height: 22px; font-weight: 500; font-size: 16px; color: var(--dark-grey); display: flex; align-items: center; background-color: var(--white); border-radius: 5px; width: 72% }
.new-job-details .job-post-details-info ul.address-post li .onmap-btn { color: var(--white); font-size: 18px; font-weight: 500 }
.new-job-details .job-post-details-info ul.address-post li .onmap-btn:after { background: url(/img/map-icon-w.svg) 0 center no-repeat }
.new-job-details .job-post-details-content { margin: 0 0 40px 0 }
.new-job-details .job-post-details-content h4 { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--dark-grey); margin: 0 0 10px }
.new-job-details .job-post-details-content p { font-weight: 400; font-size: 16px; line-height: 28px; color: var(--dark-grey); margin: 0 0 10px }
.new-job-details .job-post-details-content p span { font-weight: 500 }
.new-job-details .details-content-attachment { width: var(--full-width) }
.new-job-details .details-content-attachment ul { display: flex; flex-wrap: wrap }
.new-job-details .details-content-attachment ul li { margin: 0 0 0 20px; width: auto }
.new-job-details .details-content-attachment ul li:first-child { margin: 0 }
.new-job-details .details-similar-jobs { color: var(--white) }
.new-job-details .details-similar-jobs ul.result-list { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between }
.new-job-details .details-similar-jobs ul.result-list li { width: 49%; margin: 0 0 15px }
.new-job-details .details-similar-jobs ul.result-list li p { color: var(--white) }
.new-job-details .job-post-details .post-heading .btn-box { display: flex; align-items: center }
.new-job-details .job-post-details .post-heading .btn-box img { margin: 0 0 0 20px }
.new-job-details .job-post-details .post-heading button.view-btn { color: var(--white); height: 45px; line-height: 45px; font-size: 18px; font-weight: 500 }
.new-job-details .job-post-details .post-heading .applied { display: flex; align-items: center; font-size: 18px; font-weight: 500; width: 30% }
.new-job-details .job-post-details .post-heading .applied img { margin: 0 0 0 10px }
.new-job-details .bidding-job { margin: 0 0 40px }
.new-job-details .bidding-job h4 { font-size: 20px; font-weight: 600; color: var(--dark-grey); margin: 0 0 15px }
.new-job-details .emp-bidding { width: var(--full-width); display: flex; align-items: center; margin: 20px 0 30px }
.new-job-details .emp-bidding a { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.25); font-weight: bold; font-size: 26px; background: linear-gradient(180deg, #CB7767 0%, #D38979 100%); color: var(--white); display: flex; align-items: center; justify-content: center; margin: 0 0 0 -20px }
.new-job-details .emp-bidding a img { width: 70px; height: 70px; border-radius: 50%; border: 1px solid var(--dark-grey); display: block }
.new-job-details .emp-bidding a:first-child { margin: 0 }
.new-job-details .job-apply-bttn-row { display: flex; align-items: center; justify-content: space-between; margin: 0 0 50px }
.new-job-details .job-apply-bttn-row button { color: var(--white); height: 45px; line-height: 45px; font-size: 18px; font-weight: 500 }
.new-job-details .job-apply-bttn-row .reports-icon { display: flex; align-items: center; font-weight: 500; font-size: 20px; color: var(--dark-grey) }
.new-job-details .job-apply-bttn-row .reports-icon img { margin: 0 10px 0 0 }
.verification-level-top { background-color: var(--dark-grey); padding: 30px 0; border-top: 2px solid var(--white) }
.verification-level-top .center { padding-top: 0 !important }
.verification-steps h2 { font-weight: bold; font-size: 20px; line-height: 24px; color: var(--dark-grey); padding: 0 0 16px; display: flex; align-items: center; margin: 0; justify-content: flex-start }
.verification-steps h2 img { margin: 0 0 0 16px }
.verification-steps .step-level { font-size: 16px; font-weight: 400; line-height: 20px; color: var(--medium-grey); margin: 0 0 8px; display: inline-block }
.verification-steps p { font-weight: 400; font-size: 14px; line-height: 22px; margin: 0 0 15px }
.verification-steps p a { color: var(--orange) }
.verifications-form { margin: 30px 0 }
.verifications-form ul { display: flex; flex-wrap: wrap; justify-content: space-between }
.verifications-form ul li { width: 48%; margin: 0 0 30px; position: relative }
.verifications-form ul li label { font-weight: 600; font-size: 18px; color: var(--dark-grey); display: block; width: var(--full-width); margin: 0 0 8px; display: flex; align-items: center }
.verifications-form ul li input.input-field { background-color: var(--light-grey); height: 60px; line-height: 60px; font-size: 18px; font-weight: 500; color: var(--dark-grey); padding: 0 15px; margin: 0 0 8px; border-radius: 5px; width: 62%; display: inline-block }
.verifications-form ul li .sendlink-btn { position: absolute; top: 0; right: 0; color: var(--white) }
.verifications-form ul li #verify_link { top: 69px !important }
.setiing-block .settings-right .verifications-form ul li .sendlink-btn#verify_link { top: 89px !important }
.next-prev-row { padding: 40px 0 90px }
.next-prev-row .next-btn { height: 50px; line-height: 50px; min-width: 300px; display: flex; align-items: center; justify-content: center; color: var(--white); background: var(--dark-grey); float: right }
.next-prev-row .next-btn:hover { background: var(--medium-grey) }
.next-prev-row .next-btn img { margin: 0 0 0 16px }
.next-prev-row .back-btn { height: 50px; line-height: 50px; min-width: 300px; display: flex; align-items: center; justify-content: center; color: var(--white); background: var(--dark-grey); float: left }
.next-prev-row .back-btn img { margin: 0 16px 0 0 }
.verifications-form ul li.verify-number .sendlink-btn { top: 0 }
.verifications-form ul li.verify-number p { margin: 0; position: relative }
.verifications-form ul li.verify-number p input.input-field { padding: 0 15px 0 145px }
.mob-pincode { width: 110px; border-radius: 5px; border: 1px solid var(--medium-grey); height: 40px; padding: 8px; font-weight: 500; font-size: 14px; color: var(--dark-grey); background-color: transparent; position: absolute; top: 10px; left: 10px }
.verification-media { width: var(--full-width) }
.verification-media ul { display: flex; justify-content: space-between; flex-wrap: wrap }
.verification-media ul li { width: 49%; background-color: var(--light-grey); border-radius: 5px; padding: 16px; margin: 0 0 30px }
.verification-media ul li .top-head { display: flex; align-items: center; justify-content: space-between; margin: 0 0 8px }
.verification-media ul li .top-head .connect-btn { min-width: auto; color: var(--white); font-size: 16px; font-weight: 500; height: 35px; line-height: 35px; padding: 0 16px }
.verification-media ul li .top-head .connected-btn { min-width: auto; color: var(--medium-grey); font-size: 16px; font-weight: 500; height: 35px; line-height: 35px; padding: 0 16px; background: var(--white) }
.verification-media ul li .top-head h3 { display: flex; align-items: center; font-weight: bold; font-size: 18px; color: var(--dark-grey) }
.verification-media ul li .top-head h3 img { margin: 0 10px 0 0; width: 40px; height: 40px }
.dnt-acnt { color: var(--dark-grey); float: right; font-size: 20px; margin: 10px 16px 0 0; display: inline-block }
.dnt-acnt:hover { color: var(--green) }
.address-verifications .verify-address .select { width: 100%; height: 60px; border: 1px solid var(--dark-grey); border-radius: 5px; margin: 0 0 8px }
.address-verifications .verify-address .select .selectBtn { height: 58px; line-height: 58px }
.address-verifications .verify-address .select .selectDropdown { border: 1px solid var(--lighter-grey); top: 101% }
.address-verifications .verify-address input.input-field { border: 1px solid var(--dark-grey); background-color: var(--white); width: 100% }
.address-map { width: 100%; border-radius: 5px; border: 1px solid var(--medium-grey); overflow: hidden; margin: 0 0 50px }
.address-map img { width: 100% }
.address-verifications .upload-btn { color: var(--white); font-size: 18px; font-weight: 500; padding: 0 30px; float: right }
.address-verifications .verify-address input.input-field.card-id { background: url(/img/card-profile.svg) 16px center no-repeat; padding: 0 20px 0 50px }
.verifications-form.address-verifications ul li.verify-address { width: 38% }
.verifications-form.address-verifications ul li { width: 58% }
.address-verifications .verify-card-btn { width: 100%; text-align: center; color: var(--white); font-weight: 500; font-size: 18px; margin: 70px 0 0 }
.card-verifications ul { display: flex; align-items: center; justify-content: space-between }
.card-verifications ul li { width: 49%; background-color: var(--light-grey); border-radius: 5px; padding: 16px; overflow: hidden }
.card-verifications ul li p { display: flex; align-items: center; justify-content: space-between; margin: 0 }
.card-verifications ul li [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px }
.card-verifications ul li [type="radio"]:checked+label, .card-verifications ul li [type="radio"]:not(:checked)+label { position: relative; padding-left: 0; cursor: pointer; line-height: 28px; display: inline-block; margin: 0 }
.card-verifications ul li [type="radio"]:checked+label:before, .card-verifications ul li [type="radio"]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 28px; background-color: var(--dark-grey); border-radius: 50% }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li label { padding-left: 0; cursor: pointer; line-height: 28px; display: inline-block; margin: 0; justify-content: center }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.active-tab:first-child label, .l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.active-tab:first-child p { color: var(--white) !important }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.active-tab:first-child { background-color: var(--green) }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.active-tab:first-child label, .l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.active-tab:first-child p { color: var(--white) !important }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.active-tab:last-child label, .l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.active-tab:last-child p { color: var(--dark-grey) !important }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.active-tab:last-child { background-color: var(--yellow) }
.l-modal.choose-admin-popup .card-verifications ul li [type="radio"]:checked+label:after, .l-modal.choose-admin-popup .card-verifications ul li [type="radio"]:not(:checked)+label:after { content: ''; display: block; position: absolute; top: 5px; left: 11px; width: 6px; height: 14px; border: solid var(--white); border-width: 0 2px 2px 0; transform: rotate(45deg) }
.l-modal.choose-admin-popup .card-verifications ul li [type="radio"]:not(:checked)+label:after { opacity: 0 }
.l-modal.choose-admin-popup .card-verifications ul li [type="radio"]:checked+label:after { opacity: 1 }
.l-modal.choose-admin-popup .card-verifications ul li [type="radio"]:not(:checked)+label:before { display: none }
.interview-verifications .interview-btn { color: var(--white); min-width: 400px; text-align: center; font-size: 20px; font-weight: 600 }
.longEnough { height: 100vh; width: 100%; overflow: auto }
.profile-button-row .profile-button-left .bttn.promote-btn { color: var(--dark-grey) }
.profile-map-image { margin-bottom: 10px }
.profile-map-image img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.review-pagination { margin-left: 20px; display: inline-block }
.review-pagination .left-arrow { margin-right: 8px }
.history-review-job .result-list li p { margin-bottom: 0 }
.history-review-job .result-list li .name { color: var(--medium-grey); font-size: 14px; margin-bottom: 8px }
.history-review-job .job-ratings { position: absolute; right: 17px; top: 26px; display: -moz-flex; display: -webkit-flex; display: flex; align-items: center; width: auto; font-size: 16px; font-weight: 500 }
.history-review-job .job-ratings span { font-weight: 400; margin-left: 5px; font-size: 14px }
.history-review-job .job-ratings img { margin-right: 8px }
.history-review-job .current-contract { display: -moz-flex; display: -webkit-flex; display: flex; flex-wrap: wrap; width: var(--full-width); margin-bottom: 20px }
.history-review-job .current-contract ul { display: -moz-flex; display: -webkit-flex; display: flex; flex-wrap: wrap }
.history-review-job .current-contract ul li { margin-right: 10px; color: var(--medium-grey); font-size: 16px; font-weight: 500 }
.history-review-job .current-contract ul li a { color: var(--medium-grey) }
.history-review-job .current-contract ul li a:hover { opacity: 0.7 }
.history-review-job .current-contract ul li.active { color: var(--dark-grey); font-size: 20px; font-weight: 600 }
.reports-inappropriate { display: flex; justify-content: flex-end; width: var(--full-width); color: var(--dark-grey); font-size: 20px; line-height: 24px; font-weight: 500; margin-top: 50px }
.reports-inappropriate img { margin-left: 10px }
.other-experience-list li { background-color: var(--light-grey) }
.other-experience-list li h3 { color: var(--dark-grey) }
.other-experience-list li p { color: var(--dark-grey) }
.provide-service .c-number { margin-bottom: 2px }
.provide-service .price-block { display: block; width: var(--full-width); font-size: 14px; color: #89E442; margin-bottom: 8px; font-weight: 600 }
.provide-service .set-price-box { flex-wrap: wrap }
.employee-category-row .category-box a { text-align: left }
.employee-category-row .top-category-box { position: absolute; top: 10px; left: 8px; width: var(--full-width); z-index: 1; display: -webkit-flex; display: -moz-flex; display: flex; align-items: center; justify-content: space-between; padding: 0 10px }
.employee-category-row .top-category-box .hour-box { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 6px 8px; background-color: var(--dark-grey); color: #89E442; font-size: 14px; line-height: 1.1; font-weight: 600 }
.employee-category-row .top-category-box .hour-box span { position: inherit; color: #89E442; opacity: 1; font-size: 12px; font-weight: 400; margin-left: 3px }
.employee-category-row .top-category-box .attach-box { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 6px 8px; background: linear-gradient(180deg, #CB7767 0%, #D38979 100%); color: var(--white); font-size: 14px; line-height: 1.1; font-weight: 600; display: flex; align-items: center }
.employee-category-row .top-category-box .attach-box img { margin-right: 4px }
.involved-category .employee-public-category-row { width: var(--full-width) }
.public-provide-service-row .right-slider { width: var(--full-width) }
.public-provide-service-row .right-slider .provider-box { width: 19% }
.profile-button-row .profile-button-right .bttn.chat-btn { height: 50px; line-height: 50px; min-width: 70px; padding: 0 15px; color: var(--white); font-weight: 500; margin: 0 5px 0 0 }
.profile-button-row .profile-button-right .bttn.hire-btn { height: 50px; line-height: 50px; min-width: 70px; padding: 0 15px; color: var(--white); font-weight: 500; margin: 0 5px 0 0 }
.profile-button-row .profile-button-right .bttn.favourites-btn { height: 50px; line-height: 50px; min-width: 100px; padding: 0 15px; color: var(--black); font-weight: 500; background-color: #C5C5C5 }
.profile-button-row .profile-button-right .bttn.favourites-btn img { vertical-align: middle; margin-top: -5px; margin-left: 3px }
.profile-button-row .profile-button-right .bttn.chat-btn { display: flex }
.profile-button-row .profile-button-right .bttn.chat-btn>img { width: 25px; height: 38px; margin: 4px 0 0 8px }
.interview-verifications h6 { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--dark-grey); margin: 0 0 24px }
.next-prev-row .finish-btn { height: 50px; line-height: 50px; min-width: 300px; display: flex; align-items: center; justify-content: center; color: var(--white); background: var(--medium-grey); float: right }
.verifi-pop { display: flex; justify-content: space-between; align-items: center }
.verifi-pop p { width: 60%; line-height: 26px }
.involved-category .employee-category-row .top-category-box, .involved-category .employee-category-row .category-box a { z-index: 0 }
.employee_edit_profile_blade .involved-category .employee-category-row .category-box a.user-sub-category { z-index: 1; height: 80% }
.modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.6); z-index: 12 }
.modal-content { background-color: var(--white); margin: auto; padding: 50px 40px 40px; border: 0; width: 100%; position: relative; max-width: 800px; border-radius: 5px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10 }
.close1 { color: #303030; float: right; font-size: 50px; font-weight: 300; position: absolute; right: 24px; top: 24px; cursor: pointer; text-indent: -99999px; background-image: url(/img/close-cross.svg); background-repeat: no-repeat; background-position: 0 0; width: 16px; height: 16px }
.close_request_cat_modal { color: #303030; float: right; font-size: 50px; font-weight: 300; position: absolute; right: 24px; top: 24px; cursor: pointer }
.modal-content h4 { font-weight: bold; font-size: 24px; line-height: 29px; text-align: center; margin: 0 0 24px; color: var(--dark-grey); display: flex; align-items: center }
.modal-content p { font-weight: 500; font-size: 16px; line-height: 20px; text-align: left; margin: 0 0 24px; color: var(--dark-grey) }
.links-bar { background-color: var(--light-grey); border-radius: 5px; padding: 0; display: flex; align-items: center; justify-content: space-between }
.links-bar a { width: 50%; text-align: center; font-weight: 500; font-size: 16px; color: var(--dark-grey); line-height: 50px; display: inline-block }
.links-bar a.selected-link { background-color: var(--green); border-radius: 5px; color: var(--white) }
.links-bar a.selected-link:last-child { background-color: var(--yellow); color: var(--dark-grey) }
.copied-link { background-color: var(--light-grey); padding: 0 0 0 16px; font-size: 16px; font-weight: 500; color: var(--black); display: flex; align-items: center; justify-content: space-between }
.copied-link span.mainLink { width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.copied-link .profile-link-btn { margin: 0 !important; color: #fff; text-transform: none; display: flex; align-items: center; justify-content: center }
.profile-shared { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap }
.profile-shared li { width: 49%; background-color: var(--light-grey); border-radius: 5px; padding: 16px; display: flex; align-items: center; justify-content: space-between; margin: 10px 0 }
.profile-shared li .share-bttns { color: var(--white); height: 35px !important; line-height: 35px !important; padding: 0 24px !important; margin: 0 !important; min-width: auto }
.profile-shared li .share-bttns span { color: var(--white); font-weight: 500 }
.profile-shared li span { display: flex; align-items: center; font-weight: bold; font-size: 18px; color: var(--dark-grey) }
.profile-shared li span img { margin: 0 8px 0 0 }
.down-btn-row { display: flex; align-items: center; justify-content: space-between }
.down-btn-row .down-pdf-btn { width: 49%; text-align: center; height: 50px; line-height: 50px; color: var(--white); font-weight: 600; font-size: 16px }
body.modal-open .longEnough { overflow: hidden; height: auto }
.job-post-modal .modal-content { max-width: 1300px }
.job-post-modal .modal-content .post-features-inn { margin: 0 20px 0 0 }
.job-bidding-modal .modal-content { padding: 60px 20px 50px }
.bidding-profile.scrollbar { max-height: 600px }
.bidding-profile { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 30px }
.bidding-profile li { width: 49.3%; border-radius: 5px; background-color: var(--light-grey); padding: 20px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 16px; padding: 16px 0 16px 95px }
.bidding-profile li .bidding-pro-img { width: 80px; height: 80px; border-radius: 50%; border: 2px solid var(--lighter-grey); overflow: hidden; padding: 5px; position: absolute; left: 16px }
.bidding-profile li .bidding-pro-img img { width: 100%; height: 100%; border-radius: 50% }
.bidding-profile li .bidding-pro-info { }
.bidding-profile li .bidding-pro-info .date { font-size: 14px; line-height: 17px; color: var(--dark-grey); margin: 0 0 6px }
.bidding-profile li .bidding-pro-info h3 { font-size: 18px; line-height: 22px; font-weight: 700; color: var(--dark-grey); display: flex; align-items: center; width: auto }
.bidding-profile li .bidding-pro-info h3 .ratings { margin: 0 0 0 20px; font-size: 12px; display: flex; align-items: center; color: var(--dark-grey); font-weight: 400; width: 76px }
.bidding-profile li.bid_proposal .bidding-pro-info h3 .ratings { color: var(--white) }
.bidding-profile li .bidding-pro-info h3 .ratings img { margin: 0 8px 0 0 }
.bidding-profile li .bidding-pro-info a.view { font-size: 16px; font-weight: 600; color: var(--orange) }
.bidding-profile li .bidding-pro-info a.view.myBtn_multis { font-size: 16px; color: var(--white); background: linear-gradient(180deg, #CB7767 0%, #D38979 100%); width: 100%; max-width: 165px; font-weight: 500; text-align: center; padding: 0 10px; border-radius: 3px; height: 30px; line-height: 30px; display: inline-block }
.bidding-profile li .bidding-pro-amount { display: flex; align-items: center; justify-content: center; flex-flow: column; font-size: 40px; line-height: 38px; font-weight: 700; color: var(--dark-grey) }
.bidding-profile li .bidding-pro-amount span { font-size: 14px; color: var(--dark-grey); font-weight: 400; margin: 0 0 }
.job-post-modal .modal-content .apply-row { margin: 0 0 40px }
.apply-row label { font-weight: normal; display: block; font-size: 14px; line-height: 17px; color: var(--medium-grey); margin: 0 0 5px; width: 100% }
.apply-row span { font-weight: bold; font-size: 20px; color: var(--dark-grey); line-height: 24px }
.apply-row p { width: 24%; display: inline-block; vertical-align: middle; margin: 0 30px 0 0 }
.apply-row p span { font-size: 24px; font-weight: 700; background-color: var(--light-grey); border-radius: 5px; padding: 20px; display: block; margin: 0; text-align: center }
.apply-row p span.perhour { font-size: 12px; font-weight: 400; color: var(--medium-grey); margin: 0 0 0 20px; display: inline-block; padding: 0; text-align: left }
.apply-row p span.apply-offer-price { background-color: transparent; border: 1px solid var(--medium-grey); display: flex; align-items: center; justify-content: space-between; padding: 12px }
.apply-row p span.apply-offer-price input[type="text"] { background-color: transparent; border: 0px; font-weight: 600; font-size: 26px; width: 75px; color: var(--black); margin: 0 0 0 10px; text-align: right }
.apply-row p span.apply-offer-price span.perhour { background-color: transparent }
.apply-row h3 { font-weight: 600; font-size: 20px; color: var(--dark-grey); margin: 0 0 16px }
.apply-row .letter-box { border: 1px solid #C5C5C5; border-radius: 5px; width: 100% }
.apply-row .letter-box .rich-text { width: var(--full-width); border-radius: 5px; background-color: var(--light-grey); color: var(--orange); font-size: 14px; font-weight: 500; padding: 6px 16px; border-bottom: 1px solid #C5C5C5 }
.apply-row .letter-box p { margin: 0; font-size: 16px; font-weight: 400; width: var(--full-width); line-height: 24px; padding: 16px }
.apply-row .letter-box .characters-left { font-size: 10px; font-weight: 400; display: flex; justify-content: flex-end; padding: 0 8px 8px 0; line-height: 12px; color: var(--dark-grey) }
.apply-row .send-bttn { float: right }
.bidding-profile li.bid_proposal { background-color: var(--dark-grey) }
.bidding-profile li.bid_proposal .bidding-pro-info .date, .bidding-profile li.bid_proposal .bidding-pro-info h3, .bidding-profile li.bid_proposal .bidding-pro-amount, .bidding-profile li.bid_proposal .bidding-pro-amount span { color: var(--white) !important }
.current-job-post .job-post-accnt { width: 35% }
.current-job-post .job-post-accnt-info { width: 100% }
.current-job-post .job-post-rates { width: 50% }
.current-job-post .job-post-rates .rates-top { display: flex; justify-content: space-between }
.current-job-post .job-post-rates .rates-box { width: 24%; border-radius: 5px; background-color: var(--darkest-grey); padding: 16px; display: flex; flex-flow: column; justify-content: center; align-items: center }
.current-job-post .job-post-rates .rates-box span { font-size: 16px; font-weight: 400; color: var(--white); text-align: center; width: var(--full-width); line-height: 18px; margin: 0 0 16px }
.current-job-post .job-post-rates .rates-box label { font-size: 30px; font-weight: 700; color: var(--white); text-align: center; line-height: 35px; position: relative; display: flex; justify-content: center; align-items: flex-end }
.current-job-post .job-post-rates .rates-box label em { font-size: 14px; font-weight: 400; font-style: normal; margin: 0px 0 0 5px; line-height: 26px }
.current-job-post .job-post-rates .rates-box label span { position: absolute; bottom: -10px; font-size: 12px; font-weight: 400; margin: 0; right: -20px }
.current-job-post .job-post-rates .rates-box a { font-size: 16px; font-weight: 600; color: var(--dark-grey); text-transform: uppercase }
.current-job-post .job-post-rates .rates-box.selected { background: linear-gradient(180deg, #E3E3E3 0%, #C6C6C6 100%); color: var(--dark-grey) }
.current-job-post .job-post-rates .rates-box.selected span, .current-job-post .job-post-rates .rates-box.selected label, .current-job-post .job-post-rates .rates-box.selected label span { color: var(--dark-grey) }
.current-job-post .job-post-rates .rates-bottom { display: flex; justify-content: space-between; margin: 16px 0 0 }
.current-job-post .job-post-rates .rates-bottom p { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-radius: 5px; background-color: var(--darkest-grey); color: var(--white); font-size: 16px; font-weight: 400; width: 49% }
.current-job-post .job-post-rates .rates-bottom p span { font-size: 20px; font-weight: 700 }
.current-post-feature { justify-content: space-between }
.current-post-feature .post-features-inn { width: 45% }
.current-post-feature .post-features-inn ul { flex-wrap: wrap }
.current-post-feature .post-features-inn ul li { margin: 0 10px 10px 0 }
.current-post-button-row { background-color: var(--light-grey); border-radius: 5px; padding: 20px; display: flex; align-items: center; justify-content: space-between; width: auto }
.current-post-button-row a { margin: 0 4px }
.border-button { border: 1px solid var(--dark-grey); min-width: 150px; text-align: center; display: flex; align-items: center; font-weight: 500; font-size: 15px; color: var(--dark-grey); justify-content: center; height: 40px; line-height: 40px; background-color: #fff }
.border-button img { margin: -4px 8px 0; width: 20px; display: inline-block; height: 30px }
.border-button:hover { background-color: var(--yellow) }
.current-post-button-row .payment-btn { color: var(--white); height: 40px; line-height: 40px; font-weight: 500; min-width: 160px; font-size: 16px }
.current-post-button-row a.end-rqst { font-size: 16px; color: var(--dark-grey); font-weight: 500 }
.apply-row textarea { width: var(--full-width); border: 1px solid #C5C5C5; border-radius: 5px; height: 150px; resize: none; font-size: 16px; font-weight: 400; line-height: 24px; padding: 12px }
.contract-box-inn ul.new-lang { display: flex; align-items: flex-start; justify-content: space-between }
.contract-box-inn ul.new-lang li { width: 44%; padding: 16px; background-color: var(--white); border-radius: 5px; display: flex; align-items: center }
.contract-box-inn ul.new-lang li.rem_lang { position: absolute; background: transparent; left: 20%; width: auto }
.contract-box-inn ul.new-lang li.rem_lang img { cursor: pointer }
.contract-box-inn ul.new-lang li:after { display: none }
.contract-box-inn ul.new-lang li input[type="text"] { height: auto; line-height: 1; border: 0; margin: 0 }
.contract-box-inn ul.new-lang li select.level { width: 100%; background: transparent; font-size: 16px; padding: 0 12px; appearance: none; -moz-appearance: none }
.profile-apply-row .profile-button-right .apply-btn { font-size: 18px; color: var(--white); font-weight: 500; text-transform: none; height: 50px; line-height: 50px; background: var(--dark-grey); padding: 0 20px }
.profile-apply-row .profile-button-right .apply-btn:hover { background: var(--black) }
.profile-apply-row { justify-content: flex-end }
.provide-service .edit-about-description { background-color: var(--white); border: 1px solid var(--dark-grey) }
.provide-service .edit-about-description textarea { width: var(--full-width); min-height: 250px; resize: none; font-size: 16px; line-height: 24px }
.provide-service.employee-edit-category-row .top-category-box { justify-content: flex-end }
.involved-category .employee-edit-category-row ul li .category-box a { text-align: center; z-index: 1 }
.involved-category .employee-edit-category-row .top-category-box { justify-content: flex-end; z-index: 1; width: 100% }
.involved-category .employee-edit-category-row .top-category-box a.category_delete { top: -10px; position: absolute; left: -10px; padding: 28px 16px }
.other-edit-experience-list li { background-color: var(--white); border: 1px solid var(--dark-grey) }
.other-edit-experience-list li h3 { color: var(--dark-grey) }
.other-edit-experience-list li p { color: var(--dark-grey) }
.other-edit-experience-list .delet-icon { position: absolute; right: 16px; top: 20px; cursor: pointer }
.apply-changes-btn { text-align: right }
.apply-changes-btn .bttn { background-color: var(--dark-grey) }
.apply-changes-btn .bttn:hover { background-color: var(--black) }
.add-experience-btn { margin: 0 0 20px; display: inline-block; width: var(--full-width) }
.add-experience-btn .bttn { background-color: var(--green); width: var(--full-width) }
.add-experience-btn .bttn:hover { background-color: var(--medium-dark-green) }
.edit-suggest-category-row .delet-icon { position: absolute; right: 11px; top: 11px; z-index: 1; cursor: pointer }
.employer_edit_profile_blade .edit-suggest-category-row .delet-icon { position: absolute; right: 21px; top: 4px; z-index: 1; cursor: pointer }
.edit-suggest-category-row .category-box:after { display: none }
.employee-edit-category-row .top-category-box .delet-icon { cursor: pointer; display: -moz-flex; display: -webkit-flex; display: flex; position: static }
.employee-edit-category-row .category-edit-box .category-box:after { opacity: 0.5 }
.employee-edit-category-row .category-edit-box .category-box:hover:after { opacity: 1 }
.employee-edit-category-row .category-edit-box .delet-icon img { margin-left: 10px; background: #333; border-radius: 5px; padding: 4px; width: 26px }
.employee-edit-category-row .category-edit-box .delet-icon span { transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; position: absolute; right: -65px; top: 0; font-size: 16px; color: var(--white) }
.employee-edit-category-row .category-edit-box .delet-icon:hover span { opacity: 1; right: 36px }
.edit-sub-button { display: flex; display: -moz-flex; display: -webkit-flex; justify-content: center; margin-top: 10px; padding-top: 15px; border-top: 1px solid var(--white); overflow: hidden }
.edit-sub-button li { margin-right: 40px }
.edit-sub-button li:last-child { margin-right: 0 }
.edit-sub-button .edit-icon { width: 21px; height: 21px; background-image: url(/img/edit-w.svg); background-repeat: no-repeat; background-position: 0 0; display: inline-block }
.edit-sub-button .delet-icon { width: 20px; height: 22px; background-image: url(/img/delet-w.svg); background-repeat: no-repeat; background-position: 0 0; padding-left: 20px; color: var(--white); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; display: flex; display: -moz-flex; display: -webkit-flex; align-items: center; position: relative; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px) }
.edit-sub-button li .delet-icon span { font-size: 14px; color: var(--white); position: absolute; padding-left: 5px; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in }
.edit-sub-button li .delet-icon:hover span { position: inherit; opacity: 1 }
.edit-sub-button li .delet-icon:hover { transform: translateX(-28px); -moz-transform: translateX(-28px); -webkit-transform: translateX(-28px) }
.employee-info ul li { background-color: var(--medium-dark-green); padding: 10px 10px; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.employee-info .languages-list ul li span.level { text-align: right; width: 40%; font-size: 14px; display: flex; display: -moz-flex; display: -webkit-flex; justify-content: flex-end; align-items: center }
.employee-info .languages-list ul li span.level img { margin-left: 7px }
.employee-info .languages-list ul li .langs { width: 50%; display: flex; display: -moz-flex; display: -webkit-flex; align-items: center }
.employee-info .languages-list ul li .langs img { margin-right: 7px }
.employee-info .education-list { background-color: var(--medium-dark-green); padding: 7px 10px; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: flex; display: -moz-flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative }
.employee-info .education-list .education-left { width: 88% }
.employee-info .education-list .education-right { width: 9%; text-align: right; position: absolute; top: 10px; right: 10px }
.employee-profile .about-info .add-button { background: var(--medium-dark-green); line-height: 40px; font-weight: 500; font-size: 14px; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; position: absolute; bottom: 0; left: 0; width: var(--full-width); color: var(--white); text-align: center; width: 100%; border-radius: 0 0 5px 5px }
.employee-profile .about-info .add-button:hover { background: var(--dark-green) }
.employee-profile .edit-languages-list .level select { background: none; color: var(--white); font-size: 14px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(/img/bottom-drop-arrow-w.svg); background-repeat: no-repeat; background-position: center right; padding-right: 14px }
.about-info .hide-button img { display: inline-block; margin: 0 8px -5px }
.employee-profile .edit-languages-list .level select option { color: var(--dark-grey) }
.about-info .money-headings { padding: 12px 0 }
.edit-languages-list { padding: 0; margin: 0 }
.edit-suggest-category-row .category-edit-box .delet-icon span { color: var(--black) }
.employer-profile .about-info .add-button { background: var(--light-yellow); display: flex; display: -moz-flex; display: -webkit-flex; align-items: center; justify-content: center; line-height: 40px; font-weight: 500; font-size: 14px; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; position: absolute; bottom: 0; left: 0; width: var(--full-width); color: var(--dark-grey); border-radius: 0 0 5px 5px }
.employer-info .education-list { background-color: var(--light-yellow) }
.employer-info ul li { background-color: var(--light-yellow); padding: 7px 10px; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.employer-info .languages-list ul li span.level { text-align: right; width: 40%; font-size: 14px; display: flex; display: -moz-flex; display: -webkit-flex; justify-content: flex-end; align-items: center }
.employer-info .languages-list ul li span.level img { margin-left: 7px }
.employer-info .languages-list ul li .langs { width: 50%; display: flex; display: -moz-flex; display: -webkit-flex; align-items: center }
.employer-info .languages-list ul li .langs img { margin-right: 7px }
.employer-info .education-list { background-color: var(--light-yellow); padding: 7px 10px; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: flex; display: -moz-flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative }
.employer-info .education-list .education-left { width: 88% }
.employer-info .education-list .education-right { width: 9%; text-align: right; position: absolute; right: 10px; top: 10px }
.employer-profile .edit-languages-list .level select { background: none; color: var(--dark-grey); font-size: 14px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(/img/bottom-drop-arrow-b.svg); background-repeat: no-repeat; background-position: center right; padding-right: 12px }
.js-modal-services .modal-content { max-width: 1200px }
.js-modal-services .verifi-pop { display: block }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; height: 50px; line-height: 50px; font-size: 16px; padding: 0 12px }
.select2-container--default .select2-selection--multiple .select2-selection__clear { height: 50px; margin: 0 !important }
.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid var(--dark-grey); border-radius: 5px; cursor: text; height: 50px }
.select2-container--default .select2-selection--multiple { border-width: 1px }
.select2-container .select2-search--inline { margin: 0 }
.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; padding: 0; height: 50px !important; font-size: 16px !important; padding: 0 !important; color: var(--dark-grey) !important; margin: 0 !important }
.select2-container .select2-selection--multiple--custom .select2-search--inline { width: auto !important }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #6C9BA1 !important; border: 1px solid #6C9BA1 !important; border-radius: 20px !important; cursor: default; float: left; width: auto; padding: 0 20px !important; font-size: 16px !important; color: #fff !important; margin: 0 10px 10px 0 !important }
.top-category-box-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 6px 0 0 }
.top-category-box-wrap .top-category-box { width: 49%; margin: 10px 0px }
.top-category-box-wrap .top-category-box .service-name-cls { width: 100%; background-color: var(--light-grey); border-radius: 5px; text-align: center; font-weight: bold; font-size: 16px; color: var(--dark-grey); height: 50px; line-height: 50px; position: relative; display: flex; align-items: center; justify-content: center }
.top-category-box-wrap .top-category-box .service-name-cls:after { position: absolute; content: ""; right: 16px; top: 50%; width: 16px; height: 10px; background: url(/img/ascdending-icon.svg) 0 0 no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.top-category-box-wrap .top-category-box .service-name-cls.add-cat-open:after { position: absolute; content: ""; right: 16px; top: 50%; width: 16px; height: 10px; background: url(/img/descending-icon.svg) 0 0 no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.top-category-box-wrap .top-category-box .service-name-cls:after { }
.top-category-box-wrap .top-category-box .service-name-cls img { margin: 0 16px 0 0; width: 26px;  height: 26px; }
.top-category-box-wrap .top-category-box .add-category-filter { width: 100% !important; flex-wrap: wrap; justify-content: flex-start }
.top-category-box-wrap .top-category-box .add-category-filter li { width: auto !important; margin: 0 10px 10px 0 }
.top-category-box-wrap .top-category-box .add-category-filter li a { border-radius: 5px; background-color: #fff; height: 30px; line-height: 30px; font-weight: normal; font-size: 16px !important; display: flex; align-items: center; padding: 0 12px; color: var(--dark-grey); border: 1px solid #303030; width: auto }
.js-modal-services .next-prev-row { padding: 20px 0 0 }
.js-modal-services .next-prev-row button { float: right; height: 45px; line-height: 45px; color: var(--white) }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option .select2-results__option { font-size: 16px }
.map_canvas input[type="text"] { width: 90%; border: 1px solid var(--dark-grey); left: 0 !important }
.choose-attach-file .choose-attach-file-inn { min-height: calc(100vh - 584px); display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap }
.choose-attach-file .choose-attach-file-inn.add-attach-file { justify-content: flex-start }
.choose-attach-file .choose-attach-file-inn .files_address { margin: 0; order: 2; width: 85% }
.choose-attach-file .choose-attach-file-inn .files_address ul { display: flex; align-items: center; justify-content: flex-start; padding: 0; width: 100%; flex-wrap: wrap }
.choose-attach-file .choose-attach-file-inn .files_address ul li { width: 170px; height: 170px; border-radius: 5px; overflow: hidden; margin: 0 16px 16px 0; padding: 0 10px; display: flex; align-items: center; justify-content: center; flex-flow: column; text-align: center; font-size: 14px; background-color: transparent !important; border: 6px solid var(--light-grey); word-break: break-word; font-weight: 500 }
.choose-attach-file .choose-attach-file-inn .files_address ul li:after { display: none }
.choose-attach-file .choose-attach-file-inn .choose-file-job { width: 184px; height: 170px; border-radius: 5px; overflow: hidden; background: url(/img/add-attach-img.svg) 0 0 no-repeat; cursor: pointer; order: 1; margin: 0 16px 0 0 }
.choose-attach-file .choose-attach-file-inn .choose-file-job input[type="file"] { width: 184px; height: 184px; overflow: hidden; opacity: 0; display: block }
.choose-attach-file .choose-attach-file-inn .files_address ul li img { position: absolute; right: 0; background: transparent; top: 0; border-radius: 0 0 0 5px; padding: 4px; cursor: pointer }
.choose-attach-file .choose-attach-file-inn .files_address ul li img.delete_image { background: #CB4F34 }
.top-category-box { position: absolute; top: 10px; left: 0; width: var(--full-width); z-index: 1; display: -webkit-flex; display: -moz-flex; display: flex; align-items: center; justify-content: space-between; padding: 0 8px }
.top-category-box .hour-box { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 6px 8px; background-color: var(--dark-grey); color: #89E442; font-size: 14px; line-height: 1.1; font-weight: 600 }
.top-category-box .hour-box span { position: inherit; color: #89E442; opacity: 1; font-size: 12px; font-weight: 400; margin-left: 3px }
.top-category-box .attach-box { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 6px 8px; background: linear-gradient(180deg, #CB7767 0%, #D38979 100%); color: var(--white); font-size: 14px; line-height: 1.1; font-weight: 600; display: flex; align-items: center }
.top-category-box .attach-box img { margin-right: 4px }
.profile-statements img { width: 82px; height: 82px; border-radius: 50% }
.create-job-publish .job-post-details { padding: 0 }
.address-map input#searchInput { border: 1px solid var(--dark-grey); height: 40px; line-height: 40px; top: 10px !important; width: 60%; font-size: 14px; color: var(--dark-grey); background: var(--white) }
.address-attachments label.custom-file-upload { text-transform: none; width: 50% !important; text-align: center; display: flex; justify-content: center }
.address-attachments { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end }
.address-attachments ul { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin: 0 20px 0 0 }
.address-attachments ul li { background-color: var(--light-grey); border-radius: 5px; padding: 0 16px; height: 60px; display: flex; font-size: 14px; align-items: center; justify-content: space-between; width: auto !important; margin: 0 0 10px 10px }
.address-attachments ul li img { margin: 0 0 0 25px }
.template_category .verifi-pop { font-weight: 500; font-size: 16px; line-height: 20px; text-align: left; margin: 0 0 24px; color: var(--dark-grey) }
.template_category .profile-shared li { background-color: transparent; padding: 0 }
.template_category .profile-shared li select { background-color: var(--light-grey) !important }
.template_category .down-btn-row { margin: 30px 0 0; justify-content: flex-end }
.template_category .down-btn-row .select_template { order: 2; height: 45px; line-height: 45px }
.template_category .down-btn-row a.create_nw { order: 1; margin: 0 16px 0 16px }
.template_category .down-btn-row .use_template { height: 45px; line-height: 45px; color: var(--white); text-transform: none; display: inline-block; vertical-align: middle; float: right; margin: 0 0 0 24px }
.category_add .add-modal-header { text-align: left }
.category_add .apply-row { margin: 0 0 16px; position: relative }
.category_add .apply-row .title-length { position: absolute; right: 4px; bottom: -6px; font-size: 10px; font-weight: 400 }
.category_add .apply-row label { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--dark-grey) }
.category_add .apply-row .input-text { background: transparent; height: 40px; line-height: 40px; font-size: 14px; border-color: #C5C5C5; color: var(--dark-grey); margin-bottom: 16px }
.category_add .apply-row .pack-desc { height: 100px; line-height: 18px; padding-left: 16px 16px 26px 16px }
.category_add .apply-row .desc-length { position: absolute; right: 4px; bottom: 4px; font-size: 10px; font-weight: 400 }
.category_add .rate-box { display: flex; align-items: baseline; justify-content: space-between; position: relative; padding: 60px 0 40px }
.category_add .rate-box h6 { position: absolute; top: 0; left: 0; font-size: 16px; font-weight: 600 }
.category_add .rate-box .onoff-btn { position: absolute; right: 0; top: 0; display: flex; justify-content: flex-end; align-items: center; font-size: 16px; padding: 0 50px 0 0 }
.category_add .rate-box .onoff-btn .onoffbtn { right: 0; position: absolute; margin: 0 }
.category_add .rate-box .fixed-rate { width: 49%; margin: 0; flex-wrap: wrap }
.category_add .rate-box .choose-hourly-rate { width: 49%; display: flex; justify-content: flex-end; font-size: 14px; color: var(--medium-grey) }
.category_add .rate-box .fixed-rate p { margin: 0; font-size: 14px }
.category_add .rate-box .fixed-box-rate { margin: 0 10px 0 0; flex: 0 0 50%; padding: 0 0 0 6px }
.fees-box { flex: 0 0 100%; background-color: #F5F6F7; border-radius: 5px; margin: 8px 0 0 0; padding: 16px; display: flex; align-items: center; justify-content: space-between }
.fees-box label { font-size: 14px; font-weight: 500; display: flex; align-items: center; color: var(--dark-grey); line-height: 18px }
.fees-box label img { margin: 0 0 0 10px }
.fees-box span.add-fees-amount { font-size: 18px; font-weight: 600; color: var(--orange); position: initial !important; width: 240px; text-align: right; padding: 0 0 0 16px }
.fees-box label>span { position: inherit !important }
.category_add .rate-box .fixed-box-rate img { width: 28px }
.category_add .rate-box .fixed-box-rate input[type="text"], .category_add .add-range-box input[type="text"] { width: 90px; font-size: 26px; font-weight: 600; padding: 0 8px }
.category_add .rate-box .choose-hourly-rate .fixedRate { width: 100% }
.category_add .address-attachments label.custom-file-upload { text-transform: none; width: auto !important; background: var(--dark-grey); height: 45px; line-height: 45px; order: 1; position: relative;     margin: 4px 0; }
.category_add .address-attachments .attach_service { order: 2; width: calc(100% - 220px) }
.category_add .address-attachments { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: flex-start; max-height: 100px; overflow: visible }
.category_add .address-attachments ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 0 20px 0 0; width: 100% }
.category_add .address-attachments ul li { background-color: var(--light-grey) !important; border-radius: 20px; padding: 5px 5px 5px 10px; display: flex; font-size: 14px; align-items: center; justify-content: space-between; width: auto !important; margin: 0 0 10px 10px }
.category_add .address-attachments ul li img { margin: 0 0 0 25px; border-radius: 50%; background: #CFCFCF; padding: 6px; width: 30px; height: 30px; cursor: pointer }
.category_add button.choose_cat { float: right; min-width: 300px; font-size: 16px; color: var(--white); text-transform: none; display: flex; align-items: center; justify-content: center; height: 45px; line-height: 45px; margin: 40px 0 0 0 }
.category_add button.choose_cat img { margin: 0 0 0 10px }
.category_add .rate-box .choose-hourly-rate span { position: absolute; top: 32px; right: 15px }
.category_add .add-range-box { font-size: 14px; line-height: 1; color: var(--dark-grey) }
.category_add .add-range-box img { margin: 0 0 0 0; width: 28px }
.modal.category_add .modal-content { max-width: 1060px }
.category_add .fixed-box-rate p span, .category_add .rate-box .add-range-box p span { width: 45px }
.modal_view .modal-content { max-width: 950px }
.modal_view .verifi-pop { margin: 0 0 24px }
.modal_view .category_added { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; height: 100%; max-height: 150px; overflow: hidden; overflow-y: auto }
.modal_view .category_added li a { background-color: #6C9BA1; font-size: 16px; color: var(--white); font-weight: 400 }
.modal_view .apply-row { margin: 0 0 24px }
.modal_view .apply-row label { font-size: 14px; line-height: 17px; color: var(--medium-grey) }
.modal_view .apply-row label.view-modal-title { font-size: 16px; font-weight: 500; line-height: 20px; color: var(--dark-grey); background-color: var(--light-grey); padding: 16px; border-radius: 5px }
.modal_view .apply-row label.view-modal-desc { font-size: 16px; font-weight: 500; line-height: 20px; color: var(--dark-grey); background-color: var(--light-grey); padding: 16px; border-radius: 5px }
.modal_view .rate-box p { margin: 0 }
.modal_view .rate-box { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 35px 0 25px }
.modal_view .rate-box h6 { position: absolute; top: 0; left: 0; font-size: 16px; font-weight: 600; color: var(--medium-grey) }
.modal_view .rate-box .onoff-btn { position: absolute; right: 0; top: 0; display: flex; justify-content: flex-end; align-items: center; font-size: 16px; padding: 0 50px 0 0 }
.modal_view .rate-box .onoff-btn .onoffbtn { right: 0; position: absolute }
.modal_view .rate-box .fixed-rate, .modal_view .rate-box .max_fixed { width: 49%; margin: 0; position: relative; border-radius: 5px }
.dashboard_blade .modal_view .rate-box .fixed-rate, .dashboard_blade .modal_view .rate-box .max_fixed { width: 49%; margin: 0; position: relative; background-color: transparent; border-radius: 5px }
.modal_view .rate-box .fixed-rate img, .modal_view .rate-box .max_fixed img { width: 28px }
.modal_view .rate-box .max_fixed h6 { top: -35px }
.modal_view .rate-box .choose-hourly-rate { width: 49%; display: flex; justify-content: flex-end; font-size: 14px; color: var(--medium-grey) }
.modal_view .rate-box .fixed-rate p { margin: 0; font-size: 14px }
.modal_view .rate-box .fixed-box-rate { margin: 0 10px 0 0 }
.modal_view .rate-box .fixed-box-rate input[type="text"], .category_add .add-range-box input[type="text"] { width: 90px; font-size: 26px; font-weight: 600; background-color: transparent; text-align: right; padding: 0 5px 0 0 }
.modal_view .add-range-box { font-size: 14px; line-height: 1 }
.modal_view .fixed-box-rate p span, .category_add .rate-box .add-range-box p span { width: 45px }
.modal_view .address-attachments { margin: 0 0 24px; display: block }
.modal_view .address-attachments h6 { font-size: 16px; font-weight: 600; margin: 0 0 15px; color: var(--medium-grey) }
.modal_view .address-attachments .attached_files { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; list-style: none }
.modal_view .address-attachments .attached_files li { margin: 0 10px 10px 0 }
.modal_view .address-attachments .attached_files a { display: flex; align-items: center; padding: 5px 5px 5px 10px; background-color: var(--light-grey); color: var(--dark-grey); font-size: 14px; font-weight: 500; border-radius: 20px }
.modal_view .address-attachments .attached_files a img { margin: 0 0 0 25px; border-radius: 50%; background: #CFCFCF; padding: 6px; width: 30px; height: 30px }
.modal_view .next-prev-row { padding: 0; display: flex; justify-content: flex-end }
.modal_view .next-prev-row #editService { height: 45px; line-height: 45px; color: var(--white); text-transform: none }
.modal_view .rate-box .view_hour_min, .modal_view .rate-box .view_hour_max, .modal_view .rate-box .view_fixed_min { font-size: 20px; font-weight: 700; max-width: 168px; text-align: right; width: 100% }
.modal_view .rate-box .view_hour_min span, .modal_view .rate-box .view_hour_max span, .modal_view .rate-box .fixed-rate span { font-size: 9px; text-transform: lowercase }
.category_add .address-attachments .attach_service { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; list-style: none; margin: 0 0 0 20px }
.category_add .address-attachments .attach_service li { margin: 4px 0 4px 12px; height: 45px; line-height: 45px }
.category_add .address-attachments .attach_service a { display: flex; align-items: center; padding: 5px 5px 5px 10px; background-color: var(--light-grey); color: var(--dark-grey); font-size: 14px; font-weight: 500; border-radius: 20px }
.category_add .address-attachments .attach_service a img { margin: 0 0 0 25px; border-radius: 50%; background: #CFCFCF; padding: 6px; width: 30px; height: 30px }
.promote_modal .modal-content { max-width: 1000px }
.promote_modal .promotion-amount-group { display: flex; align-items: center; margin: 0 0 50px }
.promote_modal .promotion-amount-group label { font-weight: 600; font-size: 18px; color: var(--dark-grey) }
.promote_modal .promotion-amount-group .featuredShow { width: auto; margin: 0 0 0 15px; display: flex; align-items: center; border-radius: 5px; background-color: var(--light-grey); height: 30px }
.promote_modal .promotion-amount-group .featuredShow label { width: 80px; display: flex; align-items: center; justify-content: center; color: var(--dark-grey); font-weight: 400; font-size: 16px; border-radius: 5px; position: relative; cursor: pointer }
.promote_modal .promotion-amount-group .featuredShow label.active { color: #89E442; font-weight: bold; font-size: 16px; background: var(--dark-grey); height: 36px }
.promote_modal .promotion-amount-group .featuredShow label.active input[type="radio"] { position: absolute; opacity: 0 }
.promote_modal .promotion-amount-group .featuredShow label input[type="radio"] { position: absolute; opacity: 0 }
.promote_modal p { font-size: 16px; line-height: 20px; font-weight: normal; margin: 0 0 40px }
.promote_modal .total_cost { background-color: var(--dark-grey); border-radius: 5px; padding: 12px 16px; width: 25%; display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 18px; color: var(--light-grey) }
.promote_modal .total_cost span { font-weight: 600; font-size: 24px; color: #89E442; letter-spacing: 2px }
.promote_modal .next-prev-row { padding: 40px 0 0; display: flex; justify-content: flex-end }
.promote_modal .next-prev-row #promote { height: 45px; line-height: 45px; color: var(--white); text-transform: none }
.promoted_services_modal .modal-content { max-width: 1200px }
.promoted_services_modal .modal-content ul.bidding-profile { padding: 0 }
.promoted_services_modal .modal-content ul.bidding-profile li { background-color: var(--light-grey) !important; color: var(--dark-grey); padding: 16px }
.promoted_services_modal .modal-content ul.bidding-profile li div:first-child { font-weight: 600; font-size: 16px; width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.promoted_services_modal .modal-content ul.bidding-profile li .bidding-pro-amount { font-size: 14px; font-weight: 400 }
.promoted_services_modal .modal-content ul.bidding-profile li .bidding-pro-info { background: url(/img/date-icon.svg) 0 center no-repeat; padding: 0 0 0 26px }
.promoted_services_modal .bidding-profile.scrollbar { height: inherit }
.promoted_services_modal .modal-content ul.bidding-profile li.checked { background-color: var(--dark-grey) !important; color: var(--white) }
.promoted_services_modal .modal-content ul.bidding-profile li.checked .bidding-pro-info span, .promoted_services_modal .modal-content ul.bidding-profile li.checked .bidding-pro-amount { color: var(--white) }
.promoted_services_modal .send-bttn.promotes { height: 45px; line-height: 45px; color: var(--white); text-transform: none }
.job-bidding-modal .modal-content .bidding-profile.scrollbar.result-list { height: inherit }
.job-bidding-modal .modal-content .bidding-profile li .bidding-pro-info { width: 40%; display: block; margin: 0 16px 0 16px }
.job-bidding-modal .modal-content .bidding-profile li .bidding-pro-info .button-row { display: block; width: auto }
.job-bidding-modal .modal-content .bidding-profile li .bidding-pro-amount { width: 30%; border-radius: 5px; color: var(--dark-grey); padding: 16px; text-align: center }
.job-bidding-modal .modal-content .bidding-profile li .bidding-pro-amount span { color: var(--dark-grey) !important }
.job-bidding-modal .modal-content .bidding-profile li .bidding-pro-amount.bidding-pro-amount-fixed { background-color: var(--dark-grey); color: var(--white); display: flex; align-items: flex-start; justify-content: flex-start; flex-flow: column; width: 100%; max-width: 120px; font-size: 26px; font-weight: 700; margin: 0 8px 0 0 }
.job-bidding-modal .modal-content .bidding-profile li .bidding-pro-amount.bidding-pro-amount-hourly { background-color: #D9D9D9; color: var(--dark-grey) !important; display: flex; align-items: flex-start; justify-content: flex-start; flex-flow: column; width: 100%; max-width: 120px; font-size: 26px; font-weight: 700; margin: 0 8px 0 0 }
.job-bidding-modal .modal-content .bidding-profile li .bidding-pro-amount.bidding-pro-amount-fixed span { color: var(--white) !important }
.job-bidding-modal .modal-content .bidding-profile li.bid_proposal .bidding-pro-amount.bidding-pro-amount-fixed { background-color: var(--white); color: var(--dark-grey) !important }
.job-bidding-modal .modal-content .bidding-profile li.bid_proposal .bidding-pro-amount.bidding-pro-amount-hourly { background-color: #A9A9A9; color: var(--dark-grey) !important }
.job-bidding-modal .modal-content .bidding-profile li.bid_proposal .bidding-pro-amount.bidding-pro-amount-fixed span { color: var(--dark-grey) !important }
p.previous-bid-amounts { position: relative; margin: 10px 0 16px; padding: 0 0 0 20px }
p.previous-bid-amounts:before { position: absolute; content: ""; left: 0; top: 7px; border-radius: 5px; width: 10px; height: 4px; background-color: #CB7767 }
.details-similar-jobs ul.result-list.profile-bidding-list li { background-color: var(--light-grey); color: var(--dark-grey); padding-bottom: 16px; list-style-type: none }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row { display: flex; justify-content: space-between }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info { width: 55%; display: block; position: relative; padding: 0 0 0 95px; margin: 0 20px 0 0 }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info .pro-img { position: absolute; top: 0; left: 0; width: 80px; height: 80px }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info .pro-img img { border-radius: 50% }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info>a { color: var(--green); font-size: 16px; font-weight: 600; display: block; width: 100% }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info .pro-name { width: auto; display: inline-block; vertical-align: middle; margin: 0; font-size: 18px; line-height: 22px; font-weight: 700 }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info .rating-info { width: auto; display: inline-block; margin: 0 0 0 15px; align-items: center; vertical-align: middle }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info .rating-info span { margin: -1px 0 0 8px; display: inline-block; float: right }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info .bottom-row { margin: 10px 0 }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info .bottom-row button { height: 30px; line-height: 30px; font-size: 16px; font-weight: 400; min-width: 145px; margin: 0 8px 0 0; border-radius: 3px; text-transform: none }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info .bottom-row button.js-modal-show-confirm-box-hire { color: var(--white) }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info .bottom-row button.bttn-info { color: var(--dark-grey); display: flex; align-items: center; justify-content: center; border: 1px solid var(--dark-grey) }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .profile-info .bottom-row button.bttn-info img { margin: 0 0 0 4px; width: 16px }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .bid-info { background-color: var(--light-grey); border-radius: 5px; padding: 16px; width: 30%; display: flex; justify-content: center; align-items: flex-start; flex-flow: column; margin: 32px 0 0 }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .bid-info .profile-info { font-size: 14px; padding: 0; margin: 0; color: var(--dark-grey) }
.details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row .bid-info .bottom-row { font-size: 40px; font-weight: 700; line-height: 45px; padding: 0; margin: 0; color: var(--dark-grey) }
.details-similar-jobs ul.result-list.profile-bidding-list li p { color: var(--dark-grey); margin: 0 0 8px; min-height: auto }
.details-similar-jobs ul.result-list.profile-bidding-list li p a { color: var(--orange); text-transform: uppercase; margin: 0 0 0 6px; font-weight: 600 }
.details-similar-jobs ul.result-list.profile-bidding-list li .bid-date { position: absolute; right: 16px; top: 16px; font-size: 16px }
.job-intro-modal .top-intro-row { display: flex; justify-content: space-between; margin: 30px 0 30px }
.job-intro-modal .top-intro-row .job-total { background-color: var(--light-grey); border-radius: 5px; padding: 16px; width: auto; display: flex; justify-content: center; align-items: flex-start; flex-flow: column; margin: 0 0 0; text-align: left }
.job-intro-modal .top-intro-row .job-total p { margin: 0 }
.job-intro-modal .top-intro-row .job-total h4 { font-size: 40px; text-align: left; font-weight: 700; line-height: 45px; padding: 0; margin: 0; color: var(--dark-grey) }
.job-intro-modal .top-intro-row .profile-info { width: 28% }
.job-intro-modal .top-intro-row .profile-info .pro-img { width: 90px; height: 90px }
.job-intro-modal .top-intro-row .profile-info .pro-img img { border-radius: 50%; padding: 3px }
.job-intro-modal .intro-button-row { display: flex; justify-content: flex-end; margin: 50px 0 0 }
.job-intro-modal .intro-button-row button { margin: 0 0 0 10px; text-transform: none; height: 45px; line-height: 45px; min-width: 200px }
.job-intro-modal .intro-button-row button.prof_hire { height: 45px; line-height: 45px; color: var(--white); text-transform: none; font-size: 16px; padding: 0 20px }
.job-intro-modal p { font-size: 16px; font-weight: 400; line-height: 24px }
.job-vmjp-modal .job-post-details.inner-page-content { padding: 0 }
.job-vmjp-modal .job-post-details .center { padding: 0px; height: 500px; overflow-y: auto }
.job-vmjp-modal .job-post-details .center h4 { text-align: left; font-size: 15px; margin: 0 0 10px }
.job-vmjp-modal .job-post-details .center .post-features ul.job-post-category { flex-wrap: wrap }
.job-vmjp-modal .job-post-details .center .post-features ul.job-post-category li { margin: 0 0 5px 5px }
.job-vmjp-modal .job-post-details .center .bidding-job { margin: 0 0 30px }
.job-vmjp-modal .job-post-details .center .bidding-job .emp-bidding a { width: 70px; height: 70px; border-radius: 50%; border: 1px solid var(--dark-grey); display: inline-block; overflow: hidden; margin: 0 0 0 -30px }
.job-vmjp-modal .job-post-details .center .bidding-job .emp-bidding a:first-child { margin: 0 }
.job-vmjp-modal .job-post-details .center .bidding-job .emp-bidding a img { width: 70px; height: 70px; border-radius: 50% }
.job-vmjp-modal .job-post-details .center .address-post p { margin: 0 }
.job-vmjp-modal .job-post-details .center .post-features { align-items: flex-start }
.job-vmjp-modal .job-post-details .center .post-features ul li { font-size: 14px; font-weight: 500 }
.edit-profile-modal .apply-row { display: flex; align-items: center; justify-content: space-between }
.edit-profile-modal .apply-row p { width: 45% }
.edit-profile-modal .apply-row p span select { padding: 0; background-color: transparent; width: var(--full-width); font-size: 16px; color: var(--dark-grey); }
.edit-profile-modal .apply-row:last-child { display: flex; justify-content: flex-end; margin: 40px 0 0 }
.edit-profile-modal .apply-row:last-child button { height: 45px; line-height: 45px; color: var(--white); text-transform: none }
.edit-profile-modal.add-education-modal .apply-row { display: block; text-align: left }
.edit-profile-modal.add-education-modal .apply-row p { margin: 0 0 16px; width: 100% }
.edit-profile-modal.add-education-modal .apply-row p label { margin: 0 0 8px; font-size: 16px; font-weight: 600; color: var(--dark-grey) }
.edit-profile-modal.add-education-modal .apply-row p span { padding: 8px }
.edit-profile-modal.add-education-modal .apply-row p span input[type="text"], .edit-profile-modal.add-education-modal .apply-row p span input[type="date"] { width: 100%; text-align: left; font-size: 14px; font-weight: 400 }
.edit-profile-modal.add-education-modal .apply-row p textarea { border: 1px solid var(--medium-grey) }
.edit-profile-modal.add-licence-modal .apply-row { display: block; text-align: left }
.edit-profile-modal.add-licence-modal .apply-row p { margin: 0 0 16px; width: 100% }
.edit-profile-modal.add-licence-modal .apply-row p label { margin: 0 0 8px; font-size: 16px; font-weight: 600; color: var(--dark-grey) }
.edit-profile-modal.add-licence-modal .apply-row p span { padding: 8px }
.edit-profile-modal.add-licence-modal .apply-row p span input[type="text"], .edit-profile-modal.add-licence-modal .apply-row p span input[type="date"] { width: 100%; text-align: left; font-size: 14px; font-weight: 400 }
.edit-profile-modal.add-licence-modal .apply-row p textarea { border: 1px solid var(--dark-grey) }
.edit-profile-modal.add-certificate-modal .apply-row { display: block; text-align: left }
.edit-profile-modal.add-certificate-modal .apply-row p { margin: 0 0 16px; width: 100% }
.edit-profile-modal.add-certificate-modal .apply-row p label { margin: 0 0 8px; font-size: 16px; font-weight: 600; color: var(--dark-grey) }
.edit-profile-modal.add-certificate-modal .apply-row p span { padding: 8px }
.edit-profile-modal.add-certificate-modal .apply-row p span input[type="text"], .edit-profile-modal.add-certificate-modal .apply-row p span input[type="date"] { width: 100%; text-align: left; font-size: 14px; font-weight: 400 }
.edit-profile-modal.add-certificate-modal .apply-row p textarea { border: 1px solid var(--dark-grey) }
.edit-profile-modal.add-experience-modal .apply-row { display: block; text-align: left }
.edit-profile-modal.add-experience-modal .apply-row p { margin: 0 0 16px; width: 100% }
.edit-profile-modal.add-experience-modal .apply-row p label { margin: 0 0 8px; font-size: 16px; font-weight: 600; color: var(--dark-grey) }
.edit-profile-modal.add-experience-modal .apply-row p span { padding: 8px }
.edit-profile-modal.add-experience-modal .apply-row p span input[type="text"], .edit-profile-modal.add-experience-modal .apply-row p span input[type="date"] { width: 100%; text-align: left; font-size: 14px; font-weight: 400 }
.edit-profile-modal.add-experience-modal .apply-row p textarea { border: 1px solid var(--dark-grey) }
.js-modal-services .top-category-box-wrap .top-category-box { width: 49%; margin: 10px 0px; position: inherit; display: block }
.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 16px; line-height: 45px }
.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid var(--dark-grey); border-radius: 5px; height: 45px }
.DocumentFront_docs ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap }
.DocumentFront_docs ul li { display: flex; align-items: center; justify-content: center; background-color: var(--light-grey) !important; font-size: 14px; padding: 0 16px; border-radius: 20px }
.DocumentFront_docs ul li img { margin: 0 0 0 10px }
.noUi-connects { margin: 0px 0 0; background-color: var(--light-grey) }
.noUi-connect, .noUi-origin { top: 0 !important }
.full-width-result, .full-width-twocol-result { display: block }
.full-width-twocol-result ul.result-list { justify-content: space-between }
.full-width-twocol-result ul.result-list li { width: 49.4% }
.full-width-twocol-result ul.result-list .post-features .job-post-category { flex-wrap: wrap }
.full-width-twocol-result ul.result-list .post-features .job-post-category li { width: auto; margin: 0 8px 8px 0 }
.result-list.result-employee-section li .button-row .view-btn { position: inherit; text-transform: none }
.result-list.result-employee-section li .rate-addres { position: absolute; bottom: 16px }
.result-employee-section li .result-employee-left .result-employee-infos .inner-infos .profile-info { margin: 0 40px 0 0 }
.modal .edit-profile-icons { display: flex; align-items: center; justify-content: center; margin: 0 0 40px }
.edit-profile-modal .modal-content h4 { font-size: 18px }
.add-language-modal .modal-content { max-width: 480px }
.add-language-modal .modal-content .apply-row { display: block; width: 100% }
.add-language-modal .modal-content .apply-row p { width: 100%; margin: 0 0 20px }
.add-language-modal .modal-content .apply-row p label { display: none }
.add-language-modal .modal-content .apply-row p span.apply-offer-price { background-color: var(--light-grey); border: 0; height: 50px }
.add-language-modal .modal-content .apply-row:last-child { justify-content: center; display: flex }
.edit-profile-modal.add-education-modal .apply-row, .edit-profile-modal.add-licence-modal .apply-row, .edit-profile-modal.add-certificate-modal .apply-row { display: flex; flex-wrap: wrap }
.edit-profile-modal.add-education-modal .apply-row p, .edit-profile-modal.add-licence-modal .apply-row p, .edit-profile-modal.add-certificate-modal .apply-row p { width: 49% }
.edit-profile-modal.add-education-modal .apply-row:nth-child(2n) p, .edit-profile-modal.add-licence-modal .apply-row:nth-child(2n) p, .edit-profile-modal.add-certificate-modal .apply-row:nth-child(2n) p { width: 100% }
.edit-profile-modal.add-education-modal .apply-row p label, .edit-profile-modal.add-licence-modal .apply-row p label, .edit-profile-modal.add-certificate-modal .apply-row p label { font-size: 12px; color: var(--medium-grey); font-weight: 400 }
.add-asset-modal .modal-content, .add-vehicle-modal .modal-content { max-width: 400px }
.add-asset-modal .modal-content .apply-row p, .add-vehicle-modal .modal-content .apply-row p { width: 100%; margin: 0 }
.add-asset-modal .modal-content .apply-row p span.apply-offer-price, .add-vehicle-modal .modal-content .apply-row p span.apply-offer-price { height: 50px }
.add-asset-modal .modal-content .apply-row p span.apply-offer-price input[type="text"], .add-vehicle-modal .modal-content .apply-row p span.apply-offer-price input[type="text"] { width: 100%; text-align: left; font-size: 16px; font-weight: 400 }
.add-asset-modal .apply-row:last-child, .add-vehicle-modal .apply-row:last-child { justify-content: center }
.setiing-block { display: flex; justify-content: space-between }
.setiing-block .settings-left { width: 28%; border-right: 2px solid #C5C5C5; overflow: auto; position: -webkit-sticky; position: sticky; top: 100px; height: 25vh; min-height: 100vh }
.setiing-block .settings-right { width: 69% }
.setiing-block .settings-left h4 { font-size: 24px; font-weight: 600; color: var(--dark-grey); margin: 0 0 24px; padding: 0 0 0 32px }
.setiing-block .settings-left .settings-ul { margin: 0; padding: 0 }
.setiing-block .settings-left .settings-ul li { position: relative; font-size: 20px; font-weight: 400; color: var(--dark-grey); margin: 0 0 20px; padding: 0 0 0 32px; cursor: pointer; display: flex; align-items: center }
.setiing-block .settings-left .settings-ul li img { margin: 0 16px 0 0 }
.setiing-block .settings-left .settings-ul li.active img { filter: invert(46%) sepia(90%) saturate(294%) hue-rotate(322deg) brightness(99%) contrast(79%) }
.setiing-block .settings-left .settings-ul li:hover { color: var(--orange) }
.setiing-block .settings-left .settings-ul li.active:after { position: absolute; content: ""; height: 40px; width: 5px; background-color: var(--orange); top: -7px; left: 0 }
.setiing-block .settings-left .settings-ul li.active { color: var(--orange) }
.setiing-block .settings-right .step-level img, .settings_blade .verification-steps h4 img { margin: 0 0 0 16px }
.settings_blade .verification-steps h4 { display: flex; align-items: center }
.setiing-block .settings-right .step-level { font-size: 24px; font-weight: 600; margin: 0 0 10px; color: var(--dark-grey); display: flex; align-items: center }
.setiing-block .settings-right .step_1 .verifications-form ul li:first-child { width: 100% }
.setiing-block .settings-right .step_1 .verifications-form ul li:first-child input.input-field { width: 50% }
.setiing-block .settings-right .verifications-form ul li input.input-field { height: 50px; line-height: 50px; background-color: transparent; border: 1px solid #7A7A7A; width: 100%; color: #303030 }
.setiing-block .settings-right .verifications-form ul li label { font-size: 16px; height: 22px; font-weight: 700 }
.setiing-block .settings-right .verifications-form ul li .file-upload-outer .sendlink-btn { height: 62px; line-height: 50px; text-transform: none; width: 209px }
.setiing-block .settings-right .next-prev-row button, .setiing-block .settings-right .next-prev-row a { text-transform: none; min-width: auto; padding: 0 32px; height: 50px; line-height: 50px; color: var(--white) }
.setiing-block .settings-right .step_2 a.employee_cat { color: var(--orange); font-size: 16px; margin: 0 0 0 20px; font-weight: 600 }
.setiing-block .settings-right .step_2 .add-category-filter li a { background-color: #6C9BA1; color: var(--white) }
.profile_type { display: flex; align-items: center; margin: 20px 0 50px }
.profile_type span { background-color: var(--light-grey); font-size: 18px; font-weight: 600; color: var(--green); border-radius: 5px; padding: 12px 28px; margin: 0 18px 0 0 }
.profile_type a.change_type { font-size: 16px; color: var(--orange) }
.setiing-block .settings-right .step_2 .verification-media li p { font-size: 14px }
.setiing-block .settings-right .step_3 .verifications-form ul li:first-child { width: 100% }
.setiing-block .settings-right .step_3 .verifications-form ul li:first-child input.input-field { width: 50% }
.setiing-block .settings-right .step_3 .verifications-form ul li .mob-pincode { width: 125px; border-radius: 5px; border: 1px solid var(--medium-grey); height: 40px; padding: 8px; font-weight: 500; font-size: 14px; color: var(--dark-grey); background-color: transparent; position: absolute; top: 5px; left: 5px }
.setiing-block .settings-right .step_3 .verifications-form .verify-address select { width: 100% !important; height: 50px; line-height: 50px }
.setiing-block .settings-right .step_3 .verifications-form .address_attachments { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap }
.setiing-block .settings-right .step_3 .verifications-form .address_attachments li { margin: 0 5px 5px 0; width: auto !important; display: flex }
.setiing-block .settings-right .step_3 .verifications-form .address_attachments li a { background-color: var(--light-grey); border-radius: 5px; padding: 12px 12px; font-weight: 500; font-size: 18px; color: var(--dark-grey); line-height: 1; display: flex; align-items: center }
.setiing-block .settings-right .step_5 .step-level { margin: 0 0 8px }
.setiing-block .settings-right .step_5 .verifications-form p { font-size: 16px }
.setiing-block .settings-right .step_5 .verifications-form .onoff-btn { display: flex; align-items: center; font-size: 18px; width: 30%; justify-content: space-between }
.setiing-block .settings-right .step_5 .verifications-form .onoff-btn .onoffbtn { margin: 12px 12px 12px 0; order: 2 }
.setiing-block .settings-right .step_6 .verifications-form p { font-size: 20px; margin: 0 0 16px }
.setiing-block .settings-right .step_6 .verifications-form ul li:first-child { width: 100% }
.setiing-block .settings-right .step_6 .verifications-form ul li:first-child input.input-field { width: 50% }
.setiing-block .settings-right .step_6 .next-prev-row { display: flex; justify-content: flex-end }
.setiing-block .settings-right .step_8 .verefication-steps { width: 100% }
.profile-setting-row { margin: 20px 0 40px }
.profile-setting-row h6 { font-size: 20px; font-weight: 600; display: flex; align-items: center; margin: 0 0 15px }
.profile-setting-row p { font-size: 16px }
#sendoffer { width: 100%; margin: 0 0 50px }
#sendoffer ul { width: 100%; margin: 0 0 40px }
#sendoffer ul li { width: 100%; margin: 0 0 10px }
#sendoffer ul li label { width: 100%; font-size: 14px; color: var(--medium-grey); margin: 0 0 8px; display: flex; align-items: center }
#sendoffer ul li label img { margin: 0 0 0 8px }
#sendoffer ul li select { width: 100%; height: 50px; line-height: 50px; background-color: var(--light-grey); color: var(--dark-grey); font-size: 16px; border-radius: 5px; padding: 0 16px }
#sendoffer ul li select>option { display: flex; align-items: center; justify-content: space-between; padding: 0 16px }
#sendoffer ul li textarea { border: 1px solid #C5C5C5; height: 134px; border-radius: 5px; width: 100%; resize: none; padding: 16px; font-size: 16px; line-height: 20px }
#sendoffer .sendoffer { float: right; text-transform: none; font-size: 20px }
#sendoffer ul li:first-child { width: 100%; margin: 0 0 10px; display: flex; justify-content: flex-start }
#sendoffer ul li .job_div { width: 49% }
#sendoffer ul li .offer_price_div { width: 49% }
#sendoffer ul li .offer_price_div .offer_price_inner { background: var(--light-grey); border-radius: 5px; height: 50px; line-height: 50px; display: flex; align-items: center; justify-content: flex-start; padding: 16px }
#sendoffer ul li .offer_price_div .offer_price_inner input.offer_price { height: 40px; line-height: 40px; font-size: 18px; color: var(--dark-grey); background-color: transparent; margin: 0 0 0 16px; font-weight: 600 }
.see_offer-modal .modal-content, .see_hidden_offer-modal .modal-content { max-width: 1200px }
.top-intro-row { display: flex; justify-content: space-between }
.top-intro-row .job-title { width: 40% }
.top-intro-row .job-title label { font-size: 14px; color: var(--medium-grey); margin: 0 0 8px }
.top-intro-row .job-title p { font-size: 22px !important; line-height: 27px !important; font-weight: 700 !important; color: var(--dark-grey) !important }
.top-intro-row .job-price { width: 15%; border-radius: 5px; padding: 26px; background-color: var(--light-grey); color: var(--dark-grey); font-size: 14px; font-weight: 500; display: flex; flex-flow: column; justify-content: center }
.top-intro-row .job-price span { font-size: 17px; font-weight: 700 }
.top-intro-row .job-post-accnt-info { width: 40% }
.details-similar-jobs ul.result-list li .top-intro-row .job-post-accnt-info p { color: var(--white) !important; font-size: 13px; line-height: 16px; margin: 0 0 5px }
.details-similar-jobs ul.result-list li .top-intro-row .job-post-accnt-info a { font-size: 14px; color: var(--yellow) }
.see_offer-modal .modal-content div>h3, .see_hidden_offer-modal .modal-content div>h3 { color: var(--dark-grey); font-weight: 600; font-size: 20px; margin: 0 0 16px }
.see_offer-modal .modal-content div>p, .see_hidden_offer-modal .modal-content div>p { color: var(--dark-grey) !important; font-weight: 400; font-size: 14px; line-height: 18px; margin: 0 0 12px }
.see_offer-modal .modal-content .intro-button-row, .see_hidden_offer-modal .modal-content .intro-button-row { display: flex; align-items: center; justify-content: flex-end }
.see_offer-modal .modal-content .intro-button-row { justify-content: space-between; margin: 32px 0 0 }
.see_offer-modal .modal-content .intro-button-row .ajax-button-right { width: 65%; display: flex; justify-content: flex-end; align-items: center }
.see_offer-modal .modal-content .intro-button-row button, .see_hidden_offer-modal .modal-content .intro-button-row button { height: 40px; line-height: 40px; text-transform: none; margin: 0 0 0 10px }
.see_offer-modal .modal-content .top-intro-row .job-title { width: 36%; padding: 0 16px 0 0 }
.see_offer-modal .modal-content .top-intro-row .job-price.fixed-rate { background-color: var(--dark-grey); color: var(--white); display: flex; align-items: center; justify-content: center; flex-flow: column; margin-right: 8px; position: relative; padding: 16px; margin-top: 0 }
.see_offer-modal .modal-content .top-intro-row .job-price.fixed-rate span { font-size: 40px; line-height: 1; position: relative }
.see_offer-modal .modal-content .top-intro-row .job-price.hourly-rate { display: flex; align-items: center; justify-content: center; flex-flow: column; margin-right: 16px; position: relative; padding: 16px; margin-top: 0 }
.see_offer-modal .modal-content .top-intro-row .job-price.hourly-rate span { font-size: 40px; line-height: 1; position: relative }
.see_offer-modal .modal-content .top-intro-row .job-price.fixed-rate label, .see_offer-modal .modal-content .top-intro-row .job-price.hourly-rate label { position: absolute; width: 100%; text-align: center; top: 16px; left: 0 }
.see_offer-modal .modal-content .top-intro-row .job-price.fixed-rate span em, .see_offer-modal .modal-content .top-intro-row .job-price.hourly-rate span em { position: absolute; width: 100%; text-align: center; bottom: -20px; left: 0; font-style: normal; font-weight: normal; font-size: 12px; line-height: 15px }
.details-similar-jobs ul.result-list li .top-intro-row .job-post-accnt-info .post-acnt-img { width: 80px; height: 80px }
.details-similar-jobs ul.result-list li .top-intro-row .job-post-accnt-info .post-acnt-img>img { width: 80px; height: 80px }
.job-apply-modal .modal-content { max-width: 1244px }
.job-apply-modal .modal-content .new-offer-price-outer { display: flex; justify-content: space-between }
.job-apply-modal .modal-content .new-offer-price-outer .apply-job-price { width: 45% }
.job-apply-modal .modal-content .new-offer-price-outer .apply-job-price h5 { margin: 0 0 16px; text-transform: capitalize }
.job-apply-modal .modal-content .apply-job-price { display: flex; align-items: flex-start; justify-content: flex-start; flex-flow: column; margin: 0 0 12px }
.job-apply-modal .modal-content .apply-job-price .new-offer-price-inner { display: flex; align-items: center; justify-content: space-between; width: 100% }
.job-apply-modal .modal-content .apply-job-price .new-offer-price-inner p { width: 49%; margin: 0 }
.job-apply-modal .modal-content .apply-job-price .new-offer-price-inner p span { display: flex; align-items: center; justify-content: space-between }
.job-apply-modal .modal-content .apply-job-price p span.apply-offer-price input[type="text"] { width: 100% }
.job-apply-modal .modal-content .apply-job-price p.expected_note { font-size: 14px; width: 100%; margin: 6px 0 0; font-style: italic; min-height: 25px }
.job-apply-modal .modal-content .apply-job-price p { width: 40% }
.job-apply-modal .modal-content .apply-row { margin: 0 0 20px }
.job-apply-modal .modal-content .apply-row h3 { color: var(--dark-grey) !important }
.job-apply-modal .modal-content .apply-row button { height: 40px; line-height: 40px; color: var(--white); text-transform: none }
.step_5 .verifications-form h6 { font-size: 20px; font-weight: 500; margin: 0 0 20px }
.history-review-job ul.tabs { display: flex; align-items: center; margin: 0 0 16px }
.history-review-job ul.tabs li { position: relative; width: auto; padding: 0 16px }
.history-review-job ul.tabs li:first-child { padding-left: 0 }
.history-review-job ul.tabs li a { font-size: 16px; color: var(--medium-grey); font-weight: 400 }
.history-review-job ul.tabs li.active a { font-size: 22px; font-weight: 600; color: var(--dark-grey) }
.history-review-job ul.tabs li:after { position: absolute; left: 0; top: 0; content: "/"; font-size: 18px; color: var(--medium-grey); font-weight: 400 }
.history-review-job ul.tabs li:first-child:after { display: none }
.add-category-filter li.unpromoted-cat a { border: 1px solid var(--dark-grey); border-radius: 5px; background-color: transparent }
.add-category-filter li.unpromoted-cat.add-cat-open a { border: 0; background-color: #6C9BA1; border-radius: 20px; color: var(--white) !important }
.download_employer_pdf { color: #fff; text-transform: none; padding: 0 20px; height: 45px; line-height: 45px }
.history-review-job .tabContainer .tabContent .result-list li p { color: var(--white) }
.notification-heading { display: flex; align-items: center; justify-content: space-between; width: 100% }
.notification-heading span { font-size: 14px; font-weight: 400; color: var(--medium-grey); padding: 10px 16px }
.notification-heading span:first-child { width: 25% }
.notification-heading span:nth-child(2n) { width: 60% }
.notification-heading span:last-child { width: 15%; display: flex; justify-content: flex-end }
.notification-list li { background-color: #DFF9EE; display: flex; align-items: center; justify-content: space-between; border-radius: 5px; padding: 16px 0 }
.notification-list li .notifiaction-name { width: 25%; padding: 0 16px; display: flex; align-items: center; border-right: 1px solid rgb(48 48 48 / 10%) }
.notification-list li .notifiaction-name img { width: 44px; height: 44px; border-radius: 50%; padding: 3px; border: 2px solid var(--green) }
.notification-list li .notifiaction-name .pro-name { font-size: 16px; font-weight: 600; color: var(--dark-grey); margin: 0 0 0 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.notification-list li .notification-description { width: 60%; padding: 0 16px; font-size: 16px; line-height: 20px; font-weight: 400; color: var(--dark-grey); border-right: 1px solid rgb(48 48 48 / 10%) }
.notification-list li .notification-description a { font-size: 16px; line-height: 20px; font-weight: 400; color: var(--dark-grey) !important }
.notification-list li .notification-date { width: 15%; padding: 0 16px }
.notification-list li .notification-date p { font-weight: 500; font-size: 16px; color: var(--dark-grey); margin: 0; text-align: right }
fieldset, label { margin: 0; padding: 0 }
.full { border: none; float: left }
.fullstar { display: none }
.full:before { margin: 5px; font-size: 1.25em; font-family: FontAwesome; display: inline-block; content: "\f005" }
.full { color: #ddd; float: right }
.fullstar:checked~label, .full:not(:checked)>label:hover, .full:not(:checked)>label:hover~label { color: #FFD700 }
.fullstar:checked+label:hover, .fullstar:checked~label:hover, .full:hover~input:checked~label, .fullstar:checked~label:hover~label { color: #FFED85 }
.job-post-review .leave-review { display: flex; justify-content: space-between; margin: 0 0 50px }
.job-post-review .leave-review .review-details { width: 60%; display: flex; justify-content: space-between; flex-wrap: wrap }
.job-post-review .leave-review .review-details .job-post-rating { width: 45%; display: flex; align-items: center; justify-content: space-between; margin: 6px 0 }
.job-post-review .leave-review .review-details .job-post-rating h6 { font-weight: 500; font-size: 16px }
.job-post-review .leave-review .avarage-rating { background: var(--light-grey); border-radius: 5px; padding: 32px; display: flex; align-items: center; justify-content: space-between }
.job-post-review .leave-review .avarage-rating h6 { font-size: 22px; font-weight: 500; padding: 0; width: 25% }
.job-post-review .leave-review .avarage-rating p { height: 100px; width: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 700; color: var(--white); background-color: #CB4F34 }
.job-post-review .job-post-review-content { width: 100%; margin: 0 0 32px; position: relative }
.job-post-review .job-post-review-content h6 { font-weight: 500; font-size: 20px; margin: 0 0 16px }
.job-post-review .job-post-review-content textarea { border: 1px solid #C5C5C5; border-radius: 5px; padding: 16px; font-size: 16px; line-height: 24px; width: 100%; height: 215px; resize: none }
.job-post-review .job-post-review-send-button { display: flex; justify-content: flex-end }
.job-post-review .job-post-review-send-button button.submit_review { height: 45px; line-height: 45px; color: var(--white) }
.job-post-review .job-post-review-content span.char_count { position: absolute; right: 8px; bottom: 5px; font-size: 10px }
.category-details { width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px }
.category-details img { width: 210px; height: 210px; border-radius: 50% }
.category-details .category-details-info { width: calc(100% - 230px) }
.category-details .category-details-info h2 { font-weight: 800; font-size: 32px; line-height: 39px; color: var(--dark-grey); margin: 0 0 16px; display: flex; align-items: center }
.category-details .category-details-info h2>img { border-radius: 0; width: 25px; margin: 0 20px 0 0; height: auto }
.category-details .category-details-info .post-features { margin: 0 0 20px }
.category-details .category-details-info .post-features img { width: 20px; height: 20px; border-radius: 0 }
.category-details .category-details-info p { font-size: 16px; line-height: 20px; color: var(--dark-grey) }
.offer-listing-page h4 { text-align: center; margin: 0 0 40px; font-size: 30px; font-weight: 800 }
.offer-listing-page h6 { font-size: 22px; font-weight: 700; margin: 0 0 16px }
.offer-listing-page .job-post-details-content li { width: 100%; border-radius: 5px; padding: 16px; margin: 0 0 16px }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row { display: flex; justify-content: space-between }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left { width: auto }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left p { font-size: 14px; margin: 0; line-height: 20px }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-right p { font-size: 14px; margin: 0; line-height: 20px }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left h3 { font-size: 20px; font-weight: 600 }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-right { width: auto }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-right .offered-price { background: var(--dark-grey); color: var(--white); padding: 16px; border-radius: 5px; font-size: 14px; display: flex; align-items: center; justify-content: space-between }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-right .offered-price span { color: #89E442; font-size: 26px; font-weight: 700; margin: 0 0 0 10px; line-height: 1 }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row:nth-child(2n) { margin: 20px 0 }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row:nth-child(2n) .recieved-offer-left { width: 49%; border-radius: 5px; background-color: var(--light-grey); padding: 16px }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row:nth-child(2n) .recieved-offer-right { width: 49%; border-radius: 5px; background-color: var(--light-grey); padding: 16px }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row:nth-child(2n) .recieved-offer-left label, .offer-listing-page .job-post-details-content li .recieved-offer-inner-row:nth-child(2n) .recieved-offer-right label { font-size: 16px; font-weight: 600; margin: 0 0 8px; display: inline-block }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row:nth-child(2n) .recieved-offer-left p, .offer-listing-page .job-post-details-content li .recieved-offer-inner-row:nth-child(2n) .recieved-offer-right p { font-size: 16px; font-weight: 400; line-height: 1 }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row:nth-child(3n) .recieved-offer-left { width: 49%; display: flex; align-items: center; color: var(--dark-grey) }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row button { height: 40px; line-height: 40px; color: var(--dark-grey) }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row button.see_offer { color: var(--white) }
.offer-listing-page .pending-offers li { border: 1px solid var(--dark-grey) }
.offer-listing-page .hidden-offers li { border: 0px solid var(--dark-grey); background-color: #F5F6F7 }
.offer-listing-page .hidden-offers li .recieved-offer-inner-row .recieved-offer-right .offered-price { background-color: var(--medium-grey) }
.offer-listing-page .hidden-offers li .recieved-offer-inner-row .recieved-offer-right .offered-price span { color: var(--white) }
.offer-listing-page .pending-offers li .recieved-offer-inner-row:first-child>.recieved-offer-left { width: 75%; padding-right: 16px }
.reviews-list-tab { position: relative }
.reviews-list-tab ul.tabs { text-align: center; position: relative }
.reviews-list-tab ul.tabs li { margin: 0; padding: 0 8px; position: relative }
.reviews-list-tab ul.tabs li.active a:before { display: none }
.reviews-list-tab ul.tabs li.active a { font-size: 18px; font-weight: 600; color: var(--dark-grey) }
.reviews-list-tab ul.tabs li a { font-size: 14px; color: var(--medium-grey); font-weight: 400 }
.reviews-list-tab ul.tabs li:after { position: absolute; content: ""; right: -2px; top: 0; height: 30px; width: 1px; background-color: var(--medium-grey) }
.reviews-list-tab ul.tabs li:last-child:after { display: none }
.review-list { width: 100% }
.review-list ul { width: 100%; margin: 0; padding: 0; column-count: 2; column-gap: 16px; -webkit-column-count: 2; -webkit-column-gap: 16px }
.review-list ul li { width: 100%; margin: 0 0 16px; padding: 0; border-radius: 5px; border: 1px solid var(--dark-grey); padding: 16px; transition: all 0.7s easein 0.7s; display: inline-block }
.review-list ul li .top-row { width: 100%; display: flex; justify-content: space-between; align-items: center }
.review-list ul li .top-row .profile-rev { width: auto; display: flex; align-items: center }
.review-list ul li .top-row .profile-rev img { width: 62px; height: 62px; border-radius: 50%; border: 1px solid var(--medium-grey); padding: 3px; margin: 0 8px 0 0 }
.review-list ul li .top-row .profile-rev span { font-weight: 500; font-size: 16px; color: var(--dark-grey); display: flex; align-items: center; justify-content: center; line-height: 1 }
.review-list ul li .top-row .rating-avg { width: auto; border-radius: 5px; background-color: var(--dark-grey); padding: 6px 16px; color: var(--white); font-size: 20px; font-weight: 600 }
.review-list ul li .top-row .rating-avg img { margin: 0 8px 0 0 }
.review-list ul li span.date { font-size: 14px; font-weight: 400; color: var(--medium-grey); margin: 5px 0; display: block }
.review-list ul li h3 { font-weight: 600; font-size: 18px; line-height: 22px; color: var(--dark-grey); margin: 0 0 5px; display: block }
.review-list ul li p { font-size: 16px; color: var(--dark-grey); line-height: 24px; margin: 0 }
.avg-rating-top { position: absolute; right: 0; top: -40px; width: auto }
.avg-rating-top label { font-size: 14px; line-height: 17px; color: var(--medium-grey); text-align: right; margin: 0 0 6px; display: inline-block }
.avg-rating-top p { background-color: var(--yellow); color: var(--dark-grey); display: flex; align-items: center; justify-content: center; padding: 6px 16px; font-size: 20px; font-weight: 600; border-radius: 5px }
.avg-rating-top p img { margin: 0 8px 0 0 }
.review-close-job { background-color: var(--light-grey); padding: 32px 0; display: flex; align-items: center; margin: 0 0 30px }
.review-close-job .mike-bg { background-color: var(--orange); width: 250px; padding: 20px 0; border-radius: 0 100px 100px 0; display: flex; align-items: center; justify-content: center; margin: 0 22px 0 0 }
.review-close-job .report-content label { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--dark-grey); margin: 0 0 10px; display: block }
.review-close-job .report-content p { font-size: 16px; line-height: 24px; font-weight: 400; margin: 0 0 8px; display: block }
.review-close-job .report-content p a { color: var(--orange) }
.review-close-job .report-content p a:hover { color: var(--green) }
.fixed-header .header-r .nofication-submenu:after { content: " "; position: absolute; right: 20px; top: -10px; border-top: none; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid var(--darker-grey) }
.fixed-header .header-r .nofication-submenu { width: 300px; position: absolute; right: -16px; top: 100px; border-radius: 5px; background-color: var(--darker-grey); padding: 12px 0; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.fixed-header .header-r .nofication-submenu ul { width: 100%; margin: 0; padding: 0 }
.fixed-header .header-r .nofication-submenu ul.scrollbar { background-color: transparent; background: transparent; margin: 0; max-height: 390px; height: 100% }
.fixed-header .header-r .nofication-submenu ul li { width: 100%; margin: 0; padding: 8px 16px; display: flex; align-items: center; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.fixed-header .header-r .nofication-submenu ul li a { display: flex; align-items: center; width: 100% }
.fixed-header .header-r .nofication-submenu ul li img { width: 50px; height: 50px; border-radius: 50%; border: 1px solid var(--green); padding: 3px; margin: 0 8px 0 0 }
.fixed-header .header-r .nofication-submenu ul li .noti-content { width: calc(100% - 60px); padding: 0 16px 0 0 }
.fixed-header .header-r .nofication-submenu ul li .noti-content span { font-size: 12px; display: block; margin: 0 0 2px; color: var(--medium-grey); font-weight: 400 }
.fixed-header .header-r .nofication-submenu ul li .noti-content p { font-size: 14px; line-height: 17px; color: var(--white); display: block; font-weight: 400 }
.fixed-header .header-r .nofication-submenu ul li.not-read .noti-content p { font-weight: 600 }
.fixed-header .header-r .nofication-submenu ul li.not-read .noti-content span { color: #C5C5C5 }
.fixed-header .header-r .nofication-submenu .all-messages { font-size: 14px; font-weight: 600; color: var(--white); border-top: 1px solid var(--medium-grey); display: block; padding: 15px 0 5px; margin: 10px 0 0; text-align: center }
.fixed-header .header-r .nofication-submenu .all-messages:hover { color: var(--orange) }
.fixed-header .header-r .nofication-submenu ul.scrollbar::-webkit-scrollbar { background-color: transparent; width: 12px }
.fixed-header .header-r .nofication-submenu ul.scrollbar::-webkit-scrollbar-track { background-color: transparent }
.fixed-header .header-r .nofication-submenu ul.scrollbar::-webkit-scrollbar-track:hover { background-color: transparent }
.fixed-header .header-r .nofication-submenu ul.scrollbar::-webkit-scrollbar-thumb { background-color: #303030; border-radius: 16px; border: 3px solid var(--darker-grey) }
.fixed-header .header-r .nofication-submenu ul.scrollbar::-webkit-scrollbar-thumb:hover { background-color: #a0a0a5; border: 3px solid var(--darker-grey) }
.fixed-header .header-r .nofication-submenu ul.scrollbar::-moz-scrollbar { background-color: transparent; width: 12px }
.fixed-header .header-r .nofication-submenu ul.scrollbar::-moz-scrollbar-track { background-color: transparent }
.fixed-header .header-r .nofication-submenu ul.scrollbar::-moz-scrollbar-track:hover { background-color: transparent }
.fixed-header .header-r .nofication-submenu ul.scrollbar::-moz-scrollbar-thumb { background-color: #303030; border-radius: 16px; border: 3px solid var(--darker-grey) }
.fixed-header .header-r .nofication-submenu ul.scrollbar::-moz-scrollbar-thumb:hover { background-color: #a0a0a5; border: 3px solid var(--darker-grey) }
.fixed-header .header-r .nofication-submenu ul li.not-read .notread-alert { background-color: var(--red); color: var(--white); font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 5px; padding: 0px 10px; position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.fixed-header .header-r .nofication-submenu ul li:hover { background-color: var(--dark-grey) }
.fixed-header .header-r ul.after-login-header li.notification-link.selected .tooltip { opacity: 0 }
.fixed-header .header-r ul.after-login-header li.notification-link.selected .nofication-submenu { opacity: 1; visibility: visible; top: 63px }
.notification-list li .notification-description a.more { font-weight: 600; color: var(--green) !important; margin: 0 0 0 10px }
.notification-list li h3 { text-align: center; color: var(--dark-grey); width: 100% }
.new-job-details .job-post-details-info ul.payment-list { display: block; width: 100%; padding: 0; margin: 10px 0 }
.new-job-details .job-post-details-info ul.payment-list li { width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 0 2px }
.new-job-details .job-post-details-info ul.payment-list li:nth-child(2n+2) { margin: 0 0 30px }
.new-job-details .job-post-details-info ul.payment-list li>div { width: 20%; padding: 0 16px; font-size: 14px }
.new-job-details .job-post-details-info ul.payment-list li>div:nth-child(2) { width: 34% }
.new-job-details .job-post-details-info ul.payment-list li>div:nth-child(2) span.pro-name { display: flex; align-items: center }
.new-job-details .job-post-details-info ul.payment-list li>div.notification-description { width: 45%; padding: 0 5% 0 0 }
.new-job-details .job-post-details-info ul.payment-heading { display: flex; background-color: transparent; width: 100%; padding: 0 }
.new-job-details .job-post-details-info ul.payment-heading li { width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: transparent; margin: 0 }
.new-job-details .job-post-details-info ul.payment-heading li>div { width: 20%; padding: 0 16px; font-size: 15px; font-weight: 700; background-color: transparent }
.new-job-details .job-post-details-info ul.payment-heading li>div:nth-child(2) { width: 34% }
.new-job-details .job-post-details-info ul.payment-heading li>div.notification-description { width: 45%; padding: 0 5% 0 0 }
#report_form .apply-row p { width: 100% }
#report_form .apply-row { margin: 0 0 15px }
#report_form .apply-row p span.apply-offer-price { padding: 0 }
#report_form .apply-row p span.apply-offer-price input[type="text"] { height: 45px; line-height: 45px; font-size: 16px; font-weight: 400 }
#report_form .apply-row button { height: 45px; line-height: 45px; color: var(--white) }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left .rate-addres { display: flex; align-items: center }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left .rate-addres p { margin: 0 16px 0 0; display: flex; align-items: center }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left .rate-addres p img { margin: 0 8px 0 0 }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row.closed-job-description { display: block }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row .profile-info .rating { padding: 0; border: 0; background-color: transparent }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row button { color: var(--white) }
.offer-listing-page .pending-offers li.dark-bg { background-color: var(--dark-grey) }
.offer-listing-page .pending-offers li.dark-bg p, .offer-listing-page .pending-offers li.dark-bg h3, .offer-listing-page .pending-offers li.dark-bg span, .offer-listing-page .pending-offers li.dark-bg label { color: var(--white) }
.offer-listing-page .job-post-details-content li .recieved-offer-inner-row.closed-job-description p label { font-weight: 700 }
.current-job-modal .modal-content { max-width: 1200px }
.current-job-modal .modal-content .top-intro-row { margin: 0 0 20px }
.current-job-modal .modal-content .top-intro-row>div { margin: 0 10px }
.current-job-modal .modal-content .top-intro-row .job-title { width: 20% }
.current-job-modal .modal-content .top-intro-row .job-price span { display: flex; align-items: center }
.current-job-modal .modal-content .top-intro-row .job-price span img { margin: 0 8px 0 0 }
.current-job-modal .modal-content .job-post-accnt-info .prof-basic-info a { color: var(--orange); font-size: 16px; font-weight: 600 }
.closed-job-modal .modal-content { max-width: 1200px }
.closed-job-modal .modal-content .top-intro-row { margin: 0 0 20px }
.closed-job-modal .modal-content .top-intro-row>div { margin: 0 10px }
.closed-job-modal .modal-content .top-intro-row .job-title { width: 20% }
.closed-job-modal .modal-content .top-intro-row .job-price span { display: flex; align-items: center }
.closed-job-modal .modal-content .top-intro-row .job-price span img { margin: 0 8px 0 0 }
.closed-job-modal .modal-content .job-post-accnt-info .prof-basic-info a { color: var(--orange); font-size: 16px; font-weight: 600 }
.prof-basic-info .edit_dob_update { height: auto; font-weight: 400; line-height: 1; font-size: 14px; background-color: transparent; width: auto; min-width: auto; padding: 0 0 0 5px }
.fixed-header .header-r ul.after-login-header li .msg_alert, .fixed-header .header-r ul.after-login-header li .notification_alert { position: absolute; right: -16px; top: -16px; border-radius: 5px; background-color: var(--red); font-size: 12px; font-weight: 600; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: var(--white) }
.fixed-header .header-r ul.after-login-header li .msg_alert { top: -10px }
.prof-img { position: relative }
.prof-img .edit-img { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0; background-color: rgba(48, 48, 48, 0.8); border-radius: 50%; cursor: pointer; opacity: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.prof-img .edit-img img { width: 33px !important }
.prof-img:hover .edit-img { opacity: 1 }
.profile-img-edit-modal .modal-content { max-width: 1000px; padding: 60px 50px 118px }
.drag-drop-box { width: 100%; border-radius: 5px; border: 2px dashed var(--medium-grey); display: flex; align-items: center; justify-content: center; flex-flow: column; position: relative }
.darg-drop-box-inner { width: 888px; height: 478px }
.drag-drop-box .l-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.image-container { margin: 0 auto 0 }
.variable-size { width: 888px !important; height: 478px !important }
.canvas-image { background-color: var(--white) }
.canvas-overlay { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab }
.canvas-overlay:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing }
.drop-zone { display: flex; align-items: center; justify-content: center; flex-flow: column; padding: 0; text-align: center; overflow: hidden }
.drop-zone p { width: 100%; text-align: center; position: absolute; top: 50px; color: var(--red) }
#file-select p { margin: auto 0; display: block; margin: 0 0 20px }
.l-centered { width: 100%; text-align: center; margin: 0 auto }
.l-position-absolute { position: absolute }
.l-centered p { text-align: center }
.__hide { display: none }
.__warning { color: hsl(1, 100%, 60%) }
.img-upload span { display: inline-block; background: #6C9BA1; border-radius: 5px; height: 45px; line-height: 45px; min-width: 280px; font-weight: 600; font-size: 16px; color: var(--white); cursor: pointer }
.img-upload { position: relative; cursor: pointer }
.img-upload>input[type="file"] { position: absolute; cursor: pointer; height: 45px; line-height: 45px; width: 280px; opacity: 0 }
.save-btn-row { width: 100%; display: flex; align-items: center; justify-content: flex-end; position: absolute; right: 0; bottom: -80px }
.save-btn-row button { height: 45px; line-height: 45px; color: var(--white); background-color: var(--orange); font-size: 18px; font-weight: 500; min-width: 200px; display: inline-block; border-radius: 5px; margin: 0 0 0 10px; cursor: pointer }
.save-btn-row button:hover { background-color: var(--dark-grey) }
.not-found-page { text-align: center; padding: 30px 0 }
.not-found-page h3 { font-size: 25px; line-height: 30px; font-weight: 600; color: var(--orange); display: block; margin: 0 0 10px }
.not-found-page h2 { font-size: 50px; line-height: 61px; font-weight: 600; color: var(--black); display: block; margin: 0 0 20px }
.not-found-page img { margin: 0 auto; display: table; max-width: 100% }
.not-found-page h4 { font-size: 50px; font-weight: 600; color: var(--dark-grey); display: block; margin: 30px 0; display: flex; align-items: center; width: 100%; text-align: center; justify-content: center }
.not-found-page h4 a.back-home { border: 1px solid #241C0F; border-radius: 5px; height: 60px; line-height: 60px; font-size: 20px; color: var(--dark-grey); font-weight: 500; display: inline-block; padding: 0 60px; margin: 0 15px }
.not-found-page h4 a.back-home:hover { background-color: var(--dark-grey); color: var(--white) }
.fixed-header .header-r ul.after-login-header li.msg-link .nofication-submenu li p { display: flex; align-items: center; font-size: 14px; justify-content: space-between; font-weight: 500; padding: 0 48px 0 0 }
.fixed-header .header-r ul.after-login-header li.msg-link .nofication-submenu li p span { color: #999999; font-size: 12px; font-weight: 400; margin: 0 0 0 10px; width: 86px; right: 16px; top: 4px; position: absolute; text-align: right }
.fixed-header .header-r ul.after-login-header li.msg-link .nofication-submenu li label { width: 100%; font-size: 12px; font-weight: 400 }
.disabled, .disabled:hover { background-color: var(--light-grey); color: var(--lighter-grey); cursor: not-allowed }
.top-category-box-wrap .top-category-box .add-category-filter li.active a { background-color: #6C9BA1 !important; border: 1px solid #6C9BA1 !important; color: var(--white) !important }
.select2-container--default .select2-selection--multiple .select2-selection__choice { display: flex; align-items: center }
.select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove { order: 2; color: var(--white) !important; font-size: 30px; font-weight: 400; margin: 0 0 0 8px }
.payment-details { margin: 0 0 40px; position: relative }
.payment-details a.cancel-bttn { position: absolute; top: 0; left: 0; font-size: 18px; font-weight: 500; color: #7A7A7A; /*background-image: url('/img/right-arrow-grey.svg');*/ background-repeat: no-repeat; background-position: 0 center; padding: 0 0 0 14px }
.payment-details h2 { text-align: center; font-weight: 800; font-size: 30px; line-height: 37px; color: var(--dark-grey); margin: 0 0 50px }
.payment-details ul li { background-color: var(--light-grey); border-radius: 5px; padding: 10px 16px; font-size: 16px; font-weight: 500; display: flex; align-items: center; margin: 0 0 16px }
.payment-details ul li span { border-right: 1px solid var(--medium-grey); width: 15%; margin: 0 24px 0 0 }
.card-verifications ul.paymemt-page-ul { width: 100%; justify-content: flex-start }
.card-verifications ul.paymemt-page-ul li { display: flex; align-items: center; width: 32%; margin: 0 16px 0 0 }
.card-verifications ul.paymemt-page-ul li.payment-cancel-button { padding: 0; background-color: transparent }
.card-verifications ul.paymemt-page-ul li img { border-radius: 0; width: 30px; height: 30px }
.card-verifications ul.paymemt-page-ul li [type="radio"]:checked+label, .card-verifications ul li [type="radio"]:not(:checked)+label { padding-right: 50px; padding-left: 20px }
.card-verifications ul.paymemt-page-ul li [type="radio"]:checked+label:before, .card-verifications ul li [type="radio"]:not(:checked)+label:before { left: auto; right: 0; opacity: 1 }
.card-verifications ul.paymemt-page-ul li [type="radio"]:checked+label:after, .card-verifications ul li [type="radio"]:not(:checked)+label:after { left: auto; right: 11px }
.card-verifications ul.paymemt-page-ul li [type="radio"]+label:before { opacity: 0 }
.payment-page-details { margin: 0 }
.stripe-frm button { width: auto; display: inline-block; line-height: 61px; height: 61px; min-width: 200px; text-align: center; border-radius: 5px; cursor: pointer; color: var(--white); font-weight: 600; font-size: 18px; background: #51ad8d; background: -moz-linear-gradient(top, #51ad8d 0%, #389574 100%); background: -webkit-linear-gradient(top, #51ad8d 0%, #389574 100%); background: linear-gradient(to bottom, #51ad8d 0%, #389574 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ad8d', endColorstr='#389574', GradientType=0) }
.stripe-frm button:hover { background: #39a881; background: -moz-linear-gradient(top, #39a881 0%, #218e67 100%); background: -webkit-linear-gradient(top, #39a881 0%, #218e67 100%); background: linear-gradient(to bottom, #39a881 0%, #218e67 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39a881', endColorstr='#218e67', GradientType=0) }
.stripe-frm button span { box-shadow: none; background: transparent; color: var(--white); font-weight: 600; font-size: 18px }
.stripe-frm input[type="submit"] { color: var(--white) !important; height: 50px; line-height: 50px; font-size: 18px; font-weight: 500 }
.my-job-pagi { position: relative; display: flex; align-items: center }
.my-job-pagi .myJobPostsPrev { background: url(/img/arrow-right.svg) 0 0 no-repeat; font-size: 0; text-indent: -9999px; width: 8px; height: 14px; cursor: pointer }
.my-job-pagi .myJobPostsNext { background: url(/img/arrow-left.svg) 0 0 no-repeat; font-size: 0; text-indent: -9999px; width: 8px; height: 14px; cursor: pointer }
.my-job-pagi .myJobPostsPrev.disabled, .my-job-pagi .myJobPostsNext.disabled { background-color: transparent; opacity: 0.6 }
.my-job-pagi .myJobPostsPagi { font-size: 18px; font-weight: 500; padding: 0 8px }
.post-features .job-post-category { flex-wrap: wrap }
.post-features .job-post-category li { margin: 0 8px 8px 0 !important }
.stripe-frm.verifications-form ul li .payment-button-row { justify-content: flex-start }
.wallets-frm .bttn { height: 50px; line-height: 50px; font-weight: 500; font-size: 18px; float: left }
.wallets-frm>form { overflow: hidden; margin: 0 0 60px }
.payment-list li.fee-payment-type { background-color: #FBEFEC !important }
.new-job-details .job-post-details .post-heading h2 span { font-size: 20px; color: var(--medium-grey); margin: 0 0 16px }
.outer-payment { display: flex; justify-content: flex-end; margin: 0 0 50px; position: relative }
.outer-payment .inner-payment { width: auto; margin: 0 0 0 16px }
.outer-payment .inner-payment label { font-size: 14px; display: block; color: var(--medium-grey) }
.outer-payment .inner-payment input[type="text"] { font-size: 20px; font-weight: 600; width: 180px; height: 50px; color: var(--dark-grey); background-color: var(--light-grey); line-height: 50px; text-align: center; border-radius: 5px }
.promote-view-row { display: flex; align-items: center; justify-content: flex-end; flex-flow: row }
.result-list li .button-row.promote-view-row .view-btn { position: inherit }
.promote-view-row .promote-btn:hover { background-color: var(--dark-grey); color: var(--white) }
.promote-view-row .promote-btn { height: 40px; line-height: 40px; min-width: 140px; border: 1px solid var(--dark-grey); color: var(--dark-grey); font-size: 18px; font-weight: 500; margin: 0 16px 0 0 }
.job_create_final .next-prev-row .dnt-acnt { margin: 0px 0 0 16px }
.job_create_final .next-prev-row button { padding: 0 30px; font-size: 18px }
.new-job-details .job-apply-bttn-row.report-button-inappropriate { justify-content: flex-end }
.wallet-page h4 { text-align: center; width: 100%; display: block; font-weight: 800; font-size: 30px }
.new-job-details .job-post-details-info.wallet-page ul.request-withdrawl { display: flex; align-items: flex-start; justify-content: flex-start; padding: 0 }
.wallet_blade .new-job-details .job-post-details-info.wallet-page ul.request-withdrawl { align-items: flex-end }
.new-job-details .job-post-details-info.wallet-page ul.request-withdrawl li { background-color: transparent; width: 15%; display: block; padding: 0 }
.new-job-details .job-post-details-info.wallet-page ul.request-withdrawl li label { font-size: 14px; color: var(--medium-grey); font-weight: 400; display: flex; align-items: center }
.new-job-details .job-post-details-info.wallet-page ul.request-withdrawl li label img { margin: 0 0 0 4px }
.new-job-details .job-post-details-info.wallet-page ul.request-withdrawl li input.input-field { width: 100%; background-color: var(--light-grey); border-radius: 5px; padding: 16px; height: 50px; line-height: 50px }
.new-job-details .job-post-details-info.wallet-page ul.request-withdrawl li.withdraw-option { width: 20% }
.new-job-details .job-post-details-info.wallet-page ul.request-withdrawl li.withdraw-option select { height: 50px; background-color: var(--light-grey); color: var(--dark-grey); line-height: 50px; border: 0 }
.new-job-details .job-post-details-info.wallet-page ul.request-withdrawl li:last-child { width: auto }
.new-job-details .job-post-details-info.wallet-page ul.request-withdrawl li:last-child label { height: 24px }
.new-job-details .job-post-details-info.wallet-page ul.request-withdrawl li:last-child button { color: var(--white); height: 50px; line-height: 50px; padding: 0 30px; font-size: 18px; font-weight: 500 }
.wallet-tab { width: 100% }
.new-job-details .job-post-details-info .wallet-tab ul.tabs li { width: auto; background-color: transparent; text-align: center; padding: 0; margin: 0 40px 0 0 }
.new-job-details .job-post-details-info .wallet-tab ul.tabs li a { font-size: 16px; font-weight: 500; text-align: center }
.new-job-details .job-post-details-info .wallet-tab ul.tabs li.active a { font-size: 18px; font-weight: 600 }
.new-job-details .job-post-details-info .wallet-tab ul.tabs li.active a:before { top: auto; bottom: -6px; height: 5px }
.new-job-details .job-post-details-info ul.payment-list.payment-list-wallet li:nth-child(2n+2) { margin: 0 0 16px }
.new-job-details .job-post-details-info ul.payment-list.payment-list-wallet li { margin: 0 0 16px }
.llp-face-wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 100% }
#logo { position: absolute; display: block; cursor: pointer; height: 50vh; width: 50vw; left: 60%; top: 50%; transform: translate(-50%, -50%) }
.suggest-category-row.owl-carousel ul { display: block }
.carousel-categorys .owl-nav { position: absolute; top: -54px; right: 0 }
.carousel-categorys .category-box { margin: 0 }
.carousel-categorys .owl-nav .owl-prev span { background: url(/img/arrow-right.svg) 0 0 no-repeat; width: 10px; height: 30px; text-indent: -9999px; display: block }
.carousel-categorys .owl-nav .owl-next span { background: url(/img/arrow-left.svg) 0 0 no-repeat; width: 10px; height: 30px; text-indent: -9999px; display: block }
.carousel-single .owl-nav { position: absolute; top: -54px; right: 0 }
.carousel-single .category-box { margin: 0 }
.carousel-single .owl-nav .owl-prev span { background: url(/img/arrow-right.svg) 0 0 no-repeat; width: 10px; height: 30px; text-indent: -9999px; display: block }
.carousel-single .owl-nav .owl-next span { background: url(/img/arrow-left.svg) 0 0 no-repeat; width: 10px; height: 30px; text-indent: -9999px; display: block }
.employee-involved-categories-row .carousel-categorys .owl-nav { position: absolute; top: -54px; right: auto; left: 50%; transform: translateX(-50%) }
.provide-slider.carousel-categorys .provider-box { width: auto }
.suggest-category-row ul.carousel-categorys li { width: auto }
.carousel-categorys-full .category-box { margin: 0 }
.carousel-categorys-full .owl-nav .owl-prev span { background: url(/img/arrow-right.svg) 0 0 no-repeat; width: 30px; height: 30px; text-indent: -9999px; display: block }
.carousel-categorys-full .owl-nav .owl-next span { background: url(/img/arrow-left.svg) 0 0 no-repeat; width: 30px; height: 30px; text-indent: -9999px; display: block }
.carousel-categorys-full .owl-nav { position: absolute; top: -54px; right: 0 }
.employee-involved-categories-row .carousel-categorys-full .owl-nav { position: absolute; top: -54px; right: auto; left: 50%; transform: translateX(-50%) }
.public-provide-service-row .carousel-categorys-full .provider-box { width: auto }
.suggest-category-row ul.carousel-categorys-full li { width: auto }
.map-window { width: 320px; border-radius: 5px; padding: 12px; background-color: var(--dark-grey); margin: 0 0 4px }
.map-window .top-window { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 0 22px }
.map-window .top-window h3 { font-size: 14px; font-weight: 600; color: var(--light-grey); line-height: 1; width: 68% }
.map-window .window-price { display: flex; align-items: center; color: #89E442; font-size: 14px; font-weight: 300; width: 120px; justify-content: flex-end }
.map-window .window-price span { font-weight: 600; margin: 0 0px 0 3px }
.map-window p { font-size: 13px; font-weight: 400; color: var(--white); line-height: 16px; margin: 0 0 16px; text-align: left; padding: 0 }
.map-window .window-bottom { display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px }
.map-window .window-bottom .profile-info, .map-window .window-bottom .profile-info .rating { color: var(--white); font-size: 12px; margin: 0 15px 0 0px }
.location-map img { margin: 0 4px 0 0 }
.gm-ui-hover-effect>span { margin: 0 !important; background-color: #fff }
.map-window .window-bottom button { min-width: 140px; height: 40px; line-height: 40px; color: var(--white); font-size: 18px; font-weight: 500 }
.map-window .window-pro { display: flex; align-items: center; font-size: 12px; font-weight: 500; color: var(--white); width: 100%; padding: 0 12px 0 0 }
.map-window .window-pro img { margin: 0 8px 0 0; width: 30px; height: 30px; border-radius: 50% }
.white-icons { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(204deg) brightness(108%) contrast(101%); -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(204deg) brightness(120%) contrast(100%) }
.orange-icons { filter: invert(32%) sepia(18%) saturate(2156%) hue-rotate(321deg) brightness(80%) contrast(78%) }
.black-icons { filter: invert(0%) sepia(2%) saturate(7%) hue-rotate(329deg) brightness(99%) contrast(101%) }
.dashboard-advance-search .search-result-tab .tabs li { width: 100%; cursor: default }
.aside-box h4 { display: flex; align-items: center; justify-content: space-between }
.dashboard-advance-search .floating-button-row .clear-all { position: inherit }
.chatArea { margin-top: 80px !important; padding: 0 !important }
#chat-user input.keyword-search { width: 90%; height: 45px; line-height: 45px; background-color: var(--white); border-radius: 5px; font-size: 14px; color: var(--dark-grey); margin: 12px auto; display: table; padding: 0 12px }
.alert-danger { background-color: var(--danger); padding: 24px; font-size: 16px; font-weight: 500; color: var(--white) }
.alert-success { background-color: var(--green); padding: 24px; font-size: 16px; font-weight: 500; color: var(--white) }
.my_post_promote_button button { margin: 0 0 0 0px; min-width: auto; padding: 0 20px }
.employee_hire_blade .my_post_promote_button button { height: 50px; line-height: 50px; font-size: 22px; font-weight: 400; min-width: 200px }
.job-review-list.result-list span { font-weight: 600; display: flex; align-items: center; margin: 0 0 16px }
.job-review-list.result-list span img { margin: 0 8px 0 0 }
.job-review-list.result-list span em { font-style: normal; font-size: 15px }
.job-review-list.result-list p { width: 100% }
.current-post-button-row a.js-modal-show-confirm-box-release-payment-end-this-job { font-size: 14px }
.js-modal-shopify-confirm-box-release-payment-end-this-job .c-popup.l-modal__body { max-width: 480px }
.js-modal-shopify-confirm-box-release-payment-end-this-job .c-popup.l-modal__body .release_payment_image { background-image: url(/img/releasepayment-bg.png); background-position: 60% center; background-repeat: no-repeat; background-size: 70px; background-color: rgba(70, 162, 130, 0.5); border-radius: 0 80px 80px 0; padding: 16px; height: 160px; position: absolute; top: 60px; left: 0; width: 80% }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category { margin: 20px 0; font-size: 18px; text-align: left; clear: both }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category button { height: 45px; line-height: 45px; font-size: 16px; padding: 0 30px; width: 100% }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category button.add_tip { border: 1px solid var(--dark-grey); background: var(--white); color: var(--dark-grey) }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category .div_add_tip { background-color: transparent; width: 100%; padding: 0 }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category .div_add_tip label { font-size: 18px; margin: 0 0 12px 0; width: 100%; float: left; font-weight: 600 }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category .div_add_tip span { width: 100%; float: left; border: 1px solid var(--dark-grey); border-radius: 5px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; height: 45px; margin: 0 0 16px }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category .div_add_tip input#add_tip { width: 200px; height: 40px; border-radius: 5px; padding: 0; font-size: 20px; font-weight: 600; text-align: right }
.hire_title { color: white; text-align: center; margin-bottom: 40px; font-size: 32px }
.inner-page.how-work { min-height: 700px }
.inner-page.how-work .about-content { width: 100% }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category>div { display: flex; align-items: center; justify-content: space-between }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category>div button.release_payment_add_tip_back { background-color: var(--dark-grey); background-image: url(/img/left-arrow.svg); background-position: center center; background-repeat: no-repeat; min-width: 60px; width: 60px; text-indent: -9999px }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category>div button.release_payment_add_tip.bttn-info { width: calc(100% - 70px) }
.mobile-menu nav { float: right }
.mobile-menu nav ul { list-style: none; margin: 0; padding: 0 }
.mobile-menu nav ul li { float: left; position: relative }
.mobile-menu nav ul li a, .mobile-menu nav ul li a:visited { display: block; padding: 10px 24px 10px 16px; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 500; text-align: left; display: flex; align-items: center }
.mobile-menu nav ul.current li a { padding: 10px 20px 10px 20px !important }
.mobile-menu nav ul li a:hover, .mobile-menu nav ul li a:visited:hover { color: #f1f1f1; position: relative }
.mobile-menu nav ul li a:not(:only-child):after, .mobile-menu nav ul li a:visited:not(:only-child):after { padding-left: 0; content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url(/img/bottom-drop-arrow-w.svg); background-repeat: no-repeat; background-position: center; width: 12px; height: 12px }
.mobile-menu nav ul.after-login-header li>a.open:after { background-image: url(/img/top-drop-arrow-w.svg); background-size: 100% 100%; }
.mobile-menu nav ul li ul li { min-width: 190px }
.mobile-menu nav ul li ul li a { padding: 15px; line-height: 20px }
.mobile-menu .nav-dropdown { position: absolute; display: none; z-index: 1 }
.mobile-menu .nav-mobile { display: none; position: absolute; top: 10px; right: 0; background: transparent; height: 32px; width: 56px; z-index: 12 }
@media only screen and (max-width:798px) {
.mobile-menu .nav-mobile { display: block }
.mobile-menu nav { width: 100%; padding: 70px 0 15px }
.mobile-menu nav ul { opacity: 0; width: 0; position: fixed; padding: 56px 56px; top: 0; height: 100%; background-color: var(--dark-grey); right: 0; -webkit-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; visibility: hidden; overflow-y: auto }
.mobile-menu nav ul.current { opacity: 1; width: 100%; z-index: 10; visibility: visible }
.mobile-menu nav ul::-webkit-scrollbar { display: none }
.mobile-menu nav ul li { float: none }
.mobile-menu nav ul li a { padding: 15px; line-height: 20px; padding-left: 25% }
.mobile-menu nav ul li ul li a { padding-left: 30% }
.mobile-menu .nav-dropdown { position: static }
.mobile-menu .brand a img { max-height: 60px; margin-top: 5px }
.mobile-menu nav ul.current.after-login-header>li.nav-dropdown { display: block; position: relative; padding: 8px 20px }
.mobile-menu nav ul.current.after-login-header>li.nav-dropdown>ul.sub-menu { position: inherit; height: auto; padding: 0 10px; top: auto; right: auto; opacity: 1; width: 100%; visibility: visible }
.mobile-menu nav ul.current.after-login-header>li.nav-dropdown>ul.sub-menu li { width: 100%; text-align: left; min-width: 100% }
.mobile-menu nav ul.current.after-login-header>li.nav-dropdown>ul.sub-menu li>a { font-size: 14px; color: #B0B0B0; padding: 10px 0 !important }
.mobile-menu nav ul.current.after-login-header>li.link-profile img.profile-icon { display: none }
.mobile-menu nav ul.current.after-login-header>li.nav-dropdown>ul.sub-menu li a { border: 0; background-color: transparent; background: transparent }
.mobile-menu nav ul.current.after-login-header>li.nav-dropdown>ul.sub-menu li { margin: 0 }
}
@media screen and (min-width:799px) {
.mobile-menu .nav-list { display: block !important }
}
.mobile-menu #nav-toggle { position: absolute; right: 15px; top: 8px; cursor: pointer; padding: 10px 26px 16px 0px }
.mobile-menu #nav-toggle.active { position: fixed; right: 18px; left: auto; top: 18px }
.mobile-menu #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 5px; height: 2px; width: 25px; background: #ffffff; position: absolute; display: block; content: ''; transition: all 300ms ease-in-out }
.mobile-menu #nav-toggle span:before { top: -7px }
.mobile-menu #nav-toggle span:after { bottom: -7px }
.mobile-menu #nav-toggle.active span { background-color: transparent }
.mobile-menu #nav-toggle.active span:before, .mobile-menu #nav-toggle.active span:after { top: 0 }
.mobile-menu #nav-toggle.active span:before { transform: rotate(45deg) }
.mobile-menu #nav-toggle.active span:after { transform: rotate(-45deg) }
.header-up header { height: 75px }
.header-up .mobile-menu #nav-toggle span, .header-up #nav-toggle span:before, .header-up #nav-toggle span:after { background: var(--white) }
.header-up .mobile-menu #nav-toggle.active span { background-color: transparent }
.carousel-landing { position: relative; padding: 120px 0 40px }
.landing-slider { background-color: transparent; width: var(--full-width) }
.slider-block { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 25px 0 }
.slider-block .slider-img { width: 40% }
.slider-block .slider-img img { max-width: 100% }
.slider-block .slider-text { width: 45%; text-align: left; padding: 0 0 0 30px }
.slider-block .slider-text h2 { font-weight: 800; font-size: 50px; line-height: 61px; color: var(--white); display: block; margin: 0 0 24px; text-align: left }
.slider-block .slider-text p { font-weight: 400; font-size: 18px; line-height: 24px; color: var(--white); display: block; position: relative; text-align: left; margin: 0 0 16px }
.slider-block .slider-text p.list { font-weight: 400 }
.slider-block .slider-text p.list span { position: absolute; left: -28px; top: 0px; font-weight: 600; font-size: 20px; color: var(--green) }
.slider-block .slider-text p.list span.num { position: absolute; left: -28px; top: 0; font-weight: 600; font-size: 20px; color: var(--green) }
.carousel-landing .owl-dots { position: absolute; top: 0; left: 30px }
.carousel-landing .owl-nav { position: absolute; top: 30px; left: 30px }
.carousel-landing .owl-nav .owl-prev span { background-image: url(/img/arrow-l-slider.svg); background-repeat: no-repeat; background-position: center center; width: 50px; height: 50px; font-size: 0px; display: inline-block; background-color: #D38979; border-radius: 50% }
.carousel-landing .owl-nav .owl-next span { background-image: url(/img/arrow-r-slider.svg); background-repeat: no-repeat; background-position: center center; width: 50px; height: 50px; font-size: 0px; display: inline-block; background-color: #D38979; border-radius: 50% }
.carousel-landing .owl-nav .owl-next span:hover, .carousel-landing .owl-nav .owl-prev span:hover { background-color: #c96b59 }
.carousel-landing .owl-nav .owl-prev.disabled span, .carousel-landing .owl-nav .owl-next.disabled span { background-color: rgba(255, 255, 255, 0.3) }
.carousel-landing.owl-theme .owl-dots .owl-dot span { background: var(--light-grey); opacity: 0.3 }
.carousel-landing.owl-theme .owl-dots .owl-dot.active span { background: var(--white); opacity: 1 }
.register-row { position: relative; clear: both }
.register-row .register-btn { color: var(--dark-grey) }
.register-row p { font-weight: 500; font-size: 18px; line-height: 30px; color: var(--white); display: block; margin: 16px 0 0 }
.mobile-menu { display: none }
.search-bar a.mobile-search-icon { display: none }
.add-category-filter-new { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 12px 0 0 }
.add-category-filter-new li { list-style: none; margin: 0 10px 10px 0; padding: 0; width: auto !important }
.add-category-filter-new li a { border-radius: 20px; background-color: var(--light-grey); height: auto; line-height: 1; font-weight: normal; font-size: 16px; display: flex; align-items: center; padding: 8px 12px; color: var(--dark-grey) }
.add-category-filter-new li a img { width: 20px }
.provide-slider.owl-carousel .owl-stage-outer { padding: 0 }
.mobile-advance-search>h2 { display: none }
.mobile-advance-search .aside-box h2 { display: block }
.notification-list>li { background-color: #F1F8F5 }
.notification-list.old-notification>li { background-color: #F5F6F7 }
.about-info-mobile { display: none }
.about-info-accodian h2 { display: none }
.category-slide .category-box span img { width: 50px; height: 45px }
.category-slide .category-box span { opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.category-slide .category-box:hover span { opacity: 1 }
.banner-content .jobs-category-field { justify-content: flex-start }
.banner-content .jobs-category-field .jobs-icon { margin: 0 10px 0 0 }
.banner-content .jobs-category-field form { width: 100% }
.banner-content .jobs-category-field form input[type="text"].category-search-field { width: 100% }
.verifications-form ul.card-verification-form { justify-content: flex-start }
.verifications-form ul.card-verification-form li, .verifications-form ul.card-verification-form li.verify-address { width: 40%; margin: 0 16px 16px 0 }
.verifications-form ul.card-verification-form li select { width: 100% }
.verifications-form ul.card-verification-form li label.verify-lebal { width: 100%; font-weight: 500; font-size: 16px; color: var(--dark-grey); height: 22px }
.verifications-form ul.card-verification-form li .file-upload-outer { width: 100%; border: 1px dashed #303030; border-radius: 5px; padding: 8px; display: flex; justify-content: space-between; align-items: center; overflow: hidden; position: relative }
.verifications-form ul.card-verification-form li .file-upload-outer>label.custom-file-upload, .verification_steps_blade .verifications-form ul.card-verification-form li .file-upload-outer>label.custom-file-upload { width: 200px !important; height: 45px; line-height: 45px; background: #6C9BA1; font-size: 16px; font-weight: 500; margin: 0; display: flex; justify-content: center }
.settings_blade .verifications-form ul.card-verification-form li .file-upload-outer>label.custom-file-upload { justify-content: center; color: var(--white) }
.verifications-form ul.card-verification-form li .file-upload-outer>div { width: calc(100% - 210px) }
.verifications-form ul.card-verification-form li .file-upload-outer>div li { background-color: var(--light-grey) !important; display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 400; border-radius: 5px; padding: 0 12px; width: 100%; height: 42px; margin: 0; line-height: 13px }
.verifications-form ul.card-verification-form li .file-upload-outer>div li img.delete_image { background-color: #CFCFCF; padding: 6px; border-radius: 50px; width: 30px; height: 30px; cursor: pointer }
.verifications-form ul.card-verification-form li .file-upload-outer>div li>span { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 12px; line-height: 1 }
.verifications-form ul.card-verification-form li .file-upload-outer>div li>img.delete_id_doc { width: 20px; margin: 6px -6px 0 0; cursor: pointer }
.verifications-form ul li img.check_verify, .verifications-form ul li img.remove_verify { margin: 0; position: absolute; top: 86px; width: 22px; right: 10px }
.verifications-form ul li:nth-child(2) img.check_verify, .verifications-form ul li:nth-child(2) img.remove_verify { top: 52px }
.verifications-form ul li img.code_check_verify, .verifications-form ul li img.code_remove_verify { margin: 0; position: absolute; top: 86px; width: 22px; right: 10px }
.verifications-form ul li:nth-child(2) img.code_check_verify, .verifications-form ul li:nth-child(2) img.code_remove_verify { top: 52px }
.l-modal.choose-admin-popup .c-popup { max-width: 800px }
.l-modal.choose-admin-popup .c-popup .category-option-box h5 { font-weight: bold; line-height: 29px; font-size: 24px }
.l-modal.choose-admin-popup .c-popup .category-option-box p { font-size: 16px; font-weight: 500; line-height: 20px }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form { margin: 30px 0 0 }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li>input[type="radio"] { width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: 10; cursor: pointer }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li { background-color: #ECEDEF; border: 2px solid transparent }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.choose-profile-active:first-child { background-color: var(--green); border: 2px solid transparent }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.choose-profile-active:last-child { background-color: var(--yellow); border: 2px solid transparent }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li:hover { border: 2px solid var(--dark-grey) }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li [type="radio"]:checked+label:before, .l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li [type="radio"]:checked+label:after { display: none }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li label { font-size: 20px; line-height: 24px; padding: 0 20px 16px; color: var(--dark-grey) }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li p { font-size: 14px; text-align: center; color: var(--dark-grey); justify-content: center }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.choose-profile-active:first-child label, .l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.choose-profile-active:first-child p { color: var(--white) }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form .next-prev-row { padding: 40px 0 0; display: flex; justify-content: center }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form .next-prev-row button { display: flex; align-items: center; padding: 0 30px; height: 45px; line-height: 45px; justify-content: center }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form .next-prev-row button img { margin: 0 0 0 16px }
.suggest-profile-row.suggested-employee { justify-content: flex-start }
.suggest-profile-row.suggested-employee .suggest-profile-box { margin: 0 10px 10px 0 }
.suggest-profile-row.suggested-employee .suggest-profile-box:nth-child(6n+6) { margin-right: 0 }
.employer-home .result-list.myJobPosts li { margin: 0; background-color: var(--dark-grey); color: var(--white) }
.employer-home .result-list.myJobPosts li h3, .employer-home .result-list.myJobPosts li .rate-addres p { color: var(--white) }
.employer-home .result-list.myJobPosts li .promote-view-row .promote-btn:hover { background-color: var(--yellow); border-color: var(--yellow) }
.employee_see_job_payment_blade .inner-page-content.new-job-details { padding: 0 }
.add-category-filter-new { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 12px 0 0 }
.add-category-filter-new li { list-style: none; margin: 0 10px 10px 0; padding: 0 }
.add-category-filter-new li a { border-radius: 20px; background-color: var(--light-grey); height: auto; line-height: 1; font-weight: normal; font-size: 16px; display: flex; align-items: center; padding: 6px 12px; color: var(--dark-grey) }
.add-category-filter-new li a img { width: 20px }
.top-category-box-wrap .top-category-box .add-category-filter-new { width: 100% !important; flex-wrap: wrap; justify-content: flex-start }
.top-category-box-wrap .top-category-box .add-category-filter-new li { width: auto !important; margin: 0 10px 10px 0 }
.top-category-box-wrap .top-category-box .add-category-filter-new li a { border-radius: 5px; background-color: #fff; height: 30px; line-height: 30px; font-weight: normal; font-size: 16px !important; display: flex; align-items: center; padding: 0 12px; color: var(--dark-grey); border: 1px solid #303030; width: auto }
.setiing-block .settings-right .step_2 .add-category-filter-new li a { background-color: #6C9BA1; color: var(--white) }
.add-category-filter-new li.unpromoted-cat a { border: 1px solid var(--dark-grey); border-radius: 5px; background-color: transparent }
.add-category-filter-new li.unpromoted-cat.add-cat-open a { border: 0; background-color: #6C9BA1; border-radius: 20px; color: var(--white) !important }
.top-category-box-wrap .top-category-box .add-category-filter-new li.active a { background-color: #6C9BA1 !important; border: 1px solid #6C9BA1 !important; color: var(--white) !important }
.verification-steps.step_7 .verifications-form.interview-verifications { text-align: center }
.settings-right .verifications-form ul li { margin: 0 0 20px }
.settings-right .verifications-form ul li.verify-map-location, .settings-right .verifications-form ul li.proof-of-address, .settings-right .verifications-form ul li.upload-docs, .settings-right .verifications-form ul li.timezone-setting { width: 100% }
.settings-right .verifications-form ul.card-verification-form li input[type="file"] { opacity: 0; z-index: 10; left: 0; top: 0 }
.inappropriate { display: flex; align-items: center; color: var(--dark-grey); font-size: 16px; margin: 0 0 16px }
.details-similar-jobs .result-list .bottom-row .profile-info:first-child { margin: 0 0px 0 0; width: 200px; position: relative }
.details-similar-jobs .result-list .bottom-row .profile-info:first-child .pro-img { position: absolute; left: 0 }
.details-similar-jobs .result-list .bottom-row .profile-info:first-child span.pro-name { margin: 0; padding: 0 0 0 60px; font-size: 15px }
.details-similar-jobs .result-list .bottom-row .profile-info { width: 100px; display: flex; align-items: center; margin: 0 0 0 10px }
.settings-right .verifications-form ul li.upload-docs .address-attachments { justify-content: flex-start }
.settings-right .verifications-form ul li.upload-docs .address-attachments label.custom-file-upload { width: 255px !important; text-align: center; height: 50px; line-height: 50px; background: #6C9BA1; border-radius: 5px; font-size: 18px; font-weight: 600; color: var(--white); justify-content: center }
.settings-right .verifications-form ul li.upload-docs .address-attachments input#file-upload { opacity: 0 }
.settings-right .verifications-form ul li.upload-docs .address-attachments .files_address ul li { background-color: var(--light-grey) !important; border-radius: 15px; height: 50px; line-height: 50px; font-weight: 500; font-size: 18px }
.settings_blade .verification-steps.step_4 .card-verifications ul.paymemt-page-ul li [type="radio"]:checked+label:before, .card-verifications ul li [type="radio"]:not(:checked)+label:before { right: 0 }
.settings_blade .verification-steps.step_4 .card-verifications ul.paymemt-page-ul li [type="radio"]:checked+label, .card-verifications ul li [type="radio"]:not(:checked)+label { padding-right: 50px; padding-left: 16px; display: flex; align-items: center }
.card-verifications ul li [type="radio"]:not(:checked)+label { padding-right: 0; padding-left: 16px }
.settings_blade .verification-steps.step_7 ul.card-verification-form>li { width: 45%; margin: 0 16px 16px 0 }
aside.employee-tab-find-job { padding: 0 0 20px }
aside.employee-tab-find-job .tabs { display: none }
aside.employee-tab-find-job .search-result-tab .tabContainer { padding: 0 }
.see_proposal-modal .modal-content { max-width: 1200px }
.modal-content .job-post-accnt-info .prof-basic-info p { color: var(--white) !important }
.see_proposal-modal .modal-content .job-post-accnt-info .prof-basic-info a { color: var(--orange); font-size: 16px; font-weight: 600 }
.edit-box .TypeList ul li:after { display: none }
.edit-box .TypeList ul { height: 280px; padding: 0; overflow: hidden; overflow-y: auto }
.edit-box .TypeList ul li { font-weight: 400 !important; font-size: 16px !important; margin: 0 0 8px }
.edit-box .TypeList ul li span { font-weight: bold !important; color: var(--dark-grey) !important }
.edit-box .TypeList ul li span.subservice-divider { color: #aaa !important; font-weight: 400 !important }
.edit-box .TypeList { background: var(--white); padding: 15px; border-radius: 5px; overflow: hidden; overflow-y: auto; box-shadow: 0 5px 10px 1px rgb(0 0 0 / 20%); margin: 8px 0 0; z-index: 100 !important }
.edit-box .TypeList .category-ato-footer { width: 100%; padding: 16px 0 5px; border-top: 1px solid #C5C5C5; margin: 16px 0 0; display: flex; align-items: center; justify-content: flex-end; font-size: 14px; font-weight: 500 }
.edit-box .TypeList .category-ato-footer span { color: #6C9BA1; font-weight: 600; font-size: 16px; background-image: url(/img/new-request-icon.svg); background-position: right center; background-repeat: no-repeat; padding: 0 25px 0 0; margin: 0 0 0 16px; cursor: pointer }
.gm-style .gm-style-iw-c { background-color: transparent !important; border-radius: 5px !important; padding: 0 !important }
.map-window .top-window { margin: 0px 0 6px !important }
.window-bottom .window-pro a { height: 30px; line-height: 30px; min-width: auto; font-size: 14px; font-weight: 500; padding: 0 25px; margin: 0; position: relative; right: 0; bottom: 0; width: 100% }
.gm-style .gm-style-iw-d { overflow: hidden !important; background: #303030; padding: 20px 8px }
.gm-style .gm-style-iw-t::after { background: #303030 !important; z-index: -1 }
.gm-ui-hover-effect { opacity: 1; background-color: transparent !important; border-radius: 0; right: 1px !important; width: 20px !important; height: 20px !important; display: flex !important; top: 0 !important; align-items: center; justify-content: center }
.gm-ui-hover-effect img { filter: brightness(0) invert(1); width: 20px !important; height: 20px !important }
.welcome-less .job-post-details.inner-page-content { padding: 80px 0 0 }
.post-features-inn-outer { display: flex }
.job_employer_details_blade .post-features { align-items: flex-start }
.employer-home .results-row ul li { margin: 0px }
.employer-home .results-row ul.activeContracts li { background-color: var(--dark-grey); color: var(--white) }
.modal_view .rate-box .fixed-rate>div, .modal_view .rate-box .max_fixed .fixed-rate { width: 266px; background-color: var(--light-grey); height: 50px; align-items: center; padding: 0 16px; border-radius: 5px; justify-content: space-between; display: flex }
.my_post_promote_button button span { display: flex; align-items: center; justify-content: center }
.my_post_promote_button button span img { margin: 0 0 0 8px }
.fadeout { opacity: 0; filter: alpha(opacity=0) }
.loader { position: fixed; z-index: 9999; width: 100%; height: 100%; background: #312f31; text-align: center; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; top: 0 }
.loader-content { display: block; position: relative; padding-top: 0; top: 50%; transform: translateY(-50%) }
@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
100% { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) }
}
.stripe-frm.verifications-form { width: 49%; margin: 0 }
.stripe-frm.verifications-form ul li { background-color: transparent; padding: 0 }
.stripe-frm.verifications-form ul li:first-child, .stripe-frm.verifications-form ul li:last-child { width: 100% }
.stripe-frm.verifications-form ul li p { display: block }
.stripe-frm.verifications-form ul li p label { font-size: 18px; font-weight: 600 }
.stripe-frm.verifications-form ul li p input.input-field { border: 1px solid var(--medium-grey); border-radius: 5px; height: 50px; line-height: 50px; font-size: 18px; font-weight: 400; color: var(--medium-grey); width: 100%; background-color: var(--white) }
.ElementsApp input { border: 1px solid var(--medium-grey) !important; border-radius: 5px !important; height: 50px !important; line-height: 50px !important; font-size: 18px !important; font-weight: 400 !important; color: var(--medium-grey) !important; width: 100% !important; background-color: var(--white) !important }
.settings_blade .verify_password .next-prev-row { padding-top: 0 }
.settings_blade .verify_password .verifications-form { margin: 30px 0 10px }
.close_account_blade .inner-page-content { padding: 80px 0 0 }
.close_account_blade .setiing-block .settings-right { width: 100% }
.close_account_blade .setiing-block .settings-right .step-level { font-size: 30px; font-weight: 800; margin: 0 0 40px; color: var(--dark-grey); text-align: center; width: 100% }
.close_account_blade .setiing-block h6 { font-size: 20px; font-weight: 600; line-height: 24px; margin: 10px 0 16px; width: 100%; float: left }
.close_account_blade .setiing-block p { font-size: 16px; line-height: 20px; display: flex; align-items: flex-start; width: 100% }
.close_account_blade .setiing-block p span { background-color: #CB7767; width: 14px; height: 6px; border-radius: 5px; margin: 6px 8px 0 0; text-indent: -9999px }
.close_account_blade .next-prev-row { display: flex; justify-content: flex-end }
.close_account_blade .setiing-block .settings-right .delete_account_step_2 { width: 100%; margin: 0 auto; max-width: 480px }
.close_account_blade .setiing-block .settings-right .delete_account_step_2 ul li label { font-size: 14px; height: auto; margin: 0 0 4px }
.close_account_blade .setiing-block .settings-right .delete_account_step_2 ul li { width: 100% }
.close_account_blade .setiing-block .settings-right .delete_account_step_2 .next-prev-row { width: 100%; padding: 0 }
.close_account_blade .setiing-block .settings-right .delete_account_step_2 .next-prev-row button { width: 100% }
.close_account_blade .setiing-block .settings-right .delete_account_step_3 { width: 100%; margin: 0 auto; max-width: 480px }
.close_account_blade .setiing-block .settings-right .delete_account_step_3 ul li label { font-size: 14px; height: auto; margin: 0 0 4px }
.close_account_blade .setiing-block .settings-right .delete_account_step_3 ul li { width: 100% }
.close_account_blade .setiing-block .settings-right .delete_account_step_3 .next-prev-row { width: 100%; padding: 0 }
.close_account_blade .setiing-block .settings-right .delete_account_step_3 .next-prev-row button { width: 100% }
.footer-block:first-child ul li a { cursor: default }
.footer-block:first-child ul li a:hover { color: var(--white) }
.footer-block ul li a { font-size: 14px; font-weight: 500; color: var(--white); padding: 0; display: flex; align-items: flex-start; line-height: 16px }
.footer-block ul li a img { margin: 0 10px 0 0 }
.footer-block ul li { margin: 0 0 16px; font-size: 14px; font-weight: 500; color: var(--white) }
.footer-block:first-child ul li { display: flex; align-items: flex-start; margin: 0 0 16px; line-height: 18px }
.footer-block:first-child ul li img { margin: 3px 10px 0 0 }
.footer-block:first-child { width: 20% }
.footer-block { width: 16% }
footer.inner-footer .center { padding-bottom: 20px }
footer.inner-footer .center { padding-bottom: 20px }
.footer-block ul li.grey-foot-link a { color: var(--medium-grey) }
.footer-block ul li.grey-foot-link a:hover { color: var(--light-grey) }
.footer-block ul li.list-gapping { margin-top: 50px }
.footer-block p.footer-chat-us { margin: 0 0 10px 30px }
footer.inner-footer .center.bottom-footer p.copy-text { display: flex; flex-flow: column; justify-content: center; align-items: center }
footer.inner-footer .center.bottom-footer p.copy-text img { height: 26px }
.footer-block.footer-newsletter { position: absolute; right: 0; bottom: 50px; width: 30% }
.newsletter input.subscribe-btn { color: var(--white); font-size: 18px }
.find-content .KeywordList { width: 30% !important; border-radius: 0 0 5px 5px }
.find-content .KeywordList ul li { padding: 0 !important; text-align: left !important; font-size: 14px !important; font-weight: 400 !important; color: var(--dark-grey) !important; margin: 0 0 5px }
.find-content .KeywordList ul li span { font-weight: bold !important; font-size: 14px }
.job-post-details-info .requirements-box ul li, .requirements-box ul li { position: relative; padding: 14px 14px 14px 55px }
.job-post-details-info .requirements-box ul li .point, .requirements-box ul li .point { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 12px }
.reports-icon { display: flex; align-items: center; font-weight: 500; font-size: 20px; color: var(--dark-grey); display: flex; justify-content: flex-end }
.reports-icon img { margin: 0 0 0 8px; order: 2 }
.create_job_blade #step6 .fixed-rate { margin: 10px 0 0 }
.create_job_blade #step6 .choose-hourly-rate { margin: 24px 0 0 }
.create_job_blade #step6 .add-range-box { width: 256px; background-color: var(--light-grey); border: 0 }
.expected { font-size: 14px; font-style: italic; margin: 16px 0 0; color: var(--dark-grey) }
.wallet-page .request-withdrawl input#shop_balance, .wallet-page .request-withdrawl input#withdraw_amt { background-image: url(/img/doller-icon-border.svg); background-repeat: no-repeat; background-position: 16px center; padding-left: 58px; background-size: 30px; margin: 0 }
.current-post-button-row a.request-end span { color: #306ECA; font-size: 14px }
.current-post-button-row a.request-end span:hover { color: var(--dark-grey); font-size: 14px }
.current-post-button-row a.full-end span { color: #306ECA; font-size: 14px }
.current-post-button-row a.full-end span:hover { color: var(--dark-grey); font-size: 14px }
.js-modal-shopify-confirm-box-job-end-request .category-option-box { padding: 40px 0 20px 0 }
.js-modal-shopify-confirm-box-job-end-request .choose-category button { min-width: 48%; font-size: 16px }
.banner-content .jobs-icon:after { display: none }
.banner-content .jobs-icon { padding: 4px 0 0 0 }
.choose-cat-list { width: 100%; padding: 0; margin: 10px 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap }
.choose-cat-list li { width: auto; list-style: none; border-radius: 20px; background: #6C9BA1; font-weight: normal; font-size: 16px; color: var(--white); height: 30px; line-height: 1; display: flex; align-items: center; justify-content: center; padding: 0 10px; margin: 0 8px 8px 0 }
.choose-cat-list li img { width: 16px; margin: 0 0 0 8px }
.create_job_blade #step3 .contract-box-inn p { position: relative }
.inner-page-content.create-job-publish .center#step3 .contract-box-inn p input[type="text"] { padding: 0 8px 0 40px; margin: 0 }
.create_job_blade #step3 .contract-box-inn p:last-child { padding: 0 16px }
.create_job_blade #step3 .contract-box-inn p .point { position: absolute; left: 16px; top: 14px }
.create_job_blade .create-job-publish #step7 .job-post-details-info ul.requirements li .point { top: 14px }
.cookie-consent-banner { width: 100%; background-color: var(--light-grey); padding: 16px; position: fixed; bottom: 0; left: 0; z-index: 10 }
.cookie-consent-banner .cookie-consent-banner__inner { max-width: 1600px; padding: 0 15px; margin: 0 auto }
.cookie-consent-banner .cookie-consent-banner__inner .cookie-consent-banner__copy { width: 100% }
.cookie-consent-banner .cookie-consent-banner__inner .cookie-consent-banner__copy .cookie-consent-banner__header { font-size: 20px; font-weight: 700; color: var(--dark-grey); margin: 0 0 12px; padding: 0 }
.cookie-consent-banner .cookie-consent-banner__inner .cookie-consent-banner__copy .cookie-consent-banner__description { font-size: 16px; font-weight: 300; color: var(--dark-grey); margin: 0 0 12px; padding: 0 }
.cookie-consent-banner .cookie-consent-banner__inner .cookie-consent-banner__actions { display: flex; align-items: center; justify-content: flex-start; width: 100% }
.cookie-consent-banner .cookie-consent-banner__inner .cookie-consent-banner__actions a { width: auto; height: 40px; line-height: 40px; min-width: 150px; padding: 0 20px; font-size: 16px; color: var(--white); margin: 0 16px 16px 0 }
.cookie-consent-banner .cookie-consent-banner__inner .cookie-consent-banner__actions a:hover { background: var(--dark-grey); color: var(--white) }
.cookie-consent-banner .cookie-consent-banner__inner .cookie-consent-banner__actions a.decline_cookie { border: 2px solid var(--dark-grey); background: var(--light-grey); color: var(--dark-grey) }
.cookie-consent-banner .cookie-consent-banner__inner .cookie-consent-banner__actions a.decline_cookie:hover { background: var(--dark-grey); color: var(--white) }
.result_blade .result-employee-section li .result-employee-left .rate-addres p { width: 60%; margin: 0 0 0 10px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; height: auto }
#report_form .apply-row p span.apply-offer-price input[type="text"].report_subject { width: 100%; text-align: left }
.js-modal-shopify-confirm-box-hire .category-option-box { padding: 40px 10px }
.employee_hire_blade #sendoffer .employee-hire { margin: 0; padding: 0; display: flex; align-items: center }
.employee_hire_blade #sendoffer .employee-hire li { margin: 0 0 16px; padding: 0; display: flex; align-items: flex-end; justify-content: space-between; width: auto }
.employee_hire_blade #sendoffer .employee-hire li:first-child { width: 70% }
.employee_hire_blade #sendoffer .employee-hire li .job_div { width: 100% }
.employee_hire_blade #sendoffer .employee-hire li .offer_price_div { width: 30% }
.employee_hire_blade #sendoffer .employee-hire li .offer_price_div input[type="text"] { background-color: transparent }
.employee_hire_blade #sendoffer .employee-hire li .offer_price_div img { margin: 0 8px 0 0 }
.employee_hire_blade #sendoffer .employee-hire li:last-child textarea { background-color: var(--light-grey); border: 0 }
#sendoffer ul li label img { margin: 0 0 0 5px }
.employee_hire_blade .fetch-details { margin: 48px 0 0 }
.employee_hire_blade .fetch-details .apply-row .new-offer-price-inner p { width: 256px; margin: 0 6px 0 0 }
.employee_hire_blade .fetch-details .apply-row .new-offer-price-inner p span.apply-offer-price input[type="text"] { width: 100% }
.employee_hire_blade .fetch-details .post-features { align-items: baseline; margin: 0 }
.employee_hire_blade .fetch-details .job-post-details-content { margin: 0px 0 40px 0 }
.employee_hire_blade .fetch-details .new-offer-price-outer { margin: 0 0 40px }
.employee_hire_blade .fetch-details .post-features p.expected_note { width: auto; font-size: 16px; margin: 10px 0 0 }
.job-post-details-info ul.my_job_post_language { display: flex; align-items: center; justify-content: space-between }
.job-post-details-info ul.my_job_post_language li { width: 49%; margin: 4px 0 }
.employee_hire_blade .fetch-details .new-offer-price-outer .post-features { display: block }
.employee_hire_blade .fetch-details .post-features #sendoffer ul { width: auto; margin: 0 0 40px; display: flex }
.employee_hire_blade #sendoffer ul li { width: auto }
.employee_hire_blade #sendoffer ul li:first-child { width: auto }
.aside-box .add-category-filter li a { background-color: #6C9BA1; color: var(--white) }
.aside-box .add-category-filter li a img.del_choosen { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(204deg) brightness(108%) contrast(101%); -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(204deg) brightness(108%) contrast(101%) }
.private_chat_blade #myModal .modal-content { background-color: transparent; box-shadow: none; border: 0; width: auto; padding: 0; max-width: 90%; max-height: 750px; overflow: hidden; overflow-y: auto; min-height: 120px; display: flex; align-items: center; justify-content: center; min-width: 10% }
.private_chat_blade #myModal .modal-content p { border: 0; border-radius: 0; padding: 0; margin: 0; width: auto }
.private_chat_blade #myModal .modal-content p img { width: auto !important; max-width: 100%; height: auto; margin: 0 auto 0; display: table; max-height: 80vh }
.private_chat_blade #myModal .modal-content::-webkit-scrollbar { display: none }
.terms_blade .setiing-block .settings-left .settings-ul li img { display: none }
.job-post-details-info ul.new-lang { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap }
.job-post-details-info ul.new-lang li { margin: 0 0 10px; width: 49% }
.add-category-filter-set1 { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 12px 0 0 }
.add-category-filter-set1 li { list-style: none; margin: 0 10px 10px 0; padding: 0 }
.add-category-filter-set1 li a { border-radius: 20px; background-color: var(--light-grey); height: auto; line-height: 1; font-weight: normal; font-size: 16px; display: flex; align-items: center; padding: 6px 12px; color: var(--dark-grey) }
.add-category-filter-set1 li a img { width: 20px }
.add-category-filter-set1 li a { background-color: #6C9BA1; color: var(--white) }
.add-category-filter-set2 { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 12px 0 0 }
.add-category-filter-set2 li { list-style: none; margin: 0 10px 10px 0; padding: 0 }
.add-category-filter-set2 li a { border-radius: 20px; background-color: var(--light-grey); height: auto; line-height: 1; font-weight: normal; font-size: 16px; display: flex; align-items: center; padding: 6px 12px; color: var(--dark-grey) }
.add-category-filter-set2 li a img { width: 20px }
.add-category-filter-set2 li a { background-color: #6C9BA1; color: var(--white) }
.profile-bidding-list .profile-bid-info { display: flex; margin: 16px 0; align-items: flex-end }
.profile-bidding-list .profile-bid-info .job-total { min-width: 150px; display: flex; align-items: flex-start; justify-content: flex-start; margin: 0 8px 8px 0 }
.profile-bidding-list .profile-bid-info .job-total label { font-size: 12px; font-weight: 400; line-height: 1 }
.profile-bidding-list .profile-bid-info .job-total span { font-size: 30px; font-weight: 700; line-height: 1 }
.profile-bidding-list .profile-bid-info .job-total.fixed-rate { background-color: var(--dark-grey); color: var(--white); margin: 0 8px 8px 0 }
.profile-bidding-list .profile-bid-info .job-total.hourly-rate { background-color: var(--white); color: var(--dark-grey) }
.profile-bidding-list .profile-bid-info .expected_note { font-size: 14px; width: 40% }
.job-intro-modal .modal-content { max-width: 1000px }
.job-intro-modal .top-intro-row { display: flex; justify-content: flex-start; margin: 30px 0 30px; align-items: flex-end }
.job-intro-modal .top-intro-row .job-total { background-color: var(--light-grey); border-radius: 5px; padding: 16px; width: 144px; display: flex; justify-content: center; align-items: flex-start; flex-flow: column; margin: 0 8px 0 0; text-align: left }
.job-intro-modal .top-intro-row p { font-size: 14px; font-weight: 400; line-height: 18px; width: 140px; margin: 0 100px 0 0 }
.job-intro-modal .top-intro-row .job-total label { font-size: 12px; font-weight: 400; line-height: 1 }
.job-intro-modal .top-intro-row .job-total span { font-size: 30px; font-weight: 700; line-height: 1 }
.job-intro-modal .top-intro-row .job-total span>em { font-size: 16px; font-style: normal; font-weight: 700 }
.job-intro-modal .top-intro-row .job-total.fixed-rate { background-color: var(--dark-grey); color: var(--white) }
.job-intro-modal .top-intro-row .job-total.hourly-rate { background-color: #D9D9D9; color: var(--dark-grey) }
.job-intro-modal .top-intro-row .job-post-accnt-info { width: 40%; padding: 20px 16px 20px 110px; position: relative; flex-flow: column; justify-content: flex-start; align-items: flex-start }
.job-intro-modal .job-post-accnt-info .post-acnt-img { width: 80px; height: 80px; position: absolute; left: 16px }
.job-intro-modal .top-intro-row .job-post-accnt-info a { font-size: 14px; color: var(--green); /*background-image: url(/img/right-arrow-green.svg);*/ background-repeat: no-repeat; background-position: right center; padding: 0 12px 0 0; font-weight: 600 }
.job-intro-modal .top-intro-row .profile-info { width: 100%; color: var(--white) }
.intro-text { font-style: italic; font-weight: 500; font-size: 14px; line-height: 17px; color: var(--dark-grey); display: flex; align-items: center }
.intro-text span { background-color: var(--yellow); color: #fff; padding: 0; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-style: normal; font-size: 30px; width: 24px; height: 40px; margin: 0 8px 0 0 }
.employee_hire_blade .intro-text { font-size: 16px }
.details-content-attachment ul li:last-child { margin: 0 0 0 20px }
.profileEmployeePdf .modal-content>div { display: flex; align-items: center; justify-content: space-between }
.profileEmployeePdf .modal-content>div a { width: 49% }
.profileEmployeePdf .bttn { min-width: auto; width: 100%; padding: 0 30px; height: 50px; line-height: 50px; font-size: 16px }
.profileEmployerPdf .modal-content>div { display: flex; align-items: center; justify-content: space-between }
.profileEmployerPdf .modal-content>div a { width: 49% }
.profileEmployerPdf .bttn { min-width: auto; width: 100%; padding: 0 30px; height: 50px; line-height: 50px; font-size: 16px }
.c-popup .category-option-box { padding: 10px 10px 10px 10px }
.js-modal-shopify-confirm-box-release-payment-end-this-job .c-popup .category-option-box { padding: 230px 16px 0 }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { overflow-y: auto !important; max-height: 60px }
.wallet_blade .wallet-page .request-withdrawl input#withdraw_amt, .wallet_blade .wallet-page .request-withdrawl input#paypal_id, .wallet_blade .wallet-page .request-withdrawl #withdraw_mode { background-color: transparent; border: 1px solid #7A7A7A; margin: 0 }
.inner-login .help-block strong { font-size: 14px }
.inner-login .help-block strong { font-size: 14px }
.help-block { left: 0; bottom: -22px }
.suggest-category-row ul.carousel-categorys.all_attachments { justify-content: flex-start; display: flex; flex-wrap: wrap }
.suggest-category-row ul.carousel-categorys.all_attachments li { width: 22% }
.jobs-category-field .KeywordList { width: 100% !important; top: 40px; left: 0 }
.jobs-category-field .KeywordList li { font-weight: 400 !important }
.jobs-category-field .KeywordList li span { font-weight: 400 !important; color: var(--dark-grey); font-size: 12px }
.jobs-category-field .KeywordList li span em { font-weight: 600 !important; color: var(--dark-grey); font-size: 14px; font-style: normal }
.create_job_blade .job-post-details-info-box.attachment-publish { width: 100% }
.create_job_blade .job-post-details-info-box.attachment-publish ul li, .create_job_blade .job-post-details-info-box.attachment-publish ul li:first-child { margin: 0 8px 8px 0 }
.active-contract-button-row-outer { display: flex; align-items: center; justify-content: space-between }
.active-contract-button-row-outer .bottom-row:first-child { width: 60% }
.g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; margin: 0 0 0; display: block }
.employer_profile_blade .employee-involved-categories-row .carousel-categorys .owl-nav { position: absolute; top: -48px; right: 0; left: auto; transform: inherit }
.employer_profile_blade .carousel-categorys .owl-nav .owl-next span, .employer_profile_blade .carousel-categorys .owl-nav .owl-prev span { width: 12px }
.employer_edit_profile_blade .suggest-category-row ul.carousel-categorys.all_attachments li { width: auto }
.category-slide .center { display: flex; align-items: center; justify-content: space-between }
.view-more { font-size: 16px; margin: 0; width: auto }
.category-slide h3 { margin: 0 0 0; float: left; width: auto }
.job-post-modal .job-post-details-info ul.my_job_post_language { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap }
.employer_recieved_offers_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row:last-child .recieved-offer-right { display: flex; align-items: center }
.employer_recieved_offers_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row:last-child button { min-width: 120px; margin: 0 0 0 10px }
.employer_recieved_offers_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left p { display: flex; align-items: flex-start }
.employer_recieved_offers_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left p img { margin: 0 8px 0 0 }
.cookie-content { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #1E1E1E; z-index: 10000; padding: 16px 0 }
.cookie-content .center { display: flex; align-items: center !important; justify-content: space-between; padding: 0 !important }
.cookie-content label { color: var(--white); font-size: 16px; font-weight: normal; line-height: 1; display: flex; align-items: center }
.cookie-content label a { font-size: 24px; font-weight: 600; line-height: 1; margin: 0 16px 0 0; color: var(--orange) }
.cookie-content .cookie-btn { display: flex; align-items: center }
.cookie-content .cookie-btn a.more-info { font-weight: 500; font-size: 18px; color: var(--white); text-decoration: underline; margin: 0 16px 0 0 }
.cookie-content .cookie-btn a.accept-bttn { font-weight: 500; font-size: 24px; background-color: #D38979; height: 40px; line-height: 40px; padding: 0 32px; color: var(--white); border-radius: 5px }
.cookie-content .cookie-btn a.accept-bttn:hover { background-color: var(--green) }
.create_job_blade .loader { text-align: center; margin-top: 0 !important; display: block; background: rgba(0, 0, 0, 0.5) !important; margin: 0; left: 0; font-size: 0 }
.create_job_blade .loader img { width: 50px; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50% }
.employee_current_job_details_blade .job-post-details .post-heading .applied { margin: 16px 0 14px; font-size: 18px; width: 100%; clear: both }
.employee_current_job_details_blade .job-post-details .post-heading .applied img { margin: 0 8px 0 0 }
.employee_recieved_offers_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-right { align-items: center; justify-content: flex-end }
.employee_recieved_offers_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row:last-child .recieved-offer-right { width: 50%; display: flex; align-items: center; justify-content: flex-end }
.employee_recieved_offers_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-right button { min-width: auto; padding: 0 20px; margin: 0 0 0 8px; font-size: 18px; font-weight: 600 }
.profile_type span.employee_cls { background-color: #51ad8d; color: #fff }
.profile_type span.employer_cls { background-color: #f4c366; color: #303030 }
.s3_video_landing { z-index: 1000 }
.s3_video_landing .modal-content { max-width: 1300px; padding: 40px; background-color: #404040 }
.s3_video_landing .modal-content video { width: 100% !important }
.s3_video_landing .modal-content .close1 { color: #303030; float: right; font-size: 40px; font-weight: 300; position: absolute; right: -16px; top: -16px; cursor: pointer; background-color: var(--white); border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.4); background-position: center }
.s3_video_landing .modal-content h2, .s3_video_landing .modal-content span { display: none }
header.before-login { background-color: var(--dark-grey) }
.index_blade header.before-login { background-color: transparent }
.index_blade.header-down header.before-login { background-color: var(--dark-grey) }
.index_blade.header-up header.before-login { background-color: var(--dark-grey) }
header.before-login .center { padding: 10px }
header.before-login .header-left nav { margin: 14px 0 0 }
header.before-login .header-right ul { margin: 12px 0 0 }
nav ul { margin: 0 }
.terms-payment { font-size: 16px; font-weight: 500; margin: 16px 0 30px; width: 100%; display: block }
.back-to-text { position: absolute; left: 0; top: 26px; font-size: 18px; color: var(--dark-grey); background-image: url(/img/arrow-right-grey.svg); background-position: 0 center; background-repeat: no-repeat; padding: 0 0 0 16px }
.back-to-text span { display: none }
.modal_services .next-prev-row { display: flex; align-items: center; justify-content: flex-end }
.modal_services .next-prev-row a { margin: 0 30px 0 0; font-size: 16px; color: var(--medium-grey); display: flex; align-items: center }
.modal_services .next-prev-row a span { margin: 4px 10px 0 0px }
.cat_modal_services .next-prev-row { display: flex; align-items: center; justify-content: flex-end }
.cat_modal_services .next-prev-row a { margin: 0 30px 0 0; font-size: 16px; color: var(--medium-grey); display: flex; align-items: center }
.cat_modal_services .next-prev-row a span { margin: 4px 10px 0 0px }
.job_details_blade .details-content-attachment ul li:last-child { margin: 0 10px 10px 0 }
.verification_steps_blade .verification-steps.step_1 .verifications-form li p { display: flex; position: relative }
.verification_steps_blade .verification-steps.step_1 .verifications-form li p .first-step-verify { display: flex; align-items: center; margin: 0 0 0 16px; position: absolute; right: 10px; top: 16px }
.verification_steps_blade .verification-steps.step_1 .verifications-form li p .first-step-verify img { margin: 0 8px 0 0 }
.result-employee-section li .result-employee-left p.pdislike { position: absolute; right: 0px; top: 0; margin: 0; width: 40px; height: 25px; min-height: 20px }
.result-employee-section li .result-employee-left p.pclike { position: absolute; right: -1px; top: 0; margin: 0; width: 40px; height: 25px; min-height: 20px }
.result-employee-section li .result-employee-left p.phide { position: absolute; right: 0; top: 0; margin: 0; width: 40px; height: 25px; min-height: 20px }
.employer_favourite_hide_jobs_blade .result-employee-section li .result-employee-left p.pclike { right: 0 }
.result-employee-section li .result-employee-left p.pdislike img, .result-employee-section li .result-employee-left p.pclike img, .result-employee-section li .result-employee-left p.phide img { height: 25px }
.terms_blade .setiing-block .settings-right .verifications-form { margin: 0 0 30px }
.terms_blade .setiing-block .settings-right .verifications-form p { font-size: 16px !important; font-weight: 400 !important; line-height: 24px }
.terms_blade .setiing-block .settings-right .verifications-form p a { color: var(--orange) }
.terms_blade .setiing-block .settings-right h1, .terms_blade .setiing-block .settings-right p strong { font-size: 20px; margin: 0 0 20px }
.terms_blade .setiing-block .settings-right ul { display: block; margin: 0 0 20px }
.terms_blade .setiing-block .settings-right ul li { display: block; width: 100%; position: relative; padding: 0 0 0 25px; font-size: 16px; margin: 0 0 10px }
.terms_blade .setiing-block .settings-right ul li:after { position: absolute; content: ""; left: 0; top: 10px; width: 14px; height: 5px; border-radius: 5px; background-color: var(--orange) }
.verification_steps_blade .verification-steps.step_1 .verifications-form li p { flex-flow: column }
.search_text_cat { width: 100%; margin: 0 0 16px; height: 45px; line-height: 45px; border: 1px solid var(--dark-grey); border-radius: 5px; padding: 0 52px 0 12px; font-size: 14px; background-image: url(/img/search-icon-b.svg); background-position: 96% center; background-repeat: no-repeat }
.employee-involved-categories { display: flex; align-items: center }
.tooltips { position: relative; width: auto; margin: 0 0 0 8px; display: inline-block }
.tooltips a.tools-btn { width: 25px; height: 25px; border-radius: 50%; background-color: var(--dark-grey); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500 }
.tooltips a.tools-btn:hover, .tooltips.active a.tools-btn { background-color: var(--yellow) }
.tooltips .tools-content { display: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); border-radius: 5px; background-color: var(--light-grey); font-weight: 500; font-size: 12px; line-height: 17px; padding: 12px 30px 12px 12px; position: absolute; right: -276px; bottom: 0; z-index: 100; width: 266px; color: var(--dark-grey) }
.tooltips.active .tools-content { display: block }
.tooltips.active .tools-content span.tools-close { position: absolute; right: 6px; top: 6px; background-image: url(/img/close-icon.svg); background-repeat: no-repeat; background-position: 0 0; width: 25px; height: 25px; font-size: 0; cursor: pointer; left: auto; background-size: 22px }
.request_cat_modal .apply-row { display: flex; align-items: center; position: relative }
.request_cat_modal .apply-row .input-text { width: 100%; height: 60px; line-height: 60px; border-radius: 5px; border: 1px solid var(--medium-grey); padding: 0 220px 0 10px; background: var(--white); color: var(--dark-grey); font-size: 16px }
.request_cat_modal .apply-row button.submit_request { position: absolute; right: 7px; top: 7px }
.search-bar .address-img { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 10px; background-color: var(--dark-grey); border-radius: 5px; width: 35px; height: 35px; background-image: url(/img/location-icon-new.svg); background-repeat: no-repeat; background-position: center center; cursor: pointer }
.search-bar .address-img img { display: none }
.process_blade .category-details.payment-page-details h5 { display: flex; align-items: center }
.category_add .rate-box h6, .category_add .add-modal-header { display: flex; align-items: center }
.job_employer_details_blade .job-post-details-content h4 { display: flex; align-items: center }
.empty-state { width: var(--full-width); padding: 0; display: block; background-color: var(--white); margin: 0 0 0; border-radius: 5px }
.empty-state-inner { width: var(--full-width); height: 60px; border-radius: 5px; background-color: #F6F6F7; display: flex; align-items: center; justify-content: flex-start; padding: 24px; position: relative }
.empty-state-inner span { color: #B7B7B7; font-size: 60px; height: 60px; position: absolute; top: 50%; left: 24px; transform: translateY(-50%); cursor: not-allowed }
.empty-yellow.empty-state { background-color: #EBBE56 }
.empty-yellow.empty-state .empty-state-inner { background-color: #DCB251 }
.empty-yellow .empty-state-inner span { color: #393939 }
.empty-green.empty-state { background-color: #46A282 }
.empty-green.empty-state .empty-state-inner { background-color: #388C6F }
.empty-green .empty-state-inner span { color: #393939 }
.empty-black.empty-state { background-color: #303030 }
.empty-black.empty-state .empty-state-inner { background-color: #1D1D1D }
.empty-black .empty-state-inner span { color: #B7B7B7 }
.gm-style-iw.gm-style-iw-c { height: 140px !important; max-height: 180px !important; max-width: 243px !important }
.gm-style-iw-d>div { height: 100%; overflow: hidden; overflow-y: auto; color: var(--white); font-weight: 500 }
.gm-style-iw-d>div>br { display: none }
.gm-style-iw-d { max-height: 180px !important; height: 100%; padding: 10px }
.map-window { position: relative !important }
.search-map-div { background-color: var(--dark-grey); color: var(--white); padding: 10px; border-radius: 0px; border-bottom: 1px dashed var(--lighter-grey) }
.search-map-div:last-child { border: 0 }
.search-map-div strong { color: var(--white); font-size: 14px; font-weight: 600; margin: 0 0 6px; display: block }
.search-map-div p { color: var(--white); font-size: 13px; font-weight: 400; margin: 0 0 6px; line-height: 16px }
.search-map-div span { color: var(--orange); font-size: 13px; font-weight: 500; margin: 0 0 0px }
.employee_hire_blade .apply-job-price h3 { display: flex; align-items: center }
.job_details_blade .new-job-details h4 { display: flex; align-items: center }
.job_details_blade .job-bidding-modal h4 { display: flex; align-items: center; justify-content: center }
.forget-sucess { background-color: #1E1E1E; border-radius: 5px; padding: 16px; position: relative; min-height: 162px }
.forget-sucess p { font-size: 20px; font-weight: 600; text-align: left; padding: 0 0 42px 80px }
.forget-sucess p.intro-text { font-size: 14px; font-weight: 400; text-align: left; position: static; font-style: normal; padding-bottom: 0 }
.forget-sucess .intro-text span { left: 16px; position: absolute; top: 16px; background-color: #0F0F0F; color: var(--yellow); width: 64px; height: 130px; font-size: 120px }
.edit-box .job-title-length { float: right; font-size: 12px; margin: -4px 0 0 0 }
.settings_blade .modal_first_step .select2-container--default .select2-selection--multiple .select2-selection__clear { display: none }
.settings_blade .modal_first_step .select2-container--custom-selection { margin: 10px 0 0 0 }
.contract-box-inn .gm-style-iw.gm-style-iw-c { height: auto !important; max-height: 180px !important }
.payment-information-box { width: var(--full-width); border-radius: 5px; background-color: var(--light-grey); padding: 24px; margin: 0 0 16px }
.payment-information-box h5 { display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 20px; color: var(--dark-grey); margin: 0 0 20px }
.payment-information-box ul.information-list { width: var(--full-width); display: flex; align-items: center; flex-wrap: wrap; margin: 0 0 16px }
.payment-information-box ul.information-list li { width: var(--full-width); display: block; width: 24%; margin: 0 16px 16px 0; padding: 0 }
.payment-information-box ul.information-list li label { display: block; font-weight: 600; font-size: 14px; margin: 0 0 4px; color: var(--orange) }
.payment-information-box ul.information-list li label span { font-weight: 500; font-size: 12px; color: var(--darker-grey) }
.payment-information-box ul.information-list li input.text-field { border: 1px solid #7A7A7A; border-radius: 5px; font-weight: 500; font-size: 16px; height: 50px; line-height: 50px; padding: 0 8px; background-color: var(--white); width: 100% }
.payment-information-box ul.information-list li select.select-field { border: 1px solid #7A7A7A; border-radius: 5px; font-weight: 500; font-size: 16px; height: 50px; line-height: 50px; padding: 0 8px; background-color: var(--white); width: 100% }
.payment-information-box ul.information-list li:nth-child(4n+4) { margin-right: 0 }
.payment-information-box ul.information-list.card-details-info { width: 70% }
.payment-information-box ul.information-list.card-details-info li { width: 32% }
.payment-information-box ul.information-list.card-details-info li:nth-child(3n+3) { margin-right: 0 }
.payment-information-box ul.information-list.card-details-info li:nth-child(4n+4) { margin-right: 16px }
.payment-information-box ul.information-list li.expiry-date .expiry-date-block { display: flex; align-items: center }
.payment-information-box ul.information-list li.expiry-date .expiry-date-block span { margin: 0 4px }
.payment-information-box ul.information-list li.expiry-date .expiry-date-block input.text-field-month { width: 70px; text-align: center }
.payment-information-box ul.information-list li.expiry-date .expiry-date-block input.text-field-year { width: 90px; text-align: center }
.payment-information-box .withdraw-btn { margin: 0 auto; display: table; color: var(--white); font-weight: 500; font-size: 18px; min-width: 300px; height: 50px; line-height: 50px }
.payment-information-box ul.information-list.paypal-information-box { justify-content: center }
.wallet-page .verification-steps { width: 100% }
.verifications-form .hide_section { margin: 16px 0 0 0 }
.verifications-form .hide_section { margin: 16px 0 0 0 }
.credit_debit_card_box .information-list.card-details-info { justify-content: flex-start }
.paypal_box ul.paypal-information-box.information-list li { width: 35% }
.settings-scrollbar::-webkit-scrollbar { background-color: #fff; width: 12px }
.settings-scrollbar::-webkit-scrollbar-track { background-color: #fff }
.settings-scrollbar::-webkit-scrollbar-track:hover { background-color: #fff }
.settings-scrollbar::-webkit-scrollbar-thumb { background-color: #303030; border-radius: 16px; border: 3px solid #fff }
.settings-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #a0a0a5; border: 3px solid #fff }
.settings-scrollbar::-webkit-scrollbar-button { display: none }
.settings-scrollbar { height: 250px; width: 100%; min-width: 100%; background: #fff; overflow-y: scroll; margin: 0 0 40px }
.spcl_confirm_modal .c-popup { max-width: 600px }
.spcl_confirm_modal .c-popup .edit-profile-icons { display: flex; justify-content: center; margin: 0; width: 100% }
.spcl_confirm_modal .c-popup .category-option-box h5 { margin: 0 0 30px; font-size: 18px; font-weight: 500; padding: 0 20px; color: var(--dark-grey) }
.spcl_confirm_modal .choose-category>div { display: flex; align-items: center; padding: 0 30px }
.spcl_confirm_modal .choose-category>div span { background-color: #CB4F34; width: 30px; height: 68px; border-radius: 5px; color: var(--white); font-size: 45px; font-weight: 500 }
.spcl_confirm_modal .choose-category>div p { width: calc(100% - 35px); padding: 0 0 0 16px; font-size: 20px; text-align: left; font-weight: 600; line-height: 24px }
.js-modal-shopify-delete-category-confirm-box .c-popup .edit-profile-icons { display: flex; justify-content: center; margin: 0; width: 100% }
.select2-results__option[role=option]:before { content: ""; display: inline-block; position: relative; height: 20px; width: 20px; border: 2px solid #e9e9e9; border-radius: 4px; background-color: #fff; margin-right: 20px; vertical-align: middle }
.select2-results__option[aria-selected=true]:before { font-family: fontAwesome; content: "\f00c"; color: #000; border: 0; display: inline-block; padding-left: 3px }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #fff }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #eaeaeb; color: #272727 }
.select2-container--default .select2-selection--multiple { margin-bottom: 10px }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-radius: 4px }
.select2-container--default .select2-selection--multiple { border-width: 2px }
.select2-container--open .select2-dropdown--below { border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) }
.select2-selection .select2-selection--multiple:after { content: 'hhghgh' }
.index_blade .banner-content .tab { position: relative; z-index: 10 }
.KeywordList .head-keywords-ul { height: 100% !important; max-height: 300px !important }
.suggested-employee .suggest-profile-box .suggest-img { width: 140px; height: 140px; border-radius: 50%; overflow: hidden; border: 2px solid var(--light-grey); position: relative; padding: 3px; -webkit-transition: all 0.3s ease-in; margin: 0 auto; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.suggested-employee .suggest-profile-box .suggest-img img { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 90% !important; height: 90% !important }
.suggested-employee .suggest-profile-box .suggest-img { width: 140px; height: 140px; border-radius: 50%; overflow: hidden; border: 2px solid var(--light-grey); position: relative; padding: 0; -webkit-transition: all 0.3s ease-in; margin: 0 auto; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; background-color: var(--light-grey); }
.suggest-profile-box:hover .suggest-img { background-color: var(--white); }
.suggested-employee .suggest-profile-box .suggest-img img { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 92% !important; height: 92% !important }
.suggested-employee .verification-round.percircle, .suggested-employee .percircle { position: absolute; top: 0%; right: 0px; font-size: 140px; background-color: transparent; background: transparent; width: 100%; height: 100%; float: none; margin: 0 }
.suggested-employee .percircle.gt50 .slice, .suggested-employee .rect-auto { clip: rect(auto, auto, auto, auto) }
.suggested-employee .percircle .slice { position: absolute; width: 136px; height: 136px; clip: rect(0, 1em, 1em, .5em); top: 0; right: 0px }
.suggested-employee .percircle.animate .bar { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out }
.suggested-employee .gt50 .fill, .suggested-employee .percircle .bar, .suggested-employee .pie { position: absolute; border: 3px solid var(--green); width: 96%; height: 96%; clip: rect(0, 68px, 136px, 0); border-radius: 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg) }
.suggested-employee .gt50 .bar:after, .suggested-employee .gt50 .fill, .suggested-employee .pie-fill { transform: rotate(180deg); -webkit-transform: rotate(180deg) }
.suggested-employee .percircle:after { position: absolute; top: 50%; left: 50%; display: block; content: " "; border-radius: 50%; background-color: transparent; width: 90%; height: 90%; transform: translate(-50%, -50%) }
.suggested-employee .verification-round.percircle>span { display: none }
.jobs-category-field .KeywordList .category-ato-footer { padding: 16px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500; background-color: var(--light-grey) }
.jobs-category-field .KeywordList .category-ato-footer span { color: #6C9BA1; font-weight: 600; font-size: 16px; background-image: url(/img/new-request-icon.svg); background-position: 99% center; background-repeat: no-repeat; padding: 0 25px 0 0; margin: 0 0 0 16px; cursor: pointer }
.blog-listing { padding: 30px 0 60px; margin: 80px 0 0 0; background-color: var(--white) }
.blog-section { display: flex; justify-content: space-between }
.blog-section .blog-left { width: 75%; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.blog-section .blog-left .top-blog { width: var(--full-width); display: block; border-radius: 5px; overflow: hidden; position: relative }
.blog-section .blog-left .top-blog a { display: block; width: 100%; position: relative }
.blog-section .blog-left .top-blog a:after { position: absolute; content: ""; bottom: 0; left: 0; width: var(--full-width); height: var(--full-height); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 78.12%) }
.blog-section .blog-left .top-blog img { width: var(--full-width); display: block }
.blog-section .blog-left .top-blog .blog-contents { padding: 40px; position: absolute; bottom: 0; z-index: 1; left: 0; width: 80% }
.blog-section .blog-left .top-blog .blog-contents h3 { position: relative; width: 100%; font-weight: bold; font-size: 30px; line-height: 37px; color: var(--white); margin: 16px 0 }
.blog-section .blog-left .top-blog .blog-contents h3 a { font-weight: bold; font-size: 30px; line-height: 37px; color: var(--white) }
.blog-section .blog-left .top-blog .blog-contents p { width: 100%; font-weight: 500; font-size: 16px; line-height: 24px; color: var(--white); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden }
.blogpage-listing { width: 100%; display: flex; flex-wrap: wrap; margin: 40px 0 0 }
.blog-box { width: 32%; margin: 0 16px 40px 0 }
.blog-box:nth-child(3n+3) { margin-right: 0 }
.blog-box .blog-img { width: 100%; max-height: 350px; margin-bottom: 16px; border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: center }
.blog-box .blog-img img { display: block; width: 100% }
.blog-box .blog-info { width: 100%; position: relative }
.blog-box .blog-info .top-info { display: flex; align-items: center; justify-content: space-between; }
.blog-box .blog-info .top-info .date { font-weight: 500; font-size: 14px; color: var(--medium-grey); margin: 0 0 0 16px }
.blog-box .blog-info h3 { position: relative; width: 100%; font-weight: bold; font-size: 24px; line-height: 29px; color: var(--dark-grey); margin: 16px 0 }
.blog-box .blog-info h3 a { font-weight: bold; font-size: 24px; line-height: 29px; color: var(--dark-grey); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden }
.blog-box .blog-info p { width: 100%; font-weight: 400; font-size: 14px; line-height: 24px; color: var(--medium-grey); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden }
.blog-section .blog-right { width: 22% }
.article-search { width: 100%; height: 50px; border: 1px solid var(--dark-grey); font-size: 14px; font-weight: 400; color: var(--medium-grey); line-height: 50px; padding: 0 8px; border-radius: 5px; margin: 0 0 18px; padding: 0 50px 0 10px }
.blog-section .blog-right .blog-right-block { width: 100%; margin: 0 0 24px }
.blog-section .blog-right .blog-right-block h2 { font-size: 30px; line-height: 37px; font-weight: 700; color: var(--dark-grey); margin: 0 0 16px; padding: 0 }
.blog-category { width: 100%; display: block }
.blog-category li { width: 100%; display: block; margin: 0 0 8px }
.blog-category li a { display: flex; align-items: center; justify-content: space-between; border-radius: 5px; background-color: rgba(108, 155, 161, 0.1); font-weight: 600; font-size: 16px; text-transform: uppercase; color: var(--dark-grey); height: 44px; padding: 0 16px }
.blog-category li a:hover { background-color: var(--light-grey) !important }
.thought-search { margin: 0 0 16px; padding: 0 50px 0 10px }
.fourm-list { width: 100%; display: block; overflow: hidden; overflow-y: scroll; height: 390px }
.fourm-list li { width: 100%; display: block; border-radius: 5px; background-color: var(--light-grey); padding: 8px; margin: 0 0 8px }
.fourm-list li .fourm-top { width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 0 8px }
.fourm-list li .fourm-top .profile { display: flex; align-items: center; font-weight: 600; font-size: 16px; color: var(--dark-grey) }
.fourm-list li .fourm-top .profile img { width: 30px; height: 30px; border-radius: 50%; margin: 0 8px 0 0 }
.fourm-list li .fourm-top .profile span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 145px }
.fourm-list li .fourm-top .time-date { font-weight: normal; font-size: 12px; color: var(--medium-grey) }
.fourm-list li p { font-weight: normal; font-size: 14px; line-height: 17px; color: var(--medium-grey) }
.blog-chips { display: inline-block; border-radius: 5px; background: #ECEDEF; height: 28px; line-height: 28px; font-style: normal; font-weight: 600; font-size: 12px; text-transform: uppercase; color: var(--dark-grey); padding: 0 16px; width: auto }
.blog-chips.feature { color: #6C9BA1 }
.blog-chips.tips { color: var(--yellow) }
.blog-chips.news { color: #CB7767 }
.blog-category li a.blog-category-feature { background-color: rgba(108, 155, 161, 0.1) }
.blog-category li a.blog-category-tips { background-color: rgba(235, 190, 86, 0.1) }
.blog-category li a.blog-category-news { background-color: rgba(203, 119, 103, 0.1) }
.blog-banner:after { display: none }
.blog-details-section { margin: 40px 0 }
.blog-details-section .date { font-weight: 500; font-size: 14px; color: var(--medium-grey); display: block; width: 100%; margin: 20px 0 }
.blog-details-section h1 { font-weight: bold; font-size: 40px; line-height: 49px; color: var(--dark-grey); margin: 0 0 24px }
.blog-details-section h2 { font-weight: bold; font-size: 36px; line-height: 45px; color: var(--dark-grey); margin: 0 0 20px }
.blog-details-section h3 { font-weight: bold; font-size: 32px; line-height: 40px; color: var(--dark-grey); margin: 0 0 20px }
.blog-details-section h4 { font-weight: 600; font-size: 28px; line-height: 29px; color: var(--dark-grey); margin: 0 0 16px }
.blog-details-section h5 { font-weight: 600; font-size: 24px; line-height: 29px; color: var(--dark-grey); margin: 0 0 16px }
.blog-details-section h6 { font-weight: 600; font-size: 20px; line-height: 29px; color: var(--dark-grey); margin: 0 0 16px }
.blog-details-section p { font-weight: 400; font-size: 18px; line-height: 28px; color: var(--dark-grey); margin: 0 0 24px }
.blog-details-section p a { color: var(--orange) }
.blog-details-section img { max-width: 100%; margin: 10px 0 30px; border-radius: 5px }
.bottom-banner { margin: 100px 0 0 }
.blog-right-block .blog-box, .blog-right-block .blog-box:nth-child(3n+3) { width: 100%; margin: 0 0 40px }
.fourm-list.blog-details-fourm-list { overflow: hidden; height: 100%; max-height: 400px; overflow-y: auto }
.blog-box a { width: 100% }
.blogpage-listing .jscroll-inner { display: flex; flex-wrap: wrap; width: 100% }
.fourm-form { position: relative }
.fourm-form button.forum_post_btn { position: absolute; height: 36px; width: 36px; background-color: var(--orange); border-radius: 5px; right: 7px; top: 7px; margin: 0; background-image: url(/img/message-icon.svg); background-repeat: no-repeat; background-position: center center; cursor: pointer; background-size: 18px }
.blog-right form { position: relative }
.blog-right form button.search_btn { position: absolute; height: 36px; width: 36px; background-color: var(--orange); border-radius: 5px; right: 7px; top: 7px; margin: 0; background-image: url(/img/search-icon.svg); background-repeat: no-repeat; background-position: center center; cursor: pointer; border: 0; text-indent: -9999px; background-size: 18px }
.blog-right .explore_blog { display: none }
.go_forum_btn { display: none }
section>h4 { font-weight: 600; margin: 0 0 16px }
.no-data-ul li { padding: 0 !important }
.employer_profile_blade .provide-service .result-list li h3 { margin-top: 20px }
.best-responsive-tab-contents:not(.lgTabToggle-tab-responsive-active) { position: relative !important }
.best-responsive-tab-content .find-content .jobs-category-field .KeywordList { top: 100px }
.best-responsive-tab-content .find-content .jobs-category-field .KeywordList ul { height: 100% !important; max-height: 300px !important; padding: 16px }
.best-responsive-tab-content .find-content .jobs-category-field .KeywordList .category-ato-footer { color: var(--dark-grey) }
.aside-box .KeywordList { box-shadow: 0 5px 10px 1px rgb(0 0 0 / 20%) }
.aside-box .KeywordList ul { max-height: 300px !important; height: 100% !important; box-shadow: none !important }
.aside-box .KeywordList .category-ato-footer { display: flex; align-items: center; justify-content: space-between; font-size: 15px; font-weight: 500; flex-flow: column; padding: 10px 0; background-color: var(--light-grey) }
.aside-box .KeywordList .category-ato-footer span.request_a_new_category { font-size: 16px; font-weight: 600; color: var(--orange); cursor: pointer; margin: 6px 0 0 }
.referral-btn { background: var(--dark-grey); height: 50px; line-height: 50px }
.referral-btn:hover { background: var(--medium-grey) }
.profile_public_employer_blade .profile-button-right { display: flex; align-items: center }
.profile_public_employer_blade .profile-button-right a.fav-link-icon, a.fav-link-icon { border-radius: 5px; height: 50px; width: 50px; display: flex; margin: 0 8px 0 4px; align-items: center; justify-content: center; background-color: #E2E2E2 }
.login-content .referral_section { padding: 0 10px 0 10px; background-color: var(--dark-grey); width: 100%; height: 48px; line-height: 48px; border-radius: 5px; border: 1px solid var(--medium-grey); background: var(--dark-grey); color: var(--light-grey); font-size: 14px; display: flex; align-items: center; justify-content: space-between }
.login-content .referral_section span { font-weight: normal; font-size: 16px; color: var(--white) }
.login-content .referral_section p { background-color: var(--darkest-grey); height: 40px; display: flex; align-items: center; padding: 0 46px 0 16px; border-radius: 5px; font-weight: normal; font-size: 16px; color: var(--white); background-image: url(/img/refferal-check.svg); background-repeat: no-repeat; background-position: 94% center }
.login-content .referral_section p.referal_not_exist { background-color: var(--darkest-grey); height: 40px; display: flex; align-items: center; padding: 0 46px 0 16px; border-radius: 5px; font-weight: normal; font-size: 16px; color: var(--error); background-image: url(/img/remove_verify.png); background-repeat: no-repeat; background-position: 94% center }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-heading li>div, .referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div { width: 20%; padding: 0 16px; font-size: 14px; font-weight: 400; background-color: transparent; color: var(--medium-grey); line-height: 1 }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-heading li>div:nth-child(1), .referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div:nth-child(1) { width: 14% }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-heading li>div:nth-child(2), .referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div:nth-child(2) { width: 45% }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-heading li>div:nth-child(4), .referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div:nth-child(4) { width: 22%; font-weight: 600; color: var(--dark-grey) }
.referral_wallet_blade .new-job-details .job-post-details-info #tab2 ul.payment-heading li>div:nth-child(2), .referral_wallet_blade .new-job-details .job-post-details-info #tab2 ul.payment-list-wallet li>div:nth-child(2) { width: 25% }
.referral_wallet_blade .new-job-details .job-post-details-info #tab2 ul.payment-heading li>div:nth-child(3), .referral_wallet_blade .new-job-details .job-post-details-info #tab2 ul.payment-list-wallet li>div:nth-child(3) { width: 40% }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div:nth-child(2) { display: flex; align-items: center; font-weight: 600; color: var(--dark-grey) }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div:nth-child(2) img { border-radius: 50%; width: 50px; height: 50px; margin: 0 8px 0 0 }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div:nth-child(2) span { margin: 0 0 0 16px; font-weight: 400 }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div:nth-child(3) { font-weight: 600; color: var(--dark-grey) }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-heading li { padding: 0 14px }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div { border-left: 1px solid rgba(0, 0, 0, 0.1) }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div:nth-child(1) { border: 0 }
.referral_wallet_blade .new-job-details .job-post-details-info ul.payment-list li>div { min-height: 48px; display: flex; align-items: center }
.referral_wallet_blade h4#numero1 { display: none }
.referral_wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li { width: 50%; text-align: center; display: flex; justify-content: center }
.referral_wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li a { font-size: 20px; font-weight: 800; text-align: center; color: #868686 }
.referral_wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li.active a { font-weight: 800; color: var(--dark-grey) }
.referral_wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li.active a:before { display: none }
.referral_wallet_blade .wallet-tab button.referEarn { text-align: center; display: table; margin: 0; min-width: 320px; height: 50px; line-height: 50px; background: var(--dark-grey) }
.referral_wallet_blade .wallet-tab button.referEarn:hover { background: var(--darker-grey) }
.referral_wallet_blade .wallet-tab button { text-align: center; display: table; margin: 0; min-width: 320px; height: 50px; line-height: 50px }
.referral_wallet_blade .wallet-tab button.collect { margin: 0 auto }
.badge-discount { background-color: var(--green); color: var(--white); font-size: 13px; font-weight: 500; padding: 0 12px; text-align: center; border-radius: 5px; display: inline-block }
.span-discount { font-size: 14px; color: var(--orange); font-style: italic; padding: 0 8px; border-radius: 5px; margin: 0 0 0 10px; font-weight: 600 }
.employer_closed_job_blade .result-list li .button-row.deactivate-btn-row { justify-content: space-between; width: 100%; margin: 30px 0 0 }
.employer_closed_job_blade .result-list li .button-row.deactivate-btn-row .reactivate-btn { height: 40px; line-height: 40px; background: var(--light-grey); color: #303030; font-weight: 500; font-size: 16px; min-width: auto; padding: 0 40px }
.employer_closed_job_blade .result-list li .button-row.deactivate-btn-row .reactivate-btn:hover { background: var(--lighter-grey) }
.employer_closed_job_blade .result-list li .button-row.deactivate-btn-row .view-btn { position: inherit }
.modal_first_step.js-modal-services .verifications-form ul li { margin: 0 }
.modal_first_step.js-modal-services .next-prev-row { padding: 0 }
.modal_first_step.js-modal-services .verifications-form ul.add-category-filter-new li { margin: 0 4px 4px 0 }
.video-parent { display: flex; justify-content: space-between; position: relative; padding: 0 0 0; overflow: hidden }
.video-parent .video-child { width: 49% }
.video-parent .video-child p { font-size: 20px; font-weight: 600; color: var(--white); line-height: 24px; margin: 16px 0 0 }
.s3_video_landing .modal-content .video-parent .video-child video { width: 100% !important; min-height: 320px }
.video-parent>p { position: absolute; bottom: 0; right: 0; font-size: 18px; color: #fff; font-weight: 500; /*background-image: url(/img/youtube-popup.svg);*/ background-position: right center; background-repeat: no-repeat; padding: 8px 165px 8px 0; cursor: pointer; margin: 0 }
.top-category-box-wrap .top-category-box .job_cat_cls { width: 100%; background-color: var(--light-grey); border-radius: 5px; text-align: center; font-weight: bold; font-size: 16px; color: var(--dark-grey); height: 50px; line-height: 50px; position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer }
.top-category-box-wrap .top-category-box .job_cat_cls:after { position: absolute; content: ""; right: 16px; top: 50%; width: 16px; height: 10px; background: url(/img/ascdending-icon.svg) 0 0 no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.top-category-box-wrap .top-category-box .job_cat_cls.add_job_cat_open:after { position: absolute; content: ""; right: 16px; top: 50%; width: 16px; height: 10px; background: url(/img/descending-icon.svg) 0 0 no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.top-category-box-wrap .top-category-box .job_cat_cls:after { }
.top-category-box-wrap .top-category-box .job_cat_cls img { margin: 0 16px 0 0; width: 32px;  height: 32px; }
.top-category-box-wrap .top-category-box .job_cat_filter { width: 100% !important; flex-wrap: wrap; justify-content: flex-start }
.top-category-box-wrap .top-category-box .job_cat_filter li { width: auto !important; margin: 0 10px 10px 0 }
.top-category-box-wrap .top-category-box .job_cat_filter li a { border-radius: 5px; background-color: #fff; height: 30px; line-height: 30px; font-weight: normal; font-size: 16px !important; display: flex; align-items: center; padding: 0 12px; color: var(--dark-grey); border: 1px solid #303030; width: auto }
.job_cat_filter { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 12px 0 0 }
.job_cat_filter li { list-style: none; margin: 0 10px 10px 0; padding: 0; width: auto !important }
.job_cat_filter li a { border-radius: 20px; background-color: var(--light-grey); height: auto; line-height: 1; font-weight: normal; font-size: 16px; display: flex; align-items: center; padding: 8px 12px; color: var(--dark-grey) }
.job_cat_filter li a img { width: 20px }
.job_cat_filter { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 12px 0 0 }
.job_cat_filter li { list-style: none; margin: 0 10px 10px 0; padding: 0 }
.job_cat_filter li a { border-radius: 20px; background-color: var(--light-grey); height: auto; line-height: 1; font-weight: normal; font-size: 16px; display: flex; align-items: center; padding: 6px 12px; color: var(--dark-grey) }
.job_cat_filter li a img { width: 20px }
.top-category-box-wrap .top-category-box .job_cat_filter { width: 100% !important; flex-wrap: wrap; justify-content: flex-start }
.top-category-box-wrap .top-category-box .job_cat_filter li { width: auto !important; margin: 0 10px 10px 0 }
.top-category-box-wrap .top-category-box .job_cat_filter li a { border-radius: 5px; background-color: #fff; height: 30px; line-height: 30px; font-weight: normal; font-size: 16px !important; display: flex; align-items: center; padding: 0 12px; color: var(--dark-grey); border: 1px solid #303030; width: auto }
.setiing-block .settings-right .step_2 .job_cat_filter li a { background-color: #6C9BA1; color: var(--white) }
.job_cat_filter li.unpromoted-cat a { border: 1px solid var(--dark-grey); border-radius: 5px; background-color: transparent }
.job_cat_filter li.unpromoted-cat.add-cat-open a { border: 0; background-color: #6C9BA1; border-radius: 20px; color: var(--white) !important }
.top-category-box-wrap .top-category-box .job_cat_filter li.active a { background-color: #6C9BA1 !important; border: 1px solid #6C9BA1 !important; color: var(--white) !important }
.job_cat_modal .modal-content { max-width: 1200px }
.job_cat_modal .verifi-pop { display: block }
.job_cat_modal .next-prev-row { padding: 20px 0 0 }
.job_cat_modal .next-prev-row button { float: right; height: 45px; line-height: 45px; color: var(--white) }
.job_cat_modal .top-category-box-wrap .top-category-box { width: 50%; margin: 10px 0px; position: inherit; display: block }
.modal_first_step.job_cat_modal .verifications-form ul li { margin: 0 }
.modal_first_step.job_cat_modal .next-prev-row { padding: 0 }
.index_blade .modal_first_step.job_cat_modal .verifications-form ul li { margin: 0 8px 8px 0 }
.index_blade .select2-container--default .select2-selection--multiple .select2-selection__clear { font-weight: normal !important; font-size: 35px; margin: 9px 0 0 0 !important }
.copied-link .copy_url span { display: flex; align-items: center; justify-content: center }
.copied-link .copy_url span img { margin: 0 0 0 8px }
.profile-button-row .profile-button-right .bttn.promote-btn span, .profile-button-row .profile-button-right .bttn.edit-btn span { display: flex; align-items: center; justify-content: center }
.profile-button-row .profile-button-right .bttn.promote-btn span img, .profile-button-row .profile-button-right .bttn.edit-btn span img { margin: 0 0 0 8px }
#cke_1_contents { height: 140px !important }
.settings_blade .verifications-form ul li img.check_verify, .settings_blade .verifications-form ul li img.remove_verify { top: 102px; left: 46% }
.settings_blade .verifications-form ul li .sendlink-btn { top: 30px; height: 50px; line-height: 50px }
.employee_edit_profile_blade .all_attachments.owl-carousel .owl-stage-outer { padding: 0 }
.employee_edit_profile_blade .all_attachments.owl-carousel .owl-item img { display: block }
.employee_edit_profile_blade .involved-category .suggest-category-row .owl-carousel .owl-stage-outer { padding: 0 }
.employee_edit_profile_blade .involved-row .involved-category.provide-service-row .new-provide { max-height: 182px; min-height: auto }
.result-list.notification-list li ul { display: block }
.result-list.notification-list li ul>li { background-color: transparent; color: var(--dark-grey); padding: 0; margin: 0px 0 16px }
.notifications_blade .result-list.notification-list li p { min-height: inherit; margin: 0 0 16px }
.new-job-details .job-post-details-info ul.payment-list li>div a.withdrawdetails { display: flex; align-items: center; color: var(--orange) }
.new-job-details .job-post-details-info ul.payment-list li>div a.withdrawdetails .open-eye { margin: 0 0 0 8px }
.modal.withdrawdetailsmodal .show_details { height: 550px; overflow: hidden; overflow-y: auto }
.modal_first_step.job_cat_modal .verifications-form .top-category-box-wrap ul li { margin: 0 8px 8px 0 }
.pagination_section2 .result-list li>h3 { margin-top: 10px }
.result_blade .map-window { width: 100%; padding: 2px 6px }
.result_blade .map-window .top-window h3 { width: auto }
.result_blade .map-window .top-window h3 a { color: var(--light-grey); line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 120px; min-width: inherit; display: block; top: 7px }
.result_blade .map-window .window-price { font-size: 14px; font-weight: 500 }
.result_blade .search-map-div p { margin: 0 0 10px }
.result_blade .window-bottom .window-pro a { padding: 0 }
.result_blade .search-map-div strong { display: flex; align-items: center; justify-content: space-between; width: 100% }
.result_blade .search-map-div strong .profile-info { margin: 0 10px 0 0 }
.result_blade .search-map-div strong .profile-info img { margin: 0 8px 0 0 }
.result_blade .search-map-div .window-bottom { display: flex; align-items: center; justify-content: space-between; width: 100% }
.result_blade .search-map-div .window-bottom .profile-info { margin: 0 10px 0 0; width: 100% }
.result_blade .search-map-div .window-bottom .profile-info img { margin: 0 8px 0 0 }
.dashboard_blade .map-window { width: 100% }
.dashboard_blade .map-window .top-window h3 { width: auto }
.dashboard_blade .map-window .top-window h3 a { color: var(--light-grey) }
.not-found-page .newsletter { padding: 2%; max-width: 600px; margin: 50px auto 0; display: flex; flex-flow: column }
.not-found-page .newsletter input.unsub_email { width: 100%; height: 50px; border-radius: 5px; background-color: var(--light-grey); color: var(--dark-grey); font-size: 16px; padding: 0 12px; margin: 0 0 16px }
.not-found-page .newsletter .unsubscribe-btn { min-width: 100% }
.index_blade .map-window .window-bottom .profile-info { margin: 0 6px 0 10px }
.job_employer_details_blade .gm-style-iw-d { max-width: 300px }
.job_employer_details_blade .gm-style-iw-d>div { height: 100%; overflow: hidden; overflow-y: auto; padding: 24px 20px; font-size: 15px; color: #fff; font-weight: 600 }
#cropImagePop .down-btn-row { justify-content: flex-end }
#cropImagePop .down-btn-row button { margin: 0 0 0 16px; height: 45px; line-height: 45px }
#cropImagePop .down-btn-row button#browseImg { background: var(--light-grey); color: var(--dark-grey) }
#cropImagePop .down-btn-row button#browseImg:hover { background: var(--dark-grey); color: var(--white) }
.create_job_blade .details-content-attachment .files_address ul>li { position: relative }
.create_job_blade .details-content-attachment .files_address ul>li>img { width: 28px; position: absolute; right: -12px; top: 0; cursor: pointer; background-color: var(--red); padding: 6px; border-radius: 0 0 0 5px }
.fixed-header .header-r ul li.link-profile .profile-submenu>ul li a>img { border: 0 !important; width: 25px; height: 40px; border-radius: 0 !important }
.register-success { display: flex; align-items: center; justify-content: center; flex-flow: column; padding-bottom: 100px }
.register-success .success-img { width: auto; margin: 0 auto; text-align: center }
.register-success .success-img img { max-width: 100% }
.register-success h3 { font-weight: 800; font-size: 40px; line-height: 49px; color: var(--dark-grey); margin: 0 0 24px; text-align: center }
.register-success p { font-weight: 500; font-size: 24px; line-height: 1; color: var(--dark-grey); margin: 0 0 64px; text-align: center }
.register-success button { height: 50px; line-height: 50px; background: #ECEDEF; color: var(--dark-grey) }
.not_verified_modal .modal-content img { margin: 0 auto; display: table; max-width: 100% }
.not_verified_modal .modal-content #close_not_verified_modal { height: 50px; line-height: 50px; display: table; margin: 0 auto; min-width: 290px }
.setiing-block .settings-right .verifications-form ul li { position: relative; overflow: visible }
.tooltip-cat { color: var(--dark-grey) }
.setiing-block .settings-right .verifications-form ul li span.password-close-eye { background: url(/img/eye-hide-login.svg) 97% center no-repeat; position: absolute; right: 12px; top: 45px; width: 30px; height: 20px; cursor: pointer }
.setiing-block .settings-right .verifications-form ul li span.password-close-eye.password-open-eye { background: url(/img/eye-show-login.svg) 97% center no-repeat }
.see_title { color: var(--orange); cursor: pointer }
.add-category .categoryList ul.cat-ul ul li { position: relative; padding: 0 0 0 24px !important; line-height: 15px; margin: 15px 0 }
.add-category .categoryList ul.cat-ul ul li input[type="checkbox"] { margin: 0 8px 0 0; position: absolute; z-index: 1000; left: 5px; top: 0 }
.add-category .categoryList ul.cat-ul ul li label { cursor: pointer }
.popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 270px; min-width: auto !important; width: 100%; padding: 0px; text-align: left; white-space: normal; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); background-clip: padding-box }
.popover.top { margin-top: -10px }
.popover.right { margin-left: 10px }
.popover.bottom { margin-top: 10px }
.popover.left { margin-left: -10px }
.popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 }
.popover-content { padding: 9px 14px }
.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid }
.popover .arrow { border-width: 11px }
.popover .arrow:after { border-width: 10px; content: "" }
.popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0 }
.popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0; content: " " }
.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0 }
.popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #fff; border-left-width: 0; content: " " }
.popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0 }
.popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0; content: " " }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0 }
.popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #fff; border-right-width: 0; content: " " }
.panel-default { padding: 16px }
.panel-default>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd }
.panel-default>.panel-heading+.panel-collapse .panel-body { border-top-color: #ddd }
.panel-default>.panel-heading>.dropdown .caret { border-color: #333 transparent }
.panel-default>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #ddd }
.popover .panel-body { font-size: 12px; font-weight: 400; line-height: 15px; padding: 0 28px 10px 0 }
.popover .panel-footer { margin: 10px 0 0 }
.popover .panel-footer h6 { font-size: 12px; color: #c5c5c5; font-weight: 500 }
.popover .panel-footer .tourNext { background: #cb7767; background: -moz-linear-gradient(top, #cb7767 0%, #d38979 100%); background: -webkit-linear-gradient(top, #cb7767 0%, #d38979 100%); background: linear-gradient(to bottom, #cb7767 0%, #d38979 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7767', endColorstr='#d38979', GradientType=0); font-size: 14px; font-weight: 600; color: #fff; cursor: pointer; padding: 0 24px; border-radius: 5px; float: right; width: auto; height: 30px; line-height: 30px }
.popover .panel-footer .tourPrev { font-size: 14px; line-height: 30px; height: 30px; font-weight: 600; color: #7a7a7a; cursor: pointer; padding: 0 0; float: left; margin: 0 16px 0 0; width: auto }
.popover .close { position: absolute; right: 0; top: 0; background: transparent; font-size: 30px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer }
.tourBg { opacity: 0.6 !important }
.popover h4 { font-size: 16px }
.referral_wallet_blade .wallet_tab { display: flex; align-items: center; justify-content: space-between; margin: 0 0 40px }
.referral_wallet_blade .wallet_tab ul.tabs { width: auto; margin: 0 }
.referral_wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li { width: auto; position: relative }
.referral_wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li:after { position: absolute; content: ""; right: -20px; top: -4px; width: 1px; height: 30px; background-color: #7A7A7A }
.referral_wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li:last-child:after { display: none }
.referral_wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li a { font-size: 16px; font-weight: 500; color: #868686 }
.referral_wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li.active a { font-size: 20px; font-weight: 800; color: var(--dark-grey) }
.referal-invite .close-confirm-box-refer-earn { position: absolute; right: 16px; top: 16px }
.referal-invite { width: 100%; position: relative; background-color: #ECEDEF; max-height: 650px; overflow: hidden }
.referal-invite .category-option-box { padding: 0 }
.referal-invite .choose-category { display: flex; justify-content: flex-start }
.referal-invite .choose-category .left-refer-earn { width: 45% }
.referal-invite .choose-category .left-refer-earn img { width: 100%; height: 100%; object-fit: cover; display: block; text-align: center; }
.referal-invite .choose-category .right-refer-earn { width: 100%; padding: 60px 60px 40px 0px; margin: 0 0 0 40px; max-width: 700px }
.referal-invite .category-option-box>h5 { display: none }
.referal-invite .category-option-box h4 { font-weight: 900; font-size: 48px; line-height: 60px; text-align: left; display: block; color: var(--dark-grey); margin: 0 0 45px; width: 100% }
.referal-invite .category-option-box .right-refer-earn .apply-row { position: relative; margin: 0 0 24px }
.referal-invite .category-option-box .right-refer-earn .apply-row label { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--dark-grey); text-align: left }
.referal-invite .category-option-box .right-refer-earn .apply-row input.text-field { width: 100%; height: 50px; line-height: 50px; border-radius: 5px; border: 1px solid var(--dark-grey); color: #000; padding: 0 146px 0 16px; font-size: 14px; font-weight: 400 }
.referal-invite .category-option-box .right-refer-earn .apply-row:last-child input.text-field { display: none }
.referal-invite .category-option-box .right-refer-earn .profile-shared { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0 0; overflow: visible }
.referal-invite .category-option-box .right-refer-earn .profile-shared li { background-color: transparent; width: 49%; margin: 0 0 14px; padding: 0 }
.referal-invite .category-option-box .right-refer-earn .profile-shared li a { border: 0; background: transparent; width: 100%; padding: 0 !important; height: auto !important; line-height: initial !important; position: inherit !important; right: auto !important; bottom: auto !important }
.referal-invite .category-option-box .right-refer-earn .profile-shared li a img { max-width: 100%; height: 100%; display: block !important; width: 100%; margin: 0 }
.referal-invite .category-option-box .right-refer-earn .apply-row .mainLink { width: 100%; height: 50px; line-height: 50px; border-radius: 5px; border: 1px solid var(--dark-grey); color: #000; padding: 0 146px 0 16px; font-size: 14px; display: block; font-weight: 400; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: var(--white) }
.referal-invite .category-option-box .right-refer-earn .apply-row .bttn { opacity: 1; z-index: 1; position: absolute; right: 5px; bottom: 5px; height: 40px; line-height: 40px; min-width: 120px; font-size: 18px; font-weight: 600; color: var(--white) }
.referal-invite .category-option-box .right-refer-earn .apply-row .bttn span { font-size: 18px; font-weight: 600; color: var(--white) }
.referal-invite .category-option-box .right-refer-earn .apply-row .bttn img { display: none }
.referal-invite .right-refer-earn p.about_referral a { position: absolute; right: 60px; bottom: 40px; font-size: 16px; font-weight: 500; color: #7A7A7A; text-decoration: underline }
.referral_wallet_blade .inner-page-content { padding: 76px 0 0 0 }
.employee-result h1 { font-size: 30px; font-weight: 600; line-height: 37px; margin: 0 0 16px; text-transform: capitalize; word-break: break-all; }
.employee-result h2.sugested_profile_jobs { font-size: 16px; font-weight: 400; line-height: 22px; margin: 0 0 16px }
.subcategory_blade .search-result-page h1 { font-size: 30px; font-weight: 600; line-height: 37px; margin: 0 0 16px }
.subcategory_blade .search-result-page h2.sugested_profile_jobs { font-size: 16px; font-weight: 400; line-height: 22px; margin: 0 0 16px }
.category_blade .search-result-page h1 { font-size: 30px; font-weight: 600; line-height: 37px; margin: 0 0 16px }
.category_blade .search-result-page h2.sugested_profile_jobs { font-size: 16px; font-weight: 400; line-height: 22px; margin: 0 0 16px }
.job_employer_details_blade .post-heading h1 { font-size: 30px; font-weight: 600; line-height: 37px; margin: 0 10px 0 0; max-width: 68% }
.job_employer_details_blade .post-heading h1 span { font-size: 16px; font-weight: 400 }
.involved-category .employee-category-row .category-box a h2 { font-size: 16px; font-weight: 600; text-align: left; margin: 0; line-height: 1 }
.involved-category .employee-category-row .category-box a { display: flex; justify-content: flex-start; align-items: flex-end }
.referral_wallet_blade .inner-page-content { padding: 76px 0 0 0 }
.settings_blade .gm-style-iw-d>div { height: 100%; overflow: hidden; overflow-y: auto; color: #fff; font-weight: 500; font-size: 14px; max-width: 250px }
.about-description h1 { font-size: 26px; margin: 0; font-weight: 600; display: flex; align-items: center; justify-content: space-between; padding: 5px 24% 5px 0; position: relative; white-space: normal; text-overflow: ellipsis; overflow: hidden; line-height: 33px; min-height: 33px }
.about-description h1 span { font-size: 14px; font-weight: 600; position: absolute; right: 0; background: var(--light-grey); line-height: 1; padding: 0 0 0 16px; width: 22%; white-space: normal; text-overflow: ellipsis; overflow: hidden; text-align: right }
.edit-about-description.profile_title { display: flex; align-items: center; justify-content: space-between; position: relative }
.edit-about-description.profile_title input { background: transparent; font-size: 20px; color: #000; width: calc(100% - 250px) }
.edit-about-description.profile_title span { font-size: 14px; font-weight: 600; color: #7a7a7a; width: 250px; padding: 0 0 0 16px; position: absolute; right: 16px; text-align: right }
.feature-section { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 0; overflow: hidden; position: relative; margin: 0 auto; max-width: 1170px }
.feature-sec-box { width: 23.5%; margin: 0 0 24px; background-color: rgba(30, 30, 30, 0.8); border-radius: 5px; height: auto; padding: 0 }
.features-img { background-image: url(/img/features-path.svg); background-repeat: no-repeat; background-position: right bottom; width: 150px; height: 150px; margin: 0 0 30px }
.features-img img { max-width: 100% }
.feature-sec-box h2 { font-weight: 800; font-size: 24px; line-height: 29px; color: var(--white); padding: 0 12px; margin: 0 0 20px; height: 85px }
.feature-sec-box h2 a { font-weight: 800; font-size: 24px; line-height: 29px; color: var(--white) }
.feature-sec-box a { width: 100%; height: 100%; display: block; padding: 10px }
.lightbox-target { position: absolute; top: -100%; width: 100%; background-color: rgba(30, 30, 30, 1); width: 100%; opacity: 0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; overflow: hidden }
.lightbox-target img { margin: auto; box-sizing: border-box; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
a.lightbox-close { display: block; width: 50px; height: 50px; box-sizing: border-box; color: white; text-decoration: none; position: absolute; top: -80px; right: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
a.lightbox-close:before { content: ""; display: block; height: 25px; width: 2px; background: white; position: absolute; left: 26px; top: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
a.lightbox-close:after { content: ""; display: block; height: 25px; width: 2px; background: white; position: absolute; left: 26px; top: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }
.lightbox-target:target { top: 0; bottom: 0; overflow: hidden; border-radius: 5px }
.lightbox-target:target img { max-height: 100%; max-width: 100% }
.lightbox-target:target a.lightbox-close { top: 0 }
.lightbox-target .features-img { width: 256px; height: 256px; background-size: 70% }
.lightbox-target .features-img video { width: 250px }
.lightbox-target h2 a { font-size: 30px; line-height: 37px; font-size: 800; color: var(--white); margin: 0 0 8px }
.feature-info { padding: 0 40px }
.feature-info ul { width: 100%; display: block; margin: 16px 0 0 }
.feature-info ul li { position: relative; list-style-type: none; font-size: 18px; line-height: 22px; color: var(--white); font-weight: normal; padding: 0 0 0 20px; margin: 8px 0 0 }
.feature-info ul li:after { position: absolute; content: ""; left: 0; top: 10px; width: 8px; height: 4px; background-color: #D38979; border-radius: 5px }
.feature-info .register-bttn { width: auto; display: inline-block; color: var(--white); border-radius: 5px; height: 60px; line-height: 60px; padding: 0 70px; text-transform: uppercase; font-size: 18px; font-weight: 600; background: #cb7767; background: -moz-linear-gradient(top, #cb7767 0%, #d38979 100%); background: -webkit-linear-gradient(top, #cb7767 0%, #d38979 100%); background: linear-gradient(to bottom, #cb7767 0%, #d38979 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7767', endColorstr='#d38979', GradientType=0); position: absolute; bottom: 40px; left: 40px }
#feature1 { top: 0%; left: -100%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature1:target { top: 0; left: 0; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature2 { top: 0%; left: 20%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature2:target { top: 0; left: 25.5%; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature3 { top: 0%; left: 45%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature3:target { top: 0; left: 51%; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature4 { top: 0%; left: auto; right: 0%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature4:target { top: 0; left: auto; right: 0; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature5 { top: 35%; left: -100%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature5:target { top: 35%; left: 0; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature6 { top: 35%; left: 20%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature6:target { top: 35%; left: 25.5%; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature7 { top: 35%; left: 45%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature7:target { top: 35%; left: 51%; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature8 { top: 35%; left: auto; right: 0%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature8:target { top: 35%; left: auto; right: 0; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature9 { top: 34.5%; left: -100%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature9:target { top: 34.5%; left: 0; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature10 { top: 34.5%; left: 20%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature10:target { top: 34.5%; left: 25.5%; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature11 { top: 34.5%; left: 45%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature11:target { top: 34.5%; left: 51%; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
#feature12 { top: 34.5%; left: auto; right: 0%; width: 0; height: 0; opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; min-height: 638px }
#feature12:target { top: 34.5%; left: auto; right: 0; width: 49%; height: 65%; opacity: 1; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
.lightbox-open { opacity: 1 !important; width: 49% !important; height: 65% !important }
.lightbox-hide { opacity: 0 !important; width: 0px !important; height: 0px !important }
#feature5:target, #feature6:target, #feature7:target, #feature8:target, #feature9:target, #feature10:target, #feature11:target, #feature12:target { top: 33% }
@media only screen and (max-width:1600px) {
.feature-info ul li { font-size: 16px; line-height: 20px }
.lightbox-target h2 { height: 68px }
.lightbox-target h2 a { font-size: 24px; line-height: 30px }
.feature-sec-box h2 { height: 70px; margin: 0 0 12px; font-size: 20px; line-height: 24px }
.feature-sec-box h2 a { font-size: 20px; line-height: 24px }
#feature1, #feature2, #feature3, #feature4, #feature5, #feature6, #feature7, #feature8, #feature9, #feature10, #feature11, #feature12 { min-height: 558px }
.lightbox-target .features-img { width: 200px; height: 200px; background-size: 60% }
#feature5:target, #feature6:target, #feature7:target, #feature8:target, #feature9:target, #feature10:target, #feature11:target, #feature12:target { top: 33% }
}
@media only screen and (max-width:768px) {
.feature-sec-box>a { position: relative; z-index: 2; display: flex; align-items: center }
.feature-section { padding: 0 16px; display: block; overflow: inherit }
.feature-sec-box { width: 100%; position: relative; background-color: #000; margin: 0 0 16px }
.lightbox-target { background-color: #000 }
.upper-landing { background-color: #303030; height: 100% }
.upper-landing .center { display: block; height: 100% }
.features-img { background-image: url(/img/features-path.svg); background-repeat: no-repeat; background-position: 30px bottom; width: 130px; height: 100px; margin: 0 0 0; background-size: contain }
.features-img img { width: 100px; height: 100px }
.feature-sec-box h2 { text-align: left; width: calc(100% - 130px); font-size: 18px; line-height: 22px; display: flex; align-items: center; margin: 0 }
.lightbox-target .features-img { width: 150px; height: 150px }
.lightbox-target h2 a { font-size: 22px; line-height: 24px; font-weight: 800; color: var(--white); margin: 0 0 8px; display: inline-block; text-align: center; padding: 10px 0 }
.feature-info ul li { font-size: 14px; line-height: 18px }
.feature-info .register-bttn { height: 45px; line-height: 45px; width: 100%; position: relative; bottom: auto; left: auto; margin: 24px 0 0; text-align: center; font-size: 16px }
.feature-info { padding: 0 16px }
.lightbox-target { left: auto !important; width: 100% !important; z-index: 0 }
#feature1:target, #feature2:target, #feature3:target, #feature4:target, #feature5:target, #feature6:target, #feature7:target, #feature8:target, #feature9:target, #feature10:target, #feature11:target, #feature12:target { width: 100%; min-height: auto; height: auto; left: auto; z-index: 100; position: relative; top: auto; padding: 0 0 20px }
.feature-sec-box a.remove { display: none }
.upper-landing .center#down { padding: 0 }
.lightbox-open .features-img { width: 100%; height: 140px; text-align: center; margin: 10px 0 0px; background-size: auto; background-position: 60% 10px }
.lightbox-target:target img { max-height: auto; max-width: auto; width: auto; height: auto }
.lightbox-open .feature-info h2 { width: 100%; text-align: center }
}
.create-job-publish .job-post-details.verification-steps.step_1 .verifications-form ul li input.input-field { width: 100% }
.verifications-form ul li img.check_verify, .verifications-form ul li img.remove_verify { right: 10px }
.headings-r .edit_dob_update img { width: 18px }
.profile_public_employer_blade .result-list li .bottom-row>.button-row { width: auto; justify-content: flex-start }
.profile_public_employer_blade .result-list li .bottom-row>.button-row span { font-size: 16px }
.profile-start-job .about-info.employee-green { padding: 20px; height: auto }
.profile-start-job .about-info.employee-green h1 { margin: 0 0 16px; font-size: 30px; font-weight: 700; color: var(--white); line-height: 34px }
.profile-start-job .about-info.employee-green h2 { font-weight: normal; font-size: 16px; line-height: 20px; color: var(--white); margin: 0; min-height: auto }
.profile-start-job .about-info.employer-yellow { padding: 20px; height: auto }
.profile-start-job .about-info.employer-yellow h1 { margin: 0 0 16px; font-size: 30px; font-weight: 700; color: var(--dark-grey); line-height: 34px }
.profile-start-job .about-info.employer-yellow h2 { font-weight: normal; font-size: 16px; line-height: 20px; color: var(--dark-grey); margin: 0; min-height: auto }
.sugested_profile_cats { font-size: 14px; font-weight: 600; display: block; margin: 0 0 8px }
.login-content .referral_section input.input-text { border: 0; margin: 0; width: auto; height: 40px }
.about-description button { margin: 0 auto; display: table; height: 40px; line-height: 40px; font-size: 16px }
.job_details_blade .post-heading-inner h1 { font-size: 30px; font-weight: 600; padding: 0 30px 0 0; line-height: 38px }
.job_details_blade .post-heading-inner h1 span { font-size: 18px; font-weight: 500; display: block; margin: 22px 0 0 }
.involved-category { padding: 0 0 40px; position: relative; justify-content: flex-start; align-items: flex-end }
.involved-category ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding: 0; margin: 0 }
.involved-category ul li { margin: 0 8px 8px 0; position: relative }
.involved-category ul li a { width: auto; display: flex; align-items: center; justify-content: center; background-color: #6C9BA1; height: 36px; color: var(--white); font-size: 16px; font-weight: 500; padding: 0 46px 0 16px; border-radius: 20px; position: relative }
.profile_employee_blade .involved-category ul li a { padding: 0 16px }
.involved-category ul li a.addCategory { background-color: var(--green) }
.involved-category .see_more_involved_cat { min-width: 100px; display: flex; align-items: center; justify-content: center; background-color: #303030; height: 36px; color: var(--white); font-size: 16px; font-weight: 500; padding: 0 16px; border-radius: 20px; margin: 0 0 8px; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.involved-category .see_more_involved_cat:hover { background-color: var(--medium-grey) }
.involved-category .see_more_edit_cat { min-width: 100px; display: flex; align-items: center; justify-content: center; background-color: #303030; height: 36px; color: var(--white); font-size: 16px; font-weight: 500; padding: 0 16px; border-radius: 20px; margin: 0 0 8px; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.involved-category .see_more_edit_cat:hover { background-color: var(--medium-grey) }
.involved-category ul li a.addCategory>span { position: inherit; left: auto; top: auto; display: block; width: auto; transform: inherit; -webkit-transform: inherit; height: auto }
.involved-category ul li span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 1; width: 100%; display: flex; justify-content: flex-start; padding: 0 10px; width: 35px; height: 35px; padding: 0 0 0 4px; cursor: pointer }
.involved-category ul li span img { width: 18px }
.modal_first_step .modal-content h4 { text-align: center; display: block }
.modal_first_step .modal-content h4 span { color: var(--orange) }
.modal_first_step .verifi-pop { display: flex; justify-content: space-between; align-items: center; flex-flow: column }
.modal_first_step .verifi-pop>p:first-child { justify-content: center }
.modal_first_step .verifi-pop>p { width: 100%; display: flex; align-items: center; justify-content: flex-start }
.modal_first_step .verifi-pop>p img { width: 200px }
.modal_first_step .verifi-pop p { margin: 0 0 16px }
.modal_first_step .verifi-pop p span { font-weight: 700 }
.modal_first_step .verifi-pop>p:nth-child(3) { border-left: 5px solid var(--orange); padding: 0 0 0 10px; display: block }
.modal_first_step .verifi-pop .ver-footer { width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 10px 0 0 }
.modal_first_step .verifi-pop .ver-footer button { height: 45px; line-height: 45px; width: 49%; min-width: auto }
.modal_first_step .verifi-pop .ver-footer button:first-child { background: var(--light-grey); color: var(--dark-grey) }
.service-pack-badge { display: table; margin: 0 auto; width: auto; font-size: 12px; font-weight: 500; text-transform: capitalize; background: linear-gradient(180deg, #CB7767 0%, #D38979 100%); border-radius: 5px; color: var(--white); padding: 3px 16px; height: 30px }
.service-pack-badge.blank-badge { background: transparent; border: 0 }
.employer_profile_blade ul li a.addCategory { background-color: var(--yellow); color: var(--dark-grey) }
.employer_profile_blade .about-description button { color: var(--dark-grey); background: #f4c366; background: -moz-linear-gradient(top, #f4c366 0%, #e2ae4b 100%); background: -webkit-linear-gradient(top, #f4c366 0%, #e2ae4b 100%); background: linear-gradient(to bottom, #f4c366 0%, #e2ae4b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4c366', endColorstr='#e2ae4b', GradientType=0) }
.employer_profile_blade .about-description button:hover { background: #dbab4a; background: -moz-linear-gradient(top, #dbab4a 0%, #f2c865 100%); background: -webkit-linear-gradient(top, #dbab4a 0%, #f2c865 100%); background: linear-gradient(to bottom, #dbab4a 0%, #f2c865 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbab4a', endColorstr='#f2c865', GradientType=0) }
.terms_blade .inner-page-content h1 { text-align: center; margin: 50px 0 20px; font-size: 30px }
.employer_profile_blade .pagination_section3 .result-list li .button-row { display: flex; justify-content: space-between; width: calc(100% - 58%) }
.verification_steps_blade .gm-style-iw.gm-style-iw-c { height: 140px !important; max-height: 180px !important; width: 100% !important; max-width: 250px !important }
.social-btns { display: flex; align-items: center; justify-content: space-between }
.social-btns a { width: 100% }
.social-btns a img { width: 100%; max-width: 100% }
.faq-section .inner-page-tab h2 { font-size: 30px; text-align: center; margin: 0 0 32px }
.blog-listing h1 { font-size: 36px; margin: 0 0 32px; text-align: left }
.blog-details-section ul { padding: 0; width: 100%; margin: 0 }
.blog-details-section ul li { padding: 0 0 0 25px; width: 100%; margin: 0 0 16px; list-style-type: none; position: relative; font-size: 18px }
.blog-details-section ul li:after { position: absolute; content: ""; left: 0; top: 10px; width: 12px; height: 5px; background-color: var(--orange); border-radius: 5px }
.terms_blade h1 strong { font-size: 36px; font-weight: 700; line-height: 46px; text-transform: capitalize }
@-webkit-keyframes dot-floating {
0% { left: calc(-50% - 5px) }
75% { left: calc(50% + 105px) }
100% { left: calc(50% + 105px) }
}
@keyframes dot-floating {
0% { left: calc(-50% - 5px) }
75% { left: calc(50% + 105px) }
100% { left: calc(50% + 105px) }
}
@-webkit-keyframes dot-floating-before {
0% { left: -50px }
50% { left: -12px }
75% { left: -50px }
100% { left: -50px }
}
@keyframes dot-floating-before {
0% { left: -50px }
50% { left: -12px }
75% { left: -50px }
100% { left: -50px }
}
@-webkit-keyframes dot-floating-after {
0% { left: -100px }
50% { left: -24px }
75% { left: -100px }
100% { left: -100px }
}
@keyframes dot-floating-after {
0% { left: -100px }
50% { left: -24px }
75% { left: -100px }
100% { left: -100px }
}
.loader-outer { width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; position: fixed; z-index: 999 }
.loader-outer .stage { display: flex; justify-content: center; align-items: center; position: relative; padding: 2rem 0; width: 50%; margin: 0 auto; overflow: hidden; height: 100% }
.loader-outer .dot-floating { position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; color: #fff; -webkit-animation: dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1); animation: dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1) }
.loader-outer .dot-floating::before, .loader-outer .dot-floating::after { content: ''; display: inline-block; position: absolute; top: 0 }
.loader-outer .dot-floating::before { left: -12px; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; color: #fff; -webkit-animation: dot-floating-before 3s infinite ease-in-out; animation: dot-floating-before 3s infinite ease-in-out }
.loader-outer .dot-floating::after { left: -24px; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; color: #fff; -webkit-animation: dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1); animation: dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1) }
.modal_first_step .verifi-pop .ver-footer>a { width: 49% }
.modal_first_step .verifi-pop .ver-footer>a>button { width: 100% }
div.descriptionShow ol, div.descriptionShow ul { margin-left: 3% }
div.descriptionShow ol li { list-style-type: auto; font-size: 16px; font-weight: 400 }
div.descriptionShow ul li { list-style-type: initial; font-size: 16px; font-weight: 400 }
div.job-post-details-content ol, div.job-post-details-content ul { margin-left: 3% }
div.job-post-details-content ol li { list-style-type: auto; font-size: 16px; font-weight: 400 }
div.job-post-details-content ul li { list-style-type: initial; font-size: 16px; font-weight: 400 }
.notification-list li .notification-description p { display: block; width: 100%; margin: 0 0 16px }
.notification-list li .notification-description strong { font-weight: bold }
.notification-list li .notification-description em { font-style: italic }
.notification-list li .notification-description s { text-decoration: line-through }
.notification-list li .notification-description ol { padding: 0 0 0 40px; margin: 24px 0; list-style-type: circle; list-style-position: inside }
.notification-list li .notification-description ol li { padding: 0; margin: 0 0 10px; background-color: transparent; font-size: 16px; color: var(--dark-grey); display: block; list-style-type: circle; display: list-item }
.notification-list li .notification-description ul { padding: 0 0 0 40px; margin: 24px 0; list-style-type: decimal; list-style-position: inside }
.notification-list li .notification-description ul li { padding: 0; margin: 0 0 10px; background-color: transparent; font-size: 16px; color: var(--dark-grey); display: block; list-style-type: decimal; display: list-item }
.notification-list li .notification-description h1, .notification-list li .notification-description h2, .notification-list li .notification-description h3 { color: var(--dark-grey) }
.notification-list li .notification-description h1 { font-size: 30px }
.notification-list li .notification-description h2 { font-size: 24px }
.notification-list li .notification-description h3 { font-size: 20px }
.notification-list li .notification-description span.marker { color: #fff; background-color: var(--orange); line-height: 1 }
.notification-list li .notification-description pre { letter-spacing: 1.5px }
.bonus_modal .modal-content { max-width: 480px; text-align: center; padding: 60px 30px 50px }
.bonus_modal .modal-content .edit-profile-icons { margin: 0 }
.bonus_modal .modal-content .bonus_text { width: 100%; text-align: center }
.bonus_modal .modal-content .bonus_text p { font-weight: 700; font-size: 24px; line-height: 30px; margin: 0; color: var(--dark-grey); text-align: center; text-transform: uppercase }
.bonus_modal .modal-content .bonus_text p span.bonus_popup_text { color: var(--orange) }
.bonus_modal .modal-content button.ok_bonus { background: #ECEDEF; height: 50px; line-height: 50px; width: 90%; margin: 20px 0 0; color: var(--medium-grey); text-transform: uppercase }
.bonus_modal .modal-content button.ok_bonus:hover { background: var(--dark-grey); color: var(--white) }
.job_details_blade .details-similar-jobs ul { margin-left: 0 }
span.coloured { color: var(--orange) }
.sett_confirm_modal .c-popup { max-width: 600px }
.sett_confirm_modal .c-popup .edit-profile-icons { display: flex; justify-content: center; margin: 0; width: 100% }
.sett_confirm_modal .c-popup .category-option-box h5 { margin: 0 0 30px; font-size: 18px; font-weight: 500; padding: 0 20px; color: var(--dark-grey) }
.sett_confirm_modal .choose-category>div { display: flex; align-items: center; padding: 0 30px }
.sett_confirm_modal .choose-category>div span { background-color: #CB4F34; width: 30px; height: 68px; border-radius: 5px; color: var(--white); font-size: 45px; font-weight: 500 }
.sett_confirm_modal .choose-category>div p { width: calc(100% - 35px); padding: 0 0 0 16px; font-size: 20px; text-align: left; font-weight: 600; line-height: 24px }
.add-report-modal .modal-content h4 { font-size: 20px; font-weight: 700; color: var(--dark-grey); display: flex; justify-content: center }
.wallet_blade .new-job-details .job-post-details-info ul.payment-list { margin: 10px 0 50px }
.job_employer_details_blade .top-intro-row .job-total { min-height: 130px }
.terms-of-use-text { font-size: 14px; color: #000 }
.terms-of-use-text a { color: var(--orange) }
.notifications_blade .notification-list { position: relative }
.notifications_blade .notification-list .pagination { }
.notiheader { margin: 30px 0 20px }
.terms-of-use-text { position: relative; width: auto !important; display: flex !important; align-items: center }
.terms-of-use-text input[type="checkbox"] { position: absolute; opacity: 0; display: none }
.terms-of-use-text input[type="checkbox"]+label { position: relative; cursor: pointer; padding: 0 }
.terms-of-use-text input[type="checkbox"]+label:before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: #ffffff; border: 1px solid #37D7A0; border-radius: 3px }
.terms-of-use-text input[type="checkbox"]:hover+label:before { background: #ffffff; border: 1px solid #37D7A0; border-radius: 2px }
.terms-of-use-text input[type="checkbox"]:focus+label:before { }
.terms-of-use-text input[type="checkbox"]:checked+label:before { background: #f7f7f7 }
.terms-of-use-text input[type="checkbox"]:checked+label:after { content: ""; position: absolute; left: 5px; top: 11px; background: #37D7A0; width: 2px; height: 2px; box-shadow: 2px 0 0 #37D7A0, 4px 0 0 #37D7A0, 4px -2px 0 #37D7A0, 4px -4px 0 #37D7A0, 4px -6px 0 #37D7A0, 4px -8px 0 #37D7A0; transform: rotate(45deg) }
.employer_edit_profile_blade .attachments-row.provide-service-row .suggest-category-row { width: calc(100% - 22%) }
.employee_edit_profile_blade .provide-service-row.attachments-row .suggest-category-row { width: calc(100% - 22%) }
.employee_edit_profile_blade .provide-service-row.attachments-row .suggest-category-row { width: calc(100% - 22%) }
.employee_edit_profile_blade .involved-category.attachments-row .suggest-category-row, .profile_employee_blade .involved-category.attachments-row .suggest-category-row { width: 100% }
.employer_profile_blade .involved-category.attachments-row .suggest-category-row { width: 100% }
.employer_profile_blade .involved-category.attachments-row .suggest-category-row .category-box img { width: auto }
.profile_public_employer_blade .involved-category.attachments-row .suggest-category-row { width: 100% }
.profile_public_employer_blade .involved-category.attachments-row .suggest-category-row .category-box img { width: auto }
.employer_edit_profile_blade .attachments-row.provide-service-row .suggest-category-row img, .employee_edit_profile_blade .attachments-row.provide-service-row .suggest-category-row img { width: 100% }
.employee_edit_profile_blade .provide-service-row.attachments-row .suggest-category-row { width: calc(100% - 20%) }
.edit-profile-modal.add-experience-modal .apply-row p span input[type="text"] { margin: 0 }
.employer_current_job_details_blade .details-content-attachment ul { margin: 0 }
.employer_current_job_details_blade .details-content-attachment ul li, .employer_current_job_details_blade .details-content-attachment ul li:last-child { margin: 0 20px 0 0 }
.employer_profile_blade .involved-category ul li a { padding: 0 16px 0 16px }
.job_employer_details_blade div.job-post-details-content ol, div.job-post-details-content ul { margin-left: 0 }
.job_employer_details_blade .details-content-attachment ul li:last-child { margin: 0 0 0 0 }
.void-confirm-box .category-option-box .choose-category p { font-size: 16px; margin: 0 0 20px; font-weight: 500 }
.void-confirm-box .category-option-box .choose-category button { font-size: 16px }
ul.pagination { display: block !important; width: auto; float: right; padding: 0; margin: 30px 0 20px }
ul.pagination li { display: inline-block !important; width: 35px; height: 35px; padding: 0 !important; margin: 0 !important; text-indent: 0; width: auto !important }
ul.pagination li a, ul.pagination li span { width: 35px; height: 35px; display: flex !important; align-items: center; justify-content: center; color: #C5C5C5; text-indent: 0; background-color: var(--light-grey); border-radius: 5px }
ul.pagination li.active span { color: var(--white); background-color: var(--orange) }
.jobs-category-field .KeywordList { width: 100% !important; top: 55px; left: 0; background: #fff; position: absolute; border-radius: 5px; z-index: 10; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) }
.keyword-top { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; padding: 16px 12px; border-bottom: 1px solid #C5C5C5 }
.keyword-top label { color: var(--medium-grey); font-size: 14px; font-style: italic; font-weight: 500; display: flex; align-items: flex-start; width: calc(100% - 114px); display: flex; align-items: baseline; }
.keyword-top label span { color: var(--dark-grey); font-style: normal; margin: 0 0 0 10px; word-break: break-all; width: 72%;    display: inline-block; line-height: 1.3; }
.keyword-top a.switch-job { font-size: 14px; font-weight: 500; color: var(--dark-grey); text-decoration: underline; width: 110px; text-align: right; }
.jobs-category-field .KeywordList ul { width: 100%; display: block; height: 200px; overflow: hidden; overflow-y: auto }
.jobs-category-field .KeywordList ul li .result-show { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: var(--dark-grey); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding: 0 0 0 42px; min-height: 35px; justify-content: flex-start }
.jobs-category-field .KeywordList ul li .result-show label { cursor: pointer }
.jobs-category-field .KeywordList ul li .result-show span { font-weight: 600 }
.jobs-category-field .KeywordList ul li .result-show figure { margin: 0 8px 0 0; padding: 0; width: 35px; height: 35px; background-color: var(--dark-grey); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0 }
.jobs-category-field .KeywordList ul li .result-show figure.job-bronze-icon { background-color: #CB7767 }
.jobs-category-field .KeywordList ul li .result-show figure img.white-icons { width: 20px; height: 20px; filter: brightness(0) invert(1); border-radius: 0 }
.jobs-category-field .KeywordList ul li .result-show figure img { width: 35px; height: 35px; border-radius: 50% }
.result-count { display: flex; align-items: center }
.result-count>div { display: flex; align-items: center; margin: 0 4px }
.result-count>div span { font-size: 12px; margin: 0 0 0 3px }
.process_blade .payment-page-details { display: block }
.process_blade .card-verifications ul.paymemt-page-ul li { width: 25%; overflow: visible }
.choose-category-list>a { width: 25% }
.choose-category-list>a>.main-category { height: 100%; width: 100%; background-size: cover; background-position: center; }
.search-bar .jobs-category-field .KeywordList .head-keywords-ul li { font-weight: 400 !important; padding: 5px 16px; display: flex; align-items: center }
.search-bar .jobs-category-field .KeywordList .head-keywords-ul li a { display: flex; align-items: center; justify-content: space-between; width: 100% }
.best-responsive-tab-content .find-content .jobs-category-field .KeywordList ul li a { display: flex; align-items: center; justify-content: space-between; width: 100% }
.index_blade .jobs-category-field .KeywordList li span em { color: var(--orange) }
.lds-ring { display: inline-block; position: relative; width: 80px; height: 80px }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent }
.lds-ring div:nth-child(1) { animation-delay: -0.45s }
.lds-ring div:nth-child(2) { animation-delay: -0.3s }
.lds-ring div:nth-child(3) { animation-delay: -0.15s }
@keyframes lds-ring {
0% { transform: rotate(0deg) }
100% { transform: rotate(360deg) }
}
.js-modal-shopify-confirm-box-report .c-popup { max-width: 800px }
.js-modal-shopify-confirm-box-report .c-popup .category-option-box { padding: 40px 20px 40px 20px }
.js-modal-shopify-confirm-box-report .c-popup .category-option-box h5 { margin: 0 0 30px; font-size: 24px; font-weight: 700 }
.js-modal-shopify-confirm-box-report .c-popup .category-option-box p { font-size: 16px; line-height: 22px; font-weight: 500; margin: 0 0 6px }
.js-modal-shopify-confirm-box-report .choose-category { margin: 50px 0 0 }
.js-modal-shopify-confirm-box-report .choose-category>div { display: flex; justify-content: space-between }
.js-modal-shopify-confirm-box-report .choose-category .bttn { width: 48%; min-width: auto; height: 50px; line-height: 50px; font-size: 16px; font-weight: 600 }
.add-report-modal .modal-content { padding: 60px 0 50px }
.add-report-modal .report-form-div { display: flex; align-items: center; justify-content: space-between }
.add-report-modal .report-form-img { width: 40%; background-color: rgba(203, 79, 52, 0.5); height: 160px; border-radius: 0 100px 100px 0; display: flex; align-items: center; justify-content: center }
.add-report-modal .report-form-text { width: 55%; text-align: left; padding: 0px 50px 0 0 }
.add-report-modal .report-form-text h4 { font-size: 18px; font-weight: 700; margin: 0 0 20px; padding: 0; display: block; text-align: left }
.add-report-modal .report-form-text p { font-size: 16px; font-weight: 400; line-height: 22px; margin: 0 }
.add-report-modal .report-form-text p a { color: var(--orange) }
.add-report-modal #report_form { padding: 32px 50px 0 }
.add-report-modal #report_form label { font-size: 18px; font-weight: 600; color: var(--dark-grey); margin: 20px 0 10px 0 }
.add-report-modal #report_form label span { background-color: transparent; width: auto; display: initial; padding: 0; font-size: 16px; font-weight: 400; color: var(--medium-grey) }
.add-report-modal-close { font-size: 18px; font-weight: 600; color: var(--medium-grey); display: flex; justify-content: flex-end; align-items: center }
.add-report-modal-close button.send-bttn { margin-left: 24px }
.add-report-modal #report_form .apply-row p span.apply-offer-price { border: 1px solid #C5C5C5 }
.report-success-modal .category-option-box img { width: 160px; height: 160px; margin: 0 auto; display: table }
.add-report-modal-close.close_multi { font-size: 50px; font-weight: 300; color: var(--medium-grey); display: flex; flex-flow: column; align-items: center; justify-content: center }
.report-success-modal .category-option-box { text-align: left; font-size: 16px }
.report-success-modal .category-option-box .text-bold { text-align: center; width: 100%; display: block; font-weight: 700; font-size: 18px; margin: 0 0 20px; text-transform: none }
.report-success-modal .category-option-box .choose-category { margin: 24px 0 0 }
.report-success-modal .category-option-box .choose-category button { width: 100%; height: 46px; line-height: 46px }
.job-post-details-content a.advnce-search { color: var(--dark-grey); font-weight: 500; display: flex; align-items: center; font-weight: 18px; margin: 0 0 30px }
.job-post-details-content a.advnce-search span { background-image: url(/img/arrow-left.svg); text-indent: -9999px; width: 20px; height: 14px; background-repeat: no-repeat; background-position: center center; font-size: 0; margin: 0 0 0 6px }
#report_form .apply-row:last-child { display: flex; align-items: center; justify-content: flex-end }
.add-report-modal-close { margin: 0 16px 0 0 }
#page_wrap .banner { display: block; max-width: 870px; width: 100%; padding: 0 }
.progress .progress-inn { display: none; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.progress .progress-inn.active { display: block; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; min-height: 250px }
.output { text-align: center; color: white }
.output h1 { font-size: 30px }
.cursor::after { content: ""; display: inline-block; margin-left: 3px; background-color: white; animation-name: blink; animation-duration: 0.5s; animation-iteration-count: infinite }
h2.cursor::after { height: 60px; width: 6px }
h1.cursor::after { height: 60px; width: 6px; background-color: var(--orange) }
@keyframes blink {
0% { opacity: 1 }
49% { opacity: 1 }
50% { opacity: 0 }
100% { opacity: 0 }
}
.banner-content .progress-inn h3 { padding: 0 0 10px; text-transform: capitalize; height: auto; font-size: 70px; font-weight: 900; color: var(--white) }
.banner .progress-inn h4 { font-size: 70px; font-weight: 900; color: var(--orange); text-transform: capitalize; text-align: left; line-height: 85px; padding: 0; margin: 0 0 40px; width: 100% }
.employee_edit_profile_blade .employee-category-row .top-category-box { right: 0; left: auto; display: inline-block }
.employee_edit_profile_blade .employee-edit-category-row .top-category-box .delet-icon { position: absolute; right: 10px; top: 0 }
.employee_edit_profile_blade .employee-edit-category-row .category-edit-box .delet-icon img { width: 30px !important; height: 30px; padding: 6px; border-radius: 50px }
.employee_edit_profile_blade .add-experience-btn { margin: 0 0 40px }
.employee_edit_profile_blade .carousel-single .owl-nav { position: absolute; top: -30px; right: -24px }
.employer_edit_profile_blade .edit-suggest-category-row .delet-icon img { width: 30px !important; height: 30px; padding: 6px; border-radius: 50px; background: var(--lighter-grey) }
.employer_edit_profile_blade .edit-suggest-category-row .delet-icon { right: 16px }
.settings-right .verification-steps.step_6 .verifications-form p.validation-txt { font-size: 16px; margin: 30px 0 0 0; font-weight: 400; color: var(--black); display: flex; align-items: center; justify-content: flex-start; padding: 0 0 0 35px; position: relative }
.settings-right .verification-steps.step_6 .verifications-form p.validation-txt span { background-color: #CB4F34; border-radius: 5px; width: 25px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30px; font-weight: 600; margin: 0 12px 0 0; position: absolute; left: 0; top: -8px }
.account-suspended { width: 100%; display: flex; align-items: center; justify-content: flex-start }
.suspended-content { text-align: left; padding: 0 0 0 40px }
.suspended-content h3 { font-size: 18px; font-weight: 700; color: #1E1E1E; display: block; margin: 0 0 24px }
.suspended-content p { position: relative; font-size: 16px; font-weight: 400; color: #1E1E1E; display: block; margin: 0 0 0; padding: 0 0 0 30px }
.suspended-content p span { position: absolute; left: 0; top: 50%; width: 24px; height: 50px; background-color: #CB4F34; color: #fff; font-size: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); padding: 0 }
.profile_employee_blade .suspended-content { padding: 0; min-height: 90px }
.profile_employee_blade .suspended-content h3 { margin: 0 0 10px }
.dashboard_blade .suspended-content { padding: 0; width: 100%; display: block; margin: 0 0 40px }
.dashboard_blade .suspended-content h3 { margin: 0 0 20px; font-size: 28px }
.profile_blade .employee-profile-inner { min-height: 900px }
.dashboard_employer_blade .suspended-content { padding: 0 }
.dashboard_employer_blade .suspended-content h3 { margin: 0 0 20px; font-size: 28px }
.dashboard_employer_blade .account-suspended { margin: 30px 0 20px }
.employer_profile_blade .suspended-content { padding: 0 }
.employer_profile_blade .suspended-content h3 { margin: 0 0 10px }
.dashboard_employer_blade .suspended-content p { font-size: 16px }
.profile_public_employer_blade .employee-profile-inner { min-height: 900px }
.profile_public_employer_blade .account-suspended { width: 100%; display: flex; align-items: center; justify-content: flex-start; height: 100%; background-color: var(--light-grey); border-radius: 5px; padding: 1% 6% }
.profile_public_employer_blade .suspended-content p, .profile_blade .suspended-content p { font-size: 18px; font-weight: 700; padding: 0 }
.suspended-content p>a { color: #679297 }
.employer_profile_blade .suspended-content p span, .dashboard_blade .suspended-content p span, .profile_employee_blade .suspended-content p span { height: 65px; font-size: 45px }
.private_chat_blade .suspended-section p { position: relative; padding: 0 0 0 45px; font-weight: 600; font-size: 18px }
.private_chat_blade .suspended-section p span { width: 32px; height: 40px; background: #fff; display: flex; border-radius: 5px; color: #CB4F34; align-items: center; justify-content: center; font-size: 32px; font-weight: 500; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.job_details_blade .suspended-content h3 { font-size: 28px }
.job_details_blade .suspended-content p { font-size: 20px }
.job_details_blade .job-post-details .view-btn { margin: 0 auto 200px; display: table; height: 50px; line-height: 50px; font-size: 18px }
.suspended-job-post-top .job-post-accnt { width: 45% }
.suspended-job-post-top .job-post-accnt-info { width: 40% }
.suspended-job-post-top .job-post-about { width: 54% }
.suspended-job-post-top .job-post-about h2 { font-size: 32px }
.suspended-job-post-top .job-post-about .post-features { margin: 0 }
.suspended-job-post-top .job-post-about .post-features-inn h4 { color: var(--white); font-size: 20px; padding-top: 24px }
.suspended-job-post-top .job-post-about .post-features ul li { background-color: var(--white) }
.suspended-job-post-top .job-post-about .post-features ul.job-post-category li h2 { color: var(--dark-grey) }
.suspended-job-details.account-suspended { justify-content: center; margin-bottom: 15% }
.suspended-badge { width: auto; border-radius: 20px; border: 2px solid #CB4F34; line-height: 27px; height: 32px; display: inline-block; font-size: 16px; font-weight: 500; padding: 0 16px 0 36px; background-color: transparent; background-image: url(/img/suspended-badge.svg); background-repeat: no-repeat; background-position: 16px center; color: #CB4F34 }
.employee_closed_job_blade .suspended-badge, .employer_closed_job_blade .suspended-badge { position: absolute; right: 16px; top: 20px }
.employee_closed_job_blade .result-list li h3, .employer_closed_job_blade .result-list li h3 { justify-content: space-between; padding-right: 170px }
.employee_closed_job_blade .result-list li .button-row.deactivate-btn-row, .employer_closed_job_blade .result-list li .button-row.deactivate-btn-row { justify-content: flex-end; margin: 20px 0 0 }
.employer_closed_job_blade .result-list li .button-row.deactivate-btn-row .reactivate-btn { background: #cb7767; background: -moz-linear-gradient(top, #cb7767 0%, #d38979 100%); background: -webkit-linear-gradient(top, #cb7767 0%, #d38979 100%); background: linear-gradient(to bottom, #cb7767 0%, #d38979 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7767', endColorstr='#d38979', GradientType=0); color: var(--white); margin: 0 0 0 8px; font-size: 16px }
.employer_closed_job_blade .result-list li .button-row.deactivate-btn-row .reactivate-btn:hover { background: #c96b59; background: -moz-linear-gradient(top, #c96b59 0%, #d17b68 100%); background: -webkit-linear-gradient(top, #c96b59 0%, #d17b68 100%); background: linear-gradient(to bottom, #c96b59 0%, #d17b68 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c96b59', endColorstr='#d17b68', GradientType=0) }
.employer_closed_job_blade .result-list li .button-row.deactivate-btn-row .deactivate-view { background: var(--light-grey); color: var(--dark-grey); font-size: 16px }
.employer_closed_job_blade .result-list li .button-row.deactivate-btn-row .deactivate-view:hover { background: var(--lighter-grey) }
.employer_closed_job_blade .result-list li .rate-addres, .employee_closed_job_blade .result-list li .rate-addres { margin: 0 0 10px }
.employer_closed_job_blade .result-list li .post-features, .employee_closed_job_blade .result-list li .post-features { margin: 0 0 10px }
.suspend-page.account-suspended { justify-content: center }
.employee-profile { min-height: 600px }
.suspend-page.account-suspended .suspended-content h3 { font-size: 28px }
.suspend-page.account-suspended .suspended-content p { font-size: 20px }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid var(--orange) !important; background: var(--orange) !important; color: var(--white) !important }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid var(--orange) !important; background: var(--orange) !important; color: var(--white) !important }
.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 { text-align: center !important }
.dashboard_employer_blade .account-suspended, .dashboard_blade .account-suspended { background-color: var(--light-grey); border-radius: 5px; padding: 20px 50px; margin: 0 0 30px }
.dashboard_employer_blade .account-suspended img, .dashboard_blade .account-suspended img { width: 160px }
.dashboard_employer_blade .suspended-content, .dashboard_blade .suspended-content { min-height: 90px; margin: 0 0 0 40px }
.profile_blade .account-suspended { width: 100%; display: flex; align-items: center; justify-content: flex-start; height: 100%; background-color: var(--light-grey); border-radius: 5px; padding: 1% 6% }
.profile_public_employer_blade .inappropriate, .profile_public_employee_blade .inappropriate { justify-content: flex-end }
.profile-infos .infos-box a>h2>img { width: 28px }
.landing-info-text { display: block; width: 100%; overflow: hidden; margin: 0 0 50px; text-align: center }
.banner-content .landing-info-text h2, .banner-content .landing-info-text h1 { font-size: 20px; margin: 0 0 14px; padding: 0; line-height: 1; height: auto; width: 100%; text-align: center; font-weight: 500 }
.profile_blade .reports-icon { justify-content: flex-end }
.job_details_blade .job-apply-modal .suspended-content p { font-size: 20px; width: 100%; padding: 0 0 0 60px }
.back-to-bottom { display: block; position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); cursor: pointer }
.dashboard_employer_blade .modal .account-suspended, .dashboard_blade .modal .account-suspended { background-color: transparent; margin: 0 }
.dashboard_employer_blade .modal .account-suspended img, .dashboard_blade .modal .account-suspended img { width: 270px }
.dashboard_blade .modal .suspended-content h3 { font-size: 18px; line-height: 24px }
.welcome-profile-suspended { width: 100%; margin: 140px 0 0 }
.welcome-profile-suspended .center { padding: 0 7% 0 }
.welcome-profile-suspended .suspended-content { background: #ECEDEF; border-radius: 5px; padding: 16px; display: flex; justify-content: space-between; align-items: center }
.welcome-profile-suspended .suspended-content p { font-size: 16px; padding: 0 20px 0 35px }
.welcome-profile-suspended .suspended-content p span { height: 70px }
.welcome-profile-suspended .suspended-content p>a { color: var(--orange); font-weight: 700 }
.welcome-profile-suspended .suspended-content a.bttn { font-size: 18px; min-width: auto; padding: 0 30px; height: 50px; line-height: 50px }
.suspended-active-contract { background-color: var(--light-grey); position: relative; border-radius: 5px; width: 100%; display: block; margin: 0 0 40px; padding: 16px; line-height: 40px }
.profile_blade .suspended-active-contract .suspended-content { padding: 0; min-height: 40px }
.profile_blade .suspended-active-contract .suspended-content p { padding: 0 0 0 30px; font-weight: 400 }
.profile_public_employer_blade .suspended-active-contract .suspended-content { padding: 0; min-height: 40px }
.profile_public_employer_blade .suspended-active-contract .suspended-content p { padding: 0 0 0 30px; font-weight: 400 }
.job-apply-modal .fees-box { flex: inherit }
.report-success-modal .report-success-close { float: right; position: absolute; right: 10px; top: 10px }
.report-success-modal .view-btn.report-success-close { float: right; position: inherit; right: auto; top: auto }
.top-category-box-wrap .top-category-box .add-category-filter { display: block }
.top-category-box-wrap .top-category-box .add-category-filter li { margin: 0 10px 10px 0 !important; float: left }
.reported-p { display: flex; align-items: center; justify-content: flex-end }
.reported-p>img { margin: 0 0 0 10px }
.job_details_blade .reported-p { }
.employee_see_job_payment_blade .job-post-modal .modal-content h4 { text-align: center; display: block; width: 100% }
.prev_bid { width: 100%; display: block; margin: 0px 0 30px }
.prev_bid h5 { font-weight: 600; font-size: 20px; line-height: 25px; margin: 0 0 10px }
.prev_bid p.previous-bid-amounts.declined-bids { color: var(--orange) }
.modal-content-main { background-color: var(--white); margin: auto; width: 100%; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25) }
.new-payment-request-popup { padding: 40px 0 0 0; max-width: 480px; width: var(--full-width); position: relative }
.new-payment-request-popup .round-img { text-align: center; padding: 10px 0; background-color: #f4deaa; border-radius: 0 80px 80px 0; width: 80% }
.new-payment-request-popup .round-img img { position: relative; right: -50px; top: 5px }
.new-payment-request-popup .payment-request-offer { padding: 30px 40px }
.new-payment-request-popup .payment-request-offer h3 { padding: 0 0 35px 0; font-size: 20px; line-height: 26px; text-align: center; color: #303030; font-family: 'Montserrat', sans-serif; font-weight: 700 }
.new-payment-request-popup .current-prize-block { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 10px 0 0 }
.new-payment-request-popup .current-prize { width: 49%; display: flex; flex-flow: column; padding: 6px 16px; background-color: #ecedef; border-radius: 5px }
.new-payment-request-popup .current-prize.active { background-color: var(--dark-grey) }
.new-payment-request-popup .current-prize.active span, .new-payment-request-popup .current-prize.active strong { color: var(--white) }
.new-payment-request-popup .current-prize span { font-size: 14px; font-weight: 400; color: #303030 }
.new-payment-request-popup .current-prize strong { font-size: 32px; color: #303030; margin: 3px 0 5px }
.new-payment-request-popup .payment-current-offer label, .new-payment-request-popup .payment-new-offer label { font-weight: 600; font-size: 16px; color: #303030; line-height: 1 }
.new-payment-request-popup .payment-current-offer { margin-bottom: 20px }
.new-payment-request-popup .new-payment-request-btn { height: 45px; line-height: 45px; min-width: 100%; margin-top: 30px }
.new-payment-request-popup .new-payment-decline { color: #6c9ba1; text-align: center; display: table; font-weight: 700; margin: 40px auto 16px }
.reported-p { position: relative; top: 0; right: 0; text-indent: -9999px; font-size: 0; border: 1px solid #303030; border-radius: 5px; padding: 3px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; left: auto; float: right }
.reported-p>img { margin: 0 0 0 0px }
.job-post-details-content a.vmjp_modal { float: right }
.job-post-details-content a.vmjp_modal span { float: right; cursor: pointer; margin: 0; color: #6C9BA1; font-weight: 700; font-size: 18px }
.job-post-details-content a.vmjp_modal span:hover { color: var(--orange) }
.archive { display: inline-block; font-weight: 500; font-size: 20px; cursor: pointer; width: auto }
.archive>img { margin: 0 8px -4px 0; display: inline-block }
.archive>span { margin: 0 0 0 0; display: inline-block; width: auto; padding: 0; line-height: 1 }
.archive:hover { color: var(--black) }
.job_employer_details_blade .job-post-details { padding-bottom: 180px !important }
.job_employer_details_blade .job-post-modal .job-post-details { padding-bottom: 0px !important }
.my_post_promote_button a.job-details-edit { position: relative; display: inline-block }
.my_post_promote_button a.job-details-edit .edit-tooltip { position: absolute; right: 12px; width: 250px !important; padding: 12px; background: rgb(255, 255, 255); box-shadow: rgb(0 0 0 / 16%) 0px 4px 10px; border-radius: 5px; top: 70px; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--dark-grey); display: none }
.my_post_promote_button a.job-details-edit:hover .edit-tooltip { display: block }
.void-confirm-box .category-option-box .choose-category button.continue-void-confirm-box { background: #ECEDEF; color: var(--medium-grey) }
.review-list ul.no-data-ul li { border: 0 !important }
.jobs-lists-row p.buttom_text6_p { font-size: 16px; text-align: center; color: var(--white); margin: 24px 0 0; font-weight: 500 }
.phide>img { margin: 0 10px }
.fixed-header .header-r ul li.link-profile ul li:nth-child(8) a>img { width: 22px }
.model-service-promote .modal-content { padding: 0 }
.modal-service { display: flex }
.promote-left { max-width: 520px; padding: 44px }
.promote-left h2 { font-size: 24px; line-height: 28px; margin-bottom: 26px; color: #303030; font-weight: 700; font-family: 'Montserrat', sans-serif }
.promote-left p { font-size: 16px; margin: 0 0 60px 0; color: #303030; font-family: 'Montserrat', sans-serif }
.choose-promote { margin-bottom: 30px }
.choose-promote h3 { font-size: 16px; line-height: 1; padding: 0 0 16px 0; color: #303030; font-family: 'Montserrat', sans-serif; font-weight: 700 }
.choose-promote-filter { display: flex; justify-content: flex-start; flex-wrap: wrap }
.promote-right .promote-icon { padding: 40px 0 }
.promote-right .promote-icon>img { max-width: 100% }
.choose-promote-filter li { background-color: #6C9BA1; border: 1px solid #6C9BA1; border-radius: 20px; cursor: default; float: left; width: auto; padding: 0 20px; font-size: 16px; color: #fff; display: flex; align-items: center; margin: 0 8px 8px 0; font-family: 'Montserrat', sans-serif }
.choose-promote-filter .pro-cont { border-radius: 5px; background-color: #fff; height: 30px; line-height: 30px; font-weight: normal; font-size: 16px; display: flex; align-items: center; padding: 0 12px; color: #303030; border: 1px solid #303030; width: auto; font-family: 'Montserrat', sans-serif }
.choose-promote-filter li .choice__remove { color: #fff; font-size: 30px; font-weight: 400; margin: 0 0 0 8px }
.promote-left .promote-info { font-size: 16px; margin: 60px 0 0 0; font-weight: 400; color: var(--black); display: flex; align-items: center; justify-content: flex-start; padding: 0 0 0 35px; position: relative; font-style: italic }
.promote-left .promote-info span { background-color: #ebbe56; border-radius: 5px; width: 25px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30px; font-weight: 600; margin: 0 12px 0 0; position: absolute; left: 0; top: 0; font-style: normal }
.promote-right { background-color: #f5f6f7; padding: 30px; width: calc(100% - 500px) }
.promote-service-cost { border: 2px solid #303030; border-radius: 5px; padding: 17px 0; text-align: center }
.promote-service-cost label { font-weight: 700; font-size: 20px; color: var(--medium-grey) }
.promote-service-cost p { text-align: center; font-size: 18px; font-weight: 500 }
.promote-service-cost label { font-weight: 700; font-size: 20px; color: var(--medium-grey) }
.promote-service-cost span { font-size: 40px; margin-right: 13px; font-weight: 700 }
.promote-right .promote-btn, .promote-right .promote-btn2 { height: 45px; line-height: 45px; min-width: 100%; margin-top: 16px }
.promote-left .choose-promote:last-of-type { margin: 30px 0 0 0; display: block }
.choose-promote .promotion-amount-group { display: flex; align-items: center; margin: 0 0 50px }
.choose-promote label { font-weight: 600; font-size: 18px; color: var(--dark-grey) }
.choose-promote .featuredShow { width: auto; margin: 0 0 0 15px; display: flex; align-items: center; border-radius: 5px; background-color: var(--light-grey); height: 30px }
.choose-promote .featuredShow label { width: 80px; display: flex; align-items: center; justify-content: center; color: var(--dark-grey); font-weight: 400; font-size: 16px; border-radius: 5px; position: relative; cursor: pointer }
.choose-promote .featuredShow label.active { color: #89E442; font-weight: bold; font-size: 16px; background: var(--dark-grey); height: 36px }
.choose-promote .featuredShow label.active input[type="radio"] { position: absolute; opacity: 0 }
.choose-promote .featuredShow label input[type="radio"] { position: absolute; opacity: 0 }
.promote_modal .modal-content.modal-service { padding: 0; max-width: 800px; overflow: hidden }
.promote_modal .modal-content.modal-service .choose-promote .featuredShow { margin: 0; max-width: 280px }
.promote_modal .modal-content.modal-service .choose-promote .featuredShow label { margin: -3px 0 0 }
.model-job-promote .modal-content { padding: 0 }
.model-job-promote .promote-left h2 { margin-bottom: 16px }
.promote-left .promote-job-info { background-color: #f5f6f7; padding: 10px 14px; margin: 0 0 20px 0; border-radius: 5px }
.promote-left .promote-job-info label { color: var(--medium-grey); font-size: 14px; line-height: 1; font-weight: 500 }
.promote-left .promote-job-info p { margin: 8px 0 0 0; line-height: 1 }
.model-job-promote p { margin: 0 0 30px 0; color: var(--dark-grey) }
.promote-left p { margin: 0 0 20px 0 }
.archieve-confirm .choose-category>div { display: flex; align-items: center; justify-content: space-between; margin: 20px 0 0 }
.archieve-confirm .choose-category>div>button { width: 49%; font-size: 15px; font-weight: 600; height: 45px; line-height: 45px }
.employee_hire_blade .fees-box.hire-box-fees { flex: inherit; width: 100%; max-width: 550px }
.employee_edit_profile_blade .l-modal .c-popup.l-modal__body>a, .employer_edit_profile_blade .l-modal .c-popup.l-modal__body>a { position: absolute; right: 10px; top: 10px }
.nav-notify-bubble { background-color: var(--red); width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--dark-grey); float: right; z-index: 0; margin: 5px 12px 0 0; text-indent: -9999px; position: relative }
.tools-content>p.referred_tooltip, p.referred_tooltip { width: 100%; margin: 0 }
.hire-btn-text-cls { display: flex; align-items: center; justify-content: flex-end; margin: 50px 0 0 }
.hire-btn-text-cls label { font-style: italic; font-weight: 400; font-size: 16px; color: #303030; margin: 0 24px 0 0 }
.hire-btn-text-cls label a { color: var(--orange); font-weight: 600 }
.employee_hire_blade .new-offer-price-outer .new-offer-price-inner>p:first-child>.apply-offer-price { background-color: #F5F6F7 }
.fixed-header .header-r ul.after-login-header li.notification-link.selected .nofication-submenu li { font-size: 14px; color: #fff }
.employer-info .education-list .education-right .education_edit_confirm, .employee-info .education-list .education-right .education_edit_confirm { margin: 0 0 14px; display: block }
.employer-info .education-list .education-right .education_edit_confirm>img, .employee-info .education-list .education-right .education_edit_confirm>img { width: 20px }
.employer-info .education-list .education-right .licence_edit_confirm, .employee-info .education-list .education-right .licence_edit_confirm { margin: 0 0 5px; display: block }
.employer-info .education-list .education-right .licence_edit_confirm>img, .employee-info .education-list .education-right .licence_edit_confirm>img { width: 20px }
.employer-info .education-list .education-right .certificate_edit_confirm, .employee-info .education-list .education-right .certificate_edit_confirm { margin: 0 0 14px; display: block }
.employer-info .education-list .education-right .certificate_edit_confirm>img, .employee-info .education-list .education-right .certificate_edit_confirm>img { width: 20px }
.employee-info .all_licences .education-list, .employer-info .all_licences .education-list { min-height: 75px }
.employee-info .all_certificates .education-list, .employer-info .all_certificates .education-list { min-height: 75px }
.job_cat_modal .verifications-form { margin: 0 0 16px }
.current-login .signin>.login-content { max-width: 480px; width: 100% }
.top-category-box-wrap.scrollbar { height: 400px }
.employee_edit_profile_blade .edit-profile-modal .apply-row p span>input[type="number"], .employer_edit_profile_blade .edit-profile-modal .apply-row p span>input[type="number"] { width: 100% }
.send-bttn { height: 45px; line-height: 45px }
.create-job-publish #step2.fixed-box .edit-box.edit-box-search { position: fixed; top: 80px; left: 50%; max-width: 1600px; padding: 16px 7%; background-color: var(--white); z-index: 10; margin: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%) }
.create-job-publish #step2.fixed-box .edit-box.edit-box-search .search-bttns { right: 10%; top: 30px; -webkit-transition: inherit; transition: inherit }
.inner-page-content #step2.center.fixed-box { padding: 220px 7% 0 }
.edit-box.edit-box-search .choose-cat-list { max-height: 98px; overflow: hidden; overflow-y: auto; position: relative; min-height: 50px; padding-right: 130px }
.edit-box.edit-box-search .choose-cat-list button.category-next-button { display: block; position: absolute; right: 0; top: 0; height: 40px; line-height: 40px; min-width: 110px }
.employer_see_job_payment_blade .new-job-details .job-post-details-info ul.payment-list li { margin: 0 0 16px }
.choose-promote .add-category-filter li a>span.choice__remove { /*background-image: url(/img/cross-w-icon.svg);*/ background-repeat: no-repeat; background-position: 0 0; width: 12px; height: 12px; text-indent: -9999px; margin: 0 0 0 8px }
.employer_closed_job_list_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left .rate-addres p:first-child>img, .employer_closed_job_list_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left .rate-addres p:nth-child(2)>img, .employer_current_jobs_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left .rate-addres p:first-child>img, .employer_current_jobs_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-left .rate-addres p:nth-child(2)>img { width: 32px }
button.bttn-border-dark>img { margin: 0px 0 -4px 6px; display: inline-block }
.job-request-modal-wrapper .use_template { font-size: 14px; text-decoration: underline; color: var(--orange); margin: 0 0 20px; display: inline-block; font-weight: 600; position: absolute; right: 0; top: -50px }
.suggested-employee .suggest-profile-box .suggest-img #text_img { background-color: transparent; width: 100%; height: 100%; text-align: center; border-radius: 50%; position: relative; top: 0; left: 0 }
.suggested-employee .suggest-profile-box .suggest-img #text_img>span { font-weight: 600; font-size: 48px; position: absolute; z-index: 10; display: flex; align-items: center; justify-content: center; background-color: var(--light-grey); border-radius: 50%; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 90% !important; height: 90% !important; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.suggest-profile-box:hover .suggest-img #text_img>span { background-color: var(--white) }
#lodar_div { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); overflow: hidden; z-index: 100 }
.lds-ellipsis { display: inline-block; position: relative; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0) }
.lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite }
.lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite }
.lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite }
.lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite }
@keyframes lds-ellipsis1 {
0% { transform: scale(0) }
100% { transform: scale(1) }
}
@keyframes lds-ellipsis3 {
0% { transform: scale(1) }
100% { transform: scale(0) }
}
@keyframes lds-ellipsis2 {
0% { transform: translate(0, 0) }
100% { transform: translate(24px, 0) }
}
.paypal_success_blade .offer-listing-page { display: flex; justify-content: center; align-items: center; flex-flow: column; padding-bottom: 200px }
.paypal_success_blade .offer-listing-page p { font-weight: 600; font-size: 24px; color: var(--dark-grey); text-align: center; margin: 0 0 40px }
.paypal_success_blade .offer-listing-page a>.view-btn { min-width: 400px; height: 50px; line-height: 50px; color: var(--dark-grey); background: var(--light-grey) }
.paypal_success_blade .offer-listing-page a>.view-btn:hover { background: var(--dark-grey); color: var(--white) }
#advanceSearchFrm .aside-box:nth-child(1) { border-bottom: 0 }
.favourites a.hide, a.hide { position: relative; display: block }
.favourites a.hide>span, a.hide>span { display: none; position: absolute; right: -30px; top: 30px; width: 200px; border-radius: 5px; padding: 12px; font-size: 14px; font-weight: 400; text-align: left }
.favourites a.hide:hover>span, a.hide:hover>span { display: block; color: #fff; background-color: var(--darker-grey) }
.favourites a.like, a.like { position: relative; display: block }
.favourites a.like>span, a.like>span { display: none; position: absolute; right: -30px; top: 30px; width: 200px; border-radius: 5px; padding: 12px; font-size: 14px; font-weight: 400; text-align: left }
.favourites a.like:hover>span, a.like:hover>span { display: block; color: #fff; background-color: var(--darker-grey) }
a.like:hover>span:after, a.hide:hover>span:after { content: " "; position: absolute; right: 44px; top: -10px; border-top: none; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid var(--darker-grey) }
.promotion_final_modal .save-btn, .promote_modal .save-btn { min-width: 100%; margin: 16px 0 0 }
.create_job_blade .promotion_final_modal .save-btn, .create_job_blade .promote_modal .save-btn { min-width: auto; margin: 10px 0 0; width: 100% }
.blog-share { width: 100%; background-color: var(--light-grey); border-radius: 5px; padding: 25px; display: flex; align-items: center; margin: 0 0 56px }
.blog-share>span { font-weight: 600; font-size: 20px; color: var(--dark-grey); margin: 0 25px 0 0 }
.blog-share>ul { display: flex; align-items: center }
.blog-share>ul li { width: auto; margin: 0 25px 0 0 }
.blog-share>ul li a { width: 40px; display: inline-block; height: 40px; border-radius: 0 }
.blog-share>ul li.blog-fb-icon a { background-image: url(/img/blog-fb-icon-grey.svg); background-repeat: no-repeat; background-position: center center }
.blog-share>ul li.blog-linkedIn-icon a { background-image: url(/img/blog-linkedin-icon-grey.svg); background-repeat: no-repeat; background-position: center center }
.blog-share>ul li.blog-twitter-icon a { background-image: url(/img/blog-twitter-icon-grey.svg); background-repeat: no-repeat; background-position: center center }
.blog-share>ul li.blog-fb-icon a:hover { background-image: url(/img/share-fb-icon.svg) }
.blog-share>ul li.blog-linkedIn-icon a:hover { background-image: url(/img/share-linkedin-icon.svg) }
.blog-share>ul li.blog-twitter-icon a:hover { background-image: url(/img/share-twitter-icon.svg) }
.add-dob-modal.edit-profile-modal .apply-row p { width: 100% }
.employee_hire_blade .post-features-inn h4 { font-weight: 16px }
.employee_hire_blade .post-features-inn:last-child ul li { font-size: 18px }
.step_2 .verifications-form ul li { width: auto }
.step_2 .verifications-form ul li>p { width: auto; display: flex; align-items: center }
.step_2 .verifications-form ul li input.input-field { border: 1px solid #303030; background-color: #fff; padding: 0 15px 0 120px; margin: 0 0 0 10px }
.step_2 .verifications-form ul li .mob-pincode { min-width: 300px; border-radius: 5px; border: 1px solid var(--light-grey); height: 60px; padding: 8px; font-weight: 500; font-size: 18px; color: #7A7A7A; background-color: var(--light-grey); position: relative; top: auto; left: auto; padding: 0 18px }
.step_2 .verifications-form ul li #country_code { width: 100px; background: var(--light-grey); margin: 0 -110px 0 20px; position: relative; font-size: 18px; font-weight: 500; color: var(--medium-grey); z-index: 1; height: 40px; border-radius: 5px; padding: 10px; display: flex; align-items: center; justify-content: center }
.job_details_blade .bidding-profile li .bidding-pro-info h3 { font-size: 18px; line-height: 22px; font-weight: 700; color: var(--dark-grey); width: 100%; display: block; padding: 0 12px 0 0 }
.job_details_blade .bidding-profile li .bidding-pro-info h3 .ratings { margin: 4px 0 0 }
.categories_blade .edit-box-search.fixed-box { position: fixed; top: 72px; left: 50%; max-width: 1600px; padding: 16px 7%; background-color: var(--white); z-index: 10; margin: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%) }
.dashboard_blade .fixed-header .header-r ul.after-login-header li.links .view-btn:hover { border-color: var(--green); color: var(--green) }
.categories_blade .fixed-box>.search-bttns { right: 10%; top: 30px; -webkit-transition: inherit; transition: inherit }
.post-job-new ul.result-list>li, .employer-home.post-job-new .result-list.myJobPosts li { margin-bottom: 16px }
.all-promotions { float: right; text-align: right; font-size: 20px; font-weight: 600; color: #6C9BA1; font-style: italic; margin: 0 0 20px }
.all-promotions:hover { color: var(--dark-grey) }
.result_blade .search-map-div .window-bottom .profile-info>img { width: 14px; height: 14px }
.job-total h4>.hidden-price { position: relative; background-color: var(--dark-grey); width: 40px; height: 40px; text-align: center; margin: 10px 0 0; border-radius: 5px; display: flex; align-items: center; justify-content: center }
.job-total h4>.hidden-price>span { position: absolute; left: 40px; bottom: -40px; font-size: 14px; font-weight: 500; display: none; line-height: 1; width: 180px; background-color: var(--white); text-align: center; padding: 12px; border-radius: 5px; color: var(--dark-grey) }
.job-total h4>.hidden-price img:hover~span { display: block }
.edit_dob_update { cursor: pointer }
.edit-box.edit-box-search .choose-cat-list button.category-next-button { opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in }
.edit-box.edit-box-search .choose-cat-list.choose-cat-list-next button.category-next-button { opacity: 1; visibility: visible }
.payment-end-job-toggle { display: none }
.gm-style .gm-style-iw-tc::after { background: #303030 !important }
span.button-circle { margin-left: 8px; width: 10px; height: 10px; border-radius: 10px; background-color: #fff; display: inline-block }
.blog-details-section h2 a { color: var(--dark-grey) }
.settings_blade .verifications-form ul li.verify-number input.input-field { border: 1px solid #303030; background-color: #fff; padding: 0 15px 0 120px; margin: 0 0 0 10px }
.settings_blade .verifications-form ul li.verify-number .mob-pincode { min-width: 300px; border-radius: 5px; border: 1px solid var(--light-grey); height: 60px; padding: 8px; font-weight: 500; font-size: 18px; color: #7A7A7A; background-color: var(--light-grey); position: relative; top: auto; left: auto; padding: 0 18px }
.settings_blade .verifications-form ul li.verify-number #country_code { width: 100px; background: var(--light-grey); margin: 0 -110px 0 20px; position: relative; font-size: 18px; font-weight: 500; color: var(--medium-grey); z-index: 1; height: 40px; border-radius: 5px; padding: 10px; display: flex; align-items: center; justify-content: center }
.settings_blade .verifications-form ul li.verify-number p { margin: 0 0 20px; position: relative; display: flex }
.setiing-block .settings-right .step_3 .verifications-form ul li .mob-pincode { position: inherit; top: auto; left: auto; background: #ECEDEF; height: 50px; line-height: 50px; border-radius: 5px; border: 0; font-size: 18px; color: #7A7A7A }
.setiing-block .settings-right .step_3 .verifications-form ul li .mob-pincode { position: relative }
.settings_blade .verifications-form ul li.verify-number #country_code { margin: 5px -116px 0 20px }
.promoted-job-popup { width: var(--full-width) }
.promoted-job-popup h4 { text-align: center; font-weight: 700; font-size: 24px; line-height: 29px; color: var(--dark-grey); margin: 0 0 30px }
.promoted-job-popup-list { width: var(--full-width); display: flex; justify-content: space-between; flex-wrap: wrap }
.promoted-job-popup-list li { width: 49.5%; border-radius: 5px; background-color: var(--light-grey); padding: 16px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px }
.promoted-job-popup-list li p { width: 55%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: 600; color: var(--dark-grey); margin: 0 }
.promoted-job-popup-list li .promoted-job-right { width: calc(100% - 60%); display: flex; align-items: center; justify-content: flex-end }
.promoted-job-popup-list li .promoted-job-right p { display: flex; align-items: center; font-weight: 400; font-size: 14px; color: var(--dark-grey); width: auto; margin: 0 0 0 16px }
.promoted-job-popup-list li .promoted-job-right p>img { margin: 0 8px 0 0; width: 15px }
.promoted-job-popup-list li .promoted-job-right span.active { font-size: 16px; font-weight: 500; font-style: italic; color: var(--green); font-family: 'Montserrat', sans-serif }
.promoted_job_modal .modal-content.view_promoted_job_modal { max-width: 1200px }
.job-post-accnt-info .prof-basic-info>span { display: none }
.closed-job-singlepage .current-job-post .job-post-rates { width: 40% }
.closed-job-singlepage .current-job-post .job-post-rates .rates-box { width: 31%; min-height: 165px }
.closed-job-singlepage .current-job-post .job-post-accnt { width: 40% }
.closed-job-singlepage .job-post-accnt-info { padding: 16px }
.closed-job-singlepage .current-job-post .job-post-rates .rates-box label { align-items: baseline }
.closed-job-singlepage .current-job-post .job-post-rates .rates-box label em { line-height: 24px }
.closed-job-singlepage .current-job-post .job-post-rates .rates-box label em>img { width: 30px }
.closed-job-singlepage .current-job-post .job-post-rates .rates-box label em>img.time-icon { width: 16px }
.closed-job-singlepage .job-post-accnt-info .prof-basic-info a { color: var(--orange); font-size: 16px; font-weight: 600 }
.closed-job-singlepage-content .post-heading { display: block; width: 100% }
.closed-job-singlepage-content .post-heading h4 { font-size: 18px; font-weight: 600; margin: 0 0 16px }
.closed-job-singlepage-content .post-heading span { font-size: 14px; color: var(--medium-grey) }
@media only screen and (max-width:767px) {
.closed-job-singlepage .current-job-post .job-post-accnt { width: 100%; margin: 16px 0 0 }
.closed-job-singlepage .current-job-post .job-post-rates { width: 94%; display: block }
.closed-job-singlepage .current-job-post .job-post-rates .rates-box { min-height: 100px }
}
.modal-open { overflow: hidden }
.employer_profile_blade .result-list .pagination { margin: 0 0 20px }
.wallet_blade .inner-page-tab .wallet_tab .tabs { padding-bottom: 5px; border-radius: 0; padding-left: 0 }
.wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li.referal-tab { position: relative }
.wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li.referal-tab>.tooltips { position: absolute; right: -40px; top: 0 }
.wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li.referal-tab>.tooltips>a { color: var(--white) }
.wallet_blade .new-job-details .job-post-details-info .wallet-tab ul.tabs li.referal-tab>.tooltips>a:before { display: none }
.modal_view .address-attachments .attached_files li>a { padding: 10px 50px 10px 40px; position: relative; background-repeat: no-repeat; background-position: 95% center }
.modal_view .address-attachments .attached_files li>a:hover { /*background-image: url('/img/view-icon-bronze.svg')*/ }
.modal_view .address-attachments .attached_files li>a:before { position: absolute; content: ""; left: 18px; top: 12px; width: 14px; height: 20px; background-image: url('/img/file-icon.svg'); background-repeat: no-repeat; background-position: center center }
.payment-button-row { width: 100%; display: flex; align-items: center; justify-content: flex-start; margin: 0 0 50px }
.payment-button-row>a.cancel-bttn { color: #6C9BA1; font-weight: 500; font-size: 18px; margin: 0 48px 0 0 }
.payment-button-row>.pay-account-btn { height: 50px; line-height: 50px; font-size: 18px; font-weight: 500 }
.settings_blade .card-verifications ul.paymemt-page-ul { justify-content: space-between }
.promoted-sign { display: flex; align-items: center; font-size: 18px; margin: 0 0 16px; font-weight: 500 }
.promoted-sign>img { margin: 0 8px 0 0 }
.js-modal-shopify-confirm-box-release-payment-end-this-job .category-option-box .choose-category button.release_payment_add_tip.bttn-info { width: calc(100% - 70px) }
.dashboard_blade .modal_view .rate-box { justify-content: flex-start; padding: 0 0 40px }
.dashboard_blade .modal_view .rate-box .max_hour_rt, .dashboard_blade .modal_view .rate-box .max_fixed { max-width: 240px; width: 100%; padding: 12px; background-color: var(--dark-grey); border-radius: 5px; margin: 0 16px 0 0 }
.dashboard_blade .modal_view .rate-box h6 { position: inherit; top: auto; left: auto; color: #C5C5C5; font-size: 14px; margin: 0 0 8px }
.dashboard_blade .modal_view .rate-box .max_hour_rt .min-hourly-rate { width: 100% }
.dashboard_blade .modal_view .rate-box .fixed-rate>div, .dashboard_blade .modal_view .rate-box .max_fixed .fixed-rate { width: 100%; background-color: transparent; height: auto; align-items: center; padding: 0; border-radius: 5px; justify-content: flex-start; display: flex }
.dashboard_blade .modal_view .rate-box .view_hour_min, .dashboard_blade .modal_view .rate-box .view_hour_max, .dashboard_blade .modal_view .rate-box .view_fixed_min { font-size: 26px; font-weight: 700; max-width: inherit; text-align: left; width: auto; padding: 0 0 0 16px; color: #fff }
.dashboard_blade .modal_view .rate-box .view_hour_min span, .dashboard_blade .modal_view .rate-box .view_hour_max span, .dashboard_blade .modal_view .rate-box .fixed-rate span { font-size: 12px; text-transform: lowercase; color: #C5C5C5; margin: 0 0 0 10px }
.dashboard_blade .modal_view .rate-box .fixed-rate img, .dashboard_blade .modal_view .rate-box .max_fixed img { width: 40px }
.empty-state-page { text-align: center }
.empty-state-page h2 { font-weight: 800; font-size: 30px; line-height: 38px; color: var(--dark-grey); padding: 30px 0 }
.empty-state-page>img { margin: 80px 0 40px }
.empty-state-page p { font-weight: 500; font-size: 24px; line-height: 29px; color: var(--dark-grey); margin: 0 0 40px }
.empty-component-bttn { font-size: 24px; font-weight: 600; min-width: 288px; height: 60px; line-height: 60px }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.employer-active { background-color: var(--yellow) }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.employee-active { background-color: var(--green) }
.l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.employee-active label, .l-modal.choose-admin-popup .c-popup .category-option-box .verifications-form ul li.employee-active p { color: var(--white) }
.job-map-span { position: relative }
.job-map-span .del-map { position: absolute; top: 2px; right: 20px }
.job-map-span img { width: 20px }
.delete-lang { height: 56px; width: 36px; padding: 21px; background-color: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 5px; margin: 0px 0px 10px }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 }
input[type=number] { -moz-appearance: textfield }
.request-sent-section { max-width: 500px; border: 1px solid var(--dark-grey); padding: 32px; border-radius: 5px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-flow: column }
.request-sent-section img { width: 160px; height: 160px }
.request-sent-section h3 { color: var(--orange); margin-bottom: 20px }
.request-sent-section p { font-size: 16px; line-height: 24px }
.job_details_blade .new-job-details h4.no-biddings { background-color: var(--light-grey); border-radius: 40px; font-weight: 600; font-size: 16px; height: 50px; line-height: 50px; padding: 0 24px; width: auto; display: inline-block }
.bidding-job { margin-bottom: 32px }
.cke_reset { margin-bottom: 10px !important }
.job-post-accnt-info .prof-basic-info a h5 { color: #fff }
.job-intro-modal p a, .terms_condition_link { color: var(--orange) }
.blog-details-section h1 { font-weight: bold; font-size: 40px; line-height: 49px; color: var(--dark-grey); margin: 0 0 24px }
.blog-details-section h2 { font-weight: bold; font-size: 36px; line-height: 45px; color: var(--dark-grey); margin: 0 0 20px }
.blog-details-section h3 { font-weight: bold; font-size: 32px; line-height: 40px; color: var(--dark-grey); margin: 0 0 20px }
.blog-details-section h4 { font-weight: 600; font-size: 28px; line-height: 29px; color: var(--dark-grey); margin: 0 0 16px }
.blog-details-section h5 { font-weight: 600; font-size: 24px; line-height: 29px; color: var(--dark-grey); margin: 0 0 16px }
.blog-details-section h6 { font-weight: 600; font-size: 20px; line-height: 29px; color: var(--dark-grey); margin: 0 0 16px }
@media only screen and (min-width:768px) {
.current-post-button-payment-end-job { display: block !important }
}
.alertify-close-icon { position: absolute; top: 0; right: 5px }
.fixed-header .header-r .nofication-submenu ul.scrollbar { text-indent: -99999px }
.fixed-header .header-r ul.after-login-header li.notification-link.selected .nofication-submenu li { text-indent: 0 }
.dashboard_blade .category_add .apply-row .pack-desc { margin-bottom: 8px }
.dashboard_blade .category_add .apply-row .desc-length { bottom: -6px }
.create_job_blade .inner-page-content { padding: 80px 0 250px }
.choose-attachment { padding: 16px 0 }
.profile_employee_blade .modal_view .rate-box .view_hour_min, .profile_employee_blade .modal_view .rate-box .view_hour_max, .profile_employee_blade .modal_view .rate-box .view_fixed_min { width: auto; margin-right: 6px }
.profile_employee_blade .modal_view .rate-box .fixed-rate, .profile_employee_blade .modal_view .rate-box .max_fixed { width: auto }
.profile_employee_blade .modal_view .rate-box .fixed-rate>div, .profile_employee_blade .modal_view .rate-box .max_fixed .fixed-rate { width: auto }
.profile_employee_blade .modal_view .rate-box .fixed-rate img, .profile_employee_blade .modal_view .rate-box .max_fixed img { width: 28px; margin: 0 10px 0 0 }
.message-arrow { background-image: url(/img/chevron_right.svg); background-position: right center; background-repeat: no-repeat; padding: 0 12px 0 0 }
.category-slide .category-box img.orange-icons { filter: invert(99%) sepia(98%) saturate(11%) hue-rotate(208deg) brightness(102%) contrast(100%) }
.promoted-job-popup-list>img { margin: 0 auto }
.service-pack .no-data-service { background-image: url(/img/employee-jobrequest-empty-search.svg); background-position: center center; background-repeat: no-repeat; background-size: 100%; padding: 10px; min-height: 116px }
.create_job_blade .fixed-box-rate input[type="text"] { margin: 0 }
.about-info .about-toggle a>img { width: 20px }
.g-recaptcha { margin: 30px 0 0; height: 78px }
.login-form li.signup-buttons-row { display: flex; align-items: center; justify-content: space-between; margin: 20px 0 0 }
.login-form li.signup-buttons-row a.google-signup { width: 48px; height: 48px; margin: 0; }
.login-form li.signup-buttons-row .signup-btn { margin: 0; height: 48px; line-height: 48px; width: calc(100% - 58px) }
.inner-login .logo-light img { height: 42px }
.signup .login-content { padding: 0 16px }
#job_terms_check_id { display: none; opacity: 0 }
@media only screen and (min-width:769px) {
#advanceSearchFrm.fixed-sidebar { position: fixed; top: 110px; width: 100%; max-width: 346px; height: 100vh; overflow: hidden; overflow-y: auto; padding-bottom: 10%; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -ms-overflow-style: none; scrollbar-width: none }
#advanceSearchFrm.fixed-sidebar::-webkit-scrollbar { width: 0 !important; display: none }
#advanceSearchFrm.fixed-sidebar .floating-button-row { position: fixed; bottom: 0; background: #fff; width: 100%; max-width: 346px; justify-content: space-between; padding: 16px }
#advanceSearchFrm.fixed-sidebar .floating-button-row .clear-all { position: initial }
}
.verify_password p { font-size: 14px; font-weight: 400; color: var(--dark-grey) }
.profile_blade .send-bttn { float: right; margin: 10px 0 0 }
.step_2 .verifications-form ul li { width: 100%; display: flex; align-items: center; justify-content: flex-start; margin: 0 0 42px }
.step_2 .verifications-form ul li.verify-number > p { width: 50%; display: flex; align-items: center; margin: 0 16px 0 0 }
.step_2 .verifications-form ul li.verify-number input.input-field { border: 1px solid #303030; background-color: #fff; padding: 0 15px 0 120px; margin: 0 0 0 10px }
.step_2 .verifications-form ul li.verify-code input.input-field { max-width: 400px; width: 100%; padding: 0 16px; margin: 0 16px 0 0 }
.phone_code_box#verify_phone { min-width: auto; padding: 0 48px }
.send-call-link { background-image: url(/img/phone-call-icon.svg); background-position: 0 center; background-repeat: no-repeat; padding: 0 0 0 30px; font-size: 18px; color: #303030; display: flex; align-items: center; background-color: transparent; cursor: pointer; margin: 20px 0 0 }
.step_2 .verifications-form ul li.verify-call { flex-flow: column; justify-content: flex-start; align-items: flex-start }
.resend-code-link { background-image: url(/img/resend-icon-b.svg); background-position: 0 center; background-repeat: no-repeat; padding: 0 0 0 30px; font-size: 18px; color: #303030; display: flex; align-items: center; background-color: transparent; cursor: pointer; margin: 0 0 0 36px }
.timer { background-image: url(/img/resend-icon-g.svg); background-position: 0 center; background-repeat: no-repeat; padding: 0 0 0 30px; font-size: 18px; color: #C5C5C5; display: flex; align-items: center; background-color: transparent; margin: 0 0 0 70px }
.alertify-span-icon { margin: 0 16px 0 0 !important }
.alertify-notifier .ajs-message.ajs-error { justify-content: flex-start !important }
.alertify-notifier.ajs-right .ajs-message.ajs-visible { padding: 10px 24px 10px 10px !important }
.address-attachments-inner-tooltip { position: absolute; width: 85%; background: #fff; top: 34px; color: #303030; font-size: 14px; text-align: left; line-height: 1.4; padding: 8px; border-radius: 5px; font-weight: 500; box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.16); opacity: 0; visibility: hidden }
.category_add .address-attachments label.custom-file-upload:hover .address-attachments-inner-tooltip { opacity: 1; visibility: visible }
.address-attachments-inner { display: flex; align-items: flex-start; justify-content: space-between }
.category_add .address-attachments .attach_service { margin: 0; width: 75%; max-height: 100px; overflow: hidden; overflow-y: auto }
.employee_recieved_offers_blade .offer-listing-page .job-post-details-content li .recieved-offer-inner-row .recieved-offer-right button > .close-eye { display: none }
.create-job-error.edit-box input[type="text"] { border-color: #CB4F34 }
.create_job_blade .error { font-size: 14px; color: #CB4F34 !important; margin: -6px 0 5px; display: block; font-style: italic; position: relative; padding: 0 0 0 10px }
.create_job_blade .error:after { position: absolute; left: 0; top: 10px; background-color: #CB4F34; width: 3px; height: 3px; border-radius: 5px; content: "" }
.create-job-error #cke_jobdescription { border-color: #CB4F34 }
.create_job_blade #step2 .note { position: absolute; top: 104px; left: 0; width: 100%; text-align: left; display: flex; justify-content: flex-start; padding-left: 8%; font-size: 14px }
.create_job_blade #step6 .choose-hourly-rate, .create_job_blade #step6 .fixed-rate, .create_job_blade #step6 .fixed-box-rate { position: relative }
.create_job_blade #fixed-rate-error, .create_job_blade #note-error, .create_job_blade #range-rate-error, .create_job_blade #hour-rate-error { color: #CB4F34 !important; position: absolute; left: 0; top: 60px; font-size: 13px; font-style: italic; padding: 0 0 0 10px }
.create_job_blade #fixed-rate-error:after, .create_job_blade #note-error:after, .create_job_blade #range-rate-error:after, .create_job_blade #hour-rate-error:after { position: absolute; left: 0; top: 8px; background-color: #CB4F34; width: 3px; height: 3px; border-radius: 5px; content: "" }
.create_job_blade .hourly-to.create-job-error, .create_job_blade .hourly-from.create-job-error, .create_job_blade .fixed-to.create-job-error, .create_job_blade .fixed-from.create-job-error { border-color: #CB4F34 }
.create_job_blade .expected { margin: 46px 0 0 }
.create_job_blade #hour-rate-error-1st { color: #CB4F34 !important; position: absolute; left: 0; top: 60px; font-size: 13px; font-style: italic; padding: 0 0 0 10px }
.create_job_blade #hour-rate-error-1st:after { position: absolute; left: 0; top: 8px; background-color: #CB4F34; width: 3px; height: 3px; border-radius: 5px; content: "" }
.result-list nav { margin: 40px 0; display: flex; justify-content: flex-end }
.result-list nav > div:first-child { display: none }
.result-list nav > div > div:first-child { display: none }
.result-list nav > div > div:last-child { display: flex; align-items: center; flex-flow: row }
.result-list nav > div > div:last-child > span { display: flex; align-items: center; flex-flow: row }
.result-list nav > div > div:last-child > span > span:first-child > span { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 5px; margin: 0 0 0 0; font-size: 14px }
.result-list nav > div > div:last-child > span > span { width: 30px; height: 30px; border-radius: 5px; background-color: var(--dark-grey); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; margin: 0 3px; font-size: 14px }
.result-list nav > div > div:last-child > span > a { width: 30px; height: 30px; border-radius: 5px; background-color: var(--orange); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; margin: 0 3px; font-size: 14px }
input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear { display: none }
.result-employee-section li .result-employee-left p.empty-content { background-image: url(/img/aboutme-empty-state.svg); background-position: 0 0; background-repeat: no-repeat; text-indent: -999999px; background-size: 100% }
.tooltips.active .tools-content p.referred_tooltip { width: 100%; font-weight: 500; font-size: 12px; line-height: 17px }
.job_details_blade .post-features-inn:first-child { margin: 0 30px 0 0; width: 50% }
.job_details_blade .post-features-inn { margin: 0 10px 0 0 }
.job_details_blade .post-features-inn:nth-child(3) { margin: 0 30px 0 0; width: 12% }
.employee_hire_blade .my_post_promote_button button span { font-size: 16px; font-weight: 600 }

.alertify-notifier .ajs-message.ajs-success { justify-content: flex-start !important; line-height: 1.5 !important;}


.employer_favourite_hide_jobs_blade .service-pack .no-data-service { width: 24%;  background-size: 85%;}
/*======== blog fonts size ==========*/

.blog-details-section h1 {font-weight: 700;	font-size: 40px;line-height: 49px;}
.blog-details-section h2 {font-weight: 600;font-size: 24px;line-height: 29px;}
.blog-details-section h3 {font-weight: 600;font-size: 16px;line-height: 20px;}
.blog-details-section h2 strong, .blog-details-section h3 strong {font-weight: inherit;}
.blog-details-section p.intro, .blog-details-section h4 {font-style: italic;font-weight: 400;	font-size: 16px;line-height: 24px;}

.create-job-steps .step-button-row .g-recaptcha {
    height: 48px;
    margin: 0;
    padding: 0;
}

.profile_blade .modal_view .address-attachments .attached_files  {
    max-height: 170px;
    overflow: hidden;
    overflow-y: auto;
}


.forgot-link { margin: 16px 0; display: inline-block;}

.footer-block p > label { line-height: 1.4; }

/*============= Unsubscribe page =============*/
.unsubscribe-section { padding: 80px 0; }
.unsubscribe-block { padding: 0; height: 100vh; display: flex; align-items: center; justify-content: center; }
.unsubscribe-block .unsubscribe-box { max-width: 780px; width: 100%; border-radius: 5px; border: 1px solid var(--medium-grey); padding: 80px; display: flex; justify-content: center; align-items: center; flex-flow: column; }
.unsubscribe-block .unsubscribe-box h2 { color: var(--dark-grey); font-weight: 700; font-size: 32px; margin: 0 0 64px; padding: 0; line-height: 1.4; text-align: center; }
.unsubscribe-block .unsubscribe-box .input-text { background-color: var(--white); border: 1px solid var(--dark-grey); color: var(--dark-grey); height: 50px; line-height: 50px; padding: 0 16px; font-size: 14px; font-weight: 400; width: 50%; margin: 0 0 16px; }
.unsubscribe-block .unsubscribe-box .unsubscribe-btn { height: 50px; line-height: 50px; font-weight: 400; font-size: 16px; min-width: auto; width: 50%; }
.unsubscribe-block .unsubscribe-box .unsubscribe-btn { height: 50px; line-height: 50px; font-weight: 400; font-size: 16px; min-width: auto; width: 50%; }

 .employer_see_job_payment_blade .new-job-details .job-apply-bttn-row { margin: -100px 0 50px; }
 .employer_see_job_payment_blade .job-post-details .post-heading h2 { width: 83%; word-break: break-all; }

 /*--------- new attachment ------------**/

.attachments-component { width: var(--full-width); position: relative; }
.attachments-component ul { display: flex; align-items: flex-start; flex-wrap: wrap; list-style: none; width: 100%; }
.attachments-component ul li { position: relative; list-style-type: none; width: 180px; height: 180px; display: flex !important; align-items: center; justify-content: center; background-color: #F5F6F7 !important; overflow: hidden; border-radius: 5px; flex-flow: column; margin: 0 16px 16px 0; border: 0 !important; }
.attachments-component ul li.attach-imgs > a { width: 100%; height: 100%; }
.attachments-component ul li > a > img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; }
.attachments-component ul li > span.file-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding: 0 18px; font-size: 16px; font-weight: 400; position: absolute; bottom: 14px; left: 0; }
.attachments-component ul li.attach-imgs > a.attach-delete-icon { width: 40px; height: 40px; }

.attachments-component ul li > .attach-delete-icon { width: 40px; height: 40px; border-radius: 50%; background-color: var(--dark-grey); display: flex; align-items: center; justify-content: center; text-indent: -99999px; position: absolute; right: 8px; top: 8px; }
.attachments-component ul li > .attach-show-icon { width: var(--full-width); height: var(--full-height); border-radius: 0; background-color: rgba(48, 48, 48, 0.6); display: flex; align-items: center; justify-content: center; text-indent: -99999px; position: absolute; right: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; }
.attachments-component ul li:hover > .attach-show-icon { opacity: 1; visibility: visible; }

.attachments-component ul li.attach-imgs > img { max-width: 100%; height: 100%; object-fit: cover; }
.attachments-component ul li a.attach-delete-icon > img, .attachments-component ul li a.attach-show-icon > img { width: auto; height: auto; object-fit: contain; }
.attachments-component ul li a.attach-show-icon { pointer-events: none; }

.details-content-attachment ul.slick-slider li .elem { width: 80px;}
.fancybox__iframe > img { width: 100% !important; height: auto !important; }
/* .attachments-component .slick-track { width: 100% !important;} */
.details-content-attachment ul.slick-slider li:first-child { margin: 0 16px 16px 0;}
#lcl_window {
    width: 80% !important;
    height: 80% !important;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}
#lcl_window #lcl_elem_wrap { background-size: auto !important;  background-color: #fff;}
.lcl_icon.lcl_txt_toggle, .lcl_icon.lcl_thumbs_toggle, .lcl_icon.lcl_play, #lcl_txt, #lcl_thumbs_nav { display: none !important; }
.lcl_minimal #lcl_subj { border-radius: 10px; }

.attachments-component .slick-list { padding: 0; margin: 0; width: 100%; }
.attachments-component .slick-track { margin: 0;}

.attachments-component ul .slick-next, .attachments-component ul .slick-prev {
	position: absolute; right: 0; top: -30px; left: auto;
}
.attachments-component ul .slick-next {
	background: url(/img/arrow-left.svg) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    display: block;
}

.attachments-component ul .slick-prev {
	background: url(/img/arrow-right.svg) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    display: block;
	right: 30px;
}
.attachments-component .slick-next.slick-disabled, .attachments-component .slick-prev.slick-disabled { opacity: 1;}

 
.employee_hire_blade #sendoffer .employee-hire li .job_div > span { font-size: 22px; font-weight: 600; margin: 0 0 20px; display: block; }
.employer_see_job_payment_blade .new-job-details .job-apply-bttn-row { margin: -100px 0 50px; position: relative; z-index: 1; }
 .employer_see_job_payment_blade .job-post-details .post-heading h2 { width: 83%; word-break: break-all; }

 .employee_see_job_payment_blade .job-post-accnt-info .prof-basic-info { width: calc(100% - 150px); }
 /*---escrow -----*/
 .escrow-popup-box .modal-content { max-width: 555px; padding: 30px 20px 20px; }
 .escrow-popup-box .modal-content .c-popup .close-confirm-box-release-payment-end-this-job { position: absolute; top: -10px; right: 0; }
.escrow-popup-box .modal-content .c-popup { max-width: 100%; top: auto; transform: initial; }
 escrow-popup-box h4 { margin: 20px 0 40px; }
.escrow-description { width: 100%; position: relative; display: block; margin: 0 0 32px; }
.escrow-description label { font-weight: 600; font-size: 16px; color: var(--dark-grey); margin: 0 0 8px; display: block; text-align: left; }
.escrow-description .textarea-box { border: 1px solid #C5C5C5; width: 100%; padding: 8px 14px 20px; border-radius: 5px; height: 160px; text-align: left; position: relative; }
.escrow-description textarea {  width: 100%; font-weight: 400; font-size: 14px; line-height: 20px; height: 150px; text-align: left; resize: none; }
.escrow-description span { font-weight: 400; font-size: 10px; color: var(--dark-grey); position: absolute; right: 10px; bottom: 0px; }


.escrow-popup-box .apply-row { display: block; width: 100%; text-align: left; }
.escrow-popup-box .apply-row h5 { margin: 0 0 12px; font-size: 16px; }
.escrow-popup-box .apply-row .new-offer-price-inner { width: 100%; display: flex; justify-content: space-between; }
.escrow-popup-box .apply-row .new-offer-price-inner p { width: 49%; margin: 0; position: relative; }
.escrow-popup-box .apply-row p span { text-align: left; }
.escrow-popup-box .apply-row p span > img { width: 35px; margin: 0 10px 0 0; }
.initial-price { margin: 0 0 32px; }
.escrow-popup-box .fees-box { background-color: transparent; border-radius: 0; margin: 0 0 40px; padding: 0; display: block; }
.escrow-popup-box .fees-box > p { width: 100%; font-size: 14px; font-style: italic; }
.initial-price.apply-row label { position: absolute; left: 16px; top: 6px;}
.escrow-popup-box .initial-price.apply-row p span { text-align: left; padding: 25px 16px 10px 16px; }

.employee_see_job_payment_blade .job-post-details .post-heading button.change_offer { position: absolute; right: 0; top: 50px; }


/*====== signup success page =======*/

.inner-page.signup-success { background-color: transparent; text-align: center; padding-bottom: 90px; }
.inner-page.signup-success h2 { font-weight: 800; font-size: 40px; color: var(--dark-grey); margin: 0 0 24px; display: block; }
.inner-page.signup-success p { font-weight: 500; font-size: 24px; color: var(--dark-grey); padding: 0 0 32px; margin: 0 0 32px; border-bottom: 1px solid #C5C5C5; display: inline-block; width: auto; }
.inner-page.signup-success h4 { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--dark-grey); }
.sendagain-btn { margin: 16px auto; display: table; color: var(--dark-grey); }
.signup-foot-text { margin: 0 auto 10px; display: block; text-align: center; font-size: 12px; font-weight: 400; }
.signup-foot-text a { color: var(--orange); }
.signup-foot-text .support-team { color: var(--dark-grey); text-decoration: underline; }

/*=========edit profile attach file popup ============*/
.edit-profile-modal .file-upload-outer { /*width: auto !important;*/ margin: 0 16px 0 0 !important; }
.edit-profile-modal .file-upload-outer .custom-file-upload { width: auto !important; height: 45px; line-height: 45px; max-width: 150px; min-width: auto; font-size: 16px !important; border-radius: 25px; font-weight: 600 !important; background: #6c9ba1; }
.edit-profile-modal .full-width { width: 100% !important; }
.edit-profile-modal.add-certificate-modal .apply-row p label, .edit-profile-modal.add-education-modal .apply-row p label, .edit-profile-modal.add-licence-modal .apply-row p label { font-weight: 600; }
.edit-profile-modal .apply-row p label > span { font-size: 12px; font-weight: 400; background-color: transparent; border-radius: 0; padding: 0 !important; display: inline-block; margin: 0; text-align: left; }

/* .popup { max-width: 500px; border-radius: 5px; background-color: var(--white); padding: 40px; margin: 0 auto; box-shadow: 0 0 500px 660px rgb(0 0 0 / 10%); } */
.popup .modal-content { max-width: 700px; padding: 40px; }
.popup-addname { width: 100%; text-align: center; }
.popup-addname > img { margin: 0 auto 32px; display: table; }
.popup-addname p { font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--dark-grey); margin: 0 0 32px; }
.popup-addname .input-field { height: 50px; line-height: 50px; font-size: 14px; font-weight: 400; color: var(--dark-grey); padding: 0 15px; margin: 0 0 8px; border-radius: 5px; width: 100%; display: inline-block; border: 1px solid var(--dark-grey); margin: 0 0 32px; }
.popup-addname .next-prev-row { padding: 0; }
.popup-addname .next-prev-row .bttn { width: 49%; font-size: 24px; font-weight: 500; color: var(--dark-grey); height: 60px; line-height: 60px; }
.popup-addname .next-prev-row .save-btn { color: var(--white); }

/* .popup-addeducation { max-width: 700px; } */
.addeducation-heading { display: flex; align-items: center; margin: 0 0 32px; }
.addeducation-heading > img { margin: 0 32px 0 0; }
.addeducation-heading > span { font-style: normal; font-weight: 600; font-size: 20px; color: var(--dark-grey); }
.popup-attachment-form { width: var(--full-width); position: relative; }
.popup-attachment-form ul { width: var(--full-width); }
.popup-attachment-form ul li { width: var(--full-width); position: relative; margin: 0 0 16px; }
.popup-attachment-form ul li.date { width: var(--full-width); position: relative; display: flex; align-items: flex-start; justify-content: space-between; }
.popup-attachment-form ul li label { font-style: normal; font-weight: 600; font-size: 12px; line-height: 1; color: var(--medium-grey); margin: 0 0 8px; display: block; }
.popup-attachment-form ul li .input-field { height: 40px; line-height: 40px; font-size: 12px; font-weight: 400; color: var(--dark-grey); padding: 0 15px; margin: 0 0 8px; border-radius: 5px; width: 100%; display: inline-block; border: 1px solid var(--medium-grey); margin: 0 0; }
.popup-attachment-form ul li textarea.area-field { height: 60px; line-height: 17px; font-size: 12px; font-weight: 400; color: var(--dark-grey); padding: 10px 15px; margin: 0 0 8px; border-radius: 5px; width: 100%; display: inline-block; border: 1px solid var(--medium-grey); margin: 0 0; resize: none; }
.popup-attachment-form ul li .input-field.date-field { background-image: url(../img/date-icon.svg); background-repeat: no-repeat; background-position: 98% center; }
.popup-attachment-form ul li.date .date-step { width: 49%; }
.popup-attachment-form ul li .custom-file-outer { display: flex; align-items: flex-start; }
.popup-attachment-form ul li .custom-file label { background: #6C9BA1; border-radius: 25px; display: inline-block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: var(--white); font-size: 18px; }
.popup-attachment-form ul li .custom-file { position: relative; overflow: hidden; margin: 8px 0; display: inline-block; padding: 0; width: 200px; }
.popup-attachment-form ul li .custom-file-input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 100; }
.popup-attachment-form ul li .custom-file img { display: inline-block; vertical-align: middle; margin-right: 5px; }
.popup-attachment-form ul li ul.file-list { list-style: none; padding: 10px 0 0 16px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.popup-attachment-form ul li ul.file-list li { margin: 0 8px 8px 0; border-radius: 32px; padding: 6px 16px; font-size: 14px; line-height: 1; width: auto; background-color: #ECEDEF; height: 40px; display: flex; align-items: center; justify-content: space-between; }
.popup-attachment-form ul li .remove-list { cursor: pointer; margin-left: 10px; background-color: #303030; width: 24px; height: 24px; border-radius: 24px; display: flex; align-items: center; justify-content: center; color: #fff; }
.popup-addeducation .next-prev-row { padding: 40px 0 0; display: flex; align-items: center; justify-content: flex-end; }
.popup-addeducation .next-prev-row > a { font-weight: 600; font-size: 16px; color: #6C9BA1; margin: 0 16px 0 0; }
.job-apply-modal.popup .modal-content .apply-job-price .new-offer-price-inner p span, .popup .apply-row p span.apply-offer-price { height: 40px; }
.file-upload-outer { width: 100% !important; display: block; }
.browse-file-block { display: flex; align-items: center; width: 100%; }
.job-apply-modal.popup .modal-content .apply-row textarea { height: 60px; }
.apply-row label.upload-file-attach { margin: 0 8px 8px 0; border-radius: 32px; padding: 6px 16px; font-size: 14px; line-height: 1; width: auto !important; background-color: #ECEDEF; height: 40px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 0 16px; }
.apply-row label.custom-file-upload { background: #6C9BA1; border-radius: 25px; display: inline-block; width: auto !important; height: 40px; line-height: 40px !important; text-align: center; color: var(--white); font-size: 18px; }
.apply-row label.upload-file-attach > a { cursor: pointer; margin-left: 10px; background-color: #303030; width: 24px; height: 24px; border-radius: 24px; display: flex; align-items: center; justify-content: center; color: #fff; }
.edit-profile-modal.popup .apply-row p textarea { border: 1px solid var(--dark-grey); height: 60px; }
.edit-profile-modal .apply-row p span input.licence_start, .edit-profile-modal .apply-row p span input.licence_end, .edit-profile-modal .apply-row p span input.certificate_start, .edit-profile-modal .apply-row p span input.certificate_end, .edit-profile-modal .apply-row p span input.education_start, .edit-profile-modal .apply-row p span input.education_end { height: auto; background-image: url(../img/date-icon.svg); background-repeat: no-repeat; background-position: 100% center; background-size: 20px; }

.employee_edit_profile_blade .attachment-name-modal .modal-content, .employer_edit_profile_blade .attachment-name-modal .modal-content { max-width: 500px;}
.employee_edit_profile_blade .attachment-name-modal .modal-content .inner-page-content, .employee_edit_profile_blade .attachment-name-modal .modal-content .inner-page-content .center, .employer_edit_profile_blade .attachment-name-modal .modal-content .inner-page-content, .employer_edit_profile_blade .attachment-name-modal .modal-content .inner-page-content .center { padding: 0; }


.popup-addname .next-prev-row { justify-content: space-between; display: flex; }
.popup-addname .next-prev-row .bttn { width: 48%; }
.popup-addname .next-prev-row .bttn.attachment-save-btn { color: var(--white); }

/*=============--- map popup-jobs ----==============*/
.map-popup-outer { max-width: 360px; width: 100%; border-radius: 5px; background-color: var(--darkest-grey); padding: 8px; }
.map-popup-outer ul li { background-color: var(--dark-grey); padding: 10px; margin: 0 0 8px; border-radius: 5px; }
.map-popup-outer ul li h3 { font-weight: 600; font-size: 16px; line-height: 18px; color: var(--white); width: 100%; display: block; margin: 0 0 8px; min-height: auto; }
.map-popup-outer ul li .amounts-row { width: 100%; display: flex; align-items: center; margin: 0 0 8px 0; }
.map-popup-outer ul li .amounts-row p { font-size: 14px; font-weight: 400; color: var(--white); margin: 0 16px 0 0; }
.map-popup-outer ul li .amounts-row p > img { width: 28px; }
.map-popup-outer ul li p.descriptions { width: 100%; font-weight: 400; font-size: 14px; color: var(--white); line-height: 17px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0 0 8px; text-align: left; padding: 0 0 10px; }
.map-popup-outer ul li .view-btn { height: 38px; min-width: 100%; line-height: 38px; width: 100%; font-size: 18px; font-weight: 500; }
.map-popup-outer.scrollbar { max-width: 295px; min-width: 295px; max-height: 255px; height: 255px; margin: 0; background: var(--darkest-grey); }
.map-job { float: left; margin: 0 100px 0 0 !important; }
.map-profile { float: left; }
.profile-row-top { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.profile-row-top .pro-box { width: 58%; display: flex; align-items: center; position: relative; min-height: 50px; }
.profile-row-top .pro-box .pro-img { position: absolute; left: 0; top: auto; }
.profile-row-top .pro-box a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
.profile-row-top .pro-box span { font-weight: 500; font-size: 14px; color: var(--white); margin: 0 0 0 49px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro-infos { width: 42%; display: flex; align-items: center; justify-content: flex-end; }
.pro-infos .profile-info { display: flex; align-items: center; color: var(--white); margin: 0; width: auto; }
.pro-infos .profile-info span.rating { font-size: 12px; margin: 0 0 0 1px; }
.pro-infos .profile-info:first-child { margin: 0 8px 0 0; }
.pro-infos .profile-info label { margin: 0; }
.pro-infos .profile-info > img { width: 12px; }
.map-popup-outer ul li .my-category-list.my-category-list-map { display: flex; align-items: center; justify-content: space-between; margin: 16px 0 10px; }
.map-popup-outer ul li .my-category-list.my-category-list-map ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.map-popup-outer ul li .my-category-list.my-category-list-map ul li { width: auto; margin: 0 8px 8px 0; padding: 0 8px; border-radius: 5px; height: 35px; line-height: 1; display: flex; align-items: center; justify-content: space-between; font-weight: 400; font-size: 12px; background-color: var(--darkest-grey); color: var(--white); }
.map-popup-outer ul li .my-category-list.my-category-list-map ul li.selected { border: 1px solid var(--medium-grey); }
.map-popup-outer ul li .my-category-list.my-category-list-map ul li img { margin: 0 5px 0 0; width: 20px; }
.map-popup-outer ul li .my-category-list.my-category-list-map ul li label { font-size: 16px; font-weight: 500; color: var(--white); }
.map-popup-outer ul li .my-category-list.my-category-list-map ul li span { font-size: 13px; color: var(--white); }
.scrollbar::-webkit-scrollbar { background-color: #fff; width: 6px }

.gm-style-iw.gm-style-iw-c {
    height: 170px!important;
    max-height: 255px!important;
    max-width: 324px!important;
    background-color: var(--darkest-grey) !important;
    padding: 20px 8px 8px !important;
}
.gm-style .gm-style-iw-d {
    background: transparent;
    overflow: hidden!important;
    padding: 0;
}
.gm-style .gm-style-iw-d .inner-page-content { padding: 0; height: auto; }
.gm-style .gm-style-iw-d .inner-page-content .center { padding: 0; height: auto; }
.map-popup-outer.scrollbar { padding: 0;}
/* .gm-ui-hover-effect { right: 27px !important;} */
.map-popup-outer.scrollbar.map-job { margin: 0 !important;}


.map-popup-job { background-color: var(--dark-grey); padding: 10px; margin: 0 0 8px; border-radius: 5px; }
.map-popup-job h3 { font-weight: 600; font-size: 16px !important; line-height: 18px !important; color: var(--white); width: 100%; display: block; margin: 0 0 8px; min-height: auto !important; }
.map-popup-job .amounts-row { width: 100%; display: flex; align-items: center; margin: 0 0 8px 0; }
.map-popup-job .amounts-row p { font-size: 14px; font-weight: 400; color: var(--white); margin: 0 16px 0 0; padding: 0; text-align: left;  }
.map-popup-job .amounts-row p > img { width: 28px; }
.map-popup-job p.descriptions { width: 100%; font-weight: 400; font-size: 14px; color: var(--white); line-height: 17px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0 0 8px; text-align: left; padding: 0 0 10px; }
.map-popup-job .view-btn { height: 38px; min-width: 100%; line-height: 38px; width: 100%; font-size: 18px; font-weight: 500; }
.map-popup-job button.view-btn { height: 41px;  line-height: 40px;  width: 100%;}



.map-popup-profile { background-color: var(--dark-grey); padding: 10px; margin: 0 0 8px; border-radius: 5px; }
.map-popup-profile .profile-row-top { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.map-popup-profile .profile-row-top .pro-box { width: 58%; display: flex; align-items: center; position: relative; min-height: 50px; }
.map-popup-profile .profile-row-top .pro-box .pro-img { position: absolute; left: 0; top: auto; }
.map-popup-profile .profile-row-top .pro-box a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
.map-popup-profile .profile-row-top .pro-box span { font-weight: 500; font-size: 14px; color: var(--white); margin: 0 0 0 49px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.map-popup-profile .pro-infos { width: 42%; display: flex; align-items: center; justify-content: flex-end; }
.map-popup-profile .pro-infos .profile-info { display: flex; align-items: center; color: var(--white); margin: 0; width: auto; }
.map-popup-profile .pro-infos .profile-info span.rating { font-size: 12px; margin: 0 0 0 1px; }
.map-popup-profile .pro-infos .profile-info:first-child { margin: 0 8px 0 0; }
.map-popup-profile .pro-infos .profile-info label { margin: 0; }
.map-popup-profile .pro-infos .profile-info > img { width: 12px;     margin: 0 5px 0 0; }
.map-popup-profile .my-category-list.my-category-list-map { display: flex; align-items: center; justify-content: space-between; margin: 16px 0 10px; }
.map-popup-profile .my-category-list.my-category-list-map ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.map-popup-profile .my-category-list.my-category-list-map ul li { width: auto; margin: 0 8px 8px 0; padding: 0 8px; border-radius: 5px; height: 35px; line-height: 1; display: flex; align-items: center; justify-content: space-between; font-weight: 400; font-size: 12px; background-color: var(--darkest-grey); color: var(--white); }
.map-popup-profile .my-category-list.my-category-list-map ul li.selected { border: 1px solid var(--medium-grey); }
.map-popup-profile .my-category-list.my-category-list-map ul li img { margin: 0 5px 0 0; width: 20px; }
.map-popup-profile .my-category-list.my-category-list-map ul li label { font-size: 16px; font-weight: 500; color: var(--white); }
.map-popup-profile .my-category-list.my-category-list-map ul li span { font-size: 13px; color: var(--white); }
.map-popup-profile button.view-btn { height: 41px;  line-height: 40px;  width: 100%;}

.alertify-notifier { z-index: 100000000000 !important; }
.alertify-notifier .ajs-message { line-height: 1.2 !important;}
.request-withdrawl li:first-child .tooltips.active .tools-content { min-width: 100px;
    width: auto;
    transform: initial;
    left: 40px;
    right: auto; }

.add-modal-header .tooltips .tools-content { bottom: auto; top: 0; }

.edit-profile-modal .apply-row p span input.education_end, .edit-profile-modal .apply-row p span input.education_start { background-image: none;}

/* .nofication-submenu .scrollbar { overflow-y: scroll; overflow-x: hidden; }	 */
.nofication-submenu .scrollbar > li { margin: 0 !important;}

.article-search { color: var(--dark-grey);}
.result-list.carousel-single .owl-nav .owl-next span, .result-list.carousel-single .owl-nav .owl-prev span { width: 10px;}


/*===== create job attachment file ==========*/

.my-dropzone { display: flex; align-items: center; justify-content: center; cursor: pointer; flex-wrap: wrap; }
.my-dropzone .upload-attach-button { background: url(/img/add-attach-img.svg) 0 0 no-repeat; border-radius: 5px; cursor: pointer; height: 170px; margin: 8px; overflow: hidden; width: 184px; text-indent: -99999px; z-index: -1 }
.dz-preview { border-radius: 5px; cursor: pointer; height: 170px; margin: 0 16px 0 0; width: 184px; border: 5px solid var(--light-grey); display: flex; align-items: center; justify-content: center; flex-flow: column; position: relative; margin: 8px; }
.dz-image { width: 100%; height: 100%; padding: 5px; display: flex; align-items: center; justify-content: center }
.dz-image > img { max-width: 100%; display: block; object-fit: cover; width: 100%; height: 100%; }
.dz-details .dz-size { display: none }
.dz-filename { font-size: 14px; position: absolute; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.8); font-weight: 500; color: #000; width: 100%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 2px 8px }
.dz-success-mark, .dz-error-mark { display: none }
.dz-remove { border-radius: 0 0 0 5px; cursor: pointer; padding: 4px; position: absolute; right: 0; top: 0; background: #cb4f34; background-image: url(../img/delet-w.svg); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; width: 30px; height: 30px; background-size: 55% }

.login-form li a.member-link { margin: 16px 0 0;}
.add-modal-header .tooltips .tools-content { bottom: auto; top: 0; }
.choose-hourly-rate .add-fees-text .tooltips .tools-content { right: 0; bottom: 34px; }

.category_add .address-attachments .attach_service #job-req-attach li { margin: 0px 4px 0px 5px; height: 45px; line-height: initial;    padding: 0 8px 0 18px; font-size: 12px; }
.job-request-modal-wrapper { width: 100%; height: 90vh; }

input:-internal-autofill-selected { background-color: var(--dark-grey) !important; }

input:-internal-autofill-previewed {
	background-color: var(--dark-grey) !important;
  }

  input:-webkit-autofill {
	background-color: var(--dark-grey) !important;
  }

  .job-map-span input[type="text"] { padding: 0 56px 0 16px; }