/* Yüklenme animasyonu */
#autocomplete-list .loading-icon {
    text-align: center;
    width: 100%;
    padding: 20px;
    font-weight:600;
}

    #autocomplete-list .loading-icon i {
        font-size: 2rem;
        color: #FF6F0F;
        animation: spin 1s linear infinite;
    }

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}



.text-userData {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px; /* Varsayılan maksimum genişlik */
}

/* Ekran genişliği 768 pikselden küçük olduğunda (md ekranından küçük) */
@media (max-width: 767px) {
    .text-userData {
        max-width: 100%; /* Ekran genişliği kadar genişlik */
    }
}




@media (max-width: 992px) {
    .d-noneMobile {
        display: none !important;
    }

    .mobilepad {
        padding-top: 0 !important;
    }
}



  .bg-whitetolight-g{
	  
	    background-color: #fdfdff;
		

  }
  




.controls {
    position: fixed;
    z-index: 2;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #d7d7d7a1;
    padding: 0.5rem 2em;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border: 1px solid #0000004d;
}

.sliderBox {
    text-align: center;
}

    .sliderBox .range-value {
        font-weight: 500;
        font-size: 22px;
    }

input[type="range"] {
    width: 100%;
    margin: 1em 0;
    -webkit-appearance: none;
}

    input[type="range"]:focus {
        outline: none;
    }

    input[type="range"]::-webkit-slider-runnable-track {
        background: #00000066;
        border: 0;
        border-radius: 1.3px;
        width: 100%;
        height: 2px;
        cursor: pointer;
    }

    input[type="range"]::-webkit-slider-thumb {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        background: #eee;
        box-shadow: inset 0px 1px 1px #ffffff66, 0px 1px 3px black;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 50px;
        cursor: pointer;
        -webkit-appearance: none;
    }

    input[type="range"]:focus::-webkit-slider-runnable-track {
        background: #eee;
    }

    input[type="range"]::-moz-range-track {
        background: #000;
        border: 0;
        border-radius: 1.3px;
        width: 100%;
        height: 1px;
        cursor: pointer;
    }

    input[type="range"]::-moz-range-thumb {
        width: 25px;
        height: 25px;
        background: #151728;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 50px;
        cursor: pointer;
    }

    input[type="range"]::-ms-track {
        background: transparent;
        border-color: transparent;
        border-width: 13px 0;
        color: transparent;
        width: 100%;
        height: 1px;
        cursor: pointer;
    }

    input[type="range"]::-ms-fill-lower {
        background: #151728;
        border: 0;
        border-radius: 2.6px;
    }

    input[type="range"]::-ms-fill-upper {
        background: #151728;
        border: 0;
        border-radius: 2.6px;
    }

    input[type="range"]::-ms-thumb {
        width: 25px;
        height: 25px;
        background: #151728;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 50px;
        cursor: pointer;
        margin-top: 0px;
        /*Needed to keep the Edge thumb centered*/
    }

    input[type="range"]:focus::-ms-fill-lower {
        background: #ffffff;
    }

    input[type="range"]:focus::-ms-fill-upper {
        background: #ffffff;
    }
ul {
    list-style-type: none;
}

   

#but_ara {
  
   
	
	 
    max-width: 150px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;


    font-size: 0.9rem;

    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease; 
    position: relative;
    z-index: 10;
    
    background: #FF6F0F; /* Turuncu arka plan */
    color: white;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 6px rgba(0, 0, 0, 0.3);
 
	margin-bottom:2px;
	
	
}

    #but_ara:hover {
        background-color: #150B5C;
    }



#btnLtrSearch {
    background-color: #FFF;
    color: #000;
	
	flex: 1;
 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 8px 16px; 
    border-radius: 5px;
    font-size: 1rem;
    
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease; 
    position: relative;
    z-index: 10;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 6px rgba(0, 0, 0, 0.3);
}





.nav-link {
    color: #000;
}


