@import "https://fonts.googleapis.com/css?family=Open+Sans:300i,400,400i,600,600i,700,700i,800,800i|Quicksand:300,400,500,700";

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

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

body {
    line-height: 1.2
}

blockquote, q {
    quotes: none
}

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

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

html {
    overflow-x: hidden
}

body {
    color: #555;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
    position: relative
}

button, a, input[type="submit"], input[type="button"] {
    cursor: pointer
}

* {
    outline: none !important
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
    /*font-family: 'Quicksand', serif !important*/
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 16px
}

p {
    color: #666;
    font-size: 13px;
    margin-bottom: 30px;
    line-height: 21px
}

a, a:hover, a:focus {
    color: inherit
}

a:hover, a:focus {
    text-decoration: none;
    outline: none
}

input:hover, input:focus {
    outline: none
}

html.no-scoll {
    overflow: hidden
}

header {
    z-index: 3;
    position: relative
}

.theme-layout {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%
}

.theme-layout.boxed {
    background: none repeat scroll 0 0 #FFF;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 1300px;
    -webkit-box-shadow: 0 0 6px #747474;
    -moz-box-shadow: 0 0 6px #747474;
    -ms-box-shadow: 0 0 6px #747474;
    -o-box-shadow: 0 0 6px #747474;
    box-shadow: 0 0 6px #747474
}

.block {
    float: left;
    padding: 30px 0;
    position: relative;
    width: 100%;
    z-index: 1
}

section {
    float: left;
    position: relative;
    width: 100%
}

.double-gap-top {
    padding-top: 120px
}

.double-gap-bottom {
    padding-bottom: 120px
}

.less-top {
    padding-top: 77px
}

.less-bottom {
    padding-bottom: 30px
}

.row.no-gape {
    margin: 0
}

.row.no-gape > div {
    padding: 0
}

.container.fluid {
    max-width: 100%;
    width: 100%
}

.block .container {
    padding: 0
}

.container {
    padding: 0
}

.block.remove-top {
    padding-top: 0
}

.block.no-padding {
    padding-top: 0;
    padding-bottom: 0
}

.block.dark {
    background: #111
}

.gray {
    background: #f4f5fa
}

.block.remove-bottom {
    padding-bottom: 0
}

.parallax, .fixed-bg {
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-size: cover !important
}

.layer.color::before {
    opacity: .8
}

.fixed-bg {
    background-attachment: fixed !important;
    background-size: cover !important
}

.theme-layout.boxed-padding {
    padding-left: 292px
}

.parallax.no-parallax {
    background-attachment: scroll !important;
    background-position: inherit !important
}

.layer.color.red::before {
    background: #e0208e
}

.layer:before {
    content: "";
    height: 100%;
    opacity: .95;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.whitish:before {
    background-color: #fff;
    opacity: .9
}

.blackish:before {
    background-color: #000;
    opacity: .7
}

ul {
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0
}

ul li {
    color: #1e1e1e;
    margin-bottom: 15px;
    position: relative
}

iframe {
    width: 100%;
    border: 0
}

i {
    font-style: italic
}

:-webkit-input-placeholder {
    opacity: 1
}

:-moz-placeholder {
    opacity: 1
}

:-ms-input-placeholder {
    opacity: 1
}

input[type="text"], input[type="password"], input[type="email"], textarea {
    background: #e4e4e4 none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 19px 28px;
    width: 100%
}

textarea {
    max-width: 100%;
    min-height: 200px;
    padding: 19px 28px
}

strong {
    font-weight: 800
}

button {
    float: right;
    font-size: 18px;
    padding: 8px 30px;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #000;
    border: 0;

}

.slick-dotted .slick-dots {
    float: left;
    margin: 0px;
    text-align: center;
    width: 100%
}

.slick-dots li {
    width: 14px;
    height: 14px;
    background: none;
    border: 2px solid #e0208e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 7px;
    margin-top: 0;
    margin-top: 20px;
    float: none;
    display: inline-block
}

.slick-dots li button {
    width: 6px;
    height: 6px;
    background: #e0208e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-top: 2px;
    margin-right: 2px;
    opacity: 0;
    padding: 0;
    color: transparent
}

.slick-dots li.slick-active button {
    opacity: 1;
    background: #e0208e;
}

.slick-prev, .slick-next {
    background: none;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 100px;
    margin: 0 40px;
    z-index: 11;
    text-align: center
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1
}

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

.slick-prev::before, .slick-next::before {
    color: #fff;
    font-family: "lineawesome";
    font-size: 30px;
    left: 0;
    line-height: 1;
    opacity: .75;
    position: absolute;
    top: 9px;
    width: 100%
}

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

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

[dir='rtl'] .slick-prev:before {
    content: '\f120’'
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '\f112'
}

[dir='rtl'] .slick-next:before {
    content: '\f112'
}

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

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

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

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

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

.slideHome {
    height: 700px !important
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

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

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.page-loading {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2147483647
}

.page-loading > img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.page-loading > span {
    color: #b3b3b3;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    letter-spacing: 0;
    margin-top: 30px;
    text-decoration: underline
}

input[type="checkbox"], input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
    margin: 0
}

label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 2em;
    margin-right: 10px;
    height: 1.5em;
    line-height: 1.5;
    cursor: pointer
}

label::before, label::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px !important;
    height: 20px !important
}

/*label::before {
    content: " ";
    border: 2px solid #e6e7ef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}*/

input[type="checkbox"] + label::after {
    content: "\2714";
    color: #2c3e50;
    line-height: 1.5;
    text-align: center;
    border: none !important
}

input[type="radio"] + label::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

input[type=radio] + label::after {
    content: " ";
    top: 7px;
    left: 7px;
    width: 6px !important;
    height: 6px !important;
    background: #fff;
    border: 3px solid #e0208e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

input[type="checkbox"]:checked + label::before, input[type="radio"]:checked + label::before {
    background: #fff;
    border-color: #e6e7ef
}

input[type="checkbox"] + label::after, input[type=radio] + label::after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

input[type="checkbox"]:checked + label::after, input[type=radio]:checked + label::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

label::before, label::after {
    -webkit-transition: .25s all ease;
    -moz-transition: .25s all ease;
    -ms-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease
}

.main-slider-sec {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
    margin: 0;
    background: #141f72
}

.main-slider-sec img {
    float: left;
    width: 100%;
    /*opacity: .8*/
}

.main-slider-sec::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    background: #8b91dd;
    background: -moz-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(139, 145, 221, 1)), color-stop(71%, rgba(16, 25, 93, 1)), color-stop(100%, rgba(16, 25, 93, 1)));
    background: -webkit-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b91dd', endColorstr='#10195d', GradientType=1);
    opacity: .5
}

.main-slider-sec li {
    margin: 0
}

.main-slider-sec::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 3
}

.stick-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 12
}

.menu-sec {
    float: left;
    width: 100%;
    margin: 10px 0;
    margin-bottom: 0
}

.menu-sec .img-circle {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border: 2px solid #e8e2e2;
    padding: 1px;
    margin-left: 3px
}

.menu-sec nav .photopr a {
    padding-top: 7px;
    padding-bottom: 10px
}

.menu-sec nav .photopr a::before {
    margin-top: -9px !important
}

.logo {
    float: left;
    /*padding: 2px 0 8px;*/
    position: relative
}

.jobliste .logo {
    background-color: #000
}

.jobliste .menu-sec nav > ul > li > a {
    color: #1e1e1e
}

.logo a {
    float: left
}

.btn-extars {
    float: right
}

.post-job-btn {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    color: #fff;
    padding: 10px 27px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px
}

.post-job-btn i {
    float: left;
    margin-right: 6px;
    margin-top: 3px;
    font-size: 15px
}

.account-btns {
    margin: 0 auto;
    margin-top: 6px;
    margin-left: 0;
    padding: 8px 0;
    display: inline-block
}

.account-btns > li {
    float: left;
    margin: 0;
    margin-left: 0;
    margin-left: 20px
}

.account-btns > li a {
    font-family: Open Sans;
    font-size: 13px;
    color: #fff;
    float: left;
    line-height: 22px
}

.responsive-opensec .account-btns > li a {
    color: #202020
}

.account-btns > li a i {
    font-size: 18px;
    float: left;
    line-height: 25px
}

.account-btns > li:first-child {
    margin: 0
}

.menu-sec nav {
    float: right;
    margin-right: 10px
}

.menu-sec nav > ul {
    float: left;
    margin: 0;
    padding-top: 0px
}

@media (max-width: 767px) { /* Pour les écrans de largeur inférieure à 767px */
    .ma-classe-phone {
        display: none !important;
    }
}

.menu-sec nav > ul > li {
    float: left;
    position: relative;
    margin: 0
}

.menu-sec nav > ul > li > a {
    float: left;

    font-size: 13px;
    color: #fff;
    position: relative;
    padding: 13px 18px
}

@media (max-width: 1280px) {
    .menu-sec nav > ul > li > a {
        padding: 10px 8px; /* Ajuste les valeurs selon ton besoin */
    }
}

.menu-sec nav > ul > li.menu-item-has-children > a::before {
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    /*content: "\f110";*/
    font-family: lineawesome;
    font-size: 9px;
    top: 50%;
    margin-top: -4px
}

.menu-sec nav > ul > li.drapo > a::before {
    content: "\f110";
}
.drapo{
    margin-right: 16px !important;
}

.menu-sec nav > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    margin: 0;
    position: absolute;
    top: 100%;
    width: 240px;
    padding-top: 0;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.menu-sec nav > ul > li:hover > ul {
    opacity: 1;
    visibility: visible
}

.menu-sec nav > ul > li > ul li {
    float: left;
    width: 100%;
    background: #fff;
    margin: 0;
    position: relative
}

.menu-sec nav > ul > li > ul li a {
    float: left;
    width: 100%;
    font-family: sans-serif;
    font-size: 13px;
    color: #202020;
    padding: 9px 25px
}

.menu-sec nav > ul > li > ul li:first-child > a {
    margin-top: 14px
}

.menu-sec nav > ul > li > ul li:last-child > a {
    margin-bottom: 14px
}

.menu-sec nav > ul > li > ul li:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.menu-sec nav > ul > li > ul li:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.menu-sec nav > ul > li > ul::before {
    position: absolute;
    left: 40px;
    top: -4px;
    width: 20px;
    height: 20px;
    background: #fff;
    content: "";
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.menu-sec nav > ul > li > ul li:hover > a {
    padding-left: 35px
}

.totonotification .dropdown-toggle::after {
    display: none
}

.totonotification .dropdown-toggle {
    font-size: 17px;
    padding: 11px 0 11px 20px
}

.totonotification .dropdown-toggle i span {
    vertical-align: super;
    font-size: 11px;
    border: 1px solid #e0208e;
    background-color: #e0208e;
    padding: 1px 3px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    font-weight: 700
}

.totonotification .dropdown-menu {
    min-width: 315px;
    padding: 0
}

.totonotification .dropdown-menu li {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    font-size: 12px
}

.totonotification .dropdown-menu li p {
    margin-bottom: 10px;
    font-size: 12px
}

.totonotification .dropdown-menu li span a {
    padding: 0
}

.account-popup-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    z-index: 99;
    overflow-y: scroll;
    display: none
}

.account-popup {
    position: relative;
    float: left;
    width: 460px;
    background: #fff;
    z-index: 1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    left: 50%;
    margin-left: -230px;
    margin-top: 50px;/*140px;*/
    margin-bottom: 60px;
    text-align: center;
    padding: 20px 60px
}

.account-popup > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    color: #222;
    font-weight: 700;
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 12px;
    line-height: 10px
}

.account-popup > span {
    float: left;
    width: 100%;
    font-size: 13px;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    margin-top: 20px
}

.select-user {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.select-user > span {
    float: none;
    display: inline-block;
    font-family: Open Sans;
    font-size: 13px;
    color: #202020;
    border: 2px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 9px 29px;
    margin: 0 5px;
    margin-top: 0;
    margin-top: 5px;
    cursor: pointer
}

.account-popup > form {
    float: left;
    width: 100%;
    margin-top: 30px
}

.account-popup > form .cfield {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 19px;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.account-popup > form .cfield input {
    float: left;
    width: 100%;
    background: no-repeat;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #474747;
    padding: 16px 45px 16px 15px
}

.account-popup > form .cfield i {
    position: absolute;
    right: 0;
    top: 15px;
    right: 20px;
    font-size: 19px
}

.remember-label {
    float: left;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #202020
}

.remember-label input {
    z-index: 1;
    margin: 8px 0 0 3px
}

.account-popup > form > a {
    float: right;
    font-family: Open Sans;
    font-size: 13px;
    text-decoration: underline;
    line-height: 30px
}

.account-popup > form button {
    float: left;
    width: 100%;
    height: 60px;
    font-size: 17px;
    font-weight: 700;

    margin-top: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.extra-login {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    position: relative
}

.extra-login::before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: 1px;
    background: #d8dcdc;
    content: ""
}

.extra-login > span {
    width: auto;
    float: none;
    display: inline-block;
    background: #fff;
    padding: 1px 20px;
    z-index: 1;
    position: relative;
    font-family: Open Sans;
    font-size: 13px;
    color: #afafaf;
    text-transform: capitalize
}

.login-social {
    float: left;
    width: 100%;
    margin-top: 15px
}

.login-social a {
    float: none;
    display: inline-block;
    width: 50px;
    height: 40px;
    border: 2px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    line-height: 36px;
    font-size: 21px;
    margin: 0 5px;
    margin-top: 0;
    margin-top: 6px
}

.login-social a.fb-login {
    color: #3b5998;
    border-color: #3b5998
}

.login-social a.tw-login {
    color: #1da1f2;
    border-color: #1da1f2
}

.login-social a {
    font-size: 15px
}

.account-popup .close-popup {
    position: absolute;
    top: -20px;
    width: 50px;
    height: 50px;
    float: none;
    margin: 0;
    right: -20px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.no-scroll {
    overflow: hidden
}

.dropdown-field {
    float: left;
    width: 100%;
    margin-bottom: 19px;
    border-radius: 8px
}

.job-search-sec {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000px;
    content: "";
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    margin-top: 0
}

.main-featured-sec {
    float: left;
    width: 100%;
    z-index: 1
}

.job-search {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 45px
}

.job-search > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 50px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 39px;
    margin-bottom: 13px
}

.job-search > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 400;
    color: #f3f4fd;
    text-align: center;
    margin-top: 10px
}

.job-search form {
    float: left;
    width: 100%;
    margin-top: 40px
}

.job-field {
    float: left;
    width: 100%;
    position: relative;
    padding: 0px 5px 5px 5px;
}

.job-field input {
    float: left;
    width: 100%;
    background: no-repeat;
    border: none;
    font-size: 15px;
    color: #888;
    margin: 0;
    padding: 0 70px 0 10px;
    height: 61px;
    line-height: 61px;
    background-color: #FFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 3px
}

.job-field input::-webkit-input-placeholder {
    color: #888;
    font-size: 13px
}

.job-field input:-ms-input-placeholder {
    color: #888;
    font-size: 13px
}

.job-field input::-moz-placeholder {
    color: #888;
    font-size: 13px
}

.job-field input:-moz-placeholder {
    color: #888;
    font-size: 13px
}

.job-field i {
    position: absolute;
    right: 30px;
    top: 17px;
    font-size: 27px
}

.job-search form button {
    float: left;
    width: 100%;
    padding: 9px 0;
    font-size: 30px;
    background-color: #8b91dd;
    height: 61px;
    border-radius: 8px
}

.job-search form .row {
    margin: 0 -12px
}

.job-search form .row > div {
    padding: 0 12px
}

.job-field .chosen-container-single .chosen-single div::before {
    display: none
}

.search-job2 .job-field .chosen-container-single .chosen-single div::before {
    display: block;
    color: #333;
    font-size: 10px
}

.job-field .chosen-container .chosen-drop {
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px;
    border: none;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1)
}

.job-field .chosen-container-single .chosen-single {
    padding: 19px 1px 18px
}

.dropdown-field .chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop.chosen-container-active .chosen-single {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.dropdown-field .chosen-container .chosen-drop {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: #fbfbfb;
    margin-top: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.or-browser {
    float: left;
    width: 100%;
    margin-top: 20px
}

.or-browser > span {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #fff;
    line-height: 33px
}

.or-browser > a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #FFF;
    height: 33px;
    line-height: 33px;
    width: 90px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.scroll-to {
    float: left;
    text-align: center;
    width: 130px;
    height: 130px;
    border: 2px solid #fff;
    margin-top: -65px;
    z-index: 22;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    margin-left: -65px
}

.scroll-to a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    line-height: 60px;
    font-size: 30px
}

.heading {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.heading > h2 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Quicksand;
    font-weight: 700;
    font-size: 30px;
    color: #202020;
    line-height: 23px
}

.heading span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #888;
    margin-top: 8px;
    line-height: 29px
}

.cat-sec {
    float: left;
    width: 100%
}

.p-category {
    float: left;
    width: 100%;
    z-index: 1;
    position: relative
}

.p-category > a {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8ecec;
    border-right: 1px solid #e8ecec
}

.p-category > a i {
    float: left;
    width: 100%;
    color: #8b91dd;
    font-size: 70px;
    margin-top: 30px
}

.p-category > a span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020;
    margin-top: 18px
}

.p-category > a p {
    float: left;
    width: 100%;
    font-size: 13px;
    margin: 0;
    margin-top: 0;
    margin-top: 3px
}

.cat-sec .row > div:last-child a {
    border-right-color: #fff
}

.cat-sec:last-child a {
    border-bottom-color: #fff
}

.p-category:hover a {
    border-color: #fff
}

.p-category:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    width: 104%;
    margin-left: -2%;
    height: 102%;
    z-index: 10
}

.browse-all-cat {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 60px
}

.browse-all-cat a {
    float: none;
    display: inline-block;
    border: 2px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 13px 30px;
    font-family: Open Sans;
    font-size: 15px
}

.simple-text-block {
    float: left;
    width: 100%;
    text-align: center
}

.simple-text-block > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    margin-bottom: 20px
}

.simple-text-block span {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 18px;
    color: #fff
}

.simple-text-block a {
    float: none;
    display: inline-block;
    border: 2px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 13px 30px;
    font-family: Open Sans;
    font-size: 15px;
    margin-top: 40px;
    color: #fff
}

.job-listings-sec {
    float: left;
    width: 100%
}

.job-listing {
    float: left;
    width: 100%;
    display: table;
    border-bottom: 1px solid #e8ecec;
    padding: 15px;
    background: #fff;
    border-left: 2px solid #fff
}

.c-logo {
    float: left;
    width: 160px;
    text-align: center;
    margin-right: 10px
}

.c-logo img {
    float: none;
    display: inline-block;
    max-width: 100%
}

.job-title-sec h3 {
    display: table;
    font-size: 15px;
    font-family: Open Sans;
    color: #202020;
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 7px;
    margin-top: 3px
}

.job-title-sec span {
    font-family: Open Sans;
    font-size: 13px;
    margin-top: 1px
}

.job-lctn {
    display: table-cell;
    vertical-align: middle;
    font-family: open Sans;
    font-size: 13px;
    color: #888;
    line-height: 23px;
    width: 25%
}

.job-lctn i {
    font-size: 24px;
    float: left;
    margin-right: 7px
}

.fav-job {
    position: absolute;
    right: 10px;
    bottom: 13px;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: #888;
    line-height: 10px;
    text-align: center;
    cursor: pointer
}

.fav-job .memo {
    cursor: pointer
}

.fav-job .memo i {
    font-size: 15px
}

.fav-job .memo:hover {
    color: #e0208e
}

.fav-job .ago {
    font-size: 11px;
    margin-top: 5px;
    display: block;
    text-align: right
}

.job-is {
    display: table-cell;
    vertical-align: middle;
    font-family: Open Sans;
    font-size: 12px;
    border: 1px solid;
    float: right;
    padding: 7px 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    width: 108px;
    margin: 9px 0;
    text-align: center
}

.fill.pt {
    background: #7dc246
}

.fill.fl {
    background: #e0208e
}

.fill.tp {
    background: #26ae61
}

.job-is.ft, .job-list-modern .job-is.ft {
    color: #8b91dd;
    border-color: #888
}

.job-is.pt, .job-list-modern .job-is.pt {
    color: #7dc246;
    border-color: #7dc246
}

.job-is.fl, .job-list-modern .job-is.fl {
    color: #e0208e;
    border-color: #e0208e
}

.job-is.tp, .job-list-modern .job-is.tp {
    color: #26ae61;
    border-color: #26ae61
}

.job-listing:hover {
    border-left-color: #8b91dd;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    z-index: 1;
    position: relative
}

.job-listing:last-child {
    border-bottom-color: #fff
}

.heading.light h2 {
    color: #fff
}

.heading.light span {
    color: #fff
}

.layer.color.light::before {
    background: #8b91dd;
    opacity: .9
}

.reviewsCandidat {
    float: left;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 30px;
    position: relative;
    margin-top: 47px;
    /*min-height: 334px;*/
    box-shadow: 1px 1px 18px -6px rgba(119, 119, 119, 0.75);
    height: 262px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .reviewsCandidat {
        float: left;
        width: 100%;
        background: #fff;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        padding: 30px;
        position: relative;
        margin-top: 47px;
        /*min-height: 334px;*/
        box-shadow: 1px 1px 18px -6px rgba(119, 119, 119, 0.75);
        height: 292px;
        margin-bottom: 10px;
    }
}

.reviewsCandidat img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -75px;
    box-shadow: 0px 10px 10px 1px rgba(119, 119, 119, 0.75);
}

.reviewsCandidat h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 18px;
    color: #202020;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 40px;
    margin-bottom: 20px
}

.reviewsCandidat h3 span {
    font-family: Open Sans;
    font-size: 15px;
    color: #888;
    margin-left: 10px
}

.reviewsCandidat p {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 15px
}
.reviews {
    float: left;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 30px;
    position: relative;
    margin-top: 47px;
    /*min-height: 334px;*/
    box-shadow: 1px 1px 18px -6px rgba(119, 119, 119, 0.75);
    height: 310px;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .reviews {
        float: left;
        width: 100%;
        background: #fff;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        padding: 30px;
        position: relative;
        margin-top: 47px;
        /*min-height: 334px;*/
        box-shadow: 1px 1px 18px -6px rgba(119, 119, 119, 0.75);
        height: 262px;
        margin-bottom: 10px;
    }
}

.reviews img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -75px;
    box-shadow: 0px 10px 10px 1px rgba(119, 119, 119, 0.1);
}

.reviews h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 18px;
    color: #202020;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 40px;
    margin-bottom: 20px
}

.reviews h3 span {
    font-family: Open Sans;
    font-size: 15px;
    color: #888;
    margin-left: 10px
}

.reviews p {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    font-family: Open Sans;
    font-size: 12px;
    color: #888;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 15px
}

.reviews::before {
    position: absolute;
    right: 40px;
    top: 20px;
    content: '';
    font-family: Quicksand;
    font-size: 100px;
    font-weight: bolder;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    line-height: 30px;
    color: #8b91dd
}

.reviews-sec {
    float: left;
    width: 100%
}

.comp-sec {
    float: left;
    width: 100%
}

.company-img {
    float: left;
    width: 20%;
    text-align: center
}

.company-img a {
    float: left;
    width: 100%
}

.company-img a img {
    float: none;
    display: inline-block;
    max-width: 100%
}

.blog-sec {
    float: left;
    width: 100%;
    margin-top: -30px
}

.my-blog {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
}

.blog-thumb {
    float: left;
    width: 100%;
    position: relative
}

.blog-thumb > a {
    float: left;
    width: 100%
}

.blog-thumb > a img {
    float: left;
    width: 100%
}

.blog-metas {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 76%;
    left: 12%;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    text-align: center;
    padding: 12px 0;
    padding-bottom: 12px;
    padding-bottom: 0;
    z-index: auto;
    margin-bottom: -1px
}

.blog-metas a {
    float: none;
    display: inline-block;
    font-family: Open Sans;
    font-size: 13px;
    padding: 0 23px;
    position: relative
}

.blog-metas a::before {
    position: absolute;
    right: -3px;
    top: 0;
    width: 1px;
    height: 90%;
    content: ""
}

.blog-metas a:last-child::before {
    display: none
}

.blog-details {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #e8ecec;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.blog-details h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #232323;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 16px;
    margin-bottom: 20px;
    min-height: 58px
}

.blog-details p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 12px;
    color: #888;
    line-height: 24px;
    margin-bottom: 20px;
    min-height: 144px;
    text-align: justify
}

.blog-details > a {
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e8ecec;
    font-family: Open Sans;
    font-size: 13px;
    padding: 17px 0
}

.my-blog:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1)
}

.my-blog:hover .blog-details {
    border-color: #fff
}

.simple-text {
    float: left;
    width: 100%;
    text-align: center;
    padding: 40px 0;
    background: #8b91dd;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.simple-text:hover {
    background: #e0208e
}

.simple-text h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-weight: 700;
    color: #fff
}

.simple-text span {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #fff;
    margin: 0
}

footer {
    float: left;
    width: 100%;
    background: #24324a
}

.widget {
    float: left;
    width: 100%
}

.about_widget {
    float: left;
    width: 100%
}

.about_widget .logo {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.about_widget > span {
    width: 100%;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #8a99b3;
    line-height: 30px
}

.social {
    float: left;
    width: 100%;
    margin-top: 20px
}

.social a {
    float: left;
    margin-right: 14px;
    font-size: 20px;
    color: #8a99b3
}

.social i {
    font-size: 15px
}

.link_widgets {
    float: left;
    width: 100%
}

.link_widgets a {
    float: left;
    width: 100%;
    position: relative;
    font-family: Open Sans;
    font-size: 13px;
    color: #8a99b3;
    margin-bottom: 12px;
    padding-left: 24px
}

.link_widgets a::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 15px;
    height: 1px;
    content: "";
    background: #8a99b3
}

.link_widgets a:hover {
    color: #fff !important;
    padding-left: 36px !important
}

.link_widgets a:hover::before {
    background: #fff;
    width: 27px
}

.link_widgets1 {
    float: left;
    width: 100%
}

.link_widgets1 a {
    float: left;
    width: 100%;
    position: relative;
    font-family: Open Sans;
    font-size: 13px;
    color: #8a99b3;
    margin-bottom: 12px;
    padding-left: 24px;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.link_widgets1 a::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 15px;
    height: 1px;
    content: "";
    background: #8a99b3;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.link_widgets1 a:hover {
    color: #7dc246 !important;
    padding-left: 36px !important
}

.link_widgets1 a:hover::before {
    background: #7dc246;
    width: 27px
}

.link_widgets2 {
    float: left;
    width: 100%
}

.link_widgets2 a {
    float: left;
    width: 100%;
    position: relative;
    font-family: Open Sans;
    font-size: 13px;
    color: #8a99b3;
    margin-bottom: 12px;
    padding-left: 24px;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.link_widgets2 a::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 15px;
    height: 1px;
    content: "";
    background: #8a99b3;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.link_widgets2 a:hover {
    color: #fff !important;
    padding-left: 36px !important
}

.link_widgets2 a:hover::before {
    background: #fff;
    width: 27px
}

.link_widgets3 {
    float: left;
    width: 100%
}

.link_widgets3 a {
    float: left;
    width: 100%;
    position: relative;
    font-family: Open Sans;
    font-size: 13px;
    color: #7a8493;
    margin-bottom: 12px;
    padding-left: 0;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.link_widgets3 a i {
    margin-right: 7px
}

.link_widgets3 a:hover {
    color: #fff !important;
    padding-left: 7px !important
}

.download_widget {
    float: left;
    width: 100%
}

.download_widget a {
    float: left;
    width: 100%;
    margin-bottom: 24px
}

.link_widgets a:last-child {
    margin-bottom: 0
}

.bottom-line {
    float: left;
    width: 100%;
    text-align: center;
    background: #1d293e;
    padding: 24px 0
}

.bottom-line span {
    font-family: Open Sans;
    font-size: 13px;
    color: #6a7d9b;
    line-height: 24px
}

header.style2 {
    padding: 0 50px;
    background-color: rgba(0,0,0,0.4);
}

header.style2 .post-job-btn {
    background: none;
    border: 2px solid #fff
}

.main-slider-sec.style2::before {
    background: #16192c
}

.search-job2 {
    float: left;
    width: 100%;
    /*background: rgba(255, 255, 255, 0.3);*/
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    margin-top: 50px;
    padding: 9px;
    position: relative
}

.search-job2 form {
    margin: 0;
    /*background: #fff;*/
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px
}

.search-job2 form .row > div:first-child .job-field input {
    /*
     -webkit-border-radius: 40px 0 0 40px;
     -moz-border-radius: 40px 0 0 40px;
     -ms-border-radius: 40px 0 0 40px;
     -o-border-radius: 40px 0 0 40px;
     border-radius: 40px 0 0 40px*/
}

.search-job2 form .row > div:last-child button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.search-job2 form button {
    font-size: 15px;

    background: #33BCA7;
    padding: 20px 0;
    width: 100%;
    font-family: Open Sans
}

.search-job2 .job-field::before {
    position: absolute;
    right: 0;
    top: 17px;
    width: 1px;
    height: 30px;
    /*background: #e8ecec;*/
    content: "";
    z-index: 1
}

.search-job2 form .row {
    margin: 0
}

.search-job2 form .row > div {
    padding: 0
}

.job-search-sec .job-search.style2 > span {
    opacity: 1
}

.quick-select-sec {
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -130px
}

.quick-select {
    float: left;
    width: 100%;
    text-align: center
}

.quick-select a {
    float: left;
    width: 100%
}

.quick-select i {
    float: none;
    display: inline-block;
    width: 87px;
    height: 87px;
    text-align: center;
    color: #fff;
    line-height: 87px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 36px
}

.quick-select span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 15px;
    margin-top: 24px
}

.quick-select p {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 13px;
    margin: 0;
    margin-top: 1px
}

.quick-select:hover i {
    background: #e0208e
}

.job-grid-sec {
    float: left;
    width: 100%;
    margin-top: -30px
}

.job-grid {
    float: left;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    padding: 0 20px;
    margin-top: 30px
}

.job-grid .job-title-sec {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8ecec
}

.job-grid .job-title-sec .c-logo {
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px
}

.job-grid .job-title-sec h3 {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    text-align: left;
    padding-left: 0;
    margin-bottom: 6px
}

.job-grid .job-title-sec span {
    margin-left: 0
}

.job-grid .fav-job {
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 21px;
    color: #A3A3A3
}

.job-grid .job-lctn {
    float: left;
    width: auto;
    font-size: 13px;
    margin: 18px 0
}

.job-grid > a {
    float: right;
    font-family: Open Sans;
    font-size: 13px;
    color: #e0208e;
    border: 1px solid #e0208e;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 6px 14px;
    letter-spacing: 0;
    margin: 16px 0;
    display: inline-block
}

.browse-all-cat .style2 {
    background: #fff;
    border: #ffdead;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    padding: 15px 44px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    font-size: 15px;
    color: #111;
    margin: 0 10px
}

.how-to-sec {
    float: left;
    width: 100%;
    margin-top: 0;
    display: table
}

.how-icon {
    float: none;
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 2px dashed;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 94px;
    font-size: 53px;
    text-align: center;
    color: #e0208e;
    border-color: #e0208e
}

.how-to i {
    margin-top: 22px;
    margin-left: 5px
}

.how-to h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 18px;
    color: #121212;
    margin: 0;
    margin-top: 30px
}

.how-to p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin-top: 14px
}

.how-to {
    float: left;
    width: 25%;
    text-align: center;
    position: relative
}

.how-to::before {
    position: absolute;
    left: 50%;
    top: 60px;
    width: 173px;
    height: 36px;
    background-image: url(../images/line1.png);
    content: "";
    z-index: 1;
    margin-left: 61px
}

.how-to:nth-child(n+2)::before {
    background-image: url(../images/line2.png);
    top: 13px
}

.how-to:last-child::before {
    display: none
}

.how-to:nth-child(2n+2) {
    /*padding: 0 50px*/
}

.top-company-sec {
    width: 100%;
    margin-top: -30px
}

.top-compnay {
    vertical-align: middle;
    display: inline-table;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px;
    text-align: center;
    padding: 10px
}

.grand .top-compnay {
    height: auto !important;
    min-height: 360px
}

.top-compnay img {
    vertical-align: middle;
    max-width: 230px;
    width: 100%
}

.grand .top-compnay img {
    max-height: 200px;
    max-width: 530px;
    width: auto
}

.top-company-sec .grand h3 {
    margin-bottom: 15px
}

.top-company-sec .grand p {
    text-align: justify;
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px
}

.top-company-sec .grand p > a {
    color: #e0208e
}

.top-compnay h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #111;
    margin-top: 10px;
    margin-bottom: 5px;
    min-height: 36px
}

.top-compnay span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #e0208e
}

.top-compnay > a {
    float: none;
    font-family: Open Sans;
    font-size: 13px;
    display: table-cell;
    vertical-align: middle
}

.top-company-sec button.slick-arrow {
    z-index: 12;
    border: 2px dashed #c8cccc;
    width: 55px;
    height: 55px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-top: -21px
}

.top-company-sec button.slick-prev.slick-arrow {
    left: -110px
}

.top-company-sec button.slick-next.slick-arrow {
    right: -110px
}

.top-company-sec button.slick-arrow::before {
    color: #bec2c2;
    line-height: 35px
}

.stats-sec {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -30px
}

.stats {
    float: left;
    width: 100%;
    margin-top: 30px
}

.stats span {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0;
    line-height: 50px
}

.stats h5 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    font-family: Quicksand;
    font-size: 18px;
    color: #fff;
    margin-top: 10px
}

.reviews.style2 {
    text-align: center;
    padding: 0 240px;
    margin: 0;
    background: none
}

.reviews.style2 img {
    float: none;
    display: inline-block;
    margin: 0;
    padding: 5px;
    width: 106px;
    height: 106px;
    border: 2px dashed #e0208e
}

.reviews.style2 h3 {
    float: left;
    width: 100%;
    font-size: 18px;
    margin-top: 20px
}

.reviews.style2 h3 span {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 7px;
    margin-bottom: 10px
}

.reviews.style2::before {
    font-size: 213px;
    color: #f4f5fa;
    top: auto;
    bottom: 110px
}

.reviews.style2::after {
    font-size: 213px;
    color: #f4f5fa;
    top: 30px;
    content: '“';
    bottom: 110px;
    font-family: Quicksand;
    font-weight: 700;
    left: 0;
    right: auto;
    position: absolute
}

.reviews-sec#reviews .slick-dots li {
    border-color: #b7bac6
}

.reviews-sec#reviews .slick-dots li button {
    background: #b7bac6
}

.blog-date {
    position: absolute;
    left: 15px;
    background: #fff;
    top: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    width: 82px;
    height: 74px;
    text-align: center
}

.blog-date a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 18px;
    color: #202020;
    font-weight: 700;
    padding: 16px 0
}

.blog-date a i {
    float: left;
    width: 100%;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    margin-top: 1px
}

.plans-sec {
    float: left;
    width: 100%;
    margin-top: -30px
}

.pricetable {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background: #f4f5fa;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 10px
}

.pricetable-head {
    float: left;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    padding: 35px 0
}

.pricetable-head h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020;
    margin: 0
}

.pricetable-head h2 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 60px;
    font-weight: 700;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 17px;
    line-height: 50px;
    margin-bottom: 13px
}

.pricetable-head h2 i {
    font-style: normal;
    font-size: 18px;
    line-height: 0;
    position: relative;
    bottom: 3px
}

.pricetable-head span {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 15px;
    color: #888;
    margin-top: 2px
}

.pricetable ul {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 30px
}

