/****  MULTIPLE ELEMENT ANIMATION 1   *****/

#multiple1 .scroll-arrow-container {
	height: 20px;
	width: 20px;
	position: relative;
}

#multiple1 span {
	position: absolute;
	height: 4px;
	width: 30px;
	background-color: #FFFFFF;
}

#multiple1 span.arrow-left {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	left: -17px;
}

#multiple1 span.arrow-right {
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	right: -17px;
}

#multiple1 .arrow1 {
	-webkit-animation-name: multiple1_1;
	animation-name: multiple1_1;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes multiple1_1 {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#multiple1 .arrow2 {
	-webkit-animation-name: multiple1_2;
	animation-name: multiple1_2;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes multiple1_2 {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#multiple1 .arrow3 {
	-webkit-animation-name: multiple1_3;
	animation-name: multiple1_3;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes multiple1_3 {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


/******************* Text animation *************/


@media only screen and (min-width: 300px) {
.AwardWinningPizzaCranberry,
.AwardWinningPizzaCranberry:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	overflow:hidden;
	z-index:10000;
}
.AwardWinningPizzaCranberry:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.AwardWinningPizzaCranberry li div {
    z-index: 10000;
    position: absolute;
    top: 25%;
    left: 0px;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
    text-align: center;
    opacity: 0;
    -webkit-animation: PizzaBarAnimation 60s linear infinite 0s;
    -moz-animation: PizzaBarAnimation 60s linear infinite 0s;
    -o-animation: PizzaBarAnimation 60s linear infinite 0s;
    -ms-animation: PizzaBarAnimation 60s linear infinite 0s;
    animation: PizzaBarAnimation 60s linear infinite 0s;
}
.AwardWinningPizzaCranberry li div h3 {
    z-index: 10000000;
	position:relative;
    font-family: PgHead, calibri, Arial, sans-serif;
    font-size: 40px;
    padding: 0;
    line-height: 70px;
	font-weight:900;
	color: rgba(255,255,255, 1);
	text-shadow: 4px 4px 4px #000000;
}
.AwardWinningPizzaCranberry li:nth-child(2) div {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.AwardWinningPizzaCranberry li:nth-child(3) div {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
.AwardWinningPizzaCranberry li:nth-child(4) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.AwardWinningPizzaCranberry li:nth-child(5) div {
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s;
}
.AwardWinningPizzaCranberry li:nth-child(6) div {
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s;
}


/* Animation for the title */
@-webkit-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-moz-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-o-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-ms-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
}


@media only screen and (min-width: 650px) {
.AwardWinningPizzaCranberry,
.AwardWinningPizzaCranberry:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	overflow:hidden;
	z-index:10000;
}
.AwardWinningPizzaCranberry:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.AwardWinningPizzaCranberry li div {
    z-index: 10000;
    position: absolute;
    top: 20%;
    left: 0px;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
    text-align: center;
    opacity: 0;
    -webkit-animation: PizzaBarAnimation 60s linear infinite 0s;
    -moz-animation: PizzaBarAnimation 60s linear infinite 0s;
    -o-animation: PizzaBarAnimation 60s linear infinite 0s;
    -ms-animation: PizzaBarAnimation 60s linear infinite 0s;
    animation: PizzaBarAnimation 60s linear infinite 0s;
}
.AwardWinningPizzaCranberry li div h3 {
    z-index: 10000000;
	position:relative;
    font-family: PgHead, calibri, Arial, sans-serif;
    font-size: 60px;
    padding: 0;
    line-height: 100px;
	font-weight:900;
	color: rgba(255,255,255, 1);
	text-shadow: 4px 4px 4px #000000;
}
.AwardWinningPizzaCranberry li:nth-child(2) div {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.AwardWinningPizzaCranberry li:nth-child(3) div {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
.AwardWinningPizzaCranberry li:nth-child(4) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.AwardWinningPizzaCranberry li:nth-child(5) div {
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s;
}
.AwardWinningPizzaCranberry li:nth-child(6) div {
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s;
}


/* Animation for the title */
@-webkit-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-moz-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-o-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-ms-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 96%;
	margin-left:2%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
}


@media only screen and (min-width: 900px) {
.AwardWinningPizzaCranberry,
.AwardWinningPizzaCranberry:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	overflow:hidden;
	z-index:10000;
}
.AwardWinningPizzaCranberry:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.AwardWinningPizzaCranberry li div {
    z-index: 10000;
    position: absolute;
    top: 20%;
    left: 0px;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
    text-align: center;
    opacity: 0;
    -webkit-animation: PizzaBarAnimation 60s linear infinite 0s;
    -moz-animation: PizzaBarAnimation 60s linear infinite 0s;
    -o-animation: PizzaBarAnimation 60s linear infinite 0s;
    -ms-animation: PizzaBarAnimation 60s linear infinite 0s;
    animation: PizzaBarAnimation 60s linear infinite 0s;
}
.AwardWinningPizzaCranberry li div h3 {
    z-index: 10000000;
	position:relative;
    font-family: PgHead, calibri, Arial, sans-serif;
    font-size: 70px;
    padding: 0;
    line-height: 100px;
	font-weight:900;
	color: rgba(255,255,255, 1);
	text-shadow: 4px 4px 4px #000000;
}
.AwardWinningPizzaCranberry li:nth-child(2) div {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.AwardWinningPizzaCranberry li:nth-child(3) div {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
.AwardWinningPizzaCranberry li:nth-child(4) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.AwardWinningPizzaCranberry li:nth-child(5) div {
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s;
}
.AwardWinningPizzaCranberry li:nth-child(6) div {
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s;
}


/* Animation for the title */
@-webkit-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-moz-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-o-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-ms-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;

		margin-right:3%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	15% {
	    opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	19% { 
		opacity: 1;
    width: 70%;
	margin-left:28%;
	margin-right:2%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
}


@media only screen and (min-width: 1200px) {
.AwardWinningPizzaCranberry,
.AwardWinningPizzaCranberry:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	overflow:hidden;
	z-index:10000;
}
.AwardWinningPizzaCranberry:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.AwardWinningPizzaCranberry li div {
    z-index: 10000;
    position: absolute;
    top: 20%;
    left: 0px;
    width: 59%;
	margin-left:40%;
	margin-right:1%;
    text-align: center;
    opacity: 0;
    -webkit-animation: PizzaBarAnimation 60s linear infinite 0s;
    -moz-animation: PizzaBarAnimation 60s linear infinite 0s;
    -o-animation: PizzaBarAnimation 60s linear infinite 0s;
    -ms-animation: PizzaBarAnimation 60s linear infinite 0s;
    animation: PizzaBarAnimation 60s linear infinite 0s;
}
.AwardWinningPizzaCranberry li div h3 {
    z-index: 10000000;
	position:relative;
    font-family: PgHead, calibri, Arial, sans-serif;
    font-size: 80px;
    padding: 0;
    line-height: 100px;
	font-weight:900;
	color: rgba(255,255,255, 1);
	text-shadow: 4px 4px 4px #000000;
}
.AwardWinningPizzaCranberry li:nth-child(2) div {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.AwardWinningPizzaCranberry li:nth-child(3) div {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
.AwardWinningPizzaCranberry li:nth-child(4) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.AwardWinningPizzaCranberry li:nth-child(5) div {
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s;
}
.AwardWinningPizzaCranberry li:nth-child(6) div {
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s;
}


/* Animation for the title */
@-webkit-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	15% {
	    opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	19% { 
		opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-moz-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	15% {
	    opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	19% { 
		opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-o-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	15% {
	    opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	19% { 
		opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-ms-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	15% {
	    opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	19% { 
		opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
		margin-left:200%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	15% {
	    opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	19% { 
		opacity: 1;
    	width: 59%;
		margin-left:40%;
		margin-right:1%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
}


@media only screen and (min-width: 1450px) {
.AwardWinningPizzaCranberry,
.AwardWinningPizzaCranberry:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	overflow:hidden;
	z-index:10000;
}
.AwardWinningPizzaCranberry:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.AwardWinningPizzaCranberry li div {
    z-index: 10000;
    position: absolute;
    top: 20%;
    left: 0px;
    width: 47%;
	margin-left:50%;
	margin-right:3%;
    text-align: center;
    opacity: 0;
    -webkit-animation: PizzaBarAnimation 60s linear infinite 0s;
    -moz-animation: PizzaBarAnimation 60s linear infinite 0s;
    -o-animation: PizzaBarAnimation 60s linear infinite 0s;
    -ms-animation: PizzaBarAnimation 60s linear infinite 0s;
    animation: PizzaBarAnimation 60s linear infinite 0s;
}
.AwardWinningPizzaCranberry li div h3 {
    z-index: 10000000;
	position:relative;
    font-family: PgHead, calibri, Arial, sans-serif;
    font-size: 100px;
    padding: 0;
    line-height: 150px;
	font-weight:900;
	color: rgba(255,255,255, 1);
	text-shadow: 4px 4px 4px #000000;
}
.AwardWinningPizzaCranberry li:nth-child(2) div {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.AwardWinningPizzaCranberry li:nth-child(3) div {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
.AwardWinningPizzaCranberry li:nth-child(4) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.AwardWinningPizzaCranberry li:nth-child(5) div {
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s;
}
.AwardWinningPizzaCranberry li:nth-child(6) div {
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s;
}


/* Animation for the title */
@-webkit-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
    	width: 47%;
		margin-left:200%;
		margin-right:3%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
   		width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	15% {
	    opacity: 1;
   		width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	19% { 
		opacity: 1;
    	width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-moz-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
    	width: 47%;
		margin-left:200%;
		margin-right:3%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
   		width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	15% {
	    opacity: 1;
   		width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	19% { 
		opacity: 1;
    	width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-o-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
    	width: 47%;
		margin-left:200%;
		margin-right:3%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
   		width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	15% {
	    opacity: 1;
   		width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	19% { 
		opacity: 1;
    	width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@-ms-keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
    	width: 47%;
		margin-left:200%;
		margin-right:3%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
   		width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	15% {
	    opacity: 1;
   		width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	19% { 
		opacity: 1;
    	width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
@keyframes PizzaBarAnimation { 
	0% {
	    opacity: 0;
	}
	5% {
	    opacity: 0;
    	width: 47%;
		margin-left:200%;
		margin-right:3%;
	}
	8% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
    	width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	15% {
	    opacity: 1;
    	width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	19% { 
		opacity: 1;
    	width: 47%;
		margin-left:50%;
		margin-right:3%;
	}
	20% {
	    opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	50% {
		opacity:0;
	}
	100% { 
		opacity: 0;
}
}
}