html{font-size:30px;text-shadow:1px 1px 2px #666666;}
a{color:inherit;cursor:pointer;transition:0.1s;text-decoration:none;}
a:hover{color:#ffffff;}
header{padding:0;margin:0;top:0;width:100%;text-align:center;}
body{padding:0;margin:0;background-image:url("img/RB_Backdrop_M.jpg");background-size:cover;}

.titleFood{user-select:none;pointer-events:none;filter:saturate(0);}
.pyrSide{
	position: absolute;
	left: 380px;
	top: 60px;
	width: 0;
	height: 0;
	border-left: 120px solid transparent;
	border-right: 120px solid transparent;
	border-bottom: 240px solid #afaf99;
	transform-origin: 50% 0%;
}
.pyrAnim{
	animation: spin 4s infinite linear;
}

.pyrSide:last-child{
	transform: rotateY(-90deg)rotateX(30deg);
	animation-delay: 0s;
}
.pyrSide:first-child{
	transform: rotateY(0deg) rotateX(30deg);
	animation-delay: -2s;
}

@keyframes spin {
  0% {
    transform: rotateY(-90deg)rotateX(30deg);
    filter:brightness(0.8);
    z-index:-2;
  }
  50% {
    transform: rotateY(0deg) rotateX(30deg);
    filter:brightness(1.1);
    z-index:-1;
  }
  100%{
  	transform: rotateY(90deg) rotateX(30deg);
    filter:brightness(0.8);
    z-index:-2;
  }
}

.btn{
	font-size:40px;font-weight:bold;color:#cc0000;text-shadow: 2px 2px 2px #000000;
	border-style:ridge;padding:0 10px;
	background-image: linear-gradient(to top, #999999, #eeeeee);
}
.showcase_column{background-color:#bbbbbb;}
.showcase_title{
	width:100%; height:50px; color:#cc0000;
	/*font-family:cursive;*/
	text-shadow: 1px 1px 2px #000000;
	background-image: linear-gradient(to top, #333333, #eeeeee);
}
.showcase_cell{overflow:hidden;width:100%;height:50px;position:relative;text-align:left;padding:0;cursor:pointer;background-image:linear-gradient(to top, #aaaaaa, #ffffff);}
.showcase_cell div{float:left;}
.showcase_cell:hover{background-image:linear-gradient(to top, #999999, #eeeeee);}
.showcase_cell span{position:absolute;right:0;bottom:0;font-size:40px;font-weight:bold;}
#popBox span{position:absolute;right:0;top:0;font-size:50px;font-weight:bolder;}

.work_cell{overflow:hidden;width:100%;height:50px;position:relative;text-align:left;padding:0;cursor:pointer;background-image: linear-gradient(to top, #bbbbbb, #ffffff);}
.work_cell div{float:left;}
.work_next{color:#eeeeee;}

#popBox{
	transform:scale(0)rotate(360deg);transition:0.4s ease-out;
	font-size:40px;font-weight:bold;
	border-style:ridge;width:60%;height:500px;position:fixed;text-align:left;z-index:1;top:200px;left:20%;
	background-image: linear-gradient(to top, #aaaaaa, #ffffff);
}
.pop{
	bottom:0;
	width:100%;height:100%;
	display:none;
	position:absolute;
}
.pop div{position:absolute;bottom:0;}
.pop img{height:80%;left:50%;top:10%;transform:translate(-50%,0%);position:absolute;}

.H0{display:inline-block;color:#ff0000;}
.H1{display:none;color:#00ff00;}
.H0:hover,.H1:hover{color:#ffffff;}
.L0{display:inline-block;}
.L1{display:none;}
.P0{position:relative;width:100%;display:inline-block;}
.P1{position:relative;width:100%;display:none;}

.icon{height:80px;}
.icon:hover{filter:brightness(1.4);}

.foodIcon{height:60px;transform:translate(-50%,-50%);}

/*SLIDESHOW*/
.prev, .next{
	border-style:solid;font-size:36px;font-weight:bold;color:#ffffff;
	transition:0.5s;user-select:none;cursor:pointer;position:absolute;;bottom:50%;
}
.prev {left:-45px;}
.next {right:-45px;}
.prev:hover{border-color:#ff0000;}
.next:hover{border-color:#ff0000;}

.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	background-color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.5s ease;
}
.dot:hover {background-color: #0000ff;}

.slyd {
	position:absolute;
	width:100%;height:100%;
	top:0px;left:0px;
	transition: opacity 0.4s ease-in;
}