.pricetable ul li {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 40px
}

.pricetable > a {
    float: none;
    display: inline-block;
    font-family: Open Sans;
    font-size: 15px;
    color: #fff;
    padding: 15px 55px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 40px;
    margin-top: 20px;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.pricetable.active > a {
    background: #fff
}

.pricetable.active ul li {
    color: #fff
}

.pricetable > a:hover {
    background: #e0208e;
    color: #FFF
}

.subscription-sec {
    float: left;
    width: 100%
}

.subscription-sec h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-weight: 700;
    font-size: 30px;
    color: #202020;
    letter-spacing: 0;
    margin-bottom: 13px
}

.subscription-sec span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    margin: 0
}

.subscription-sec form {
    float: left;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06)
}

.subscription-sec form input {
    float: left;
    width: 100%;
    background: no-repeat;
    margin: 0;
    font-size: 13px;
    font-family: Open Sans;
    padding: 0 50px;
    height: 50px
}

.subscription-sec form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 24px;
    background: #e0208e
}

.social-links {
    float: left;
    width: 100%;
    text-align: center
}

.social-links a {
    float: none;
    display: inline-block;
    margin: 0 25px;
    line-height: 40px
}

.social-links a i {
    float: left;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 40px;
    font-size: 19px;
    color: #fff;
    margin-right: 13px
}

.social-links a.fb-color i {
    background: #313b87
}

.social-links a.tw-color i {
    background: #98a3f5
}

.social-links a.in-color i {
    background: #700ec4
}

.social-links a.pt-color i {
    background: #ee3c3c
}

.social-links a.dr-color i {
    background: #bd2a8e
}

.social-links a.gl-color i {
    background: #e0208e
}

.mega-widget {
    float: left;
    width: 100%;
    text-align: center
}

.mega-widget .logo {
    float: none;
    display: inline-block;
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 20px
}

.links {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.links a {
    display: inline-block;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    margin: 6px 17px
}

.mega-widget span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    margin-top: 15px
}

.bottom-line.style2 span {
    color: #fff
}

header.style3 nav > ul > li > a {
    color: #333
}

.find-cand-sec {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 300px;
    padding-bottom: 190px
}

.mockup-top {
    position: absolute;
    right: -9%;
    top: 0
}

.mockup-top img {
    position: relative
}

header.style3 .menu-sec nav {
    margin-right: 20px
}

.find-cand {
    float: left;
    width: 100%
}

.find-cand h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 50px;
    font-weight: 700;
    color: #7dc246;
    letter-spacing: -1px
}

.find-cand > span {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #222;
    margin: 0;
    margin-top: -10px;
    margin-left: 4px
}

.find-cand form {
    float: left;
    width: 100%;
    background: #fff;
    padding: 6px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    margin-top: 40px;
    margin-left: 4px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    position: relative
}

.find-cand form .job-field {
    float: left;
    width: 50%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.find-cand form .job-field input {
    padding: 16px 40px !important;
    height: auto !important;
    line-height: normal !important;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px
}

.find-cand .job-field .chosen-container-single .chosen-single {
    padding: 12px 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

.find-cand .job-field::before {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 1px;
    height: 30px;
    background: #e8ecec;
    content: "";
    z-index: 1
}

.find-cand .job-field:last-child:before {
    display: none
}

.find-cand form > button {
    position: absolute;
    right: 7px;
    top: 6px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 23px;
    background-color: #7dc246
}

.mockup-bottom {
    position: absolute;
    left: 0;
    bottom: -3px;
    left: 50%;
    margin-left: -220px
}

.scroll-to.style2 {
    border: none
}

.rounded {
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
    border-radius: 30px !important
}

.layer.color.green::before {
    background: #7dc246;
    opacity: .9
}

.job-listing.rounded {
    -webkit-border-radius: 0 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 0 !important;
    -o-border-radius: 0 0 !important;
    border-radius: 0 0 !important;
    background: no-repeat;
    border-left: none
}

.job-listing.rounded:hover {
    background: #fff;
    -webkit-border-radius: 60px !important;
    -moz-border-radius: 60px !important;
    -ms-border-radius: 60px !important;
    -o-border-radius: 60px !important;
    border-radius: 60px !important;
    margin-top: -1px
}

.how-to-sec.style2 .how-to::before {
    background-image: url(../images/line3.png)
}

.how-to-sec.style2 .how-to:nth-child(n+2)::before {
    background-image: url(../images/line4.png)
}
.how-to-sec.style2 .how-to:nth-child(n+3)::before {
    background-image: url(../images/line3.png);
    top: 60px;
}

.how-to-sec.style2 .how-icon {
    background: #e0208e;
    border: none;
    color: #fff
}

.top-compnay.style2 > a {
    color: #647585;
    border: none
}

.top-compnay.style2 > a:hover {
    color: #FFF
}

.top-compnay:hover {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1)
}

.download-sec {
    float: left;
    width: 100%;
    display: table
}

.download-text {
    display: table-cell;
    vertical-align: middle;
    width: 60%
}

.download-text h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-family: Quicksand;
    font-size: 40px;
    font-weight: 700;
    margin: 0
}

.download-text > p {
    float: left;
    width: 100%;
    color: #fff;
    margin: 0;
    margin-top: 14px;
    padding-right: 50px
}

.download-text ul {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    margin-top: 10px
}

.download-text ul li {
    float: left;
    margin: 0;
    margin-top: 0;
    margin-top: 25px
}

.download-text ul li a {
    float: left;
    border: 1px solid #fff;
    width: 230px;
    height: 65px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    margin-right: 30px;
    padding-left: 82px;
    color: #fff;
    position: relative
}

.download-text ul li a i {
    position: absolute;
    left: 20px;
    top: 7px;
    font-size: 45px
}

.download-text ul li a span {
    float: left;
    width: 100%;
    font-size: 13px
}

.download-text ul li a p {
    float: left;
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 13px;
    line-height: 20px
}

.download-text ul li a {
    float: left;
    border: 1px solid #fff;
    width: 235px;
    height: 65px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    margin-right: 25px;
    padding-left: 80px;
    color: #fff;
    position: relative;
    padding-top: 12px
}

.download-img {
    display: table-cell;
    width: 40%;
    vertical-align: middle
}

.download-img img {
    max-width: 100%;
    float: right;
    margin-top: 30px
}

.team-sec {
    float: left;
    width: 100%;
    margin-top: -30px
}

.team {
    float: left;
    width: 100%;
    margin-top: 90px;
    text-align: center;
    margin-bottom: 27px
}

.team-img {
    float: left;
    width: 100%
}

.team-img img {
    max-width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 7px solid #fff;
    float: none;
    display: inline-block
}

.team-detail {
    float: left;
    width: 100%;
    padding: 14px 20px 30px
}

.team-detail > a {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #647585;
    margin-top: 20px;
    opacity: 0
}

.team-detail h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020
}

.team-detail > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    margin-top: 11px
}

.team-detail > p {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    font-size: 13px;
    color: #888;
    line-height: 23px;
    margin-top: 20px;
    opacity: 0
}

.team > .team-img {
    margin-top: -60px
}

.team:hover {
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1)
}

.team:hover p {
    opacity: 1
}

.team:hover a {
    opacity: 1
}

.team-sec .slick-dots li {
    border-color: #647585
}

.team-sec .slick-dots li.slick-active button {
    background: #647585
}

.pricetable.style2 .pricetable-head h2 {
    color: #7dc246
}

.pricetable.style2 .pricetable-head h2 i {
    color: #A3A3A3
}

.pricetable.style2 > a {
    background: #647585;
    color: #fff
}

.pricetable.style2 > a:hover {
    background: #7dc246;
    color: #fff
}

.pricetable.active.style2 {
    background: #647585
}

.pricetable.active.style2 > a {
    background: #7dc246;
    color: #FFF
}

.pricetable.style2.active .pricetable-head h2 {
    color: #647585
}

.ft {
    background: none;
    border-top: 1px solid #eaeeee;
    margin-top: 60px
}

.ft .footer-title {
    color: #333
}

.ft .link_widgets a:hover {
    color: #7dc246
}

.ft .bottom-line {
    background: #fff;
    padding-top: 0
}

.ft .bottom-line .container {
    border-top: 1px solid #e8ecec;
    padding-top: 24px
}

header.style4 {
    float: left;
    width: 100%;
    background: #fff
}

.topbar {
    float: left;
    width: 100%;
    background: #222b38;
    padding: 2px 0
}

.h-social {
    float: left;
    margin: 0
}

.h-social > li {
    margin: 0;
    float: left
}

.h-social li a {
    color: #7a8493;
    padding: 0 4px;
    font-size: 18px
}

.h-social li a i {
    font-size: 13px
}

.h-contact {
    float: right;
    margin-top: 3px
}

.h-contact span {
    float: left;
    font-size: 12px;
    color: #fff;
    margin-left: 30px;
    line-height: 21px
}

.h-contact span i {
    float: left;
    font-size: 19px;
    margin-right: 10px
}

header.style4 .menu-sec nav > ul > li > a {
    color: #222;
    padding-top: 17px;
    padding-bottom: 42px
}

header.style4 .menu-sec {
    margin-top: 20px
}

header.style4 .logo {
    margin: 14px 0
}

header.style2 .account-btns > li a {
    border: 1px solid #e0e0e0;
    padding: 8px 20px;
    margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

header.style4 .signin-popup a:hover {
    background: #e0208e !important;
    border-color: #e0208e !important;
    color: #fff !important
}

header.style2 .account-btns > li.signup-popup a {
    border-color: #e0208e
}

.jobliste header.style2 .account-btns > li.signup-popup a {
    color: #202020;
    border-color: #e0e0e0
}

.jobliste header.style2 .account-btns > li.signup-popup a:hover {
    color: #fff
}

.jobliste header.style2 .account-btns > li a {
    color: #e0208e;
    border: 1px solid #e0208e
}

header.style4 .menu-sec nav > ul > li.menu-item-has-children > a::before {
    top: 26px
}

.main-slider-sec.style3::before {
    display: none
}

.main-slider-sec.style3::after {
    display: none
}

.main-slider-sec.style3 {
    background: #000
}

.main-slider-sec.style3 img {
    /*opacity: .5*/
}

.job-search-sec .job-search > h3 {
    font-weight: 400
}

.search-job2.style2 {
    background: #fff;
    padding: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.search-job2.style2 form {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.search-job2.style2 form .job-field {
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    border-radius: 6px !important
}

.search-job2.style2 form .job-field label::before {
    display: none
}

.search-job2.style2 form .job-field label {
    font-family: Open Sans;
    font-size: 13px;
    color: #202020;
    margin: 0;
    margin-top: 0;
    line-height: 20px;
    margin-top: 30px;
    padding: 0 30px
}

.search-job2.style2 form .job-field input {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    line-height: normal
}

.search-job2.style2 .job-field .chosen-container-single .chosen-single {
    padding-top: 0;
    padding-bottom: 25px
}

.search-job2.style2 form .job-field::before {
    height: 65px
}

.job-field.with-icon {
    padding-left: 30px
}

.job-field.with-icon i {
    right: auto;
    left: 15px;
    top: 35px;
    font-size: 33px
}

.search-job2.style2 form div button {
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    border-radius: 6px !important;
    background: #e0208e;
    font-family: Open Sans;
    padding: 16px 10px;
    margin: 21px 0
}

.search-job2.style2 form div button i {
    font-size: 24px;
    margin-right: 4px;
    position: relative;
    bottom: -4px
}

.search-job2.style2 .job-field .chosen-container-single .chosen-single div::before {
    top: 12px
}

.search-job2.style2 {
    padding: 0 17px;
    padding-left: 17px;
    padding-left: 0
}

.job-search-sec.style3 {
    -webkit-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    width: 1000px;
    left: 50%;
    top: auto;
    bottom: -42px
}

.job-search-sec.style3 .style2 {
    margin-bottom: 0
}

.job-is.ft {
    margin-top: 12px
}

.block.overlape {
    z-index: 2
}

.cat-sec.style2 {
    margin-top: -30px
}

.p-category.style2 {
    background: #fff;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px
}

.p-category.style2 > a {
    border: none
}

.p-category.style2 > a i {
    color: #647585
}

.p-category.style2 > a p {
    color: #b1b1b1
}

.p-category.style2 {
    height: auto;
    width: 100%;
    margin-left: 0
}

.tab-sec {
    float: left;
    width: 100%;
    text-align: center
}

.nav.nav-tabs {
    float: none;
    width: auto;
    text-align: center;
    margin: 0;
    display: inline-block;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 0 4px
}

.nav.nav-tabs > li {
    float: none;
    display: inline-block;
    margin: 0
}

.nav.nav-tabs > li a {
    float: left;
    font-family: Quicksand;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 4px
}

.nav.nav-tabs > li a.current {
    color: #fff;
    background-color: #e0208e
}

.job-listing.wtabs {
    border: 1px solid #ebefef;
    margin-top: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    display: inherit;
    text-align: left;
    position: relative;
    min-height: 115px
}

.job-listing.wtabs .job-title-sec > span {
    display: table;
    float: none
}

.job-listing.wtabs .job-lctn {
    display: inline;
    padding-top: 20px;
    width: 100%;
    font-size: 13px
}

.job-listing.wtabs .job-lctn i {
    float: none;
    font-size: 15px
}

.job-style-bx {
    float: left;
    width: 30%;
    position: absolute;
    right: 0;
    top: -15px;
    padding: 15px
}

.job-style-bx .fav-job {
    font-size: 17px;
    float: right;
    margin-top: 5px;
    margin-right: 10px
}

.job-style-bx .job-is {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #888
}

.tab-sec .tab-content {
    display: none
}

.tab-sec .tab-content.current {
    display: block
}

.tab-sec .browse-all-cat .style2 {
    border: 1px solid #ebefef;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.how-to-sec.style2.no-lines .how-to::before {
    display: none
}

.how-to-sec.style2.no-lines .how-icon {
    border: 1px solid #e8ecec;
    background: none;
    color: #707070
}

.link_widgets.nolines a::before {
    display: none
}

.link_widgets.nolines a {
    padding: 0;
    color: #7a8493
}

footer.style2 span {
    color: #7a8493
}

.link_widgets.nolines a i {
    font-size: 19px;
    float: left;
    margin-right: 10px;
    width: 21px;
    text-align: left
}

.subscribe_widget {
    float: left;
    width: 100%
}

.subscribe_widget > p {
    width: 100%;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #7a8493;
    line-height: 20px
}

.subscribe_widget form {
    float: left;
    width: 100%;
    position: relative
}

.subscribe_widget form input {
    border: 1px solid #7a8493;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: none;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #dae4f3;
    padding: 15px 30px
}

.subscribe_widget form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    width: 50px;
    background: #1e83f0;
    padding: 0;
    font-size: 25px
}

footer.style2 {
    background: #222b38
}

.bottom-line.style3 {
    background: #12171e
}

.bottom-line.style3 span {
    float: left;
    line-height: 33px
}

.back-top {
    float: right;
    font-family: Open Sans;
    font-size: 13px;
    color: #7a8493;
    line-height: 33px;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.back-top i {
    float: right;
    width: 33px;
    height: 33px;
    background: #333e4e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-left: 13px;
    line-height: 33px;
    font-size: 19px
}

.back-top:hover {
    color: #FFF
}

header.style5 {
    background: #26ae61;
    float: left;
    width: 100%;
    position: relative;
    padding: 20px 60px
}

header.style5 .account-btns {
    padding: 10px 0
}

header.style5 .menu-sec {
    margin-top: 0
}

header.style5 .post-job-btn {
    background: none;
    border: 2px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

header.style5 nav {
    float: left;
    margin-right: 0
}

header.style5 .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.form-location-sec {
    float: left;
    width: 100%;
    text-align: center;
    margin: 70px 0
}

.form-location-sec h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 60px;
    margin: 0;
    margin-top: -15px
}

.form-location-sec h3 strong {
    float: left;
    width: 100%
}

.form-location-sec form {
    float: none;
    width: auto;
    text-align: center;
    display: inline-block;
    margin-top: 40px;
    position: relative
}

.form-location-sec form .field-lct {
    float: left;
    width: auto;
    margin-right: 2px;
    position: relative
}

.form-location-sec form .field-lct input {
    float: left;
    width: 364px;
    height: 60px;
    background: #fff;
    margin: 0;
    font-size: 13px;
    color: #000
}

.form-location-sec form .field-lct.sl input {
    width: 240px
}

.form-location-sec form .field-lct i {
    position: absolute;
    right: 11px;
    top: 15px;
    font-size: 23px;
    color: #737373
}

.form-location-sec form button {
    display: inline;
    width: 70px;
    height: 60px;
    background: #26ae61;
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;
    font-size: 26px;
    padding: 0;
    margin-left: 1px
}

.form-location-sec form a {
    display: block;
    text-align: right;
    font-size: 13px;
    color: #B3B3B3;
    position: relative;
    top: 10px;
    font-size: 13px;
    font-family: Open Sans;
    text-align: right;
    font-size: 13px;
    color: #B3B3B3;
    position: relative;
    font-size: 13px;
    font-family: Open Sans;
    height: 20px;
    position: absolute;
    width: auto;
    right: 0;
    top: 100%;
    margin-top: 14px
}

.p-category.style2.gray {
    background: #f4f5fa
}

.p-category.style2.gray i {
    color: #26ae61
}

.heading.left {
    text-align: left
}

.job-listings-sec.style2 .job-listing {
    background: #f4f5fa;
    border: none;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 30px
}

.job-listings-sec.style2 .job-listing .job-title-sec span {
    color: #26ae61
}

.job-listings-sec.style2 .job-listing .job-lctn {
    font-size: 13px;
    color: #888 !important;
    line-height: 20px;
    margin-left: 14px
}

.job-listings-sec.style2 .job-title-sec {
    width: 70%
}

.job-listings-sec.style2 .fav-job {
    font-size: 18px;
    float: right;
    margin: 17px 0
}

.job-listings-sec.style2 .job-is {
    border: none
}

.job-listings-sec.style2 .aply-btn {
    float: right;
    font-size: 12px;
    background: #26ae61;
    border: 1px solid #26ae61;
    color: #fff;
    padding: 7px 15px;
    padding-top: 8px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    line-height: 10px;
    padding-top: 7px;
    margin: 10px 0
}

.job-listings-sec.style2 .job-listing:hover {
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.job-grid.style2 {
    background: #f4f5fa;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.job-grid.style2 .job-title-sec {
    padding: 0;
    border: none
}

.job-grid.style2 .job-title-sec .c-logo {
    margin: 0;
    padding: 0 20px
}

.job-grid.style2 .job-lctn {
    margin: 0;
    margin-top: 0;
    margin-top: 2px
}

.job-grid.style2 > p {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    font-size: 13px;
    line-height: 18px;
    color: #888;
    letter-spacing: 0;
    margin-top: 9px
}

.grid-info-box {
    float: left;
    width: 100%;
    float: left;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 17px
}

.grid-info-box .job-is {
    float: left;
    padding: 0;
    border: none;
    width: auto
}

.grid-info-box a {
    float: right;
    font-size: 12px;
    background: #26ae61;
    border: 1px solid #26ae61;
    color: #fff;
    padding: 8px 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    line-height: 14px;
    margin: 10px 0;
    margin: 6px 0;
    margin-left: 13px
}

.grid-info-box .fav-job {
    position: static;
    float: left;
    font-size: 19px;
    margin: 8px 0;
    margin-left: 13px
}

.layer.color.green2::before {
    background-color: #26ae61
}

.who-am {
    float: left;
    width: 100%;
    margin: 110px 0;
    padding-left: 370px;
    padding-right: 100px
}

.who-am h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-family: Quicksand;
    font-size: 40px;
    margin: 0
}

.who-am p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    margin-top: 11px
}

.who-am a {
    float: left;
    border: 2px solid #fff;
    font-family: Quicksand;
    font-size: 15px;
    color: #fff;
    padding: 13px 50px
}

.who-am.flip {
    padding-right: 370px;
    padding-left: 100px;
    text-align: right
}

.who-am.flip a {
    float: right
}

.how-to-sec.style2.lines .how-to::before {
    background-image: none;
    height: 1px;
    content: "";
    background-color: #e8ecec;
    top: 53px;
    bottom: auto
}

.how-to-sec.style2.lines .how-icon {
    background: #f4f5fa;
    color: #26ae61
}

.how-to-sec.style2.lines .how-to:first-child .how-icon {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: #f4f5fa
}

.stats-sec.style2 .stats span {
    color: #e0208e
}

.stats-sec.style2 .stats h5 {
    color: #333
}

#toggle-widget {
    float: left;
    width: 100%
}

#toggle-widget h2 {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #222;
    background: #f4f5fa;
    padding: 21px 40px;
    font-family: Open Sans;
    cursor: pointer;
    margin-bottom: 1px;
    position: relative
}

#toggle-widget .content {
    float: left;
    width: 100%;
    padding: 0 40px
}

#toggle-widget .content p {
    float: left;
    width: 100%;
    color: #888;
    font-size: 13px;
    line-height: 24px;
    margin: 0;
    padding: 25px 0
}

#toggle-widget h2::before {
    position: absolute;
    font-family: lineawesome;
    content: "\f121";
    font-size: 20px;
    color: #e0208e;
    top: 50%;
    right: 20px;
    margin-top: -12px
}

#toggle-widget h2.active::before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.col-lg-4 .reviews.style2 {
    padding: 0
}

.col-lg-5 .reviews.style2 {
    padding: 0
}

.col-lg-6 .reviews.style2 {
    padding: 0
}

.col-lg-4 .reviews.style2::before, .col-lg-5 .reviews.style2::before, .col-lg-6 .reviews.style2::before {
    font-size: 100px;
    top: 120px;
    height: auto;
    bottom: auto
}

.col-lg-4 .reviews.style2::after, .col-lg-5 .reviews.style2::after, .col-lg-6 .reviews.style2::after {
    display: none
}

.detailbar {
    float: left;
    width: 100%;
    padding-right: 150px;
    margin: 60px 0
}

.detailbar h3 {
    float: left;
    width: 100%;
    float: left;
    color: #fff;
    font-family: Quicksand;
    font-size: 30px;
    font-weight: 700
}

.detailbar p {
    float: left;
    width: 100%;
    color: #fff;
    margin: 0
}

.detalbr-mkp {
    float: right;
    margin-top: -86px
}

footer.style3 {
    /*background: #202020*/
    background-image: linear-gradient(to right ,#00bea3, #006eee);
}

footer.style3 .bottom-line {
    background: #101010
}

footer.style3 .bottom-line .back-top i {
    background: none;
    color: #e0208e
}

footer.style3 .bottom-line span {
    color: #929393
}

footer.style3 span, footer.style3 a {
    /*color: #929393;*/
    color:#fff;
    font-size: 11px
}

.job-search > h4 {
    float: left;
    width: 100%;
    margin: 0;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 30px
}

.inner-header::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    background: #8b91dd;
    background: -moz-linear-gradient(45deg, #d12128 0%, #630307 71%, #000 100%);
    background: -webkit-gradient(45deg, #d12128 0%, #630307 71%, #000 100%);
    background: -webkit-linear-gradient(45deg, #d12128 0%, #630307 71%, #000 100%);
    background: -o-linear-gradient(45deg, #d12128 0%, #630307 71%, #000 100%);
    background: -ms-linear-gradient(45deg, #d12128 0%, #630307 71%, #000 100%);
    background: linear-gradient(45deg, #d12128 0%, #630307 71%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b91dd', endColorstr='#10195d', GradientType=1);
    opacity: .8
}

.inner-header::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../images/lines.png);
    z-index: 0;
    opacity: .14
}

.inner-header {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 240px;
    padding-bottom: 15px;
    z-index: 0
}

.inner-header.wform .job-search-sec {
    position: relative;
    float: left;
    z-index: 4;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.emlthis {
    float: left;
    border: 2px solid #d8dcdc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border-radius: 6px;
    padding: 12px 30px;
    font-size: 13px;
    color: #888;
    margin-bottom: 30px;
    line-height: 18px
}

.emlthis i {
    float: left;
    font-size: 19px;
    margin-right: 11px;
    position: relative;
    top: -1px;
    color: #B3B3B3
}

.filterbar {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.filterbar > h5 {
    float: left;
    font-family: Quicksand;
    font-size: 20px;
    color: #222;
    font-weight: 700;
    line-height: 33px;
    margin: 0
}

.sortby-sec {
    float: right
}

.sortby-sec > span {
    float: left;
    font-size: 13px;
    line-height: 33px;
    color: #888;
    margin-right: 10px
}

.sortby-sec .chosen-container > a {
    border: none;
    background: #f4f5fa;
    font-size: 13px;
    width: auto;
    padding: 7px 20px
}

.sortby-sec .chosen-container {
    border: none;
    float: left;
    width: auto !important;
    clear: none;
    margin-left: 10px
}

.sortby-sec .chosen-container > a div::before {
    font-size: 11px;
    color: #737373
}

.sortby-sec .chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop.chosen-container-active a {
    background: #dfdfdf;
    color: #222
}

.job-grid.border {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 2px solid #e8ecec
}

.job-grid:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-color: #fff
}

.pagination {
    float: left;
    margin: 60px 0 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.pagination ul {
    display: inline-block;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0
}

.pagination li {
    float: left;
    font-family: Montserrat;
    font-size: 12px;
    margin: 0 10px 0 0
}

.pagination li:last-child {
    margin: 0
}

.pagination li.active a, .pagination li a:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.pagination li.active a, .pagination li a:hover {
    color: #fff;
    background-color: #8b91dd;
    border-color: #8b91dd
}

.pagination li .delimeter {
    display: block;
    padding-top: 6px
}

.pagination a, .pagination span {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    float: left;
    font-family: Open Sans;
    padding: 3px 13px;
    text-decoration: none;
    border: 3px solid #edeff7;
    padding: 9px 15px;
    font-size: 13px;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    height: 41px
}

.pagination li.prev a, .pagination li.next a {
    padding: 9px 25px
}

.pagination a i {
    font-size: 15px;
    color: #e0208e
}

.inner-header > h3 {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    margin: 0;
    margin-bottom: 50px
}

.search_widget_job {
    float: left;
    width: 100%
}

.field_w_search {
    float: left;
    width: 100%;
    position: relative;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px
}

.field_w_search input {
    float: left;
    width: 100%;
    background: none;
    padding: 15px 25px;
    font-size: 13px;
    margin: 0
}

.field_w_search i {
    position: absolute;
    right: 15px;
    top: 12px;
    color: #e0208e;
    font-size: 24px
}

.border-right {
    padding-right: 40px;
    border-right: 1px solid #edeff7;
    padding-top: 40px;
    padding-bottom: 40px
}

.search_widget_job .field_w_search:last-child {
    margin: 0
}

aside .widget {
    margin-top: 25px
}

aside .widget:first-child {
    margin: 0
}

.sb-title {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #111;
    margin: 0;
    position: relative;
    padding-right: 30px;
    margin-bottom: 0;
    cursor: pointer
}

.sb-title::before {
    position: absolute;
    right: 0;
    top: 11px;
    width: 20px;
    height: 1px;
    background: #222;
    content: ""
}

.posted_widget {
    float: left;
    width: 100%
}

.posted_widget label {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    margin-bottom: 16px;
    padding-left: 30px
}

.frm_widget {
    float: left;
    width: 100%
}

.frm_widget label {
    font-size: 13px;
    color: #888;
    position: relative;
    display: inline-block;
    padding: 0 0 0 2em;
    margin-right: 10px;
    height: 1.5em;
    line-height: 1.5;
    cursor: pointer
}

.nm {
    margin: 0 !important
}

.type_widget {
    float: left;
    width: 100%
}

.type_widget p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 13px;
    color: #888;
    margin-bottom: 4px
}

.type_widget p label {
    padding-left: 31px
}

.flchek label::before {
    border-color: #e0208e !important
}

.ftchek label::before {
    border-color: #8b91dd !important
}

.ischek label::before {
    border-color: #f831e3 !important
}

.ptchek label::before {
    border-color: #7dc246 !important
}

.tpchek label::before {
    border-color: #26ae61 !important
}

.vtchek label::before {
    border-color: #18f0f8 !important
}

.sb-title::after {
    position: absolute;
    right: 8px;
    top: 4px;
    width: 1px;
    height: 0;
    background: #222;
    content: ""
}

.sb-title.open.active::before {
    width: 17px
}

.sb-title::after {
    height: 0
}

.sb-title.open.active::after {
    height: 15px
}

.sb-title.open.active {
    margin-bottom: 0
}

.specialism_widget {
    float: left;
    width: 100%
}

.simple-checkbox p {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    font-family: Open Sans;
    font-size: 13px;
    margin-bottom: 4px
}

.simple-checkbox p label {
    padding-left: 31px
}

.simple-checkbox p input[type="checkbox"]:checked + label::before, .simple-checkbox p input[type="radio"]:checked + label::before {
    background: #2c7dfa;
    border-color: #2c7dfa
}

.simple-checkbox p input[type="checkbox"] + label::after {
    color: #fff
}

.simple-checkbox {
    float: left;
    width: 100% !important
}

.sb-title.closed::after {
    height: 15px
}

.sb-title.closed::before {
    width: 17px
}

aside .widget > div {
    margin-top: 15px
}

.subscribe_widget > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #111;
    margin: 0;
    margin-bottom: 0;
    position: relative;
    padding-right: 30px;
    margin-bottom: 15px;
    cursor: pointer
}

aside .subscribe_widget form input {
    border: 2px solid #e8ecec;
    color: #333
}

aside .subscribe_widget form button {
    background: #e0208e
}

.tags-bar {
    float: left;
    width: 100%;
    margin-top: 40px;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
    position: relative
}

.modrn-joblist {
    float: left;
    width: 100%;
    padding-left: 30px;
    border-bottom: 1px solid #edeff7
}

.tags-bar > span {
    float: left;
    background: #f4f5fa;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-family: Open Sans;
    font-size: 13px;
    padding: 7px 17px;
    margin-right: 15px;
    position: relative
}

.tags-bar > span i {
    position: absolute;
    right: -6px;
    top: -5px;
    width: 16px;
    height: 16px;
    font-style: normal;
    background: #e0208e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 13px;
    font-size: 10px;
    font-family: Open Sans;
    cursor: pointer
}

.action-tags {
    float: right
}

.action-tags a {
    float: left;
    font-size: 13px;
    color: #8b91dd;
    padding: 7px 6px;
    line-height: 17px
}

.action-tags a i {
    float: left;
    font-size: 18px;
    margin-right: 4px
}

.modrn-joblist .filterbar {
    margin-top: 30px
}

.filterbar .emlthis {
    margin: 0;
    padding: 10px 30px
}

.modrn-joblist .filterbar h5 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    margin-top: 25px
}

.job-style-bx > i {
    position: absolute;
    right: 16px;
    bottom: 0;
    font-style: normal;
    font-size: 13px;
    color: #888
}

.job-list-modern .job-listing.wtabs {
    margin: 0;
    margin-top: 0;
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;
    margin-top: -1px;
    padding: 30px 0;
    border-color: #edeff7 #fff
}

.job-list-modern .job-listing.wtabs .job-style-bx {
    padding-bottom: 31px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%)
}

.ss-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left
}

.ss-content {
    height: 100%;
    width: calc(100% + 18px);
    padding: 0;
    position: relative;
    overflow: auto;
    box-sizing: border-box
}

.ss-content.rtl {
    width: calc(100% + 18px);
    right: auto
}

.ss-scroll {
    position: relative;
    background: rgba(0, 0, 0, 0.1);
    width: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    top: 0;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear
}

.ss-hidden {
    display: none
}

.ss-container:hover .ss-scroll, .ss-container:active .ss-scroll {
    opacity: 1
}

.ss-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.simple-checkbox.scrollbar {
    height: 232px
}

.viewmore {
    float: left;
    width: 100%;
    margin-top: 90px;
    text-align: center;
    margin-bottom: 90px
}

.viewmore span {
    float: none;
    display: inline-block;
    border: 2px solid #e8ecec;
    padding: 9px 25px;
    font-size: 13px;
    font-family: Open Sans;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer
}

.viewmore span i {
    width: 7px;
    height: 7px;
    float: left;
    background: #e8ecec;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    margin: 5px 2px
}

.viewmore span i:last-child {
    margin-right: 10px
}

.job-search .tags-bar {
    padding: 0 120px;
    border: none
}

.job-search .tags-bar > span {
    border: 2px solid #fff;
    background: none;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

.job-search .tags-bar > span > i {
    color: #e0208e;
    background: #fff
}

.job-search .tags-bar .action-tags a {
    color: #fff
}

.widget.border {
    border: 2px solid #e6e7ef;
    padding: 18px 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

aside .widget.border {
    margin-top: 10px
}

.banner_widget {
    float: left;
    width: 100%;
    margin-top: 10px
}

.banner_widget a {
    float: left;
    width: 100%
}

.banner_widget a img {
    float: left;
    width: 100%
}

aside .widget.border:first-child {
    margin-top: 30px
}

.job-listings-sec.no-border .job-listing {
    border: 2px solid #fff
}

.job-statistic {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin-bottom: 50px;
    z-index: 1
}

.job-statistic span {
    float: none;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #fff;
    color: #fff;
    padding: 7px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.job-statistic p {
    float: none;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    margin: 0 20px
}

.job-statistic p i {
    font-size: 23px;
    float: left;
    line-height: 29px;
    margin-right: 9px
}

.job-single-sec {
    float: left;
    width: 100%
}

.job-single-head {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8ecec;
    display: table
}

.job-thumb {
    display: table-cell;
    vertical-align: top;
    width: 107px
}

.job-thumb img {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.job-head-info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px
}

.job-head-info h4 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020;
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 10px
}

.job-head-info span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    line-height: 10px
}

.job-head-info p {
    float: left;
    margin: 0;
    margin-top: 0;
    margin-right: 0;
    font-size: 13px;
    margin-right: 40px;
    color: #888;
    margin-top: 11px
}

.job-head-info p i {
    float: left;
    font-size: 21px;
    line-height: 27px;
    margin-right: 9px
}

.job-details {
    float: left;
    width: 100%;
    padding-top: 20px
}

.job-details h2 {
    float: left;
    width: 100%;
    font-family: Sans-Serif;
    font-size: 15px;
    color: #202020;
    margin-bottom: 15px;
    margin-top: 10px
}

.job-details p, .job-details li {
    /*float: left;*/
    width: 100%;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin: 0;
    margin-bottom: 19px
}

.job-details > ul {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.job-details > ul li {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    position: relative;
    padding-left: 23px;
    line-height: 21px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #888
}

.job-details > ul li::before {
    position: absolute;
    left: 0;
    top: 13px;
    width: 10px;
    height: 1px;
    background: #888;
    content: ""
}

.share-bar {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e8ecec;
    border-bottom: 1px solid #e8ecec
}

.share-bar span {
    float: left;
    font-size: 15px;
    color: #202020;
    line-height: 40px;
    margin-right: 14px
}

.share-bar a {
    float: none;
    display: inline-block;
    width: 47px;
    height: 35px;
    border: 2px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    line-height: 30px;
    font-size: 18px;
    margin: 0 0;
    margin-top: 0;
    text-align: center;
    margin-top: 0;
    margin-top: 6px;
    border-color: currentcolor
}

.share-bar a.share-fb {
    color: #3b5998;
    border-color: #3b5998
}

.share-bar a.share-twitter {
    color: #1da1f2;
    border-color: #1da1f2
}

.share-bar a.share-mail {
    color: #e0208e;
    border-color: #e0208e
}

.share-bar a.share-LinkedIn {
    color: #0d6797;
    border-color: #0d6797
}

.share-bar a.share-fb:hover {
    background: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.share-bar a.share-twitter:hover {
    background: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

.share-bar a.share-mail:hover {
    background: #e0208e;
    border-color: #e0208e;
    color: #fff
}

.share-bar a.share-LinkedIn:hover {
    background: #0d6797;
    border-color: #0d6797;
    color: #fff
}

.recent-jobs {
    float: left;
    width: 100%;
    padding-top: 20px
}

.recent-jobs > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020
}

.apply-thisjob {
    float: left;
    width: 100%;
    border: 2px solid #c1010b;
    text-align: center;
    color: #e0208e;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 20px;
    font-size: 15px;
    font-family: Open Sans;
    font-weight: 700
}

.apply-thisjob i {
    font-size: 28px;
    margin-right: 8px;
    line-height: 11px;
    position: relative;
    top: 5px
}

.apply-alternative {
    float: left;
    width: 100%;
    padding-top: 30px
}

.apply-alternative a {
    float: left;
    border: 2px solid #e8ecec;
    font-size: 13px;
    color: #888;
    padding: 0 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    height: 50px;
    line-height: 50px
}

.apply-alternative a i {
    font-size: 20px;
    float: left;
    margin-right: 6px;
    margin-top: 12px
}

.apply-alternative span {
    float: right;
    border: 2px solid #e8ecec;
    font-size: 13px;
    color: #888;
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.apply-alternative span:hover {
    background: #e0208e;
    border-color: #e0208e;
    color: #fff
}

.apply-alternative span i {
    font-size: 20px;
    float: left;
    margin-right: 6px;
    margin-top: 14px
}

.job-overview {
    float: left;
    width: 100%;
    margin-top: 30px
}

.job-overview > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px
}

.job-overview ul {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin: 0;
    padding-left: 15px !important
}

.job-overview ul > li {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 67px;
    margin: 10px 0
}

.job-overview ul > li i {
    position: absolute;
    left: 23px;
    top: 5px;
    font-size: 30px;
    color: #585757
}

.job-overview ul > li h3 {
    float: left;
    width: 100%;
    font-size: 13px;
    font-family: Open Sans;
    margin: 0
}

.job-overview ul > li span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    margin-top: 7px
}

.job-location {
    float: left;
    width: 100%;
    margin-top: 30px
}

.job-location > h3, .share-bar > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020
}

.job-lctn-map {
    float: left;
    width: 100%
}

.job-lctn-map #address {
    font-size: 9px;
    line-height: 12px;
    display: inline-block;
    margin-top: 7px
}

.job-lctn-map iframe {
    float: left;
    width: 100%;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    height: 270px
}

.extra-job-info {
    float: left;
    width: calc(100% - 30px);
    margin-top: 30px
}

.extra-job-info > span {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 17px 20px;
    margin-bottom: 20px;
    font-family: Open Sans;
    font-size: 13px;
    color: #888
}

.extra-job-info > span i {
    float: left;
    font-size: 30px;
    color: #8b91dd;
    width: 30px;
    margin-right: 12px
}

.extra-job-info > span strong {
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 400;
    color: #202020;
    line-height: 28px;
    display: inline-block;
    margin-right: 7px
}

.job-single-head2 {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    border-bottom: 1px solid #e8ecec
}

.job-title2 {
    float: left;
    width: 100%
}

.job-title2 > h3 {
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    margin-right: 0;
    margin-right: 20px
}

.job-title2 span.job-is {
    float: left;
    margin: 0
}

.job-title2 > i {
    float: left;
    font-size: 26px;
    color: #B8B8B8;
    margin: 1px 0;
    margin-left: 18px
}

.tags-jobs {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    margin-top: 20px
}

.tags-jobs > li {
    float: left;
    margin: 0;
    margin-right: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    margin-right: 30px
}

.tags-jobs > li i {
    float: left;
    font-size: 23px;
    float: left;
    line-height: 15px;
    margin-right: 8px;
    color: #8b91dd
}

.tags-jobs > li span {
    color: #8b91dd
}

.job-single-head2 > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    margin-top: 20px
}

