@charset "UTF-8";
#prBnrWrapper{
	-moz-transform: scale(0.8);
	-webkit-transform: scale(50%,50%);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-moz-transform-origin: top left;
	transform-origin: top left;
	width:970px;
	height:66px;
	position:absolute;
	top:10px;
	left:0px;
	overflow:hidden !important;	
}

.topRow {
    height: 270px;
}

.bottomRow {
    padding-top: 60px;
    height: 230px;
}

.exampleTwoText {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: left;
}


.exampleTwoText h1{
   color: #f77a52;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    padding-bottom: 15px;
   
}

#prBnrGenClk{
	width:970px;
	height:66px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden !important;
	cursor:pointer !important;	
	z-index: 100;	
}

#prBnrBackgrd{
	background-image: url(prBnrBackgrd.jpg);
	top: 0px;
	left: 0px;
	width: 970px;
	height: 66px;
	position:absolute;
	cursor:pointer !important;	
}

#prBnrCTA{
	width:188px;
	height:66px;
	position:absolute;
	top:0px;
	right:0px;
	overflow:hidden !important;
	cursor:pointer !important;	
	/*z-index: 101;*/
	
}




/**************************PANEL********************************/
#prWrapperGoya{
	-moz-transform: scale(0.8);
	-webkit-transform: scale(50%,50%);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-moz-transform-origin: top left;
	transform-origin: top left;
	width:970px;
	height:418px;
	position:absolute;
	top:10px;
	left:0px;
	overflow:hidden !important;	
}

#prGenClk{
	width:970px;
	height:418px;
	position:absolute;
	top:150px;
	left:50px;
	overflow:hidden !important;
	cursor:pointer !important;	
	z-index: 100;	
}

#prCButton{
	background-color:transparent;
	position:absolute;
	top: 5px;
	right: 5px;
	width: 50px;
	height: 50px;
	overflow:hidden !important;
	cursor:pointer !important;	
	z-index: 150;
	
}

#prCloseBtnGoya{
	background-image: url(prCloseBtn.png);
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	position:absolute;
	z-index: 149;	
			
}

#prBackgrd{
	background-image: url(prBackgrd2.jpg);
	top: 0px;
	left: 0px;
	width: 970px;
	height: 418px;
	position:absolute;
	cursor:pointer !important;	
}

#prRecipe1{
	top: 100px;
	left: 312px;
	width: 350px;
	height: 263px;	
	position:absolute;
	z-index:300;
	animation-duration: 1s;
    animation-name: prFadeIn;
}

#prRecipe2{
	top: 100px;
	left: 312px;
	width: 350px;
	height: 263px;	
	position:absolute;
	z-index:300;
	
	animation-duration: 1s;
    animation-name: prFadeIn;
}

#prRecipe3{
	top: 100px;
	left: 312px;
	width: 350px;
	height: 263px;	
	position:absolute;
	z-index:300;
	
	animation-duration: 1s;
    animation-name: prFadeIn;
}

#prRecipe4{
	top: 100px;
	left: 312px;
	width: 350px;
	height: 263px;	
	position:absolute;
	z-index:300;
	
	animation-duration: 1s;
    animation-name: prFadeIn;
}

#prAppetizerTxt{
	background-image: url(prAppetizerTxt.png);
	top: 0px;
	left: 0px;
	width: 126px;
	height: 220px;
	position:absolute;
	cursor:pointer !important;
}

#prAppetizerFood{
	background-image: url(prAppetizerFood.png);
	top: 40px;
	left: 0px;
	width: 136px;
	height: 136px;
	position:absolute;
	cursor:pointer !important;
}

#prAppetizerR{
	/*background-image: url(prAppetizer.png);*/
	top: 20px;
	left: 200px;
	width: 136px;
	height: 220px;
	position:absolute;
	cursor:pointer !important;
}
#prAppetizerL{
	/*background-image: url(prAppetizer.png);*/
	top: 20px;
	left: 16px;
	width: 136px;
	height: 220px;
	position:absolute;
	cursor:pointer !important;
}