@keyframes slidein {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.container {
    overflow: hidden;
}

    .container .slider {
        animation: slidein 30s linear infinite;
        white-space: nowrap;
    }

        .container .slider .logos {
            width: 100%;
            display: inline-block;
            margin: 0px 0;
        }

            .container .slider .logos .fab {
                width: calc(100% / 5);
                animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
            }


#ara_but{
    background-color: #FF6F0F;
}

    #ara_but:hover {
        background-color: #150B5C;
    }

#ara_but {
    background-color: #FF6F0F;
}

    #ara_but:hover {
        background-color: #150B5C;
    }

#ara_img {
    color: #fff;
}


#search-focus:focus {
    border-color: #FF6F0F !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 111, 15, 0.25) !important;
}

.slider {
   
    width: 100vw;
    height: auto;
    position: relative;
}

    .slider .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        animation: fade 40s infinite; /* Geçiş süresini 40 saniyeye ayarladık */
    }

@keyframes fade {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    33% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


#slideIndex1 {

    animation-delay: -10s;
}

#slideIndex2 {

    animation-delay: -20s;
}

#slideIndex3 {

    animation-delay: -30s;
}

#slideIndex4 {
 
    animation-delay: -40s;
}



/*masterpage*/
.list-group-link {
    color: white !important;
}


#ara_but {
    background-color: #FF6F0F;
}

    #ara_but:hover {
        background-color: #150B5C;
    }

#ara_img {
    color: #fff;
}

#search-focus:focus {
    border-color: #FF6F0F !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 111, 15, 0.25) !important;
}



	
	
	

.nonhover1:focus,
.nonhover1:active {
    box-shadow: 0 0 5px #FF6F0F !important; /* Aktif olduğunda gölge rengi #FF6F0F olarak ayarlandı */
   
}
.nonhover:focus,
.nonhover:active {
    box-shadow: 0 0 5px #FF0000 !important; /* Aktif olduğunda gölge rengi #FF6F0F olarak ayarlandı */
}



.btnorange:active,
.btnorange:focus {
    box-shadow: 0 0 5px #FF6F0F !important; /* Aktif olduğunda gölge rengi #FF6F0F olarak ayarlandı */
}

.btnorange {
    color: #fff !important;
    background-color: #FF6F0F !important;
    border-color: #FF6F0F;
    border-radius: 0.75rem;
}



#but_uye_ol {
    flex: 1;
  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 
    padding: 8px 12px; 
    border-radius: 5px;
    font-size: 0.9rem;
    
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease; 
    position: relative;
    z-index: 10;

    background: #FF6F0F; /* Turuncu arka plan */
 
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 6px rgba(0, 0, 0, 0.3);
}

.btnBlue {
    color: #fff !important;
    background-color: #2c3646 !important;
    border-color: #2c3646;
    border-radius: 0.75rem;
}

    .btnBlue:active,
    .btnBlue:focus {
        box-shadow: 0 0 10px #2c3646 !important; /* Aktif olduğunda gölge rengi #FF6F0F olarak ayarlandı */
    }

#but_giris {
    background-color: #FFF;
    color: #000;
    border: solid 1px #150B5C;
    flex: 1;
    max-width: 150px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 8px 12px; /* Yukarı-aşağı daha fazla, sağ-sol daha az padding */
    border-radius: 5px; /* Daha yuvarlak köşeler */
    font-size: 0.9rem; /* Standart yazı boyutu */
  
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease; /* Geçiş efektleri */
    position: relative;
    z-index: 10;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 6px rgba(0, 0, 0, 0.3);
}



#navbarCollapse ul li a:hover {
    color: #FF6F0F !important;
}

.navbar .navbar-toggler .icon-bar {
    background-color: #FF6F0F !important;
}

@media (max-width: 1400px) {
    #search-container {
        display: none;
    }
}

#titlepage {
    color: #000;
    font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: 2.5em;
}

form-label {
    display: block;
    margin-bottom: 0.375rem !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    margin-top: 9px !important;
}

