/*===================== Global ====================*/
body.es {font-size: 15px;line-height:32px;background: #eaeaea;color:#484848;font-family: /*NIRANSans,*/IRANSans, Tahoma, Arial, serif;user-select: none}
ul {margin-bottom: 0}
select {cursor: pointer}
h1 {margin: 0}
a {color: #0a66c2}
strong {font-weight: 600}
.flex_separator {flex-grow: 1}
.hidden {display: none !important}
@media only screen and (max-width : 768px){
    body.es {margin-bottom: 50px;font-size: 14px}
}
/*==================== Alerts ====================*/
.alert > svg {width: 20px;height: 20px;margin-left: 6px;position: relative;top: 3px}
.alert > svg.icon-x {position: absolute;left: 4px;width: 21px;height: 21px;top: 10px;cursor: pointer}
.alert {border-radius: 5px;padding: 14px;line-height: 25px;margin: 3px 0;width: 100%;display: inline-block}
.alert.inline {padding: 4px 10px 4px 25px}
.alert i {line-height: 25px;padding-left: 7px}
.alert.red {background-color:#f8d7da;border:1px solid #E1ADB3;color:#721c24}
.alert.red.fatal {background-color: #ef3e4e;color: #fff;border: 0}
.alert.yellow {background-color: #ffeec4;border: 1px solid #d8bd7a;color: #484848}
.alert.yellow.fatal {background-color: #ffc73c;border: 0}
.alert.green {background-color:#d4edda;border:1px solid #9EC4A6;color:#155724}
.alert.green.fatal {background-color: #7abd73;color: #484848;border: 0}
.alert.blue {background-color:#c8e2ff;border:1px solid #A4C4E7;color:#004085}
.alert.blue.fatal {background-color: #71b5ff;color: #484848;border: 0}
.alert.gray {background-color:#e2e3e5;border:1px solid #BABCBF;color:#383d41}
.alert.gray.fatal {background-color: #BABCBF;color: #484848;border: 0}
.alert .actions {text-align: left}
.alert .actions > a {color: #000;padding: 0 14px;line-height: 32px;display: inline-block;border-radius: 5px;margin-top: 12px}
.alert.yellow .actions > a {background-color: #ffcb4c;font-weight: 500;border-bottom: 2px solid #c79e3a;}
@media only screen and (max-width : 768px){
    .top_alerts,.top_alerts > div {padding: 0 3px}
}
/*============= Main Template Styles =============*/
body.es > .page_loader {background-color: rgba(0,0,0,0.7);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9999999999999;display: none}
body.es > .page_loader img {position: fixed;top: 50%;left: calc(50% - 110px);}
body.es > .container {padding: 0}
body.es > .container-fluid {width: 100%}
/*==================== Header ====================*/
body.es > header#header > .top {border-bottom: 1px solid #bdbdbd;padding: 7px 0}
body.es > header#header > .top > div {display: flex}
body.es > header#header > .top > div > .search_bar {flex-grow: 1;position: relative}
body.es > header#header > .top > div > .search_bar > svg {width: 20px;height: 20px;position: absolute;right: 10px;top: 9px;color: #939393}
body.es > header#header > .top > div > .search_bar input {background-color: #fff;border: 1px solid #bfbfbf;border-radius: 4px;margin-top: 1px;height: 38px;
    width: calc(100% - 7px);padding-right: 36px}
body.es > header#header > .top > div > .search_bar input:before {content: ' '}
body.es > header#header > .top > div > .search_bar input:focus {box-shadow: inset 0 0 0 1px rgb(10 102 194);border: 1px solid #0a66c2}
body.es > header#header > .top > div > .logo > img {width: 40px;height: 40px;float: right}
body.es > header#header > .top > div > .logo > .logo_text {color: #0a66c2;font-size: 24px;width: 117px;display: inline-block;margin-right: 7px;line-height: 40px;
    font-weight: 500}
body.es > header#header > .top > div > nav.buttons {margin-left: 1px}
body.es > header#header > .top > div > nav.buttons > ul {list-style: none}
body.es > header#header > .top > div > nav.buttons > ul > li {float: right;position: relative}
body.es > header#header > .top > div > nav.buttons > ul > li > a {margin:0 2px;border: 1px solid #0a66c2;padding: 2px 8px 3px;border-radius: 4px;line-height: 40px;
    font-weight: 500;text-decoration: none}
body.es > header#header > .top > div > nav.buttons > ul > li > a:hover,
body.es > header#header > .top > div > nav.buttons > ul > li > a.active {text-decoration: none;background-color: #0a66c2;color: #fff}
body.es > header#header > .top > div > nav.buttons > ul > li > a > svg {width: 18px;height: 22px;margin: 10px 0 0 3px}
body.es > header#header > .top > div > nav.buttons > ul > li > ul {position: absolute;background-color: #fff;z-index: 2222;width: 260px;left: 0;top: 40px;
    box-shadow: 0 2px 4px 0 #b7b7b7;border-radius: 7px;padding: 7px 0;list-style: none;display: none}
body.es > header#header > .top > div > nav.buttons > ul > li:hover > ul {display: block}
body.es > header#header > .top > div > nav.buttons > ul > li > ul > li {}
body.es > header#header > .top > div > nav.buttons > ul > li > ul > li.b_top {border-top: 1px solid #ddd}
body.es > header#header > .top > div > nav.buttons > ul > li > ul > li > a {text-decoration: none;color: inherit;display: block;padding: 0 10px}
body.es > header#header > .top > div > nav.buttons > ul > li > ul > li > a:hover {background-color: #eee}
body.es > header#header > .top > div > nav.buttons > ul > li > ul > li > a > svg {width: 19px;height: 32px;margin-left: 7px}
body.es > header#header > .top > div > nav.buttons > ul > li > ul > li > a > svg.icon-power {color: red}
@media only screen and (max-width : 310px){
    body.es > header#header > .top > div > .logo > img {width: 30px}
    body.es > header#header > .top > div > .logo > .logo_text {font-size: 20px;width: 90px;margin-right: 4px}
    body.es > header#header > .top > div > nav.buttons > ul > li > a {margin: 0 1px;padding: 2px 4px 3px}
}
@media only screen and (max-width : 768px){
    body.es > header#header > .top {margin-bottom: 3px}
    body.es.site_home > header#header > .top {background-color: transparent;border-bottom: 0}
}
/*==================== HeaderNavbar ====================*/
body.es > header#header > .navbar > aside {display: flex}
body.es > header#header > .navbar > aside > nav > ul {list-style: none;position: relative;display: inline-block;width: 100%;margin: 8px 0 3px}
body.es > header#header > .navbar > aside > nav > ul > li {float: right;margin: 0 2px;position: relative}
body.es > header#header > .navbar > aside > nav > ul > li.active {background-color: #0a66c2;border-radius: 4px}
body.es > header#header > .navbar > aside > nav > ul > li.active > a {color:#fff}
body.es > header#header > .navbar > aside > nav > ul > li > a {color: inherit;display: inline-block;padding: 0 6px;line-height: 32px;text-decoration: none}
body.es > header#header > .navbar > aside > nav > ul > li > a:hover,
body.es > header#header > .navbar > aside > nav > ul > li > a:focus {text-decoration: none;background-color: #d6d6d6;border-radius: 4px}
body.es > header#header > .navbar > aside > nav > ul > li > a > svg {width: 20px;height: 20px;margin: 5px 0 0 4px}
body.es > header#header > .navbar > aside > nav > ul > li.active > a:hover,
body.es > header#header > .navbar > aside > nav > ul > li.active > a:focus {background-color: #205ba1}
body.es > header#header > .navbar > aside > nav > ul > li > ul {position: absolute;background-color: #fff;z-index: 2222;width: 300px;left: 0;top: 32px;
    box-shadow: 0 2px 4px 0 #b7b7b7;border-radius: 7px;padding: 7px 0;list-style: none;display: none}
body.es > header#header > .navbar > aside > nav > ul > li > ul > li {}
body.es > header#header > .navbar > aside > nav > ul > li > ul > li > a {text-decoration: none;color: inherit;display: block;padding: 0 10px}
body.es > header#header > .navbar > aside > nav > ul > li > ul > li > a:hover {background-color: #eee}
body.es > header#header > .navbar > aside > nav > ul > li > ul > li > a > svg {width: 19px;height: 32px;margin-left: 7px}
body.es > header#header > .navbar > aside > nav > ul > li:hover > ul {display: block}
/*==================== MobileNavbar ====================*/
#mobile_navbar_darker {background-color: #00000097;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;visibility: hidden;opacity: 0;
    transition: visibility 0.5s, opacity 0.5s linear}
#mobile_navbar {position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;border-top:1px solid #bdbdbd;z-index: 9999999;font-size: 14px}
#mobile_navbar > ul {display: flex;max-width: 450px;margin: auto;list-style: none}
#mobile_navbar > ul > li {width: 20%;text-align: center;line-height: 21px;position: relative}
#mobile_navbar > ul > li:not(.center).active {color: #fff;background-color: #0a66c2;position: relative;top: -1px;box-shadow: 0 3px 0 0 #0a66c2}
#mobile_navbar > ul > li:not(.center).active > a {color: #fff}
#mobile_navbar > ul > li.center > a > svg {background-color: #0a66c2;color: #fff;width: 60px;height: 60px;position: absolute;top: -14px;border-radius: 50%;left: 0;
    right: 0;padding: 12px;z-index: 2}
#mobile_navbar > ul > li > a {padding: 7px 0 4px;display:block;text-decoration: none;color: #484848}
#mobile_navbar > ul > li > a > svg {margin: 0 auto;width: 20px;height: 20px;display: block}
/*==================== MobileSubNavbar ====================*/
.gold_menu_full {display:block;margin: 9px 3px 0;border-radius: 7px;background-color: #ffdb6f;color: #000;border: 1px solid #c5a042;padding: 3px 0;font-weight: 500;
    position: relative}
.gold_menu_full:hover {text-decoration: none;color: #000;background-color: #e8c561}
.gold_menu_full svg {width: 23px;height: 23px;margin-top: 4px}
#mobile_sub_navbar {text-align: center}
#mobile_sub_navbar > div {position: fixed;bottom: -80%;background-color: #eaeaea;left: 0;right: 0;max-width: 450px;margin: auto;border-radius: 14px 14px 0 0;
    padding-top: 10px;z-index: 100000;transition: bottom 0.7s;opacity: 0;visibility: hidden}
#mobile_sub_navbar > div.active {bottom: 52px;opacity: 1;visibility: visible}
#mobile_sub_navbar > div > header {border-bottom: 1px solid #bdbdbd;display: flex;line-height: 24px;padding: 0 7px 7px}
#mobile_sub_navbar > div > header > h3 {font-weight: 500;font-size: 18px;color: #0a66c2}
#mobile_sub_navbar > div > header > h3 > img {width: 28px;height: 28px;margin-left: 6px}
#mobile_sub_navbar > div > .content {padding: 0 9px}
#mobile_sub_navbar > div > .content > .colored_menu {display: flex;list-style: none}
#mobile_sub_navbar > div > .content > .colored_menu > li {width: 25%;margin: 7px 3px}
#mobile_sub_navbar > div > .content > .colored_menu > li > a {color: #fff;display: block;border-radius: 6px;padding: 5px 0 0;text-decoration: none}
#mobile_sub_navbar > div > .content > .colored_menu > li > a.pink {background-color: #DB5A6B}
#mobile_sub_navbar > div > .content > .colored_menu > li > a.pink:hover {background-color: #af4855}
#mobile_sub_navbar > div > .content > .colored_menu > li > a.green {background-color: #049372}
#mobile_sub_navbar > div > .content > .colored_menu > li > a.green:hover {background-color: #03755b}
#mobile_sub_navbar > div > .content > .colored_menu > li > a.purple {background-color: #875F9A}
#mobile_sub_navbar > div > .content > .colored_menu > li > a.purple:hover {background-color: #6f4b80}
#mobile_sub_navbar > div > .content > .colored_menu > li > a.blue {background-color: #4171ad}
#mobile_sub_navbar > div > .content > .colored_menu > li > a.blue:hover {background-color: #355f93}
#mobile_sub_navbar > div > .content > .colored_menu > li > a > svg {width: 22px;height: 22px;display: block;margin: auto}
#mobile_sub_navbar > div > .content > .button_menu {display: flex;list-style: none;margin-bottom: 9px}
#mobile_sub_navbar > div > .content > .button_menu > li {flex-grow: 1;margin: 0 3px}
#mobile_sub_navbar > div > .content > .button_menu > li > a {background-color: #fff;border: 1px solid #0a66c2;padding: 1px 0;display: block;border-radius: 5px;font-weight: 500;
    text-decoration: none}
#mobile_sub_navbar > div > .content > .button_menu > li > a:hover,
#mobile_sub_navbar > div > .content > .button_menu > li > a:active {background-color: #0a66c2;color: #fff}
#mobile_sub_navbar > div > .content > .row_menu {list-style: none;font-size: 15px}
#mobile_sub_navbar > div > .content > .row_menu > li {}
#mobile_sub_navbar > div > .content > .row_menu > li > a {color: #484848;border-bottom: 1px solid #bdbdbd;display: block;text-align: right;line-height: 38px;padding: 0 7px;
    text-decoration: none}
#mobile_sub_navbar > div > .content > .row_menu > li > a > svg.icon-power {color: red}
#mobile_sub_navbar > div > .content > .row_menu > li > a:hover,
#mobile_sub_navbar > div > .content > .row_menu > li > a:active {background-color: #ddd}
#mobile_sub_navbar > div > .content > .row_menu > li:last-child > a {border-bottom: 0;margin-bottom: 12px}
#mobile_sub_navbar > div > .content > .row_menu > li > a > svg {width: 18px;display: inline-block;height: 38px;margin-left: 5px}
#mobile_sub_navbar > div > header > .socials > ul {margin: 0}
#mobile_sub_navbar > div > header > .socials > ul > li {width: 38px;height: 28px;border-radius: 50%;display: flex;
    justify-content: center;align-items: center;float: left}
#mobile_sub_navbar > div > header > .socials > ul > li > a > svg {width: 20px;height: 20px;color: #7b8694}
#mobile_sub_navbar > div > header > .socials > ul > li > a {justify-content: center;display: flex}
#mobile_sub_navbar > div > header > .socials > ul > li > a:hover > svg.icon-whatsapp {color: #15a629}
#mobile_sub_navbar > div > header > .socials > ul > li > a:hover > svg.icon-telegram {color: #239AD5}
#mobile_sub_navbar > div > header > .socials > ul > li > a:hover > svg.icon-youtube {color: red}
#mobile_sub_navbar > div > header > .socials > ul > li > a:hover > svg.icon-instagram {color: #B42893}
/*======================= Faqs =============================*/
.faqs {margin-bottom: 20px}
.faqs > h2 {font-weight: 500;margin-bottom: 7px}
.faqs > ul {list-style: none;margin: 0 !important}
.faqs > ul > li {background-color: #fff;border-radius: 2px;line-height: 26px;border-bottom: 1px solid #dbdbdb;position: relative}
.faqs > ul > li:hover {background-color: #f3f3f3}
.faqs > ul > li:before {content: '\f104';font: normal normal normal 22px FontAwesome;color: #a9a6a6;float: right;margin: 0 5px 0 3px;
    line-height: 38px;width: 20px;text-align: center;position: absolute;top: 0}
.faqs > ul > li .question {padding-right: 27px;line-height: 38px;cursor: pointer}
.faqs > ul > li .answer {padding: 0 15px 15px;display: none}
.faqs > ul > li.active {background-color: #fdfdfd}
.faqs > ul > li.active:before {color: #0a66c2;content: '\f107'}
.faqs > ul > li.active .question {font-weight: 500;color: #0a66c2;background-color: #f3f3f3;padding: 0 27px 0 0;border-radius: 3px;
    border-bottom: 1px solid #e5e5e5;margin-bottom: 9px}
.faqs > ul > li.active .answer {display: block}
@media only screen and (max-width : 768px){
    .faqs {margin-bottom: 14px}
}
/*==================== Footer ====================*/
body.es > footer {background-color: #fff;border-top: 1px solid #bfbfbf;margin-top: 14px}
body.es > footer h4 {font-size: 15px;font-weight: 500}
body.es > footer > div > div > div > ul {list-style: none;margin: 9px 7px 0 0}
body.es > footer > div > div > div > ul > li > a {color: #484848;position: relative;padding-right: 14px}
body.es > footer > div > div > div > ul > li > a:before {content: '\f104';font: normal normal normal 18px/1 FontAwesome;color: #ea8e23;padding-left: 5px;
    position: absolute;top: 0;bottom: 0;right: 0;padding-top: 3px}
body.es > footer > div > div {padding: 22px 9px 14px}
body.es > footer .certificate_e {display: inline-block;margin-top: 18px;margin-right: 7px}
@media only screen and (max-width : 768px){
    body.es > footer .certificate_e {width: 100%;text-align: center}
}
body.es > footer .certificate_e a {text-decoration: none}
body.es > footer .certificate_e a > img {width: 110px}
body.es > footer .certificate {line-height: 24px;padding-bottom: 14px;text-align: justify}
body.es > footer .certificate img {width: 220px;display: block;margin: 7px auto 6px}
body.es > footer .end {padding: 14px 0 0 0;border-top: 1px solid #d7d7d7;font-size: 13px;line-height: 22px;display: flex}
body.es > footer .end > .copyright {flex-grow: 1}
body.es > footer .end > .socials > ul {margin: 0}
body.es > footer .end > .socials > ul > li {background-color: #e9e9e9;width: 38px;height: 38px;border-radius: 7px;display: flex;
    justify-content: center;align-items: center;float: left;margin: 2px}
body.es > footer .end > .socials > ul > li > a > svg {width: 20px;height: 20px;color: #505863}
body.es > footer .end > .socials > ul > li > a:hover > svg.icon-whatsapp {color: #15a629}
body.es > footer .end > .socials > ul > li > a:hover > svg.icon-telegram {color: #239AD5}
body.es > footer .end > .socials > ul > li > a:hover > svg.icon-youtube {color: red}
body.es > footer .end > .socials > ul > li > a:hover > svg.icon-instagram {color: #B42893}
@media only screen and (max-width : 768px){
    body.es {margin-bottom: 50px}
    body.es > footer .certificate_e {margin: 0}
}
/*==================== PageHeader ====================*/
body.es > section.container {padding: 7px 12px;flex-grow: 1;line-height: 29px}
body.es > section > .content {min-height: 450px}
body.es > section > .content > .page_header {padding-top: 17px;display: inline-block;width: 100%;border-bottom: 1px solid #d1d1d1;margin-bottom: 16px}
body.es.site_companies_view > section > .content > .page_header {margin-bottom: 0;border-bottom: 0}
body.es > section > .content > .page_header h1 {font-size: 18px;font-weight: 500;line-height: 24px}
@media only screen and (max-width : 768px) {
    body.es > section > .content > .page_header h1 {font-size: 16px}
    body.es > section > .content > .page_header {padding:7px 0 10px}
}
body.es > section > .content > .page_header .breadcrumb {background-color: transparent;padding: 0;margin-bottom: 4px}
body.es > section > .content > .page_header .breadcrumb > ul {list-style: none}
body.es > section > .content > .page_header .breadcrumb > ul > li {display: inline}










/*======================= Home =============================*/
.home_search {text-align: center;line-height: 16px;padding: 30px 7px}
.home_search a {font-weight: 500}
.home_search .sub {line-height: 24px}
.home_search .head {font-size: 22px;font-weight: 500;line-height: 30px}
.home_search .head a {text-decoration-style: dashed;text-decoration-line: underline;color: #0a66c2;font-weight: 600}
.home_search form.es {margin-top: 10px;padding: 0 7px}
.home_search form.es > div {padding: 3px}
.home_search form.es input,.home_search form.es select {height: 38px !important}
.home_search form.es button {display: inline-block;width: 100%;background-color: #0a66c2;color: #fff;
    cursor: pointer;height: 38px;border-radius: 2px;font-weight: 500}
.home_search .quick_access {line-height: 28px;margin: 10px 0;display: inline-block;width: 100%}
@media only screen and (min-width : 768px){
    .home_search form.es {margin-top: 17px}
    .home_search {padding-top: 50px}
    .home_search .sub {line-height: 16px}
    .home_search .head {font-size: 23px;font-weight: 600}
    .home_search .head > div {display: inline}
    .home_search form.es {display: flex;justify-content: center}
}









/*==================== PageContent ====================*/
body.es > section > .content > .page_content {padding-bottom: 14px;display: inline-block;width: 100%}
body.es > section > .content > .page_content img {display: block}
body.es > section > .content > .page_content > div:not(.home_search) {padding: 0}
body.es > section > .content > .page_content > div > ul:not(.list_jobs_and_resumes),body.es > section > .content > .page_content > div > ol:not(.list_jobs_and_resumes),
body.es > section > .content > .page_content > ul:not(.list_jobs_and_resumes),body.es > section > .content > .page_content > ol:not(.list_jobs_and_resumes) {margin-right: 24px}
@media only screen and (max-width : 768px) {
    body.es > section > .content > .page_content > div > ul:not(.list_jobs_and_resumes),body.es > section > .content > .page_content > div > ol:not(.list_jobs_and_resumes),
    body.es > section > .content > .page_content > ul:not(.list_jobs_and_resumes),body.es > section > .content > .page_content > ol:not(.list_jobs_and_resumes) {margin-right: 17px}
}
body.es > section > .content > .page_content p {margin: 7px 0}
body.es > section > .content > .page_content h2,body.es > section > .content > .page_content h3,
body.es > section > .content > .page_content h4,body.es > section > .content > .page_content h5,
body.es > section > .content > .page_content h6 {font-weight: 500;margin: 7px 0 3px}
body.es > section > .content > .page_content h2 {font-size: 16px;margin-top: 18px}
body.es > section > .content > .page_content h3 {font-size: 15px}
body.es > section > .content > .page_content h4 {font-size: 14px}
body.es > section > .content > .page_content h5 {font-size: 13px}
body.es > section > .content > .page_content h6 {font-size: 12px}

/*==================== CTA Inline ====================*/
body.es > section > .content > .page_content .cta_inline {text-align: center;margin: 15px 0 25px}
body.es > section > .content > .page_content .cta_inline a {padding: 2px 14px;border-radius: 3px;cursor: pointer;font-weight: 500;display: inline-block;margin: 4px 0;
    text-decoration: none}
body.es > section > .content > .page_content .cta_inline a.blue {background-color: #0a66c2;border: 1px solid #0a66c2;color: #fff;font-weight: 400}
body.es > section > .content > .page_content .cta_inline a.blue:hover {background-color: #125ca5;border: 1px solid #125ca5}
body.es > section > .content > .page_content .cta_inline a.gold {background-color: #ffdb6f;border: 1px solid #c5a042;color: #000}
body.es > section > .content > .page_content .cta_inline a.gold:hover {background-color: #e8c65f;}
body.es > section > .content > .page_content .career_content {background-color: #fff;border: 1px solid #bdbdbd;padding: 0 18px 18px;text-align: justify;border-radius: 5px;
    margin: 10px 0 37px;display: inline-block}
body.es > section > .content > .page_content .career_content > ol,
body.es > section > .content > .page_content .career_content > ul {margin-right: 28px}
/*==================== ListCategories ====================*/
body.es > section > .content > .page_content .list_categories {display: flex;flex-wrap: wrap}
body.es > section > .content > .page_content .list_categories > p {flex-basis: 100%}
body.es > section > .content > .page_content .list_categories > a {background-color: #fff;padding: 0 10px;border-radius: 5px;line-height: 34px;
    cursor: pointer;margin: 2px;flex-basis: calc(25% - 4px);flex-grow: 1;color: #000;text-decoration: none;max-width: calc(25% - 4px);border: 1px solid #bfbfbf;
    white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis}
body.es > section > .content > .page_content .list_categories > a:hover {background-color: #f3f3f3}
body.es > section > .content > .page_content .list_categories > a > i {line-height: 34px;padding-left: 7px;font-size: 14px;color: #0a66c2}
body.es > section > .content > .page_content .list_categories > h2 {background-color: #0a66c2;color:#fff;padding: 0 10px;border-radius: 5px;
    line-height: 34px;cursor: pointer;margin: 2px;flex-grow: 1;flex-basis: 100%}
body.es > section > .content > .page_content .list_categories > ul {list-style: none;display: flex;flex-wrap: wrap;margin: 9px 0 21px;
    flex-basis: 100%}
body.es > section > .content > .page_content .list_categories > ul > li {border-radius: 3px;line-height: 24px;flex-basis: 33.3333333333%;display: grid}
body.es > section > .content > .page_content .list_categories > ul > li a {display: inline-block;text-decoration: none;color: #000;
    padding: 0 7px;line-height: 32px;border-radius: 7px;background-color: #fff;margin: 2px;border: 1px solid #bfbfbf;white-space: nowrap;overflow: hidden;
    -o-text-overflow: ellipsis;text-overflow: ellipsis}
body.es > section > .content > .page_content .list_categories > ul > li a:hover {background-color: #f3f3f3;}
body.es > section > .content > .page_content .list_categories > ul > li a i {line-height: 32px;padding-left: 6px;width: 20px;text-align: center;
    color: #0a66c2;font-size: 20px;font-weight: 700}
@media only screen and (max-width : 992px){
    body.es > section > .content > .page_content .list_categories > a {flex-basis: calc(33.33% - 4px);max-width: calc(33.33% - 4px)}
    body.es > section > .content > .page_content .list_categories > ul > li {flex-basis: 50%}
}
@media only screen and (max-width : 768px){
    body.es > section > .content > .page_content .list_categories > a {flex-basis: calc(50% - 4px);max-width: calc(50% - 4px)}
    body.es > section > .content > .page_content .list_categories > ul > li {flex-basis: 100%}
}
@media only screen and (max-width : 500px){
    body.es > section > .content > .page_content .list_categories > a {flex-basis: 100%;max-width: 100%}
}
/*==================== ListCategoriesInline ====================*/
body.es > section > .content > .page_content .list_categories_inline {background-color: #fff;padding: 0 9px;line-height: 30px;display: inline-block;margin: 2px;
    border-radius: 5px;font-weight: 500;text-decoration: none;cursor: pointer;border: 1px solid #d6d6d6;border-bottom: 2px solid #c3c3c3}
body.es > section > .content > .page_content .list_categories_inline:hover {background-color: #f1f1f1}

/*======================= ListJobs =============================*/
body.es > section > .content > .page_content ul.list_jobs_and_resumes_and_resumes {list-style:none;margin: 7px 0 1px}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li {margin: 4px 4px;width: calc(50% - 8px);position: relative;
    display: inline-block}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a {color: #333;text-decoration: none;border: 1px solid #bdbdbd;border-radius: 4px;
    background-color: #fff;display: block}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a:hover {box-shadow: inset 0 0 0 1px #0a66c2;
    border: 1px solid #0a66c2}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a .statusJob {padding: 0 12px;border-radius: 0 0 3px 3px;border-top: 1px solid #d9d9d9;
    background-color: #f3f3f3;border-left: 1px solid #f3f3f3;border-right: 1px solid #f3f3f3;}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a .statusJob.blue {border-top: 1px solid #a4c4e7;background-color: #d9ebff;
    color:#004085;border-left: 1px solid #d9ebff;border-right: 1px solid #d9ebff}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a:hover .statusJob {box-shadow: inset 0 -1px 0 0 #0a66c2;border-left: 1px solid #0a66c2;
    border-right: 1px solid #0a66c2}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > h2 {font-size: 15px;font-weight: 500;color: #0a66c2;margin-top: 0;text-overflow: ellipsis;
    white-space: nowrap;overflow: hidden;padding: 10px 7px 0 95px;line-height: 22px}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a.expired > h2 {color: #de4f4f}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a.expired:hover,
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a.expired:focus {box-shadow: inset 0 0 0 1px #de4f4f;
    border: 1px solid #de4f4f}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.content {display: flex;align-items: flex-start}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.content > .logo {width: 85px;height: 68px;display: flex;
    flex-direction: column;align-items: center;justify-content: center}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li.no_image > a > div.content > .logo {display: none}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.content > .logo img {width: 80px;height: auto;
    border-radius: 7px;position: relative;top: -19px;left: 6px}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.content > .logo img.avatar {border-radius: 50%;top: -2px;left: 16px;border: 1px solid #d2d2d2}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.content > .details {width: calc(100% - 85px)}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li.no_image > a > div.content > .details {width: 100%}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.content > .details ul {list-style:none;display:flex;
    flex-wrap: wrap;padding: 4px 0 10px 7px}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.content > .details ul > li {margin: 2px;line-height: 23px;
    border-radius: 5px;padding: 0 2px;color: #484848;overflow: hidden;height: 23px;text-overflow: ellipsis;white-space: nowrap}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.content > .details ul > li.full {width: 100%}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.content > .details ul > li i {line-height: 23px;
    padding-left: 3px;color: #a7a7a7;width: 20px;text-align: center}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.footer {height: 28px;position: relative;font-size: 12px;
    color: #a7a7a7}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.footer .date {position: absolute;
    left: 9px;top: -1px}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a.expired > div.footer .date {color: #de4f4f;
    font-size: 13px;font-weight: 500}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.footer .date.color {
    line-height: 22px;width: 58px;text-align: center;left: -2px;color: #fff;top: -5px;font-size: 13px}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.footer .date.color:after {content: "";
    width: 0;height: 0;border-top: 11px solid transparent;border-bottom: 11px solid transparent;position: absolute;
    right: -11px;top: 0}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.footer .date.color.green {background-color: #5aa939}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.footer .date.color.green:after {border-left: 11px solid #5aa939}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.footer .date.color.blue {background-color: #0a66c2}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.footer .date.color.blue:after {border-left: 11px solid #0a66c2}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.footer .plan_gold {position: absolute;
    right: -2px;top: -5px;line-height: 22px;width: 70px;text-align: center;color: #000;font-size: 13px;background-color: #ffdb6f}
body.es > section > .content > .page_content ul.list_jobs_and_resumes > li > a > div.footer .plan_gold:after {content: "";
    width: 0;height: 0;border-top: 11px solid transparent;border-bottom: 11px solid transparent;position: absolute;
    left: -11px;top: 0;border-right: 11px solid #ffdb6f}
@media only screen and (max-width : 1200px){
    body.es > section > .content > .page_content ul.list_jobs_and_resumes > li {width: 100%;margin: 4px 0}
}


/*======================= PageNav =============================*/
body.es > section > .content > .page_content .page_nav {display: inline-block;width: 100%;text-align: left;margin: 3px 0 24px;padding-left: 3px}
body.es > section > .content > .page_content .page_nav > ul {list-style: none;display: inline-block;margin-bottom: 0;}
body.es > section > .content > .page_content .page_nav > ul > li {float: right;background-color: #fff;margin: 0 1px;line-height: 23px;border-radius: 7px}
body.es > section > .content > .page_content .page_nav > ul > li:hover {cursor: pointer;background: #eee;border-color: #999;-webkit-box-shadow: inset 0 2px 5px -3px rgba(0,0,0,.5);
    box-shadow: inset 0 2px 5px -3px rgba(0,0,0,.5);
    -webkit-transform: translateY(1px);-ms-transform: translateY(1px);transform: translateY(1px);}
body.es > section > .content > .page_content .page_nav > ul > li > a {border: 1px solid #bdbdbd;padding: 0 12px;text-decoration: none;color: #000;
    display: inline-block;border-radius: 3px;line-height: 30px}
body.es > section > .content > .page_content .page_nav > ul > li.active > a {background-color: #0a66c2;color: #fff;border-color: #0a66c2;cursor: default;}
body.es > section > .content > .page_content .page_nav > ul > li.active:hover {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
body.es > section > .content > .page_content .page_nav > ul > li.no_item > a {cursor: default}
body.es > section > .content > .page_content .page_nav > ul > li.no_item:hover {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);
    background-color: #fff;-webkit-box-shadow: 0 0 0 0;box-shadow: 0 0 0 0;}
body.es > section > .content > .page_content .page_nav > ul > li.no_item.item_text > a {border: 1px solid #eaeaea;background-color: #eaeaea;}

form.es {margin: 0 auto}
form.es input:not([type=checkbox]):not([type=radio]),form.es textarea,form.es select {padding: 0 7px;background-color: #fff;
    border: 1px solid #bfbfbf;width: 100%;border-radius: 2px;height: 34px;}
form.es input:not([type=checkbox]):not([type=radio]):disabled,form.es textarea:disabled,form.es select:disabled {
    background-color: #e5e5e5}


form.es.es_box {background-color: #f3f3f3;border: 1px solid #bfbfbf;display: inline-block;width: 100%;border-radius: 4px;
    padding: 7px 14px 24px}
form.es label:not(.switch) {font-weight: 500;padding: 5px 0 0;display: inline-block}
form.es label:not(.switch).width_full {width: 100%}
form.es input:not([type=checkbox]):not([type=radio]):focus,
form.es textarea:focus,form.es select:focus {box-shadow: 0 0 0 1px #0a66c2;border: 1px solid #0a66c2}

form.es textarea {min-width: 100%;max-width: 100%;min-height: 100px}
form.es select:disabled {cursor: not-allowed;background-color: #d3d3d3}
form.es input[type=radio] {width: 19px;height: 19px;margin-top: 10px;cursor: pointer;appearance: none;-moz-appearance: none;
    -webkit-appearance: none;background-color: #fff;border: 1px solid #a7a7a7;border-radius: 50%}
form.es input[type=radio]:checked:before {content: ' ';width: 13px;height: 13px;background-color: #0a66c2;display: block;
    border-radius: 50%;position: relative;left: -2px;top: 2px}
form.es input[type=radio] + label {padding-right: 4px;padding-top:6px;margin-left: 7px;cursor: pointer}
form.es input[type=checkbox] {width: 18px;height: 18px;margin-top: 8px;
    appearance: none;-moz-appearance: none;-webkit-appearance: none;
    background-color: #fff;border: 1px solid #a7a7a7;border-radius: 2px;cursor:pointer}
form.es input[type=checkbox]:checked:before {content: '\f00c';width: 16px;height: 16px;color: #008298;display: block;
    border-radius: 50%;position: relative;left: 5px;top: -3px;font: normal normal normal 20px/1 FontAwesome}
form.es input[type=checkbox] + label {padding-right: 5px;margin-left: 14px;cursor: pointer;padding-top: 3px}
form.es select option {color: #000}
form.es select option:disabled {display: none}
form.es select:invalid {color: #9c9c9c}
form.es .terms {margin-top: 15px;line-height: 28px}
form.es .heading {background-color: #d5d5d5;line-height: 2px;margin: 24px 0 14px;font-weight: 500;font-size: 15px;padding: 0}
form.es .heading > span {background-color: #eaeaea;padding-left: 11px}
form.es .actions {margin: 12px 0;text-align: left}
form.es .actions a {background-color: #ffda68;color: #000;border: 1px solid #c5a042;line-height: 38px;
    padding: 0 25px;border-radius: 4px;cursor: pointer;font-weight: 500;display: inline-block;text-align: center;
    text-decoration: none}
form.es .actions a:hover {background-color: #f3cc5a}
form.es .actions a.green {background-color: #23a158;border: 1px solid #23a158;color: #fff}
form.es .actions a.green:hover {background-color: #209150}
form.es .actions a i {line-height: 38px;padding-right: 10px;font-size: 17px}
form.es .actions a.full {width: 100%}
form.es .sub_links {text-align: center;font-size: 14px;color: #ccc;margin-top: 7px}
form.es .sub_links:not(.important) > a {color: #8c8c8c}
form.es .sub_links.important > a {font-weight: 500}
form.es .textarea_box {width: calc(100% - 6px)}
form.es .textarea_box > .mce-panel {border: 1px solid #a7a7a7 !important}

form.es .job_cities {margin: 14px 0}
form.es .job_cities > div {width: 20%;display: inline-block}
form.es .job_cities .city_container {display: block;margin: 6px 0 14px 0}
form.es .job_cities .city_container input[type=checkbox] {margin-top: 2px}
form.es .job_cities .item_state {cursor: pointer}
form.es .job_cities .item_city {width: 20%;display: inline-block}
form.es .job_cities i {cursor: pointer;font-size: 20px;padding-left: 5px;line-height: 25px;color: #0a66c2}
form.es .job_cities label {padding: 0;line-height: 25px;cursor: pointer}
form.es .job_cities input[type=checkbox] + label {padding-top: 0}

form.es .list_job_careers {list-style: none;margin: 5px 0}
form.es .list_job_careers > li.active:before {content: "\f00c";font: normal normal normal 14px/1 FontAwesome;position: absolute;right: 5px;line-height: 30px}
form.es .list_job_careers > li.active {background-color: #318da3;color: rgb(255, 255, 255);position: relative;padding: 0 24px 0 11px;line-height: 30px}
form.es .list_job_careers > li {background-color: #d2d2d2;display: inline-block;padding: 0 11px;line-height: 30px;border-radius: 4px;margin: 2px;float: right;
    cursor: pointer}

form.es > div.features ul {list-style: none}
form.es > div.features ul > li {line-height: 32px}
form.es > div.features ul > li:before {content: '\f00c';font: normal normal normal 18px/1 FontAwesome;color: #65a331;
    padding-left: 5px}

form.es > div.contact_q {background-color: #dfdfdf;border: 1px solid #d0d0d0;border-radius: 5px;padding: 9px 9px 41px;
    display: inline-block;width: 100%;margin: 10px 0 40px;font-size: 14px;font-weight: 500;position: relative;line-height: 28px;}
form.es > div.contact_q .phone {position: absolute;left: 18px;bottom: 6px}
form.es > div.contact_q .phone a {font-size: 20px;font-weight: 700;color: #4b6aa0}
form.es > div.contact_q .phone i {line-height: 29px;color: #3CAB45;font-size: 25px;margin-right: 7px}








/*
body.es > section > .sidebar {padding-top: 4px}
body.es > section > .sidebar a.btn i {line-height: 33px;padding-left: 6px}
body.es > section > .sidebar a.btn {margin:4px 0;display: block;line-height: 33px;text-align: center;border-radius: 6px;color: #fff;
    background-repeat: repeat-x;text-decoration: none}
body.es > section > .sidebar a.btn.green {background-color: #2a7b2c;background-image: linear-gradient(to bottom, #369e39, #2a7b2c)}
body.es > section > .sidebar a.btn.purple {background-color: #683e8f;background-image: linear-gradient(to bottom, #7d59ab, #683e8f);}
body.es > section > .sidebar a.btn.blue {background-color: #3e5e8f;background-image: linear-gradient(to bottom, #5976ab, #3e5e8f);}
body.es > section > .sidebar a.btn.red {background-color: #ca4646;background-image: linear-gradient(to bottom, #ec5656, #ca4646)}
*/


#employer_register {margin-bottom: 35px;display: inline-block;width: 100%}
#employer_type > div {display: flex;height: 40px;background-color: #fff;border: 1px solid #a7a7a7;padding: 1px;border-radius: 2px}
#employer_type > div > div {flex-grow: 1;justify-content: center;margin: 2px;border-radius: 2px;display: flex;align-items: center}
#employer_type > div > div:not(.active) {cursor: pointer}
#employer_type > div > div > svg {width: 23px;margin-left: 3px;height: 23px}
#employer_type > div > div.active {background-color: #008197;color: #fff;border: 0}
#employer_type > div > div.active > i {color: #fff}


/*
@media only screen and (max-width : 768px){
    form.es .job_cities > div {width: 50%}
    form.es .job_cities .item_city {width: 50%;display: inline-block}
}
*/
/*======================= Home companies carousel =============================*/
.companies.owl-carousel {}
.companies.owl-carousel .item {border-left: 1px solid #e7e7e7;margin: 7px 0;padding: 7px;text-align: center;line-height: 20px;height: 160px;display: block;
    cursor: pointer;color: inherit;text-decoration: none}
.companies.owl-carousel .item > span {width: 100px;height: 100px;display: flex;align-items: center;margin: 0 auto 2px}
.companies.owl-carousel .item > span > img {border-radius: 4px}

/*======================= Accordion =============================*/
button.accordion {margin:3px 0;background-color: #d9d9d9;display: inline-block;width: 100%;text-align: right;padding: 0 7px;border-radius: 4px;font-weight: 500;
    line-height: 38px;cursor: pointer}
button.accordion:hover {background-color: #cbcbcb}
button.accordion:before {content: '+';font-size: 21px;position:relative;top:2px;color: #5f5f5f;float: right;margin: 0 7px 0 8px;line-height: 38px;width: 12px;text-align: center}
button.accordion.open:before {content: '-'}
button.accordion i {width: 30px;height: 38px;display: inline-block;line-height: 38px;text-align: center;font-size: 20px;color: #5f5f5f}
.accordion_panel {padding: 14px 0;display: none}
.accordion_panel.open {display: inline-block;width: 100%}

/*======================= UserLoginPage =============================*/
#user_login #confirm_form > span {font: 15px IRANSans;display: block;margin-bottom: 7px}
#user_login form.es .sub_links.phone_number {margin-top: 14px;font-size: 16px}
#user_login form.es .sub_links.phone_number > a {line-height: 28px;padding-right: 4px}
#user_login form.es .sub_links.phone_number > a i {padding-right: 7px;line-height: 25px}
#user_login .counter_confirm_again {text-align: left;color: #9d9d9d;margin-top: 2px}
#user_login .counter_confirm_again.active {color: #0a66c2;font-weight: 500;cursor: pointer}
#user_login .counter_confirm_again.active .counter_container {display: none}

/*======================= UserProfile =============================*/
#user_profile .spacer {height: 4px;background-color: #dbdbdb;margin: 9px 0;border-radius: 2px}
#user_profile > div:not(.alert) {padding: 0}
#user_profile > div > a {color: inherit;background-color: #fff;border: 1px solid #ccc;display: block;margin: 3px;height: 40px;line-height: 40px;
    padding: 0 7px;font-weight: 500;border-radius: 4px;text-decoration: none}
#user_profile > div > a:hover {background-color: #0a66c2;color: #fff;font-weight: normal;border: 0}
#user_profile > div > a > svg {width: 20px;height: 38px;margin-left: 6px}
#user_profile > div > a > svg.icon-power {color: red}

/*======================= Companies page =============================*/
.list_companies {display: inline-block;width: 100%}
.list_companies > div {padding: 3px}
.list_companies > div > div {background-color: #fff;border:1px solid #bfbfbf;border-radius: 4px;text-align: center}
.list_companies > div > div > a > span > img {margin: 0 auto;width: 100%}
.list_companies > div > div > a {text-decoration: none;color: inherit;display: inline-block;width: 100%;white-space: nowrap;overflow: hidden;
    -o-text-overflow: ellipsis;text-overflow: ellipsis;padding: 0 7px}
.list_companies > div > div:hover {box-shadow: inset 0 0 0 1px #0a66c2;
    border: 1px solid #0a66c2}
.list_companies > div > div > a > span {width: 100px;height: 100px;display: flex;align-items: center;margin: 14px auto 2px}