@import url("https://jsonstorage.b-cdn.net/nisanbet/custom.css"); 

.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(1) {
    grid-template-columns: 9fr 3fr !important;
};
.layout-bc.is-home-page .layout-header-holder-bc  .hm-row-bc:nth-child(1) {
    grid-template-columns: 12fr !important;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) {
    grid-template-columns: 12fr !important;
}

.layout-bc.is-home-page {
    background-image: url(https://jsonstorage.b-cdn.net/nisanbet/bg.jpg) !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
}
.informative-widget-container > span {
    font-size: 15px !important;
}
.informative-widget-container > span > p > strong > span {
    background-color: transparent !important;
}
.informative-widget-container {
    padding: 10px 20px !important;
}
.informative-widget-link {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    background: rgba(var(--menu), 1) !important;
}
.informative-widget-container > span {
    display: inline-block !important;
    animation: marquee 15s linear infinite !important;
    color: #fff !important;
    font-weight: 550 !important;
}
.informative-widget-container > span:hover {
    animation-play-state: paused !important;
}
.hdr-dynamic-content .hm-row-bc > .e-p-close-icon-bc {
    top: 22px !important;
}
@keyframes marquee {
    0% {
        transform: translate(50%, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}
.hdr-dynamic-content .hm-row-bc > .e-p-close-icon-bc {
    color: rgba(255, 255, 255, .5) !important;
}

/*kayıt butonu*/
.smartPanel-bc+.bc-loader.small, .smartPanel-bc+.hdr-user-bc .register {
    -webkit-margin-end: 15px;
    margin-inline-end: 15px;
    height: 30px;
    border: 1px solid #3a89c4;
    background: #3a89c4;
    border-radius: 0 30px 30px 0;
    box-sizing: border-box;
    padding: 0 15px 0 0;
    font: 12px/16px Roboto,Arial,Helvetica,sans-serif;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    min-width: 100px;
    transition: color 180ms,background 180ms,border 180ms;
    margin-top: 3px;
}

/*giriş butonu*/
.btn.sign-in{
background: white;
height: 30px;
text-transform: uppercase;
    cursor: pointer;
    min-width: 100px;
    transition: color 180ms,background 180ms,border 180ms;
    margin-top: 3px;
    font: 12px/16px Roboto,Arial,Helvetica,sans-serif;
    border: 1px solid #3a89c4 !important;
    border-radius: 0 0 0 16px;
    color: #3a89c4;
}



a[href="https://nisanapp.com/callme/"] {
width: 60px;
    background-image: url(https://cmsbetconstruct.com/content/images/2b0ff43c6e70353726598fc56bb5684e_1873470_sidebar.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
    margin-left: 15px;
}


a[href="https://nisanapp.com/callme/"]>span {
    display: none;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item {
    color: rgba(var(--menu-sc), 1);
    background: rgba(var(--menu), 1);
    box-shadow: inset 0 2px 0 0 rgba(var(--hero), 1);
    background-size: contain;
    background-repeat: no-repeat;
}


----------loading görsel------------
.path{
fill:transperent !important;
}

--------- slider-------------------------

------- yükleme görseli------------------
.path {
    stroke-dasharray: 20,200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 2s ease-in-out infinite,color 6s ease-in-out infinite;
    animation: dash 2s ease-in-out infinite,color 6s ease-in-out infinite;
    stroke-linecap: round;
    fill: rgba(var(--b), 1);
}