.clearfix:after,.clearfix:before,.grid-100:after,.grid-100:before,.grid-15:after,.grid-15:before,.grid-20:after,.grid-20:before,.grid-25:after,.grid-25:before,.grid-30:after,.grid-30:before,.grid-33:after,.grid-33:before,.grid-35:after,.grid-35:before,.grid-40:after,.grid-40:before,.grid-45:after,.grid-45:before,.grid-50:after,.grid-50:before,.grid-55:after,.grid-55:before,.grid-60:after,.grid-60:before,.grid-65:after,.grid-65:before,.grid-66:after,.grid-66:before,.grid-70:after,.grid-70:before,.grid-75:after,.grid-75:before,.grid-80:after,.grid-80:before,.grid-85:after,.grid-85:before,.grid-container:after,.grid-container:before,[class*=mobile-grid-]:after,[class*=mobile-grid-]:before,[class*=tablet-grid-]:after,[class*=tablet-grid-]:before {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}
.clearfix:after,.grid-100:after,.grid-15:after,.grid-20:after,.grid-25:after,.grid-30:after,.grid-33:after,.grid-35:after,.grid-40:after,.grid-45:after,.grid-50:after,.grid-55:after,.grid-60:after,.grid-65:after,.grid-66:after,.grid-70:after,.grid-75:after,.grid-80:after,.grid-85:after,.grid-90:after,.grid-95:after,.grid-container:after,[class*=mobile-grid-]:after,[class*=tablet-grid-]:after {
    clear: both
}
.grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1250px;
    padding-left: 10px;
    padding-right: 10px
}
.grid-100,.grid-15,.grid-20,.grid-25,.grid-30,.grid-33,.grid-35,.grid-40,.grid-45,.grid-50,.grid-55,.grid-60,.grid-65,.grid-66,.grid-70,.grid-75,.grid-80,.grid-85,.grid-90,.grid-95,[class*=mobile-grid-],[class*=tablet-grid-] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px
}
.grid-parent {
    padding-left: 0;
    padding-right: 0
}
@media (max-width: 767px) {
    .hide-on-mobile {
        display:none!important
    }
    .mobile-grid-50 {
        float: left;
        width: 50%
    }
    .mobile-grid-100 {
        clear: both;
        width: 100%
    }}
@media (min-width: 768px) and (max-width:1024px) {
    [class*=tablet-pull-],[class*=tablet-push-] {
        position:relative
    }
    .hide-on-tablet {
        display: none!important
    }
    .tablet-grid-15 {
        float: left;
        width: 15%
    }
    .tablet-push-15 {
        left: 15%
    }
    .tablet-pull-15 {
        left: -15%
    }
    .tablet-grid-20 {
        float: left;
        width: 20%
    }
    .tablet-push-20 {
        left: 20%
    }
    .tablet-pull-20 {
        left: -20%
    }
    .tablet-grid-25 {
        float: left;
        width: 25%
    }
    .tablet-push-25 {
        left: 25%
    }
    .tablet-pull-25 {
        left: -25%
    }
    .tablet-grid-30 {
        float: left;
        width: 30%
    }
    .tablet-push-30 {
        left: 30%
    }
    .tablet-pull-30 {
        left: -30%
    }
    .tablet-grid-35 {
        float: left;
        width: 35%
    }
    .tablet-push-35 {
        left: 35%
    }
    .tablet-pull-35 {
        left: -35%
    }
    .tablet-grid-40 {
        float: left;
        width: 40%
    }
    .tablet-push-40 {
        left: 40%
    }
    .tablet-pull-40 {
        left: -40%
    }
    .tablet-grid-45 {
        float: left;
        width: 45%
    }
    .tablet-push-45 {
        left: 45%
    }
    .tablet-pull-45 {
        left: -45%
    }
    .tablet-grid-50 {
        float: left;
        width: 50%
    }
    .tablet-push-50 {
        left: 50%
    }
    .tablet-pull-50 {
        left: -50%
    }
    .tablet-grid-55 {
        float: left;
        width: 55%
    }
    .tablet-push-55 {
        left: 55%
    }
    .tablet-pull-55 {
        left: -55%
    }
    .tablet-grid-60 {
        float: left;
        width: 60%
    }
    .tablet-push-60 {
        left: 60%
    }
    .tablet-pull-60 {
        left: -60%
    }
    .tablet-grid-65 {
        float: left;
        width: 65%
    }
    .tablet-push-65 {
        left: 65%
    }
    .tablet-pull-65 {
        left: -65%
    }
    .tablet-grid-70 {
        float: left;
        width: 70%
    }
    .tablet-push-70 {
        left: 70%
    }
    .tablet-pull-70 {
        left: -70%
    }
    .tablet-grid-75 {
        float: left;
        width: 75%
    }
    .tablet-push-75 {
        left: 75%
    }
    .tablet-pull-75 {
        left: -75%
    }
    .tablet-grid-80 {
        float: left;
        width: 80%
    }
    .tablet-push-80 {
        left: 80%
    }
    .tablet-pull-80 {
        left: -80%
    }
    .tablet-grid-85 {
        float: left;
        width: 85%
    }
    .tablet-push-85 {
        left: 85%
    }
    .tablet-pull-85 {
        left: -85%
    }
    .tablet-suffix-33 {
        margin-right: 33.33333%
    }
    .tablet-push-33 {
        left: 33.33333%
    }
    .tablet-pull-33 {
        left: -33.33333%
    }
    .tablet-grid-66 {
        float: left;
        width: 66.66667%
    }
    .tablet-push-66 {
        left: 66.66667%
    }
    .tablet-pull-66 {
        left: -66.66667%
    }
    .tablet-grid-100 {
        clear: both;
        width: 100%
    }
    .inside-footer-widgets>div {
        margin-bottom: 50px
    }
    .inside-footer-widgets>div:nth-child(odd) {
        clear: both
    }
    .active-footer-widgets-1 .footer-widget-1,.active-footer-widgets-3 .footer-widget-3,.active-footer-widgets-5 .footer-widget-5 {
        width: 100%;
        margin-bottom: 0
    }
    .active-footer-widgets-2 .inside-footer-widgets>div,.active-footer-widgets-4 .footer-widget-3,.active-footer-widgets-4 .footer-widget-4 {
        margin-bottom: 0
    }}