.job-single-head2 > span strong {
    font-weight: 400;
    color: #202020
}

.job-wide-devider .job-overview {
    margin: 0
}

.job-single-sec .job-overview ul {
    padding: 0;
    margin-bottom: 20px
}

.job-single-sec .job-overview ul li {
    float: left;
    width: 33.334%;
    padding-left: 50px
}

.job-single-sec .job-overview ul li i {
    left: 0
}

.job-single-head.style2 {
    float: left;
    width: 100%;
    display: inherit;
    text-align: center;
    border: none
}

.job-single-head.style2 .job-thumb {
    float: left;
    width: 100%;
    text-align: center
}

.job-single-head.style2 .job-thumb img {
    float: none;
    display: inline-block;
    width: auto;
    border: none;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.job-single-head.style2 .job-head-info {
    float: left;
    width: 100%;
    display: inherit;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 40px
}

.job-single-head.style2 .job-head-info p {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    margin-top: 0;
    margin-top: 5px
}

.job-single-head.style2 .job-head-info p i {
    float: none;
    color: #8b91dd
}

.job-single-head.style2 .job-head-info > span {
    margin-top: 5px;
    margin-bottom: 20px
}

.job-single-head.style2 > a {
    float: none;
    display: inline-block
}

.apply-job-btn {
    background: #e0208e;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 20px 0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    width: 250px;
    height: 60px
}

.apply-job-btn i {
    margin-right: 10px;
    float: none;
    font-size: 23px;
    line-height: 9px;
    position: relative;
    top: 4px
}

.apply-job-linkedin {
    float: none;
    display: inline-block;
    background: #fff;
    padding: 21px 0;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    font-family: Open Sans;
    font-size: 13px;
    color: #e0208e;
    width: 250px;
    height: 60px;
    margin-top: 35px
}

.apply-job-linkedin i {
    float: none;
    font-size: 25px;
    margin-right: 10px;
    line-height: 8px;
    position: relative;
    top: 4px
}

.viewall-jobs {
    background: #8b91dd;
    width: 250px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-family: Open Sans;
    font-size: 13px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    margin-top: 35px
}

.job-single-head3 {
    float: left;
    width: 100%;
    display: table;
    padding-bottom: 30px;
    border: none
}

.job-single-head3 .job-thumb {
    width: 125px
}

.job-single-info3 {
    display: table-cell;
    vertical-align: top;
    padding-left: 25px
}

.job-single-info3 > h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #202020;
    font-weight: 700;
    margin-bottom: 4px
}

.job-single-info3 > span {
    float: left;
    font-size: 13px;
    color: #888;
    margin: 7px 0
}

.job-single-info3 > span i {
    float: left;
    font-size: 23px;
    float: left;
    line-height: 15px;
    margin-right: 8px;
    color: #8b91dd
}

.job-single-info3 .job-is {
    margin: 0;
    margin-left: 0;
    margin-left: 20px;
    font-size: 12px
}

.job-single-info3 .tags-jobs {
    margin-top: 16px
}

.job-thumb > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #e0208e;
    text-align: center;
    margin-top: 23px
}

.job-single-sec.style3 .share-bar {
    border: none;
    padding: 0
}

.job-single-sec .extra-job-info {
    border: 1px solid #e8ecec;
    padding: 20px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    width: 100% !important
}

.job-single-sec .extra-job-info > span {
    float: left;
    width: 33.334%;
    padding: 0;
    border: none;
    margin: 0
}

.job-head-wide {
    float: left;
    width: 100%;
    padding: 20px
}

.job-head-wide .apply-thisjob {
    background: #e0208e;
    border: 2px solid #b70513;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    color: #fff
}

.job-head-wide .apply-alternative a, .job-head-wide .apply-alternative span {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px
}

.job-wide-devider {
    float: left;
    width: 100%
}

.job-wide-devider .job-overview {
    margin-top: 30px
}

.job-wide-devider .job-overview ul {
    padding: 0 !important
}

.job-wide-devider .job-overview > ul > li {
    float: left;
    width: 100%;
    padding-left: 50px
}

.job-wide-devider .job-overview > ul > li i {
    left: 10px
}

.quick-form-job {
    float: left;
    width: 100%;
    margin-top: 10px
}

.quick-form-job > h3 {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #202020;
    font-family: Open Sans
}

.quick-form-job form {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 30px
}

.quick-form-job form input {
    float: left;
    width: 100%;
    background: none;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-size: 13px;
    color: #888;
    padding: 15px 25px
}

.quick-form-job form input, .quick-form-job form textarea {
    float: left;
    width: 100%;
    background: none;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-size: 13px;
    color: #888;
    padding: 15px 25px;
    font-family: Open Sans;
    margin-bottom: 15px
}

.quick-form-job form button {
    float: left;
    width: 100%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background: #e0208e;
    font-size: 18px;
    font-family: Open Sans;
    padding: 16px 10px;
    margin-bottom: 15px;
    border: 2px solid #b50a17
}

.quick-form-job form > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    text-align: center
}

.quick-form-job form > span a {
    color: #202020
}

.emply-list-sec {
    float: left;
    width: 100%;
    margin-top: 87px;
    margin-bottom: 30px
}

.emply-list {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8ecec;
    display: table
}

.emply-list-thumb {
    display: table-cell;
    vertical-align: top;
    width: 100px
}

.emply-list-thumb > a {
    float: left;
    width: 100%
}

.emply-list-thumb > a img {
    width: 90px;
    padding: 0 !important;
    margin-top: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.emply-list-info {
    display: table-cell;
    vertical-align: top;
    padding-left: 17px;
    position: relative
}

.emply-pstn {
    position: absolute;
    right: 0;
    top: 0;
    color: #8b91dd;
    font-size: 13px
}

.emply-list-info > h3 {
    float: left;
    width: 100%;
    font-size: 11px;
    font-family: Open Sans;
    color: #202020;
    margin-bottom: -9px;
    margin-top: 6px
}

.emply-list-info > span {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #e0208e;
    display: none
}

.emply-list-info > h6 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    font-size: 13px;
    font-family: Open Sans;
    margin-top: 13px
}

.emply-list-info > p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin: 0;
    margin-top: 0;
    margin-top: 12px
}

.emply-list-info > h6 i {
    float: left;
    font-size: 20px;
    line-height: 16px;
    margin-right: 4px;
    color: #999
}

.emply-list-sec .pagination {
    margin-bottom: 60px
}

.emply-list:hover {
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    border-color: #fff
}

.margin_widget .widget, .margin_widget .widget.border {
    margin-bottom: 30px !important;
    margin-top: 0
}

.filterbar > p {
    float: left;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 36px
}

.alpha-pag {
    float: left;
    width: 100%;
    background: #f4f5fa;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 30px
}

.alpha-pag a.active, .alpha-pag a:hover {
    background: #8b91dd;
    color: #fff
}

.alpha-pag a {
    float: left;
    font-size: 13px;
    color: #888;
    padding: 6px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    letter-spacing: 0
}

.emply-list-sec.style2 .emply-list {
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.emply-list-sec.style2 .emply-list:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #e6e7ef
}

.emply-list-sec.style2 .emply-list-thumb > a img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #e8ecec;
    padding: 5px
}

.is_clickable {
    cursor: hand;
    cursor: pointer
}

.nstSlider {
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    width: 100%;
    height: 10px;
    background: #f4f5fa;
    margin-top: 10px
}

.nstSlider .leftGrip.gripHighlighted {
    background: #134
}

.nstSlider .rightGrip.gripHighlighted {
    background: #134
}

.nstSlider .rightGrip, .nstSlider .leftGrip {
    position: absolute;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 2px solid #e0208e;
    top: -5px
}

.nstSlider .bar {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    background: #e0208e;
    height: 8px;
    top: 0
}

.nstSlider .highlightPanel {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    background: #e87722;
    height: 20px;
    top: 0
}

.range_slider {
    float: left;
    width: 100%
}

.range_slider .leftLabel, .range_slider .rightLabel {
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    margin-top: 9px
}

.range_slider .leftLabel {
    float: left
}

.range_slider .rightLabel {
    float: right
}

.minisite .emply-list-thumb {
    background-image: url(../images/resource/idemia-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    border-bottom: 1px solid #eee;
    height: 250px
}

.minisite .emply-list.box .emply-list-thumb a {
    position: relative;
    bottom: -75px;
    /*border: 1px solid #eee;*/
    /*background: #fff;*/
    border-radius: 5px;
    width: 150px
}

.minisite .emply-list-thumb > a img {
    width: 100%
}

.minisite .emply-list-info {
    padding-top: 40px !important;
    display: none
}

.minisite .emply-list.box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    height: auto
}

.emply-list.box {
    border: 2px solid #e6e7ef;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    width: 250px; /* 106px */
    height: 160px; /* 68px */
    display: inline-block;
    text-align: center;
    margin: 5px;
    position: relative
}

.emply-list.box .emply-list-thumb {
    float: left;
    width: 100%;
    border-radius: 8px 8px 0 0
}

.emply-list.box .emply-list-thumb a {
    float: none;
    display: inline-block
}

.emply-list.box .emply-list-thumb a img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 20px 20px 0;
    padding: 5px
}

.emply-list.box .emply-list-info {
    float: left;
    width: 100%;
    padding: 0;
    padding-top: 0;
    padding-bottom: 12px;
    position: static;
    /*display: none*/
}

.h1h2title{
    color: #e0208e !important;
    padding: 5px 0px !important;
    margin: 0 !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    font-size: 19px !important;
    line-height: 20px !important;
}

.emply-list.box .emply-pstn {
    position: absolute;
    right: 4px;
    top: 5px;
    background-color: #e0208e;
    padding: 1px 6px;
    border-radius: 5px;
    color: #fff
}

.emply-list-info > h6 i {
    float: none;
    line-height: 13px;
    position: relative;
    top: 2px;
    margin-right: 3px
}

.emply-list.box:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #e0208e
}

.alpha-pag.full a {
    font-size: 13px;
    padding: 10px 15px;
    font-weight: 700
}

.emply-text-sec {
    float: left;
    width: 100%
}

.emply-text {
    float: left;
    width: 100%;
    border: 2px solid #e6e8ef;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px
}

.emply-text > h3 {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 16px
}

.emply-text > h3 span {
    float: left;
    width: 50px;
    height: 50px;
    background: #e0208e;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
    font-size: 15px
}

.emply-text > ul {
    float: left;
    width: 100%;
    margin: 0
}

.emply-text > ul > li {
    float: left;
    width: 100%;
    float: left;
    width: 100%;
    margin: 5px 0;
    padding-left: 34px;
    position: relative;
    font-family: Open Sans;
    font-size: 13px
}

.emply-text > ul > li::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 15px;
    height: 1px;
    background: #888;
    content: ""
}

.emply-btns {
    float: left;
    width: 100%
}

.emply-btns > a {
    float: left;
    width: 100%;
    background: #e0208e;
    font-family: Open Sans;
    font-size: 13px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #e0208e;
    padding: 11px 0;
    margin-top: 10px
}

.emply-btns > a.followus {
    background-color: #fff;
    border-color: #8b91dd;
    color: #8b91dd
}

.job-head-wide .share-bar a {
    margin: 0 3px;
    float: none;
    display: inline-block
}

.job-head-wide .share-bar a i {
    font-size: 15px
}

.job-single-head3.emplye .job-thumb {
    width: 180px
}

.job-single-head3.emplye .job-single-info3 {
    vertical-align: middle
}

.job-listing.wtabs.noimg {
    padding-left: 30px;
    padding-right: 30px
}

.job-overview.divide ul {
    margin: 0;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding: 0;
    border-bottom: 1px solid #e8ecec
}

.job-overview.divide ul > li {
    float: left;
    width: 33.334%
}

.job-overview.divide ul > li span {
    margin-top: 5px
}

.job-overview.divide {
    margin: 0
}

.job-single-head.style2 .share-bar {
    padding: 0;
    border: none;
    margin-top: -20px
}

.job-single-head.style2 .share-bar > a {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 41px;
    margin: 0 7px
}

.job-single-head.style2 .share-bar > a i {
    font-size: 18px
}

.job-single-head.style2 .emply-btns {
    padding: 0 60px;
    padding-top: 14px
}

.job-single-head.style2 .emply-btns a {
    padding: 16px 20px;
    font-size: 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    margin-bottom: 10px
}

.widget .tree_widget-sec {
    margin: 0
}

.tree_widget-sec > ul {
    float: left;
    width: 100%;
    margin: 0
}

.tree_widget-sec > ul > li {
    float: left;
    width: 100%;
    margin: 0
}

.tree_widget-sec > ul > li > a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 41px
}

.tree_widget-sec > ul > li > a i {
    float: left;
    font-size: 28px;
    line-height: 41px;
    color: #babebe;
    margin-right: 5px;
    width: 35px
}

.tree_widget-sec > ul > li > ul {
    float: left;
    width: 100%;
    margin: 0;
    float: left;
    width: 100%;
    margin: 0;
    padding-left: 34px;
    margin: 17px 0;
    display: none
}

.tree_widget-sec > ul > li > ul > li {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding-left: 20px;
    border-left: 1px solid #e8ecec
}

.tree_widget-sec > ul > li > ul > li a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    padding: 3px 0
}

.tree_widget-sec > ul > li > ul > li::before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 1px;
    content: "";
    background: #e8ecec
}

.tree_widget-sec > ul > li > ul > li:first-child::before {
    top: 0
}

.tree_widget-sec > ul > li > ul > li:last-child::before {
    bottom: 0;
    top: auto
}

.tree_widget-sec > ul > li > ul > li:first-child > a {
    padding-top: 0;
    line-height: 2px;
    margin-bottom: 7px
}

.tree_widget-sec > ul > li > ul > li:last-child > a {
    padding-bottom: 0;
    line-height: 2px;
    margin-top: 7px
}

.tree_widget-sec > ul > li.inner-child.active > a {
    color: #8b91dd
}

.tree_widget-sec > ul > li.inner-child.active > a i {
    color: #8b91dd
}

.padding-left {
    float: left;
    width: 100%
}

.profile-title {
    float: left;
    width: 100%
}

.profile-title > h3 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #edeff7;
    font-size: 20px;
    color: #202020;
    font-weight: 700;
    margin: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 40px
}

.upload-img-bar {
    float: left;
    width: 100%;
    display: table;
    margin-top: 40px;
    padding-left: 30px
}

.upload-img-bar > span {
    display: table-cell;
    vertical-align: top;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    width: 160px
}

.upload-img-bar > span img {
    float: left;
    width: 100%
}

.upload-img-bar > span i {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 23px;
    height: 23px;
    background: #e0208e;
    color: #fff;
    font-style: normal;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 13px;
    line-height: 21px;
    cursor: pointer
}

.upload-info {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 30px
}

.upload-info > a {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    color: #8b91dd;
    border: 2px solid #8b91dd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 40px
}

.upload-info > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    margin-top: 20px
}

.profile-form-edit {
    float: left;
    width: 100%
}

.profile-form-edit > form {
    float: left;
    width: 100%;
    padding-left: 30px
}

.pf-title {
    float: left;
    width: 100%;
    margin-top: 30px;
    font-family: Open Sans;
    font-size: 13px;
    color: #202020;
    margin-bottom: 13px
}

.pf-field {
    float: left;
    width: 100%;
    position: relative
}

.job-field .chosen-container {
    border: none !important
}

.pf-field > input, .pf-field > textarea {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;
    margin-bottom: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 14px 45px 14px 15px;
    background: #fff;
    font-family: Open Sans;
    font-size: 13px;
    color: #101010;
    line-height: 24px
}

.pf-field > textarea {
    color: #888;
    padding: 30px
}

.profile-form-edit > form button {
    float: right;
    background: #fff;
    border: 2px solid #e0208e;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px
}

.social-edit {
    float: left;
    width: 100%
}

.social-edit > h3 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #edeff7;
    font-size: 20px;
    color: #202020;
    font-weight: 700;
    margin: 0;
    margin-top: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 40px
}

.social-edit > form {
    float: left;
    width: 100%;
    padding-left: 30px
}

.pf-field > i {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 20px;
    color: #8b91dd;
    line-height: 48px
}

.contact-edit > h3 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #edeff7;
    font-size: 20px;
    color: #202020;
    font-weight: 700;
    margin: 0;
    margin-top: 0;
    margin-top: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 40px
}

.contact-edit {
    float: left;
    width: 100%;
    margin-bottom: 60px
}

.contact-edit > form {
    float: left;
    width: 100%;
    padding-left: 30px
}

.contact-edit .srch-lctn {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    color: #8b91dd;
    border: 2px solid #8b91dd;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    padding: 11px 26px;
    margin-top: 30px
}

.pf-map {
    float: left;
    width: 100%
}

.pf-map iframe {
    float: left;
    width: 100%;
    height: 300px;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.contact-edit > form button {
    float: right;
    background: #fff;
    border: 2px solid #e0208e;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px
}

.manage-jobs-sec > h3 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #edeff7;
    font-size: 20px;
    color: #202020;
    font-weight: 700;
    margin: 0;
    margin-top: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 40px
}

.manage-jobs-sec {
    float: left;
    width: 100%
}

.manage-jobs-sec .extra-job-info {
    border: 2px solid #e8ecec;
    padding: 20px 30px;
    margin-left: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.manage-jobs-sec .extra-job-info > span {
    float: left;
    width: 32.334%;
    padding: 0;
    border: none;
    margin: 0
}

.manage-jobs-sec > table {
    float: left;
    width: calc(100% - 30px);
    margin-top: 50px;
    margin-bottom: 60px;
    margin-left: 30px
}

.manage-jobs-sec > table thead tr td {
    font-size: 15px;
    font-weight: 700;
    color: #e0208e;
    padding-bottom: 14px
}

.manage-jobs-sec > table thead {
    border-bottom: 1px solid #e8ecec
}

.table-list-title > h3 {
    font-family: Open Sans;
    font-size: 13px;
    color: #202020;
    margin: 0;
    display: table
}

.table-list-title > span {
    font-size: 13px;
    color: #888;
    float: left;
    margin-top: 0;
    line-height: 10px;
    margin-top: 8px;
    display: table
}

.table-list-title > span i {
    float: left;
    font-size: 15px;
    color: #999;
    margin-right: 5px;
    line-height: 11px
}

.applied-field {
    float: left;
    font-size: 13px;
    color: #888
}

.manage-jobs-sec > table tbody td > span {
    float: left;
    display: table;
    font-size: 13px;
    color: #888
}

.manage-jobs-sec > table tbody td {
    vertical-align: middle;
    padding: 29px 0;
    border-bottom: 1px solid #e8ecec
}

.status {
    color: #7dc246 !important
}

.status.active {
    color: #8b91dd !important
}

.action_job {
    margin: 0;
    text-align: center
}

.action_job > li {
    float: left;
    margin: 0;
    position: relative
}

.action_job > li > a {
    float: left;
    font-size: 15px;
    color: #9c9c9c;
    padding: 0 6px
}

.action_job > li span {
    position: absolute;
    left: 50%;
    bottom: 100%;
    opacity: 0;
    visibility: hidden;
    background: #0f36a5;
    color: #fff;
    width: 80px;
    font-size: 12px;
    padding: 5px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-left: -40px;
    margin-bottom: 9px
}

.action_job > li:hover span {
    opacity: 1;
    visibility: visible
}

.action_job > li span::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 10px;
    height: 10px;
    content: "";
    background: #0f36a5;
    margin-left: -5px;
    margin-bottom: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.btns-profiles-sec {
    float: right;
    position: relative
}

.btns-profiles-sec > span {
    float: right;
    color: #fff;
    font-family: Open Sans;
    font-size: 13px;
    line-height: 50px;
    cursor: pointer;
    float: right;
    color: #fff;
    font-family: Open Sans;
    font-size: 13px;
    line-height: 50px
}

.btns-profiles-sec > span > img {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 13px
}

.btns-profiles-sec > span > i {
    float: right;
    line-height: 50px;
    font-size: 10px;
    margin-left: 13PX
}

.btns-profiles-sec > ul {
    position: absolute;
    right: 0;
    top: 100%;
    margin: 0;
    margin-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px;
    width: 240px;
    padding: 20px 3px;
    display: none
}

.btns-profiles-sec > ul > li {
    float: left;
    width: 100%;
    margin: 4px 0
}

.btns-profiles-sec > ul > li > a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #202020;
    line-height: 30px;
    padding-left: 24px;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.btns-profiles-sec > ul > li > a:hover {
    padding-left: 30px
}

.btns-profiles-sec > ul > li > a i {
    float: left;
    font-size: 22px;
    color: #8b91dd;
    margin-right: 3px;
    width: 30px;
    line-height: 30px
}

.btns-profiles-sec > ul::before {
    position: absolute;
    right: 40px;
    top: -6px;
    width: 14px;
    height: 14px;
    background: #fff;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.emply-resume-thumb {
    display: table-cell;
    vertical-align: top;
    width: 100px
}

.emply-resume-thumb img {
    float: left;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.emply-resume-info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px
}

.emply-resume-sec > h3 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #edeff7;
    font-size: 20px;
    color: #202020;
    font-weight: 700;
    margin: 0;
    margin-top: 0;
    margin-top: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 40px
}

.emply-resume-sec {
    float: left;
    width: 100%
}

.emply-resume-list {
    float: left;
    width: 100%;
    display: table;
    padding: 30px 0;
    border-bottom: 1px solid #edeff7;
    position: relative;
    padding-left: 30px
}

.emply-resume-info > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020;
    margin: 0
}

.emply-resume-info > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #202020;
    margin-top: 7px
}

.emply-resume-info > span i {
    font-style: normal;
    color: #8b91dd
}

.emply-resume-info > P {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    margin-top: 0;
    font-size: 13px;
    font-family: Open Sans;
    margin-top: 0;
    line-height: 28px
}

.emply-resume-info > P i {
    float: none;
    line-height: 13px;
    position: relative;
    top: 2px;
    margin-right: 3px;
    font-size: 17px;
    color: #999
}

.action-center {
    position: relative;
    float: left
}

.action-center > span {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #8b91dd;
    border: 2px solid #8b91dd;
    width: 150px;
    height: 40px;
    padding-left: 30px;
    text-align: left;
    line-height: 35px;
    padding-right: 20px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    cursor: pointer
}

.action-center > ul {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    width: 150px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 15px 0;
    display: none
}

.action-center > ul::before {
    position: absolute;
    right: 40px;
    top: -6px;
    width: 14px;
    height: 14px;
    background: #fff;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.action-center > span i {
    font-size: 10px;
    margin-left: 3px;
    float: right;
    line-height: 36px
}

.action-center > ul > li {
    float: left;
    width: 100%;
    margin: 0
}

.action-center > ul > li a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    padding: 5px 20px
}

.action-resume {
    display: table-cell;
    vertical-align: middle
}

.del-resume {
    display: table-cell;
    vertical-align: middle
}

.del-resume > a {
    float: left;
    font-size: 18px;
    color: #999;
    margin-left: 30px
}

.coverletter-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(20, 31, 114, 0.6);
    display: none;
    overflow-y: scroll
}

.cover-letter {
    position: absolute;
    left: 0;
    top: 110px;
    background: #fff;
    width: 600px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    left: 50%;
    margin-left: -300px;
    padding: 30px
}

.cover-letter > i.close-letter {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: #e0208e;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 27px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.cover-letter > h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #202020;
    font-size: 22px;
    font-weight: 700;
    margin: 0
}

.cover-letter p {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin: 0;
    margin-top: 0;
    margin-top: 17px
}

.contactus-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(20, 31, 114, 0.6);
    display: none;
    overflow-y: scroll
}

.contact-popup {
    position: absolute;
    left: 50%;
    top: 50px;
    background: #fff;
    width: 460px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-left: -230px;
    padding: 30px 40px;
    padding-bottom: 30px;
    padding-bottom: 50px
}

.contact-popup > h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #202020;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px
}

.contact-popup form {
    float: left;
    width: 100%
}

.contact-popup form > .popup-field {
    float: left;
    width: 100%;
    position: relative;
    border: 2px solid #e8ecec;
    margin-bottom: 15px;
    border-radius: 8px
}

.contact-popup form > .popup-field > input {
    width: 100%;
    float: left;
    background: no-repeat;
    padding: 16px 15px;
    font-family: Open Sans;
    font-size: 13px;
    margin: 0
}

.contact-popup form > .popup-field i {
    position: absolute;
    right: 19px;
    top: 0;
    font-size: 23px;
    color: #e0208e;
    line-height: 50px
}

.contact-popup form > .popup-field textarea {
    background: none;
    font-family: Open Sans;
    font-size: 13px;
    min-height: 135px
}

.contact-popup form > button {
    float: left;
    width: 100%;
    font-size: 18px;
    background: #141f72;
    height: 60px
}

.emply-resume-list.active {
    z-index: 2
}

.emply-resume-list:last-child {
    margin-bottom: 60px;
    border-bottom-color: #fff
}

.close-contact {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: #e0208e;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 27px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.pkges-table thead {
    background: #0f36a5
}

.pkges-table thead tr td {
    padding: 19px 24px !important;
    padding-right: 24px;
    color: #fff !important;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 400 !important;
    padding-right: 14px !important
}

.pkges-table tbody tr td {
    border: 1px solid #edeff7;
    padding: 26px 23px
}

.steps-sec {
    float: left;
    width: 100%;
    padding: 0 90px;
    text-align: center
}

.step {
    display: inline-block;
    width: 33.334%;
    float: left;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px
}

.step i {
    float: none;
    display: inline-block;
    width: 70px;
    height: 70px;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 66px;
    font-size: 32px;
    color: #888
}

.step span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    margin-top: 9px
}

.step::before {
    position: absolute;
    left: 100%;
    top: 45px;
    width: 100%;
    height: 2px;
    background: #e8ecec;
    content: "";
    margin-left: -50%
}

.step > p {
    position: relative;
    z-index: 1;
    background: #fff;
    float: none;
    display: inline-block;
    border: 8px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0
}

.step:last-child:before {
    display: none
}

.step.active i {
    background: #8b91dd;
    border-color: #8b91dd;
    color: #fff
}

.step.active span {
    color: #8b91dd
}

.tags-bar.rt {
    margin: 0;
    padding: 8px
}

table.alrt-table tbody .action_job {
    float: right
}

table.alrt-table tbody td > span {
    float: right;
    display: inline-block;
    width: auto;
    margin-right: 20px;
    line-height: 21px
}

.text-right {
    text-align: right
}

.change-password {
    float: left;
    width: 100%
}

.change-password form {
    float: left;
    width: 100%;
    padding-left: 30px
}

.change-password form input {
    margin-bottom: 0
}

.change-password form button {
    float: right;
    background: #fff;
    border: 2px solid #e0208e;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px
}

.big-icon {
    font-size: 290px;
    color: #EFEFEF;
    text-align: center;
    width: 100%;
    float: left;
    line-height: 413px;
    margin-bottom: 80px
}

.shortlists {
    display: table-cell;
    vertical-align: middle
}

.shortlists > a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #8b91dd;
    border: 2px solid #8b91dd;
    width: 150px;
    height: 40px;
    padding-left: 30px;
    text-align: left;
    line-height: 35px;
    padding-right: 20px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    cursor: pointer;
    margin-right: 40px
}

.shortlists > a i {
    float: right;
    line-height: 33px;
    font-size: 13px
}

header.gradient {
    background: #8b91dd;
    background: -moz-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(139, 145, 221, 1)), color-stop(71%, rgba(16, 25, 93, 1)), color-stop(100%, rgba(16, 25, 93, 1)));
    background: -webkit-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b91dd', endColorstr='#10195d', GradientType=1);
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    padding-bottom: 23px
}

#map_div {
    height: 450px;
    width: 100%
}

.custom-tooltip > div:nth-child(4) {
    border: medium none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    position: relative
}

.custom-tooltip > div:nth-child(4) > div > div > div {
    border: medium none !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    border-radius: 6px !important
}

.custom-tooltip > div:nth-child(4) > div > div > div:nth-child(2) {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    border-radius: 6px !important
}

.custom-tooltip > div:nth-child(4) > div > div > div:nth-child(3) > div {
    display: none
}

.infowindow .popular-listing {
    opacity: 1
}

.infowindow .popular-listing::before {
    height: 100%;
    opacity: 1
}

.infowindow .popular-listing .listing-features {
    opacity: 1
}

.infowindow .popular-listing .pl-title-sec {
    opacity: 1
}

.infowindow {
    color: transparent
}

.infowindow > span {
    bottom: -4px;
    float: left;
    position: relative
}

.gm-style .gm-style-iw {
    width: 256px !important
}

.infowindow .popular-listing {
    margin-bottom: -12px;
    margin-right: 0;
    opacity: 1
}

.custom-tooltip > div:nth-child(4) > div > div:last-child img {
    display: none
}

.custom-tooltip > div:nth-child(4) > div > div:last-child {
    color: #333;
    content: "x";
    font-size: 20px !important;
    height: 20px !important;
    position: absolute;
    top: 13px;
    width: 20px !important
}

.custom-tooltip > div:nth-child(4) > div > div:last-child::before {
    background: #333 none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    content: "x";
    font-family: Nunito;
    font-size: 15px;
    font-weight: 700;
    height: 100%;
    left: 0;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.custom-tooltip > div:nth-child(4) > div {
    overflow: hidden;
    position: relative;
    width: 297px !important
}

.custom-tooltip {
    margin-left: 8px;
    margin-top: 55px
}

.infowindow .map-can {
    float: left;
    width: 100%;
    display: table;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 28px
}

.map-candimg {
    display: table-cell;
    vertical-align: middle;
    width: 60px
}

.map-candimg img {
    float: left;
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 60px;
    width: 60px
}

.infowindow .emply-resume-info > span {
    margin: 0;
    font-size: 13px
}

.infowindow .emply-resume-info > P {
    line-height: 20px
}

.map-can h3 {
    font-size: 15px;
    margin-bottom: 1px
}

.emply-resume-list.round .emply-resume-thumb img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.emply-resume-list.round .emply-resume-thumb {
    width: 90px
}

.emply-resume-sec .pagination {
    margin-bottom: 60px
}

.emply-resume-list.square {
    border: 2px solid #fff;
    padding: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.emply-resume-list.square:hover {
    border-color: #e8ecec
}

.emply-resume-list.square .shortlists > a {
    margin: 0
}

.inner-header .container {
    position: relative;
    z-index: 1
}

.skills-btn {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.skills-btn a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    padding: 6px 20px;
    margin-right: 12px
}

.action-inner {
    float: right;
    text-align: right;
    width: 100%
}

.action-inner a {
    float: right;
    font-family: Open Sans;
    font-size: 13px;
    color: #fff;
    margin-left: 30px
}

.action-inner a i {
    float: left;
    font-size: 25px;
    line-height: 17px;
    margin-right: 10px
}

.cand-single-user {
    float: left;
    width: 100%;
    display: table
}

.cand-single-user > div {
    display: table-cell;
    width: 33.334%;
    float: none
}

.cand-single-user .share-bar.circle {
    vertical-align: middle;
    border: none;
    padding: 0
}

.cand-single-user .share-bar.circle a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 41px
}

.can-detail-s {
    vertical-align: top;
    text-align: center
}

.cst {
    float: none;
    display: inline-block;
    margin-top: -97px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 175px;
    height: 175px;
    padding: 17px
}

.cst img {
    float: left;
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.can-detail-s > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 22px;
    color: #202020;
    font-weight: 700;
    margin: 0
}

.can-detail-s span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #202020;
    margin-top: 14px
}

.can-detail-s span i {
    font-style: normal;
    color: #8b91dd
}

.can-detail-s > p {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    font-size: 13px;
    color: #888;
    line-height: 13px;
    margin-top: 10px
}

.can-detail-s > p i {
    margin-right: 5px
}

.download-cv {
    vertical-align: middle;
    text-align: right
}