#prBeverageTxt{
	background-image: url(prBeverageTxt.png);
	top: 0px;
	left: 13px;
	width: 104px;
	height: 222px;
	position:absolute;
	cursor:pointer !important;
}

#prBeverageFood{
	background-image: url(prBeverageFood.png);
	top: 40px;
	left: 0px;
	width: 136px;
	height: 136px;
	position:absolute;
	cursor:pointer !important;
}

#prBeverageR{
	/*background-image: url(prBeverage.png);*/
	top: 20px;
	left: 200px;
	width: 136px;
	height: 222px;
	position:absolute;
	cursor:pointer !important;
}
#prBeverageL{
	/*background-image: url(prBeverage2.png);*/
	top: 20px;
	left: 16px;
	width: 136px;
	height: 222px;
	position:absolute;
	cursor:pointer !important;
}

#prDessertTxt{
	background-image: url(prDessertTxt.png);
	top: 0px;
	left: 25px;
	width: 78px;
	height: 222px;
	position:absolute;
	cursor:pointer !important;
}

#prDessertFood{
	background-image: url(prDessertFood.png);
	top: 40px;
	left: 0px;
	width: 136px;
	height: 136px;
	position:absolute;
	cursor:pointer !important;
}

#prDessertR{
	/*background-image: url(prDessert.png);*/
	top: 20px;
	left: 200px;
	width: 136px;
	height: 222px;
	position:absolute;
	cursor:pointer !important;	
}
#prDessertL{
	/*background-image: url(prDessert.png);*/
	top: 20px;
	left: 16px;
	width: 136px;
	height: 222px;
	position:absolute;	
	cursor:pointer !important;
}

#prEntreeTxt{
	background-image: url(prEntreeTxt.png);
	top: -1px;
	left: 25px;
	width: 78px;
	height: 223px;
	position:absolute;
	cursor:pointer !important;
}

#prEntreeFood{
	background-image: url(prEntreeFood.png);
	top: 43px;
	left: 0px;
	width: 136px;
	height: 136px;
	position:absolute;
	cursor:pointer !important;
}
#prEntreeL{
	/*background-image: url(prEntree.png);*/
	top: 19px;
	left: 10px;
	width: 136px;
	height: 223px;
	position:absolute;	
	cursor:pointer !important;
}
#prEntreeR{
	/*background-image: url(prEntree.png);*/
	top: 19px;
	left: 200px;
	width: 136px;
	height: 223px;
	position:absolute;	
	cursor:pointer !important;
}

#prLeftArrow{
	background-image: url(prLeftArrow.png);
	top: 221px;
	left: 236px;
	width: 21px;
	height: 28px;
	position:absolute;
	cursor:pointer !important;	
	z-index: 101;
}
#prRightArrow{
	background-image: url(prRightArrow.png);
	top: 221px;
	left: 712px;
	width: 21px;
	height: 28px;
	position:absolute;
	cursor:pointer !important;	
	z-index: 102;
}

@keyframes prFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/*
 * FadeIn animation
*/
 
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
 
/*
 * FadeOut animation
*/
 
@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeOut{
    0% {opacity: 1;}
    100% {opacity: 0;}
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@media only screen
and (max-width: 768px) {
#prBnrWrapper{
	-moz-transform: scale(0.30);
	-webkit-transform: scale(50%,50%);
	-o-transform: scale(0.30);
	-ms-transform: scale(0.30);
	transform: scale(0.30);
	-moz-transform-origin: top left;
	transform-origin: top left;
	top:70px;
	left: 0px;
	
}

#prWrapperGoya{
	-moz-transform: scale(0.30);
	-webkit-transform: scale(50%,50%);
	-o-transform: scale(0.30);
	-ms-transform: scale(0.30);
	transform: scale(0.30);
	-moz-transform-origin: top left;
	transform-origin: top left;
	top:70px;
	left: 0px;
}


.exampleTwoText h1{
	font-size: 20px;

	}
  }