.orderonline-page.section .group-container{
border-top-left-radius: 23px;
border-top-right-radius: 23px;
overflow: hidden;
padding: 0;
box-shadow: 1px 1px 8px -1px #0000004d;
border: 3px solid #ff9c2e;
}

/*Main*/


.container-steps{
text-align:center;
margin-top:30px;	
}

.steps{
text-align: center;
display: ruby;

}

.steps .container{
display: ruby;	

}

#crumbs {
text-align: center;

}

#crumbs ul {
list-style: none;
display: inline-table;
}
#crumbs ul li {
display: inline;
}

#crumbs ul li a {
display: block;
float: left;
height: 50px;
background: #d8d8d8;
text-align: center;
padding: 30px 40px 0 80px;
position: relative;
margin: 0 10px 0 0; 

font-size: 20px;
text-decoration: none;
color: #fff;
}
#crumbs ul li a:after {
content: "";  
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-left: 40px solid #d8d8d8;
position: absolute; right: -40px; top: 0;
z-index: 1;
}

#crumbs ul li a:before {
content: "";  
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-left: 40px solid #fff;
position: absolute; left: 0; top: 0;
}

#crumbs ul li:first-child a {
border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
#crumbs ul li:first-child a:before {
display: none; 
}

#crumbs ul li:last-child a {
padding-right: 80px;
border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}
#crumbs ul li:last-child a:after {
display: none; 
}

#crumbs ul li a.active{
background-color:#262626;
color: #ff9c2e;
	
}

#crumbs ul li a.active:after {
content: "";
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-left: 40px solid #262626;
position: absolute;
right: -40px;
top: 0;
z-index: 1;
}

.order-options #crumbs{
text-align: center;
margin: 0 auto;
margin-left: auto;
margin-left: 10px;
}

.order-options #crumbs ul li a {
display: block;
float: left;
height: 37px;
background: #262626;
background-color: rgb(216, 216, 216);
text-align: center;
padding: 13px 5px 0 27px;
position: relative;
margin: 0px 10px 0 0;
font-size: 20px;
text-decoration: none;
color: #fff;
}

.order-options #crumbs ul li a.active {
background-color:#262626;
color: #ff9c2e;

}

.order-options #crumbs ul li a:after{
content: "";
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 25px solid #d8d8d8;
position: absolute;
right: -25px;
top: 0;
z-index: 1;
}


.order-options #crumbs ul li a:before{
content: "";
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 25px solid #fff;
position: absolute;
left: 0;
top: 0;
}

.order-options #crumbs ul li a.active:after{
content: "";
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 25px solid #262626;
position: absolute;
right: -25px;
top: 0;
z-index: 1;
}


.order-options #crumbs ul li a.active:before{
content: "";
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 25px solid #262626;
position: absolute;
left: 0;
top: 0;
}




/*Product container*/

.product-container{
background-color: black;
width: 80%;	
float: left;
}


.product-header{
background-color: #ff9c2e;
height: 31px;
font-size: 13px;
padding-top: 5px;
padding-left: 10px;
}

.product-header h2{
font-size:15px;	
margin:0;
}

.product-body{
background-color: white;
border-right: 3px solid #ff9c2e;
}

.product-body .list-navigator{
height: 26px;
border-bottom: 1px solid #c69898;
}

.product-body .list-navigator-item{
float:left;	
padding-top:5px;
}

.product-body .list-navigator-item h2{
font-size:12px;
margin:0;
text-align:center;
}

.product-body .list-navigator-item.picture {
width:20%;
}

.product-body .list-navigator-item.description {
width:39%;
}

.product-body .list-navigator-item.price {
width:19%;
}

.product-body .list-navigator-item.amount {
width:20%;
}

.product-body .list-element{
float:left;
text-align:center;

}
.product-body .list-element-l{
height:90px;
background-color:white;
}
.product-body .list-element-o{
height:90px;
background-color:#ff9c2e;
}

.product-body .list-element h2{
font-size:15px;
padding-top: 15px;
}

.product-body .list-element.picture {
width:20%;
text-align:center
}
.product-body .list-element.picture img{
height: 85px;
}


.product-body .list-element.description {
width:40%;
}

.product-body .list-element.price {
width:20%;
}

.product-body .list-element.amount {
width:20%;
padding-top:15px;
}




.product-body .product-list {
overflow-y: scroll;
max-height: 570px;	
}

.summary-container{
border-bottom: 3px solid #ff9c2e;
min-height: 370px;
width: 20%;
float: left;
}

.summary-header{
background-color: #ff9c2e;
height: 31px;
font-size: 13px;
padding-top: 5px;
padding-left: 10px;
}

.summary-body h2{
font-size: 20px;	
text-align:center;
border-bottom: 1px solid #ddd
}

.summary-body ul{
 list-style-type: none;
 margin: 0;
}

.summary-body li {
padding-left: 15px;
margin:0;
}

.summary-body li:before{
display:none;
}

.summary-body .small-note{
	padding-left:10px;
}

.summary-header h2{
font-size:15px;	
margin:0;
}

.continue-container{	
text-align: center;
padding-top: 12px;
height:90px;
float:left;
width:20%;	
}




.small-note p{
margin: 0;
font-size:13px;
}

.open-hours-container{
width: 34%;
margin: 0 auto;	
}

.open-hours-container h2{
text-decoration: underline !important;
}

.open-hours-container p{
text-align: left;
font-size: 23px;
}


.the-menu-item .image-wrap img{
	max-width:95px;
}

.the-menu-item .prices span{
	color:'white' !important;
}


.fastfood-item img{
	width: 186px !important;
}

@media only screen and (max-width: 1200px) {
	.open-hours-container h2{
		font-size: 26px;
		}
		
		.open-hours-container p{
		font-size:18px;
		}	
}

@media only screen and (max-width: 1000px) {
	.open-hours-container{
		width: 37%;
		margin: 0 auto;	
		}
}

.instagram-widget h3{
	font-size: 28px;
}
.instagram-widget i{
	font-size: 25px;
}



@media only screen and (max-width: 600px) {
	.open-hours-container{
		width: 300px !important;	
		}

		.fastfood-item img{
			width: 50%
		}

		.instagram-widget h3{
			font-size: 16px;
		}
		.instagram-widget i{
			font-size: 20px;
		}


		
}


@media only screen and (max-width: 470px) {
	.the-menu-item .image-wrap img{
		max-width:80%;
	}

		
}