/*==============

Colors Fix

===============*/

.nav-style-1 .nav-link.active {

    color: #fff;

}

.tx-gold,

.br-menu-sub .sub-link.active,

.br-menu-sub .sub-link:hover,

.br-menu-sub .sub-link:focus ,

.user-profile-nav .icon,

.profile-earning-label,

.tx-info,

.br-logo > a i,

a.hover-info:hover, a.hover-info:focus {

    color: #267abf;

}

.btn-info,

.btn-primary,

.pagination-basic .active .page-link,

.pagination-basic .active .page-link:hover,

.pagination-basic .active .page-link:focus,

.br-menu-sub .sub-link.active::before,

.br-menu-sub .sub-link:hover::before,

.br-menu-sub .sub-link:focus::before,

.nav-style-1 .nav-link.active,

.select2-container--default .select2-results__option--highlighted[aria-selected],

.select2-container--default .select2-selection--multiple .select2-selection__choice,

.select2-container--default .select2-results__option[aria-selected="true"],

.ckbox span::after {

    background-color: #267abf;

}

.btn-primary,

.btn-info,

.btn-info:hover {

    border-color: #267abf;

}

a.tx-info:hover,

a.tx-info:focus {

    color: #215691;

}

.btn-primary:hover,

.btn-info:active,

.btn-info.active,

.show > .btn-info.dropdown-toggle,

.btn-info:hover {

    background-color: #215691;

}

.btn-primary:hover,

.btn-info:active,

.btn-info.active,

.show > .btn-info.dropdown-toggle,

.form-control:focus,

.dataTables_filter input:focus {

    border-color: #215691;

}

.btn-info:focus, .btn-info.focus {

    box-shadow: 0 0 0 3px rgba(33, 86, 145, 0.5);

}

.br-menu-link.active {

    background-image: linear-gradient(to right, #267abf 0%, #215691 100%);

}

a.active .M24-note {

    background: #215691;

}

/*==============

Nav

===============*/



/*==============

image square

===============*/



/*==============

payment section

===============*/



/*==============

Payment V2

===============*/



/*==============

pop up image

===============*/



/*==============

mobile

===============*/



/*======================

Turkcell & turktelecom

========================*/



/*==============

RTL

===============*/



/*==============

contest

===============*/



/*==============

waiting group

===============*/



/*==============

Market

===============*/



/*==============

loader

===============*/

#loader {

    display: block;

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: auto;

    height: auto;

    background: rgba(255,255,255,0.8);

    z-index: 9999;

}

#loader .lds-ring {

    left: 0px;

    top: 0px;

    width: 64px;

    height: 64px;

    position: relative;

    margin: 50% auto 0;

}

#loader .lds-txt{

    text-align: center;

    margin-top: 15px;

    display: none;

}

#loader .lds-ring div {

    box-sizing: border-box;

    display: block;

    position: absolute;

    width: 51px;

    height: 51px;

    margin: 6px;

    border: 6px solid #267abf;

    border-radius: 50%;

    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;

    border-color: #267abf transparent transparent transparent;

}

#loader .lds-ring div:nth-child(1) {

    animation-delay: -0.45s;

}

#loader .lds-ring div:nth-child(2) {

    animation-delay: -0.3s;

}

#loader .lds-ring div:nth-child(3) {

    animation-delay: -0.15s;

}

@keyframes lds-ring {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}

/*==============

stars

===============*/

/* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */

#full-stars-example-two .rating-group {

    display: inline-flex;

}



/* make hover effect work properly in IE */

#full-stars-example-two .rating__icon {

    pointer-events: none;

    transition: all 0.5s;

}



/* hide radio inputs */

#full-stars-example-two .rating__input {

    display: none;

}



/* hide 'none' input from screenreaders */

#full-stars-example-two .rating__input--none {

    display: none

}



/* set icon padding and size */

#full-stars-example-two .rating__label {

    cursor: pointer;

    padding: 0 0.1em;

    font-size: 2.5rem;

}



/* set default star color */

#full-stars-example-two .rating__icon--star {

    color: #267abf;

    font-size: 2.5rem;

}



/* if any input is checked, make its following siblings grey */

#full-stars-example-two .rating__input:checked ~ .rating__label .rating__icon--star {

    color: #ddd;

    font-size: 2.3rem;

}



/* make all stars orange on rating group hover */

#full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {

    color: #267abf;

    font-size: 2.5rem;

}



/* make hovered input's following siblings grey on hover */

#full-stars-example-two .rating__input:hover ~ .rating__label .rating__icon--star {

    color: #ddd;

    font-size: 2.3rem;

}



/*==============

winner

===============*/

#imag-content{

    width: 85%;

}