.download-cv a {
    float: right;
    background: #fff;
    border: 2px solid #8b91dd;
    color: #8b91dd;
    font-family: Open Sans;
    font-size: 13px;
    padding: 14px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.download-cv a:hover {
    background-color: #8b91dd;
    color: #FFF
}

.download-cv a i {
    margin-left: 5px
}

.cand-extralink {
    float: left;
    width: 100%;
    text-align: center;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 40px
}

.cand-extralink > li {
    float: none;
    display: inline-block;
    margin: 0 10px
}

.cand-extralink > li a {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    color: #888;
    padding: 20px 10px;
    position: relative;
    margin-bottom: -5px
}

.cand-extralink > li:hover a {
    color: #8b91dd;
    border-color: #8b91dd
}

.cand-details-sec {
    float: left;
    width: 100%
}

.cand-details {
    float: left;
    width: 100%
}

.cand-details h2 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 20px;
    font-weight: 700;
    color: #202020;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 10px;
    margin-bottom: 20px
}

.cand-details > p {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 20px
}

.edu-history-sec {
    float: left;
    width: 100%;
    padding-left: 30px
}

.edu-history {
    float: left;
    width: 100%;
    display: table;
    margin-bottom: 20px;
    position: relative
}

.edu-history > i {
    display: table-cell;
    vertical-align: top;
    width: 70px;
    font-size: 50px;
    color: #e0208e;
    line-height: 60px
}

.edu-hisinfo {
    display: table-cell;
    vertical-align: top
}

.edu-hisinfo > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #8b91dd;
    margin: 0;
    margin-top: 0;
    margin-top: 10px
}

.edu-hisinfo > i {
    float: left;
    width: 100%;
    font-style: normal;
    font-size: 13px;
    color: #888;
    margin-top: 7px
}

.edu-hisinfo > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020;
    margin-top: 8px
}

.edu-hisinfo > span i {
    font-size: 13px;
    color: #888;
    font-style: normal;
    margin-left: 12px
}

.edu-hisinfo > p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 13px;
    color: #888;
    font-style: normal;
    line-height: 24px;
    margin-top: 10px
}

.edu-history.style2 {
    margin: 0;
    padding-bottom: 20px;
    position: relative;
    padding-left: 40px;
    margin-bottom: 24px;
    padding-bottom: 0
}

.edu-history.style2 > i {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #8b91dd;
    content: "";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.edu-history.style2 .edu-hisinfo > h3 {
    margin: 0
}

.edu-history.style2::before {
    position: absolute;
    left: 7px;
    top: 20px;
    width: 2px;
    height: 100%;
    content: "";
    background: #e8ecec
}

.edu-history.style2:last-child::before {
    display: none
}

.edu-history.style2 .edu-hisinfo > h3 span {
    color: #202020;
    margin-left: 10px
}

.mini-portfolio {
    float: left;
    width: 100%;
    padding-left: 30px
}

.mportolio {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
    margin-bottom: 30px
}

.mp-row {
    margin: 0 -15px
}

.mp-col {
    float: left;
    width: 25%;
    padding: 0 15px
}

.mportolio img {
    float: left;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.mportolio > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    background: #8b91dd;
    background: -moz-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(139, 145, 221, 1)), color-stop(71%, rgba(16, 25, 93, 1)), color-stop(100%, rgba(16, 25, 93, 1)));
    background: -webkit-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b91dd', endColorstr='#10195d', GradientType=1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    opacity: 0
}

.mportolio:hover > a {
    opacity: .9
}

.mportolio > a i {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    color: #fff;
    font-size: 30px;
    line-height: 10px;
    margin-top: -5px
}

.progress-sec {
    float: left;
    width: 100%;
    float: left;
    width: 100%;
    margin-bottom: 31px;
    padding-left: 15px
}

.progress-sec > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020;
    margin-bottom: 9px
}

.progressbar {
    float: left;
    width: 100%;
    position: relative;
    height: 6px;
    background: #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f64a84;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.progress span {
    position: absolute;
    right: -14px;
    top: -23px;
    font-size: 13px;
    color: #202020
}

.progress-sec:last-child {
    margin: 0
}

.companyies-fol-sec {
    float: left;
    width: 100%
}

.cmp-follow {
    float: left;
    width: 100%
}

.cmp-follow a {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.cmp-follow a img {
    float: none;
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #e8ecec;
    margin-bottom: 10px
}

.cmp-follow a span {
    width: 100%;
    float: left
}

.cand-details-sec .job-overview {
    margin-top: 10px;
    margin-bottom: 20px
}

.cand-details-sec .quick-form-job form {
    border-width: 2px
}

.text-socail {
    float: left;
    width: 100%
}

.text-socail > a {
    float: left;
    color: #fff;
    font-size: 18px;
    margin-right: 17px;
    margin-top: 13px
}

.action-inner .download-cv {
    float: right
}

.action-inner .download-cv a {
    background: none;
    color: #fff;
    border-color: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px
}

.action-inner.style2 > a {
    margin-top: 17px
}

.skills-badge {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 40px
}

.skills-badge span {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0;
    background: #edeff7;
    color: #888;
    font-family: Open Sans;
    font-size: 13px;
    margin: 0 6px;
    margin-top: 0;
    padding: 6px 20px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    margin-top: 14px;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

.skills-badge span:hover {
    background: #e1e4ec
}

.job-overview.style2 {
    margin: 0;
    border-top: 1px solid #e8ecec;
    border-bottom: 1px solid #e8ecec;
    padding: 20px 0;
    margin-bottom: 20px
}

.job-overview.style2 ul {
    padding: 0;
    border: none;
    margin: 0
}

.job-overview.style2 ul > li {
    float: left;
    width: 33.334%
}

.progress-sec.style2 {
    display: table;
    padding-right: 240px
}

.progress-sec.style2 > span {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 170px;
    line-height: 10px
}

.progress-sec.style2 .progressbar {
    background: none;
    height: auto;
    margin-top: 3px
}

.progress-sec.style2 .progressbar > i {
    float: left;
    width: 19px;
    height: 19px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #e6e8ef;
    margin-right: 12px
}

.progress-sec.style2 .progressbar .progress {
    background: none
}

.progress-sec.style2 .progressbar .progress > i {
    float: left;
    width: 19px;
    height: 19px;
    background: #e9477c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 12px
}

.progress-sec.style2 > p {
    float: none;
    display: table-cell;
    text-align: left;
    font-size: 13px;
    color: #202020;
    line-height: 0;
    position: relative;
    top: -3px
}

.job-overview.style3 {
    margin: 0;
    padding: 0 20px
}

.job-overview.style3 ul {
    margin: 0;
    border: none;
    border-top: 1px solid #e8ecec;
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;
    margin-bottom: 20px
}

.job-overview.style3 ul li {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    padding-left: 42px
}

.job-overview.style3 ul li h3 {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #888
}

.job-overview.style3 ul li i {
    font-size: 23px;
    line-height: 37px;
    left: 0
}

.job-overview > a {
    float: left;
    width: 100%;
    height: 50px;
    font-size: 13px;
    background: #e0208e;
    text-align: center;
    line-height: 50px;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px
}

.job-overview > a.contct-user {
    background: #8b91dd
}

.skill-perc {
    float: left;
    width: 100%
}

.skill-perc > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 20px;
    color: #202020;
    font-weight: 700;
    margin: 0
}

.skill-perc > p {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin-top: 10px;
    letter-spacing: 0
}

.skills-bar {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    padding: 16px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    position: relative
}

.skills-bar > span {
    position: absolute;
    right: 28px;
    top: 53px;
    font-size: 17px;
    font-family: Quicksand;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px
}

.manage-jobs-sec .cat-sec {
    margin-top: 40px
}

.manage-jobs-sec .cat-sec:last-child {
    margin: 0
}

.my-profiles-sec {
    float: right
}

.my-profiles-sec > span {
    float: left;
    font-size: 13px;
    color: #fff;
    font-family: Open Sans;
    line-height: 50px;
    cursor: pointer
}

.my-profiles-sec > span > img {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 18px
}

.my-profiles-sec > span > i {
    float: right;
    line-height: 50px;
    font-size: 20px;
    margin-left: 12px
}

.profile-sidebar {
    position: fixed;
    right: -316px;
    top: 0;
    z-index: 22;
    background: #fff;
    width: 316px !important;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    overflow-y: scroll;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.profile-sidebar .close-profile {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 32px;
    height: 32px;
    background: #e0208e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    color: #fff;
    cursor: pointer
}

.profile-sidebar .can-detail-s {
    margin: 0;
    float: left;
    width: 100%;
    padding: 0 20px
}

.profile-sidebar .can-detail-s .cst {
    margin: 0;
    margin-top: 0;
    margin-top: 20px
}

.profile-sidebar .can-detail-s .cst img {
    width: 114px;
    height: 114px;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.profile-sidebar .tree_widget-sec {
    padding: 0 40px;
    margin-top: 30px;
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.profile-sidebar .tree_widget-sec > ul {
    border-top: 1px solid #e8ecec;
    padding-top: 22px
}

.profile-sidebar.active {
    right: -16px;
    opacity: 1;
    visibility: visible
}

.wishlist-dropsec {
    float: right;
    margin-right: 20px;
    position: relative
}

.wishlist-dropsec > span {
    float: left;
    width: 46px;
    height: 46px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    color: #fff;
    position: relative;
    cursor: pointer;
    margin-top: 3px
}

.wishlist-dropsec > span strong {
    position: absolute;
    right: -1px;
    top: -5px;
    font-size: 10px;
    font-weight: 400;
    background: #8b91dd;
    height: 16px;
    line-height: 14px;
    width: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.wishlist-dropdown {
    position: absolute;
    right: -30px;
    width: 360px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    top: 100%;
    margin-top: 30px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    padding: 20px 15px;
    display: none
}

.wishlist-dropdown > ul {
    height: 243px;
    float: left;
    width: 100%;
    margin: 0
}

.wishlist-dropdown > ul li {
    margin: 0
}

.wishlist-dropdown > ul li .job-listing {
    padding-right: 0;
    border: none;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.wishlist-dropdown > ul li .job-listing h3 {
    font-size: 15px
}

.wishlist-dropdown .c-logo {
    width: 110px;
    text-align: left
}

.wishlist-dropdown::before {
    position: absolute;
    right: 43px;
    top: -6px;
    width: 15px;
    height: 15px;
    content: "";
    z-index: 1;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.view-resumesec {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: rgba(20, 21, 114, 0.6);
    display: none;
    overflow-y: scroll
}

.view-resumes {
    width: 700px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    margin-left: -350px;
    margin-top: 90px;
    padding: 0 20px;
    padding-bottom: 30px
}

.view-resumes > .close-resume-popup {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: #e0208e;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.view-resumes > h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    color: #202020;
    text-align: center;
    margin: 0;
    margin-top: 40px;
    margin-bottom: 20px
}

.job-listing.wtabs .date-resume {
    float: right;
    font-size: 13px;
    color: #888;
    margin-top: 30px
}

.view-resumes .job-listing.wtabs {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px
}

.follow-companiesec {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: rgba(20, 21, 114, 0.6);
    display: none
}

.follow-companies {
    width: 700px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    margin-left: -350px;
    margin-top: 90px;
    padding: 0 20px;
    padding-bottom: 30px;
    padding-right: 30px
}

.follow-companies > .close-follow-company {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: #e0208e;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.follow-companies > h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    color: #202020;
    text-align: center;
    margin: 0;
    margin-top: 40px;
    margin-bottom: 20px
}

.follow-companies > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.follow-companies > ul li {
    margin: 0
}

.follow-companies > ul li .job-listing.wtabs {
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 16px 0;
    padding-right: 30px
}

.follow-companies > ul li .job-listing.wtabs .go-unfollow {
    float: right;
    background: #fff;
    font-family: Open Sans;
    font-size: 13px;
    color: #8b91dd;
    border: 2px solid #8b91dd;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    padding: 9px 36px;
    margin-top: 10px
}

.follow-companies > ul li .job-listing.wtabs .job-lctn {
    padding-top: 0
}

.follow-companies #scrollbar {
    height: 333px
}

.upload-img-bar > span.round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.upload-img-bar > span.round img {
    float: left;
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.upload-img-bar > span.round i {
    right: 10px;
    top: 10px
}

.pf-field.no-margin .tags-bar {
    margin: 0;
    padding: 8px
}

.border-title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #edeff7;
    padding-bottom: 20px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 20px
}

.border-title > h3 {
    float: left;
    font-family: Quicksand;
    font-size: 20px;
    font-weight: 700;
    color: #202020;
    margin: 0;
    padding-left: 30px
}

.border-title > a {
    float: right;
    line-height: 27px;
    font-family: Open Sans;
    font-size: 13px;
    color: #e0208e
}

.border-title > a i {
    float: left;
    width: 27px;
    height: 27px;
    background: #e0208e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 27px;
    font-size: 13px;
    margin-right: 8px
}

.editdel {
    position: absolute;
    right: 0;
    top: 10px
}

.editdel a {
    float: left;
    font-size: 22px;
    color: #8b91dd;
    margin-left: 8px
}

.edu-history.style2 .editdel {
    top: 0
}

.mini-portfolio .editdel {
    position: static;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -16px
}

.mini-portfolio .editdel a {
    float: none;
    display: inline-block
}

.progress-sec.with-edit {
    padding-right: 80px;
    position: relative
}

.progress-sec.with-edit .editdel {
    top: 14px
}

.border-title > a.cancel i {
    background: #8b91dd
}

.border-title > a.cancel {
    color: #8b91dd
}

.resumeadd-form {
    float: left;
    width: 100%;
    padding-left: 30px
}

.resumeadd-form button {
    float: right;
    border: 2px solid #e0208e;
    color: #fff;
    font-family: Open Sans;
    font-size: 15px;
    padding: 12px 41px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px;
    background: #f43574
}

.resumeadd-form .remember-label {
    float: right;
    margin-top: 70px
}

/*input[type="file"] {
    display: none
}*/

/*.custom-file-upload {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center
}*/

/*.custom-file-upload i {
    color: #8b91dd;
    font-size: 32px;
    float: left;
    width: 100%;
    margin-top: 42px
}*/

.upload-portfolio {
    float: left;
    width: 100%;
    display: table
}

.uploadbox {
    display: table-cell;
    vertical-align: middle;
    border: 2px dashed #e6e8ef;
    width: 200px;
    height: 150px;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    position: relative
}

/*.custom-file-upload::before {
    display: none
}*/

/*.custom-file-upload span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #8b91dd;
    line-height: 25px
}*/

.uploadfield {
    float: left;
    width: 400px;
    margin-left: 30px
}

.uploadbutton {
    float: left;
    margin-left: 30px;
    margin-top: 50px
}

.job-list-del {
    float: right
}

.job-list-del a {
    float: left;
    line-height: 70px;
    font-size: 20px;
    color: #B9B9B9
}

.manage-jobs-sec .job-listing.wtabs {
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding-top: 25px;
    padding-bottom: 25px
}

.manage-jobs-sec .job-listing.wtabs:hover {
    background: #f8f9fc
}

.table-list-title > i {
    font-family: Open Sans;
    font-size: 13px;
    color: #8b91dd;
    font-style: normal;
    margin-bottom: 1px;
    float: left
}

.coverletter-sec {
    float: left;
    width: 100%
}

.coverletter-sec > form {
    float: left;
    width: 100%;
    padding-left: 30px
}

.coverletter-sec > form button {
    float: right;
    background: #fff;
    border: 2px solid #e0208e;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px
}

.bloglist-sec {
    float: left;
    width: 100%;
    margin-top: -40px
}

.blogpost {
    float: left;
    width: 100%;
    margin-top: 40px
}

.blog-posthumb {
    float: left;
    width: 100%
}

.blog-posthumb > a {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 6px
}

.blog-posthumb > a img {
    float: left;
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: scale(1.1) translate(-20px);
    -moz-transform: scale(1.1) translate(-20px);
    -ms-transform: scale(1.1) translate(-20px);
    -o-transform: scale(1.1) translate(-20px);
    transform: scale(1.1) translate(-20px)
}

.blog-posthumb > a:hover img {
    -webkit-transform: translate(0px) scale(1.1);
    -moz-transform: translate(0px) scale(1.1);
    -ms-transform: translate(0px) scale(1.1);
    -o-transform: translate(0px) scale(1.1);
    transform: translate(0px) scale(1.1);
    opacity: .9
}

.blog-postdetail {
    float: left;
    width: 100%;
    margin-top: 26px
}

.post-metas {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

.post-metas > li {
    float: left;
    margin: 0;
    margin-right: 0;
    margin-right: 30px
}

.modrn-joblist.np {
    padding: 0
}

.post-metas > li a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #a7a7a7
}

.post-metas > li a i {
    float: left;
    line-height: 17px;
    font-size: 20px;
    margin-right: 5px
}

.post-metas > li a.metascomment {
    color: #8b91dd
}

.post-metas > li a.metascomment i {
    color: #a7a7a7
}

.blog-postdetail > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 14px;
    margin-bottom: 10px
}

.blog-postdetail > p {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin: 0;
    margin-top: 4px
}

.bbutton {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    color: #e0208e;
    border: 2px solid #e0208e;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 12px 30px;
    margin-top: 24px
}

.no-margin {
    margin: 0 !important
}

.widget > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020
}

.sidebar-links {
    float: left;
    width: 100%
}

.sidebar-links a {
    float: left;
    width: 100%;
    position: relative;
    font-size: 13px;
    color: #888;
    margin: 9px 0
}

.sidebar-links a i {
    float: left;
    font-size: 9px;
    line-height: 18px;
    width: 18px
}

.mini-blog {
    float: left;
    width: 100%;
    display: table;
    margin: 10px 0;
    margin-bottom: 18px
}

.post_widget {
    float: left;
    width: 100%
}

.mini-blog > span {
    display: table-cell;
    vertical-align: top;
    width: 74px
}

.mini-blog > span a {
    float: left;
    width: 100%
}

.mini-blog > span a img {
    float: left;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.mb-info {
    display: table-cell;
    vertical-align: top;
    padding-left: 15px
}

.mb-info > h3 {
    float: left;
    width: 100%;
    font-family: Open sans;
    font-size: 13px;
    color: #202020;
    line-height: 20px;
    margin: 0
}

.mb-info > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    margin-top: 5px
}

.tags_widget {
    float: left;
    width: 100%
}

.tags_widget > a {
    float: left;
    font-family: Open sans;
    font-size: 13px;
    color: #888;
    border: 1px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 6px 14px;
    margin-right: 11px;
    margin-bottom: 11px
}

.blogpost.style2 {
    display: table;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8ecec
}

.blogpost.style2 .blog-posthumb {
    width: 322px;
    display: table-cell;
    float: none;
    vertical-align: top
}

.blogpost.style2 .blog-postdetail {
    float: none;
    display: table-cell;
    width: auto;
    vertical-align: middle;
    padding-left: 40px
}

.blogpost.style2 .blog-postdetail .bbutton {
    border: none;
    padding: 0;
    margin-top: 20px
}

.blogpost.style2 .blog-postdetail .bbutton i {
    font-size: 17px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 4px
}

footer .footer-title {
    float: left;
    width: 100%;
    color: #fff;
    font-family: Open Sans;
    font-size: 15px;
    color: #fff;
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 30px
}

.blog-single {
    float: left;
    width: 100%
}

.bs-thumb {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.bs-thumb > img {
    float: left;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.post-metas > li a img {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    margin-top: -13px
}

.blog-single > h2 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 20px;
    margin: 20px 0;
    color: #202020
}

.blog-single > p {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin-bottom: 20px
}

.blog-single > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020
}

blockquote {
    float: left;
    width: 100%;
    background: #f5f7fa;
    padding: 25px 40px;
    margin-bottom: 23px
}

blockquote > p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    font-style: italic;
    color: #888;
    line-height: 16px
}

blockquote > p i {
    font-size: 60px;
    line-height: 48px;
    display: inherit;
    width: 30px;
    float: left;
    margin-right: 10px
}

blockquote > p span i {
    float: none;
    line-height: 0;
    position: relative;
    top: 30px;
    margin-left: 13px
}

blockquote > strong {
    float: left;
    font-weight: 400;
    font-size: 13px;
    font-style: italic;
    color: #202020;
    margin: 0;
    margin-top: 0;
    margin-top: 18px
}

.tags-share {
    float: left;
    width: 100%;
    border-top: 1px solid #e8ecec;
    border-bottom: 1px solid #e8ecec;
    padding: 20px 0
}

.tags-share .tags_widget {
    float: left;
    width: 50%;
    margin-top: 6px
}

.tags-share .tags_widget span {
    float: left;
    font-size: 15px;
    color: #202020;
    margin-right: 20px;
    line-height: 28px
}

.tags-share .share-bar {
    padding: 0;
    border: none;
    float: right;
    width: 50%
}

.tags-share .share-bar a {
    float: right;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 36px;
    margin: 0;
    margin-left: 0;
    margin-left: 20px
}

.tags-share .share-bar span {
    float: right;
    margin: 0
}

.tags-share .tags_widget a {
    margin-bottom: 0
}

.post-navigation {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8ecec;
    padding-bottom: 30px;
    padding-top: 30px
}

.post-hist {
    float: left;
    width: 50%
}

.post-hist a {
    float: left;
    display: table;
    width: 100%
}

.post-hist a > i {
    display: table-cell;
    vertical-align: top;
    width: 53px;
    height: 53px;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 49px;
    font-size: 20px;
    color: #202020
}

.post-hist a .post-histext {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020
}

.post-hist a .post-histext i {
    float: left;
    width: 100%;
    font-style: normal;
    font-size: 13px;
    color: #888;
    margin-top: 4px
}

.post-hist.next a {
    text-align: right
}

.post-hist.next a .post-histext {
    padding-left: 0;
    padding-right: 20px
}

.comment-sec {
    width: 100%;
    float: left;
    margin-top: 30px
}

.comment-sec > h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    font-family: Open Sans;
    color: #202020
}

.comment-sec > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.comment-sec > ul > li {
    float: left;
    width: 100%;
    margin: 0
}

.comment {
    float: left;
    width: 100%;
    padding: 30px 0;
    display: table
}

.comment-avatar {
    display: table-cell;
    vertical-align: top;
    width: 80px
}

.comment-avatar img {
    float: left;
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.comment-detail {
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding-left: 30px
}

.comment-detail > h3 {
    float: left;
    width: 50%;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020;
    margin: 0
}

.comment-detail > p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 13px;
    line-height: 24px;
    color: #888;
    margin-top: 11px
}

.date-comment {
    float: right;
    width: 50%;
    text-align: right
}

.date-comment a {
    float: right;
    font-size: 13px;
    color: #8b91dd
}

.date-comment a i {
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 7px
}

.comment-detail > a {
    float: left;
    font-size: 13px;
    color: #e0208e;
    margin-top: 13px
}

.comment-detail > a i {
    float: left;
    font-size: 20px;
    line-height: 16px;
    margin-right: 6px
}

.comment-sec > ul > li .comment-child {
    padding-left: 80px;
    float: left;
    width: 100%;
    border-top: 1px solid #e8ecec;
    border-bottom: 1px solid #e8ecec
}

.comment-sec > ul > li:last-child .comment {
    border: none
}

.commentform-sec {
    float: left;
    width: 100%;
    margin-top: 30px
}

.commentform-sec > h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    font-family: Open Sans;
    color: #202020
}

.commentform-sec > form {
    float: left;
    width: 100%;
    padding-right: 260px
}

.commentform-sec .pf-title {
    margin-top: 0
}

.commentform-sec > form button {
    float: left;
    font-size: 15px;
    background: #e0208e;
    color: #fff;
    padding: 15px 28px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px
}

.commentform-sec form textarea {
    min-height: 150px
}

.photo-widget {
    float: left;
    width: 100%
}

.photo-widget .row {
    margin: 0 -2px
}

.photo-widget .row > div {
    padding: 0 2px
}

.photo-widget a {
    float: left;
    width: 100%;
    margin-bottom: 4px
}

.photo-widget a img {
    float: left;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

header.white > .menu-sec {
    margin-bottom: 0
}

header.white .menu-sec nav > ul > li > a {
    color: #202020
}

header.white .account-btns > li a {
    color: #202020
}

header.white .menu-sec nav > ul > li {
    padding-bottom: 27px
}

header.white .menu-sec nav > ul > li > ul {
    margin-top: 3px
}

.inner-title2 {
    float: none;
    width: 50%;
    padding: 60px 0;
    display: table-cell;
    vertical-align: middle
}

.inner-title2 > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 30px;
    color: #202020;
    font-weight: 700;
    margin: 0
}

.inner-title2 > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: gray;
    margin-top: 7px
}

.breadcrumbs {
    float: right;
    margin: 0
}

.breadcrumbs > li {
    position: relative;
    padding-left: 30px;
    margin: 0;
    float: left
}

.breadcrumbs > li a {
    float: left;
    width: 100%;
    font-size: 13px;
    color: gray
}

.breadcrumbs > li::before {
    position: absolute;
    left: 9px;
    top: 11px;
    width: 11px;
    height: 1px;
    background: #888;
    content: ""
}

.breadcrumbs > li:first-child::before {
    display: none
}

.inner2 {
    float: left;
    width: 100%;
    display: table
}

.page-breacrumbs {
    display: table-cell;
    vertical-align: middle
}

header.white {
    float: left;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

.about-us {
    float: left;
    width: 100%
}

.about-us h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020
}

.about-us p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 24px
}

.about-us img {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.about-us .tags-share {
    float: left;
    width: auto;
    border: none;
    padding: 0
}

.about-us .tags-share .share-bar {
    float: left;
    width: auto
}

.our-services {
    float: left;
    width: 100%;
    margin-bottom: -60px
}

.service {
    float: left;
    width: 100%;
    display: table;
    margin-bottom: 60px
}

.service > i {
    vertical-align: top;
    width: 80px;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 80px;
    text-align: center;
    line-height: 76px;
    font-size: 40px;
    color: #888;
    margin-right: 25px
}

.service-info {
    display: table-cell;
    vertical-align: top
}

.service-info > h3 {
    float: left;
    width: 100%;
    font-size: 15px;
    font-family: Open Sans;
    margin: 0
}

.service-info > p {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 24px;
    color: #888;
    margin: 0;
    margin-top: 11px
}

.our-services h2 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020;
    margin-bottom: 40px
}

.contact-form > h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #202020;
    font-family: Open Sans
}

.contact-form > form {
    float: left;
    width: 100%;
    padding-right: 100px
}

.contact-form > form .pf-title {
    margin-top: 0
}

.contact-form > form textarea {
    min-height: 155px
}

.contact-form > form button {
    float: left;
    margin-top: 5px;
    font-family: open sans;
    font-size: 15px;
    color: #fff;
    background: #e0208e;
    padding: 15px 58px;
    border: 2px solid #e0208e;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.contact-textinfo {
    float: left;
    width: 100%;
    padding-right: 100px
}

.contact-textinfo > h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #202020;
    font-family: Open Sans
}

.contact-textinfo > ul {
    float: left;
    width: 100%;
    margin: 0
}

.contact-textinfo > ul > li {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: table;
    margin-bottom: 15px;
    margin-top: 15px
}

.contact-textinfo > ul > li > i {
    display: table-cell;
    vertical-align: top;
    font-size: 50px;
    color: #647585;
    width: 70px
}

.contact-textinfo > ul > li > span {
    display: table-cell;
    vertical-align: middle;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 24px
}

.contact-textinfo > a {
    float: left;
    margin-top: 5px;
    font-family: open sans;
    font-size: 15px;
    color: #0f36a5;
    padding: 15px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-right: 20px;
    border: 2px solid #0f36a5
}

.contact-textinfo > a.fill {
    background: #0f36a5;
    color: #fff
}

.contact-map {
    float: left;
    width: 100%
}

