.animatif *{transition: all 0.5s ease-in-out}
#ustalan {position: relative}
#ustalan{background-color:#f0f0f0}
#ortaalan, #altalan {background-color:var(--bgrenk)}
@media only screen and (min-width:921px){ #ustbar {background-color: var(--renkbir);height: 50px;position: absolute;top: 34px;left: 0;width: 100%;z-index: 1} }
#logo {position: relative;top:0;z-index: 2;display: inline-block}
#slogo{display:block;font-weight:bold;font-size:1.5em;color:#fff;position: absolute;z-index: 2;top: -60px;float: left;}
#slogo a{color:#fff}
#t_mobillogoalan {margin-top: 12px}
#menubir {position: relative;z-index: 2;top: 40px;display: inline-block;float: right}
#menubir a {color:#fff}
#menubir ul li{position:unset;white-space: unset}
#menubir ul ul {top:0;width: 1px;height: 1px;overflow: hidden}
#menubir ul ul li {width: calc(100% / 2);display: inline-block}
#menubir ul li:hover ul {top: 100%;width: 100%;height:auto;background-color: var(--renkbira)}

#arama {display: inline-block;position: relative}
#usticons {text-align: right;margin-top: -35px;border-bottom: var(--renkbir) 2px solid;margin-bottom: 10px}
#usticons img{max-height:45px;width:auto}

#slidebirholder{display:block;padding-top: 37.5%}
#slidebir {position: fixed;z-index: -1;top: 0;left: 0;width: 100vw;height: 100vh;margin-top: 135px}
#slidebir .caption {opacity:0;animation-name: fadeIn !important;bottom:unset;top: 25%;padding: 5.5% 0px}
#slidebir .owl-controls{display:none}
#slidebir .s-active .caption {opacity:1}
#slidebir .owl-animated-in{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
#slidebir .owl-animated-out{-webkit-animation-name:fadeOut;animation-name:fadeOut;}

#karsilama, #karsilamauc {background-color: var(--renkikia);text-shadow: #705959 0px 0px 2px;padding: 3%;text-align: center}
#karsilama a, #karsilamauc a{color:red}
#karsilama ul, #karsilamauc ul{list-style-type:none}

#icerikler{padding:1%}
.suannerede {font-size: small;line-height: unset}

#altalan{background-color:#333;padding:3%;color:#fff}
#menuuc{display:inline-block;float:left}
#logocopy{display:inline-block;float:right}
#logocopy img{filter: drop-shadow(2px 4px 6px black);height: 75px;width: auto}

#kategoriAciklama{background-color: var(--renkikia);padding: 2%;width: 310px;height: 360px;overflow: hidden;display: inline-block;float: left;border-radius: 10px}
#kategoriAciklama #icerikbaslik{color:#fff}
@media only screen and (max-width:820px){ #kategoriAciklama {width: auto;height: auto;overflow: auto;display: block;float: none} }
#mEbat, #mRenk, #mDenklik {border: var(--renkbir) 2px solid;padding: 2%;margin: 2%}
#mDenklik {background-color: var(--renkiki);color: #ffffff;text-shadow: #000 0px 0px 4px}
#mDenklik a{color: #fff;text-decoration: underline}

@media only screen and (min-width:720px){ 
	#mOzellestirme .yanyana {display: inline-block;width: calc(99% / 2);float: left;}
	#mGorseller{zoom:0.5}
.usttetut #ustalan{position:sticky;z-index:10;top:0}
.usttetut #ustbar{top:0}
.usttetut #menubir{top:4px}
.usttetut #logo{position:absolute;top:-150px}
.usttetut #arama, .usttetut #usticons{display:none}
.usttetut #slogo{visibility:visible;top: 6px;}
.usttetut #slidebir{margin-top:40px}
}

@media only screen and (max-width:720px){
	#slidebirholder{display:none}
	#slidebir {position: unset;z-index: 1;width:auto;height: auto;margin-top: 0;background-color: #000000a8}
	#slidebir .caption{position:unset;font-size:1em}
}