.conatainer { position: relative; width: 100%; }
	.image { display: block; width: 100%; height: auto; }
	.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background: transparent; }
	.overlayer { position: absolute; top: 21.5%; bottom: 3px; right: 43%; transition: ease; width: 50px; height: 50px; }
	.overlayer-title { position: absolute; top: 25%; bottom: 3px; right: 12%; transition: ease; font-size: 16px; }
	@media only screen and (max-width:576px) {.overlayer-title { right: 2%; } }
	@media only screen and (max-width:768px) {.overlayer-title { right: 8%; } }
	@media only screen and (max-width:990px) {.overlayer { position: absolute; top: 19.5%; bottom: 3px; right: 40%; transition: ease; width: 50px; height: 50px; } .overlayer-title { right: 2%; /*width: 12px;*/ overflow: hidden; } }
	.conatainer:hover .overlay { opacity: 1; }
	.icon { color: #000; font-size: 30px; position: absolute; top: 10%; left: 90%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
	.fa-paint-brush:hover { color: #eee; }
	.searchform-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
	#shake_body { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #28a745; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 80%; bottom: 20px; font-size: 17px; }
	#shake_body.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; }
	@-webkit-keyframes fadein { from { bottom: 0; opacity: 0; }  to { bottom: 20px; opacity: 1; } }
	@-webkit-keyframes fadeout { from { bottom: 20px; opacity: 1; }  to { bottom: 0; opacity: 0; } }
	@keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 20px; opacity: 1; } }
	@keyframes fadeout { from { bottom: 20px; opacity: 1; } to { bottom: 0; opacity: 0; } }
	.back-to-top { cursor: pointer; position: fixed; bottom: 5px; right: 20px; display:none; }
	.profile .bottom-footer { display: none; font-size: 12px; }
	.profile:hover .bottom-footer { display: block; transition:all .5s ease .2s; }
	.profile:hover .top-footer { display: none; transition:all .5s ease .2s; }
	.yumify-cate { position: relative; text-align: center; color: white; }
	.edit-yumify-cate { position: absolute; top: 8px; right: 16px; }
	.yumified .icon,.yumified .title { margin:0; position:absolute; }
	.cates:hover { transform: scale(1.2); transition:all .5s ease 0s; }
	.yumified img { width:100%; height:auto; }
	.yumified .box-content { width:100%; height:100%; background:rgba(0,0,0,.6); opacity:0; position:absolute; top:0; left:0; transform:perspective(400px) rotateX(-90deg); transform-origin:center top 0; transition:all .5s ease 0s; }
	.yumified .icon li a,.yumified .title { background:rgba(0,0,0,.6); font-size:10px; color:#fff; }
	.yumified .title { padding:5px 7px; border-radius:5px; font-weight:400; bottom:0px; left:5px; transition:all .9s ease 0s; }
	@media only screen and (max-width:990px) { .yumified{margin-bottom:20px}; }
    table.yumify-expandable > tbody > tr:nth-child(odd) { cursor: pointer; }
    table.yumify-expandable.table-hover > tbody > tr:nth-child(even):hover td { background-color: white; }
    table.yumify-expandable > tbody > tr div.yumify-expandable-arrow { background:transparent url('https://yumify.co.ke/dist/icons/arrows.png') no-repeat scroll 0px -16px; width:16px; height:16px; display:block; }
    table.yumify-expandable > tbody > tr div.yumify-expandable-arrow.up { background-position:0px 0px; }