.slidermask {
    -webkit-mask-image: url(/site/upload/images/default/slidermask.png);
    mask-image: url(/site/upload/images/default/slidermask.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.sepetimTopBadge{
    position: absolute !important;
    background-color: red;
    border-radius: 50%;
    top: -11px !important;
    left: 11px;
    font-size: 0.8rem;
    color:white;

    z-index: 500;
}



.form-control {
    height: 58px;
    width: 99%;
    border: none;
    outline: none;
    background-color: var(--oxpins-extra);
    color: #707876;
    font-size: 14px;
    padding: 0 30px;
    border-radius: var(--oxpins-bdr-radius);
    font-weight: 400;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    /*font-size: 14px;*/
    /*font-weight: 700;*/
    color: var(--oxpins-white);
    background-color: var(--oxpins-base);
    /*padding-left: 50px;*/
    /*padding-top: 17px;*/
    /*padding-bottom: 17px;*/
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;

}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active:hover {
    color: var(--oxpins-white);
    background-color: var(--oxpins-base);
}




.btn-danger {
    color: #fff ;
    background-color: var(--oxpins-base);
    border: none;
}

.onlinebagis__title {
    font-size: 36px;
    font-weight: 900;
    line-height: 46px;
    letter-spacing: -0.04em;

}

.main-menu .main-menu__list.t400parabirimi>li.current>a,
.main-menu .main-menu__list.t400parabirimi>li.current-menu-ancestor>a,
.main-menu .main-menu__list.t400parabirimi>li.current-menu-item>a,
.main-menu .main-menu__list.t400parabirimi>li.current-menu-page>a,
.main-menu .main-menu__list.t400parabirimi>li.current_page_item>a,
.main-menu .main-menu__list.t400parabirimi>li:hover>a,
.stricky-header .main-menu__list.t400parabirimi>li.current>a,
.stricky-header .main-menu__list.t400parabirimi>li.current_page_item>a,
.stricky-header .main-menu__list.t400parabirimi>li.current-menu-ancestor>a,
.stricky-header .main-menu__list.t400parabirimi>li.current-menu-item>a,
.stricky-header .main-menu__list.t400parabirimi>li.current-menu-page>a,
.stricky-header .main-menu__list.t400parabirimi>li:hover>a {
    color: var(--oxpins-black);
}

.oxpins-orange {

background-color: var(--oxpins-primary);
}

.oxpins-gray {

    background-color: var(--oxpins-gray);
}
.oxpins-green {

    background-color: var(--oxpins-base);
}
.oxpins-gray {

    background-color: var(--oxpins-gray);
}
.oxpins-text-green {

    color: var(--oxpins-base);
}

.oxpins-text-orange {

    color: var(--oxpins-primary);
}

.oxpins-text-gray {

    color: var(--oxpins-gray);
}

.bagiscitopbarradius {
    border-radius: 50rem;
}

.mobiltopbagisyapbtn a{

    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    background-color: var(--oxpins-primary);
    padding: 5px 25px 5px;
    text-transform: uppercase;
    border-radius: 25px;
    transition: all 500ms ease;
}