#site_footer{display:none}
body{background-color:#000;background-image:url(../../images/jobs_bg.jpg);font-size: calc(.675vw + 3px);}
main{width: 87.5em;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#breadcrumbs{display:none!important}
#main_header{background-color:#000}
/* #top_wrapper{background-image:;background-size:cover;background-repeat:no-repeat;background-attachment: fixed;} */
.jos_area{width:105%}
.page_title{font-size:4em;color:#dbc87d;line-height:normal;padding-right:.5em}
.jobs_right_title{width:100%}
.page_title_top{font-size:1.5em;line-height:normal;padding-top:.3em;padding-bottom:.3em}
.page_title_bottom{font-size:2em;color:#dbc87d;font-weight:700}
.page_titles{padding-top:3em}
.jobs_right{width:60%;height:50vw;background:rgba(0,0,0,.6);padding-left:1em;padding-right:1em}
.jobs_left{width:35%;height:50vw;position:relative}
.jobs_left .left_top{display: none;}
.left_top{/* position:absolute;left:2vw;top:2vw; */border:1px solid #dbc87d;/* height:2.5em;width:16em; */justify-content:center;align-content:center;display:grid;color:#fff;text-decoration:none;padding: .2em .5em;}
.left_top:hover{background:#dbc87d}
.left_top_text{/* font-size:1.6em; */width:100%;height:100%}
.jobs_right_title{width:50%}
.jobs_left_title{width:50%}
.tab{overflow:hidden;direction:rtl;margin-top:2em;display:flex}
.sep{font-size:3.3rem}
.tab button{color:#fff;background-color:inherit;float:right;cursor:pointer;padding:0 1em 0 1em;transition:.3s;margin:.4em .2em .8em .2em;border:0;font-size:1.8rem;font-family:blender}
.tab button.active{background-color:#dbc87d}
.tabcontent{animation:fadeEffect 1s;display:none;border-top:none;width:98%;padding-left:1em}
.job-box{-ms-flex-wrap:unset!important;flex-wrap:unset!important}
.job-text{width:65%;padding-left:2em;overflow:hidden;margin-bottom:1em;padding-left:.5em}
.job-form{padding-right:1em;width:35%;position: relative;border-right:2px solid #dbc87d;margin-bottom:1em;}
.job-title{color:#dbc87d;font-size:1.5em}
.job-title:hover{cursor: pointer;}
.job-desc{font-size:1.2em}
.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=text]{direction:rtl;background-color:transparent;border-color:transparent;border-bottom:1px solid #fff;background:0 0!important;border-radius:unset!important;height:1.6em;width:100%;color:#fff}
.form-item-myinput{position:relative;min-height:1px;height:3em;padding-left:0;padding-top:0 !important}
.form-item-myinput p label{position:absolute;bottom:45%;transform:translateY(50%);z-index:99;margin:0;font-size:1.2em;font-weight:400}
.form-item-myfile p{display:flex;padding-top:.5em}
.form-item-myfile p label{font-size:1.2em;font-weight:400;white-space:nowrap}
.form-item-myfile{padding-top: 0.5em;padding-bottom: 0.5em;}
input[type=file]{text-align:left;width:100%;direction:ltr;color:transparent}
input[type=submit]{background-color:#dbc87d;color:#000;border:1px solid #000;padding:.3em;font-size:1.5rem;font-weight:700;font-family:blender;cursor: pointer;}
.upload-file {text-align: left;}
.form-submit{padding: 1em 1em 1em 0em;text-align: end;}
.top{bottom:75%!important;font-size:1em!important}
.wpcf7-response-output{color:red}
.screen-reader-response{display:hidden!important}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}
.wpcf7-not-valid-tip{text-align:left;width:100%;display:block;color:red}
.wpcf7-form-control-wrap{padding:0;margin:0;height:0;}
@keyframes fadeEffect{
from{opacity:0}
to{opacity:1}
}
.alltabs{flex-direction:column;height:40%;width:100%;direction:ltr;padding-right:.5em}
.job-box{direction:rtl;border-bottom:2px solid #dbc87d;margin-top:1em;margin-bottom:1em}
.alltabs::-webkit-scrollbar{width:5px}
.alltabs::-webkit-scrollbar-track{background:0 0}
.alltabs::-webkit-scrollbar-thumb{background:#fff}
.alltabs::-webkit-scrollbar-thumb:hover{background:#fff}
.left_bottom{position:fixed;bottom:7vw;left:22vw;width:23rem;height:28rem;display:flex}
.left_bottom_text{width:10em;padding-left:1em}
.left_bottom_font{width:100%;direction:ltr;font-size:2.1rem;line-height:normal;color:#fff}
.left_bottom_line{width:10em;height:22em;background-image:url(../../images/jobs_left_line.png);background-position-y:50%;background-repeat:no-repeat;background-size:contain}
#job_popup{position:fixed;z-index:999999;display:none;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);width:100%;height:100%;}
#job_popup:target{display: block;}
.job_popup_content{position:relative;color:#fff;text-align:right;padding:2em;font-size:1.3em;border:1px solid #dbc87d;background-color:#000;width:50%;height:40%;top:20%;margin-right: auto;margin-left: auto;}
.job_popup_close{color:#dbc87d;font-size:2rem;position:absolute;left:1rem;top:1rem;cursor:pointer;text-decoration:none}
.job_popup_close:focus{border:1pt solid #ffffff;}
.job-title:focus{border:2pt solid #ffffff;margin: 2pt;}
.wpcf7-response-output{font-size:1em}
.wpcf7-not-valid-tip{font-size:1em}
.upload-file{font-size: 1.5rem;}
.jobs_popup p{
    font-size: calc(1.46vw + 1px);
        padding-bottom: 7%;
        text-align: center;
        color: #fff;
        font-weight: 400;
        letter-spacing: .3px;
        padding: 1em 2.5em 0;
        line-height: 1.2;
        box-sizing: border-box;
    }
    
    .jobs_popup {
        line-height: 1.15;
        font-family: blender;
        direction: rtl;
        margin: 0;
        background: #fff;
        border-radius: 0;
        box-sizing: border-box;
        position: fixed;
        z-index: 99999;
        box-shadow: none;
        font-size: 1em;
        width: 25vw;
        height: 12.5vw;
        padding: 0;
        border: 1px solid #fff;
        background-color: #272727;
        text-align: center;
        top: 30%;
        left: 42.5vw;
        opacity: 0;
        display:none;
    }
    .jobs_popup button.yes{
        direction: rtl;
        overflow: visible;
        text-transform: none;
        -webkit-appearance: button;
        box-sizing: border-box;
        line-height: 1.5;
        vertical-align: middle;
        white-space: nowrap;
        touch-action: manipulation;
        user-select: none;
        font-size: calc(1.5vw + 1px);
        margin: auto;
        font-weight: 700;
        padding: .2vw;
        color: #252525;
        font-family: blender;
        display: block;
        border: 0;
        text-align: center;
        width: 9vw;
        background: #dbc87d;
        border-radius: 0;
        cursor: pointer;
    }
    .fade-out {
        opacity: 0;
        transition: opacity 500ms;
        display:none;
    }
    
    .fade-in {
        opacity: 1;
        transition: opacity 500ms;
        display:block;
    }
    .lds-spinner {
        color: official;
        /* display: inline-block; */
        position: relative;
        width: 80px;
        height: 80px;
        display: none;
      }
      .lds-spinner.show{position: absolute;width: 100%;height: 100%;top:0;left: 0;display: block;background: rgba(0,0,0,.8);}
      .lds-spinner div {
        transform-origin: 40px 40px;
        animation: lds-spinner 1.2s linear infinite;
        position: absolute;right: 65%;bottom: 65%;
      }
      .lds-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 3px;
        left: 37px;
        width: 6px;
        height: 18px;
        border-radius: 20%;
        background: #fff;
      }
      .lds-spinner div:nth-child(1) {
        transform: rotate(0deg) translate(50%,50%);
        animation-delay: -1.1s;
      }
      .lds-spinner div:nth-child(2) {
        transform: rotate(30deg) translate(50%,50%);
        animation-delay: -1s;
      }
      .lds-spinner div:nth-child(3) {
        transform: rotate(60deg) translate(50%,50%);
        animation-delay: -0.9s;
      }
      .lds-spinner div:nth-child(4) {
        transform: rotate(90deg) translate(50%,50%);
        animation-delay: -0.8s;
      }
      .lds-spinner div:nth-child(5) {
        transform: rotate(120deg) translate(50%,50%);
        animation-delay: -0.7s;
      }
      .lds-spinner div:nth-child(6) {
        transform: rotate(150deg) translate(50%,50%);
        animation-delay: -0.6s;
      }
      .lds-spinner div:nth-child(7) {
        transform: rotate(180deg) translate(50%,50%);
        animation-delay: -0.5s;
      }
      .lds-spinner div:nth-child(8) {
        transform: rotate(210deg) translate(50%,50%);
        animation-delay: -0.4s;
      }
      .lds-spinner div:nth-child(9) {
        transform: rotate(240deg) translate(50%,50%);
        animation-delay: -0.3s;
      }
      .lds-spinner div:nth-child(10) {
        transform: rotate(270deg) translate(50%,50%);
        animation-delay: -0.2s;
      }
      .lds-spinner div:nth-child(11) {
        transform: rotate(300deg) translate(50%,50%);
        animation-delay: -0.1s;
      }
      .lds-spinner div:nth-child(12) {
        transform: rotate(330deg) translate(50%,50%);
        animation-delay: 0s;
      }
      @keyframes lds-spinner {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
/* @media (max-width:1600px){
#top_wrapper{padding-top:3em!important}
body{overflow-y:hidden!important}
.alltabs{flex-direction:column}
.tab{margin-top:1em}
.page_title{font-size:3.5em}
.page_title_top{padding:0!important}
.page_titles{padding-top:1em}
.job_popup_content{font-size:1.1em}
} */
.left_bottom{display:none}
.job-desc{display:none}
.job-form{display:none}

.job-title-before{
    background-color: #dbc87d;
    color: #000000;
    border-radius: 81px;
    width: 1em;
    height: 1em;
    font-size: 3rem;
    text-align: center;
    display: inline-block;
    margin-left: 0.2em;
}
@media (max-width:1000px){
  .job-form{border:0;} 
    .jobs_popup p {
        font-size: 2.5em;}
    .jobs_popup button.yes{width: 15vw;font-size:calc(4vw + 1px);}
    body main{padding-top: 10em;width: 90%;}
    .job_popup_content {height:unset;width: 60%;}
.jobs_left .left_top{display: block;font-size: 1.5em;margin: -3em auto 2em;}
body{background-color:#000;background-image:unset;overflow-y:auto!important}
#top_wrapper{background-position-x:35%;background-position-y:50%;background-size:unset;overflow:auto}
body #top_wrapper{overflow:auto!important}
.left_bottom{display:none}
.job-desc{display:none}
.job-form{display:none}
.jobs_right{order:2;width:100%;height:100%}
.job_popup_content{font-size:3em}
.jobs_left{height:unset;width:100%}
.jobs_right_title{width:100%}
.jobs_area{margin-top:10em}
.page_titles{flex-direction:column;padding-top:6em}
.page_title br{display:none}
.jobs_left_title{width:100%}
.page_title_top br{display:none}
.page_title_bottom br{display:none}
.page_title{padding-right:0}
.page_title_top{font-size:3rem}
.tab{width:100%;overflow-x:auto;overflow-y:hidden;direction:rtl}
.tab button{font-size:3rem}
.alltabs{overflow:unset}
.job-box{display:flex;flex-direction:column}
.job-text{width:95%;border-left:unset}
.job-title{font-size:3rem}
.job-desc{font-size:2.5rem}
.sep{font-size:5.4rem}
.job-form{width:95%}
.form-item-myinput p label{font-size:2.6rem;bottom:40%}
.form-item-myinput{height:6.5em;margin:1em}
.form-item-myfile{height:6.5em;margin:1em;}
.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=text]{height:2em;font-size:2.5em}
input[type=submit]{font-size:3rem}
input[type=file]{font-size:2em}
.form-item-myfile p label{font-size:3rem}
.top{bottom:105%!important;font-size:1em!important}
.wpcf7.row{justify-content:end}
.left_top{/* height:3em; */width:fit-content;text-align: center;}
.left_top_text{font-size:2em}
.wpcf7>form>div.row{justify-content:end}
.wpcf7-not-valid-tip {font-size:2em !important;}
}