@keyframes move_wave {

    0% {

        transform: translateX(0) translateZ(0) scaleY(1)

    }

    50% {

        transform: translateX(-25%) translateZ(0) scaleY(0.55)

    }

    100% {

        transform: translateX(-50%) translateZ(0) scaleY(1)

    }

}

.waveWrapper {

    overflow: hidden;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    margin: auto;

}

.waveWrapperInner {

    position: absolute;

    width: 100%;

    overflow: hidden;

    height: 100%;

    bottom: -1px;

    background-image: linear-gradient(to top, #267abf 20%, #1a4a71 80%)

}

.bgTop {

    z-index: 15;

    opacity: 0.5;

}

.bgMiddle {

    z-index: 10;

    opacity: 0.75;

}

.bgBottom {

    z-index: 5;

}

.wave {

    position: absolute;

    left: 0;

    width: 200%;

    height: 100%;

    background-repeat: repeat no-repeat;

    background-position: 0 bottom;

    transform-origin: center bottom;

}

.waveTop {

    background-size: 50% 100px;

}

.waveAnimation .waveTop {

    animation: move-wave 3s;

    -webkit-animation: move-wave 3s;

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}

.waveMiddle {

    background-size: 50% 120px;

}

.waveAnimation .waveMiddle {

    animation: move_wave 10s linear infinite;

}

.waveBottom {

    background-size: 50% 100px;

}

.waveAnimation .waveBottom {

    animation: move_wave 15s linear infinite;

}

#M24-contest-winner {

    height: 320px;

    overflow: hidden;

    border-radius: 15px 15px 0 0;

    position: relative;

    margin-top: 20px;

}

@keyframes gradient {

    0% {

        background-position: 0% 50%;

    }

    100% {

        background-position: 200% 50%;

    }

}

#M24-contest-winner .title {

    border-right: 8px solid #fff;

    background: linear-gradient(45deg,#236193 20%, #2c8fdf 50%, #236193 80%);

    animation: gradient 10s linear infinite;

    background-size: 200%;

}

@keyframes move_trophy {

    0% {

        transform: rotateZ(8deg) translateY(0px) scale(0.9);

    }

    10% {

        transform: rotateZ(12deg) translateY(-27px)  scale(1.1);

    }

    100% {

        transform: rotateZ(8deg) translateY(0px)  scale(0.9);

    }

}

#M24-contest-winner-img {

    position: absolute;

    left: 33px;

    top: -51px;

    z-index: 100;

    width: 400px;

    animation: move_trophy 7s linear infinite;

}

@media (max-width: 500px) {

    #M24-contest-winner-img {

        left: -90px;

        top: -81px;

        width: 331px;

        transform: rotateZ(-9deg);

        animation: none;

    }

    .waveTop {

        background-size: 50% 50px;

    }

    .waveMiddle {

        background-size: 50% 70px;

    }

    .waveBottom {

        background-size: 50% 60px;

    }

    #M24-contest-winner {

        height: 240px;

    }

    #imag-content{

        width: 70%;

    }

}



@media (min-width: 1920px) {

    #M24-contest-winner {

        margin-top: 94px;

    }

}

@media (max-width: 1919px) {

    #M24-contest-winner {



        margin-top: 49px;

    }

}

@media (max-width: 1439px) {

    #M24-contest-winner {



        margin-top: 34px;

    }

}

@media (max-width: 1279px) {

    #M24-contest-winner {



        margin-top: 6px;

    }

}

@media (max-width: 411px) {

    #M24-contest-winner {

        margin-top: -2px;

    }

}

/*==============

check gurantii

===============*/

.alert-info.alert-solid {

    background: linear-gradient(45deg,#236193 20%, #2c8fdf 50%, #236193 80%);

    animation: gradient 10s linear infinite;

    background-size: 200%;

}

@keyframes pulseOP {

    10% {

        transform: scale(1);

        opacity: 0.0;

    }

    50% {

        opacity: 0.3;

    }

    100% {

        transform: scale(1.8);

        opacity: 0.0;

    }

}

@keyframes pulse {

    0% {

        transform: scale(1);

        color: #fff;

    }

    10% {

        transform: scale(0.9);

        color: #76b7ec;

    }

    20% {

        transform: scale(1);

        color: #fff;

    }

}

.alert-info.alert-solid i{

    text-decoration:none;

    color:#fff;

    animation: pulse 2s linear infinite;

}

.alert-info.alert-solid i:after {

    content: "\f132";

    display: block;

}

.alert-info.alert-solid i:before {

    position: absolute;

    animation: pulseOP 2s linear infinite;

}

@media (max-width: 500px) {

    .alert-info.alert-solid i{

        position: relative;

        top: 6px;

    }

}

/*==============

arrows market

===============*/

.slbArrows {

    bottom: auto;

    top: 50%;

}