.contact-map #map_div {
    height: 350px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.contact-textinfo.style2 {
    float: left;
    width: 100%;
    background: #edeff7;
    padding: 50px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.account-popup-area.static {
    position: static;
    float: left;
    width: 100%;
    display: block !important;
    overflow: auto;
    background: no-repeat;
    z-index: 1
}

.account-popup-area.static .account-popup {
    margin-top: 0;
    width: 430px;
    padding: 0;
    margin-top: 0;
    width: 430px;
    padding: 0
}

.account-popup-area.static .account-popup > span {
    line-height: 24px;
    margin: 0
}

.account-popup-area.static .account-popup > h3 {
    line-height: 30px
}

.faqs {
    float: left;
    width: 100%
}

.faq-box {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

.faq-box > h2 {
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;
    font-family: Open Sans;
    font-size: 20px
}

.faq-box > h2 > i {
    float: right
}

.faq-box > h2 > i::after {
    position: absolute;
    right: 10px;
    top: 3px;
    width: 1px;
    height: 13px;
    content: "";
    background: #202020;
    opacity: 0
}

.contentbox {
    float: left;
    width: 100%
}

.contentbox > p {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 24px;
    color: #888;
    margin: 0
}

.faq-box > h2.active i::after {
    opacity: 1
}

.terms-conditions {
    float: left;
    width: 100%
}

terms {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.terms:last-child {
    margin: 0
}

.terms > h2 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020;
    margin-bottom: 15px
}

.terms > p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin: 0
}

.terms {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.faq-box:last-child {
    margin: 0
}

.how-works {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 100px
}

.how-workimg {
    float: left;
    width: 55%;
    position: relative;
    display: table;
    z-index: 0
}

.how-workimg > img {
    float: left;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.how-workimg:before {
    background: #fb236a;
    background: -moz-linear-gradient(45deg, rgba(251, 35, 106, 1) 0%, rgba(251, 35, 106, 1) 44%, rgba(20, 31, 114, 1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(251, 35, 106, 1)), color-stop(44%, rgba(251, 35, 106, 1)), color-stop(100%, rgba(20, 31, 114, 1)));
    background: -webkit-linear-gradient(45deg, rgba(251, 35, 106, 1) 0%, rgba(251, 35, 106, 1) 44%, rgba(20, 31, 114, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(251, 35, 106, 1) 0%, rgba(251, 35, 106, 1) 44%, rgba(20, 31, 114, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(251, 35, 106, 1) 0%, rgba(251, 35, 106, 1) 44%, rgba(20, 31, 114, 1) 100%);
    background: linear-gradient(45deg, rgba(251, 35, 106, 1) 0%, rgba(251, 35, 106, 1) 44%, rgba(20, 31, 114, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0208e', endColorstr='#141f72', GradientType=1);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    opacity: .8
}

.how-work-detail {
    position: absolute;
    right: 0;
    top: 0;
    width: 52%;
    height: 100%;
    padding: 30px 0
}

.how-work-box {
    background: #fff;
    vertical-align: middle;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    padding: 93px 100px;
    float: left
}

.how-work-box > span {
    width: 66px;
    height: 66px;
    background: #e0208e;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 66px;
    font-weight: 700;
    font-size: 25px;
    margin-top: -33px;
    margin-left: -33px
}

.how-work-box > i {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 120px;
    color: #edeff7
}

.how-work-box > h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #202020;
    font-family: Open Sans
}

.how-work-box > p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 30px;
    margin: 0
}

.how-works.flip .how-workimg {
    float: right
}

.how-works.flip .how-work-detail {
    right: auto;
    left: 0;
    text-align: right
}

.how-works.flip .how-work-box > span {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -33px
}

.how-works.flip .how-work-box > i {
    right: auto;
    left: 20px
}

.how-works:last-child {
    margin: 0
}

.error-sec {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.error-sec > img {
    float: none;
    display: inline-block
}

.error-sec > span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #d5d8f3;
    margin-top: 40px
}

.error-sec > p {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #fff;
    line-height: 24px;
    margin-top: 20px
}

.error-sec form {
    float: left;
    width: 100%;
    padding: 0
}

.error-sec form > input {
    float: none;
    width: 510px;
    height: 60px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-size: 13px;
    display: inline-block;
    margin: 0
}

.error-sec form button {
    float: none;
    display: inline-block;
    width: 70px;
    height: 60px;
    text-align: center;
    padding: 0;
    font-size: 32px;
    background: #8b91dd;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-left: 15px;
    position: relative;
    top: 7px
}

.error-sec h6 a {
    float: none;
    display: inline-block;
    font-family: Open Sans;
    font-size: 13px;
    background: #0f36a5;
    color: #fff;
    padding: 12px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px
}

.error-sec > h6 {
    float: left;
    width: 100%;
    margin: 0
}

.stick-top .style3 .post-job-btn:hover {
    background: transparent;
    border: 2px solid #e0208e;
    color: #e0208e
}

.btn-extars .post-job-btn:hover {
    background: #e0208e;
    border: 2px solid #e0208e;
    color: #fff;
}


.account-popup > form button:hover {
    background: #e0208e
}

.login-social a.tw-login:hover {
    background: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

.login-social a.fb-login:hover {
    background: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.job-search form button:hover {
    background: #006fed
}

.or-browser > a:hover {
    background: #fff;
    color: #333
}

.scroll-to:hover {
    border-color: #e0208e
}

.scroll-to:hover a {
    background: #e0208e;
    color: #fff
}

.browse-all-cat a:hover {
    background: #e0208e;
    color: #fff
}

.simple-text-block a:hover {
    border-color: #FFF;
    background: #FFF;
    color: #e0208e
}

.social a:hover {
    color: #fff
}

header.style2 .post-job-btn:hover {
    background: #e0208e;
    border-color: #e0208e;
    color: #fff
}

header.style2 .account-btns {
    padding: 3px 0
}

.job-grid > a:hover {
    background: #e0208e;
    color: #fff;
    border-color: #e0208e
}

.subscription-sec form button:hover {
    background: #333
}

.social-links:hover a {
    opacity: .1
}

.social-links:hover a:hover {
    opacity: 1
}

.links a:hover {
    color: #333
}

header.style3 .post-job-btn:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
}

.find-cand form > button:hover {
    background: #e0208e
}

.download-text ul li a:hover {
    background: #7dc246;
    border-color: #7dc246
}

.team-detail > a:hover {
    color: #000
}

footer.ft .social a:hover {
    color: #333
}

header.style2 .account-btns > li a:hover {
    background: #e0208e;
    border-color: #e0208e;
    color: #fff
}

.job-search form button:hover {
    background: #006fed
}

.p-category.style2:hover > a i {
    color: #e0208e
}

.subscribe_widget form button:hover {
    background: #e0208e
}

header.style5 .post-job-btn:hover {
    background: #fff;
    color: #333;
    border: 2px solid #fff
}

.form-location-sec form button:hover {
    background: #e0208e
}

.p-category.style2.gray:hover {
    background: #fff;
    box-shadow: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    height: auto;
    width: auto;
    margin-left: 0
}

.job-listings-sec.style2 .aply-btn:hover {
    background: transparent;
    border: 1px solid #26ae61;
    color: #26ae61
}

.job-grid.style2:hover {
    background: #fff;
    box-shadow: none
}

.grid-info-box a:hover {
    background: transparent;
    border: 1px solid #26ae61;
    color: #26ae61
}

.who-am a:hover {
    background: #fff;
    color: #333
}

.emlthis.active {
    background: #e0208e;
    border-color: #e0208e;
    color: #fff
}

.emlthis.active i {
    color: #fff
}

.job-head-wide .apply-thisjob:hover {
    background: transparent;
    border-color: #9fa4e1;
    color: #9fa4e1
}

.apply-thisjob:hover {
    background: #c1010b;
    border-color: #e0208e;
    color: #FFF
}

.apply-alternative a:hover {
    background: #e0208e;
    border-color: #e0208e;
    color: #fff
}

.share-bar a:hover {
    background: #e0208e;
    border-color: #e0208e;
    color: #fff
}

.quick-form-job form button:hover {
    background: transparent;
    border: 2px solid #424f95;
    color: #424f95
}

.emply-text > ul > li:hover::before {
    background: #e0208e;
    width: 20px
}

.emply-text > ul > li:hover a {
    color: #e0208e
}

.job-single-head.style2 > a:hover {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    color: #fff
}

.job-single-head.style2 > .apply-job-linkedin:hover {
    color: #e0208e
}

.job-overview ul > li:hover i {
    color: #e0208e
}

.emply-btns > a:hover {
    background: #8b91dd;
    border-color: #8b91dd;
    color: #FFF
}

.emply-btns > a.seemap:hover {
    background: transparent;
    border-color: #e0208e;
    color: #e0208e
}

.upload-info > a:hover {
    background: #8b91dd;
    color: #fff
}

.pf-field .chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop.chosen-container-active a {
    border: 2px solid #e8ecec
}

.pf-field .chosen-container-single .chosen-drop {
    margin-top: 5px;
    border: 1px solid #e8ecec
}

.profile-form-edit > form button:hover, .contact-edit > form button:hover {
    background: #e0208e;
    color: #fff
}

.contact-edit .srch-lctn:hover {
    background: #8b91dd;
    color: #fff;
    border-color: #8b91dd
}

.pf-map #map_div {
    height: 300px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.table-list-title h3 a:hover {
    color: #e0208e
}

.tree_widget-sec > ul > li > ul > li a:hover {
    color: #202020
}

.contact-popup form > button:hover {
    background: #333
}

.change-password form button:hover {
    background: #e0208e;
    color: #fff
}

.shortlists > a:hover {
    background: #8b91dd;
    color: #fff
}

.action-inner .download-cv a:hover {
    background: #e0208e;
    border-color: #e0208e
}

.follow-companies > ul li .job-listing.wtabs .go-unfollow:hover {
    background: #e0208e;
    border-color: #e0208e;
    color: #fff
}

.border-title > a:hover {
    color: #555
}

.border-title > a:hover i {
    background: #555
}

.resumeadd-form button:hover {
    background: #555;
    border-color: #555
}

.coverletter-sec > form button:hover {
    background: #e0208e;
    color: #fff
}

.bbutton:hover {
    background: #e0208e;
    color: #fff
}

.blogpost.style2 .blog-postdetail .bbutton:hover {
    background: none;
    color: #333
}

.tags_widget > a:hover {
    background: #fafafa
}

.sidebar-links a:hover {
    color: #e0208e
}

.mb-info > h3:hover {
    color: #e0208e
}

.blog-postdetail > h3:hover {
    color: #e0208e
}

.post-hist a:hover > i {
    background: #fafafa
}

.commentform-sec > form button:hover {
    background: #555
}

.service:hover i {
    background: #e0208e;
    border-color: #e0208e;
    color: #fff
}

.contact-form > form button:hover {
    background: transparent;
    border: 2px solid #e0208e;
    color: #e0208e
}

.contact-textinfo > a.fill:hover, .contact-textinfo > a:hover {
    background: #e0208e;
    border-color: #e0208e;
    color: #fff
}

.error-sec form button:hover {
    background: #e0208e
}

.error-sec h6 a:hover {
    background: #e0208e
}

.menu-sec nav > ul > li ul li.menu-item-has-children > ul {
    position: absolute;
    left: 100%;
    width: 250px;
    padding-left: 11px;
    opacity: 0;
    visibility: hidden
}

.menu-sec nav > ul > li ul li.menu-item-has-children > ul::before {
    position: absolute;
    left: 7px;
    top: 13px;
    width: 13px;
    height: 13px;
    background: #fafafa;
    content: "";
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-sec nav > ul > li ul li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible
}

.bottom-line .scrollup {
    position: absolute;
    right: 70px;
    bottom: 44px;
    width: 50px;
    height: 50px;
    border: 2px solid #8a99b3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0;
    line-height: 46px;
    color: #8a99b3;
    font-size: 23px
}

.bottom-line .scrollup:hover {
    border: 2px solid #FFF;
    color: #FFF
}

footer.ft .scrollup:hover {
    border-color: #647585;
    color: #647585
}

.bottom-line.style2 .scrollup {
    border: none;
    bottom: 8px
}

footer.ft .scrollup {
    border-color: #7dc246;
    color: #7dc246;
    bottom: 190px;
    z-index: 6
}

.forsticky {
    position: absolute;
    left: 0;
    top: 0
}

.forsticky.sticky .menu-sec nav > ul > li > a {
    color: #232323;
    line-height: 10px
}

.forsticky.sticky .account-btns > li a {
    color: #222
}

.forsticky.sticky .menu-sec {
    margin-top: 23px;
    margin-bottom: 17px
}

.forsticky.sticky .post-job-btn:hover {
    background: #e0208e;
    color: #FFF
}

.forsticky.sticky {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1)
}

.showsticky {
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

.forsticky.sticky .logo a img.showsticky {
    display: block
}

.forsticky.sticky .logo a img.hidesticky {
    opacity: 0
}

:focus {
    outline: 0
}

.top-company-sec button.slick-arrow:hover {
    background: #e0208e;
    border: 2px solid #e0208e
}

.top-company-sec button.slick-arrow:hover:before {
    color: #fff
}

.iconmove {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.iconmove img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.p-category.green > a i {
    color: #647585
}

.p-category.green:hover a i {
    color: #7dc246
}

.browse-all-cat.green a {
    border-color: #7dc246
}

.browse-all-cat.green a:hover {
    background: #7dc246
}

.job-field.with-icon.nolbel input {
    margin: 41px 0
}

.browse-all-cat .style2.noradius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.alpha-pag.full #filter {
    margin: 0;
    float: left;
    width: 100%
}

.alpha-pag.full #filter li {
    float: left;
    margin: 0
}

.alpha-pag.full a.selected {
    background: #8b91dd;
    color: #fff
}

.alpha-pag.full #filter li:first-child a {
    font-size: 13px;
    color: #888;
    padding: 10px 20px;
    margin-right: 30px;
    font-weight: 400
}

.alpha-pag.full #filter li:first-child a.selected {
    color: #fff
}

.alpha-pag.full #filter li:first-child a:hover {
    color: #fff
}

.tags {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 8px
}

.tags > .addedTag {
    float: left;
    background: #f4f5fa;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-family: Open Sans;
    font-size: 13px;
    padding: 7px 17px;
    margin-right: 10px;
    position: relative
}

.tags > .addedTag > span {
    position: absolute;
    right: -6px;
    top: -5px;
    width: 16px;
    height: 16px;
    font-style: normal;
    background: #e0208e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 13px;
    font-size: 10px;
    font-family: Open Sans;
    cursor: pointer
}

.tagAdd.taglist input {
    float: left;
    width: auto;
    background: #fff;
    border-left: 1px solid #e8ecec;
    /*margin-left: 10px;*/
    padding: 0;
    height: 19px;
    margin: 5px 0;
    margin-left: 15px;
    padding-left: 15px
}

.tags li {
    margin: 0
}

.emply-resume-list:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    margin-top: 0;
    position: relative;
    z-index: 12
}

.edu-history-sec .action_job {
    position: absolute;
    right: 0;
    top: 0;
    left: auto
}

.edu-history-sec .action_job li a {
    font-size: 19px;
    color: #8b91dd
}

.mp-col .action_job {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -10px
}

.mp-col .action_job li {
    float: none;
    display: inline-block
}

.mp-col .action_job li a {
    font-size: 19px;
    color: #8b91dd
}

.progress-sec.with-edit .action_job {
    position: absolute;
    right: 0;
    top: 17px
}

.progress-sec.with-edit .action_job li a {
    font-size: 19px;
    color: #8b91dd
}

.menu-sec nav > ul > li ul li.menu-item-has-children > ul > li {
    background: #fafafa
}

.cand-extralink.stick {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    background: #fff;
    z-index: 9
}

.cand-extralink > li.active a {
    border-bottom: 2px solid #8b91dd
}

.responsive-header {
    float: left;
    width: 100%;
    position: relative;
    background: #0b1b46;
    padding: 0;
    z-index: 99;
    display: none
}

.responsive-header.three {
    background: #FFF !important
}

.responsive-header.four {
    background: #FFF !important
}

.responsive-header.five {
    background: #26ae61 !important
}

.responsive-header.five .res-openmenu {
    background: transparent !important
}

.responsive-header.three .res-openmenu {
    color: #7dc246
}

.responsive-header.three .res-closemenu {
    color: #7dc246
}

.responsive-header.four .res-openmenu {
    color: #e0208e
}

.responsive-header.four .res-closemenu {
    color: #e0208e
}

.responsive-menubar {
    float: left;
    width: 100%;
    padding: 0;
    background-image: linear-gradient(to right ,#00bea3, #006eee);
}

.responsive-menubar .menu-sec {
    float: none;
    display: inline;
    margin: 0
}

.responsive-menubar .menu-sec nav {
    float: none;
    margin: 0
}

.responsive-menubar .menu-sec nav > ul {
    float: left;
    margin: 0;
    padding: 0
}

.responsive-menubar .menu-sec nav > ul > li > a {
    padding: 16px 5px 0px 0px !important;
    color: #202020
}

.responsive-menubar .menu-sec nav > ul > li > a::before {
    right: -4px !important
}

.responsive-menubar .menu-sec nav > ul > li > ul {
    top: 112%;
    width: 224px;
    right: -30px
}

.responsive-menubar .menu-sec nav > ul > li > ul::before {
    left: 163px
}

.responsive-menubar .menu-sec nav > ul > li.menu-item-has-children > a::before {
    right: -25px;
    color: #202020
}

.res-logo a {
    padding: 5px 10px 3px;
    /*background-color: #999999*/
}

.menu-resaction {
    float: right;
    position: relative
}

.responsivemenu {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px;
    border-top: 1px solid #38425f;
}

.res-openmenu {
    float: left;
    color: #fff;
    font-size: 15px;
    font-family: Open Sans;
    padding: 12px 27px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
    cursor: pointer
}

.res-openmenu img {
    float: left;
    margin-right: 11px
}

.res-closemenu {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 15px;
    font-family: Open Sans;
    padding: 13px 27px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden
}

.responsive-opensec {
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    padding: 0 2px;
    overflow-y: scroll;
    height: 620px
}

.responsive-opensec .btn-extars {
    float: left;
    width: 100%;
    /* border-top: 1px solid #38425f; */
    /* border-bottom: 1px solid #38425f; */
    padding: 20px 0;
    text-align: center;
    margin-left: 15px;
}

.res-search {
    float: left;
    width: 100%;
    margin-top: 40px;
    background: #040e2b;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.res-search input {
    float: left;
    width: 100%;
    margin: 0;
    background: #fff;
    font-size: 13px;
    color: #202020;
    padding: 18px 30px;
    padding-right: 30px;
    padding-right: 80px
}

.res-search button {
    position: absolute;
    right: 0;
    background: none;
    padding: 0;
    color: #62697f;
    font-size: 25px;
    padding: 11px 20px
}

.responsivemenu > ul {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 34px;
}

.responsivemenu > ul > li {
    float: left;
    width: 80%;
    margin: 12px 0;
    position: relative
}

.responsivemenu > ul > li > a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020;
    padding-right: 30px;
    position: relative
}

.responsivemenu > ul > li.menu-item-has-children > a::before {
    position: absolute;
    right: 0;
    top: 13px;
    width: 20px;
    height: 1px;
    background: #202020;
    content: ""
}

.responsivemenu > ul > li.menu-item-has-children > a::after {
    position: absolute;
    right: 10px;
    top: 4px;
    width: 1px;
    height: 20px;
    content: "";
    background: #202020
}

.responsivemenu > ul > li ul {
    float: left;
    width: 100%;
    padding: 0;
    padding-left: 0;
    margin: 0;
    padding-left: 30px;
    display: none
}

.responsivemenu > ul > li ul > li {
    float: left;
    width: 100%;
    margin: 0
}

.responsivemenu > ul > li ul > li a {
    float: left;
    width: 100%;
    color: #202020;
    font-size: 15px;
    padding: 8px 0
}

.responsivemenu > ul > li.menu-item-has-children.active {
    margin-bottom: 0
}

.responsivemenu > ul > li.menu-item-has-children.active > ul {
    margin-bottom: 0
}

.responsivemenu > ul > li.menu-item-has-children.active a::after {
    height: 0
}

.responsivemenu > ul > li.menu-item-has-children.active > a {
    color: #202020
}

.responsivemenu > ul > li ul > li a:hover {
    color: #e0208e;
    padding-left: 15px
}

.res-openmenu.active {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.responsive-header.active .res-closemenu {
    opacity: 1;
    visibility: visible
}

.res-closemenu img {
    float: left;
    margin-right: 12px
}

.blogpost.style2 .blog-posthumb > a img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.res-logo > a {
    float: left
}

.file-input {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    color: #8b91dd;
    border: 2px solid #8b91dd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 40px;
    position: relative
}

.file-input:hover {
    cursor: pointer
}

.file-input input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: 3
}

.file-input input:hover {
    cursor: pointer
}

.file-input input {
    display: block
}

header, .res-openmenu, .res-closemenu, .responsivemenu > ul > li.menu-item-has-children > a, .responsivemenu > ul > li ul > li a, .menu-sec nav > ul > li, .menu-sec nav > ul > li *, .chosen-container, .responsivemenu > ul > li.menu-item-has-children > a::before, .responsivemenu > ul > li.menu-item-has-children > a::after, .contact-textinfo > a.fill, .contact-textinfo > a, .chosen-container *, .emply-resume-list, .p-category, .p-category *, .job-listing, .job-listing *, .my-blog, .my-blog *, .link_widgets, .link_widgets *, .link_widgets a:before, .quick-select, .quick-select *, .top-compnay, .top-compnay *, .team, .team *, .sb-title::after, .sb-title::before, .sb-title, .emply-list, .emply-list *, .mportolio a, .profile-sidebar, .post-job-btn, .account-popup > form button, .login-social a, .job-search form button, .or-browser > a, .scroll-to, .scroll-to *, .browse-all-cat a, .simple-text-block a, .social *, .job-grid, .job-grid *, .top-compnay *, .subscription-sec form button, .social-links, .social-links *, .links a, .find-cand form > button, .download-text ul *, .team-detail *, header.style4 .account-btns > li a, .tab-sec, .tab-sec *, .subscribe_widget form button, .who-am, .who-am *, #toggle-widget h2::before, .emlthis, .emlthis *, .pagination, .pagination *, .apply-thisjob, .apply-alternative a, .share-bar *, .quick-form-job form button, .alpha-pag *, .emply-text > ul > li *, .emply-text > ul > li:before, .job-single-head.style2 > a, .job-overview ul > li *, .emply-btns > a, .upload-info > a, .profile-form-edit > form button, .contact-edit .srch-lctn, .contact-edit > form button, .action_job *, .table-list-title *, .tree_widget-sec > ul > li > ul *, .contact-popup form > button, .change-password form button, .shortlists > a, .action-inner .download-cv a, .follow-companies > ul li .job-listing.wtabs .go-unfollow, .border-title > a, .border-title > a *, .resumeadd-form button, .coverletter-sec > form button, .blogpost, .blogpost *, .tags_widget > a, .sidebar-links a, .sidebar-links a i, .mb-info > h3, .post-hist *, .commentform-sec > form button, .service *, .contact-form > form button, .error-sec form button, .error-sec h6 a, .menu-sec, .top-company-sec button.slick-arrow, .top-company-sec button.slick-arrow:before, .how-to-sec, .how-to-sec *, .responsivemenu li, .responsivemenu {
    -webkit-transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -ms-transition: all .4s ease 0;
    -o-transition: all .4s ease 0;
    transition: all .4s ease 0
}

#autocompletion {
    width: 100%;
    background-color: #FFF;
    -webkit-box-shadow: -1px 3px 12px 0 rgba(0, 0, 0, 0.25);
    box-shadow: -1px 3px 12px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 0;
    top: 78px;
    border-radius: 4px;
    z-index: 200;
    color: #5b5b5b
}

#autocompletion .row {
    margin: 0
}

#autocompletion .tabs-left {
    border-bottom: none;
    padding-top: 2px
}

#autocompletion .tabs-left > li {
    float: none;
    margin-bottom: 2px;
    margin-right: -1px
}

#autocompletion .tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block
}

#autocompletion .cat {
    padding: 0
}

#autocompletion .pro {
    padding: 0;
    border-left: 1px solid #ddd
}

#autocompletion .pro ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#autocompletion .pro ul h3 {
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    display: table;
    text-align: left
}

#autocompletion .pro ul li img {
    float: left;
    margin: 0 15px 0 0;
    width: 90px
}

#autocompletion .pro ul li p {
    font-size: 10px;
    text-align: justify;
    margin: 0;
    line-height: 14px
}

#autocompletion .pro ul li {
    padding: 10px;
    overflow: auto;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0
}

#autocompletion .pro ul li:hover {
    background: #eee;
    cursor: pointer
}

@media (max-width: 768px) {
    #autocompletion .pro ul h3 {
        font-size: 12px;
        display: inline-block;
        line-height: 12px
    }

    #autocompletion .pro ul li img {
        margin: 0 auto 10px;
        float: none;
        display: block
    }
}

#connecter .modal-dialog {
    max-width: 600px
}

#connecter h4 {
    font-size: 18px
}

#connecter .login-container p {
    font-size: 13px
}

#connecter .login-container .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#connecter .login-container .form-control {
    border: 1px solid #ccc !important;
    padding: .375rem .75rem !important;
    background-color: #fff !important
}

#connecter .login-container .form-group span:first-child {
    margin-left: 0 !important
}

#connecter .login-container .form-group span label {
    font-size: 11px !important
}

#connecter .login-container .form-group span:last-child {
    float: right !important;
    font-size: 12px !important;
    padding-top: 4px !important;
    margin-right: 0 !important
}

#connecter .login-container .form-group {
    overflow: hidden
}

#connecter .login-container .colother p {
    line-height: 23px
}

#connecter .login-container .colother .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

#connecter .login-container .colother .btn-default:hover, #connecter .login-container .colother .btn-default:focus, #connecter .login-container .colother .btn-default.focus, #connecter .login-container .colother .btn-default:active, #connecter .login-container .colother .btn-default.active, #connecter .login-container .colother .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

#connecter .uiTooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible
}

#connecter .uiTooltip.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

#connecter .uiTooltip.top {
    margin-top: -2px
}

#connecter .uiTooltip.right {
    margin-left: 2px
}

#connecter .uiTooltip.bottom {
    margin-top: 36px;
    margin-left: 11px
}

#connecter .uiTooltip.left {
    margin-left: -2px
}

#connecter .uiTooltip.top .uiTooltip-arrow {
    bottom: 0;
    width: 0;
    border-top: 5px solid #000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

#connecter .uiTooltip.left .uiTooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000
}

#connecter .uiTooltip.bottom .uiTooltip-arrow {
    top: 0;
    width: 0;
    margin-left: 5px;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    border-left: 5px solid transparent
}

#connecter .uiTooltip.right .uiTooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-right: 5px solid #000;
    border-bottom: 5px solid transparent
}

#connecter .uiTooltip-inner {
    width: auto;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 11px
}

#connecter .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}

#connecter .uiTooltip {
    display: none
}

#connecter .error .uiTooltip {
    display: block
}

#connecter .loginError {
    margin-left: 30px;
    margin-top: -27px;
    display: none
}

#connecter .error .loginError {
    display: block
}

#connecter .loginError .uiTooltip-inner {
    background: #e0208e;
    color: #FFF
}

#connecter .loginError .uiTooltip-arrow {
    border-bottom-color: #e0208e
}

.bcnotifications .dropdown-menu {
    margin-top: 7px;
    right: -145px;
    min-width: 620px;
    padding: 0
}

.bcnotifications {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 50px
}

.bcnotifications .dropdown-toggle {
    border: none !important
}

.bcnotifications .dropdown-toggle:hover {
    background: none !important
}

.bcnotifications .dropdown-toggle::after {
    display: none !important
}

.bcnotifications li {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    margin: 0
}

.bcnotifications .note {
    overflow: hidden;
    display: inline-table
}

.bcnotifications .note .dropdown {
    right: 38px
}

.bcnotifications .note .bcimg {
    width: 60px;
    height: 45px;
    display: table-cell;
    vertical-align: middle
}

.bcnotifications .note .bcimg img {
    width: 100%;
    vertical-align: initial;
    margin-bottom: -3px
}

.bcnotifications .note .info {
    padding: 0 0 0 10px
}

.bcnotifications .note .info span {
    font-size: 11px;
    line-height: 12px;
    vertical-align: middle
}

.bcnotifications .note .info a {
    border: none;
    padding: 3px;
    font-size: 11px;
    text-decoration: underline;
    color: #5b5b5b
}

.bcnotifications .note .info a:hover {
    background: none !important;
    border: none !important;
    color: #5b5b5b
}

.bcnotifications .dropdown-menu a {
    float: none;
    border: none !important;
    padding: 3px;
    font-size: 11px;
    text-decoration: underline;
    color: #5b5b5b
}

.bcnotifications .dropdown-toggle i {
    display: inline !important;
    font-size: 25px;
    line-height: 12px !important
}

.bcnotifications .dropdown-toggle i span {
    vertical-align: super;
    font-size: 11px;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 1px 3px;
    text-align: center;
    border-radius: 3px;
    color: #e0208e;
    font-weight: 700;
    margin-left: -8px
}

.bcnotifications .dropdown-menu a:hover {
    background: none !important;
    border: none !important;
    color: #5b5b5b !important
}

.bcnotifications .dropdown-menu::before {
    position: absolute;
    top: -7px;
    left: 32%;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-bottom-color: #ccc;
    border-bottom-color: #fff;
    content: ''
}

.xmenu {
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.xmenu .btns {
    display: inline-block;
    padding: 20px;
    float: left
}

.xmenu .btnautres {
    float: right;
    padding: 20px
}

.xmenu .btnautres a {
    border: 1px solid #e0208e;
    padding: 7px 13px;
    border-radius: 4px;
    font-size: 12px;
    color: #e0208e
}

.xmenu .btnautres a:hover {
    background: #e0208e;
    color: #fff
}

.block .imgHabillage {
    text-align: center
}

.block .title {
    text-align: center;
    padding: 35px 0
}

.block .title h1 {
    margin-top: 5px;
    color: #ce232e;
    font-size: 20px
}

.block .job-single-sec .skybloc {
    max-width: 231px;
    float: left
}

.block .job-single-sec .job-wide-devider {
    float: none !important;
    width: auto !important;
    overflow: hidden;
    padding: 25px 0 30px 15px
}

.testoprog {
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 15px
}

.testoprog p {
    font-size: 11px;
    margin-left: 15px;
    margin-bottom: 20px
}

.testoprog .progressRK {
    height: 40px;
    background: #f7f7f7;
    border-radius: 100px;
    box-shadow: none;
    position: static;
    margin-bottom: 7px
}

.testoprog .progressRK.green, .testoprog .progressRK.red {
    color: #5b5b5b
}

.testoprog .progressRK .progress-title {
    width: 20%;
    height: 100%;
    background: #f6f6f6;
    border-radius: 100px 0 0 100px;
    float: left;
    margin: 0;
    font-size: 10px;
    color: #5b5b5b;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
    position: relative
}

.testoprog .progressRK .progress-title:after {
    content: "";
    border-left: 10px solid #f6f6f6;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 10px;
    right: -9px;
    z-index: 1
}

.testoprog .progressRK .progress-bar {
    width: 80%;
    box-shadow: none;
    position: relative;
    float: left
}

.testoprog .progressRK .progress-value {
    height: 100%;
    border-radius: 0 100px 100px 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    animation: animate-positive 2s;
    padding-left: 15px
}

.testoprog .progressRK.red .progress-value {
    background: #bf0818
}

.testoprog .progressRK.green .progress-value {
    background: #28812c
}

.testoprog .progressRK.blue .progress-value {
    background: #2e9ce0
}

.testoprog .progressRK.yellow .progress-value {
    background: #eea921
}

@keyframes animate-positive {
    0% {
        width: 0
    }
}

@media only screen and (max-width: 480px) {
    .testoprog .progressRK .progress-title {
        font-size: 7px !important;
        letter-spacing: 0 !important
    }

    .testoprog .progressRK .progress-value {
        font-size: 10px !important
    }

    .testoprog .progressRK .progress-title::after {
        border-left: 5px solid #f6f6f6;
        right: -5px !important
    }

    .testoprog .progressRK #xthechart h3 i {
        font-size: 10px !important;
        display: inline !important
    }

    .testoprog .btn.btn-danger {
        margin: 0 auto !important
    }
}

.testoprog .popover.fade.bottom.in {
    position: absolute
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999
}

.preloader .status {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -35px
}

.preloader .status img {
    width: 90px;
    height: 90px
}

.main-slider-sec .video-container {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 590px;
    margin-bottom: -10px
}

.main-slider-sec .video-container .video-parallax {
    width: 100%;
    margin-top: -110px
}

/*----------------------------------------------------------*/
.floatbtnhp {
    list-style: none;
    position: absolute;
    top: 250px;
    left: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}
.floatbtnhp li a {
    display: block;
    margin-left: -2px;
    height: 60px;
    width: 60px;
    border-radius: 0 25px 25px 0;
    border: 2px solid #000;
    background: #FFF;
    margin-bottom: 1em;
    transition: all .4s ease;
    color: #2980b9;
    text-decoration: none;
    line-height: 60px;
    position: relative;
}
.floatbtnhp li a:hover {
    cursor: pointer;
    width: 230px;
    color: #fff;
}
.floatbtnhp li a:hover span {
    left: 0;
}
.floatbtnhp li a span {
    padding: 0 30px 0 15px;
    position: absolute;
    left: -120px;
    transition: left .4s ease;
}
.floatbtnhp li a .imgfx {
    position: absolute;
    top: 50%;
    right: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.5em;
}
.floatbtnhp li a .imgfx img{
    width: 45px;
    margin: 5px 0px 10px 10px;
    border: 2px solid #eee;
    border-radius: 50%;
}

.floatbtnhp li .rekrute {
    background: rgba(0, 111, 237, 0.1);
    border-color: #006fed;
    color: #006fed;
}
.floatbtnhp li .rekrute:hover {
    background: #006fed;
}
/*----------------------------------------------------------*/

.RekAlert .alert {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.11);
    display: table;
    width: 100%;
}

.RekAlert .alert-white {
    background-image: linear-gradient(to bottom, #fff, #f9f9f9);
    border-top-color: #d8d8d8;
    border-bottom-color: #bdbdbd;
    border-left-color: #cacaca;
    border-right-color: #cacaca;
    color: #404040;
    padding-left: 61px;
    position: relative;
}

.RekAlert .alert-white.rounded {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.RekAlert .alert-white.rounded .icon {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

.RekAlert .alert-white .icon {
    text-align: center;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #bdbdbd;
    padding-top: 15px;
}


.RekAlert .alert-white .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #bdbdbd;
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: -6px;
    margin-top: -3px;
    background: #fff;
}

.RekAlert .alert-white .icon i {
    font-size: 20px;
    color: #fff;
    left: 12px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}
/*============ colors ========*/
.RekAlert .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.RekAlert .alert-white.alert-success .icon,
.RekAlert .alert-white.alert-success .icon:after {
    border-color: #54a754;
    background: #60c060;
}

.RekAlert .alert-info {
    background-color: #d9edf7;
    border-color: #98cce6;
    color: #3a87ad;
}

.RekAlert .alert-white.alert-info .icon,
.RekAlert .alert-white.alert-info .icon:after {
    border-color: #3a8ace;
    background: #4d90fd;
}


.RekAlert .alert-white.alert-warning .icon,
.RekAlert .alert-white.alert-warning .icon:after {
    border-color: #d68000;
    background: #fc9700;
}

.RekAlert .alert-warning {
    background-color: #fcf8e3;
    border-color: #f1daab;
    color: #c09853;
}

.RekAlert .alert-danger {
    background-color: #f2dede;
    border-color: #e0b1b8;
    color: #b94a48;
}

.RekAlert .alert-white.alert-danger .icon,
.RekAlert .alert-white.alert-danger .icon:after {
    border-color: #ca452e;
    background: #da4932;
}
/*----------------------------------------------------------*/

.recruiter-questions {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    border: 1px dashed #e8ecec;
    border-radius: 8px
}

.recruiter-questions .row {
    display: block;
    flex-wrap: nowrap;
    margin-right: 0;
    margin-left: 0
}

.recruiter-questions label {
    padding: 0;
    cursor: default
}

.recruiter-questions label::before {
    border: none
}

.recruiter-questions .holder-apply {
    padding-left: 20px
}

.recruiter-questions .holder-apply input[type=checkbox], .recruiter-questions .holder-apply input[type=radio] {
    opacity: 1;
    z-index: 1;
    margin-left: -20px;
    margin-top: 4px
}

.addlikebtns {
    position: absolute;
    top: 0;
    right: 0;
    color: #e0208e;
    font-size: 20px;
    text-decoration: none
}

.addlikebtns .fa-heart-o:hover:before {
    content: "\f004"
}

.addlikebtns span {
    display: inline-block;
    margin-bottom: 3px;
    vertical-align: middle;
    font-weight: 700;
    margin-left: 4px;
    color: #5b5b5b;
    font-size: 12px
}

.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 20px
}

.switch input {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked + .slider {
    background-color: #1059a5
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196f3
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}
/*-----------------------------------------*/
.salairestyle{
    background: #e9e9e9;
}
.salairestyle h2 .new{
    display: inline;
    float: none;
    font-weight: 700;
    font-size: 22px;
    color: rgb(255, 255, 255);
    background-color: rgb(190, 23, 36);
    padding: 2px 10px;
}
.salairestyle .my-blog img{
    width: 100%;
}
.salairestyle .my-blog p{
    padding: 10px 15px;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    text-align: center;
}
.salairestyle .bottomtext{
    text-align: center;width: 100%;margin-top: 20px;
}
.salairestyle .browse-all-cat{
    margin-top: 40px;
}
.salairestyle .browse-all-cat .style2{
    border-radius: 8px;
}

/*========================================================*/
.suggRech{
    background: #fff;
    padding: 10px;
    border-radius: 0px 0px 10px 10px;
    height: auto;
    overflow: hidden;
}
.suggRech .RightRech{
    border-left: 1px dashed rgb(232, 236, 236);
}
.suggRech .Rechmots{
    padding: 1px 10px;
}
.suggRech .Rechmots a{
    margin-left: 10px;
    font-size: 12px;
}
.iSsuggRech form{
    border-radius: 40px 40px 50px 50px !important;
}

.suggRech .Rechents{
    padding: 3px 10px;
}
.suggRech .Rechents .imginfo{
    float: left;
    width: 70px;
    height: 45px;
    /*border: 1px solid #eee;*/
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}
.suggRech .Rechents .imginfo .helper{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.suggRech .Rechents .imginfo img{
    width: 100%;
    margin-left: -3px;
}
.suggRech .Rechents .info{
    display: inline-block;
    margin-left: 10px;
}
.suggRech .Rechents .info h6{
    margin: 0px;
    margin-top: 3px;
}
.suggRech .Rechents .info span{
    font-size: 11px;
}
.suggRech .Rechents .info span b{
    color: #e0208e;
}

.search-job2.issuggRech{
    border-radius: 50px 50px 60px 60px !important;
}
.search-job2.issuggRech form .row > div:first-child .job-field input {
    border-radius: 8px 8px 0 0px !important;
}
.search-job2.issuggRech form .row > div:last-child button {
    border-radius: 8px 8px 0px 0 !important;
}

.Feedback-RK {
    position: fixed;
    top: 305.5px;
    bottom: auto;
    display: block;
    right: 0;
    background-color: transparent;
    border: none;
    z-index: 9999;
}

.entr-rek-bloc {
    margin-left: 2em;
}

/*----------------------------------- Attractiveness -------------------------*/

.entr-rek-bloc {
    margin-left: 2em;
}

.rek-thumb{
    vertical-align: middle !important;
    padding-left: 10px;
    text-align:center;
}

.rek-badge-hbw{
    width: 120px;
    margin-top: 5px;
    text-align:right;
}

.rek-sec-activ{
    font-size: 10px;
    background: #e0208e;
    color: white;
    margin-top: 3px;
}


.rek-list-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 30px
}

.rek-list {
    float: left;
    width: 100%;
    border-bottom: 2px solid #e8ecec;
    display: table;
    padding: 16px 5px;
}

.rek-list-thumb {
    display: table-cell;
    text-align: center;
    width:20%;
}

.rek-list-thumb > a {
    float: left;
    width: 100%;
    z-index:45;
}

.rek-list-thumb > a img {
    width: 90px;
    padding: 0 !important;
    margin-top: 4px;
}

.rek-list-info {
    display: table-cell;
    vertical-align: top;
    padding-left: 17px;
    position: relative
}

.rek-pstn {
    position: absolute;
    right: 0px;
    top: 0;
    color: #8b91dd;
    font-size: 13px;
    text-align:right;

}

.rek-list-info > h3 {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #202020;
    margin-bottom: -9px;
    font: bold 17px/20px verdana, Arial, helvetica, sans-serif;
}

.rek-list-info > span {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #e0208e;
    display: none
}

.rek-list-info .rek-info-holder > h6 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0;
    font-size: 13px;
    font-family: Open Sans;
    margin-top: 5px;
    display: flex;
}

.rek-list-info > p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888;
    line-height: 18px;
    margin: 0;
    margin-top: 8px;
    text-align: justify;
    padding-right: 19px;
}

.rek-list-info .rek-info-holder > h6 i {
    float: left;
    font-size: 20px;
    line-height: 16px;
    margin-right: 4px;
    color: #999
}

.rek-list-sec .pagination {
    margin-bottom: 60px
}

.rek-list:hover {
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    border-color: #fff
}

.green {
    color: #1ABB9C;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem ;
    font-size: .875rem ;
    line-height: .5 ;
    border-radius: .2rem ;
}

.rek-divider {
    border-left: 1px solid #ce242e;
    border-right: 1px solid #ce242e;
    height: 16px;
    padding: 1px;
    margin: 0px 3px;
}

.circle-prog{
    float: right;
    top: 46%;
    right: 10px;
    position: absolute;
    background: black;
    color: aliceblue;
    display: flex;
    width: 33px;
    height: 32px;
}

.rek-info-holder  {
    padding-top: 26px;
}

.btn-group-xs > .btn, .btn-xs {
    /*padding  : .25rem .4rem !important;*/
    font-size  : .875rem !important;
    line-height  : .5 !important;
    border-radius : .2rem !important;
}
/*----------------Badge ----------------*/

.voirplusTop{
    color: #666 !important;
    font-size: 11px !important;
    text-decoration: underline !important;
    margin-top: 0px !important;
}

.titreINfo{
    color:#e0208e  !important;
}

.badge-rek-box{
    position: relative;
    display: inline-block; /* Make the width of box same as image */
    margin-top: 15px;
}
.badge-rek-box .text{
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 10px;
    text-align: center;
    width: 50%;
    font-weight: 800;
}
.badge-rek-box img{
    width: 50px;
}
.badge-rek-box p{
    color:#000;
}

/* circleBar */

#circleBar .round {

    margin-top: 15px;
    position: relative;
}
#circleBar .round strong {
    position: absolute;
    top: 20%;
    left: 50%;
    /* margin-top: -50px; */
    transform: translate(-50%);
    color: #212121;
    font-size:14px !important;
}
#circleBar span {
    display: block;
    color: #999;
    font-size: 16px;
    margin-top: 10px;
}
#circleBar span i {
    color: #ff5c5c;
    font-size: 22px;
    margin-right: 6px;
}


/* --------- */