.form-label {
    margin-bottom: 0.5rem;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

label {
    display: inline-block;
}
/*download market*/
.market-btn {
    display: inline-block;
    padding: 0.3125rem 0.875rem;
    padding-left: 2.8125rem;
    -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    border: 1px solid #e7e7e7;
    background-position: center left 0.75rem;
    background-color: #fff;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none;
}

    .market-btn .market-button-title {
        font-weight: 500;
        display: block;
        color: #222;
       
    }

    .market-btn .market-button-subtitle {
        display: block;
        margin-bottom: -0.25rem;
        color: #888;
        font-size: 0.75rem;
       
    }

    .market-btn:hover {
        background-color: #f7f7f7;
        text-decoration: none;
    }

.apple-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiMyZTJlMmUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}

.google-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.windows-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMC4xNzYsMjI0TDAuMDAxLDY3Ljk2M2wxOTItMjYuMDcyVjIyNEgwLjE3NnogTTIyNC4wMDEsMzcuMjQxTDQ3OS45MzcsMHYyMjRIMjI0LjAwMVYzNy4yNDF6IE00NzkuOTk5LDI1NmwtMC4wNjIsMjI0ICAgbC0yNTUuOTM2LTM2LjAwOFYyNTZINDc5Ljk5OXogTTE5Mi4wMDEsNDM5LjkxOEwwLjE1Nyw0MTMuNjIxTDAuMTQ3LDI1NmgxOTEuODU0VjQzOS45MTh6IiBmaWxsPSIjMDBiY2YyIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.amazon-btn {
    background-image: url('../webimages/main/linux.png');

}

.market-btn-light .market-button-title {
    color: #fff;
}

@media screen and (min-width: 100px) and (max-width: 768.98px) {
    .amazon-btn, .market-btn {
        margin-top: 7px;
    }
}

.market-btn-light .market-button-subtitle {
    color: rgba(255, 255, 255, 0.6);
}

.market-btn-light:hover {
    background-color: rgba(255, 255, 255, 0.06);
}

.market-btn-light.apple-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}

.market-btn-light.amazon-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjFCQzQ2QjRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjFCQzQ2QTRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUM1ODJFMkIxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUM1ODJFM0IxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4g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);
}

#downloadi {
    color: #FF6F0F !important;
}

.patner-area {
    background-color: $section-bg;
}

.partner-wrapper {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 5px 20px;
    margin-top: 10px;



}

.partner-box {
    position: relative;
    z-index: 2;
}

.partner-thumb {
    position: absolute;
    top: -110px;
    left: -250px;
    z-index: -1;
}



.home-01-brand .brand-area.theme-bg {
    background: transparent;
}
#rowpartner {
    background-image: url('/webimages/slider/partner.png');
    /* Additional CSS properties */
}

/*//lanquage*/

@media (min-width: 992px) {
}

.navbar .dropdown-menu1 {
    box-shadow: 0 3px 11px 0 rgba(0,0,0,.09)!important;
    border: 0!important;
    border-radius: 0 0 8px 8px!important;
    min-width: 5rem!important;
}

@media (max-width: 1150px) {
    #search-container {
        display: none!important;
    }
}

@media (max-width: 1200px) {
    .dropdownStyle {
        display: none!important;
    }
}

.dropdownStyle {
    color: #333!important;
    background-color: #fff!important;
    border-color: #ff6f0f!important;
    padding-left: 0.4rem!important;
    padding-right: 0.4rem!important;
    padding-top: 0.4rem!important;
    padding-top: 0.4rem!important;
    margin-left: 0.3rem!important;
    margin-right: 0.5rem!important;
}

.navbar .dropdown-menu1 {
    max-width: 70px!important;
    padding-left: 0.5rem!important;
}


@media (max-width: 1150px) {
    #search-container{
        display: none!important;
            
    }
    .dropdown-menu1 {
        display: none!important;
    }
}
.flag-icon {
     width:24px!important;
    height: auto!important;
}
.flag-icon2 {
    width: 20px!important;
    height: 16px!important;
}
.dropdown-menu1 a{
    color:black!important;
    font-weight:500;
}
.dropdown-menu1 a:hover{
    color: #ff6f0f !important;
   
}
.user-profile {
    width: 3rem !important;
    height: 3rem !important;
}
nav-item dropdown{
    display: none !important;
    list-style-type: none!important;
}




   

    /*//counter*/