@media (min-width: 1025px) {
    .pull-15,.pull-20,.pull-25,.pull-30,.pull-33,.pull-35,.pull-40,.pull-45,.pull-50,.pull-55,.pull-60,.pull-65,.pull-66,.pull-70,.pull-75,.pull-80,.pull-85,.pull-90,.pull-95,.push-15,.push-20,.push-25,.push-30,.push-33,.push-35,.push-40,.push-45,.push-50,.push-55,.push-60,.push-65,.push-66,.push-70,.push-75,.push-80,.push-85,.push-90,.push-95 {
        position:relative
    }
    .hide-on-desktop {
        display: none!important
    }
    .grid-15 {
        float: left;
        width: 15%
    }
    .push-15 {
        left: 15%
    }
    .pull-15 {
        left: -15%
    }
    .grid-20 {
        float: left;
        width: 20%
    }
    .push-20 {
        left: 20%
    }
    .pull-20 {
        left: -20%
    }
    .grid-25 {
        float: left;
        width: 25%
    }
    .push-25 {
        left: 25%
    }
    .pull-25 {
        left: -25%
    }
    .grid-30 {
        float: left;
        width: 30%
    }
    .push-30 {
        left: 30%
    }
    .pull-30 {
        left: -30%
    }
    .grid-35 {
        float: left;
        width: 35%
    }
    .push-35 {
        left: 35%
    }
    .pull-35 {
        left: -35%
    }
    .grid-40 {
        float: left;
        width: 40%
    }
    .push-40 {
        left: 40%
    }
    .pull-40 {
        left: -40%
    }
    .grid-45 {
        float: left;
        width: 45%
    }
    .push-45 {
        left: 45%
    }
    .pull-45 {
        left: -45%
    }
    .grid-50 {
        float: left;
        width: 50%
    }
    .push-50 {
        left: 50%
    }
    .pull-50 {
        left: -50%
    }
    .grid-55 {
        float: left;
        width: 55%
    }
    .push-55 {
        left: 55%
    }
    .pull-55 {
        left: -55%
    }
    .grid-60 {
        float: left;
        width: 60%
    }
    .push-60 {
        left: 60%
    }
    .pull-60 {
        left: -60%
    }
    .grid-65 {
        float: left;
        width: 65%
    }
    .push-65 {
        left: 65%
    }
    .pull-65 {
        left: -65%
    }
    .grid-70 {
        float: left;
        width: 70%
    }
    .push-70 {
        left: 70%
    }
    .pull-70 {
        left: -70%
    }
    .grid-75 {
        float: left;
        width: 75%
    }
    .push-75 {
        left: 75%
    }
    .pull-75 {
        left: -75%
    }
    .grid-80 {
        float: left;
        width: 80%
    }
    .push-80 {
        left: 80%
    }
    .pull-80 {
        left: -80%
    }
    .grid-85 {
        float: left;
        width: 85%
    }
    .push-85 {
        left: 85%
    }
    .pull-85 {
        left: -85%
    }
    .grid-33 {
        float: left;
        width: 33.33333%
    }
    .push-33 {
        left: 33.33333%
    }
    .pull-33 {
        left: -33.33333%
    }
    .grid-66 {
        float: left;
        width: 66.66667%
    }
    .push-66 {
        left: 66.66667%
    }
    .pull-66 {
        left: -66.66667%
    }
    .grid-100 {
        clear: both;
        width: 100%
    }}