.weeklyentreprise {
    letter-spacing: 0;
    text-align: center;
    outline: none !important;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Quicksand', serif !important;
    margin: 0;
    font-weight: 700;
    font-size: 30px !important;
    color: #202020 !important;
    line-height: 23px !important;
}

.rekh3 {
    display: table !important;
    font-size: 15px !important;
    font-family: Open Sans !important;
    color: #202020;
    margin: 0;
    margin-bottom: 0 !important;
    margin-bottom: 7px;
    margin-top: 3px !important;
    padding-top: 10px;
}

.howspan {
    letter-spacing: 0;
    text-align: center;
    outline: none !important;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Quicksand', serif !important;
    font-weight: 500;
    line-height: 1.2;
    float: left;
    width: 100%;
    font-size: 18px;
    color: #121212;
    margin: 0;
    margin-top: 30px;
}

.testimohead {
    letter-spacing: 0;
    text-align: left;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none !important;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Quicksand', serif !important;
    font-weight: 500;
    line-height: 1.2 !important;
    float: left !important;
    width: 100% !important;
    font-size: 18px !important;
    color: #202020 !important;
    margin: 0 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
}

.testimohead span {
    font-family: Open Sans;
    font-size: 15px;
    color: #888;
    margin-left: 10px
}

.blogtitle {
    letter-spacing: 0;
    text-align: center;
    outline: none !important;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Quicksand', serif !important;
    font-weight: 500;
    line-height: 1.2;
    float: left;
    width: 100%;
    font-size: 15px;
    color: #232323;
    margin: 0;
    margin-top: 16px;
    margin-bottom: 20px;
    min-height: 58px;
}

/***********************************************/
.h1titre{
    color: #202020;
    padding: 5px 10px;
    background-color: rgb(228, 228, 228);
    border-radius: 5px;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    width : 100%;
}
.actions12center{
    text-align: center;
    padding-bottom: 15px;
}

.texteMsg p{
    font-size :14px;
    margin : 0px;
}

.h3titre{
    background: #cf242f;
    color: #fff;
    font-size: 19px;
    /* color: #cf242f; */
    padding: 5px 10px;
    /* background-color: rgb(228, 228, 228); */
    border-radius: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.slide-block .heading {
    padding: 0 0 10px;
    width: 100%;
    background: url(../images/bg-slide-heading.gif) repeat-x 0 18px;
}

.h5Titre{

    background: #fff;
    padding: 0 9px 0 10px;
    margin: 1px 0 0 0px;
    font-size: 20px;

    line-height: 16px;
    color: #e0208e;
    border-left: 7px solid #e0208e;
}

.divAvanth5{
    margin: 34px 0px 10px 0px;
}

.box-body .progress{
    position : initial;
    height: 15px;

}

.task-item b{
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666;
}

.tabrek {
    margin-top: 20px;
    background: #f9f9f9;
    border-radius: 5px;
}

.tabrek  p{

    border-left: 3px solid #e4e4e4;
    padding-left: 6px;

    /*font-weight: initial;

	color: #666;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 22px;*/
}

/*****************************************************/
@media(max-width:555px) {
    #header {
        display: none;
    }
    .social-panel {
        display: none;
    }
    .subbar {
        background-image: linear-gradient(to right ,#00bea3, #006eee) !important;
        position: fixed;
        bottom: -1px;
        z-index: 1999;
        width: 100%;
        height: 60px;
        padding: 0px 20px;
    }
    .subbar span {
        color: white;
        position: absolute;
    }
    .icons-links .icon-0,
    .icons-links .icon-1,
    .icons-links .icon-2,
    .icons-links .icon-3 {
        background: url("../images/icons-v3.png");
        display: block;
        height: 20px;
        width: 20px;
        margin: 0 auto;
        float: none;
    }
    .icons-links .icon-1 {
        background-position: 91px 0px;
        width: 20px;
    }
    .icons-links .icon-2 {
        background-position: 22px 0px;
        width: 22px;
    }
    .icons-links .icon-3 {
        background-position: 57px 0px;
        width: 23px;
        margin: 0 auto;
    }
    .icons-links {
        padding-top: 13px;
        display: block;
    }
    .visibleR-xs {
        display: block !important;
    }
    .visibleR-sm {
        display: none !important;
    }
    #search-stats div {
        /*float: none;*/
    }
    #search-stats .left-stats {
        margin: 0;
    }
    .resume-form .panel {
        margin: 8px 0px !important;
    }
    .bhoechie-tab-menu .list-group>a {
        font-size: 10px !important;
    }
    .bhoechie-tab-menu .list-group>a span {
        font-size: 45px !important;
    }
    .state-overview .symbol {
        padding: 15px 10px !important;
    }
    .state-overview .value {
        padding-top: 10px !important;
    }
    .state-overview .value h4 {
        font-size: 11px !important;
    }
    .state-overview .symbol i {
        font-size: 25px !important;
        width: 40px !important;
        height: 40px !important;
        padding-top: 7px !important;
    }
    .state-overview .value p {
        line-height: 13px !important;
        font-size: 10px !important;
    }
    #band-cookies {
        bottom: 59px !important;
    }
}

@media(min-width:555px) {
    .subbar {
        display: none;
    }
}
/************************************************/

.exekActionJob{
    background: #e40088 !important;
}

@media (max-width: 767px) {
    .menu-sec nav > ul > li > a {
        float: left;
        font-family: sans-serif;
        font-size: 13px;
        color: #fff;
        position: relative;
        padding: 5px 3px !important;
    }
}

/********************popup login**************************/

/***********popup login**************/

.modal-dialog-x {
    max-width: 600px !important;
    margin: auto;
    border-radius:0;
    position:relative;
    overflow-y: auto !important;
}

.modal-dialog-x input[type="text"], input[type="password"], input[type="email"], textarea {

    margin-bottom: 15px !important;
    padding: 5px!important;
    font-size: 14px!important;
    padding-right: 40px!important;
    border-radius:4px!important;
    border: 1px solid #ddd !important;
    height: 30px!important;
    background-color: #fff;
}




.modal-content-x {
    border-radius: 10px;
    height: 100vh;
    overflow-y: auto !important;
    display: flex;
    flex-direction: column;
    border: none !important;
    width: 100%;
}

.modal-content-x input[type="checkbox"] + label::after {
    content: "";
}

.modal-content-x input[type="checkbox"], input[type="radio"] {
    position: relative !important;
    opacity: 1 !important;
    z-index: 999 !important;
    margin: 0
}

.modal-content-x  input[type="checkbox"]:checked  {
    background: #2c7dfa;
    border-color: #2c7dfa
}

.modal-content-x label::before, label::after {
    position: relative !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0  !important;
}

.modal-content-x label {
    padding: 0 !important;
    margin-right: 10px;
}

.modal-header-x {
    border-bottom: none;
    text-align: center;
    justify-content: center;
    padding: 15px;
    margin-top:17px;
}

.modal-title {
    font-size:20px;
    color:#000;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
}

.modal-body-x {
    flex: 1;
    padding: 1px; /**********/
    margin:auto;
    width: 70% !important;
}


.nav-tabs-x {
    border-bottom: none;
    display:flex;
    justify-content: center;
    gap:10px;
}

.nav-tabs-x .nav-link {
    border: none;
    font-weight: 500;
    font-size:15px;
    color:RGBA(0, 0, 0, 0.66);
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
    text-decoration:none;
}

.nav-tabs-x .nav-link:hover {
    color:#000;
}

.nav-tabs-x .nav-link.active {
    color: #000;
    border-bottom: 2px solid #E0208E;
    padding-right:0;
    padding-left:0;
    padding-bottom:5px;
    font-weight:bold;
}

.social-btn {
    width: 100%;
    margin-bottom: 10px;
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    text-decoration:none;
}

.social-btn.linkedin {
    background-color: #0077B5;
    color: white;
    margin-top:10px;
}

.social-btn.google {
    background-color: white;
    color: RGBA(0, 0, 0, 0.95);
    border: 1px solid #ddd;
}

.social-btn img {
    width: 20px;
    vertical-align: middle;
    float:left;
}

.modal-body-x .cfield {
    position: relative;
    float: left;
    width: 100%;
}

.modal-body-x .cfield i {
    position: absolute;
    right: 0;
    top: 100px;
    right: 20px;
    font-size: 19px
}

.modal-body-x .cfield input {
    float: left;
    width: 100%;
    background: no-repeat;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #474747;
}

.modal-body-x .loginError {
    position: absolute !important;
    top: 28px !important;
    display: none;
}

.modal-body-x .cfield i {
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 0;
    right: 15px;
    font-size: 16px
}

.modal-body-x .cfield label, .pass-label {
    font-weight:600;
    font-size: 13px;
    margin-bottom:10px;
    color:RGBA(0, 0, 0, 0.55);
    font-family: 'Work Sans', sans-serif;
    float: left;
    margin-left: 0;
}

.modal-body-x .cfield label:after {
    content:"*";
    color:red;
    margin-left:4px;
    margin-bottom:2px;
}

.form-inp-field{
    margin-bottom: 15px !important;
    padding: 20px !important;
    font-size: 14px !important;
    padding-right: 40px !important;
    border-radius:4px !important;
    border: 1px solid #ddd !important;
}


.password-label-group {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

.forgot-password {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #E0208E;
    margin-bottom:8px;
    padding-bottom:2px;
}

.forgot-password:hover {
    background-color: #E0208E;
    color: white;
    padding: 2px 4px;
    border-radius: 3px;
}

.form-check-input {
    margin-top: 3px;
}

.divider-ou {
    text-align: center;
    margin: 20px 0; /**********/
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    color:RGBA(0, 0, 0, 0.77);
    z-index: 10;
    position: relative;
}

.divider-ou::before,
.divider-ou::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 45%;
    height: 1px;
    background: #ECECEC;
    transform: translateY(-50%);
}

.divider-ou::before {
    left: 0;
}

.divider-ou::after {
    right: 0;
}

.login-btn {
    margin-top:20px;
    margin-bottom:20px;
    background-color: RGB(224, 32, 142);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 10px !important;
    border-radius:4px !important;
    width:100%;
    font-family: 'Work Sans', sans-serif;
}
.modal-footer-x {
    text-align:center;
    z-index:99999 !important;
    padding:35px; /**********/
    width: 100%;
    bottom:0;
    background-color:#F8F8F9;
    justify-content:center;
    border-top: none;
    background-color: #f8f9fa;
    text-align: center;
}
.modal-footer-x a {
    color: #000;
    font-weight: bold;
    text-align:center;
    font-size:14px;
}

.modal-footer-x span {
    font-size:16px !important;
    color:RGBA(0, 0, 0, 0.55)
}

.btn-close {
    color:#000 !important;
    font-size:20px !important;
    position:absolute !important; top:12px;
    right: 20px !important;
}

.soc-btn-holder {
    margin-top:10px !important;
    height:70px;
}
.fic{
    position:  relative !important;
    width: 100% !important;
    font-weight:500;
    font-size: 14px;
    margin-bottom:8px;
    color:RGBA(0, 0, 0, 0.55);
    display:flex !important;
    align-items:center !important;
}

.fic label {
    margin-top: 3px !important;
}

@media (max-width: 480px) {
    .modal-body-x{
        width: 90% !important;
    }
    .modal-footer-x {
        position:  relative !important;
        margin-bottom: 60px !important;
    }
}

@media (max-width: 767px) {
    .modal-body-x{
        width: 90% !important;
    }
    .modal-footer-x {
        position:  relative !important;
        margin-bottom: 60px !important;
    }
}

@media (max-height: 667px) {
    .divider-ou {
        margin: 0 0 !important;
    }
    .login-btn {
        margin-top:1px;
    }
    .soc-btn-holder {
        margin-top: 1px !important;
    }
    .modal-header-x {
        padding: 15px;
        margin-top:7px !important;
    }
}

#bloc-minisiteRH {
    padding: 20px 0;
}

/* Suppression des largeurs fixes pour utiliser la grille Bootstrap */
#bloc-minisiteRH .job-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    /*text-align: center;*/
    position: relative;
    margin-bottom: 20px; /* Ajoute un espace entre les cartes */
}

#bloc-minisiteRH .job-card .background {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

#bloc-minisiteRH .job-card .logo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 95px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#bloc-minisiteRH .job-card .logo img {
    width: 100%; /* Remplit totalement le cercle */
    height: 100%;
    object-fit: cover; /* Ajuste l’image pour remplir le cercle sans espace */
    border-radius: 50%; /* Assure que l’image reste bien ronde */
}

#bloc-minisiteRH .job-card .content {
    padding: 20px;
    padding-top: 50px;
}

#bloc-minisiteRH .job-card h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

#bloc-minisiteRH .job-card p {
    font-size: 12px;
    color: #555;
    line-height: 22px;
    margin-bottom: 5px;
}

#bloc-minisiteRH .offres-link {
    color: #e0208e;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    display: block;
    text-align: right;
    margin-top: 10px;
}

#bloc-minisiteRH .offres-link:hover {
    text-decoration: underline;
}

/* Désactiver le soulignement pour "Aucune offre" */
#bloc-minisiteRH .no-hover:hover {
    text-decoration: none;
    cursor: default;
    color: #333; /* Gris plus neutre */
}

#bloc-minisiteRH .tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    justify-content: center;
}

#bloc-minisiteRH .job-tag {
    background: #f0f3fa;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 12px;
    border-radius: 20px;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}

#bloc-minisiteRH .job-tag:hover {
    background: #d8e1f3;
    color: #000;
}
.EntrepriseKiReKrute-titre {
    display: block; /* Force l'affichage sur une ligne */
    font-size: 18px;
    font-weight: 600;
    color: #333; /* Couleur sobre et lisible */
    text-align: center; /* Centre le texte */
    margin-bottom: 4px; /* Espacement entre le titre et le secteur */
}
.EntrepriseKiReKrute-Secteur {
    display: block; /* Force l'affichage sur une ligne */
    font-size: 16px;
    font-weight: 500;
    color: #666; /* Couleur plus douce pour le secteur */
    text-align: center; /* Centre le texte */
}
.offres-link-ER {
    color: #e0208e;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 12px;
    display: block !important;
    text-align: center;
    margin-top: 10px;
}
.offres-link-ER:hover {
    text-decoration: underline;
}

/*************************************/

.auth-block {
    display: flex;
    align-items: center; /* Aligne verticalement avec les autres éléments */
}

.cadreConnexion{
    background : #E0208E !important;
}
.cadreConnexion2{
    background : none !important;
}
.auth-container {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 2px;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: inline-flex;
    margin-right: 10px;
    margin-top: 8px;
}





.auth-container a {
    display: block;
    padding: 1px 6px;
    color: white;
    border-radius: 3px;
    text-decoration: none;
    font-size: 12px;
}

/* Effet hover */
.auth-container a:hover {
    background-color: #0056b3;
}

/*************************************/

/**************css Figma***********************/
/* Conteneur global du menu */
.figma-emply-list {
    position: relative;
}

.figma-menu-container {
    position: absolute;
    top: 0px;
    right: -19px;
    z-index: 10;
}

/* Bouton ⋮ */
.figma-menu-toggle {
    background: none;
    border: none;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    color: #444;
    z-index: 11;
}

/* Menu déroulant */
.figma-menu-actions {
    display: none;
    position: absolute;
    top: 35px;
    right: 25px;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    min-width: 220px;
    border-radius: 6px;
    overflow: hidden;
    text-align: left;
}

.figma-menu-item {
    padding: 10px 15px;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
}

.figma-menu-item:last-child {
    border-bottom: none;
}

.figma-menu-item:hover {
    background-color: #f0f0f0;
}

.figma-menu-actions.open {
    display: block;
}

.figma-menu-actions a {
    display: block;
    padding: 5px 5px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 1px solid #3333331c;
}

.figma-menu-actions a:hover {
    background-color: #f0f0f0;
}

/***************Page CV=======================*/

@media (min-width: 1200px) {
    .container {
        max-width: 99%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 98%;
    }
}

/* ===== PATCH — Keyvals en "Label : Valeur" + pastilles sur KPI ===== */