.img-fluid1 {
    height: 130px!important;
    max-width: 250px!important;
   
}



.fa-copy:before, .fa-files-o:before {
    content: "\f0c5";
}






#btnSearch {
    flex: 1;
 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 8px 16px; 
    border-radius: 5px;
    font-size: 1rem;
   
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease; 
    position: relative;
    z-index: 10;
    color: white; /* Metin rengi */
    background: #FF6F0F; /* Turuncu arka plan */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 6px rgba(0, 0, 0, 0.3);
}





@keyframes slidein {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.container {
    overflow: hidden;
}

    .container .slider {
        animation: slidein 30s linear infinite;
        white-space: nowrap;
    }

        .container .slider .logos {
            width: 100%;
            display: inline-block;
            margin: 0px 0;
        }

            .container .slider .logos .fab {
                width: calc(100% / 5);
                animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
                            
            }





.floatwp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 30px; /* Change from left to right */
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    transition: transform 0.5s ease; /* Eklenen geçiş efekti */
}

.my-float {
    margin-top: 16px;
}

.floatwp:hover {
    transform: rotate(360deg);
    color: #FFF;
}



/*alert*/

.cursor {
    cursor: pointer !important;
}
/*alert*/



.fw-600 {
    font-weight: normal !important;
}


.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500!important;
}
.fw-700 {
    font-weight: 700!important;
}
.dropheight {
    max-height: 50px !important;
}

.height50 {
    height: 50px !important;
}


input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.rounded-3 {
    max-height: 150px;
}

.flex-column.ms-2 p {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (max-width: 768px) {
    .flex-column.ms-2 {
        max-width: 100%;
    }

    .mobileDivChart {
        display: none !important;
    }

    #cartHeader1 {
        text-align: center !important;
    }

    .dropheight {
        text-align: center;
    }

    #linkDiv1 {
        justify-content: center !important;
    }
}

@media screen and (max-width: 1200px) {
    .noneValue {
        display: none;
    }
}

@media screen and (max-width:1199) {
    #labelTime, #labelCount {
        display: inline !important;
    }
}

@media screen and (min-width:1200px) {
    #labelTime, #labelCount {
        display: none;
    }
}

.librarycolor {
    color: #FF6F0F !important;
}
.bordered1 {
    border-radius: 10px !important;
}
.bordered2 {
    border-radius: 20px !important;
}

.bordered3 {
    border-radius: 30px !important;
}


#GoChartBtn,
#complatePaymentBtn {
    border-color: #FF6F0F;
    padding: 0.7rem 1rem !important;
    border-radius:0.75rem;
    font-size:1rem;
}

    #GoChartBtn:hover,
    #complatePaymentBtn:hover {
        background-color: #FF6F0F;
        transform: scale(1.05);
        box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
        padding: 0.7rem 1rem !important;
    }

#emptyCartBtn {
    border-color: #FF6F0F;
    padding: 0.7rem 1rem !important;
    border-radius: 0.75rem;
    font-size: 1rem;
}

    #emptyCartBtn:hover {
        background-color: #FF6F0F;
        transform: scale(1.05);
        box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
        padding: 0.7rem 1rem;
    }

    #emptyCartBtn:active {
        border-color: #FF6F0F;
        padding: 0.7rem 1rem !important;
    }

