.wavy {width:100%; height:100px; position:relative; overflow:hidden;}
.wavy:before {content:""; display:block; width:50.1%; height:50px; background:#fff; border-radius:100% 0 0 0; position:absolute; left:0; bottom:0;}
.wavy:after {content:""; display:block; width:50.1%; height:50px; background:transparent; border-radius:0 0 100% 0; border:200px solid #fff; border-width:0 200px 200px 0; position:absolute; left:50%; top:0;}

.wavy.top {top:-1px; /* for IE */  

-webkit-transform:rotateX(180deg);
transform:rotateX(180deg);
}
.wavy.right {
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}
.wavy.top.right {top:-1px; /* for IE */  

-webkit-transform:rotateY(180deg) rotateX(180deg);
transform:rotateY(180deg) rotateX(180deg);
}
.wavy.bl:before {background:#E83E25;}
.wavy.bl:after {border-color:#E83E25;}
.wavy.or:before {background:#FEC75E;}
.wavy.or:after {border-color:#FEC75E;}
.wavy.gn:before {background:#611402;}
.wavy.gn:after {border-color:#611402;}

.wavy.bottom {position:absolute; bottom:0;}

header ul li {border-radius:12px 0;}

html, body {height:100%; padding:0; margin:0;}


header {width:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:10; color:#fff; padding:20px 0 30px 0;}
header h1 {padding:0 0 0 50px; margin:0; font:normal 40px/60px 'texgyreadventorregular', arial, sans-serif; color: #ffcc00;}
header h2 {padding:0 0 0 50px; margin:0; font:normal 16px/16px 'texgyreadventorregular', arial, sans-serif;}



section {display:block; width:100%; position:relative;}

section article {width:90%; max-width:1300px; min-width:300px; margin:0 auto;  padding:100px 0; text-align:center;}

section article h1 {padding:0; margin:0; font:normal 70px/80px 'texgyreadventorregular', arial, sans-serif;}
section article h2 {padding:0; margin:0; font:normal 40px/50px 'texgyreadventorregular', arial, sans-serif;}
section article p {padding:0; margin:0; font:normal 20px/30px 'texgyreadventorregular', arial, sans-serif;}



section article .column {display:inline-block; width:40%; margin:50px 5%; vertical-align:top; text-align:left;}
section article .column h3 {padding:0; margin:0; font:normal 30px/60px 'texgyreadventorregular', arial, sans-serif;}
section article .column p {padding:0; margin:0; font:normal 16px/24px 'texgyreadventorregular', arial, sans-serif; color:#333;}



.pad {height:160px;}
.bottom {position:absolute; bottom:0; left:0;}

#a1 {min-height:100%; background:url(pic1.jpg) no-repeat center center fixed; background-size:cover; position:relative; color:#fff;}
#a2 {background:#fff;}
#a3 {background:url(pic2.jpg) no-repeat center center fixed; background-size:cover; color:#fff;}
#a4 {background:#E83E25; color:#fff;}
#a5 {background:url(pic3.jpg) no-repeat center center fixed; background-size:cover;}
#a6 {background:#FEC75E;}
#a7 {background:url(pic5.jpg) no-repeat center center fixed; background-size:cover; color:#fff;}
#a8 {background:#611402;}
#a9 {background:url(pic7.jpg) no-repeat center center fixed; background-size:cover; color:#fff;}
#a10 {background:#fff;}
#a11 {background:#E83E25; color:#fff;}



footer {width:100%; background:#FEC75E; padding:30px 0; color:#000;}
footer h2 {padding:0 0 0 50px; margin:0; font:normal 15px/15px 'texgyreadventorregular', arial, sans-serif;}



header ul {padding:0; margin:0; list-style:none; width:100%; position:absolute; left:0; bottom:5px; text-align:right;}
header ul li {display:inline-block; margin:1px 2px; position:relative;
-webkit-transform:skewX(-30deg);
transform:skewX(-30deg);
}
header a {display:block; width:30px; height:12px; text-decoration:none;
-webkit-transform:skewX(30deg);
transform:skewX(30deg);
}
header li:nth-of-type(1) {background:#888;}
header li:nth-of-type(2) {background:#fff;}
header li:nth-of-type(3) {background:#888;}
header li:nth-of-type(4) {background:#E83E25;}
header li:nth-of-type(5) {background:#888;}
header li:nth-of-type(6) {background:#FEC75E;}
header li:nth-of-type(7) {background:#888;}
header li:nth-of-type(8) {background:#611402;}
header li:nth-of-type(9) {background:#888;}
header li:nth-of-type(10) {background:#fff;}
header li:nth-of-type(11) {background:#E83E25; margin-right:20px;}

header a:hover:before {display:block; content: attr(data-title); position:absolute; left:0; bottom:20px; width:30px; height:20px; background:rgba(0,0,0,0.8); color:#fff; font:normal 12px/20px 'texgyreadventorregular', arial, sans-serif; border-radius:5px; text-align:center;}
header a:hover:after {display:block; content:""; position:absolute; left:10px; bottom:15px; width:0; height:0; border:5px solid transparent; border-top-color:rgba(0,0,0,0.8); border-bottom:0;}



@media only screen and (max-width: 768px) {
header h1 {padding:0 0 0 30px; margin:0; font:normal 30px/50px 'texgyreadventorregular', arial, sans-serif;}
header h2 {padding:0 0 0 30px; margin:0; font:normal 13px/13px 'texgyreadventorregular', arial, sans-serif;}
section article h1 {padding:0; margin:0; font:normal 50px/60px 'texgyreadventorregular', arial, sans-serif;}
section article h2 {padding:0; margin:0; font:normal 30px/40px 'texgyreadventorregular', arial, sans-serif;}
section article p {padding:0; margin:0; font:normal 15px/20px 'texgyreadventorregular', arial, sans-serif;}
.pad {height:80px;}
section article .column {width:80%; margin:20px auto 0 auto; vertical-align:top; text-align:left;}
}
@media only screen and (max-width: 480px) {
header h1 {padding:0 0 0 20px; margin:0; font:normal 25px/40px 'texgyreadventorregular', arial, sans-serif;}
header h2 {padding:0 0 0 20px; margin:0; font:normal 12px/12px 'texgyreadventorregular', arial, sans-serif;}
section article h1 {padding:0; margin:0; font:normal 40px/50px 'texgyreadventorregular', arial, sans-serif;}
section article h2 {padding:0; margin:0; font:normal 25px/30px 'texgyreadventorregular', arial, sans-serif;}
section article p {padding:0; margin:0; font:normal 13px/18px 'texgyreadventorregular', arial, sans-serif;}
.pad {height:70px;}
header a {width:20px;}
}
@media only screen and (max-width: 320px) {
header h1 {padding:0 0 0 10px; margin:0; font:normal 22px/30px 'texgyreadventorregular', arial, sans-serif;}
header h2 {padding:0 0 0 10px; margin:0; font:normal 12px/12px 'texgyreadventorregular', arial, sans-serif;}
section article h1 {padding:0; margin:0; font:normal 40px/50px 'texgyreadventorregular', arial, sans-serif;}
section article h2 {padding:0; margin:0; font:normal 25px/30px 'texgyreadventorregular', arial, sans-serif;}
section article p {padding:0; margin:0; font:normal 13px/18px 'texgyreadventorregular', arial, sans-serif;}
.pad {height:60px;}
}

@media (min-device-width:320px) and (max-device-width:768px) {
section#a1,
section#a3,
section#a5,
section#a7,
section#a9
{background-attachment:scroll;}
}



#wrapper h1{
 font:normal 60pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}

#wrapper h2{
 font:normal 50pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}

#wrapper p{
 font:normal 40pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}

#delivery li{text-align: left;}



.pretty-table
{
  padding: 0;
  margin: 0;
  margin-top:20px;
  margin-bottom:20px;
  border-collapse: collapse;
  border: 1px solid #664433;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #fff;
  background: #4965D6;
}

.pretty-table caption
{
  caption-side: bottom;
  font-size: 0.9em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

.pretty-table th, .pretty-table td
{
  border: 1px dotted #664433;
  padding: 0.5em;
  text-align: left;
  color: #000;
}

.pretty-table th[scope=col]
{
  color: #000;
  background-color: #ffdb00;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 2px solid #664433;
  border-right: 2px solid #664433;
}

.pretty-table th+th[scope=col]
{
  color: #333;
  background-color: #FFE440;
  border-right: 1px dotted #664433;
}

.pretty-table th[scope=row]
{
  background-color: #1533AD;
  color:#FFF;
  border-right: 2px solid #664433;
}



.pretty-table tr.alt th, .pretty-table tr.alt td
{
  color: #fff;
  background-color:#1533AD;
}

.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td
{
  background-color: #8106A9;
  color: #fff;
}
.pretty-table th.alt[scope=row]
{
  color: #2a4763;
  background-color:#FFF;
}



		.faq-section{
			margin: 40px 0;
			position: relative;
		}

		.faq-section p{
			display: none;
		}	

		.faq-section input{
			position: absolute;
			z-index: 2;
			cursor: pointer;
			opacity: 0;			
			display: none\9; /* IE8 and below */ 
            margin: 0;			
			width: 100%;
			height: 36px;
		}				

		.faq-section label+p{
			display: block;	
			color: #999;
			font-size: .85em;
			-webkit-transition: all .15s ease-out; 
			-moz-transition: all .15s ease-out;
			-ms-transition: all .15s ease-out;
			-o-transition: all .15s ease-out;
			transition: all .15s ease-out;
			/* Clipping text */  
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;						
		}

		.faq-section input[type=checkbox]:checked~p{
			display: block;
			color: #fff;
			font-size: 1em;
			/* restore clipping defaults */  
			text-overflow: clip; 
			white-space: normal;
			overflow: visible;	
		}

		.faq-section label{
			font-size: 1.2em;
			background: #FEC75E;
			display: block;
			position: relative;
			height: 20px;
			padding: 7px 10px;
			font-weight: bold;
			border: 1px solid #E83E25;
			border-left: 3px solid #F66C35;
			text-shadow: 0 1px 0 rgba(255,255,255,.5);
			-webkit-transition: all .15s ease-out; 
			-moz-transition: all .15s ease-out;
			-ms-transition: all .15s ease-out;
			-o-transition: all .15s ease-out;
			transition: all .15s ease-out;			
		}

		.faq-section label::-moz-selection{ /* remove text selection when toggle-ing */  
			background: none;
		}

		.faq-section label::selection{
			background: none;
		}

		.faq-section label:hover{
			background: #f5f5f5;
		}

		.faq-section input[type=checkbox]:checked~label{
			border-color: #F66C35;			
			background: #FEE785;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#FEC75E), to(#FEE785));
			background-image: -webkit-linear-gradient(top, #FEC75E, #FEE785); 
			background-image: -moz-linear-gradient(top, #FEC75E, #FEE785); 
			background-image: -ms-linear-gradient(top, #FEC75E, #FEE785); 
			background-image: -o-linear-gradient(top, #FEC75E, #FEE785); 
			background-image: linear-gradient(to bottom, #FEC75E, #FEE785);
			-moz-box-shadow: 0 0 1px rgba(0,0,0,.4);
			-webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);
			box-shadow: 0 0 1px rgba(0,0,0,.4);				
		}

		.faq-section label::before{
			content: '';
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -6px;
			border: 6px solid transparent;
			border-left-color: inherit;	
		}

		.faq-section input[type=checkbox]:checked~label::before{
			border: 6px solid transparent;
			border-top-color: inherit;
			margin-top: -3px;
			right: 10px;	
		}



IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
    
.menutext {
	width:80%;
	-webkit-border-radius: 99px 20px 99px 19px;
	-moz-border-radius: 99px 20px 99px 19px;
	border-radius: 99px 20px 99px 19px;
	border:3px solid #611402;
	background-color:#E83E25;
	-webkit-box-shadow: #B3B3B3 8px 8px 8px;
	-moz-box-shadow: #B3B3B3 8px 8px 8px; 
	box-shadow: #B3B3B3 8px 8px 8px; 
	 
	padding:30px; 
	color:#FEC75E;
	}
	
/* LIST #3 */  
.list3 { }
.list3 ul { list-style-image: url("../images/M_Logo.png"); color:#fff; font-size:18px; }
.list3 ul li { line-height:30px; text-align: left; }

.call h1 {
		position: relative;
		font:normal 70px/80px
		margin-top: 0;
		font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
		text-shadow: 2px 3px 3px #292929;
		letter-spacing: -7px;
		-webkit-text-stroke: 1px white;
	
	}
	
	
.call h1 a {
		text-decoration: none;
		color: #ffffff;
		position: absolute;

		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,1)));
		text-shadow: 0 2px 0 #e9e9e9;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	
.call h1 a:hover {
		color: #185a50;
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.3)), to(rgba(0,0,0,1)));
		
	}

.call h1:after {
		color: #dbdbdb;
		content : attr(data-title);
	}
	
	
.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/  
-moz-transform:scale(0.8); /*Mozilla scale version*/  
-o-transform:scale(0.8); /*Opera scale version*/  
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/  
-moz-transition-duration: 0.5s; /*Mozilla duration version*/  
-o-transition-duration: 0.5s; /*Opera duration version*/  
opacity: 0.7; /*initial opacity of images*/  
margin: 0 10px 5px 0; /*margin between images*/  
}

.hovergallery img:hover{
-webkit-transform:scale(2.5); /*Webkit: Scale up image to 1.2x original size*/  
-moz-transform:scale(2.5); /*Mozilla scale version*/  
-o-transform:scale(2.5); /*Opera scale version*/  

box-shadow:0px 0px 30px gray; CSS3 shadow: 30px blurred shadow all around image
-webkit-box-shadow:0px 0px 30px gray; Safari shadow version
-moz-box-shadow:0px 0px 30px gray; Mozilla shadow version*/  
opacity: 1;
}
.announcement {
	width:90%;
	-webkit-border-radius: 99px 20px 99px 19px;
	-moz-border-radius: 99px 20px 99px 19px;
	border-radius: 99px 20px 99px 19px;
	border:3px solid #FFCC33;
	background-color:#652EAD;
	-webkit-box-shadow: #B3B3B3 8px 8px 8px;
	-moz-box-shadow: #B3B3B3 8px 8px 8px; 
	box-shadow: #B3B3B3 8px 8px 8px; 
	 
	padding:30px;
	margin-bottom: 20px; 
	color:#FEC75E;
	float: left;
	}
	
span.dropt {border-bottom: thin dotted; background: #4965D6;}
span.dropt:hover {text-decoration: none; background: #8106A9; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #4965D6; z-index:6;}

.btn {
  background: #611402;
  background-image: -webkit-linear-gradient(top, #611402, #af87e6);
  background-image: -moz-linear-gradient(top, #611402, #af87e6);
  background-image: -ms-linear-gradient(top, #611402, #af87e6);
  background-image: -o-linear-gradient(top, #611402, #af87e6);
  background-image: linear-gradient(to bottom, #611402, #af87e6);
  -webkit-border-radius: 22;
  -moz-border-radius: 22;
  border-radius: 22px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #af87e6;
  background-image: -webkit-linear-gradient(top, #af87e6, #611402);
  background-image: -moz-linear-gradient(top, #af87e6, #611402);
  background-image: -ms-linear-gradient(top, #af87e6, #611402);
  background-image: -o-linear-gradient(top, #af87e6, #611402);
  background-image: linear-gradient(to bottom, #af87e6, #611402);
  text-decoration: none;
}