.karsilastirma{
    position: fixed;
    width: 50px;
    height: 50px;
    background-color: #323232;
    top: 18%;
    right: 0;
    border-radius: 10px 0 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    color: #fff;
    box-shadow: -4px 4px 5px 2px #0000001c;
    animation-duration: 2s;
    font-size: 22px;
    animation-delay: 5s;
    animation-iteration-count: infinite;
}
.karsilastirma .badge{
    position: absolute;
    top: -10px;
    background-color: red;
    border-radius: 100%;
    font-size: 11px;
}
.karsilastirmaCallBack{
    position:relative;
    transition:0.5s all;
}

.hesapButonlar{
    cursor: pointer;
}
.hesapButonlar:hover{
    cursor: pointer;
    background-color: #1c1c1c;
}
.hesapButonlar:hover i, .hesapButonlar:hover h5{
    color: #fff!important;
}
.hesapButonlar a{
    text-decoration: none;
}

.blogPageLoader{
    color:#000;
}
.checkInput:checked+.btn .checkIcon{
    display: block!important;
}

.checkInput:checked+.btn{
    background-color: var(--birincil)!important;
    border-color: var(--birincil) !important;
    color: #fff!important;
}


.preloader{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:999999;
    background-color:#ffffff;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(/storage/logo.webp);
    background-size: 150px auto;
}
.pre_load{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:999999;
    background-position:center 15%;
    background-repeat:no-repeat;
    background-image:url();
    background-size: 80px auto;
}
.rv_language{
    width: 252px;
    height: auto;
    top: 26%;
    z-index: 9999999;
    position: fixed;
    right: -200px;
    transition:0.5s all;
}
.rv_language:hover{
    right: 0;
}
.rv_lang{
    float: left;
    width: 200px;
    background: #323232;
    padding: 10px;
    padding-left: 20px;
    border-radius:0 0 0 10px;

    -webkit-box-shadow: 10px 10px 21px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 21px -14px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 21px -14px rgba(0,0,0,0.75);
    position: relative;
    z-index: 2;
    margin-left: 52px;
}
.rv_lang .lang_text{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.rv_lang img{}

.rv_lang-icon{
    position: absolute;
    left: 0;
    padding: 10px;
    background: #323232;
    border-radius:10px 0 0 10px;
    -webkit-box-shadow: 10px 10px 33px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 33px -9px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 33px -9px rgba(0,0,0,0.75);
    animation-duration: 5s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
    width: 50%;
    text-align: left;
    z-index: 1;
    /*! float: left; */
}

.rv_lang h4{
    margin-top: 5px!important;
    margin-bottom: 12px!important;
}
.rv_lang ul{
    width:100%;
    padding-left: 0!important;
    margin-bottom: 0!important;
}



.rv_lang ul li{
    width:100%;
    padding:5px;
    border-top:1px solid #3a3a3a;
    color:#fff;
    border-radius:5px;
    list-style-type: none!important;
}

.rv_lang ul li a img{
    margin-right: 5px;
}

.rv_lang ul li a{
    color:#fff;
    font-size: 14px;
    text-decoration: none!important;
}
.rv_lang ul li:hover{
    background:#585858;

}


iframe{
    width: 100%;
}
input:focus{
    outline: none!important;
    box-shadow: none!important;
}
textarea:focus{
    outline: none!important;
    box-shadow: none!important;
}

.formBtn{
    padding: 10px 20px;
    float: right;
    border: 2px solid #323232;
    font-size: 15px;
    color: #fff;
    background-color: #323232;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 10px;
}
.formBtn:hover{
    background-color: #fff;
    color: #323232;
}
.formBtn:focus{
    outline: none!important;
}
.alert{
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-danger{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.whatsapp{
    z-index: 9999;
    transition:0.5s all;
    position: fixed;bottom: 90px;right: 30px;

}
.whatsapp-content{
    box-shadow: 0px 0px 4px 6px #cccccc4f;
    border-radius: 10px;
    animation-duration: 2s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
}

@media (max-width: 500px) {
    .divImage {
        height: 200px!important;
    }
}

.blockUI{
    z-index:99999!important;
}

.favoriJs i{
    font-size: 20px; float: right; margin-right: 10px; margin-top: 10px;
}


.btn{font-size: 1.2rem;}

.btn-dark {
    color: #fff;
    background-color: var(--birincil);
    border-color: var(--birincil);
}
.btn-dark:hover {
    color: #fff;
    background-color: var(--ikincil);
    border-color: var(--ikincil);
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: var(--ikincil);
    border-color: var(--ikincil);
}

.card-title i{
    color: var(--birincil);

}
.card-title{
    font-weight:400;
}

.card-text{
    font-weight:300;
}

.card-text b{
    font-weight:400;
}


.spinner-grow,.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}