.bg-primary-gradient {
    background: linear-gradient(to bottom right, #6c5ffc 0%, #8e77fa 100%);
}

.bg-secondary-gradient {
    background: linear-gradient(to bottom right, #82cff2 0%, #28b7f9 100%);
}

.bg-success-gradient {
    background: linear-gradient(to bottom right, #1ea38f 0%, #5cf9e2 100%);
}

.bg-warning-gradient {
    background: linear-gradient(to bottom right, #f66b4e 0%, #fbc434 100%);
}

.bg-danger-gradient {
    background: linear-gradient(to bottom right, #b51b35 0%, #fd4a68 100%);
}

.bg-info-gradient {
    background: linear-gradient(to bottom right, #1e63c3 0%, #00f2fe 100%);
}

.bg-blue {
    background-color: #3223f1;
    color: #fff; /* İsteğe bağlı: Yazı rengini beyaz yapabilirsiniz */
}

.bg-teal {
    background-color: #1caf9f;
    color: #fff;
}

.bg-azure {
    background-color: #45aaf2;
    color: #fff;
}

.bg-orange {
    background-color: #fc7303;
    color: #fff;
}

.bg-cyan {
    background-color: #007ea7;
    color: #fff;
}

.bg-yellow {
    background-color: #FBB034;
    color: #fff;
}

.bg-gray {
    background-color: #5a6970;
    color: #fff;
}

.bg-purple {
    background-color: #8927ec;
    color: #fff;
}

.bg-lime {
    background-color: #7bd235;
    color: #fff;
}

.bg-gray-dark {
    background-color: #343a40;
    color: #fff;
}

.bg-green {
    background-color: #4ecc48;
    color: #fff;
}

.bg-pink {
    background-color: #fc5296;
    color: #fff;
}

.bg-secondary {
    background-color: #05c3fb;
    color: #fff;
}

.bg-red {
    background-color: #e73827;
    color: #fff;
}

.bg-indigo {
    background-color: #6574cd;
    color: #fff;
}

.rounded1 {
    border-radius: 10px !important; /* veya istediğiniz oranı kullanabilirsiniz */
}

.rounded2 {
    border-radius: 20px !important;
}

.rounded3 {
    border-radius: 30px !important;
}



.bg-library {
    background-color: #FF6F0F !important;
    color: #fff !important;
    border-color: #FF6F0F !important;
    border-radius: 10px;
}

    .bg-library:active {
        background-color: #FF6F0F !important;
        color: #fff !important;
        border-color: #FF6F0F !important;
    }








/*0202*/

.shopcart {
    width: 2.1rem;
    height: 2.1rem;
    color: #FF6F0F;
}

.width40 {
    width: 45% !important;
}


.nonechevron:after {
    content: none !important;
    color: #556899;
}



#searchBtnMp:hover {
    background-color: #150B5C;
    border-color: #150B5C;
}

#searchBtnMp {
    background-color: #FF6F0F;
	max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 0.9rem;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    z-index: 10;
    background: #FF6F0F;
    color: white;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 6px rgba(0, 0, 0, 0.3);
    margin-bottom: 2px;
}

    #searchBtnMp:hover {
        background-color: #150B5C;
    }

#but_giris, #but_uye_ol {
    max-width: 100%;
}

.dropleft .dropdown-menu {
    top: 100% !important;
    right: 0% !important;
}

@media (max-width: 991.8px) {
    #infopanel li.dropdown .dropdown-menu {
        position: static !important;
        border: none !important;
        width: 100%;
        display: block !important;
    }

    #menu-2 {
        display: none !important;
    }
}

.language-link {
    cursor: pointer;
}

.textvalue {
    font-size: 0.85rem !important;
    color: black;
  /* font-weight: 600 !important;*/  
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

@media only screen and (max-width: 767px) {
    .textvalue {
        font-size: 1rem !important; /* veya istediğiniz büyüklükte bir değer */
    }
}

.nonechevron .btn i {
    display: none !important;
}

@media screen and (max-width: 1300px) {
    #search-container {
        display: none;
    }
}

.badgenon {
    padding: .35em .65em !important;
    font-weight: 600 !important;
}


.librarybordercolor2 {
    border-bottom: 2px solid #FF6F0F !important;
}

.librarybordercolor4 {
    border-bottom: 4px solid #FF6F0F!important;
}
.formcontrolbordered {
    border: 1px solid black !important;
}
.librarybordercolor4green {
    border-bottom: 4px solid darkgreen !important;
}
.librarybordercolor2green {
    border-bottom: 2px solid darkgreen !important;
}

.cartIcon1 {
    height: 1.5rem;
    width: 1.5rem;
}

@media (max-width: 992px) {
    .librarybordercolor {
        border-bottom: none !important;
        border-color: transparent !important;
        border-radius: 0 !important;
    }
}



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



