/*@import url('https://fonts.googleapis.com/css?family=Cairo:400,700');*/
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/DroidKufi-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/DroidKufi-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/DroidKufi-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/DroidKufi-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/*
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidKufi-Regular.eot);
    src: url(../fonts/DroidKufi-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/DroidKufi-Regular.woff2) format("woff2"),url(../fonts/DroidKufi-Regular.woff) format("woff"),url(../fonts/DroidKufi-Regular.ttf) format("truetype");
    font-display: swap;

}
*/

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/DroidKufi-Bold.eot');
    src: url('../fonts/DroidKufi-Bold.eot?#iefix') format("embedded-opentype"),
    url('../fonts/DroidKufi-Bold.woff2') format("woff2"),
    url('../fonts/DroidKufi-Bold.woff') format("woff"),
    url('../fonts/DroidKufi-Bold.ttf') format("truetype");


}

body {font-family: 'Droid Arabic Kufi',Arial,Tahoma,sans-serif; font-size: 14px;}
a {
    cursor: pointer;
    text-decoration: none;
    color: #999;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.navbar .navbar-nav li a, .navbar-inverse .navbar-nav li a {font-family: 'Droid Arabic Kufi' !important;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #666;}
.navbar .navbar-nav li a, .navbar-inverse .navbar-nav li a {  font-size: 14px;color: #fff;padding: 5px 10px;}
.ltr { direction: ltr}
html h1, html h2, html h3, html h4, html h5, body h1, body h2, body h3, body h4, body h5,.job-info-2 .job-content-2 .content-wrap .company-info .read-more,a {font-family: 'Droid Arabic Kufi' !important;}
.learning-solution h2 {letter-spacing: 0px;padding-left: 0;padding-left: 0;padding-right: 120px;}
.def-btn,.job-info-2 .job-filter-2 a {font-family: 'Droid Arabic Kufi' !important;}
.title-underlined:after {left: auto;right: 0;    background: #af191e;}
.about-us .overlay-about-us:after {
    content: "";
    position: absolute;
    right: auto;
    left: -100px;
    top: 0;
    border-bottom: 620px solid #232323;
    border-right: none;
    border-left: 100px solid transparent;
}
.job-info-2 .job-content-2 .content-wrap .company-info .job-type span { letter-spacing:0px;}
.phone {direction: ltr;unicode-bidi: embed; text-align: right;}
nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .navbar-nav li a {font-size: 14px;}
.navbar .navbar-nav li.dropdown a:focus, .navbar .navbar-nav li.dropdown a:hover, .navbar-inverse .navbar-nav li.dropdown a:focus, .navbar-inverse .navbar-nav li.dropdown a:hover {
    background: transparent !important;color: #fff;}
@media (max-width: 991px)
{
    .navbar .navbar-nav li a {
        margin: 18px 5px 0 0;
        font-size: 11px;
        padding: 5px 10px;
    }
    .browse-resumes .resume-list-container a .resume-list { height: auto !important;}

}
.banner-grey {background: url(../../images/banner2.jpg) no-repeat; background-size: cover; }
.navbar .navbar-nav li.dropdown .dropdown-menu li a,
.navbar-inverse .navbar-nav li.dropdown .dropdown-menu li a {margin: 5px !important;}
.dropdown-menu>li>a {margin: 5px !important;}
.def-accordion .panel-heading a .title-text {padding-left: 0;padding-right: 17%;}
.def-accordion .panel-heading a .accordion-shape {background: #393a40;}
.navbar, .navbar-inverse{background: rgba(255,255,255,0.7);box-shadow: 0 0 7px rgba(0,0,0,0.1);color: #232323;}
.client-logos-wrap .client-logos .client-logo img {width: 100%;}
ul.list-job-info {margin: 0;padding: 0;list-style: none;}
ul.list-job-info li {
    padding: 0;
    margin: 0;
    text-align: right;
}

.col-md-4.col-sm-6.job-item {
    margin-bottom: 20px;
}

.sidebar-bix-1.text-center {
    border: 1px solid #e6e6e6;
    padding: 5px;    background: #f7f7f7;
    margin-bottom: 10px;
}
.sidebar-bix-1.text-center p {
    font-size: 18px;
    margin-top: 15px;
}

a.apply-btn.btn.btn-primary.btn-2.register {
    background-color: #ae1f23;
    border-color: #ae1f23;
}
.job-map .search-panel, .job-map  { margin-top: 0px;}
.job-map .search-panel .input-group .search-col2 .search-btn {
    border-radius: 7px;
    width: 100%;
    display: block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #ae1f23;
    padding: 7px 15px;
    margin-left: 0;
    font-size: 24px;
    padding-top: 2px;
    top: 2px;

}

.job-map .search-panel .input-group .search-col { width: auto}

select.def-select {
    -webkit-appearance: none;
    background: url(../../images/select-arrow.png) no-repeat;
    background-position: left 15px center;
    background-color: #fff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #ae1f23;}

.block {
    background: #af191e;
    color: #fff;
    padding: 10px 0;
    font-size: 18px;
    text-align: center;    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: 10px;
}

.carousel-control { z-index: 100}
.control-button i {
    top: 50%;
    position: absolute;
    color: #ae1f23;
}

.imp_jobs h2 {
    font-size: 14px;
    line-height: 16px;
    padding: 20px 5px;
    text-align: center;
}

.carousel-control { opacity: .2;}
.imp_jobs img {width: 100%;}

.banner.carousel .carousel-inner .item .content .text-content .banner-description {
    direction: rtl;
}



.onoffswitch3
{
    position: relative; font-family:'Cairo', sans-serif;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch3-checkbox {
    display: none;
}

.onoffswitch3-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #999999; border-radius: 0px;
}

.onoffswitch3-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch3-inner > span {
    display: block; float: right; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white;     font-family: inherit;
    font-weight: normal;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch3-inner .onoffswitch3-active {
    padding-left: 10px;
    background-color: #ffffff;
    color: #FFFFFF;
}

.onoffswitch3-inner .onoffswitch3-inactive {
    width: 100px;
    padding-left: 16px;
    background-color: #EEEEEE; color: #FFFFFF;
    text-align: right;
}

.onoffswitch3-switch {
    display: block; width: 50%; margin: 0px; text-align: center;
    border: 0px solid #999999;border-radius: 0px;
    position: absolute; top: 0; bottom: 0;
}
.onoffswitch3-active .onoffswitch3-switch {
    background:#af191e; right: 0;
    width: 160px;    z-index: 100;
}
.onoffswitch3-inactive{
    background: #A1A1A1; right: 0;
    width: 20px;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
    margin-left: 0;
}

.glyphicon-remove{
    padding: 3px 0px 0px 0px;
    color: #fff;
    background-color: #000;
    height: 25px;
    width: 25px;
    border-radius: 15px;
    border: 2px solid #fff;
}

.scroll-text a {
    color: #000;
    display: inline-block;
    direction: rtl;
    margin-left: 20px;
}

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

.scroll-text i.fa.fa-suitcase {
    margin: 0 30px 0 5px;
}

marquee.scroll-text a img {
    width: 30px !important;
    height: 30px;
    margin: 0 30px 0 5px;
}
.simple-marquee-container li a img {
    width: 30px !important;
    height: 30px;
    margin: 0 30px 0 5px;
}


.scroll-text a {
    color: #000;    display: inline-block;     direction: rtl;
}

marquee.scroll-text {
    direction: ltr;
}

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

.scroll-text i.fa.fa-suitcase {
    margin: 0 30px 0 5px;float: right;
}

marquee.scroll-text a img {
    width: 30px !important;
    height: 30px;
    margin: 0 30px 0 5px;
}

a:hover {
    text-decoration: none;
    color: #3a3a3c;
}


.pagination li {
    display: inline;
    float: right;
}

.img-responsive.adss a {
    display: block;
}
.img-responsive.adss  {
    border: 1px solid #999; margin-bottom: 10px;
}

.img-responsive.adss a img {
    width: 100%;
    margin-bottom: 15px;
}

.carousel-inner.resume {
    margin-bottom: 20px;
}

.job-details .job-banner .title-job {
    width: 70%;
}

.job-details .job-banner .title-job p {    float: right;margin-right: 30px;
    width: 100%;
}
.job-details .job-banner .buttons {
    width: 30%; text-align: center;
}
.btn-md {
    width: 80%;
    margin: auto;
}

.valign-top {
    display: table-cell;
    vertical-align: middle;
}
.job-banner.sec-h-pad {
    padding: 5px 0;
}
.details p.title-lable {
    float: right;
    margin-left: 10px;
    font-weight: bold;
}
.details p.title-lable i { color:#af191e; margin-left: 5px}
.details p.title-lable:after { content: ":"}
.details ul.list-job-info li {
    padding: 0;
    margin: 0;
    text-align: right;
    width: 50%;
    float: right;
}
.details p.item-info {
    font-weight: bold;
    color: #af191e;
}
.details .job-more-info {
    display: inline-block;
    width: 100%;
}
.details .job-more-info label.title-lable {
    float: right;
    margin-left: 10px;
    font-weight: bold;
}

a.link_a {
    background: #d2d2d2;
    border: 1px solid #666;
    padding: 5px 30px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    overflow: hidden;
    transition-timing-function: cubic-bezier(0.75,0,0.125,1);
    color: #af191e;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    overflow: hidden;
    z-index: 2;
    display: block;
    text-align: center;
    width: 50%;
    margin: auto;
}
a.link_a:before {
    background: #af191e;
}
a.link_a:after {
    background: #af191e;
}
a.link_a:before, a.link_a:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
a.link_a:hover:before, a.link_a:hover:after {
    transform: translate3d(0,100%,0);
}

a.link_a:hover {
    color: #fff;
}
section.white-block { margin-bottom: 20px;}
section.white-block.clearfix .title {
    margin: 10px 0;
}

section.white-block.clearfix .title h3 {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    font: bold 21px/24px 'Cairo', sans-serif;
}


.gallery-section .frame {
    float: left;
    width: 100%;
    padding: 4px;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    overflow: hidden;
}




.gallery-section .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gallery-section .frame img {
    display: block;
    width: 100%;
}

.gallery-section ul {
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}
.about-welcome .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.gallery-section .frame img {
    display: block;
    width: 100%;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #ae1f23;
}
section.banner-grey h2 {
    color: #af191e;
}
.contact-us .content .text-content a {
    color: #ae1f23;
}

.img-bord {
    border: 3px solid #af191e;
    padding: 5px;
}

.user-profile .content-wrap .user-photo-wrap .user-photo img {
    width: 100%;
    border-radius: 50%;
}
.user-profile .content .fa {
    color: #af191e;
    padding-left: 20px;
    font-size: 17px;
    padding-right: 0;
    width: 40px;
    text-align: center;
}

.recent-job-1 .job-content-1 a .job-list {
    border: 1px solid #af191e;
}
.recent-job-1 .job-content-1 a {
    margin-bottom: 25px;
    display: block;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
}
.edit {margin-top: 25px;}
.edit .link_a {width: 250px !important;}
input.def-input {text-align: right;}

.job-map .search-panel .input-group .search-col2 .search-btn {
    border-radius: 7px;
    width: 100%;
    display: block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #af191e;
    padding: 7px 15px;
    margin-left: 0;
    font-size: 24px;
    padding-top: 2px;
    top: 2px;
}

.login .login-dialog .login-content .login-body .sign-in {
    padding: 7px 0;
    font-size: 16px;
    font-family: 'Droid Arabic Kufi';
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    display: block;
    background: #af191e;
    color: #fff;
    margin-top: 15px;
    width: 100%;
    border: none;
}

.scroll-text a span.red-title {
    color: #af191e;
}




.job-more-info.descri a {
    background: #f1f0f0;
    padding: 4px 30px;
    text-transform: capitalize;
    font-size: 14px;
    top: 9px;
    margin-bottom: 20px;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    overflow: hidden;
    transition-timing-function: cubic-bezier(0.75,0,0.125,1);
    color: #ae1f23;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    overflow: hidden;
    z-index: 2;
    display: block;
    text-align: center;
    width: 50%;
    margin: auto;
}
.job-more-info.descri a:before {
    background: #ae1f23;
}
.job-more-info.descri a:after {
    background: #af191e;
}
.job-more-info.descri a:before, .job-more-info.descri a:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.job-more-info.descri a:hover:before, .job-more-info.descri a:hover:after {
    transform: translate3d(0,100%,0);
}

.job-more-info.descri a:hover {
    color: #fff;
}


.resume-form .form-content .container .user-photo-wrap .user-photo img {
    width: 100%;
    border-radius: 100%;
    height: 170px;
}

.user-profile .content-wrap .user-photo-wrap .user-photo img {
    width: 100%;
    border-radius: 50%;    max-height: 170px; height: 170px;
}

button.def-btn.btn-bg-blue {
    position: relative;
    border: 1px solid #666;
    background: #d0d0d0;
}

.job-info-2 .job-content-2 .content-wrap .company-logo img {
    max-width: 90%;
    max-height: 160px;
    height: 130px;
    overflow: hidden;    margin: 0 auto;
}

.job-info-2 .job-content-2 .user_pro_new .company-logo img {
    max-width: 90%;
    max-height: 160px;
    height: 130px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 100%;
    width: 130px;
}

/*span.item-info a {*/
/*display: inline-block;*/
/*height: 24px;*/
/*overflow: hidden;*/
/*width: 93%;*/
/*line-height: 30px;*/
/*}*/

.btn-primary {
    color: #fff;
    background-color: #af191e;
    border-color: #f4f4f4;
}
a.special {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px !important;
}

footer .copyright .right-section a.linkedin:hover {
    color: #0077b5
}
footer .copyright .right-section a.snapchat:hover {color: #FFFC00;}

iframe#st_gdpr_iframe {display: none !important;}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #3a3a3c;
    border-color: #1a2025;
}
.mb-15 { margin-bottom: 15px}

.slick-prev:before, .slick-next:before {color: #ae1f23;}

footer .copyright {
    background: #ffffff00;
    color: #191919;
    position: relative;
    width: 100%;
    line-height: 0px;
    font-size: 13px;
    padding: 20px 0;
    z-index: 1;
}

#st-2 { text-align: right !important;}

.footer-content.sec-pad {padding: 40px 0;}

footer {
    background:url(../../images/footer-bg1.jpeg) no-repeat left bottom #2d2e34;
    background-size: contain;
}
footer .footer-content {
    background: transparent;}
footer .footer-content .content-wrap i {
    margin-left: 5px;
}

.pagination li a.active:hover {
    background: #090909;
    color: #ae1f23;
    font-weight: 600;
}




.panel-body:not(.two-col) { padding:0px }
.glyphicon { margin-right:5px; }
.glyphicon-new-window { margin-left:5px; }
.panel-body .radio,.panel-body .checkbox {margin-top: 0px;margin-bottom: 0px;}
.panel-body .list-group {margin-bottom: 0;}
.margin-bottom-none { margin-bottom: 0; }
.panel-body .radio label,.panel-body .checkbox label { display:block; }

.panel-primary>.panel-heading {
    color: #fff;
}
.panel-primary {
    border-color: #3a3a3c;
}

.vote h4 {
    margin: 10px 5px;
    font-size: 14px;
    /*text-align: center;*/
    font-weight: bold !important;
}

a.at300b.at-follow-btn {
    float: none !important;
    margin: 0 10px;
}
/*

.addthis_toolbox.addthis_default_style {
    text-align: center;
}
*/

.btn-primary:hover {
    color: #fff;
    background-color: #ae1f23;
    border-color: #ae1f23;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #ae1f23;
    border-color: #ae1f23;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {

}


button.def-btn.btn-bg-yellow.text-center.order {
    border: none;
    padding: 5px 10px;
}

.def-btn.btn-bg-yellow.order:hover {
    color: #000000;
}

.blog-sidebar .sidebar-list ul li a .title {
    display: inline-block;
    font-size: 13px;
    color: #444;
}
span.number {
    float: left;
}

.maxheight {
    max-height: 520px;
    overflow: hidden;   -webkit-overflow-scrolling: touch;
}

.maxheight:hover    { overflow-x: hidden;overflow-y: scroll;   -webkit-overflow-scrolling: touch;}

.jobs_rele ul li a span.date {
    float: right;
    display: inline-block;
    width: 50%;
    font-size: 11px !important;
}
.jobs_rele ul li a img {
    float: right; margin-left: 5px;
    margin-right: 5px;width: 70px;
}

.jobs_rele ul li a span.title-blog {
    float: right;
    display: inline-block !important;
    clear: left;
}

.modal-footer.text-center { text-align: center !important;}

.blog-sidebar .sidebar-list ul li {
    border-bottom: 1px solid #ccc;
    display:grid /*block*/;
    width: 100%;    margin: 0;
}

.jobs_rele ul li a { display: inline-block !important;    padding: 5px!important;
    padding-right: 0!important; }

.category-wrap .category-content .category-logo span {
    font-size: 35px;
}

.category-wrap .category-content .category-logo p {
    font-family: 'Cairo', sans-serif;
    font-size: 17px;
    line-height: 20px;
}

.category-wrap .category-content .category-logo p {
    font-family: 'Cairo', sans-serif;
    font-size: 17px;
    line-height: 20px;
    color: #ae1f23;
}

::-webkit-scrollbar {
    width: 5px;
    height: 2px;
}
::-webkit-scrollbar-button {
    background: #f4f4f4
}
::-webkit-scrollbar-track-piece {
    background: #f4f4f4
}
::-webkit-scrollbar-thumb {
    background:#af191e
}

/*a.def-btn.btn-bg-yellow.btn-block.more {
    margin-top: 15px;
}*/

.valign-middle.title-job img {
    float: right;
}

.valign-middle.title-job h4 {
    float: right;
     margin-top: 45px;
    margin-right: 30px;
    display: block;
    width: 100%;

}

.job-details .job-banner .buttons {
    text-align: left;
}

.job-details .job-banner .buttons a.def-btn:last-child {
    margin-bottom: 0;
    margin-left: 0;
}

.details .job-more-info p {
    margin: 10px 0;
}
.margin-bot-20 { margin-bottom: 20px;}

.job-info-2 .job-content-2 .content-wrap .company-info .job-description {padding: 0 15px 15px;}
.job-info-2 .job-content-2 .content-wrap .company-logo a {
    display: block;
}

#chart {
    max-width: 380px;
}

.jobs_rele .media-heading {font-size: 13px;
    font-weight: 600;
    font-family: 'Cairo', sans-serif;
    color: #444;    line-height: 20px;}

.job-details {
    position: relative;
    margin-top: 0;
}

.category-wrap {
    border: 1px solid #ccc;
    padding: 0;
    height: 160px;
    position: relative;
}

.panel-footer button.btn.btn-primary.btn-sm {
    margin-left: 7px;
    padding: 7px 15px;
    display: inline-block;
    color: #fff;
    height: 100%;font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.panel-footer button.btn.btn-primary.btn-sm:hover {
    background: none;
    color: #af191e;    outline: none;
    border-color: #af191e;
}
.panel-footer a.btn {
    border: 1px solid #af191e;
    color: #af191e;    line-height: 23px;
    padding: 5px 12px;
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #ae1f23;
    border-color: #ae1f23;
}

.panel.panel-primary.vote {
    box-shadow: 0 0 5px 0 rgba(35,35,35,0.5);
    -webkit-box-shadow: 0 0 5px 0 rgba(35,35,35,0.5);
    -moz-box-shadow: 0 0 5px 0 rgba(35,35,35,0.5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    background: #fff;
    border: 3px solid #f7f7f7;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 0 3px 5px 0 rgba(221,221,221,0.5);
    -webkit-box-shadow: 0 3px 5px 0 rgba(221,221,221,0.5);
    -moz-box-shadow: 0 3px 5px 0 rgba(221,221,221,0.5);
    transform: scale(1);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out; margin-bottom: 0px;
}

.vote .block {margin-bottom: 0px;}

.vote .list-group-item {border: none;border-bottom: 2px solid #ddd;margin-bottom: 0;}
.panel-footer a.btn:hover {
    background: #af191e;
    color : #fff;
}

.vote .panel-footer {text-align: center;}

.topbar {background: #fff;    padding: 5px 0;}
.topbar ul {list-style: none; margin: 0}
.topbar ul li {
    list-style: none;
    display: inline-block;
    margin-left: 25px;
    margin-bottom: 3px;
}

.topbar ul li a {font-size: 16px;
    color: #999;line-height: 24px; padding: 0;
    -webkit-transition: all .3s ease-in-out;padding-bottom: 6px;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;


}

.topbar ul li.active a, .topbar ul li:hover a {  color: #333;border-bottom: 3px solid #af191e;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;    padding-bottom: 6px;
    -o-transition: all .3s ease-in-out;

}

.login .login-dialog .login-content .login-body .account-login .twitter, .login .login-dialog .login-content .login-body .account-login .facebook {    font-size: 14px;
    width: 100%;
    padding: 0;
    height: 30px;}
.login .login-dialog .login-content .login-body .account-login .twitter i, .login .login-dialog .login-content .login-body .account-login .facebook i {font-size: 16px;}

p.hint {
    font-size: 11px;
    line-height: 14px;
}

.login .login-dialog .login-content .login-header {text-align: center;}

.login .login-dialog .login-content .login-header button, .login .login-dialog .login-content .login-header button:hover { background: transparent;}



nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .topbar {
    display: none;
}
.serch_in {
    width: 100%;
    display: block;
    background: #0e0e0e47;
    color: #fff;
    border: 1px solid #fff;
    height: 46px;
    line-height: 40px;
    border-radius: 5px;
}
.job_sec { margin-bottom: 30px;}

.job_sec a {
    padding: 20px 10px;
    background: #fff !important;
    display: block;
    vertical-align: middle;
    text-align: center;
    /*margin: 0px 5px;*/
    min-height: 150px;
}

.job_sec a span.number {
    float: none;
    width: 100%;
    display: inline-block;
    color: #333;       margin-bottom: 30px;
    font-size: 46px;
}
.job_sec a span.title {
    line-height: 25px;
    font-size: 16px;
    display: block!important;
}

body {    background: #f4f4f4;}
section { background: #f4f4f4;}
a.def-btn.btn-bg-blue.more_jj {
    border: 1px solid #888;
    color: #999;
    border-radius: 30px;
}

.valign-middle.title-job img { max-width: 170px;
    padding: 10px 0;}



.serves-3-slider img {height: 160px;-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}

.serves-3-slider .testimonial-item .content p {
    text-align: center;
    line-height: 20px;
    height: 120px;
    overflow: hidden;
    font-size: 13px;
}

.pb0 {padding-bottom: 0px !important;}
.serves-3-slider .col-md-12 {padding: 0px;border: 1px solid #ededed;}
.serves-3-slider .content .more_in {
    width: 100%;
    display: block;padding: 4px 0;
    background-color: #f4f4f4;
    text-align: center;
    border: 1px solid;
    margin-top: 10px;
    border-radius: 5px;
}
.serves-3-slider h4 { text-align: center;}

section.job-info-2.testimonial-3.banner-overlay {
    background: #fff !important;
}
.serves-3-slider .content {padding: 10px;}

.serves-3-slider .testimonial-item .content { height: 220px;   border-bottom: 1px solid #d0d0d0;  box-shadow: 0 0 5px 0 rgba(35,35,35,0.5);
    -webkit-box-shadow: 0 0 5px 0 rgba(35,35,35,0.5);
    -moz-box-shadow: 0 0 5px 0 rgba(35,35,35,0.5);}

.navbar, .navbar-inverse {
    background: transparent;
    box-shadow: none;
}

.navbar .navbar-brand, .navbar-inverse .navbar-brand {
    margin: /*10px 15px!important;*/10px 5px!important;
    border-radius: 5px;}
.navbar.scroll-fixed-navbar .navbar-brand, .navbar-inverse.scroll-fixed-navbar .navbar-brand {
    background: url(../../images/logo_2.png) no-repeat;
    background-size: 100%;
}

nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .navbar-nav li a {color: #333;}
nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .navbar-nav li.active a {border-bottom: 2px solid #af191e;}
nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar li a:after {border-bottom: 2px solid #af191e;}


.nopad {padding: 0px !important;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
    border-bottom: 2px solid #ffffff;
}

.container-fluid.topbar ul {
    padding: 0;
}

.popular-categories {
    background: inherit;
}


.job-counter {
    position: relative;
    background: #170607;
}
.sec-pad2 { padding:40px 0}

.part-3-slider.slick-initialized.slick-slider img {
    margin: auto;    width: 100%;padding: 20px;
}

.navbar-collapse.in {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-inverse.scroll-fixed-navbar .navbar-toggle .icon-bar {
    background-color: #333;
}


.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
}

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

a.def-btn.btn-bg-blue.more_jj:before, a.def-btn.btn-bg-blue.more_jj:after  {
    background: transparent !important;
}

.browse-resumes .resume-list-container a .resume-list .name h4 {
    color: #444;
    font-size: 15px;
}


body.page-inner .navbar, body.page-inner  .navbar-inverse {
    background: #af191e;
    box-shadow: none;
}


body.page-inner .navbar.scroll-fixed-navbar .navbar-brand, body.page-inner .navbar-inverse.scroll-fixed-navbar .navbar-brand {
    background: url(../../images/logo.png) no-repeat;background-size: 100%;

}
body.page-inner nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .navbar-nav li a {
    color: #fff;
}


a.hidden-lg.hidden-md.hidden-sm.visible-xs.spp.waves-effect.waves-light {
    background: #fff;
    margin: 0;
    border-bottom: none;
    color: #ae1f23 !important;
    font-size: 16px;
    padding: 23px 34px 23px 34px;
}

.job-counter .counter-wrap .counter-number {
    font-size: 30px;}


.navbar .navbar-nav li a:after, .navbar-inverse .navbar-nav li a:after {
    content: "";
    position: absolute;
    height: 3px;
    top: auto;
    bottom: 0px;
    left: 0;
    width: 0;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.navbar .navbar-nav li a i, .navbar-inverse .navbar-nav li a i {
    margin-left: 5px;
}

.prl0 { padding-right: 0px !important; padding-left: 0px !important;}
.banner-3 .container .content-wrap .content .find-job-form .form-wrap input, .banner-3 .container .content-wrap .content .find-job-form .form-wrap .serch_in {border-radius: 0;}
.banner-3 .container .content-wrap .content .find-job-form .form-wrap input {padding-right: 50px;background-color: #f7f7f7;  font-size: 16px; height: 45px;}
.banner-3 .container .content-wrap .content .find-job-form .form-wrap select {padding-right: 50px; border-radius: 0px;background-color: #f7f7f7;   font-size: 16px; height: 45px;}

.br5r {-webkit-border-top-right-radius: 10px!important;
    -webkit-border-bottom-right-radius: 10px!important;
    -moz-border-radius-topright: 10px!important;
    -moz-border-radius-bottomright: 10px!important;
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;}
.banner-3 .container .content-wrap .content .find-job-form .form-wrap .serch_in {-webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;font-size: 16px;overflow: hidden;
    border-bottom-left-radius: 10px;height: 45px;}

.banner-3 .container .content-wrap .content .find-job-form .form-wrap .fa-map-marker {
    position: absolute;
    right: 20px;
    bottom: 16px;
    font-size: 25px;
}


.slick-arrow {}
.client-logos:hover .slick-arrow {
    opacity: 1;
}

.def-select {
    text-align: right;
    /*
    font-size: 16px;
    */
    font-size: 14px;
}

.navbar-nav>li>.dropdown-menu {border-radius: 5px;}
.navbar .navbar-nav li.dropdown .dropdown-menu, .navbar-inverse .navbar-nav li.dropdown .dropdown-menu {padding: 10px 5px 0px 5px;}
.navbar .navbar-nav li.dropdown .dropdown-menu li a:hover, .navbar-inverse .navbar-nav li.dropdown .dropdown-menu li a:hover {background: #f1f0f0;}
.got-a-question {height: auto;}
.job-counter .counter-wrap .counter-number {margin-top: 20px;}
.got-a-question .overlay {opacity: 0.45;-webkit-opacity: 0.45;-moz-opacity: 0.45;z-index: 0;}

a.pulses.waves-effect.waves-light {
    margin: 26px 0 0 20px;    overflow: initial;
}
a.pulses:hover { color: #fff !important;}

.pulses {
    animation: pulse 4s infinite;
}

@keyframes pulse {
    0% {
        background-color: transparent;
    }
    50% {
        background-color: rgb(247, 137, 59);
    }

    100% {
        background-color: transparent;
    }
}

.slick-prev, .slick-next { }

/*.login .login-dialog .login-content .login-header button.close {
    position: absolute;
    left: 10px;
    top: 0; font-size: 35px;

}*/

.login .login-dialog .login-content .login-header button.close {    position: absolute;
    left: -15px;
    top: -15px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 25px;
    background-color: #777777a8;
    outline: none;
    border-radius: 100%;
    padding: 0;
    width: 30px;
    height: 30px;    line-height: 25px;
}


.login .login-dialog .login-content .login-header button.close:hover {background-color: #ff6b6b; color: #fff}

.sweet-alert {border: 2px solid #797979;}

.bg_white {    background: #fff !important;}

.jobs-3-slider .slick-track {padding-top: 20px;}
.pb30 {padding-bottom: 30px!important;}
.pt30 {padding-top: 30px!important;}

.jobs-3-slider .slick-dots li.slick-active button:before {color: #ae1f23;}

.jobs-3-slider .content-wrap .company-info .job-description {padding: 0 10px 15px !important}

.border_slide {  width: 100%; display: block;}
html h1, html h2, html h3, html h4, html h5, body h1, body h2, body h3, body h4, body h5 {font-weight: 300 !important;}
.banner-3 .container .content-wrap .content .heading h1 {font-size: 48px;}
.serves-3-slider .content .more_in:hover {background: #ae1f23;color: #fff;}
.col-md-3.col-sm-3.content-wrap.flog {padding: 0;}
.flog p img {margin: 0 3px;display: inline-block;}
.col-md-3.col-sm-3.content-wrap.flog p {text-align: center;padding-top:10px;}
footer .footer-content .content-wrap .title-underlined {padding-bottom: 10px;}
footer .footer-content .content-wrap .title-underlined h3 {font-size: 16px;}
.new span {color: red;
    position: absolute;
    margin: -10px 5px 0px;
    top: 2px;
    left: -35px;
    letter-spacing: 0px !important;}

.btn-secondary {
    color: #fff;
    background-color: #f7893b;padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-color: #f7893b;display: block;
}
.btn-secondary.active, .btn-secondary:active, .btn-secondary:hover, .open>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #f56c0a;
    border-color: #eb670a;
    -webkit-box-shadow: 0 0 0 3px rgba(247,137,59,.5); color: #fff;
    box-shadow: 0 0 0 3px rgba(247,137,59,.5);
}
.form-input-group.post-a-job {
    padding-top: 5px;
}
.navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus, .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus {
    color: #fff;
    background: transparent;
}
.banner-3 .container .content-wrap .content .busin .form-wrap input {background: #f7f7f7;  font-size: 16px; height: 45px;}
.banner-3 .container .content-wrap .content .busin .form-wrap select {background-color: #f7f7f7;  font-size: 16px; height: 45px;}
.login .login-dialog .login-content .login-body {padding: 0;}

.login .login-dialog .login-content .regco .login-form {
    width: 48%;
    margin-bottom: 10px;
    margin-top: 10px;
    float: right;
    margin-left: 1%;
}

.login .login-dialog .login-content .login-body .dont-have a {
    color: #4183d7;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    padding: 0;
    line-height: 16px;
    margin: 0;
}
.login .login-dialog .login-content .login-body .dont-have a span {
    color: #5d5d5d;
}

.login .login-dialog .login-content .regco .login-form:nth-child(2n+1){
    margin-left: 0%;
}

input#password-field {
    width: 100%;
}
.passw {
    position: relative;
    width: 48%;
    float: right;
    margin-left: 1%;
}
.passw2 {
    position: relative;
    width: 100%;
}
/*.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}*/
.field-icon {
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 35%;   line-height: 20px;
}

.toggle-password:hover {
    background: #eaeaea;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}


.black {color: #333;}
.job-info-2 .job-content-2 .content-wrap .company-info.fulltime .release-date { margin-right: 0px;}


.slick-dots li button:before {
    content: '';
    background: #999;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #eee
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    background: #ae1f23
}

.resume-form .form-content .container .user-photo-wrap .user-photo img {opacity: .3;background: #c7c7c7;}
.resume-form .form-content .container .user-photo-wrap .user-photo:after {
    content: "\f03e";
    position: absolute;
    top: 35%;
    right: 0;
    left: 0;
    font: normal normal normal 40px/1 FontAwesome;
}

.browse-resumes .resume-list-container a .resume-list .exp-salary {position: relative;overflow: hidden;    padding: 0 5px;}

.starr {
    position: absolute;
    top: -7px;
    width: 80%;
    text-align: center;
}


.pulses2 {
    animation: pulse2 2s infinite;
}

@keyframes pulse2 {
    0% {
        color: #ffc107;
    }


    50% {
        color: #ae1f23;
    }

    100% {
        color: #ffc107;
    }

}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: transparent;}
/*body.page-inner .topbar {display: none;}*/
/*
li.dropdown.profileClass a.dropdown-toggle {font-size: 23px;}
*/
li.dropdown.profileClass a.dropdown-toggle img {width: 40px; height: 40px; margin-left: 15px;    border-radius: 50%;     margin-top: -7px;}
li.dropdown.companyClass a.dropdown-toggle img {width: 40px;margin-left: 15px;    border-radius: 50%;     margin-top: -7px;}
li.dropdown.hidden-xs.profileClass a {margin: 20px 0px 0 0;}
li.dropdown.hidden-xs.companyClass a {margin: 15px 0 0 0;}
body.page-inner nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .navbar-nav li ul.dropdown-menu li a {
    color: #333 !important;}
.hed_bg {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    background: #fff;
    z-index: 1031;
    overflow: auto;
    overflow-x: hidden;
    display: none;
}
.pro_job .job-content-1 a .job-list .company-icon img { width: 100%;    max-height: 95px;}
.pro_job .job-content-1 a {
    width: 100%;
    color: #676767;
    background: #fff;
    border-radius: 8px;
    padding: 0;
}
.pro_job .job-content-1 {background: #f4f4f4;}
.navbar .navbar-nav, .navbar-inverse .navbar-nav {
    text-transform: uppercase;
    display: contents;
}

li.dropdown.hidden-xs.profileClass {float: left;}
li.dropdown.hidden-xs.companyClass {float: left;}
.blog-sidebar { border-radius: 10px;
    /*   border: 3px solid #3a3a3c70;*/
    padding: 5px 10px; margin:5px 0px;
}
.job-info-2 .job-content-2 .content-wrap {border: 1px solid #3a3a3c70;}
.maxheight {max-height: 575px;    direction: ltr;}
.maxheight ul { direction: rtl;}
.job-info-2 .job-content-2 .content-wrap .company-info .job-position {background: rgba(0,0,0,.075);    color: #af191e;    height: 45px;}
.mt20 { margin-top: 20px;text-decoration: underline;}
a.is-gray.mt20 {display: block;}
li.newuser {float: left;}
li.logsin {float: left;}
li.newcomp {float: left;}
.job-info-2 .job-content-2 .content-wrap .company-info .job-description time.item-info {font-size: 11px;}
ul.nav.nav-tabs {background: transparent;}
.nav-tabs>li>a { color: #333;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #af191e;
    cursor: default;
    background-color: transparent;
    border-bottom-color: #f4f4f4;
    border-top: 3px solid #af191e;
}

.browse-resumes .resume-list-container a .resume-list {background: #fff;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #af191e;
    border-color: #f4f4f4;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    border: 1px solid #ccc;
    font-weight: 600;
    font-size: 15px;
}

.pagination li a {margin-top: 0px;}
.pagination>li>a, .pagination>li>span {padding: 8px 16px;}

.pagination li:last-child a {font-size: 15px; padding: 8px 16px;}
.pagination li:first-child a {
    font-size: 15px;
    margin-right: 5px;
    padding: 8px 16px;
}
/*.recent-job-1 .job-content-1 a .job-list .company-icon {
    width: 170px;
    padding: 0 20px;
}*/
.recent-job-1 .job-content-1 a .job-list .company-icon {
    width: 140px;
    padding: 0 10px;
}
.recent-job-1 .job-content-1 a .job-list .company {
    padding: 0 10px;
}
.recent-job-1 .job-content-1 a .job-list .company .company-info {
    color: #676767;
    font-size: 12px;
    width: 100%;
    display: table;
}

.nav-tabs {
    border-bottom: 1px solid #af191e;
}


.recent-job-1 .job-content-1 a .job-list:hover {
    box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 -9px #333;
    -moz-box-shadow: 0 0 5px #333;
    padding-top: 10px;
    margin-top: 5px;
}

.toast-top-right {top: 12% !important;}
.media.profile-header {padding: 10px;}
.section-block .panel-header {
    margin-bottom: -1px;
    background-color: #af191e;
}
.pre-newsletter-box, .pre-panel {
    height: 100%;
    top: 0;
    text-align: center;
}

.listing-header {
    border: 1px solid #e0e1e3;
    background: #fff;
    margin-bottom: 15px;
    position: relative;
}

.section-block h2 {
    margin: 0 40px;
    color: #fff;
    padding: 10px 11px;
}

.panel-header h2 {
    line-height: 26px;
    font-size: 18px;
}

.section-block .pre-panel {
    display: block;
    background-color: #af191e;
}
.pre-panel {
    right: 0;
    left: auto;
}
.pre-panel {
    background: /*#af191e;*/#af191e;
    color: #fff;
    position: absolute;
    width: 50px;
}

.pre-panel>span {
    margin-top: 10px;
}


.porf .btn-circle.btn-sm {
    right: auto;
    left: 8px;
}
.porf .btn-circle.btn-sm {
    position: absolute;
    top: 9px;
}


.porf .panel-body {
    padding: 15px;
}

.porf ul.ul-dates div.dates, ul.ul-dates-gray div.dates {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

ul.ul-dates div.dates span, ul.ul-dates-gray div.dates span {
    background: #af191e;
    padding: 6px;
    display: block;
    text-align: center;
    color: #fff;
    position: relative;
}

ul.ul-dates li, ul.ul-dates-gray li {
    margin-bottom: 15px;
    list-style: none;
}

.p__icon {
    font-size: 25px;
    margin: 7px;
}
ul.ul-dates-gray div.dates span:first-child, ul.ul-dates div.dates span:first-child {
    -webkit-box-shadow: 0 2px 6px -3px rgba(68,68,68,0.5);
    box-shadow: 0 2px 6px -3px rgba(68,68,68,0.5);
    z-index: 3;
    position: relative;
}

ul.timeline {
    border-left: 8px solid #FFF;
    list-style: none;
    padding: 1px 0;
    margin-left: 100px;
}


.porf ul.timeline {
    border-left: none;
    border-right: 8px solid #FFF;
    margin-left: 0;
    margin-right: 100px;
}


ul.timeline li .date {
    float: left;
    padding: 10px 15px 10px 10px;
    margin-top: 10px;
    margin-left: -115px;
    font-size: 15px;
    width: 110px;
    text-align: center;
    background: #af191e;
    color: #fff;
}

.porf ul.timeline li .date {
    float: right;
    padding: 10px 10px 10px 15px;
    margin-right: -115px;
    margin-left: 0;
}


@media (max-width:480px) {
    .media{text-align:center}
    .biothumb,.media-body{width:100%;display:block;text-align: right;}

    .media-left.biothumb > div{margin:0 auto 20px!important}
}
.unlock-cv-bnt {padding: 15px;}
.unlock-cv-bnt span {font-size: 33px;line-height: 30px}
.unlock-cv-bnt p {font-size: 14px;font-weight: normal;margin: 0;padding: 0;}
.porf .unlock-cv-bnt span {line-height: 54px;display: block;}
.porf .unlock-cv-bnt {padding: 5px 15px 15px}

.profile-contacts {
    margin-bottom: 0;
    width: 100%;
    position: relative;    min-height: 40px;
    padding: 10px 16px;
    background-color: #af191e;
    border-color: #af191e;
    font-size: 12px;
    margin-top: 5px;
}
.profile-contacts i{margin-bottom:0}
.profile-contacts h3{margin-bottom:0;font-family:arial;color:#fff; font-size: 16px;}
.profile-contacts h3:last-child{margin-bottom:0}
.emp-meta{text-align:center;/*margin-top:10px*/}
.emp-meta li i{margin:0 3px}
.profile-header h4{margin:8px 0 5px}
.profile-header h5{margin:2px 0 7px}
#buy_package {margin: 10px 0 0 0;}
#buy_package .btn {margin: 10px 0 0 0;}
.emp-meta li{text-align:center;margin:0 11px;display:inline-block;font-size:19px;color:#888}
.btn-addon.btn-lg i{position:absolute;float:left;width:40px;height:100%;top:0;left:0;line-height:40px;color:#fff;text-align:center;background-color:rgba(0,0,0,.1);border-radius:0 2px 2px 0}
.perc-wrapper{float:right}
.porf .perc-wrapper{float:left;width: 100%;}
.rating .dropdown-menu > li > a{font-size:18px;color:#daa520}
.rating .dropdown-menu > li > a:hover{color:#ffd700}
.rating-box .btn .glyphicon-star{color:#ffd700}
.section-block .panel-header{margin-bottom:-1px;background-color:#af191e}
.section-block h2{margin:0 40px;color:#fff;padding:10px 11px}
.section-block .pre-panel{display:block;background-color:#af191e}
.larger-text{font-size:14px}
#personal_info_data p{margin:0 0 4px;padding:0}
.btn-circle.btn-sm{position:absolute;right:8px;top:9px}
.btn-property{margin-bottom:3px}
.porf .btn-circle.btn-sm{right:auto;left:8px}
ul.ul-dates,ul.ul-dates-gray{margin:0;padding:0;list-style:none}
ul.ul-dates li,ul.ul-dates-gray li{margin-bottom:15px;list-style: none;}
ul.ul-dates div.dates,ul.ul-dates-gray div.dates{float:left;margin-right: 20px;}
.porf ul.ul-dates div.dates,ul.ul-dates-gray div.dates{float:right;margin-left: 20px;margin-right:0}
ul.ul-dates div.dates span,ul.ul-dates-gray div.dates span{background:#af191e;padding:6px;display:block;text-align:center;color:#fff;position:relative}
ul.ul-dates-gray div.dates span{background-color:#BBB}
ul.ul-dates-gray div.dates span:last-child{background-color:#979797}
ul.ul-dates-gray div.dates span:first-child,ul.ul-dates div.dates span:first-child{-webkit-box-shadow:0 2px 6px -3px rgba(68,68,68,0.5);box-shadow:0 2px 6px -3px rgba(68,68,68,0.5);z-index:3;position:relative}
ul.ul-dates div.lang,ul.ul-dates-gray div.lang{padding-top:3px}
.porf ul.ul-dates div.lang,ul.ul-dates-gray div.lang{}
ul.ul-dates div.lang h4,ul.ul-dates-gray div.lang h4{font-weight:400;font-size:16px;margin-top:0}
ul.ul-dates div.lang p,ul.ul-dates-gray div.lang p{font-size:17px}
ul.timeline{border-left:8px solid #FFF;list-style:none;padding:1px 0;margin-left:100px;}
.porf ul.timeline{border-left:none;border-right:8px solid #FFF;margin-left:0;margin-right:100px}
ul.timeline li .date{float:left;padding:10px 15px 10px 10px;margin-top:10px;margin-left:-115px;font-size:15px;width:110px;text-align:center;background:#af191e;color:#fff}
.porf ul.timeline li .date{float:right;padding:10px 10px 10px 15px;margin-right:-115px;margin-left:0}
ul.timeline li .circle{float:left;margin:20px 0;margin-left:-14px;width:20px;height:20px;border:4px solid #FFF;border-radius:50%;background-color:#af191e}
.porf ul.timeline li .circle{float:right;margin-left:0;margin-right:-14px}
ul.timeline li.open .circle{-webkit-box-shadow:0 2px 6px -3px rgba(68,68,68,0.5);box-shadow:0 2px 6px -3px rgba(68,68,68,0.5)}
ul.timeline li .data{background:#f7f7f7;margin:10px 0 10px 20px;border-left:10px solid #af191e;padding:18px 20px;font-size:16px;-webkit-box-shadow:0 3px 3px -3px #333;box-shadow:0 3px 3px -3px #333;border-radius:3px}
.porf ul.timeline li .data{margin:10px 20px 10px 0;border-left:none;border-right:10px solid #af191e}
ul.timeline li .data .subject{cursor:pointer;font-size:16px}
ul.timeline li .data .text{display:none;margin-top:15px;font-size:14px}
ul.timeline .line_actions{position:absolute;right:10px;top:10px}
.porf ul.timeline .line_actions{right:auto;left:10px}
.x2 .form-control{height:42px}

.porf #social_links_data > .col-md-12 > a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
}


.checkbox span.checkmark {border-radius: 0; -webkit-border-radius: 3px; }

.blog-sidebar .def-accordion .panel-heading a .accordion-shapes {
    position: absolute;
    /* padding-top: 5px;*/
    text-align: center;
    z-index: 3;
    left: 0px; background: transparent;
    line-height: 1; width: auto;
    height: auto;
    color: #af191e;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    transition: transform .2s ease;
    padding-top: 0;
    top: -5px;
}

.blog-sidebar .def-accordion .panel-heading a .title-text {
    padding-left: 17px;
    padding-right: 10px;
}

.blog-sidebar  .def-accordion .panel-heading a .title-text {
    display: table-cell;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    height: auto;
    width: 100%;
    vertical-align: middle;
    color: #444;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.blog-sidebar .def-accordion .panel-body {    padding: 15px;}

/*.blog-sidebar .def-accordion .panel-heading a {border-bottom: 1px solid #af191e;}*/
ul#langList li {
    width: 100%;
    float: right;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 340px !important; }




@media (max-width: 500px) {
    ul.timeline{margin:0!important;border-left:none;border-right:none}
    ul.timeline li .data .subject{clear:both}
    ul.timeline .circle{display:none}
    ul.timeline .data{margin:0!important;margin-bottom:10px!important;padding-top:65px!important}
    ul.timeline .date{margin-left:0!important;margin-right:0!important;width:200px!important}
    .biothumb img{margin:0 auto}
    .listing-header h1,.listing-header h2{font-size:18px}
}
@media (max-width: 768px) {
    .perc-wrapper{float:none!important;/*margin:20px -22px 0;*/position:relative;padding:25px 0 0}
    .perc-wrapper:before{content:"";height:25px;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#EBEBEC;position:absolute;top:0;left:0;margin:0;right:0;z-index:9}
    .mobile_no {margin: 0px !important;}
    span.ttxxtt {
        display: none;
    }
    .ads_te {
        top: 100px !important;
        left: 0px !important;
        padding: 5px 10px;
    }
    .adsmod .modal-dialog .modal-content .modal-header button.close {
        left: -5px;
    }

}
.autocomplete-suggestions{border:1px solid #999;background:#FFF;overflow:auto}
.autocomplete-suggestion{padding:2px 5px;white-space:nowrap;overflow:hidden}
.autocomplete-selected{background:#F0F0F0}
.autocomplete-suggestions strong{font-weight:400;color:#ae1f23}
.autocomplete-group{padding:2px 5px}
.autocomplete-group strong{display:block;border-bottom:1px solid #000}
.round{border-radius:50px!important;overflow:hidden}

/*****************/


.circliful {
    margin: 0 auto;
    position: relative;
    padding: 0;
    margin-top: -50px;
    margin-bottom: -25px;
}
.svg-container {width: 80%;}
tspan.number {
    font-size: 31.5px;
    line-height: 1;
}
text.timer {
    font-size: 31.5px !important;    line-height: 1;
}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
    line-height: 30px !important;
}
.circle-text {
    top: 90px;
}
#profile-completion-head .circle-text {
    top: 41px;
}
.circle-info {
    top: 100px;
}
#profile-completion-head .circle-info {
    top: 69px;
}
.circle-info, .circle-info-half {
    color: #999;
}
.porf .circle-info {
    top: 107px;
    max-width: 100px;
    line-height: 17px !important;
    right: 50%;
    margin-right: -50px;
}
.porf #profile-completion-head .circle-info {
    top: 71px;
}
.circliful .fa {
    margin: -10px 3px 0 3px;
    position: relative;
    bottom: 4px;
}
.download-cv, .download-cv .btn-group, .unlock-cv {
    width: 100%;
}
.btn-xl {
    padding: 26px 34px;
    font-size: 22px;
    line-height: 1.3333333;
}
.m-t-xs {
    margin-top: 5px;float: left;
}

.sweet-alertssss {    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    left: 50%;
    top: 50%;font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    display: inline-block;}



.sweet-alertssss .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid #5cb85c;
    border-radius: 50%;
    margin: 5px auto;
    position: relative;
    box-sizing: content-box;
}


.sweet-alertssss .sa-icon.sa-success::before, .sweet-alertssss .sa-icon.sa-success::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;

    transform: rotate(45deg);
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px;
}

.sweet-alertssss .sa-icon.sa-success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px;
}


.sweet-alertssss .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #5cb85c;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.sweet-alertssss .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
}
.sweet-alertssss .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
}
.sweet-alertssss .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid #5cb85c;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sweet-alertssss .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;

    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    transform: rotate(-45deg);
}

.sweet-alertssss .sa-icon.sa-success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    transform: rotate(-45deg);
    transform-origin: 0px 60px;
}
.sweet-alertssss .sa-icon.sa-warning {
    border-color: #eea236;
}

.sweet-alertssss .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #f0ad4e;
}
.sweet-alertssss .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #f0ad4e;
}

.sweet-alertssss .sa-icon.sa-error {
    border-color: #d43f3a;
}
.sweet-alertssss .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block;
}

.sweet-alertssss .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #d9534f;
    display: block;
    top: 37px;
    border-radius: 2px;
}

.sweet-alertssss .sa-icon.sa-error .sa-line.sa-left {
    transform: rotate(45deg);
    left: 17px;
}

.sweet-alertssss .sa-icon.sa-error .sa-line.sa-right {
    transform: rotate(-45deg);
    right: 16px;
}


.recent-job-1 .job-content-1 a .job-list .company .company-info .col-md-4.col-sm-4 {
    min-width: 255px;
}
.recent-job-1 .job-content-1 a .job-list .company .company-info .col-md-3.col-sm-4 {
    min-width: 180px;
}



/************/

/* The container */
.checkmark_container {
    display: block;
    position: relative;
    width: 70px;
    padding-right: 23px !important;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.checkmark_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 5px;
    right: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #af191e;
    /*box-shadow: 0px 0px 3px 3px #af191e33;*/
}

/* On mouse-over, add a grey background color */
.checkmark_container:hover input ~ .checkmark {
    background-color: #fff;box-shadow: 0px 0px 3px 3px #af191e33;
}

/* When the radio button is checked, add a blue background */
.checkmark_container input:checked ~ .checkmark {
    background-color: #ae1f23;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkmark_container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.checkmark_container .checkmark:after {
    top: 4px;
    right: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;box-shadow: 0px 0px 1px 1px #af191e0d;
}


.vote .list-group-item {
    border: none;
    border-bottom: 0px solid #ddd;
    margin-bottom: 0;    padding: 10px 10px;
}

.input.date select.def-select {
    width: 31.33%;
}

.input.date label {
    width: 100%;
}

.vote .panel-footer {background-color: #ffffff;border-top: 0px solid #ddd;}

.blog-sidebar:first-child {
    padding-top: 0;
    margin-top: 0;
}

.job-details section.white-block.clearfix .title {position: relative;    border-top-left-radius: 3px;
    border-top-right-radius: 3px;}
.job-details section.white-block.clearfix .title h3 {
    background: #af191e;
    padding: 10px;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;   /* margin: 0 40px 0 0;*/
}
.job-details section.white-block.clearfix .title .pre-panel {
    display: block;
    background-color: #af191e;
    color: #fff;
    position: absolute;    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 50px;
    right: 0;
    left: auto;
    height: 44px;
    top: 0;
    text-align: center;
}

.job-details section.white-block.clearfix .title .pre-panel span {margin-top: 10px;}

.job-details .job-details-content .content .details {padding-right: 0;}
.job-details section.white-block.clearfix .title {margin: 0 -10px 10px -10px;}
.job-details section.white-block {margin-bottom: 20px;background: #fff;padding: 0 10px 10px 10px; border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px #c2d5de;}
.job-details .details .job-more-info label.title-lable i.fa.fa-list-alt {color: #af191e;}
.job-details .details .job-more-info p span {font-size: 16px !important;}
.job-details .sidebar-list {background: #fff;}
.job-details .block {background: #af191e;padding: 7px 10px;font-size: 20px;text-align: right;    margin: 0 -5px;}
.job-details .imgporf {text-align: center;}
.job-details .blog-sidebar { background: #fff;    padding: 0 5px;     border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.job-details .blog-sidebar .media-body {vertical-align: middle;}
.job-details .progress {height: 10px;}
.job-details .progress-bar.bg-success {background-color: #7dd865;}
.job-details .success {color: #3e9e24;}
.job-details .profname {font-weight: bold;}
.job-details  .profup hr {margin: 5px 0;}
.job-details .imgporf img {
    max-width: 110px;
    width: 100%;
    margin: 10px 0;
    border-radius: 10%;
}
/*section.job-details .job-banner.sec-h-pad {margin-top: 20px;}*/
.job-details {margin-top: 60px;}
.job-details2 {margin-top: 20px;}
.def-btn.btn-bg-blue {color: #af191e;}
.def-btn.btn-bg-blue:after {background: #af191e;}
.def-btn.btn-bg-blue:before {background: #af191e;}
.job-details .job-banner .buttons .posted-on {margin-left: 15px;}
.panel-heading.block {position: relative;}

.panel-heading.block {
    position: relative;
    background: /*#af191e;*/#af191e;
    color: #fff;
    text-align: right;
}
.panel-heading.block span.fa {
    margin-top: 12px;
    font-size: 1.5em;
}

.panel-heading.block .panel-title {margin: 0 60px; font-size: 16px; }

.def-btn.btn-bg-yellow {background: #af191e;}
.share-this-job h4.block {
    margin-bottom: 10px;
}
.share-this-job {
    text-align: center;
    margin-bottom: 10px;    min-height: 110px;
}
.blog-sidebar .sidebar-list ul li:last-child {border-bottom: 1px solid #ccc;}
.job-details section.white-block.clearfix .title h3 span.fa {font-size: 24px;}
.job-map .search-panel {background: #af191e;}
.job-info-2 .job-content-2 .content-wrap .company-info.fulltime .read-more .text {background: #af191e;}
.job-info-2 .job-content-2 .content-wrap .company-info.fulltime .read-more {border: 1px solid #af191e;}
.job-info-2 .job-content-2 .content-wrap .company-info.fulltime .read-more .right-arrow {color: #af191e;}
.job-info-2 .job-content-2 .content-wrap .company-info.fulltime .read-more:hover .text {color: #af191e;background: transparent;}
.job-info-2 .job-content-2 .content-wrap .company-info.fulltime .read-more:hover .right-arrow {background: #af191e;color: #fff;}
.job-info-2 .job-content-2 .content-wrap .company-info.fulltime .release-date {border: 1px solid #af191e;color: #af191e;}
.pagination li a {color: #af191e;}
.pagination li a:hover {color: #af191e;background: #f4f4f4;}
/*.job-info-2 {     margin-top: 30px;}*/
.job-info-2 {margin-top: 80px;}
section.job-info-2.job-details2 {margin-top: 20px !important;}
footer .footer-content .content-wrap a:hover {color: #af191e;}
.navbar .navbar-nav li.dropdown .dropdown-menu li a:hover, .navbar-inverse .navbar-nav li.dropdown .dropdown-menu li a:hover {color: #af191e;}
.smicon .fa {
    margin-top: 13px !important;
    font-size: 25px !important;
}
/*.def-input:focus {
    outline: 0;
    border: 1.5px solid #af191e;
}*/
.def-input:focus {
    border: 2px solid #af191e!important;
    outline: #af191e;
    /* padding: 13px;*/
    border-width: 2px;
    border-color: #af191e;
}

p.larger-text.alert.alert-secondary {
    font-size: 13px; color: #8a6d3b;
    background: #fdf8e4; text-align: center;
    padding: 10px;
}

.sweet-alert.showSweetAlert h2 {margin-bottom: 10px;}
.fotbtn {margin-top: 15px; text-align: left}
/*.fotbtn button.btn.btn-success {margin-left: 5px;}*/
div#skill_add_form {margin-bottom: 10px;}
form#updateSocialForm .input-group.x2 {margin-bottom: 10px;}
.ui-widget-content {background: #e9e9e9;color: #222222;}
.ui-slider-horizontal {height: 5px;}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
    background: #af191e;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -7px;}
.ui-slider .ui-slider-handle {border-radius: 100%;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #d3d3d3;
    background: #af191e;}
.smartse {background-color: #fff;    border-radius: 7px;border-top: 5px solid #af191e;    border-bottom: 5px solid #af191e;}
.blog-sidebar.smartse .block {
    background: transparent;
    color: #333;
    text-align: right;
}

.blog-sidebar.smartse select.def-input.def-select {background-color: #f7f7f7;}
.blog-sidebar.smartse .sidebar-list ul li {border-bottom: none;}
.blog-sidebar .def-accordion .panel-heading a.no-effect.collapsed {border-bottom: 1px solid rgba(0,0,0,.0);}
.blog-sidebar .def-accordion .panel-heading a.no-effect {border-bottom: 1px solid rgba(0,0,0,.07);}
.checkbox .checkmark_container input:checked ~ .checkmark:after {
    display: block;
    left: 5px;
    right: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0;
    background: transparent;
}

.summary.sec-hq-pad-t.sec-h-pad-b {min-height: 300px;}
.dropzone {background: white;border-radius: 5px;border: 1px dashed #ae1f23;border-image: none;max-width: 90%;margin-left: auto;
    margin-right: auto;
    min-height: 80px;
    padding: 10px 20px;
}

.dropzone .dz-message {text-align: center;margin: 10px;}
h4.label_drop {font-size: 14px;text-indent: 6%;}
input#imgInp {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;height: 100%;width: 100%;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.user-photo-wrap.valign-wrap {height: 160px;width: 160px;padding: 10px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background: #eee;position: relative;overflow: hidden;display: inline-block;margin-top: 25px;cursor: pointer;}
.user-photo.valign-middle {height: 140px;width: 140px;text-align: center;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background: #eee;color: #676767;font-size: 36px;border: 5px solid #ae1f23;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;}
img#blah {width: 100%;border-radius: 100%;height: 130px;}
form#personFormInfo .user-photo img {opacity: .3;background: #c7c7c7;}
form#personFormInfo .user-photo:after {content: "\f030";position: absolute;top: 35%;right: 0;left: 0;font: normal normal normal 40px/1 FontAwesome;}
input#sub_input {background: url(../../images/icon-mail.png) no-repeat right #fff;padding-right: 50px;}
.sweet-alert {width: 508px !important;}
#loading {z-index: 20 !important;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {background-color: transparent;}
.col-md-12.text-center.sec-h-pad-t {display: inline-block;}
div#social_links_data ul li a.btn-primary {display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 20px;border-radius: 5px;}
div#social_links_data ul {margin: 0;padding: 0;}
div#social_links_data ul li {list-style: none;    margin-bottom: 5px;}
div#social_links_data ul li  span {display: inline-block;}
.navbar .navbar-nav li.dropdown .dropdown-menu li a:after {background: #af191e;}
.def-btn.btn-bg-yellow:hover {color: #af191e;}
div#accordion2 .panel.panel-default .panel-heading a.no-effect.collapsed .accordion-shapes {-ms-transform: translateY(50%) rotate(180deg);transform: translateY(50%) rotate(180deg);}
ul#ui-id-1 {max-height: 300px;overflow: scroll;font-size: 12px;background: #fff;}
.ui-menu .ui-menu-item {width: 100%;}
.ui-menu .ui-menu-item a {width: 100%;display: block;text-align: right;padding: 10px;line-height: 20px;}
.container.job-map.margin-bot-20.animated.wow.fadeInUp {position: relative;z-index: 1;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {border: 1px solid #999999;background: #af191e;font-weight: normal;color: #fff;}
.form-group.auto_div {position: relative;}
.form-group.auto_div span.fa {position: absolute;top: 10px;font-size: 20px;left: 10px;}
.login .login-dialog .login-content .login-body .sign-in:hover {background: #ae1f23;box-shadow: 0 3px 3px -3px rgba(0,0,0,0.5);}
section.user-profile {overflow-x: hidden;}
body.page-inner {overflow-x: hidden;}
button.btn.btn-property {background: #e6e6e6;white-space: normal !important; text-align: -webkit-auto !important;}
.browse-resumes .resume-list-container a .resume-list .location h5 {color: #676767}
.addthis_inline_share_toolbox {margin-top: 20px;}
a#instagramBtn {color: #fff;background: #d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
input.dz-hidden-input {display: none;}
.media.profile-header .media-left.biothumb img.person_img {border-radius: 10%;}
table.table.result_data.is-basic tr td {padding: 15px;}
.old_voted .list-group-item {padding: 20px 15px;}
.jobs-3-slider .slick-dots li button {width: 10px;height: 10px;padding: 0;}
a.p__icon:hover, a.p__icon:focus, a.p__icon:active {color: #E91E63;}
/*a.remove_certificate.p__icon:hover {color: #E91E63;}
a.remove_course.p__icon:hover {color: #E91E63;}
a.remove_experience.p__icon:hover {color: #E91E63;}
a.remove_project.p__icon:hover {color: #E91E63;}
a.remove_lang.p__icon:hover {color: #E91E63;}*/
.input-group.flag .input-group-addon {background-color: #fff;border: 1px solid #555;border-left: 0;}
input#phone {direction: ltr;}
.input-group.flag {width: 100%;}
span#phoneSpan, span.phoneSpan {direction: ltr;unicode-bidi: embed;}
.input.date select.def-select {width: 48%;}
.form-group.search_inp {position: relative;}
.form-group.search_inp i.fa.fa-search {position: absolute;left: 0px;top: 0;padding: 13px 10px;color: #ccc;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;cursor: pointer;}
.topbar ul li.social-link {margin: 0;vertical-align: -webkit-baseline-middle;}
.topbar ul li.social-link a {font-size: 25px;margin: 0 0 0 0;padding: 0;display: inline-block;}
.select2-container--default .select2-results__option[aria-selected=true]:after {content: "";position: absolute;left: 16px;top: calc(50% - 4px);width: 8px;height: 16px;border: 1px solid #af191e;border-width: 0 1px 1px 0;-ms-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);pointer-events: none;z-index: 10100;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #444;line-height: 40px !important;}
.select2-container .select2-selection--single {height: 40px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 40px !important;}
.select2-container--default .select2-results__option[aria-selected=true] {position: relative;}
/*.select2-container--default .select2-results__option[aria-selected=true]:hover:after,.select2-container--default .select2-results__option[aria-selected=true]:active:after,.select2-container--default .select2-results__option[aria-selected=true]:focus:after {color: #fff; border-color: #fff;}*/
.select2 {width:100%!important;    outline: #af191e;}
input.select2-search__field {position: relative; margin-top: 5px;}
span.select2-search.select2-search--dropdown:after {content: "\f002";font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 10px;top: 8px;padding: 13px 10px;color: #ccc;}
.select2-search--dropdown {display: block;padding: 4px;position: relative;padding: 4px 10px !important; margin-bottom: 10px;}
.select2-container--default .select2-results__option[aria-selected=true] {background-color:transparent !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #f7f8fa !important;color: #333 !important;}
.select2-results__option {text-indent: 10px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {left: 50% !important;margin-left: -4px !important;margin-top: -2px !important;position: absolute !important;top: 50% !important;width: 10px !important;height: 10px !important;border: 1px solid #b9bfcb !important;border-width: 0 0 1px 1px !important;-ms-transform: translate(50%,-50%) rotate(-45deg) !important;transform: translate(50%,-50%) rotate(-45deg) !important;z-index: 2 !important;}
.blog-sidebar.smartse input.def-input {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border: 1px solid #aaa;}
.select2-container--default .select2-selection--single {border-radius: 0 !important;text-indent: 20px;}
.blog-sidebar.smartse h2.block {border-bottom: 1px solid #dcdcdc;    margin: 0 -10px;font-weight: bolder !important;    font-size: 17px;}
.blog-sidebar.smartse h2.block i.fa.fa-filter {margin-right: 10px;    margin-left: 5px;    font-size: 22px;}
input.def-input.jobTitle.changeInput:focus,input.def-input.jobTitle.changeInput:active {border: 1px solid #af191e !important; outline: #af191e;}
/*input.def-input.jobTitle.changeInput:focus,input.def-input.jobTitle.changeInput:active {border: 1.5px solid #af191e !important; outline: #af191e;}*/
.blog-sidebar.smartse input.def-input.jobTitle.changeInput:focus, .blog-sidebar.smartse input.def-input.jobTitle.changeInput:active {border: 2px solid #af191e!important;outline: #af191e;padding: 13px;border-width: 2px;border-color: #af191e;}
.select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single:active {border: 2px solid #af191e!important;outline: #af191e;border-width: 2px;border-color: #af191e;}
.select2-search--dropdown .select2-search__field {border: 2px solid #af191e!important;outline: #af191e;padding-left: 30px !important;border-width: 2px;height: 37px;text-indent: 10px;border-color: #af191e;}
li.select2-results__option.select2-results__message {text-align: center;color: #a6afb9 ;font-size:14px;}
.select2-dropdown {box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .08);       border: 1px solid #e7e9ed !important; border-radius: 5px;}
.select2-container--open .select2-dropdown--below {border-top: 1px solid #e7e9ed !important;border-top-left-radius: 5px!important;border-top-right-radius: 5px!important;margin-top: 5px;}
.blog-sidebar .def-accordion .panel-heading a .accordion-shapes i {font-size: 24px;}
.form-control-slider {width: 97%;text-align: center;margin: 0 auto;}
.smartse .def-accordion:after {border-bottom: 1px solid #ececec;content: "";width: 100%;display: block;padding: 0 10px;}
.smartse .def-accordion:last-child:after {border-bottom: none;content: "";width: 100%;display: block;padding: 0 10px;}
div#accordion2 {margin-bottom: 0;}
.smartse .form-group:last-child:after {margin-bottom: 0;}
.job-map input.def-input {text-align: right;border-radius: 0;border: 1px solid #aaa;}
.job-map .select2-container {text-align: right;}
div#topcontrol {z-index: 100000;position: fixed;opacity: 1;cursor: pointer;bottom: 55px !important;left: 25px !important;}
.coomp img#blah {width: 100%;border-radius: 100%;height: 170px;}
.browse-resumes .resume-list-container a .resume-list .photo-wrap .photo img {border-radius: 100%;max-height: 85px;width: 100%;}
.recent-job-new .company-icon {float: right;display: inline-block;max-height: 95px;overflow: hidden;}
.recent-job-new .company-name {float: right;display: inline-block;    line-height: 30px;padding-top: 15px;max-width: 60%;}
.recent-job-new .company-name .name {color: #af191e;font-weight: bold;    }
.recent-job-new .co-dete {font-weight: bold;}
.recent-job-new .company-name .name i {color: #676767 }
.recent-job-new .company.valign-middle {width: 100%;display: inline-block;}
.recent-job-new .company-info .ifon_dat {border-bottom: 1px solid #e0e0e0;}
.recent-job-new .sweet-alertssss {left: 0;position: relative;top: 50px;line-height: 20px;}
.recent-job-1 .job-content-1 a .job-list:hover {box-shadow: 0 0 10px #333;-webkit-box-shadow: 0 0 -9px #333;-moz-box-shadow: 0 0 5px #333;padding-top: 0;margin-top: 0;}
.test:after {content: '\2807';font-size: 30px; cursor: pointer;color: #cec9c9}
.recent-job-new .btn-group {position: absolute;top: 10px;left: 25px;}
.recent-job-new .btn-group .dropdown-menu {left: 15px;right: auto;top: 0;min-width: 100px;}
.recent-job-new .linomarg {margin-bottom:0px !important;}
.recent-job-new .linomarg a {display: block; background: transparent; border-radius: 0;color:#af191e; font-weight: bold;}
.recent-job-new .linomarg a:hover {background: transparent; border-radius: 0; margin: 5px 0;}
.timeline-container {padding: 0}
.noDataCat {min-height: 200px;}
select.def-input.def-select:focus {padding: 0 10px;}
.form-group.search_inp input.def-input {padding: 7px 10px 7px 25px;}
section.job-info-2.banner-overlay.bg_white,section.job-info-2.testimonial-3.banner-overlay {margin-top: 25px;}
input#jobTitleInput {padding-left: 25px;padding-right: 10px;}
.job-map .select2-container--default .select2-selection--single {text-indent: 10px;}
.form-group.search_inp input.def-input {padding: 7px 10px 7px 25px !important;}
.modal-header button.close:hover {background-color: #ff6b6b;color: #fff;}
.modal-header button.close {position: absolute;left: -15px;top: -15px;color: #fff;border: 2px solid #fff;font-size: 25px;background-color: #777777a8;outline: none;border-radius: 100%;padding: 0;width: 30px;height: 30px;line-height: 25px;    opacity: 1;}
.comp_jop_add .btn-group {position: absolute;top: 10px;left: 10px;}
.comp_jop_add {position: relative;}
.comp_jop_add .btn-group {position: absolute;top: 10px;left: 10px;}
.comp_jop_add .btn-group ul.dropdown-menu {left: 0;right: auto;}
.comp_jop_add .btn-group ul.dropdown-menu li.linomarg {margin-bottom: 0;}
.comp_jop_add .btn-group ul.dropdown-menu li.linomarg a {padding-left: 0;padding-right: 10px;display: block;width: 90%;}
.closedJob {position: absolute;top: 10px;left: 30px;background: #e4e4e4;border-radius: 50px;text-align: center;padding: 0 15px;}
.browse-resumes .resume-list-container a .resume-list .def-btn.btn-bg-yellow.order:hover {color: #ffffff;}
.abou img.img-responsive {padding: 5px;border: 3px solid #af191e;}
.navbar .navbar-nav li.dropdown .dropdown-menu li a, .navbar-inverse .navbar-nav li.dropdown .dropdown-menu li a {border-bottom: .5px solid #eee !important;}
.col-md-4.col-sm-6.col-xs-12.job-item.fulltime,.nopad_left {padding-left: 0;}
.bg-danger {background-color: #af191e;}
ul.list-job-info span.title-lable {text-align: center;width: 15px;display: inline-block;}
form#editProfile .select2-container--default .select2-selection--single {background-color: #fff;border: 1px solid #555;border-radius: 5px !important;}
form#updateJobPost .select2-container--default .select2-selection--single, form#personFormInfo .select2-container--default .select2-selection--single {background-color: #fff;border: 1px solid #555;border-radius: 5px !important;}.resume-form .form-content a .fa {color: #ffffff;padding-right: 0;}
body.page-inner.page-inner.noauth section.banner-grey {margin-top: 110px;}
section.browse-resumes.sec-hq-pad-t.sec-hq-pad-b .job-map input.def-input {text-align: right;border-radius: 5px;border: 1px solid #aaa;}
body.page-inner nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .navbar-nav li.active a {border-bottom: 2px solid #ffffff;}
body.page-inner nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar li a:after {border-bottom: 2px solid #fff;}
body.page-inner nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar ul.dropdown-menu li a:after {border-bottom: 0px solid #fff;}
form#registerForm select.def-input.def-select {margin: 10px 0;}
body.page-inner nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .navbar-nav li ul.dropdown-menu li a:hover {color: #af191e !important;}
.job-details .job-banner .title-job .posted-on i {color: #676767;}
.blog-sidebar .sidebar-list ul li a .date .fa {color: #af191e;}
.login .login-dialog .login-content .login-body .remember-me-forgot-pw a:hover {color: #af191f;}
#loading {background-color: #af191f9c !important;}
.perLoaderLang {background-color: #af191f!important;}
.danger {color: #2784fc!important;}
/*

span.emailSpan {
    font-size: 12px;
    font-family: sans-serif;
    width: 80%;
    word-break: break-all;
    display: inline-block;
}
*/
button.btn.btn-xl.btn-success.unlock-cv-bnt.waves-effect.waves-light {width: 100%;background-color: #af191f;border-color: #af191f;}
.btn-group.bootstrap-select.show-tick.form-control {padding: 0;}
button.btn.dropdown-toggle.bs-placeholder.btn-default.waves-effect.waves-light {width: 100%;}
button.btn.dropdown-toggle.bs-placeholder.btn-default.waves-effect.waves-light span.bs-caret {float: left;}

.sign-up-outer .col-md-6.col-xs-12 {margin-bottom: 10px;}
.sign-up-outer  form#registerForm select.def-input.def-select { margin: 0px;}
.folders-data {
    display: block;
    min-height: 350px;
}


.fa-spinner {position: relative;color: inherit;-webkit-animation: spin .5s linear infinite;animation: spin 1s linear infinite;}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}



.folder_cv .media {
    background: #fff;    position: relative;
      padding: 15px;    border: 1px solid #ccc;
}
.folder_cv { margin-bottom:20px;}
.folder_cv .media h2.media-heading {font-size: 20px;}
.folder_cv .media h2.media-heading a {color: #2784fc!important;}
.folder_cv .media img.media-object {width: 120px;background: #fcfefc;border: 1px solid #ccc;border-radius: 3px;margin: 0 10px 0 0;padding: 5px;    height: 150px;}
.folder_cv .media h4 {font-size: 16px;}
.folder_cv .media h5 {font-size: 12px;}
.folder_cv .media p {word-wrap: break-word;font-size: 14px;}
.folder_cv .user-trash {display: none;}
.folder_cv:hover .user-trash {
    display: inline-block;
}

.folder_cv .media .job-item-status {
    left: 0;
    right: auto;
    position: absolute;
    top: 1px;
}
.col-xs-8.folder_container {padding: 0;}

.col-xs-8.folder_container button {
    border-radius: 0;
    padding-right: 5px;background: #fff;
}
.folder_container_i {background: #af191f;color: #fff;text-align: center;padding: 0px;}
.folder_container_i a {color: #fff; font-size: 12px;display: block;padding: 2px 0;    height: 35px;}
.folder_container .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 90%;
    text-align: right;
}
.col-xs-8.folder_container button.btn.dropdown-toggle.bs-placeholder.btn-default {
    border-radius: 0;
    padding-right: 5px;
    padding-left: 25px;    padding-top: 7px;
}

.folder_container .bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: auto;
    left: 12px;
    margin-top: -2px;
    vertical-align: middle;
}
.folder_container .bootstrap-select.btn-group .dropdown-menu {
    max-width: 220px;
}
.folder_container .bootstrap-select.btn-group .no-results {word-break: break-all;    white-space: pre-line;}
.folder_container  .btn-group.open .dropdown-toggle { background: #fff;}
.panel.panel-default.pos-rel .pos-rel.info-user {
    margin-bottom: 20px;
    display: inline-block;    width: 100%;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #af191f;
    outline: 0;
}
.bs-searchbox:after {
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 10px;
    top: 8px;
    padding: 13px 10px;
    color: #ccc;
}
.bs-searchbox .form-control {outline: none}
.bs-searchbox .form-control {
    border: 2px solid #af191e!important;
    outline: #af191e;
    padding-left: 30px !important;
    border-width: 2px;
    height: 37px;
    text-indent: 10px;
    border-color: #af191e;
}
button.btn.dropdown-toggle.bs-placeholder.btn-default:focus, .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.bootstrap-select .dropdown-toggle:focus {outline-color: #af191f !IMPORTANT;}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 0px;  margin-left: 34px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: auto;
    left: 15px;
    margin-top: 5px;
}
.form-control:focus {
    border-color: #af191f;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(175, 25, 31);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(175, 25, 31);
}

.panel-body .radio label, .panel-body .checkbox label {
    display: block;
    width: 100%;
}
.folder_cv .media .job-item-status span.label {
    font-size: 90%;
    border-radius: 0;
}
a.disabled {
    cursor: not-allowed;
}
.emp-meta ul {
    padding-right: 20px;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #af191f;
    border-color: #af191f;    outline: none;
}

.login .login-dialog .login-content .login-body .remember-me-forgot-pw label {color: #4183d7;}
.login .login-dialog .login-content .login-body .remember-me-forgot-pw .checkmark {border: 1px solid #4183d7;box-shadow: 0px 0px 3px 3px #2196f32b;}
.login .login-dialog .login-content .login-body .dont-have {color: #333;}
span.folder-name {font-weight: bold;}
.panel-header.listing-header input#file-name {border-radius: 0;}
.panel-header.listing-header .input-group-btn button.btn.btn-default.waves-effect.waves-light {border-radius: 0;}
.listing-header button.btn.btn-danger.m-sm.waves-effect.waves-light {height: 46px;margin: 10px !important; border-radius: 0px;    background-color: #af191e;}
.listing-header button.btn.btn-danger.m-sm.waves-effect.waves-light:hover {background: #d43f3a;}

.cvs_listing_row {
    border: 1px solid #dadada;
    position: relative;
    margin: 0 0 20px 0;background: #fff;
}
.cv_card_header {
    background: #f9f9f9;
    height: 40px;
    padding: 7px;
    border-bottom: 1px solid #dadada;
}
/*.cv-info-item {
    margin: 10px 0;
}*/
.vertical_app {
    vertical-align: middle;
}
.inline-b {
    display: inline-block!important;
}
.cvs_cv_info>span {
    font-size: 11px;
    margin: 0 10px;
    float: left;
}
.mute, .cleartext {
    color: #999!important;
}
.cv_list_block {
    padding: 20px;
}
.pos-rel {
    position: relative;
}
.cvs_listing_profile {
    width: 140px;
    height: 140px;
    border: 1px solid #dadada;
    margin: 0 0 0 20px;
    overflow: hidden;
}
.l {
    float: right!important;
}
.c {
    text-align: center;
}
.responsive-img {
    max-width: 100%;
}
.c.cvs_profile_photo a .responsive-img {
    height: 140px;
    width: 140px;
}

.cvs_listing_content {
    width: calc(100% - 160px);
}
.relevancy_rank_block {
    font-size: 1.2em;
    position: absolute;
    right: 0;
    top: 0;
}
.cvs_cv_contact_title_info {
    border-bottom: 1px solid #dadada;
    padding-bottom: 4px;
    height: auto;padding-top: 10px;
}


.cvs_listing_content .cvs_cv_contact_title_info p.cvs_cv_name {
    line-height: 24px;
}
.cvs_listing_content .cvs_cv_contact_title_info p.cvs_cv_name {
    font-size: 16px;
    line-height: 14px;
    font-weight: bold;
}
.cvs_listing_content .cvs_cv_contact_title_info p {
    margin: 0 0 8px 0;
    line-height: 14px;
}

.i-fill-add, .cvs_cv_name a, .cvs_shortlinks_block dd a {
    color: #2784fc!important;
    font-size: 14px;
}
.cvs_listing_content .cvs_cv_contact_title_info p.cvs_cv_target {
    font-weight: bold;
    font-size: 14px;
    width: 64%;
    margin-bottom: 4px;
}

.cvs_listing_content .cvs_cv_contact_title_info p.cvs_cv_target a,.cvs_listing_content .cvs_cv_contact_title_info p.cvs_cv_company_name a {color: #333;}

.cvs_listing_content .cvs_cv_per_exp {
    border-bottom: 1px solid #dadada;    line-height: 27px;
    margin: 0 0 10px 0;
}

.cvs_cv_per_exp span.cvs_per_options_titles {
    display: inline-block;
    margin: 0 30px 0 0;
    line-height: 12px;
}
.cvs_listing_content span {
    font-size: 13px;
}
.cvs_listing_content .cvs_cv_per_exp .cvs_info_black {
    float: none;
    dispaly: inline;
    margin: 0;
    color: #000;
    font-size:12px;
}

.clear {
    clear: both;
}

.cvs_cv_per_exp {
    padding: 10px 0;
}
.cvs_per_options_second {
    margin: 0;    font-size: 12px;    line-height: 21px;
}
.cvs_cv_per_exp .cvs_info_option_title_second {
    color: #999;
    display: inline-block;
    width: 164px;
    float: right;font-size: 12px;
}
.cv_trg_field .cvs_info_black {
    width: 70%;    color: #333;
    display: inline-block;
}
.cvs_second_info>div:first-child {
    box-shadow: none;
}
.cvs_second_info>div, .cvs_listing_row .cvs_second_info .cvs_cv_attachement_notes .cvs_info_row>div {
    box-shadow: 0 -1px 0 #d8d8d8;
}

.cvs_second_info dl.cvp-list {
    overflow: hidden;
    margin: 0 0 1px 0;
}

.cvs_second_info .cvs_listing_specialties dl.cvp-list dt {padding: 15px 0;width: 164px;    font-size: 12px;text-align: right; float: right;}
.cvs_listing_questionnaire dl.cvp-list dt b {color: #999!important;}
.cvs_second_info dl.cvp-list dd {
    width: auto;
    margin: 0;
    overflow: auto;
    border: 0!important;
    padding: 15px 10px 15px 0;
    font-size: 12px;
}

.s_tag {
    background: #e6e6e6;
    color: #1d1d1b!important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px 7px 0;
    padding: 3px 8px;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 10;
    line-height: 16px;
}
.cvs_second_info dl.cvp-list dt b {
    font-weight: normal;
}

.l.cv-info-item {
    width: 100%;
}
.cvs_cv_info.inline-b.r.vertical_app {
    width: 100%;
}
span.mute.cvs_last_update {
    float: right;
}

.cvs_listing_content .cvs_cv_contact_title_info p.cvs_cv_target a {line-height: 24px;}

.container.abou {min-height: 410px;}
table.table.table-striped.dawrat {text-align: center;    border: 1px solid #e0dcdc;    margin-top: 30px;}
table.table.table-striped.dawrat th {text-align: center;}
a.trash_hr {font-size: 20px;}
a.trash_hr:hover,a.trash_hr:active,a.trash_hr:focus {color: #af191f;}
.nav-tabs>li>a {line-height: 1.42857143;border: 1px solid #8a8a8a40;}
.verification {    line-height: 30px;
    color: #15b51c;
    font-size: 20px;
    margin-right: 5px;}
span.verifyBTN {
    color: #15b51c;
    margin-right: 10px;
}
a.verifyBTN {
    color: #af191f;
    margin: 0 5px;
    font-size: 13px;
}
div#demo_table_new_paginate {float: left;}
.table-responsive .table {max-width: none;-webkit-overflow-scrolling: touch !important;}

.c.cvs_profile_photo {position: relative;}


.corner-ribbon{
    width: 130px;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 30px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Custom styles */

.corner-ribbon.sticky{
    position: absolute;
}

.corner-ribbon.shadow{
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
    top: 15px;
    left: -34px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}




.corner-ribbon.green{background: #2c7;z-index: 100;color: #fff;}

.green {color: #15b51c;}








.ribbon-container {
    position: absolute;
    top: 55px;
    left: -15px;
    overflow: visible;
    /* so we can see the pseudo-elements we're going to add to the anchor */
    font-size: 18px;
    /* font-size and line-height must be equal so we can account for the height of the banner */
    line-height: 18px;    z-index: 100;
}

.ribbon-container:before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 3px;
    right: 0;

    border-top: 29px solid rgba(0, 0, 0, .3);
    border-bottom: 29px solid rgba(0, 0, 0, .3);
    border-left: 29px solid rgba(0, 0, 0, .3);
    border-right: 29px solid transparent;
}

.ribbon-container:after {
    /* This adds the second part of our dropshadow */
    content: "";
    height: 3px;
    background: rgba(0, 0, 0, .3);
    display: block;
    position: absolute;
    bottom: -3px;
    right: 58px;
    left: 3px;
}

.ribbon-container a {
    display: block;
    padding: 20px;
    position: relative;
    /* allows us to position our pseudo-elements properly */

    background: #0089d0;
    overflow: visible;
    height: 58px;
    margin-left: 29px;
    color: #fff;
    text-decoration: none;
}

.ribbon-container a:after {
    /* this creates the "folded" part of our ribbon */
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
    border-top: 15px solid #004a70;
    border-left: 15px solid transparent;
}

.ribbon-container a:before {
    /* this creates the "forked" part of our ribbon */
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0;
    right: -29px;
    border-top: 29px solid #0089d0;
    border-bottom: 29px solid #0089d0;
    border-right: 29px solid transparent;
    border-left: 29px solid transparent;
}
p.text-success.no-margin {color: rgb(38, 166, 91);}
div#trainhint {top:450px;}
ul.dropdown-menu.compmenu li a {font-size: 12px;margin-bottom: 10px !important;}
.gray_mode {color: #333 !important;background: #eaeaea !important;;}
.btn-group.unlock-cv {margin-bottom: 15px;}

section.panel.corner-flip .panel-body {padding: 20px;}
.panel-body {
    position: relative;
    padding: 20px;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.showcase-pie-easy ul {
    margin-left: 15%;
    width: 100%;
    list-style: none;
    padding: 0;
}
.showcase-pie-easy ul li:first-child {
    border-bottom: 1px #DDD solid;
    font-size: 20px;
}
.showcase-pie-easy ul li {
    font-size: 20px;
    padding: 10px 0;
    padding-right: 5%;
    text-align: right;
    width: 80%;
}

.showcase-pie-easy ul li small {
    color: #777;
    display: block;
    font-size: 18px;
    font-weight: normal;
}

#profile-completion-about {
    width: 20%;
    float: left;
    margin-top: 10px;
}
#profile-completion-about tspan.percent {
    display: none;
}
section.panel.corner-flip h3 {
    text-align: center;
}
section.panel.corner-flip {
    border: 3px solid #af191e;
}

.banner-3 .container .content-wrap .content .heading h1.title_name {
    font-size: 34px; margin-bottom: 20px;
}
.sweet-alert.showSweetAlert h2 {    position: relative;
    margin-top: 10px;
}

form#restFormJs {margin-top: 17px;}

.data_job_inf {
    float: right;
    display: inline-block;
    width: 75%;margin: 10px 0;
}

@media (max-width: 991px) {
    .profile-contacts{padding:5px 15px}
    .download-cv .dropdown-menu{position:relative}
    .profile-contacts h3{font-size:12px}
    .col-md-4.col-sm-6.col-xs-12.job-item.fulltime, .nopad_left {padding-left: 15px;}
    [dir='rtl'] .slick-prev {right: -25px;}
    [dir='rtl'] .slick-next {right: auto;left: -25px;}
    /* .mobile_no {margin: 0px !important;}*/
    .job-details .blog-sidebar {display: inline-block;width: 100%;}
    .col-sm-12.hidden-lg.hidden-md.visible-sm.visible-xs h3.panel-title {
        height: 40px;
        line-height: 40px;
        color: #fff;
    }
    .svg-container {
        width: 50%;
    }
}
@media (max-width: 1200px)
{
    .navbar .navbar-nav li a, .navbar-inverse .navbar-nav li a {margin: 26px 0px 0 0;padding: 5px 5px;}
}
@media (max-width: 1024px)
{
    .flog p img {float: right;width: 50px !important;}
}
@media (width: 768px) {
    .recent-job-new .sweet-alertssss {
        left: 0;
        position: relative;
        top: 0;
        line-height: 20px;
    }
    div#menu1 .valign-middle.text-center {
        display: inline-block;
        width: 100%;
    }
    div#menu2 .valign-middle.text-center {
        display: inline-block;
        width: 100%;
    }
    .timeline-container {
        padding: 0;
        width: 100%;
    }
    .job-details .job-banner .title-job p {
        float: right;
        margin-right: 30px;
      /*  width: 60%;*/
    }
    table.table.table-striped.dawrat {margin-top: 0px !important;}


    /*
    .navbar .navbar-brand, .navbar-inverse .navbar-brand {background: url(../../images/logo.png) no-repeat 10px 10px;}
    */
    /*    body.page-inner .navbar.scroll-fixed-navbar .navbar-brand, body.page-inner .navbar-inverse.scroll-fixed-navbar .navbar-brand {
            background: url(../../images/logo.png) no-repeat 10px 10px;}*/
    .btn-secondary {display: inline-block;position: relative;width: 100%;}
    nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .navbar-nav li a {font-size: 11px;}


}
@media (max-width: 767px) {

    .cvs_listing_profile {width: 100%;border: none;/*border-bottom: 1px solid #dadada*/}
    .cvs_listing_content {width: 100%;}
    .cvs_cv_per_exp span.cvs_per_options_titles {margin: 0 0 0 10px;}
    .cvs_second_info .cvs_listing_specialties dl.cvp-list dt {padding: 5px 0;width: 100%;}
    .cvs_second_info dl.cvp-list dd {
        width: auto;
        margin: 0;
        overflow: auto;
        border: 0 !important;
        padding: 5px 5px 5px 0;
    }
    .cv_trg_field .cvs_info_black {width: 55%;}
    .cvs_cv_per_exp .cvs_info_option_title_second {width: 45%;}

    .cvs_listing_specialties {
        border-top: 1px solid #dadada;
    }
    .cvs_second_info>div, .cvs_listing_row .cvs_second_info .cvs_cv_attachement_notes .cvs_info_row>div {
        box-shadow: none;
    }

    .c.cvs_profile_photo a .responsive-img {border: 1px solid #dadada;}

    .ribbon-container:before {
        border-top: 9px solid rgba(0, 0, 0, .3);
        border-bottom: 29px solid rgba(0, 0, 0, .3);
        border-left: 29px solid rgba(0, 0, 0, .3);
        border-right: 29px solid transparent;
    }

    .ribbon-container a {height: 38px;margin-left: 5px;    padding: 10px;    font-size: 14px;}

    .ribbon-container a:before {
        border-top: 19px solid #0089d0;
        border-bottom: 19px solid #0089d0;
        border-right: 29px solid transparent;
        border-left: 29px solid transparent;
    }


    /*.ribbon-container {
        position: absolute;
        top: auto;
        bottom: 85px;}*/
    .center_mob {text-align: center;}
    table.table.table-striped.dawrat {margin-top: 0px !important;}

    .user-photo-wrap.valign-wrap {margin-top: 0px;}
    .folder-box {padding: 25px 10px !important;}

    section.user-profile div#home {
        overflow-x: hidden;
    }
    body.page-inner {
        overflow-x: hidden;
    }

    body {
        overflow-x: hidden;
    }

    .banner-3 {
        margin-top: 0px !important;
        background-attachment: initial !important;
    }

    .navbar-inverse .navbar-toggle {
        margin-bottom: 10px;
    }

    .navbar .navbar-header .navbar-brand {
        margin-bottom: 0px !important;
    }

    .navbar .navbar-nav {
        background: #af191e;
        display: block;
    }

    .navbar-nav {
        margin: 0 0;
    }

    .sweet-alert {
        width: auto !important;
    }

    footer {
        background-attachment: initial !important;
        overflow-x: hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    /*    .navbar .navbar-nav li {border-bottom: 1px solid #cacaca !important;}*/
    nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .navbar-nav li a {
        font-size: 16px;
        padding: 20px 20px 20px 10px;
        font-weight: normal;
    }

    .navbar .navbar-nav li:nth-last-child(3) {
        border-bottom: 1px solid #eee;
    }

    .topbar ul li {
        /*margin-left: 80px;*/
        margin-left: 80px;
        height: 40px;
    }

    .topbar ul li:last-child {
        margin-left: 0px;
    }

    .container {
        overflow: hidden;
    }

    .navbar .container {
        width: 100%;
        padding: 0;
    }

    .navbar .navbar-nav li a:after, .navbar-inverse .navbar-nav li a:after {
        background: transparent;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 100%;
        overflow: hidden;
    }

    .job-details .job-banner .title-job {
        display: block;
        width: 100%;
    }

    .job-details .job-banner .buttons {
        display: block;
        width: 100%;
        margin-top: 35px;
        text-align: center;
    }

    a.pulses.waves-effect.waves-light {
        margin: 0;
    }

    .got-a-question {
        background-attachment: initial !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    body.page-inner .navbar-inverse .navbar-toggle:hover, body.page-inner .navbar-inverse .navbar-toggle:focus {
        background: transparent;

    }

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background: transparent;
        border-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: transparent;
    }

    nav.navbar.navbar-inverse.navbar-fixed-top.scroll-fixed-navbar .navbar-toggle {
        border-color: transparent;
    }

    body.page-inner .navbar-inverse .navbar-toggle {
        border-color: transparent
    }

    body.page-inner .navbar-inverse.scroll-fixed-navbar .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .container-fluid.topbar ul {
        padding: 10px 0;
    }

    .topbar {
        border-bottom: 1px solid #ededed;
        padding-bottom: 0;
    }

    .topbar ul li.active a, .topbar ul li:hover a {
        color: #333;
        border-bottom: 3px solid #ae1f23;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        padding-bottom: 20px;
        -o-transition: all .3s ease-in-out;
    }

    .topbar ul li a {
        font-weight: bold;
    }

    .job_sec a span.number {
        float: left;
        width: auto;
        display: inline-block;
        color: #333;
        margin-bottom: 30px;
        font-size: 30px;
    }

    .job_sec a span.title {
        line-height: 25px;
        font-size: 16px;
        display: block !important;
        float: right;
        width: 70%;
        text-align: right;
    }

    .job_sec a {
        min-height: 80px;
        margin: 0 15px;
        border-radius: 10px;
    }

    /*  .br5r {-webkit-border-top-right-radius: 0px!important;
          -webkit-border-bottom-right-radius: 0px!important;
          -moz-border-radius-topright: 0px!important;
          -moz-border-radius-bottomright: 0px!important;
          border-top-right-radius: 0px!important;
          border-bottom-right-radius: 0px!important;}
      .banner-3 .container .content-wrap .content .find-job-form .form-wrap .serch_in {-webkit-border-top-left-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -moz-border-radius-topleft: 0px;
          -moz-border-radius-bottomleft: 0px;
          border-top-left-radius: 0px;
          border-bottom-left-radius: 0px;}*/
    .banner-3 .container .content-wrap .content .find-job-form input, .banner-3 .container .content-wrap .content .find-job-form .form-wrap .serch_in, .banner-3 .container .content-wrap .content .find-job-form select {
        border-radius: 10px !important;
    }

    .navbar .navbar-nav {
        overflow: auto;
        height: 100%;
        position: fixed;
        width: 100%;
    }

    .navbar .navbar-nav:hover {
        overflow: scroll;
        max-height: 590px;
    }

    .navbar .navbar-nav li.dropdown .dropdown-menu li a, .navbar-inverse .navbar-nav li.dropdown .dropdown-menu li a {
        margin: 0px !important;
    }

    .navbar .navbar-nav li.dropdown, .navbar-inverse .navbar-nav li.dropdown {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .caret {
        float: left;
    }

    .navbar .navbar-nav li.dropdown .dropdown-menu li a, .navbar-inverse .navbar-nav li.dropdown .dropdown-menu li a {
        margin: 0px !important;
        border-bottom: 0px;
    }

    .navbar .navbar-nav li a {
        margin: 0;
        color: #fff !important;
        padding: 20px 20px 20px 10px;
        font-size: 16px;
    }

    .navbar .navbar-nav li.dropdown.open .dropdown-menu {
        display: inline-block !important;
        width: 100%;
        background: #dde9f8;
        position: static !important;
    }

    .navbar .navbar-nav li.dropdown .dropdown-menu li a, .navbar-inverse .navbar-nav li.dropdown .dropdown-menu li a {
        background: #dde9f8;
        color: #333 !important;
        font-size: 14px !important;
        padding: 10px 20px 10px 10px !important;
    }

    .navbar.scroll-fixed-navbar li.dropdown a:hover, .navbar.scroll-fixed-navbar li.dropdown a:focus, .navbar-inverse.scroll-fixed-navbar li.dropdown a:hover, .navbar-inverse.scroll-fixed-navbar li.dropdown a:focus {
        background: transparent
    }

    .navbar .navbar-nav li.dropdown .dropdown-menu li, .navbar-inverse .navbar-nav li.dropdown .dropdown-menu li {
        border-bottom: none;
    }

    .caret {
        margin-top: 10px;
    }

    .navbar .navbar-nav li.dropdown .dropdown-menu, .navbar-inverse .navbar-nav li.dropdown .dropdown-menu {
        padding: 0
    }

    .banner-3 .container .content-wrap .content .heading h1 {
        color: #fff;
        line-height: 55px;
    }

    .banner-3 {
        background-attachment: initial !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .counter-column.col-md-3.col-sm-3 {
        width: 50%;
        float: right;
        margin-bottom: 40px;
    }

    [dir='rtl'] .slick-prev {
        right: -10px;
        z-index: 10;
    }

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

    .client-logos-wrap .client-logos .client-logo img {
        width: 70%;
        padding: 15px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .job-info-2 .heading h2 {
        line-height: 45px;
    }

    .navbar .navbar-header .navbar-brand {
        left: 0;
        float: none;
        display: block;
        width: 170px;
        right: 0;
        margin: 15px auto !important;
    }

    .banner-3 .container .content-wrap .content .heading h1 {
        font-size: 34px;
    }

    .navbar-toggle {
        float: right;
    }

    footer .copyright {
        line-height: 20px;
    }

    .navbar-toggle .icon-bar {
        width: 22px;
        transition: all 0.2s;
    }

    .navbar-toggle .top-bar {
        transform: rotate(45deg);
        transform-origin: 10% 10%;
    }

    .navbar-toggle .middle-bar {
        opacity: 0;
    }

    .navbar-toggle .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
    }

    .navbar-toggle.collapsed .top-bar {
        transform: rotate(0);
    }

    .navbar-toggle.collapsed .middle-bar {
        opacity: 1;
    }

    .navbar-toggle.collapsed .bottom-bar {
        transform: rotate(0);
    }

    .no-border {
        border: none !important;
        border-bottom: 0px solid transparent !important;
        margin: -1px 0;
    }

    .new span {
        color: red;
        position: absolute;
        margin: -10px 5px 0px;
        top: 22px;
        left: 30px;
        letter-spacing: 0px !important;
    }

    .col-md-3.col-sm-3.content-wrap.flog p {
        text-align: center;
        padding-top: 0;
    }

    .form-input-group.post-a-job.col-md-3 {
        display: inline;
    }

    li.dropdown.jobSeekerClass a.dropdown-toggle img {
        width: 50px;
        height: 50px;
        margin-left: 15px;
        border-radius: 50%;
    }

    li.dropdown.companyPostClass a.dropdown-toggle img {
        width: 40px;
        margin-left: 15px;
        border-radius: 50%;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        border-bottom: none;
    }

    /*.pro_job .job-content-1 a .valign-wrap {
        display: table-cell;
    }
*/
    .recent-job-1 .job-content-1 a .job-list .company .company-name {text-align: center;}
    .recent-job-1 .job-content-1 a .job-list .company-icon {
        width: 190px;
        padding: 0 10px;
        margin: auto;
        display: block;    float: none;
    }

    .recent-job-1 .job-content-1 a .job-list .separator {
        width: 2px;
        margin: 0;
        height: 0;
    }

    .recent-job-1 .job-content-1 a .job-list .valign-middle {
        display: block;
    }

    .testimonial-3 .testimonial-item:first-child {
        margin-top: 30px;
    }

    ul#tabs_top li.menuClass {
        width: 50%;
        text-align: center;
    }

    .nav-tabs > li > a {
        font-size: 12px;
        border-top: 3px solid transparent;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border-top: 3px solid #af191e;    border-bottom: 1px solid #8a8a8a40;
    }

    .job-info-2 .job-content-2 .row {
        margin-right: 5px;
        margin-left: 5px;
    }

    body.page-inner .navbar .navbar-header .navbar-brand {
        background: url(../../images/logo_2.png) no-repeat;
        background-size: 100%;
    }

    body.page-inner .navbar, body.page-inner .navbar-inverse {
        background: #ffffff;
    }

    body.page-inner .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #333;
    }

    body.page-inner .navbar-inverse.scroll-fixed-navbar .navbar-toggle .icon-bar {
        background-color: #333;
    }

    body.page-inner .navbar.scroll-fixed-navbar, .navbar-inverse.scroll-fixed-navbar {
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    }

    .porf .perc-wrapper .panel-title {
        margin: 0 40px;
        color: #fff;
        padding: 10px 11px;
        line-height: 26px !important;
    }
    .user-photo.valign-middle {height: 160px;width: 160px;}
    img#blah {height: 150px;}

    section.user-profile input[type="date"] {
        width: 95%;    min-width: 95%;
    }

    .login .login-dialog .login-content .login-header button.close {
        position: absolute;
        left: 10px;    font-size: 20px;    line-height: 20px;
        top: 10px;}


    .valign-middle.title-job img {    margin: 0 auto;
        float: none;
        display: block;}

    .job-details .job-banner .title-job {
        display: inline-block;
        width: 100%;background: #fff;
        text-align: right;
    }
    .job-details .job-banner .title-job .posted-on {margin-top: 0px;}
    .valign-middle.title-job h4 {
        float: right;
        margin-top: 0;
        margin-right: 0;
        width: 100%;
    }
    .job-details .job-banner .title-job p {
        float: right;
        margin-right: 0;
        width: 100%;
        text-align: right;
    }
    .job-details .job-banner .buttons {
        width: 100%;
        margin-top: 0;
        text-align: center;
        display: inline-block;    display: inline-block;
        background: #fff;
    }
    .job-details .job-banner .buttons .posted-on {
        margin-left: 0;
    }
    .job-details .job-banner .buttons a.def-btn:last-child {
        margin: 10px auto;
    }

    .job-details .job-details-content .content .details {
        padding-right: 0;
        padding-left: 0;
    }
    .details ul.list-job-info li {width: 100%;margin-bottom: 5px;}
    .sidebar-list.left.jobs_rele .media-body, .media-left, .media-right {
        display: inline-block;
        vertical-align: top;
        width: auto;
        float: right;
    }
    .jobs_rele ul li a span.date {width: 100%;}
    .jobs_rele .media-heading {margin-top: 10px;}
    .blog-sidebar .sidebar-list ul li a .date {text-align: right;}
    .job-details .blog-sidebar {margin-bottom: 20px;}
    div#profile-completion2 .circliful {margin-top: -20px;}
    .biothumb {
        width: 100% !important;
        display: block !important;    text-align: center;
    }
    .recent-job-new .sweet-alertssss {top: 0;}

    .passw {
        position: relative;
        width: 100%;
        float: right;
        margin-left: 0;
    }
    .login .login-dialog .login-content .regco .login-form { width: 100%;}
    .recent-job-new .company-name  {max-width: 100%;float: none;text-align: center;width: 100%;}
    .mobile_no {margin: 0px !important;}
    .col-md-4.col-sm-6.col-xs-12.job-item.fulltime, .nopad_left {padding-left: 15px;}
    .flog p img {
        float: none;
        width: 80px !important;
    }
    .folder_cv .media-body {
        width: auto;
        display: block;    text-align: right;
    }
    .folder_cv .media .job-item-status {top: -10px;}
    .folder_cv .media .job-item-status span.label {
        font-size: 50%;
        border-radius: 0;
    }
    button.btn.btn-danger.waves-effect.waves-light.deleteimage {
        display: block;
        width: 100%;
    }
    .recent-job-new .btn-group {z-index: 100;}
    .job-details2 {
        margin-top: 50px;
    }
    div#trainhint {
        top: 200px;
    }

    .col-md-12.col-sm-12.sec-h-pad-t.text-center {display: block;}

    #profile-completion-about {
        width: 70%;
        float: left;
        margin-top: 10px;
        position: absolute;
        left: -40px;
        top: 10px;
    }

    .banner-3 .container .content-wrap .content .heading h1.title_name {
        font-size: 17px;
        margin-bottom: 0;
        margin-top: 50px;
        line-height: 30px;
    }
    .banner-3 .container .content-wrap .content .banner-description {display: none;}
}
@media only screen and (max-width: 800px) {

    div#trainhint .modal-header button.close {left: -10px;top: -9px;}

    .dawrat {position: relative;border: none !important;}
    .table-responsive_no {overflow-x: hidden;    border: none;}

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;margin-bottom: 5px;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-right: 50%;
        white-space: normal;
        text-align: right;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        right: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: center;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before {
        content: attr(data-title);
    }
}




.adsmodal .modal-dialog .modal-content {background: transparent;}
.adsmodal .modal-dialog .modal-content .modal-header {border-bottom:none;    padding: 0;}
.adsmodal .modal-dialog .modal-content .modal-body {padding: 0;}
.adsmodal .modal-header button.close {z-index: 100;}
.adsmodal {top: 10%;}

.ads_te {
    position: fixed;
    top: 100px;
    left: 5px;
    background: #af191e;
    border: 1px solid #af191e;    z-index: 1030;
}

.adsmod .modal-dialog .modal-content .modal-body .slick-track  {   width: 100% !important;}
.adsmod .modal-dialog .modal-content .modal-body .slick-slide  {   width: 100% !important;}
.adsmod .modal-dialog .modal-content .modal-body  {border-top-width: 5px;top: 5px;margin-top: 5px;padding-top: 20px;padding-bottom: 15px;}
.adsmod .modal-content {top: 100px;background-color: #0d18287a;}
.adsmod .modal-dialog .modal-content .modal-header {border-bottom:none;    padding: 15px 0 0;}
.adsmod  .slick-dots {bottom: -45px;}
.adsmod .job-info-2 .job-content-2 .content-wrap {position: initial;}
@media (min-width: 768px){
    .modal-dialog {
        width: 510px;
    }
    }

.ads_te {
    position: fixed;
    top: 150px;
    left: 30px;
    background: #ae1f23;
    border: 5px solid rgb(255, 255, 255) !important;
    z-index: 1030;
}

.ads_te:hover,.ads_te:focus, .ads_te:active {
    color: #fff;
    background-color: #ae1f23;
    border-color: #ae1f23 !important;
}
.nomarg {margin: 0;}


.pulse2 {
    animation-name: pulse_animation;
    animation-duration: 500ms;
    transform-origin:70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes pulse_animation {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.08); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.05); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}

span.nom {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #af191e;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    border: 2px solid #fff;
}

.amira_noura {
    position: relative;
    display: inline-block;
    width: 100%;
}

a.Register2 {
    width: 20%;
    height: 50%;
    display: block;
    position: absolute;
    left: 0;  bottom: 0;
}

a.howto {
    width: 20%;
    height: 50%;
    display: block;
    position: absolute;
    left: 0;

}


.languageflag {
    position: fixed;
    z-index: 9999;
    top: 130px;
    left: 0;
}