@charset 'UTF-8';
.careers_area
{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media screen and (max-width: 1440px) and (min-width: 720px)
{
    .careers_area
    {
        padding-top: calc(.0416666667 * 100vw);
    }
}
@media screen and (min-width: 1440px)
{
    .careers_area
    {
        padding-top: 60px;
    }
}
@media screen and (max-width: 1440px) and (min-width: 720px)
{
    .careers_area
    {
        padding-bottom: calc(.0416666667 * 100vw);
    }
}
@media screen and (min-width: 1440px)
{
    .careers_area
    {
        padding-bottom: 60px;
    }
}

.careers_area .loading-indicator
{
    display: none;

    padding: 15px;

    text-align: center;
}
.careers_area .loading-indicator:after
{
    content: '⏳';
    animation: loading 1s infinite;
}
@keyframes loading
{
    0%
    {
        opacity: .5;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        opacity: .5;
    }
}
.careers_area_item
{
    position: relative;

    margin-bottom: 40px;
}
@media screen and (max-width: 1440px) and (min-width: 720px)
{
    .careers_area_item
    {
        margin-bottom: calc(.0555555556 * 100vw);
    }
}
@media screen and (min-width: 1440px)
{
    .careers_area_item
    {
        margin-bottom: 80px;
    }
}
.careers_area_item p
{
    margin-bottom: 0;
}
.careers_area_item:after
{
    position: absolute;
    bottom: -19px;
    left: 50%;

    width: 100%;
    height: 2px;

    content: '';
    transform: translateX(-50%);

    background: #e6e9f3;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(239, 240, 242) 50%, rgb(255, 255, 255) 100%);
}
@media screen and (max-width: 1440px) and (min-width: 701.5384615385px)
{
    .careers_area_item:after
    {
        bottom: calc(-.0270833333 * 100vw);
    }
}
@media screen and (min-width: 1440px)
{
    .careers_area_item:after
    {
        bottom: -39px;
    }
}
.careers_area_item:nth-last-child(1):after
{
    display: none;
}
.careers_area_item_info_title
{
    position: relative;
}
.careers_area_item_info_title h4 a
{
    line-height: 1.6;

    display: inline-block;

    cursor: pointer;
    transition: .2s;
    text-decoration: underline;

    color: #2f2f2f;
}
.careers_area_item_info_title h4 a:hover
{
    color: #ff7117;
    border-color: black;
}
.careers_area_item_info_title h4 span.hot_vacancy
{
    position: relative;
    top: -2px;

    margin-right: 6px;

    cursor: help;

    color: #2f2f2f;
}
.careers_area_item_info_title h4 span.hot_vacancy img
{
    max-height: 17px;
}
.careers_area_item_info_title h4 span.hot_vacancy .description
{
    font-size: 15px;

    position: absolute;
    z-index: 9999999;
    top: -40px;
    left: 0;

    visibility: hidden;

    width: 200px;
    padding: 12px;

    transition: .2s;
    text-align: center;

    opacity: 0;
    color: inherit;
    border-radius: 24px;
    background: white;
    box-shadow: 0 2px 12px 0 #ff7117;
}
.careers_area_item_info_title h4 span.hot_vacancy .description span
{
    position: relative;
    right: 0;

    color: #ff7117;
}
.careers_area_item_info_title h4 span.hot_vacancy:hover .description
{
    visibility: visible;

    opacity: 1;
}
.careers_area_item_info .info_item
{
    font-weight: bold;

    display: flex;
}
.careers_area_item_info .info_item span:not(.item)
{
    opacity: .6;
}
.careers_area_item_info .info_item span.as_list
{
    line-height: 1.3;

    position: relative;

    display: inline-block;

    padding-left: 10px;
}
.careers_area_item_info .info_item span.as_list:after
{
    position: absolute;
    top: 7px;
    left: 0;

    width: 4px;
    height: 4px;

    content: '';

    border-radius: 50%;
    background-color: #2f2f2f;
}
@media screen and (min-width: 768px)
{
    .careers_area_item_info .info_item span
    {
        display: inline-block;

        margin-bottom: 10px;
    }
    .careers_area_item_info .info_item:nth-child(6)
    {
        justify-content: flex-end;
    }
}
@media screen and (max-width: 767px)
{
    .careers_area_item_info .info_item
    {
        margin-bottom: 15px;
    }
    .careers_area_item_info .info_item:nth-last-child(1)
    {
        margin-bottom: 0;
    }
}
.careers_area .nft_button[disable=true]
{
    pointer-events: none;
}
.careers_area .nft_button[disable=true] a
{
    color: #2f2f2f;
    background: #e6e9f3;
}
.careers_area .positions_filter .select
{
    margin-bottom: 15px;
}
@media screen and (max-width: 1440px) and (min-width: 360px)
{
    .careers_area .positions_filter .select
    {
        margin-bottom: calc(.0416666667 * 100vw);
    }
}
@media screen and (min-width: 1440px)
{
    .careers_area .positions_filter .select
    {
        margin-bottom: 60px;
    }
}
.careers_area .positions_filter .keyword
{
    margin-bottom: 15px;
}
@media screen and (max-width: 1440px) and (min-width: 720px)
{
    .careers_area .positions_filter .keyword
    {
        margin-bottom: calc(.0208333333 * 100vw);
    }
}
@media screen and (min-width: 1440px)
{
    .careers_area .positions_filter .keyword
    {
        margin-bottom: 30px;
    }
}
.careers_area .positions_filter .keyword input
{
    width: 100%;
    height: 40px;
    padding: 0 20px;

    cursor: pointer;

    color: #2f2f2f;
    border: 1px solid;
    border-radius: 12px;

    flex: 1;
}
@media screen and (max-width: 1440px) and (min-width: 960px)
{
    .careers_area .positions_filter .keyword input
    {
        height: calc(.0416666667 * 100vw);
    }
}
@media screen and (min-width: 1440px)
{
    .careers_area .positions_filter .keyword input
    {
        height: 60px;
    }
}
.careers_area .positions_filter .select label,
.careers_area .positions_filter .keyword label
{
    font-weight: 500;

    display: block;

    width: 100%;
    margin-bottom: 5px;

    opacity: .8;
}
.careers_area .positions_filter .select
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;

    transition: .2s;

    flex-wrap: wrap;
}
.careers_area .positions_filter .select_item
{
    position: relative;

    display: block;

    width: 100%;
}
.careers_area .positions_filter .select_item:after
{
    position: absolute;
    top: calc(50% - 7px);
    right: 30px;

    display: inline-block;

    width: 10px;
    height: 10px;
    padding: 3px;

    content: '';
    transform: rotate(45deg);

    border: solid #2f2f2f;
    border-width: 0 1px 1px 0;
}
.careers_area .positions_filter .select_item:hover:after
{
    border-color: #f39c12;
}
.careers_area .positions_filter .select_item select
{
    width: 100%;
    height: 40px;
    padding: 0 20px;

    cursor: pointer;

    color: #2f2f2f;
    border-radius: 12px;

    flex: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
@media screen and (max-width: 1440px) and (min-width: 960px)
{
    .careers_area .positions_filter .select_item select
    {
        height: calc(.0416666667 * 100vw);
    }
}
@media screen and (min-width: 1440px)
{
    .careers_area .positions_filter .select_item select
    {
        height: 60px;
    }
}
.careers_area .positions_filter .select_item select::-ms-expand
{
    display: none !important;
}
.careers_area .load_more_position
{
    text-align: center;
}