@media (max-width:900px){ .profilCandidatTheme .keyvals{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .profilCandidatTheme .keyvals{grid-template-columns:1fr} }

/* chaque ligne "label : valeur" */
.profilCandidatTheme .kv{
    display:flex;
    align-items:baseline;
    gap:6px;
    min-width:0;   /* ellipsis fonctionne */
}
.profilCandidatTheme .kv .k{
    color:#2a2f36;              /* un peu plus contrasté */

    white-space:nowrap;
}
.profilCandidatTheme .kv .k::after{
    content:"\00a0:";           /* espace insécable + deux-points */
}
.profilCandidatTheme .kv .v{
    margin:0;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* pastille à gauche des puces KPI */
.profilCandidatTheme .kpis{gap:8px}
.profilCandidatTheme .kpi{
    position:relative;
    padding-left:22px;          /* laisse la place pour la pastille */
}
.profilCandidatTheme .kpi::before{
    content:"";
    position:absolute;
    left:8px; top:50%;
    width:8px; height:8px;
    border-radius:50%;
    transform:translateY(-50%);
    background:#9aa4b2;         /* fallback */
}
/* couleurs de pastille selon la puce */
.profilCandidatTheme .kpi.pink::before  { background:#e93d8e; }
.profilCandidatTheme .kpi.blue::before  { background:#E0208E; }
.profilCandidatTheme .kpi.green::before { background:#33bca7; }

/* (optionnel) si tu veux couper les adresses longues sur 2 lignes proprement sur desktop */
@media (min-width:901px){
    .profilCandidatTheme .kv .v[title]{
        white-space:normal;        /* pour les valeurs avec title=... */
        display:inline-block;
    }
}

/* TOKENS / SCOPE */
.profilCandidatTheme{
    --pc-text:#2a2f36; --pc-muted:#61656b; --pc-border:#eceff3; --pc-bg:#fff; --pc-bg-subtle:#fafbfd;
    --pc-card-shadow:0 10px 24px rgba(0,0,0,.06); --pc-radius:5px;
    --pc-primary:#e93d8e; --pc-primary-600:#cf2f7b; --pc-info:#33bca7; --pc-link:#E0208E;
    --pc-sep:#cfd6e3;
}
.profilCandidatTheme *{box-sizing:border-box}
.profilCandidatTheme .container{max-width:1200px;margin:24px auto;padding:0 16px;color:var(--pc-text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif}

/* GRID (mobile: main avant aside) */
.profilCandidatTheme .grid{display:grid;gap:24px;grid-template-columns:30% 1fr}
.profilCandidatTheme .asideCol{order:1}
.profilCandidatTheme .mainCol{order:2}
@media (max-width:1024px){
    .profilCandidatTheme .grid{grid-template-columns:1fr}
    .profilCandidatTheme .asideCol{order:2}
    .profilCandidatTheme .mainCol{order:1}
}

/* Aligner le bouton "Kiara, génère moi mon résumé" à gauche */
.profilCandidatTheme #__blk-resume__ .resume-btnrow{
    display:flex !important;
    justify-content:flex-start !important; /* annule un éventuel justify-content:end */
}

.profilCandidatTheme #__blk-resume__ .resume-btnrow .btn{
    margin-left:0 !important;   /* au cas où un margin:auto traîne quelque part */
    margin-right:auto;          /* pousse le bouton vers la gauche */
}



/* BASE */
.profilCandidatTheme .card{background:var(--pc-bg);border:1px solid var(--pc-border);border-radius:var(--pc-radius);box-shadow:var(--pc-card-shadow)}

.profilCandidatTheme .btn{
    display:inline-flex;align-items:center;
    justify-content:center;padding:2px 8px;
    border-radius:5px;border:1px solid transparent;
    background:#fff;
    color:var(--pc-primary);text-decoration:none;
    cursor:pointer;transition:.2s;
}



.profilCandidatTheme .widh100{
    width: 100%;box-shadow: 0 6px 16px -4px rgba(29, 32, 37, 0.14), 0 2px 6px -2px rgba(97, 119, 170, 0.10), 0 12px 16px -4px rgba(29, 32, 37, 0.08), 0 4px 6px -2px rgba(97, 119, 170, 0.03);
}

.profilCandidatTheme .btn:hover{background:var(--pc-primary-600); color: #fff;}
.profilCandidatTheme .btn.ghost{
    background: #fff;
    color: #E0208E;
    border-color: #fff;
    font-size: 12px !important;

}
.profilCandidatTheme .btn.sm{padding:8px 16px;border-radius:5px;font-size:12px}


/* BLOCS “plats” séparés (……) */
.profilCandidatTheme .section{overflow:hidden}
.profilCandidatTheme .blk{border-top:2px dotted var(--pc-sep); padding-top:8px; margin-top:8px}
.profilCandidatTheme .head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0px 0px}
.profilCandidatTheme .head h3{margin:6px 0px 6px 0px;font-size:16px; color: #E0208E;text-transform: uppercase;}
.profilCandidatTheme .head-actions{display:flex;gap:8px;flex-wrap:wrap; margin-top: 15px;}
.profilCandidatTheme .body{padding:0 0 8px}
/* Seul le bloc profile a un card arrondi */
.profilCandidatTheme .profile{padding:16px 16px ; box-shadow: none; margin-bottom: 20px;}
/* Asides sans arrondis */
.profilCandidatTheme .cta,.profilCandidatTheme .actionsCard{border-radius:0}

/* Accordéon */
.profilCandidatTheme .acc .body{display:block}
.profilCandidatTheme .acc.collapsed .body{display:none}

.profilCandidatTheme .acc-btn{
    border:1px solid #fff;background:#fff;
    border-radius:10px;width:34px;height:34px;
    display:inline-flex;align-items:center;
    justify-content:center;cursor:pointer; padding: inherit;
}

.profilCandidatTheme .label{
    color: #5b5b5b;
    font-size: 12px;;
}

.profilCandidatTheme .acc-btn svg{width:14px;height:14px;transition:transform .2s}
.profilCandidatTheme .acc.collapsed .acc-btn svg{transform:rotate(180deg)}

/* ASIDE CTA */
.profilCandidatTheme .cta{text-align: center;display:flex;flex-direction:column;min-height:200px;padding:16px;overflow:hidden;color:#fff; border-radius: 5px;}
.profilCandidatTheme .cta h4{margin:0 0 6px; line-height: 25px;font-size: 15px;}
.profilCandidatTheme .cta p{margin:0 0 10px;opacity:.95; text-align: center;}
.profilCandidatTheme .cta .media{/*flex:1 1 auto;*/display:flex;align-items:center;justify-content:center;margin:4px 0 10px}
.profilCandidatTheme .cta .media img{max-width:85%;height:auto;display:block; }
.profilCandidatTheme .cta .actions{ display:flex;justify-content:center}
.profilCandidatTheme .cta.rose{background:#E0208E;}
.profilCandidatTheme .cta.vert{background:linear-gradient(135deg,#12c6a6,#33bca7 70%)}
.profilCandidatTheme .cta.violet{background:linear-gradient(135deg,#9b5de5,#6f4bd8 70%)}
.profilCandidatTheme .actionsCard { padding:16px; border:1px solid var(--pc-border) }
.profilCandidatTheme .actionsCard h4 {margin:0 0 10px; color:#e93d8e; font-size:15px; display:flex; align-items:center; gap:8px;}
.profilCandidatTheme .actionList { display:flex; flex-direction:column; gap:3px }
.profilCandidatTheme .actionItem {font-size : 13px; display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:4px; background:#f6f7fb; border:1px solid #eceff3; cursor:pointer;}
.profilCandidatTheme .actionItem .ico { width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center }

/* PROFILE HEADER + MATCHING */
.profilCandidatTheme .buttonKiara{
    background: #FFF;
    color: #E0208E;
    border: 1px solid #E0208E !important;
}
.profilCandidatTheme .ph{padding-bottom : 20px; display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom: 2px dotted var(--pc-sep);}
.profilCandidatTheme .ph .left{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-width:260px;flex:1 1 auto}
.profilCandidatTheme .avatar{width:65px;height:65px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.profilCandidatTheme .avatar img{width:100%;height:100%;object-fit:cover}
.profilCandidatTheme .id h2{margin:0;font-size:17px}
.profilCandidatTheme .id .sub{color:var(--pc-muted);    margin-top: 8px;    font-size: 12px;
    margin-bottom: 6px;}
.profilCandidatTheme .kpis{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.profilCandidatTheme .kpi{font-size:12px;background:#f7f8fa;border:1px dashed var(--pc-border);color:#263038;padding:6px 22px;border-radius:5px}
.profilCandidatTheme .kpi.pink{background:#fff0f7;border-color:#ffd6ea;color:#a5145f}
.profilCandidatTheme .kpi.blue{background:#eef7ff;border-color:#d7eaff;color:#E0208E}
.profilCandidatTheme .kpi.green{background:#eafff7;border-color:#c9f5e9;color:#10866f}
.profilCandidatTheme .ph .right{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.profilCandidatTheme .match-ring{position:relative;width:56px;height:56px}
.profilCandidatTheme .match-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.profilCandidatTheme .match-ring circle{fill:none;stroke-width:2}
.profilCandidatTheme .match-ring .bg{stroke:#eceff3}
.profilCandidatTheme .match-ring .fg{stroke:var(--pc-primary);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--pct,0))}
.profilCandidatTheme .match-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center; font-size:12px;color:#e04a90;background:radial-gradient(transparent 63%,rgba(233,61,142,.06) 64%);border-radius:50%}
.profilCandidatTheme .match-text{line-height:1.5; position:relative;}
.profilCandidatTheme .match-text .big{ color:#e04a90}
.profilCandidatTheme .match-text .more{color:#19c4a6;text-decoration:underline;cursor:pointer}
.profilCandidatTheme .match-popover{position:absolute; top:calc(100% + 17px); left:-79px; width:min(320px, 90vw); background:#fff; border:1px solid var(--pc-border); border-radius:12px; box-shadow:0 18px 40px rgba(0,0,0,.18); display:none; z-index:50; overflow:hidden;}
.profilCandidatTheme .match-popover.open{display:block; animation:pcPop .15s ease;}
@keyframes pcPop{from{opacity:0; transform:translateY(-4px)} to{opacity:1; transform:none}}
.profilCandidatTheme .match-popover::before{
    /*content:""; position:absolute; top:-7px;
    left:140px; width:14px; height:14px;
    background:#fff; border-left:1px solid var(--pc-border);
    border-top:1px solid var(--pc-border); transform:rotate(45deg);*/
}
.profilCandidatTheme .match-popover .hd{background:var(--pc-primary); color:#fff; padding:15px 12px; }
.profilCandidatTheme .match-popover .bd{padding:10px 12px; font-size:14px}
.profilCandidatTheme .match-popover ul{margin:8px 0 0; padding-left:16px}
.profilCandidatTheme .match-popover li{margin:6px 0}
.profilCandidatTheme .match-popover .gain{color:#e4026d; font-weight:700}
@media (max-width:680px){.profilCandidatTheme .ph{align-items:center}.profilCandidatTheme .ph .right{width:100%;justify-content:flex-start}.profilCandidatTheme .match-text{margin-top:6px}}

/* CONTACTS / EDITABLES */
.profilCandidatTheme .keyvals{display:grid;grid-template-columns:repeat(3,1fr);gap:0px 16px; }
@media (max-width:900px){.profilCandidatTheme .keyvals{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.profilCandidatTheme .keyvals{grid-template-columns:1fr}}
.profilCandidatTheme .kv .k{color:var(--pc-muted); font-size:13px}
.profilCandidatTheme .kv .v{ font-size: 12px;font-weight: 600}

.profilCandidatTheme .editRow{display:flex; gap:8px; flex-wrap:wrap}
.profilCandidatTheme .chipEdit{display:inline-flex; align-items:center; gap:10px; padding:8px 10px; border-radius:4px;border:1px solid var(--pc-border); background:#fff;}
.profilCandidatTheme .chipEdit .label{font-weight:600}
.profilCandidatTheme .chipTools{display:inline-flex; gap:6px; margin-left:4px}
.profilCandidatTheme .iconBtn{
    width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center;
    /*border:1px solid #e9ecf1;*/ border-radius:8px; background:#f8fafc; cursor:pointer;padding: inherit;
}
.profilCandidatTheme .iconBtn:hover{background:#eef2ff;border-color:#dbe2ff}
.profilCandidatTheme .iconBtn svg{width:14px;height:14px}
.profilCandidatTheme .iconBtn.del:hover{border-color:#ffd8d8;background:#fff2f2}

/* LISTES EXP/EDU — itemTools sur la même ligne que le h1 */
.profilCandidatTheme .listBlock .item{padding:1px 0;/*border-bottom:1px solid var(--pc-border)*/}
.profilCandidatTheme .listBlock .item:last-child{border-bottom:0}
.profilCandidatTheme .itemHead{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center} /* <- 2 colonnes (logo + contenu) */
.profilCandidatTheme .logo{/*width:40px;height:40px;*/border-radius:8px;border:1px solid #f0f0f385;overflow:hidden;background:#fff}
.profilCandidatTheme .logo img{width:90px;/*height:100%*/;object-fit:cover}
.profilCandidatTheme .row1{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.profilCandidatTheme .row1 .itemTools{/*margin-left:auto;*/display:flex;gap:6px}
.profilCandidatTheme .h1{font-size: 14px;
    color: #E0208E;}
.profilCandidatTheme .row2{display:flex; gap:12px; flex-wrap:wrap; align-items:center;color:#474a50; font-size:13px; margin-top:4px}
.profilCandidatTheme .row2 .titleRight{font-weight:700; font-size:13px; /*color:#E0208E;*/ margin-right:6px}
.profilCandidatTheme .bullets{margin:10px 0 0;padding-left:18px}
.profilCandidatTheme .addRow{margin-top:12px}

/* Bouton + Ajouter aligné à gauche sous la liste */
.profilCandidatTheme .listBlock .addRow{
    display:flex;
    justify-content:flex-start;   /* à gauche */
    gap:8px;
    margin-top:12px;

}

.profilCandidatTheme .listBlock .addRow .btn{ margin-left:0; }


/* FORMULAIRES INLINE */

.profilCandidatTheme img .actionIcon{
    cursor: pointer;
}

/* === Scope : uniquement le formulaire d'édition === */
#formEditinfosUserInfosperso.keyvals.form-edit{
    display: grid    ;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 16px 24px;
    align-items: start;
    border: 1px #E0208E solid;
    border-radius: 4px;
    padding: 15px;
}

/* chaque rangée devient un bloc (plus de ligne séparatrice) */
#formEditinfosUserInfosperso .kv{
    display: block;
    padding: 0;
    border: 0;
}

/* libellé au-dessus */
#formEditinfosUserInfosperso .kv .k{
    margin: 13px 0 2px 0;
    color: #374151;
}

/* conteneur du champ */
#formEditinfosUserInfosperso .kv .v{
    min-width: 0;
}

/* champs */
#formEditinfosUserInfosperso input,
#formEditinfosUserInfosperso select,
#formEditinfosUserInfosperso textarea{
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    outline: none;
    line-height: 1.35;
    box-sizing: border-box;
    background: none;
}
#formEditinfosUserInfosperso input:focus,
#formEditinfosUserInfosperso select:focus,
#formEditinfosUserInfosperso textarea:focus{
    border-color: #cbd5e1;
    box-shadow: 0 0 0 3px rgba(228, 60, 156, 0.15); /* léger focus brand */
}

/* actions sur toute la largeur */
#formEditinfosUserInfosperso .form-actions{
    grid-column: 1 / -1;
    display: flex;
    gap: 10px;
    margin-top: 4px;
}

/* champs qui doivent s'étendre sur 2 colonnes (ex. Adresse) */
#formEditinfosUserInfosperso .kv--full{
    grid-column: 1 / -1;
}

/* Mobile : 1 colonne */
@media (max-width: 768px){
    #formEditinfosUserInfosperso.keyvals.form-edit{
        grid-template-columns: 1fr;
    }
}

.profile label {
    margin-bottom: 1px !important;
    padding: 0 0 0 5px !important;
}

.profilCandidatTheme .inline-form{border-top:1px dashed var(--pc-border);margin-top:12px;padding-top:12px;display:none}
.profilCandidatTheme .inline-form.open{display:block;animation:pcSlide .18s ease}
@keyframes pcSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.profilCandidatTheme .form-grid{display:grid;gap:12px 16px;grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.profilCandidatTheme .form-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.profilCandidatTheme .form-grid{grid-template-columns:1fr}}
.profilCandidatTheme .fg label{display:block;font-size:13px;color:var(--pc-muted);margin-bottom:6px;font-weight:600}
.profilCandidatTheme .fg input,.profilCandidatTheme .fg select,.profilCandidatTheme .fg textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--pc-border);background:#fff;outline:none;transition:.2s;font:inherit}
.profilCandidatTheme .fg input:focus,.profilCandidatTheme .fg select:focus,.profilCandidatTheme .fg textarea:focus{border-color:#c9d6ff;box-shadow:0 0 0 4px #eef3ff}
.profilCandidatTheme .form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;/*justify-content:flex-end*/}
.profilCandidatTheme .fg .hint{font-size:12px;color:var(--pc-muted);margin-top:6px}

/* TOGGLES Oui/Non */
.profilCandidatTheme .yn{display:inline-flex;background:#f1f2f4;border:1px solid #e6e8ec;border-radius:12px;overflow:hidden}
.profilCandidatTheme .yn .opt{padding:6px 12px;cursor:pointer;border-right:1px solid #e6e8ec;user-select:none;font-weight:700;color:#555}
.profilCandidatTheme .yn .opt:last-child{border-right:0}
.profilCandidatTheme .yn .opt.active{background:#3c4043;color:#fff}

/* MONTH-YEAR avec flèche ▾ sur l’année */
.profilCandidatTheme .pc-monthyear-wrap{position:relative;display:inline-block}
.profilCandidatTheme .pc-monthyear{display:inline-flex;align-items:center;border:1px solid var(--pc-border);border-radius:10px;overflow:hidden;background:#fff}
.profilCandidatTheme .pc-monthyear .seg{appearance:none;border:0;background:#fff;padding:10px 12px;cursor:pointer;font:inherit;display:inline-flex;align-items:center}
.profilCandidatTheme .pc-monthyear .seg.month{border-right:1px solid var(--pc-border)}
.profilCandidatTheme .pc-monthyear .seg.year{position:relative;padding-right:28px}
.profilCandidatTheme .pc-monthyear .seg.year .chev{position:absolute;right:8px;top:50%;translate:0 -50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #555}
.profilCandidatTheme .pc-monthyear:focus-within{box-shadow:0 0 0 4px #eef3ff;border-color:#c9d6ff}
.profilCandidatTheme .pc-monthyear .menu{position:absolute;z-index:20;background:#fff;border:1px solid var(--pc-border);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.14);padding:6px;display:none}
.profilCandidatTheme .pc-monthyear .menu.open{display:grid}
.profilCandidatTheme .pc-monthyear .menu.months{grid-template-columns:repeat(3,1fr);gap:6px}
.profilCandidatTheme .pc-monthyear .menu.years{grid-template-columns:repeat(4,1fr);gap:6px;max-height:220px;overflow:auto}
.profilCandidatTheme .pc-monthyear .menu button{padding:8px 10px;border:1px solid #eef1f5;border-radius:8px;background:#fff;cursor:pointer}
.profilCandidatTheme .pc-monthyear .menu button:hover{background:#f6f8ff}
.profilCandidatTheme .pc-monthyear.disabled{opacity:.6;pointer-events:none}

/* Upload logo preview */
.profilCandidatTheme .logo-upload{display:flex;align-items:center;gap:10px}
.profilCandidatTheme .logo-preview{width:56px;height:56px;border-radius:10px;border:1px solid #eceff3;overflow:hidden;background:#fff}
.profilCandidatTheme .logo-preview img{width:100%;height:100%;object-fit:cover}

/* Langues & Compétences — même look */
.profilCandidatTheme .langList,.profilCandidatTheme .skillList{display:grid;gap:10px}
.profilCandidatTheme .langItem,.profilCandidatTheme .skillItem{
    display: grid;
    grid-template-columns: 1fr auto;
    /* gap: 10px; */
    align-items: center;
    /* border: 1px solid var(--pc-border); */
    /* border-radius: 12px; */
    padding: 1px;
    background: #fff;
}

.profilCandidatTheme h1, .h1, h2, .h2, h3, .h3{
    margin-top: 1px;
    margin-bottom: 1px;
}

.profilCandidatTheme .stars{font-weight:700}

/* Pastille bleue (ex: "Grande école") */
.profilCandidatTheme .pill{
    display:inline-flex; align-items:center; gap:6px;
    padding:2px 8px; border-radius:8px;
    background:#eef7ff; border:1px solid #d7eaff;
    color:#E0208E; font-weight:600; font-size:12px; vertical-align:middle;
}
.profilCandidatTheme .pill svg{ width:14px; height:14px }


/* ======= Résumé du CV : style PJ ======= */
.profilCandidatTheme #blk-resume .head{padding:0 0 8px}
.profilCandidatTheme #blk-resume .head h3{
    margin:0; color:var(--pc-primary); text-transform:uppercase;
    font-weight:800; font-size:14px; display:flex; align-items:center; gap:8px;
}
.profilCandidatTheme #blk-resume .head h3 .pen{color:var(--pc-primary); display:inline-flex}
.profilCandidatTheme #blk-resume .body p{margin:0 0 10px}
.profilCandidatTheme #blk-resume .resume-btnrow{margin-top:12px}
.profilCandidatTheme #blk-resume .resume-btnrow .btn{padding:8px 12px; border-radius:8px; font-size:13px}

.profilCandidatTheme .hidden{display:none !important}

/* —— Correctif robuste : ligne pointillée pour le 1er .blk (Résumé) —— */
.profilCandidatTheme .mainCol > .card.profile + .section.blk{
    position:relative; padding-top:16px; margin-top:0px; border-top:0;
}
.profilCandidatTheme .mainCol > .card.profile + .section.blk::before{
    content:""; position:absolute; left:0; right:0; top:0;
    border-top:2px dotted var(--pc-sep);
}
/* Fallback direct par ID (au cas où la structure change) */
.profilCandidatTheme #blk-resume{position:relative; padding-top:16px; margin-top:16px; border-top:0;}
.profilCandidatTheme #blk-resume::before{content:""; position:absolute; left:0; right:0; top:0; border-top:2px dotted var(--pc-sep);}

/* Avatar modifiable */
.profilCandidatTheme .avatar.editable{
    --ava: 84px;                     /* adapte la taille ici (56–120px) */
    position: relative;
    width: var(--ava);
    height: var(--ava);
    border-radius: 50%;
    overflow: hidden;
    background: var(--pc-info);      /* cercle turquoise derrière l’image */
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
.profilCandidatTheme .avatar.editable img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}
/* zone cliquable : l’input couvre tout l’avatar */
.profilCandidatTheme .avatar.editable input[type="file"]{
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
/* pastille crayon en bas à droite */
.profilCandidatTheme .avatar.editable .ava-edit{
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: calc(var(--ava) * .32);
    height: calc(var(--ava) * .32);
    border-radius: 50%;
    background: #3c4043;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(0,0,0,.15), 0 0 0 3px #fff; /* anneau blanc */
    z-index: 2;
    transition: transform .15s ease, filter .15s ease;
}
.profilCandidatTheme .avatar.editable:hover .ava-edit{
    transform: scale(1.05);
    filter: brightness(1.05);
}

.profilCandidatTheme p{
    margin-top: 8px;
    font-size: 13px;
    text-align: justify;
    line-height: 23px;
}

.profilCandidatThemep100{
    margin-left: 100px !important;
}


.marginspecial{
    margin-bottom: 10px;
}

.resume-btnrow{ text-align:left !important; }
.resume-btnrow .buttonKiara{
    display:inline-block;
    width:auto !important;
    margin:0 !important;  /* neutralise un éventuel margin:0 auto */
}

/********************* setting *************************************/
/* ===== Paramètres du CV (nouveau design) ===== */
#sec-cv-params .setting-list{
    display:grid; gap:3px;
}
#sec-cv-params .setting-row{
    display: grid    ;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 10px 10px;
    background: #f6f7fb;
    border: 1px solid var(--pc-border, #eceff3);
    border-radius: 4px;
}
/*#sec-cv-params .setting-row.is-yes{ box-shadow:0 0 0 2px rgba(14,122,254,.08) inset }
#sec-cv-params .setting-row.is-no { box-shadow:0 0 0 2px rgba(60,64,67,.06) inset }*/

#sec-cv-params .setting-label{  font-size:13px }

#sec-cv-params .sr-only{
    position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;
}
#sec-cv-params .ynWrap{ display:flex; align-items:center; gap:8px }
#sec-cv-params .yn-switch{
    display:inline-flex; border:1px solid #e6e8ec; border-radius:4px; overflow:hidden; background:#fff;
}
#sec-cv-params .yn-switch .opt{
    appearance: none;
    border: 0;
    background: #fff;
    padding: 5px 5px;
    font-size: 11px;
    line-height: 1;
    /* font-weight: 700; */
    color: #5b5b5b;
    cursor: pointer;
    border-right: 1px solid #e6e8ec;
    transition: .15s;
}
#sec-cv-params .yn-switch .opt:last-child{ border-right:0 }

/* État actif via CLASSE (demandé) */
#sec-cv-params .yn-switch.is-yes .opt[data-val="y"]{
    background:#4A4A4C; color:#fff; border-color:#4A4A4C; /* OUI actif (bleu) */
}
#sec-cv-params .yn-switch.is-no  .opt[data-val="n"]{
    background:#3c4043; color:#fff; border-color:#3c4043; /* NON actif (gris foncé) */
}

/* Hover neutre */
#sec-cv-params .yn-switch .opt:not(:disabled):hover{ background:#f1f2f4 }

/**************************end setting********************************/


/**********************edit resumé*****************************/
/* ================== SCOPE: applique seulement dans .resumeCvwidget ================== */
.resumeCvwidget{
    --rk-rose: #E0208E;          /* rose brand */
    --rk-validate: #20c997;      /* vert validation */
    --rk-text: #2b2b2b;
    --rk-muted: #6b7280;         /* gris secondaire */
    --rk-border: #e5e7eb;        /* gris clair */
    --rk-bg: #ffffff;
    --rk-card: #fff;
    --rk-radius: 4px;
    --rk-shadow: 0 6px 24px rgba(16,24,40,.06);
    color: var(--rk-text);
    margin-top: 15px;
    line-height: 1.5;
    font-size: 16px;
}

/* Carte + titre */
.resumeCvwidget .rk-card{
    background: var(--rk-card);
    border: 1px solid #E0208E;
    border-radius: var(--rk-radius);
    box-shadow: var(--rk-shadow);
    padding: 20px;
}
.resumeCvwidget .rk-title{
    font-size: 16px;

    /* text-transform: uppercase; */
    color: #E0208E;
    margin: 0 0 14px;
}

/* Zone texte style "cadre" */
.resumeCvwidget .rk-box{
    /*background: var(--rk-bg);
    border: 1px solid var(--rk-border);
    border-radius: 10px;*/
    padding: 0px;
}
.resumeCvwidget .rk-textarea{
    width: 100%;
    min-height: 170px;
    border: none;
    outline: none;
    resize: vertical;
    background: transparent;
    color: var(--rk-text);
    font-size: 15px;
    float: none !important;
}
.resumeCvwidget .rk-textarea::placeholder{ color: #9aa3af; }

/* Radios (visuels, sans JS) */
.resumeCvwidget .rk-radios{
    display: flex; gap: 24px; align-items: center;
    margin: 14px 0 6px;
    flex-wrap: wrap;
}
.resumeCvwidget .rk-radio{
    display: inline-flex; gap: 8px; align-items: center; cursor: pointer; user-select: none;
    color: var(--rk-text);font-size: 12px;
}
.resumeCvwidget .rk-radio input{
    width: 18px; height: 18px; margin: 0;
    accent-color: var(--rk-rose);          /* moderne; degrade élégamment si non supporté */
}

.resumeCvwidget .btn-outline:hover {
    color: #33b5a1;
}

.profilCandidatTheme  .profile-body{
    margin-bottom: 10px;
}
/* Boutons */
.resumeCvwidget .btn{
    --padY: 4px; --padX: 16px;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: var(--padY) var(--padX);
    border-radius: 5px;
    border: 1px solid transparent;

    line-height: 1.2;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}
.resumeCvwidget .btn:disabled{ opacity:.6; cursor:not-allowed; }

.resumeCvwidget .btn-primary{
    background: var(--rk-rose);
    color: #fff;
    border-color: var(--rk-rose);
}
.resumeCvwidget .btn-primary:hover{ filter: brightness(.96); }
.resumeCvwidget .rk-gen .spark{ font-size: 18px; line-height: 0; }

.resumeCvwidget .btn-outline{
    background: #fff;
    color: var(--rk-validate);
    border-color: var(--rk-validate);
}
.resumeCvwidget .btn-outline:hover{ background: rgba(32,201,151,.07); }

.resumeCvwidget .btn-success{
    background: var(--rk-validate);
    color: #fff;
    border-color: var(--rk-validate);
}
.resumeCvwidget .btn-success:hover{ filter: brightness(.97); }

.resumeCvwidget .btn-link{
    background: transparent;
    color: var(--rk-muted);
    border: none;
    padding-left: 0;
}


/* Rangées d’actions */
.resumeCvwidget .rk-actions-main{ margin: 8px 0 10px; text-align: center; }
.resumeCvwidget .rk-divider{
    border: none; border-top: 1px solid var(--rk-border);
    margin: 16px 0;
}
.resumeCvwidget .rk-actions-footer{
    display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px;
}
.resumeCvwidget .rk-actions-right{
    display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 640px){
    .resumeCvwidget .rk-gen{ width:100%; }
    .resumeCvwidget .rk-actions-right{ width:100%; justify-content: flex-end; }
    .resumeCvwidget .btn-success{ min-width: 110px; }
}

.resumeCvwidget[hidden] { display:none !important; }

/*************************mobile************************************/
@media (max-width: 640px){

    /* Boutons Kiara full-width + marge */
    .resumeCvwidget .rk-actions-main{
        text-align: left;
    }
    .resumeCvwidget .rk-actions-main .btn{
        display: block;
        width: 100%;
    }
    .resumeCvwidget .rk-actions-main .btn + .btn{
        margin-top: 8px;
    }

    /* Empiler Annuler / Valider + full-width */
    .resumeCvwidget .rk-actions-footer{
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .resumeCvwidget .rk-actions-footer .btn{
        width: 100%;
        justify-content: center;
    }

    .resumeCvwidget .rk-actions-right{
        width: 100%;
        justify-content: flex-start;
    }
}

/************************end mobile*********************************/

/**********************end edit resumé************************/

/*********************modif info perso bloc======================*/
/* Grille keyvals (lecture & édition) */
.keyvals .kv{display:flex;align-items:center;gap:5px;padding:1px 0;/*border-bottom:1px solid #f1f3f5*/}
/*.keyvals .kv:last-child{border-bottom:0}*/
.keyvals .k{ color:#6b7280; }
.keyvals .v{flex:1;min-width:0}

.keyvals.form-edit input,
.keyvals.form-edit select,
.keyvals.form-edit textarea{
    width:100%;
    max-width:560px;
    padding:10px 12px;
    border:1px solid #e5e7eb;border-radius:5px;
}

.form-actions{display:flex;gap:10px;margin-top:12px}

input[type="text"], input[type="password"], input[type="email"], textarea{
    margin-bottom: 2px;
}

@media (max-width: 768px) {
    .profilCandidatTheme .chipEdit {
        /*width: 100%;*/

        display: flex;
        box-sizing: border-box;
    }
}


/*******************end modif info perso ====================*/


/* ======= Inline edit - Réseaux sociaux ======= */

/* ====== Scope global ====== */
.rsaddupdate{
    --rs-primary: #E0208E;   /* rose / bordure carte */
    --rs-accent:  #33BCA7;   /* vert boutons */
    --rs-text:    #2b2b2b;
    --rs-muted:   #6b7280;
    --rs-border:  #E9D0E1;   /* rose très clair */
    --rs-input:   #e5e7eb;
    --rs-radius:  10px;
    color: var(--rs-text);
}

/* ====== Carte ====== */
.rsaddupdate .rs-card{
    border: 2px solid var(--rs-primary);
    border-radius: var(--rs-radius);
    background: #fff;
    padding: 22px 22px 16px;
    box-shadow: 0 2px 18px rgba(228,60,156,.08);
}

.rsaddupdate .rs-card-head h3{
    margin: 0 0 18px 0;
    font-size: 15px;

    font-weight: initial;
}

.rsaddupdaterscard-headh3{

    font-size: 15px;
    margin-bottom: 15px !important;
    font-weight: initial;
}

/* ====== Form grid ====== */
.rsaddupdate .rs-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 24px;
}

.rsaddupdate .rs-field label{
    display:block;
    font-size: 14px;
    color: var(--rs-muted);
    margin-bottom: 8px;
    padding: 0 0 0 0px;
}

/* Inputs */
.rsaddupdate input[type="url"],
.rsaddupdate input,
.rsaddupdate select{
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--rs-input);
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    color: var(--rs-text);
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}

.rsaddupdate input::placeholder{ color:#9ca3af; }

/* Focus/hover */
.rsaddupdate input[type="url"]:focus,
.rsaddupdate select:focus{
    border-color: var(--rs-accent);
    box-shadow: 0 0 0 3px rgba(32,201,151,.15);
}

/* Select custom caret */
.rsaddupdate .rs-select{ position: relative; }
.rsaddupdate .rs-select select{

    padding-right: 36px;
}
.rsaddupdate .rs-select .rs-caret{
    position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
    pointer-events: none; color:#9ca3af;
}

/* ====== Footer actions ====== */
.rsaddupdate .rs-card-foot{
    margin-top: 16px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    border-top: 1px solid var(--rs-border);
    padding-top: 12px;
}

/* Lien Annuler */
.rsaddupdate .rs-link{
    display:inline-flex; align-items:center; gap:8px;
    font-size:14px; font-weight:500;
    color: var(--rs-accent); background: transparent; border:0; padding:6px 2px;
    cursor:pointer;
}
.rsaddupdate .rs-link .rs-icon{ display:block; }

/* Groupe boutons droite */
.rsaddupdate .rs-actions{ display:flex; gap:12px; }

/* Boutons */
.rsaddupdate .rs-btn{
    height: 42px;
    padding: 0 18px;
    border-radius: 5px;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
}

/* Ghost */
.rsaddupdate .rs-btn-ghost{
    background: #fff;
    color: var(--rs-accent);
    border-color: var(--rs-accent);
}
.rsaddupdate .rs-btn-ghost:hover{
    background: rgba(32,201,151,.06);
}

/* Primary */
.rsaddupdate .rs-btn-primary{
    background: var(--rs-accent);
    color:#fff;
}
.rsaddupdate .rs-btn-primary:hover{
    filter: brightness(0.95);
}

/* ====== Responsive ====== */
@media (max-width: 768px){
    .rsaddupdate .rs-grid{ grid-template-columns: 1fr; }
    .rsaddupdate .rs-card{ padding:18px; }
    .rsaddupdate .rs-card-foot{
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    .rsaddupdate .rs-actions{
        width:100%;
        display:grid;
        grid-template-columns: 1fr;
        gap:10px;
    }
    .rsaddupdate .rs-btn,
    .rsaddupdate .rs-link{ width:100%; justify-content:center; }
}

/* ======= Inline edit - Réseaux sociaux ======= */



/**********************Css FIle doc*******************************/
/* =========================
   SCOPE : fileDOcrAddupdate
   ========================= */

/* masque le champ file natif généré par le partial Yii */
.fileDOcrAddupdate input[type="file"]{
    display: none !important;
}

/*.fileDOcrAddupdate .warning{
    display: none !important;
}*/

.fileDOcrAddupdate{
    --rk-rose: #E0208E;
    --rk-teal: #2AA290;
    --rk-text: #2b2b2b;
    --rk-muted: #6b7280;
    --rk-border: #e5e7eb;
    --rk-dash: #d7d9dd;
    --rk-radius: 10px;
    color: var(--rk-text);
}

.fileDOcrAddupdate .rs-upload-card{
    border: 1.5px solid var(--rk-rose);
    border-radius: var(--rk-radius);
    background: #fff;
    padding: 16px 16px 10px;

    margin: 8px auto;
    box-shadow: 0 2px 16px rgba(228,60,156,.08);
}

.fileDOcrAddupdate .rs-title{
    font-size: 13px;

    font-weight: 600;
    color: #30323a;
    margin: 4px 2px 12px;

}

/* Input caché */
.fileDOcrAddupdate .rs-file{
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* Zone visuelle */
.fileDOcrAddupdate .rs-droparea{
    border: 1.5px dashed var(--rk-dash);
    border-radius: 8px;
    padding: 6px 6px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    min-height: 116px;
}

.fileDOcrAddupdate .rs-up-ico{
    display: inline-grid;
    place-items: center;
    width: 38px; height: 38px;

    border-radius: 8px;
    color: #8a8f98;
    margin-bottom: 6px;
}

.fileDOcrAddupdate .rs-tip{ margin:0; font-size:13px; color:var(--rk-muted); }
.fileDOcrAddupdate .rs-or{  margin:0; font-size:13px; color:var(--rk-muted); }

.fileDOcrAddupdate .rs-link{
    color: var(--rk-teal);
    text-decoration: underline;
    cursor: pointer;
    font-weight: 600;
}
.fileDOcrAddupdate .rs-link:focus-visible{
    outline: 2px solid var(--rk-teal);
    outline-offset: 2px;
    border-radius: 4px;
}

.fileDOcrAddupdate .rs-meta{
    margin: 6px 0 0;
    font-size: 12px;
    color: #5b5f67;
}

/* Actions */
.fileDOcrAddupdate .rs-actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 4px 2px;
}

.fileDOcrAddupdate .rs-cancel{
    background: transparent;
    border: 0;
    color: var(--rk-teal);
    font-weight: 600;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 2px;
    cursor: pointer;
}

.fileDOcrAddupdate .rs-submit{
    border: 0;
    background: var(--rk-teal);
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    padding: 10px 18px;
    font-size: 14px;
    cursor: pointer;
    transition: transform .04s ease, opacity .2s ease;
}
.fileDOcrAddupdate .rs-submit:hover{ opacity: .95; }
.fileDOcrAddupdate .rs-submit:active{ transform: translateY(1px); }

/* Responsive */
@media (max-width: 520px){
    .fileDOcrAddupdate .rs-upload-card{ padding: 14px 12px 8px; }
    .fileDOcrAddupdate .rs-droparea{ padding: 22px 10px; }
    .fileDOcrAddupdate .rs-actions{ padding-top: 10px; }
}

/**********************End css File doc ***************************/


/*@media (min-width: 1200px) {
    .container {
        max-width: 100% !important;
    }
}*/
/***************End page CV=======================*/

/* ================= SCOPE ================= */
.kiara-resume-loader{
    color: #111827;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 5px;
    /*border: 1px solid #e5e7eb;*/
    background: #FFF;
    box-shadow: 0 12px 16px -4px rgba(29, 32, 37, 0.08), 0 4px 6px -2px rgba(97, 119, 170, 0.03);
    padding: 13px;
}

/* ----- Header ----- */
.kiara-resume-loader .kr-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:16px;
}

.kiara-resume-loader .kr-small-title{
    font-size:11px;
    font-weight:600;

    text-transform:uppercase;
    color:#6b7280;
    margin-bottom:4px;
}

.kiara-resume-loader .kr-subtitle{
    margin:0;
    font-size:12px;
    color:#6b7280;
}

.kiara-resume-loader .kr-close{
    border:0;
    background:transparent;
    font-size:18px;
    line-height:1;
    padding:0 4px;
    cursor:pointer;
    color:#9ca3af;
}

/* ----- Carte ----- */
.kiara-resume-loader .kr-card{
    background:#f7f9fc;
    border-radius:10px;
    padding:20px 24px;
    display:flex;
    align-items:flex-start;
    gap:20px;
}

.kiara-resume-loader .kr-avatar{
    flex:0 0 auto;
    width:72px;
    height:72px;
    border-radius:999px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.kiara-resume-loader .kr-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* ----- Contenu ----- */
.kiara-resume-loader .kr-content{
    flex:1 1 auto;
}

.kiara-resume-loader .kr-title{
    margin:2px 0 8px;
    font-size:18px;
    font-weight:600;
    color:#111827;
}

.kiara-resume-loader .kr-text{
    margin:0;
    font-size:13px;
    color:#4b5563;
}

.kiara-resume-loader .kr-progress{
    margin-top:20px;
}

.kiara-resume-loader .kr-progress-line{
    position:relative;
    height:2px;
    background:#e5e7eb;           /* gris clair */
    border-radius:999px;
    overflow:hidden;
}

.kiara-resume-loader .kr-progress-line::before{
    content:"";
    position:absolute;
    top:0;
    left:-30%;
    width:40%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(to right,#E0208E,#F8A1D0); /* rose ReKrute */
    animation:kr-loading-bar 1.4s infinite ease-in-out;
}

@keyframes kr-loading-bar{
    0%{
        transform:translateX(0);
    }
    50%{
        transform:translateX(150%);
    }
    100%{
        transform:translateX(300%);
    }
}

@media (max-width: 600px){
    .kiara-resume-loader .kr-card{
        flex-direction:column;
        padding:16px;
    }

    .kiara-resume-loader .kr-avatar{
        width:64px;
        height:64px;
    }
}

.kiara-resume-loader .kr-dots{
    display:inline-block;
    overflow:hidden;
    vertical-align:baseline;
    animation:kr-dots 1.2s steps(4, end) infinite;
}

.kiara-resume-loader .kr-dots::before{
    content:"...";
}



@keyframes kr-dots{
    0%{
        width:0ch;
    }
    100%{
        width:3ch;     /
    }
}

.kiara-resume-loader .video-circle {
    width: 80px;         /* largeur du cercle */
    height: 80px;        /* hauteur du cercle */
    border-radius: 50%;   /* rend le conteneur circulaire */
    overflow: hidden;     /* masque tout ce qui dépasse du cercle */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc; /* optionnel : une bordure */
}

.kiara-resume-loader .video-circle video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Dans ton css CV, par ex. cvProfilV1.css */
.resumeCvwidget .kv.has-error .field,
.resumeCvwidget .kv.has-error select {
    border-color: #E0208E;
    background-color: #fff5f5;
}

.resumeCvwidget .rk-error {
    margin-top: 4px;
    font-size: 12px;
    color: #d00000;
}
/* Champ en erreur */
.rk-error-field {
    border-color: #E0208E !important;
    background-color: #fff5f5 !important;;
}


.kv.has-error select {
    border-color: #E0208E !important;;
}

/* Message d'erreur sous le champ */
.rk-error {
    margin-top: 4px;
    font-size: 12px;
    color: #d00000;
}


/***********************************ADD EXPERIENCE*********************************************/
/* CONTENEUR GLOBAL */
.addnewexp {
    font-size: 14px;
    color: #333;
}

/* GRID */
.addnewexp .addnewexp-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.addnewexp .addnewexp-field {
    box-sizing: border-box;
    padding: 0 8px 16px;
    width: 33.333%;
}

.addnewexp .addnewexp-field-full {
    width: 100%;
}

/* Label & champs */
.addnewexp .addnewexp-label {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
}

.addnewexp .addnewexp-required {
    color: #d00;
}

/* Inputs / selects / textarea */
.addnewexp .addnewexp-control {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.4;
    background: #fff;
}

.addnewexp .addnewexp-textarea {
    resize: vertical;
}

/* Champ logo */
.addnewexp .addnewexp-field-logo {
    text-align: left;
}

.addnewexp .addnewexp-logo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 38px;

    border-radius: 6px;
    border: 1px solid #d9d9d9;
    background: #f5f5f5;
    cursor: pointer;
    padding: 0;
}

.addnewexp .addnewexp-logo-icon {
    font-size: 26px;
}

/* Checkbox "Toujours en poste" */
.addnewexp .addnewexp-field-inline {
    display: flex;
    align-items: flex-end;
}

.addnewexp .addnewexp-checkbox-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 13px;
}

.addnewexp .addnewexp-checkbox-inline input {
    margin: 0;
}

/* Toggles Oui / Non */
.addnewexp .addnewexp-toggle {
    display: inline-flex;
    background: #f5f5f5;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #e0e0e0;
    width: 100%;
}

.addnewexp .addnewexp-toggle input[type="radio"] {
    display: none;
}

.addnewexp .addnewexp-toggle label {
    min-width: 48px;
    padding: 6px 14px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    border-radius: 2px;
    color: #555;
}

/* État sélectionné */
.addnewexp .addnewexp-toggle input[type="radio"]:checked + label {
    background: #555;
    color: #fff;
    height: auto;
}

/* Responsive */
@media (max-width: 992px) {
    .addnewexp .addnewexp-field {
        width: 50%;
    }
    .addnewexp .addnewexp-field-full {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .addnewexp .addnewexp-field {
        width: 100%;
    }
}

/* ===== Reset local dans le bloc addnewexp ===== */
.addnewexp,
.addnewexp * {
    box-sizing: border-box;
}

/* Labels */
.addnewexp label,
.addnewexp .addnewexp-label {
    display: block !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    font-size: 13px;
    font-weight: 400;
    color: #333;
}

/* Champs texte / select / textarea dans le bloc */
.addnewexp input[type="text"],
.addnewexp input[type="email"],
.addnewexp input[type="tel"],
.addnewexp input[type="number"],
.addnewexp input[type="password"],
.addnewexp select,
.addnewexp textarea,
.addnewexp .addnewexp-control {
    width: 100% !important;
    padding: 8px 10px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 1.4;
}

/* Textarea */
.addnewexp textarea {
    resize: vertical;
}

/* Grille 3 colonnes desktop */
.addnewexp .addnewexp-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.addnewexp .addnewexp-field {
    box-sizing: border-box;
    padding: 0 8px 16px;
    width: 33.333%;
}

.addnewexp .addnewexp-field-full {
    width: 100%;
}

/* Champ “Toujours en poste” aligné */
.addnewexp .addnewexp-field-inline {
    display: flex;
    align-items: flex-end;
}

/* Checkbox inline */
.addnewexp .addnewexp-checkbox-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 13px;
}

.addnewexp .addnewexp-checkbox-inline input {
    margin: 0;
}

/* Bouton logo */
.addnewexp .addnewexp-field-logo {
    text-align: right;
}

.addnewexp .addnewexp-logo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;

    border-radius: 6px;
    border: 1px solid #d9d9d9;
    background: #f5f5f5;
    cursor: pointer;
    padding: 0;
}

.addnewexp .addnewexp-logo-icon {
    font-size: 26px;
}

/* Toggle Oui / Non local */
.addnewexp .addnewexp-toggle {
    display: inline-flex;
    background: #f5f5f5;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #e0e0e0;
}

.addnewexp .addnewexp-toggle input[type="radio"] {
    display: none;
}

.addnewexp .addnewexp-toggle label {
    min-width: 48px;
    padding: 2px 14px !important;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    border-radius: 2px;
    color: #555;
    background: #fff;
    border: 1px #e7e9ee solid;height: auto !important;
}
/* Boutons Non / Oui */
.addnewexp .addnewexp-toggle label {
    min-width: 48px;
    padding: 6px 14px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    border-radius: 2px;
    color: #555;
    margin: 5px 0px 5px 0px !important; /* reset */
}



/* État sélectionné */
.addnewexp .addnewexp-toggle input[type="radio"]:checked + label {
    background: #555;
    color: #fff;
}

/* Responsive */
@media (max-width: 992px) {
    .addnewexp .addnewexp-field {
        width: 50%;
    }
    .addnewexp .addnewexp-field-full {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .addnewexp .addnewexp-field {
        width: 100%;
    }
}
/* Champ logo aligné comme les autres champs */
.addnewexp .addnewexp-field-logo {
    text-align: left !important;       /* plus d’alignement à droite */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.addnewexp .addnewexp-field-logo .addnewexp-logo-btn {
    margin-left: 0 !important;
}
/* Forcer l’affichage de la checkbox "Toujours en poste" dans addnewexp */
.addnewexp .addnewexp-checkbox-inline input[type="checkbox"] {
    display: inline-block !important;
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 4px 0 0 !important;
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

/* Pas de pastille après les labels du toggle Oui / Non */
.addnewexp .addnewexp-toggle label::after {
    content: none !important;
}
.inline-flash {
    padding: 8px 12px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 13px;
}

.inline-flash-success {
    background: #e6ffed;
    border: 1px solid #20c997;
    color: #176c46;
}

/***********************************END ADD EXPERIENCE*****************************************/

/* ================== LOADER GLOBAL REKRUTE ================== */
.rk-loader-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.75);
    backdrop-filter:blur(2px);
    z-index:20;
}

.rk-loader{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 14px;
    border-radius:12px;
    background:#ffffff;
    box-shadow:0 8px 24px rgba(15,23,42,0.15);
    border:1px solid rgba(148,163,184,0.45);
    max-width:100%;
}

.rk-loader-icon{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 6px;
    border-radius:999px;
    background:rgba(228,60,156,0.08); /* rose clair brand */
}

.rk-loader-dot{
    width:8px;
    height:8px;
    border-radius:999px;
    background:var(--rk-loader-primary,#E0208E); /* rose ReKrute par défaut */
    animation:rk-loader-bounce 0.9s infinite ease-in-out;
}

.rk-loader-dot:nth-child(2){
    animation-delay:0.15s;
}
.rk-loader-dot:nth-child(3){
    animation-delay:0.30s;
}

@keyframes rk-loader-bounce{
    0%,80%,100%{
        transform:translateY(0) scale(1);
        opacity:0.4;
    }
    40%{
        transform:translateY(-3px) scale(1.1);
        opacity:1;
    }
}

.rk-loader-text{
    display:flex;
    flex-direction:column;
    gap:2px;
    font-size:13px;
    line-height:1.3;
}

.rk-loader-title{
    font-weight:600;
    color:#0f172a; /* Slate foncé */
}

.rk-loader-subtitle{
    font-size:12px;
    color:#64748b; /* Slate clair */
}

/* Variante inline (si un jour tu veux l’utiliser dans un bouton ou une ligne) */
.rk-loader-overlay.rk-loader-inline{
    position:static;
    inset:auto;
    background:transparent;
    backdrop-filter:none;
    justify-content:flex-start;
}


/* ================== LOADER GLOBAL REKRUTE ================== */


/********************update profil**********************************/
/* =========================
  Carte "Profil & souhaits"
  ========================= */
.profilCandidatTheme .card.profile {
    padding: 11px 20px 0px 20px;
    background: #fff;
    border-radius: 8px;
}

/* ===== Header : titre + crayon collés ===== */
.profilCandidatTheme .card.profile .profile-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;   /* titre + bouton sur la même ligne */
    gap: 8px;                      /* espace entre le h3 et le bouton */
    margin-bottom: 8px;
}

.profilCandidatTheme .card.profile .profile-titleK {
    margin: 0;
    font-size: 15px;
    font-weight: initial;
    color: #E0208E;
}

/* Bouton crayon */
.profilCandidatTheme .card.profile .btn-profile-edit {
    border: none;
    background: transparent;
    color: #9CA3AF;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
}

/* Icône crayon */
.profilCandidatTheme .card.profile .btn-profile-edit i {
    font-size: 14px;
}

/* Forcer InfosProfilIncvButton à rester collé au titre
   (neutralise éventuels float / margin globales) */
.profilCandidatTheme .card.profile .profile-header #InfosProfilIncvButton {
    margin-left: 0;
    margin-right: 0;
    float: none;
}

/* ===== Formulaire édition ===== */
.profilCandidatTheme .card.profile .profile-edit-form {
    margin-top: 8px;
}

/* Grille des champs : 4 colonnes, puis 2, puis 1 */
.profilCandidatTheme .card.profile .profile-form-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 24px;
}

@media (max-width: 1024px) {
    .profilCandidatTheme .card.profile .profile-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .profilCandidatTheme .card.profile .profile-form-grid {
        grid-template-columns: 1fr;
    }
}

/* Un champ = label au-dessus du champ */
.profilCandidatTheme .card.profile .profile-field label {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #6B7280;
}

.profilCandidatTheme .card.profile .profile-field .form-control,
.profilCandidatTheme .card.profile .profile-field input,
.profilCandidatTheme .card.profile .profile-field select,
.profilCandidatTheme .card.profile .profile-field textarea {
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #E5E7EB;
    background-color: #fff;
    box-sizing: border-box;
}

/* ===== Actions : Fermer à gauche, Valider à droite ===== */
.profilCandidatTheme .card.profile .profile-actions {
    display: flex;
    justify-content: space-between;   /* 1 bouton à gauche, 1 à droite */
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #F3F4F6;
}

/* Boutons génériques */
.profilCandidatTheme .card.profile .btn-profil {
    border-radius: 6px;
    padding: 9px 22px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
}

/* Bouton "× Fermer" */
.profilCandidatTheme .card.profile .btn-profil-secondary {
    background: #fff;
    color: #14B8A6;
    border-color: #CCFBF1;
}

/* Bouton "Valider" */
.profilCandidatTheme .card.profile .btn-profil-primary {
    background: #14B8A6;
    color: #fff;
}

/* Mobile : boutons full-width empilés */
@media (max-width: 480px) {
    .profilCandidatTheme .card.profile .profile-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .profilCandidatTheme .card.profile .profile-actions .btn-profil {
        width: 100%;
        text-align: center;
    }
}

/********************end update profil******************************/


/***************************Add new exp***************************************/
.addnewexp {
    margin-top: 15px;
}

/* Barre des boutons en bas du bloc */
.addnewexp .addnewexp-actions {
    margin-top: 20px;
    display: flex;
    justify-content: space-between; /* un à gauche, un à droite */
    gap: 10px;
    align-items: center;
}

/* Optionnel : largeur mini pour les boutons */
.addnewexp .addnewexp-actions .btn {
    min-width: 130px;
}

/* Sur mobile : si tu préfères les avoir l’un sous l’autre
   tu peux activer ce bloc */
@media (max-width: 575px) {
    .addnewexp .addnewexp-actions {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    .addnewexp .addnewexp-actions .btn {
        width: 100%;
    }
}

/* Bouton + Ajouter une expérience : le garder à gauche */
#formNewxp {
    float: left;           /* force l’alignement à gauche */
    margin-bottom: 10px;

}


.validateBTNAction{
    background: #33BCA7 !important;
    color: #FFF !important;
    border-radius: 5px !important;
}

.cancelBTNAction{
    background: #FFF !important;
    color: #2AA290 !important;
    border-radius: 5px !important;
}
/* Bloc formulaire */
.addnewexp {
    margin-top: 15px;
    border: 1px solid #E0208E;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 12px 16px -4px rgba(29, 32, 37, 0.08), 0 4px 6px -2px rgba(97, 119, 170, 0.03);
}

/* Barre d’actions en bas du form */
.addnewexp .addnewexp-actions {
    margin-top: 24px;
    padding-top: 16px;
    /*border-top: 1px solid #eef2f5;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

/* Bouton Fermer : blanc, bord turquoise */
.addnewexp .addnewexp-cancel {
    background: #fff;
    color: #00b4a0; /* adapte à ton vert/turquoise (ex: var(--rk-teal)) */
    border: 1px solid rgba(0, 180, 160, 0.3);
}

/* Hover Fermer */
.addnewexp .addnewexp-cancel:hover {
    border-color: rgba(0, 180, 160, 0.6);
    text-decoration: none;
}

/* Bouton Valider : vert plein */
.addnewexp .addnewexp-submit {
    background: #00b4a0;          /* ton vert principal */
    border-color: #00b4a0;
    color: #fff;
}

/* Hover Valider */
.addnewexp .addnewexp-submit:hover {
    background: #009286;          /* un peu plus foncé */
    border-color: #009286;
}

/* Option : sur mobile, mettre les boutons l’un sous l’autre */
@media (max-width: 575px) {
    .addnewexp .addnewexp-actions {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    .addnewexp .addnewexp-actions .btn {
        width: 100%;
    }
}
.addnewexp-error {
    color: #c0392b;
    font-size: 13px;
}
/* La carte d’édition devient le conteneur de référence */
.addnewexp {
    position: relative;
}

/* Variante “dans la carte” pour ce loader */
.rk-loader-overlay-card {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    /* on annule les éventuels width:100vw / height:100vh du style global */
    width: auto;
    height: auto;
    margin: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, 0.8);   /* flou/blanc juste dans la carte */
    backdrop-filter: blur(3px);

    z-index: 20; /* au-dessus du contenu de la carte */
}

/* Optionnel : limiter la taille du bloc loader dans la carte */
.rk-loader-overlay-card .rk-loader {
    max-width: 260px;
}
/* Bloc champ en erreur */
.addnewexp-field-error .addnewexp-label {
    color: #c0392b;
}

/* Bordure rouge sur les champs classiques */
.addnewexp-field-error input,
.addnewexp-field-error select,
.addnewexp-field-error textarea {
    border-color: #e74c3c !important;
}

/* Si tu utilises Select2 à l’intérieur */
.addnewexp-field-error .select2-selection {
    border-color: #e74c3c !important;
}

/* Pour les toggles radio, on souligne le conteneur */
.addnewexp-field-error .addnewexp-toggle {
    outline: 1px solid #e74c3c;
    border-radius: 4px;
}

.rk-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
}

/*
.rk-modal {
    background: #fff;
    border-radius: 14px;
    padding: 20px 24px;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
}
*/

.rk-modal-header {
    margin-bottom: 10px;
}

.rk-modal-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.rk-modal-body {
    font-size: 14px;
    color: #444;
    margin-bottom: 16px;
}

.rk-modal-body-small {
    font-size: 12px;
    color: #888;
    margin-top: 4px;
}

.rk-modal-error {
    margin-top: 8px;
    font-size: 13px;
    color: #c0392b;
}

.rk-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.btn.danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}
.btn.danger:hover {
    background-color: #c0392b;
    border-color: #c0392b;
}

/* Overlay de suppression d'expérience : seulement pour #expDeleteModal */
#expDeleteModal {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35); /* effet gris */
    z-index: 200;
}

/* Boîte modale centrée */
#expDeleteModal .rk-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 14px;
    padding: 20px 24px;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
}

/* Style interne */
#expDeleteModal .rk-modal-header {
    margin-bottom: 10px;
}

#expDeleteModal .rk-modal-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

#expDeleteModal .rk-modal-body {
    font-size: 14px;
    color: #444;
    margin-bottom: 16px;
}

#expDeleteModal .rk-modal-body-small {
    font-size: 12px;
    color: #888;
    margin-top: 4px;
}

#expDeleteModal .rk-modal-error {
    margin-top: 8px;
    font-size: 13px;
    color: #c0392b;
}

#expDeleteModal .rk-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* Bouton rouge danger uniquement pour cette modale */
#expDeleteModal .btn.danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}
#expDeleteModal .btn.danger:hover {
    background-color: #c0392b;
    border-color: #c0392b;
}
/* Overlay popup suppression expérience */
#expDeleteModal.exp-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 9999;
}

/* Boîte modale centrée */
#expDeleteModal .exp-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    border-radius: 14px;
    padding: 20px 24px;
    max-width: 420px;
    width: calc(100% - 40px);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
    font-family: inherit;
}

#expDeleteModal .exp-modal-header {
    margin-bottom: 10px;
}

#expDeleteModal .exp-modal-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

#expDeleteModal .exp-modal-body {
    font-size: 14px;
    color: #444;
    margin-bottom: 16px;
}

#expDeleteModal .exp-modal-body-small {
    font-size: 12px;
    color: #888;
    margin-top: 4px;
}

#expDeleteModal .exp-modal-error {
    margin-top: 8px;
    font-size: 13px;
    color: #c0392b;
}

#expDeleteModal .exp-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* Bouton "Supprimer" style danger */
#expDeleteModal .exp-modal-delete {
    background-color: #E0208E;
    border-color: #E0208E;
    color: #fff;
}
#expDeleteModal .exp-modal-delete:hover {
    background-color: #c0392b;
    border-color: #c0392b;
}

/***************************End Add new exp***********************************/


/*******************************ADD NEw Edu**********************************************/
/* Tout est scoppé sur #formNewEdu */
#formNewEdu {
    /*font-size: 14px;
    color: #333;*/
}

#formNewEdu *,
#formNewEdu *::before,
#formNewEdu *::after {
    box-sizing: border-box;
}

#formNewEdu .edu-form { width: 100%; }

#formNewEdu .edu-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 20px;
}

/* Colonnes desktop */
#formNewEdu .edu-col-4  { grid-column: span 4; }
#formNewEdu .edu-col-6  { grid-column: span 6; }
#formNewEdu .edu-col-12 { grid-column: 1 / -1; }

#formNewEdu .edu-field {
    display: flex;
    flex-direction: column;
}

#formNewEdu label {
    font-size: 13px;
    margin-bottom: 6px;
}

#formNewEdu input[type="text"],
#formNewEdu select,
#formNewEdu textarea {
    width: 100%;
    padding: 9px 12px;
    border-radius: 4px;
    border: 1px solid #D6D6D6;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.4;
}

#formNewEdu textarea {
    resize: vertical;
    min-height: 160px;
}

/* Champ "Formation en cours" */
#formNewEdu .edu-field-checkbox {
    align-items: center;
    text-align: center;
    justify-content: flex-start;
}
#formNewEdu .edu-label-checkbox { margin-bottom: 10px; }
#formNewEdu .edu-field-checkbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    position: initial;
    opacity: 1;
    margin-top: 10px;
    z-index: 0;
}

/* Responsive */
@media (max-width: 768px) {
    #formNewEdu .edu-grid { column-gap: 16px; }
    #formNewEdu .edu-field { grid-column: 1 / -1; }
    #formNewEdu .edu-field-checkbox {
        align-items: flex-start;
        text-align: left;
    }
}

/* Rouge uniquement sur le titre quand invalide */
#formNewEdu .rk-title-error { color:#c0392b !important; }

/* Pas de bordures rouges héritées */
#formNewEdu .edu-field-error input,
#formNewEdu .edu-field-error select,
#formNewEdu .edu-field-error textarea {
    border-color: var(--rk-input-border, #dfe3e8) !important;
    box-shadow: none !important;
}

/* Panneau caché par défaut (le JS l’affiche) */
#formNewEdu { display: none; }

/* Titre rouge si erreur sur le bloc */
#formNewEdu .edu-field.edu-field-error > label,
#formNewEdu .edu-field.edu-field-error .addnewexp-label {
    color: #c0392b !important;
}