.librarybutton {
    border-radius: 0.2rem;
    background-color: #FF6F0F;
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

    .librarybutton:active {
        background-color: #FF6F0F !important;
        border-color: #FF6F0F !important;
        box-shadow: 0 0 2px #FF6F0F!important;
    }


.fa15rem {
    font-size: 1.5rem!important;
}

.library-container {
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 960px;
}

/* Özel sınıf tanımı */
@media (min-width: 1200px) {
    .library-container {
        width: 100%; /* Büyük ekranlarda tam genişlik */
        max-width: 1140px; /* Ancak, max-width'i 1140px ile sınırla */
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .library-container {
        max-width: 960px; /* Tablet ekranlarda max-width'i 960px ile sınırla */
    }
}

@media (max-width: 767.98px) {
    .library-container {
        width: 100%; /* Küçük ekranlarda tam genişlik */
    }
}



.containermaxw{
    max-width:1200px!important;
}

.rowLbr {
    --bs-gutter-x: 0rem!important;

}

.maxw840{
    max-width:840px!important;
}
.max1920 {
    max-width: 1920px!important;
}

.custom-margin {
    margin-top: 6rem; /* Varsayılan üst boşluk */
}

@media (max-width: 600px) {
    .custom-margin {
        margin-top: 2rem; /* Ekran 600 pikselden küçükse üst boşluğu 3rem'e düşür */
    }
}


.elipsidtx {
    display: inline-block;
    max-width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (min-width: 600px) and (max-width: 839px) {
    .elipsidtx {
        max-width: 10em;
    }
}

@media screen and (max-width: 600px) {
    .elipsidtx {
        max-width: 20em;
    }
}

@media screen and (max-width: 350px) {
    .elipsidtx {
        max-width: 10em;
    }
}
.cphelp{
    cursor:help;
}


.catcard {
    border-radius: 0.25rem;
}

    .catcard:hover {
        transform: scale(1.03) !important;
        box-shadow: 0 8px 16px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06) !important;
    }


    .fs-6{
        font-size:1rem!important;
    }
	
	
	.btn-home {
    display: inline-block;
    padding: 8px 16px; /* Buton içi boşluk */
    border-radius: 6px; /* Köşe yuvarlama */
    font-size: 0.875rem; /* Küçültülmüş yazı boyutu */
 
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 10; /* Butonları diğer öğelerin üstünde tutmak için z-index */
    background: #1455fe; /* Gradient arka plan rengi */
    border: 2px solid transparent; /* Kenar rengi şeffaf */
    color: white;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 4px 8px rgba(0, 0, 0, 0.3); /* Hafif 3D gölge */
}


    .btn-home:hover {
        background: #013ede; /* Daha koyu lacivert gradient renk */
        border: 2px solid #013ede; /* Kenar rengi */
        color: white;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 6px 12px rgba(0, 0, 0, 0.4); /* Daha belirgin gölge */
        transform: translateY(-1px); /* Daha hafif kaldırma efekti */
        z-index: 15; /* Butonu daha üstte göstermek için z-index */
    }


.cat-ribbon {
    background: linear-gradient(135deg, #004080, #0066cc); /* Gradyan renkleri */

    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    position: absolute;
    top: 8px;
    right: -9px; /* Soldan dışarı çıkma */
    width: 100px;
    height: 30px;
    border-radius: 5px 0 0 5px; /* Sadece sol köşeleri yuvarla */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 6px 12px rgba(0, 0, 0, 0.4);
 
    transition: background 0.3s ease, transform 0.3s ease; /* Dönüşüm geçişi ekle */
    letter-spacing: 0.05em;
    z-index: 9;
    transform: translateY(-2px);
}



.library-border-mobile-adaptive {
    border-left: 4px solid #FF6F0F!important;
}

@media screen and (max-width: 768px) { /* Mobil ekranlar için */
    .library-border-mobile-adaptive {
        border-left: 2px solid #FF6F0F!important;
    }
}


.libraryturk-logo-general{
    width:75%;
}

@media screen and (max-width: 575px) {
    .libraryturk-logo-general {
        width: 100%;
		height:50px;
		max-width:100px;
    }
}