/* ff6600 */
.botmenuCab{
	position:fixed;
	bottom:0;
	display:none;
	width:100%;
	height:15vw;
	background: rgba(255,255,255,1);
	z-index:9;
	line-height:1;
}

.botmenuKutular {
    width: 100%;
    margin: 0;
    position: relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
	//border:1px solid red;
}

.botmenuKutu {
    height: 15vw;
    width: 17vw;
    margin: 0 0.5vw 0 0.5vw;
	padding:2vw;
}

.botmenuKutu:active, .botmenuKutu:hover{
	box-shadow: inset 0px 0px 2vw 0px #000, .6vw .6vw 2px 0px #fff;
	-webkit-box-shadow: inset 0px 0px 2vw 0px #000, .6vw .6vw 2px 0px #fff;
	border: 1px outset #aaa;
	background: #aaa;
	background: -moz-linear-gradient(top, #aaa 0%, #444 100%);
	background: -webkit-linear-gradient(top, #aaa 0%,#444 100%);
	background: linear-gradient(to bottom, #aaa 0%, #444 100%);
	-webkit-border-radius: 3vw; /*chrome için*/
	-moz-border-radius: 3vw; /*mozilla için*/
	border-radius: 3vw; /*ie için ve genel*/
}


.botmenuKutu a{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 12vw;
    width: 13vw;
	color:#333;
	text-align:center;
	font-size:3vw;
	font-weight:400;
	box-shadow:none;
	-webkit-box-shadow:none;
	padding-bottom:1vw;
}

.botmenuKutu a:hover, .botmenuKutu a:active{color:#fff;}
.ana a{background: url("../i/home-icibos.svg") no-repeat center top; background-size: 7vw 7vw;}
.kat a{background: url("../i/cat.svg") no-repeat center top; background-size: 7vw 7vw;}
.sep a{background: url("../i/sepet-icibos.svg") no-repeat center top; background-size: 7vw 7vw;}
.ara a{background: url("../i/ara-icibos.svg") no-repeat center top; background-size: 7vw 7vw;}
.hes a{background: url("../i/user-icibos.svg") no-repeat center top; background-size: 7vw 7vw;}
.tel a{background: url("../i/tel-ince-icibos.svg") no-repeat center top; background-size: 7vw 7vw;}
.nav a{background: url("../i/nav-icibos.svg") no-repeat center top; background-size: 7vw 7vw;}
.wha a{background: url("../i/whatsapp2.svg") no-repeat center top; background-size: 7vw 7vw;}
.fir a{background: url("../i/info.svg") no-repeat center top; background-size: 7vw 7vw;}

.botmenuAra{
	display:none;
	position:fixed;
	width:100%;
	height:15vw;
	background-color:var(--r);
	bottom:0;
	padding:3vw;
	z-index:8;
	opacity:0
	}
	
.botmenuAra input[type=text] {
	color: #444;
	font-size:5vw;
	padding:3vw;
	height:10vw;
	width:75vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0px 0.073vw 0.220vw -0.146vw #000;
    -moz-box-shadow: inset 0px 0.073vw 0.220vw -0.146vw #000;
    box-shadow: inset 0px 0.073vw 0.220vw -0.146vw #000;
    display: inline-block;
    background-color: #eee;
    border: 0.073vw solid #e2e2e2;
    border-top: 0.073vw solid #cdcdcd;
    border-bottom: 0.073vw solid #efefef;
	-webkit-border-radius: 3vw; /*chrome için*/
	-moz-border-radius: 3vw; /*mozilla için*/
	border-radius: 3vw; /*ie için ve genel*/
}

.botmenuAra input[type="image"] {
	margin-left:2vw;
	margin-top:-1vw;
	height:10vw;
	width:15vw;
	display: inline-block;
	vertical-align:middle;
	background-color: #eee;
	-webkit-border-radius: 3vw; /*chrome için*/
	-moz-border-radius: 3vw; /*mozilla için*/
	border-radius: 3vw; /*ie için ve genel*/
	border-bottom: 0.073vw solid #cdcdcd;
    -webkit-box-shadow: 0px 0.073vw 0.220vw -0.146vw #000;
    -moz-box-shadow: 0px 0.073vw 0.220vw -0.146vw #000;
    box-shadow: 0px 0.073vw 0.220vw -0.146vw #000;
}

/* Mobil Responsive */
@media screen and (max-width: 799px) {
	
.botmenuCab{display:block;}

.botmenuKutu a{filter: grayscale(1) contrast(50%) }

.botmenuKutu a:hover, .botmenuKutu a:active{filter: grayscale(1) contrast(100%)}

.botmenuAra{display:block;}

}