table {
    margin: 0 0 1.5em;
    width: 100%
}

table,th,td {
    border: 1px solid rgba(0,0,0,.1)
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.5em;
    width: 100%
}

th,td {
    padding: 8px
}

th {
    border-width: 0 1px 1px 0
}

td {
    border-width: 0 1px 1px 0
}
.career-sec .grid-container .grid-100 .heading {
    padding: 80px 0 20px;
}
.career-sec .grid-container table{
    margin-bottom: 80px;
}
.career-sec .grid-container .grid-100 .desc {
    margin-bottom: 52px;
    padding: 0 150px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select {
    border-radius: 25px!important;
    background-color: #f7f7f7!important;
    border: none!important;
    margin-bottom: 32px;
    margin-right: 10px!important
}
input[type="submit"] {
    border-radius: 25px;
    background-image: linear-gradient(71deg,var(--main-cl) 0%,var(--main-cl) 100%)!important;
    float: right;
    width: 15%
}
.wrap-submit-search_rec {
    position: relative
}
.wrap-submit-search_rec i {
    position: absolute;
    right: -205px;
    top: 5px;
    color: #fff
}
input[type="search"] {
    width: 22%
}
select {
    width: 18%
}
.wrap_table_td thead {
    background-color: var(--main-cl);
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center
}
.wrap_table_td thead th {
    text-align: center;
    border-color: #fff
}
.wrap_table_td tbody tr:hover {
    box-shadow: 0 0 29px rgba(0,0,0,.07)
}
.wrap_table_td tbody tr td {
    text-align: center
}
.wrap_table_td tbody tr td:nth-child(1) {
    color: #b5b5b5;
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    padding: 30px 50px
}
.wrap_table_td tbody tr td:nth-child(2) a {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}
.wrap_table_td tbody tr td:nth-child(2) {
    text-align: left;
    padding-left: 40px;
    padding-right: 50px;
    width: 23%
}
.wrap_table_td thead th:nth-child(3) {
    width: 18%
}
.wrap_table_td tbody tr td:nth-child(3) a {
    border-radius: 20px;
    border: 1px solid #155997;
    background-color: #fff;
    color: #155997;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 30px;
    width: 18%
}
.wrap_table_td tbody tr td:nth-child(3) {
    padding: 0 0
}
.wrap_table_td tbody tr td:nth-child(4) {
    padding: 0 70px
}
.wrap_table_td tbody tr td:nth-child(5) {
    padding: 0 30px
}
.wrap_table_td tbody tr td:nth-child(6) {
    padding: 0 70px
}
.single-career #primary {
    margin-top: 85px
}
.single-career #primary .grid-66 {
    display: grid
}
.single-career #primary .td-header {
    display: block
}
#primary .td-header h1.title_td {
    float: left;
    color: #333;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase
}
#primary .td-header .social_share {
    padding-bottom: 20px
}
#primary .td-header .social_share a {
    padding-left: 369px
}
.employment_information {
    float: left
}
.employment_information .info {
    border-top: 1px solid #70707073;
    display: block;
    padding: 50px 0
}
.employment_information .info:last-child {
    border-bottom: 1px solid #70707073
}
.employment_information .info a {
    color: #333;
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    text-decoration: underline
}
.employment_information .info h3 {
    float: left;
    color: var(--main-cl);
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase
}
.employment_information .info .desc ul {
    padding: 0 0 0 200px
}
.employment_information .info .desc ul li {
    text-align: justify;
    list-style: disc
}
.employment_information .info p {
    padding: 0 0 0 200px;
    text-align: justify
}
.single-career #primary .grid-33 {
    padding-left: 100px
}
.form_td {
    box-shadow: 0 0 49px rgba(0,0,0,.06);
    border-radius: 20px;
    margin-top: 65px;
    margin-bottom: 100px
}
.form_td h3 {
    padding-top: 72px;
    color: var(--main-cl);
    font-size: 35px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase
}
.form_td .grid-50:nth-child(odd) {
    padding-right: 80px
}
.form_td .grid-50:nth-child(even) {
    padding-left: 80px
}
.form_td .grid-100 {
    padding: 0 80px
}
.form_td .grid-75 {
    padding: 0 0 85px 80px;
    width: 50%
}
.form_td .grid-25 {
    float: right;
    padding-top: 50px;
    padding-right: 80px
}
.form-td .grid-25 input[type=submit] {
    padding-right: 80px;
    padding-top: 40px
}
.single-career button,.single-career html input[type=button],.single-careerinput[type=reset],.single-career .form-recruitment input[type=submit] {
    padding: 10px 85px!important
}
.sidebar_top {
    padding: 30px;
    background-image: linear-gradient(to top,var(--main-cl) 0%,var(--main-cl) 100%);
    color: #fff
}
.sidebar_top a {
    color: #fff
}
.sidebar_top .download_file a {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    display: flex
}
.sidebar_top .download_file a .fa {
    padding-right: 20px;
    font-size: 40px
}
.form-td .form-recruitment input[type=submit] {
    padding: 10px 70px
}
.form-recruitment input{
    margin-bottom: 0 !important;
}
.form-recruitment input[type='file']{
    border: none !important;
    padding: 0 !important;
}
.sidebar_top h4 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 700;
}
.sidebar_top p,.sidebar_top a {
    font-size: 16px;
    line-height: 18px
}
.sidebar_middle {
    margin: 50px 0 50px 0;
    padding: 30px;
    background-color: #f7f7f7
}
.sidebar_middle h3,.sidebar_td h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    position: relative
}
.sidebar_middle h3:before,.sidebar_td h3:before {
    position: absolute;
    width: 3px;
    height: 28px;
    background-color: #2287bd;
    content: '';
    top: 0;
    left: -30px
}
.sidebar_middle .place {
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 700;
}
.sidebar_middle .address,.sidebar_middle .mail,.sidebar_middle .phone b {
    font-size: 14px
}
.sidebar_middle .phone a {
    font-size: 18px;
    color: #333
}
.sidebar_middle .mail a {
    font-size: 15px;
    color: #333
}
.sidebar_td {
    padding: 30px;
    background-color: #f7f7f7
}
.sidebar_td a {
    color: #333333!important;
    font-size: 14px;
    line-height: 22px
}
.sidebar_td .wrap_date_time_td span {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 19.22px
}
.send_records {
    padding-bottom: 25px
}
.download_file {
    padding-top: 25px;
    border-top: 1px solid #fff
}
.sidebar_td .wrap_date_time_td {
    border-bottom: 1px solid #70707073;
    padding-bottom: 20px
}
.sidebar_td .td-item {
    padding-top: 20px
}
.sidebar_td .td-item:last-child .wrap_date_time_td {
    border: none
}
.sidebar_a {
    font-size: 18px;
    color: #fffffF!important
}
.display_none {
    display: none
}
.single-career input[type=submit] {
    width: auto
}
#primary .td-header{
    display: flex !important;
    align-items: center;
    margin-bottom: 20px !important;
}
#primary .td-header .social_share a,
#primary .td-header .social_share a:hover {
    padding: 0;
    /*width: 45px;*/
    /*height: 45px;*/
    /*border: 2px solid;*/
    /*display: inline-block;*/
    /*border-radius: 50%;*/
    /*color: var(--main-cl)!important*/
}
#primary .td-header .social_share {
    width: 130px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    text-align: right !important;
}
#primary .td-header .social_share li {
    display: inline-block;
    margin: 0 5px;
    padding: 0 !important;
}
#primary .td-header h1.title_td {
    width: calc(100% - 130px);
    padding-bottom: 0;
}
.form_td label br {
    display: none
}
.form_td label {
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 10px
}
.career-sec .grid-container .form_filter{
    display: flex;
    margin-bottom: 32px;
}
.career-sec .grid-container .form_filter > input,
.career-sec .grid-container .form_filter > select {
    width: 25%;
    margin-bottom: 0 !important;
}
.career-sec .grid-container .form_filter input[type='submit']{
    border-radius: 25px;
    background: var(--main-cl) !important;
    float: right;
    width: 15%;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-appearance: button;
    padding: 10px 20px;
    margin-left: auto;
    color: #ffffff;

}