/* Re-guard bordures/halos */
#formNewEdu .edu-field.edu-field-error input,
#formNewEdu .edu-field.edu-field-error select,
#formNewEdu .edu-field.edu-field-error textarea {
    border-color: var(--rk-input-border, #dfe3e8) !important;
    box-shadow: none !important;
}

/* Barre d’actions */
#formNewEdu .addnewexp-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    /*border-top: 1px solid #eee;*/
    padding-top: 16px;
    margin-top: 12px;
}
#formNewEdu .cancelBTNAction { background: transparent; color: #1abc9c; }
#formNewEdu .validateBTNAction[disabled] { opacity: .5; cursor: not-allowed; }

/* ===================== Modal suppression formation ===================== */
/* ===== Modal suppression formation (namespacé rk-edu-*) ===== */
.rk-edu-modal{
    position: fixed !important;
    inset: 0 !important;
    display: none;                 /* caché par défaut */
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,.45) !important;
    z-index: 2147483647 !important; /* tout en haut */
}
.rk-edu-modal.is-open{ display:flex !important; }
.rk-edu-modal[aria-hidden="true"]{ display:none !important; }

/* Carte */
.rk-edu-modal__card{
    width: min(560px, 92vw) !important;
    max-width: 92vw !important;
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.25) !important;
    overflow: hidden !important;
    color: inherit !important;
    font: inherit !important;
}
.rk-edu-modal__header{
    padding: 16px 20px !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #eee !important;
}
.rk-edu-modal__body{
    padding: 16px 20px !important;
}
.rk-edu-modal__error{
    margin-top: 8px !important;
    color: #c0392b !important;
    font-size: .95rem !important;
    display:none;
}

/* Actions : on place SUPPRIMER à gauche et ANNULER à droite sans toucher le HTML */
.rk-edu-modal__actions{
    display: flex !important;
    gap: 12px !important;
    justify-content: flex-end !important;
    padding: 12px 20px !important;
    border-top: 1px solid #eee !important;
}
#eduDeleteConfirm{ order: 2; } /* Supprimer (gauche) */
#eduDeleteCancel { order: 1;background: #E0208E !important; border: #E0208E !important; color: #FFF !important; } /* Annuler (droite)  */

/* Boutons (namespacés) — pas d’impact sur le reste du site */
.rk-edu-btn{
    appearance: none !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    font: inherit !important;
    border: 1px solid #cfd4d9 !important;
    background: #fff !important;
    color: inherit !important;
    transition: transform .06s ease !important;
}
.rk-edu-btn:active{ transform: translateY(1px) !important; }

.rk-edu-btn-ghost{
    background: transparent !important;
    border: 1px solid #cfd4d9 !important;
}
.rk-edu-btn-danger{
    background: #d63638 !important;
    color: #fff !important;
    border: 0 !important;
}

/* Quand le modal est ouvert, on bloque le scroll de fond */
body.rk-edu-modal-open{ overflow: hidden !important; }

/* ===================== Modal suppression formation ===================== */



/*******************************End new education*****************************************/


/*******************************debut  lg*****************************************/
#UserUpdateLgBox {
    font-family: inherit;
    font-size: 14px;
    color: #263238;
}

#UserUpdateLgBox *,
#UserUpdateLgBox *::before,
#UserUpdateLgBox *::after {
    box-sizing: border-box;
}

/* Récapitulatif haut */
#UserUpdateLgBox .lg-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 32px;
    margin-bottom: 16px;
}

#UserUpdateLgBox .lg-summary-item {
    font-weight: 500;
}

#UserUpdateLgBox .lg-summary-label {
    margin-right: 6px;
}

#UserUpdateLgBox .lg-summary-stars i {
    color: #ffb400;
    margin-right: 2px;
}

/* Carte principale */
#UserUpdateLgBox .lg-card {
    border: 1px solid #f08ac4;
    border-radius: 5px;
    padding: 24px 24px 18px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}

/* Grille langues */
#UserUpdateLgBox .lg-grid {
    display: grid;
    /*grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 40px;*/
    margin-bottom: 10px;
}

#UserUpdateLgBox .lg-item-title {
    font-weight: 600;
    margin-bottom: 8px;
}

#UserUpdateLgBox .lg-item-main {
    display: flex;
    align-items: center;
    gap: 18px;
}

/* Select */
#UserUpdateLgBox .lg-item-select {
    flex: 1 1 auto;
}

#UserUpdateLgBox .lg-select {
    width: 100%;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #dde3ea;
    background: #ffffff;
    font-size: 14px;
}

/* Rating + poubelle */
#UserUpdateLgBox .lg-item-rating {
    display: flex;
    align-items: center;
    gap: 10px;
}

#UserUpdateLgBox .lg-rating {
    --rating: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 6px;
    background: #f6f7fb;
    overflow: hidden;
}

#UserUpdateLgBox .lg-rating::before {
    content: "";
    position: absolute;
    inset: 0;
    width: calc((var(--rating) / 5) * 100%);
    background: #e43c9c;
    border-radius: 6px;
    transition: width 0.2s ease;
}

#UserUpdateLgBox .lg-star {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    cursor: pointer;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#UserUpdateLgBox .lg-star i {
    font-size: 14px;
    color: #9ea8b8;
}

#UserUpdateLgBox .lg-star.is-filled i {
    color: #ffffff;
}

/* Poubelle */
#UserUpdateLgBox .lg-remove-row {
    border: none;
    background: none;
    color: #9ea8b8;
    cursor: pointer;
    padding: 0;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#UserUpdateLgBox .lg-remove-row:hover {
    color: #e43c9c;
}

/* Ajouter langue */
#UserUpdateLgBox .lg-add-wrapper {
    margin-top: 8px;
    margin-bottom: 22px;
}

#UserUpdateLgBox .lg-add-btn {
    border: none;
    border-radius: 4px;
    padding: 10px 18px;
    background: #e43c9c;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

#UserUpdateLgBox .lg-add-icon {
    display: inline-block;
    margin-right: 8px;
    font-weight: 700;
}

/* Bas de carte : Annuler / Valider */
#UserUpdateLgBox .lg-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 6px; padding-top: 20px;
}

#UserUpdateLgBox .lg-link-cancel {
    border: none;
    background: none;
    color: #2aa290;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
}

#UserUpdateLgBox .lg-link-cancel i {
    margin-right: 6px;
}

#UserUpdateLgBox .lg-footer-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

#UserUpdateLgBox .lg-btn-ghost,
#UserUpdateLgBox .lg-btn-primary {
    border-radius: 4px;
    padding: 10px 22px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
}

#UserUpdateLgBox .lg-btn-ghost {
    border: 1px solid #00bfa5;
    background: #ffffff;
    color: #00bfa5;
}

#UserUpdateLgBox .lg-btn-primary {
    border: 1px solid #00bfa5;
    background: #00bfa5;
    color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
    #UserUpdateLgBox .lg-card {
        padding: 18px 14px 14px;
    }

    #UserUpdateLgBox .lg-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #UserUpdateLgBox .lg-item-main {
        flex-direction: column;
        align-items: flex-start;
    }

    #UserUpdateLgBox .lg-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    #UserUpdateLgBox .lg-footer-actions {
        width: 100%;
        flex-wrap: wrap;
    }



    #UserUpdateLgBox .lg-btn-ghost,
    #UserUpdateLgBox .lg-btn-primary {
        width: 100%;
        text-align: center;
        justify-content: center;
    }


}

.language-label{
    font-weight: normal !important;
}

.language-item{
    background: none !important;
}
/*#UserUpdateLgBox .star-button {
    font-size: unset !important;

    padding: 2px 2px !important;
}*/

/*******************************End new ld*****************************************/


/*******************************Add new Skills*****************************************/
/*************************************
* SUGGESTIONS (SkillSuggestInfo) – CLEAN
*************************************/

/* Box principale suggestions */
#UserUpdateSkillBox #SkillSuggestInfo.skill-suggest-box{
    width: 100%;
    box-sizing: border-box;
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 5px;
    overflow-x: hidden;
}

/* Titres / sous-titres */
#UserUpdateSkillBox #SkillSuggestInfo .skill-suggest-box-title{
    font-size: 14px;
    font-weight: 600;
    color: #222629;
    margin: 0 0 4px 0;
}
#UserUpdateSkillBox #SkillSuggestInfo .skill-suggest-box-subtitle{
    font-size: 12px;
    color: #555;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

/* Le conteneur des items (la grille) */
#UserUpdateSkillBox #SkillSuggestInfo .skill-suggest-items{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 20px;
    margin: 0 0 28px 0;
    padding: 0;
    width: 100%;
}

/* 1 colonne sur mobile */
@media (max-width: 720px){
    #UserUpdateSkillBox #SkillSuggestInfo .skill-suggest-items{
        grid-template-columns: 1fr;
    }
}

/* Item */
#UserUpdateSkillBox #SkillSuggestInfo .language-item.skill-suggested-item{
    box-sizing: border-box;
    margin: 0;
    background: #FFF9FD;
    /*border-left: 3px solid #E43C9C;*/
    padding: 1px 1px;
    border-radius: 4px;

    min-width: 0;
    max-width: 100%;
    overflow: visible;
}

/* Controls */
#UserUpdateSkillBox #SkillSuggestInfo .language-item.skill-suggested-item .language-controls{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex-wrap: nowrap;
}

/* Input */
#UserUpdateSkillBox #SkillSuggestInfo .language-item.skill-suggested-item .language-select{
    flex: 1 1 auto;
    min-width: 0;
}
#UserUpdateSkillBox #SkillSuggestInfo .language-item.skill-suggested-item .language-select input{
    width: 100%;
    box-sizing: border-box;
    height: 38px;
    padding: 8px 10px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    outline: none;
    background: #fff;
}

/* Stars */
#UserUpdateSkillBox #SkillSuggestInfo .rating-container{
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
#UserUpdateSkillBox #SkillSuggestInfo .rating-container-hidden{
    display: none !important;
}

#UserUpdateSkillBox #SkillSuggestInfo .star-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 21px;
    padding: 0 1px;
    border-radius: 6px;
    border: 1px solid #EFE1EA;
    background: #fff;
    cursor: pointer;
    user-select: none;
}
#UserUpdateSkillBox #SkillSuggestInfo .star-button.active{
    border-color: #E0208E;
    background: #E0208E;
}

/* Delete */
#UserUpdateSkillBox #SkillSuggestInfo .delete-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
#UserUpdateSkillBox #SkillSuggestInfo .delete-button{
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid #EFE1EA;
    background: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#UserUpdateSkillBox #SkillSuggestInfo .delete-button:hover{
    border-color: #E0208E;
    background: #FDE7F4;
}

/* Petit écran : étoiles sous input */
@media (max-width: 640px){
    #UserUpdateSkillBox #SkillSuggestInfo .language-item.skill-suggested-item .language-controls{
        flex-wrap: wrap;
        align-items: flex-start;
        row-gap: 10px;
    }
    #UserUpdateSkillBox #SkillSuggestInfo .language-item.skill-suggested-item .language-select{
        flex: 1 0 100%;
    }
    #UserUpdateSkillBox #SkillSuggestInfo .language-item.skill-suggested-item .delete-container{
        margin-left: auto;
    }
}

/*************************************
 * RK SKILL SUGGEST (bandeau)
 *************************************/
.rk-skill-suggest{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    margin: 16px 0;
    border-radius: 12px;
    border: 1px solid #F3C4E4;
    background: linear-gradient(90deg, #FDE7F4 0%, #EAFBF7 100%);
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

.rk-skill-suggest-icon{
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    overflow: hidden;
}

.rk-skill-suggest-icon img{
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.rk-skill-suggest-text{
    flex: 1 1 auto;
    min-width: 0;
}

.rk-skill-suggest-title{
    font-size: 14px;
    font-weight: 600;
    color: #222629;
    margin: 0 0 4px 0;
}

.rk-skill-suggest-subtitle{
    font-size: 12px;
    color: #555;
    line-height: 1.4;
    margin: 0;
}

.rk-skill-suggest-btn{
    flex: 0 0 auto;
    border: none;
    border-radius: 5px;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    background: linear-gradient(135deg, #E0208E 0%, #E0208E 100%);
    color: #fff;
    /*box-shadow: 0 6px 14px rgba(228,60,156,0.35);*/
    transition: transform .12s ease, box-shadow .12s ease, opacity .15s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.rk-skill-suggest-btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(228,60,156,0.40);
}

.rk-skill-suggest-btn:active{
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(228,60,156,0.30);
}

.rk-skill-suggest-btn:disabled{
    opacity: .6;
    cursor: not-allowed;
    box-shadow: none;
}

@media (max-width: 768px){
    .rk-skill-suggest{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .rk-skill-suggest-btn{
        width: 100%;
        justify-content: center;
    }
}

/********************************************
 * LG-CARD – Bloc ajout / modification SKILLS
 * (design identique aux Langues)
 ********************************************/
#UserUpdateSkillBox .lg-card{
    background: #fff;
    border: 1px solid #F3C4E4;          /* rose léger */
    border-radius: 5px;
    padding: 20px 22px;
    box-shadow: 0 8px 24px rgba(224,32,142,0.08);
    width: 100%;
    box-sizing: border-box;
}

/* Séparateur footer */
#UserUpdateSkillBox .lg-footer{
    margin-top: 18px;
    padding-top: 14px;
    /*border-top: 1px solid #F3C4E4;*/
}

/* Bouton Annuler (gauche) */
#UserUpdateSkillBox .lg-link-cancel-skill{
    background: none;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #00B49D;                     /* vert comme Langues */
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}

/* Bouton Valider (droite) */
#UserUpdateSkillBox .lg-btn-primary{
    border: 1px solid #00bfa5;
    background: #00bfa5;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 22px;

    font-size: 14px;
    cursor: pointer;
    min-width: 140px;
}

/* Disabled */
#UserUpdateSkillBox .lg-btn-primary:disabled,
#UserUpdateSkillBox .lg-btn-primary.is-disabled{
    opacity: .6;
    cursor: not-allowed;
}

/* Responsive : footer empilé */
@media (max-width: 640px){
    #UserUpdateSkillBox .lg-footer{
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    #UserUpdateSkillBox .lg-link-cancel-skill,
    #UserUpdateSkillBox .lg-btn-primary{
        width: 100%;
        justify-content: center;
    }
}
/* Footer: Annuler à gauche, Valider à droite */
#UserUpdateSkillBox .lg-footer{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

/* Annuler reste à gauche */
#UserUpdateSkillBox .lg-link-cancel-skill{
    order: 1 !important;
    margin-right: auto !important;
}

/* Valider va à droite */
#UserUpdateSkillBox .lg-footer-actions{
    order: 2 !important;
    margin-left: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
}

/* Anti "footer qui part à droite" : on verrouille les largeurs */
#UserUpdateSkillBox .lg-card,
#UserUpdateSkillBox .lg-card form,
#UserUpdateSkillBox .lg-footer{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Empêche un enfant trop large (flash/suggestions) de pousser la carte */
#UserUpdateSkillBox .lg-card{
    overflow-x: hidden !important;
}

/* Le flash ne doit JAMAIS créer une largeur extra (à cause du X) */
#UserUpdateSkillBox #flashInfosAddskills{
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-right: 44px; /* réserve la place du X */
    overflow: hidden;
}

/* Si ton "X" est un bouton/icone dans le flash (classe à adapter si besoin) */
#UserUpdateSkillBox #flashInfosAddskills .inline-flash-close,
#UserUpdateSkillBox #flashInfosAddskills .close{
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}


/*******************************End new Skills*****************************************/


/*******************************Debut Other*****************************************/
/* Bloc Divers (mise en forme de la carte) */
#BlocDivOtherUpdate .rk-card {
    border-radius: 8px;
}

/* Footer : Annuler à gauche, Valider à droite */
#BlocDivOtherUpdate .rk-actions-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

#BlocDivOtherUpdate .rk-actions-right {
    display: flex;
    justify-content: flex-end;
}

/*******************************End Other*****************************************/





/*******************************suggestion logos entreprise *****************************************/
/* Carte logo sélectionné */
.addnewexp .selectLogoExpe {
    margin-top: 8px;
}

.addnewexp .employer-selected {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 12px;
    background: #fff;
    /*box-shadow: 0 8px 24px rgba(0,0,0,0.12);*/
    position: relative;
}

.profilCandidatTheme .emp-sel-logo {
    border: none !important;
}

.addnewexp .employer-selected .emp-sel-logo {
    width: 60px;
    height: 43px;
    object-fit: contain;
}

/* Bouton X */
.addnewexp .employer-selected .emp-sel-remove {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    border: none;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* cacher le bloc si pas de logo sélectionné (optionnel) */
.addnewexp .selectLogoExpe:not(.has-logo) .emp-sel-logo[src=""],
.addnewexp .selectLogoExpe:not(.has-logo) .employer-selected {
    /* à ajuster selon ton besoin; tu peux mettre display:none; */
}

/* Bloc suggestions */
.addnewexp .emp-sugg-box {
    margin-top: 8px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(0,0,0,0.12);
    max-height: 260px;
    overflow-y: auto;
    padding: 8px 0;
    z-index: 50;
}

.addnewexp .emp-sugg-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.addnewexp .emp-sugg-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    cursor: pointer;
}

.addnewexp .emp-sugg-item:hover {
    background: #f7f7f7;
}

.addnewexp .emp-sugg-logo img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.addnewexp .emp-sugg-logo-placeholder {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #eee;
}

.addnewexp .emp-sugg-name {
    font-size: 14px;
    line-height: 1.3;
}

/* Bloc sélection logo entreprise */
.addnewexp .selectLogoExpe {
    margin-top: 8px;
}

.addnewexp .employer-selected {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Wrapper du logo (injecté par JS) */
.addnewexp .emp-sel-wrapper {
    position: relative;
    display: inline-block;
    /*border: 1px solid #e5e7eb;*/
    border-radius: 10px;
    background: #fff;
    /*box-shadow: 0 6px 16px rgba(0,0,0,.06);*/
    padding: 6px;
}

.addnewexp .emp-sel-wrapper .emp-sel-logo {
    display: block;
    max-width: 64px;
    max-height: 64px;
    object-fit: contain;
    border-radius: 8px;
    background: #f8fafc;

    border: 1px solid #e5e7eb !important;

    box-shadow: 0 2px 10px rgba(0, 0, 0, .05) !important;
}

/* Bouton X pour retirer le logo */
.addnewexp .emp-clear-btn {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    cursor: pointer;
    line-height: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
}

.addnewexp .emp-clear-btn:hover {
    transform: scale(1.06);
}

.addnewexp .emp-clear-btn svg {
    width: 24px;
    height: 24px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
}

/* Panel de suggestions */
.addnewexp .employer-liste-panel {
    margin-top: 4px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(15,23,42,.18);
    max-height: 260px;
    overflow-y: auto;
    z-index: 50;
}

/* Si ton partial renvoie une liste, tu peux styliser ici */
.addnewexp .employer-liste-panel ul {
    list-style: none;
    margin: 0;
    padding: 4px 0;
}

.addnewexp .employer-liste-panel li {
    padding: 6px 12px;
    cursor: pointer;
}

.addnewexp .employer-liste-panel li:hover {
    background: #f5f5f5;
}


/*******************************End suggestion logos entreprise *****************************************/


/* Styles applicables SEULEMENT en mobile */
@media (max-width: 767px) {


    .righttopmob {
        margin-top: 20px !important;
    }


    .rightbuttonmob {
        margin-bottom: 45px !important;
    }

    .addnewexp .employer-selected {

        margin-bottom: 20px !important;
    }

}

.rsaddupdate .warning{
    font-size: 10px !important;
}

/* Fix global CV : pas de scroll horizontal sur mobile */
@media (max-width: 640px){
    .profilCandidatTheme,
    .profilCandidatTheme .container,
    .profilCandidatTheme .grid,
    .profilCandidatTheme .mainCol{
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;   /* coupe tout dépassement */
    }
}

/* Fix spécifique Langues + Compétences sur mobile */
@media (max-width: 640px){

    /* Conteneurs des widgets */
    #UserUpdateLgBox,
    #UserUpdateSkillBox{
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* Les cartes internes restent 100% de la colonne */
    #UserUpdateLgBox .lg-card,
    #UserUpdateSkillBox .lg-card{
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}


/* Forcer les étoiles en ligne (Langues + Compétences) */
#UserUpdateLgBox .rating-container,
#UserUpdateSkillBox .rating-container {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

/* Chaque bouton d’étoiles reste lui aussi en ligne */
#UserUpdateLgBox .rating-container .star-button,
#UserUpdateSkillBox .rating-container .star-button {
    display: inline-flex !important;
}
/* Mobile : le bloc étoiles passe sous le champ, mais reste horizontal */
@media (max-width: 640px) {

    /* Langues + Compétences : le conteneur devient en colonne */
    #UserUpdateLgBox .language-item .language-controls,
    #UserUpdateSkillBox .language-item .language-controls {
        flex-direction: column;       /* select en haut, étoiles dessous */
        align-items: flex-start;
        gap: 8px;
    }

    /* Le champ prend toute la largeur */
    #UserUpdateLgBox .language-item .language-select,
    #UserUpdateSkillBox .language-item .language-select {
        width: 100%;
    }

    /* Les étoiles restent sur une seule ligne */
    #UserUpdateLgBox .rating-container,
    #UserUpdateSkillBox .rating-container {
        display: inline-flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 4px;
    }

    /* La poubelle sous le bloc si présente */
    #UserUpdateLgBox .delete-container,
    #UserUpdateSkillBox .delete-container {
        align-self: flex-start;
    }
}


/* Mobile : champs Langue / Compétence en full-width */
@media (max-width: 640px) {

    /* Le conteneur de la ligne prend 100% */
    #UserUpdateLgBox .language-item .language-controls,
    #UserUpdateSkillBox .language-item .language-controls {
        width: 100%;
        flex-direction: column;      /* champ en haut, étoiles en dessous */
        align-items: stretch;
        gap: 8px;
    }

    /* Le bloc du champ prend 100% */
    #UserUpdateLgBox .language-item .language-select,
    #UserUpdateSkillBox .language-item .language-select {
        width: 100%;
    }

    /* Le select / input à l’intérieur prend 100% */
    #UserUpdateLgBox .language-item .language-select select,
    #UserUpdateLgBox .language-item .language-select input,
    #UserUpdateSkillBox .language-item .language-select select,
    #UserUpdateSkillBox .language-item .language-select input {
        width: 100%;
        box-sizing: border-box;
        display: block;
    }

    /* Les étoiles restent sur une ligne sous le champ */
    #UserUpdateLgBox .rating-container,
    #UserUpdateSkillBox .rating-container {
        display: inline-flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 4px;
    }
}


.profilCandidatTheme .fa-star-o{
    margin: 0px 4px 0px 4px;
    font-size: 12px;
}

.btn:focus, .btn.focus{
    box-shadow: none !important;
}

/*******************************************************************/
/**************************suppression Lg***************************/
/* Modal générique */
.rk-modal{ position:fixed; inset:0; display:none; z-index:9999; }
.rk-modal[aria-hidden="false"]{ display:block; }

.rk-modal-backdrop{
    position:absolute; inset:0;
    background: rgba(0,0,0,.45);
}

.rk-modal-dialog{
    position:relative;
    width:min(520px, calc(100% - 32px));
    margin: 10vh auto 0;
    background:#fff;
    border-radius:14px;
    box-shadow:0 12px 40px rgba(0,0,0,.22);
    overflow:hidden;
    transform: translateY(6px);
}

.rk-modal-header{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 16px;
    border-bottom:1px solid #eee;
}
.rk-modal-header h3{ margin:0; font-size:16px; font-weight:700; }

.rk-modal-close{
    border:0; background:transparent;
    font-size:22px; line-height:1;
    cursor:pointer; opacity:.7;
}
.rk-modal-close:hover{ opacity:1; }

.rk-modal-body{ padding:16px; }
.rk-modal-text{ margin:0; font-size:14px; color:#333; }

.rk-modal-footer{
    display:flex; gap:10px; justify-content:flex-end;
    padding:7px 8px;
    border-top:1px solid #eee;
}

/* Boutons */
.rk-btn{
    appearance:none; border:0;
    padding:10px 14px;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
    font-size:13px;
}
.rk-btn-ghost{
    background:#f3f4f6;
    color:#111;
}
.rk-btn-ghost:hover{ background:#e9eaee; }

.rk-btn-danger{
    background:#e11d48;
    color:#fff;
}
.rk-btn-danger:hover{ filter:brightness(.95); }
.rk-btn:disabled{ opacity:.6; cursor:not-allowed; }

/* =========================
   MODAL PRO (ReKrute-like)
   ========================= */
body.rk-modal-open { overflow: hidden; }

.rk-modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

.rk-modal[aria-hidden="false"] { display: block; }

.rk-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    opacity: 0;
    animation: rkFadeIn .18s ease forwards;
}

.rk-modal-dialog {
    position: relative;
    width: min(560px, calc(100% - 28px));
    margin: 10vh auto 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 18px 60px rgba(0,0,0,.28);
    overflow: hidden;
    transform: translateY(14px) scale(.98);
    opacity: 0;
    animation: rkPopIn .2s ease forwards;
    border: 1px solid rgba(0,0,0,.06);
}

.rk-modal-dialog-danger { border-top: 4px solid #e11d48; }

.rk-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid #eee;
}

.rk-modal-titleWrap { display: flex; align-items: center; gap: 12px; }

.rk-modal-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #e11d48;
    background: rgba(225, 29, 72, .10);
}

.rk-modal-title { margin: 0; font-size: 16px; font-weight: 800; color: #0f172a; }
.rk-modal-subtitle { font-size: 12px; color: #64748b; margin-top: 2px; }

.rk-modal-close {
    border: 0;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    opacity: .65;
    padding: 2px 6px;
    border-radius: 10px;
}
.rk-modal-close:hover { opacity: 1; background: rgba(15, 23, 42, .06); }

.rk-modal-body { padding: 16px; }
.rk-modal-text { margin: 0; font-size: 14px; color: #334155; line-height: 1.45; }

.rk-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 16px;
    border-top: 1px solid #eee;
}

/* Buttons */
.rk-btn {
    appearance: none;
    border: 0;
    padding: 10px 14px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 13px;
    transition: transform .08s ease, filter .15s ease, background .15s ease;
}
.rk-btn:active { transform: translateY(1px); }
.rk-btn:disabled { opacity: .6; cursor: not-allowed; }

.rk-btn-ghost {
    background: #f1f5f9;
    color: #0f172a;
}
.rk-btn-ghost:hover { background: #e9eef6; }

.rk-btn-danger {
    background: #e11d48;
    color: #fff;
}
.rk-btn-danger:hover { filter: brightness(.96); }

/* Animations */
@keyframes rkFadeIn { to { opacity: 1; } }
@keyframes rkPopIn {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Mobile */
@media (max-width: 420px) {
    .rk-modal-header { padding: 12px 12px; }
    .rk-modal-body, .rk-modal-footer { padding: 12px; }
    .rk-modal-dialog { margin-top: 12vh; }
}

/**************************End suppression LG***********************/
/*******************************************************************/

/*************************return mobile******************************************/
    .barreMenuMob{
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;

        display: flex;
        width: 100%;
        margin: 0;
        padding: 0 0 env(safe-area-inset-bottom) 0;

        background-image: linear-gradient(to right, #00bea3, #006eee) !important;
        box-sizing: border-box;
        border-top: 1px solid rgba(255,255,255,0.2);
    }

    .barreMenuMob-item{
        flex: 1;
        height: 60px;

        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        justify-content: center;

        text-decoration: none !important;
        color: #fff !important;
        position: relative;

        background: transparent; /* IMPORTANT */
    }

    /* effet actif */
    .barreMenuMob-item.active{
        background: rgba(255,255,255,0.15);
    }

    /* séparateurs légers */
    .barreMenuMob-item + .barreMenuMob-item{
        border-left: 1px solid rgba(255,255,255,0.2);
    }

    /* icône */
    .barreMenuMob-icon i{
        font-size: 16px;
        color: #fff;
    }

    /* texte */
    .barreMenuMob-text{
        font-size: 11px;
        color: #fff;
    }

    /* triangle blanc (comme ton design) */
    .barreMenuMob-item.active:after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 10px;
        border-width: 0 0 12px 12px;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
    }
    /*******************************************************************/