.colVerB {
    width: 100%
}

.postPurchase .titleSale {
    padding-bottom: 60px
}

.postPurchase .titleSale a.createJob {
    font-family: Banana_Grotesk_BETA_0731-Black;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.21;
    letter-spacing: .5px;
    text-align: left;
    color: #ccc;
    background: 0 0
}

.postPurchase .titleSale a {
    text-transform: uppercase
}

#post-ajob .titleSale,
.postEvent .titleSale,
.postSale .titleSale {
    margin-bottom: 50px
}

#post-ajob .titleSale a,
.postEvent .titleSale a,
.postSale .titleSale a {
    text-transform: uppercase
}

#post-ajob .titleSale a:hover,
.postEvent .titleSale a:hover,
.postSale .titleSale a:hover {
    color: #fff
}

#post-ajob .titleSale p,
.postEvent .titleSale p,
.postSale .titleSale p {
    font-family: Banana_Grotesk_BETA_0731-Black;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #000;
    padding: 0 7px;
    display: inline-block;
    margin-right: 18px
}

#post-ajob .titleSale .typeCreate,
.postEvent .titleSale .typeCreate,
.postSale .titleSale .typeCreate {
    font-size: 14px;
    line-height: 1.21;
    letter-spacing: .5px;
    text-align: left;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Banana_Grotesk_BETA_0731-Black;
    display: inline-block
}

#saleForm input {
    padding: 8px 14px;
    width: 100%;
    background-color: #fff;
    border: solid 2px #efefef;
    margin-bottom: 14px
}

#saleForm input::placeholder {
    font-family: Banana_Grotesk_BETA_0731-Black;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.21;
    letter-spacing: .5px;
    text-align: left;
    color: #ccc;
    text-transform: uppercase
}

#post-event .saleLeft,
#post-sale .saleLeft {
    padding: 0
}

#post-event .saleRight,
#post-sale .saleRight {
    padding-left: 120px;
    margin-top: -50px
}

#post-event .saleRight .textForm p,
#post-sale .saleRight .textForm p {
    font-family: Banana_Grotesk_BETA_0731-Regular;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: .5px;
    text-align: left;
    color: #ccc;
    font-weight: 400
}

#post-event .saleRight .groupForm input,
#post-sale .saleRight .groupForm input {
    display: none
}

#post-event .saleRight .groupForm label,
#post-sale .saleRight .groupForm label {
    cursor: pointer;
    width: 100%;
    height: 353px;
    background-color: #f7f7f7;
    border: solid 2px #efefef;
    text-align: center;
    align-items: center;
    vertical-align: middle;
    display: inline-grid;
    font-family: Banana_Grotesk_BETA_0731-Regular;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.21;
    letter-spacing: .5px;
    color: #ccc
}

#post-event h4,
#post-sale h4 {
    font-family: Banana_Grotesk_BETA_0731-Black;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.21;
    letter-spacing: .5px;
    text-align: left;
    color: #ccc;
    margin-top: 25px
}

.jobTop .userFormSelectWrapper .userFormSelect.active {
    color: #000;
    background-color: #f7f7f7;
    border-bottom: none
}

.jobTop .userFormSelectWrapper .userFormSelectOptions {
    text-transform: uppercase
}

.jobTop .userFormSelectWrapper .userFormSelectOptions li.active {
    display: none
}

.jobTop .userFormSelectWrapper .userFormSelect {
    color: #ccc;
    text-transform: uppercase
}

.SalarY .userFormSelectWrapper .userFormSelect.active {
    color: #000;
    background-color: #f7f7f7;
    border-bottom: none
}

.SalarY .userFormSelectWrapper ul li.active {
    display: none
}

.showSalarY .userFormSelect.active {
    color: #000;
    background-color: #f7f7f7;
    border-bottom: none
}

.showSalarY .userFormSelectOptions li.active {
    display: none
}

.userFormSelect.show-me {
    color: #000!important;
}

.user-logout:focus,
.user-submit:focus {
    outline: none
}

.user-logout:hover,
.user-submit:hover {
    border-width: 2px;
}

.btnNew .clickNew {
    padding-bottom: 10px;
}
/*drag button*/
.DraG {
    font-family: Banana_Grotesk_BETA_0731-Black;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.21;
    letter-spacing: .5px;
    color: #fff;
    width: 48px;
    background-color: #000;
    border: none;
    padding: 0;
    text-align: center;
    display: none;
    outline: 0;
    z-index: 10;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    position: absolute !important;
    will-change: transform;

}
.DraG.hide-drag{
    opacity: 0;
    z-index: -1 !important;
}
/*-----*/
@media only screen and ( max-width:767px) {
    #articleA-Page .articleASlide:first-child iframe,
    #articleA-Page .articleASlide:first-child img,
    #articleB-Page .articleCSlide:first-child img,
    #articleC-Page .articleCSlide:first-child img {
        object-fit: contain!important;
        object-position: unset;
    }
}