@charset "utf-8";
/* CSS Document */

body{
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	font-weight:500;
	background-color:#666666;
	color:#555;
	line-height:24px;
	font-size:15px;
}

.center {
    margin:auto;
	padding-top:20px;
	max-width:60%;
	display: inline-block;

}
.center2 {
    margin:auto;
	font-size:24px;
	padding-top:10px;
	padding-bottom:40px;
	color:#FFF;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 10px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height:100%; /* Full height */
    overflow:auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width:90%;
    max-width:auto;
	height:auto;
}


/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 30px;
}


/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}


/* 100% Image Width on Smaller Screens *//* The Close Button */
.modclose {
    position:fixed;
    top: 15px;
    right: 35px;
    color: #999;
    font-size: 60px;
    font-weight: bold;
	animation: mymove 5s infinite;
    transition: 0.3s;
	
	}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {-webkit-transform: rotate(180deg);}
}

/* Standard syntax */
@keyframes mymove {
    50% {transform: rotate(18deg);}
}
.modclose:hover,
.modclose:focus {
    color:red;
    text-decoration: none;
    cursor: pointer;
}
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }}

/* /////////////////////////////////////BEGIN VIDEO MODAL////////////////////////////////	*/
	
.vmodal {

  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0px;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: white;
}

/* Modal Content */
.vmodal-content {
	margin: auto;
    display: block;
    width: 100%;
	height:auto;
    max-width: 1000px;
    text-align: center;
    color:#ccc;
    padding: 10px 0;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

#vcaption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 30px;
}
.vmodal-content, #vcaption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 50%;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1	)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.vmodclose {
    position:fixed;
    top: 15px;
    right: 35px;
    color: #999;
    font-size: 60px;
    font-weight: bold;
	animation: mymove 5s infinite;
    transition: 0.3s;
	
	}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    100% {-webkit-transform: rotate(360deg);}
}

/* Standard syntax */
@keyframes mymove {
    100% {transform: rotate(360deg);}
}
.vmodclose:hover,
.vmodclose:focus {
    color:red;
    text-decoration: none;
    cursor: pointer;
	animation: mymove .01s infinite;
    transition: 0.3s;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.vmodal-content {
        width: 100%;
    }
}
/*///////////////////////////////////////////////////////////begin lightbox /////////////////////////////////////////*/
* {
  box-sizing: border-box;
}

.lbrow > .lbcolumn {
  padding: 0 8px;
  background-color:#000;
}

.lbrow:after {
  content: "";
  display: table;
  clear: both;
}

.lbcolumn {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.lbmodal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.lbmodal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  height:auto;			
  max-width: 950px;
}

/* The Close Button */
.lbclose {
    position:fixed;
    top: 15px;
    right: 35px;
    color: #999;
    font-size: 60px;
    font-weight: bold;
	animation: mymove 5s infinite;
    transition: 0.3s;
}

.lbclose:hover,
.lbclose:focus {
  color:red;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.lbcursor {
  cursor: pointer
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.lbcaption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.lbdemo {
  opacity: 0.6;
}

.lbactive,
.lbdemo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.piccaption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.picdemo {
  opacity: 0.6;
}

.picactive,
.picdemo:hover {
  opacity: 1;
}
#wrap{
	position:absolute;
    width:1065px;
	margin-left:100px;
    padding: 10px;
	background-color:silver;
	height:850px;
	border-radius:15px;
	border-bottom-color:#000;
	border-bottom-style:groove;
}

/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer{
	margin-top:845px;
	color:#FFF;
	width:90%;
	margin-left:125px;
}

#leftside{
    position:absolute;
	margin-left:-457px;
	margin-top:-32px;
    width:140px;
	height:390px;
 }
.side-buttons {
	margin-bottom:0;
}
.lbutton {
	position:absolute;
 	padding: 10px 15px;
	width:140px;
	margin-top:10px;
  	font-size: 24px;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	outline: none;
  	color: #fff;
  	background-color:#666;
 	border: none;
  	border-radius: 15px;
  	box-shadow: 0 9px #000;
  
}

.lbutton:hover {background-color:silver;
color: #000;
}
.lbutton:active {
  background-color: #888;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.lbutton2 {
	position:absolute;
 	padding: 10px 15px;
 	width:140px;
  	margin-top:85px;
  	font-size: 24px;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	outline: none;
  	color: #fff;
	border:none;
  	background-color:#666;
  	border-radius: 15px;
  	box-shadow: 0 9px #000;
  
}

.lbutton2:hover {background-color:silver;
color: #000;
}
.lbutton2:active {
  background-color: #888;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.lbutton3 {
	position:absolute;
 	padding: 10px 15px;
 	width:140px;
  	margin-top:162px;
  	font-size: 24px;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	outline: none;
  	color: #fff;
  	background-color:#666;
  	border: none;
  	border-radius: 15px;
  	box-shadow: 0 9px #000;
  
}

.lbutton3:hover {background-color:silver;
color: #000;
}
.lbutton3:active {
  background-color: #888;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.lbutton4 {
	position:absolute;
 	padding: 10px 15px;
 	width:140px;
  	margin-top:240px;
  	font-size: 24px;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	outline: none;
  	color: #fff;
  	background-color:#666;
  	border: none;
  	border-radius: 15px;
  	box-shadow: 0 9px #000;
  
}

.lbutton4:hover {background-color:silver;
color: #000;
}
.lbutton4:active {
  background-color: #888;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#rtside{
    position:absolute;		
    margin-left:605px;
    top: -33px;
    width:0px;
	height:390px;
 }
.side-buttons {
	margin-bottom:0;
}
.rbutton {
	position:absolute;
 	padding: 10px 15px;
	width:140px;
	margin-top:10px;
  	font-size: 24px;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	outline: none;
  	color: #fff;
  	background-color:#666;
 	border: none;
  	border-radius: 15px;
  	box-shadow: 0 9px #000;
  
}

.rbutton:hover {background-color:silver;
color: #000;
}
.rbutton:active {
  background-color: #888;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.rbutton2 {
	position:absolute;
	width:140px;
  	padding: 10px 15px;
	margin-top:85px;
 	font-size: 24px;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	outline: none;
  	color: #fff;
  	background-color:#666;
  	border: none;
  	border-radius: 15px;
  	box-shadow: 0 9px #000;
}

.rbutton2:hover {background-color:silver;
color: #000;
}

.rbutton2:active 
{
  background-color: #888;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.rbutton3 {
	position:absolute;
	width:140px;
  	padding: 10px 15px;
	margin-top:162px;
 	font-size: 24px;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	outline: none;
  	color: #fff;
  	background-color:#666;
  	border: none;
  	border-radius: 15px;
  	box-shadow: 0 9px #000;
}

.rbutton3:hover {background-color:silver;
color: #000;
}

.rbutton3:active 
{
  background-color: #888;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.rbutton4 {
	position:absolute;
 	padding: 10px 15px;
	width:140px;
	margin-top:240px;
  	font-size: 24px;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	outline: none;
  	color: #fff;
  	background-color:#666;
 	border: none;
  	border-radius: 15px;
  	box-shadow: 0 9px #000;
}

.rbutton4:hover {background-color:silver;
color: #000;
}

.rbutton4:active 
{
  background-color: #888;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
#screen 
{
	position:absolute;
	background:#F5F5F5;
	margin-top:52px;
	margin-left:23px;
	width:343px;
	height:168px;
	font-size:18px;
	border:inset;
	border-radius:5px;
	padding:13px;

}



.h1{
	font-size:38px;
	position:absolute;
	font-size:28px;
	font-weight:500;
	font-stretch:extra-expanded;
	margin: 5px 0 0 0;
	
}
.p1{
	position:absolute;
	display:inline-block;
	transform:scale(1.2,1.3);
	font-size:24px;
	margin-top:0px;
	margin-left:20px;
	font-weight:500;
}
.p2{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:0px;
	margin-left:210px;
	font-weight:500;
}
.p3{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:40px;
	margin-left:10px;
	font-weight:500;
}

.p4{	
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:40px;
	margin-left:170px;
	font-weight:500;
}

.p5{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:80px;
	margin-left:10px;
	font-weight:500;
}
.open{
	position:absolute;
	display:inline-block;
	transform:scale(1,1.2);
	font-size:24px;
	margin-top:-27px;
	margin-left:125px;
	font-weight:500;
	padding-bottom:3px;
}

.p6{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:83px;
	margin-left:190px;
	font-weight:500;
}
.p7{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:117px;
	margin-left:10px;
	font-weight:500;
}
.auger{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:112px;
	margin-left:127px;
	font-weight:500;
}
.close{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:75px;
	margin-left:108px;
	font-weight:500;
}
.open{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:75px;
	margin-left:130px;
	font-weight:500;
}


.p8{
	position:absolute;
	display:inline-block;
	transform:scale(1,1.3);
	font-size:24px;
	margin-top:86px;
	margin-left:10px;
	font-weight:500;
}
.p9{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:125px;
	margin-left:80px;
	font-weight:500;
}

.p10{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:40px;
	margin-left:25px;
	font-weight:500;
}
.p11{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:80px;
	margin-left:25px;
	font-weight:500;
}
.p12{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:115px;
	margin-left:25px;
	font-weight:500;
}

.p13{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:120px;
	margin-left:200px;
	font-weight:500;
}

.p14{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:120px;
	margin-left:275px;
	font-weight:500;
}
.p15{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:115px;
	margin-left:117px;
	font-weight:500;
}
.p16{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:125px;
	margin-left:180px;
	font-weight:500;
}
.p17{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:79px;
	margin-left:205px;
	font-weight:500;

}
.p18{
	position:absolute;
	display:inline-block;
	transform:scale(1.3,1.3);
	font-size:24px;
	margin-top:115px;
	margin-left:238px;
	font-weight:500;
}
.p19{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:120px;
	margin-left:186px;
	font-weight:500;
}
#extractor {
	margin-left:106px;
	margin-top:-322px;
	}
.extdown{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:78px;
	margin-left:12px;
	font-weight:500;
	padding:5px 5px 5px 5px;
}
.extup{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:78px;
	margin-left:28px;
	font-weight:500;
	padding:5px 5px 5px 5px;
}
.up{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:80px;
	margin-left:111px;
	font-weight:500;
}
.extopen{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:120px;
	margin-left:250px;
	font-weight:500;
}	
.sw2{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:124px;
	margin-left:167px;
	font-weight:500;
}
.sw1{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:84px;
	margin-left:167px;
	font-weight:500;
}
.sw1down{
	position:absolute;
	float:left;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:81px;
	margin-left:250px;
	font-weight:500;
}
.extclose{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:120px;
	margin-left:20px;
	font-weight:500;
}
.sw2down{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:120px;
	margin-left:35px;
	font-weight:500;
}
#cups {
	margin-left:57px;
	margin-top:10px;
	}
.ch {
	position:absolute;
	display:inline-block;
	transform:scale(1.0,1.3);
	font-size:24px;
	margin-top:138px;
	margin-left:0px;
	font-weight:500;
}
.sm{
	position:absolute;
	display:inline-block;
	transform:scale(1.0,1.3);
	font-size:24px;
	margin-top:138px;
	margin-left:112px;
	font-weight:500;
}
.md{
	position:absolute;
	display:inline-block;
	transform:scale(1.0,1.3);
	font-size:24px;
	margin-top:138px;
	margin-left:211px;
	font-weight:500;
}
.lg{
	position:absolute;
	display:inline-block;
	transform:scale(1.0,1.3);
	font-size:24px;
	margin-top:175px;
	margin-left:4px;
	font-weight:500;
}

.xl{
	position:absolute;
	display:inline-block;
	transform:scale(1.0,1.3);
	font-size:24px;
	margin-top:175px;
	margin-left:113px;
	font-weight:500;
}
.pip{
	position:absolute;
	display:inline-block;
	transform:scale(1.1,1.3);
	font-size:24px;
	margin-top:175px;
	margin-left:-218px;
	font-weight:500;
}
.scaleup{
	position:absolute;
	display:inline-block;
	font-size:24px;
	margin-top:-27px;
	margin-left:95px;
	font-weight:500;
	padding-bottom:3px;
}
.justup{
	position:absolute;
	display:inline-block;
	font-size:24px;
	margin-top:-27px;
	margin-left:80px;
	font-weight:500;
	padding-bottom:3px;
}
lthan{
	position:absolute;
	display:inline-block;
	transform:scale(1,1.4);
	font-size:20px;
	font-weight:500;
	padding-top:2px;
	padding-left:5px;

}
lsthan{
	position:absolute;
	display:inline-block;
	transform:scale(1,1.4);
	font-size:20px;
	font-weight:500;
	padding-top:-2px;
	padding-left:5px;

}
gthan{
	position:absolute;
	display:inline-block;
	transform:scale(1,1.4);
	font-size:20px;
	font-weight:500;
	padding-top:2px;
	margin-left:-18px;
	margin-right:85px;

}

expand{
	display:inline-block;
	transform:scale(1.2,1);
	padding-left:13px;
}
expand2{
	display:inline-block;
	transform:scale(1.3,1);
	margin-left:13px;
}

bd4{
	position:absolute;
	font-size:20px;
	font-stretch:extra-expanded;
	margin-top:279px;
	margin-left:440px;
	font-weight:600;
	color:#000;
	text-align:left;
	background-color:#FF9;
	border-radius:15px;
	box-shadow: 10px 10px #000;
	padding: 15px;
	height:auto;
	width:450px;

}

#frontpage-main
{
	background:#666;
	width:960px;
	height:340px;
	font-size:24px;
	border:thick;
	border-radius:35px;
	box-shadow: 4px 10px 4px #000;
	border-top-color:#FFF;
	padding: 20px;
	margin-left:40px;
 } 

#main-screen {
	position:absolute;
	background:#E4E4E4;
	font-weight:600;
	width:392px;
	height:310px;
	font-size:38px;
	border:hidden;
	margin-left:0px;
	margin-top:-2px;
	color:#666;
	padding-top:8px;
	border-radius:15px;
	
 }
 #titles
{
	position: absolute;
	width: 18em;
	height: 10em;
	bottom: 590px;
	left: 40%;
	margin-left: -351px;
	font-size: 140%;
	text-align: justify;
	overflow: hidden;
	transform-origin: 45% 100%;
	transform: perspective(800px) rotateX(25deg);
}
#titles:after
{
	position: absolute;
	content: ' ';
	left: 0;
	right: 0;
	top: 0;
	bottom: 90%;
	background-image: linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
	pointer-events: none;
}
#titlecontent
{
	position: absolute;
	background-color:#000;
	font-weight:600;
	text-align:center;
	color:#FF0;
	font-variant:small-caps;
	line-height:30px;
	padding:20px 20px 20px 20px;
	top: 100%;
	
}

@keyframes scroll {
	0% { top: 100%; }
	100% { top: -300%; }
}


lt{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:600;
	color:#F30;
	text-transform:capitalize;
}

			

#buttons{
	position:absolute;
	margin-top:30px;
	margin-left:310px;
	}

	
.buttons-manual{
  position:absolute;
  margin-left:90px;
  margin-top:202px;
  font-size: 20px;
  font-weight:600;
  cursor: pointer;
  text-align: center;
  outline: none;
  color: #000;
  background-color:#a33;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:95px;
  line-height:14px;

}
.buttons-manual:hover {background-color:#c33;
}

.buttons-manual:active {
  background-color: #F00;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}

.buttons-back{
	position:absolute;
    margin-left:283px;
  	margin-top:202px;
  	font-size: 18px;
	font-weight:600;
  	cursor: pointer;
   	outline: none;
  	color: #000;
  	background-color:#Fd0;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:74px;
  	line-height:14px;
}
.buttons-back:hover {background-color:#FF9;
}

.buttons-back:active {
  background-color: #FF0;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-silent{
	position:absolute;
    margin-left:195px;
  	margin-top:202px;
  	font-size: 18px;
  	font-weight:600;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #000;
  	background-color:#Fd0;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:84px;
  	line-height:14px;
}
.buttons-silent:hover {background-color:#FF9;
}

.buttons-silent:active {
  background-color: #FF0;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-ice{
	position:absolute;
    margin-left:361px;
  	margin-top:202px;
  	font-size: 18px;
  	font-weight:600;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #000;
  	background-color:#9999;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:63px;
  	line-height:10px;
}
.buttons-ice:hover {background-color:#FFf;
}

.buttons-ice:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-extra{
	position:absolute;
    margin-left:431px;
  	margin-top:202px;
  	font-size: 18px;
  	font-weight:600;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #000;
  	background-color:#9999;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:66px;
  	line-height:10px;
}
.buttons-extra:hover {background-color:#FFf;
}

.buttons-extra:active {
  background-color: #F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
	
.buttons-enter{
	position:absolute;
    margin-left:505px;
  	margin-top:202px;
  	font-size: 20px;
  	font-weight:600;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #000;
  	background-color:#3a3;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:95px;
}
.buttons-enter:hover {background-color:#3d3;
}

.buttons-enter:active {
  background-color:#3C3;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-child{
	position:absolute;
    margin-left:90px;
  	margin-top:-33px;
  	font-size: 20px;
  	font-weight:600;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #000;
  	background-color:#9999;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:95px;
}
.buttons-child:hover {background-color:#FFF;
}

.buttons-child:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-small{
	position:absolute;
    margin-left:195px;
  margin-top:-33px;
  font-size: 20px;
  font-weight:600;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#9999;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:95px;

}
.buttons-small:hover {background-color:#FFF;
}

.buttons-small:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-medium{
	position:absolute;
    margin-left:298px;
  	margin-top:-33px;
  	font-size: 20px;
  	font-weight:600;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #000;
  	background-color:#9999;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:95px;

  line-height:14px;
}
.buttons-medium:hover {background-color:#FFF;
}

.buttons-medium:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}

.buttons-large{
	position:absolute;
    margin-left:401px;
 	margin-top:-33px;
  	font-size: 20px;
	font-weight:600;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #000;
  	background-color:#9999;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:95px;
  	line-height:14px;
}
.buttons-large:hover {background-color:#FFF;
}

.buttons-large:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}

.buttons-xlarge{
	position:absolute;
    margin-left:505px;
  	margin-top:-33px;
  	font-size: 20px;
  	font-weight:600;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #000;
  	background-color:#9999;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:95px;

  line-height:14px;
}
.buttons-xlarge:hover {background-color:#FFF;
}

.buttons-xlarge:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}

/*/////////////////////////////////FLAVOR buttonsS////////////////////*/
.buttons-flav1{
	position:absolute;
    margin-left:90px;
  margin-top:45px;
  background-image:url(../buttons/KO2.png);
  font-size: 20px;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#F4F4F4;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:95px;
  line-height:14px;
}
.buttons-flav1:hover {background-image:url(../buttons/KO.png);
}

.buttons-flav1:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-flav2{
	position:absolute;
    margin-left:195px;
  margin-top:45px;
  background-image:url(../buttons/DKO.png);
  font-size: 20px;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#F4F4F4;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:95px;
  max-height:auto;
}
.buttons-flav2:hover {background-image:url(../buttons/DKO2.png);
}

.buttons-flav2:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-flav3{
	position:absolute;
    margin-left:298px;
  margin-top:45px;
  background-image:url(../buttons/MMLL.png);
  font-size: 20px;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#F4F4F4;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:95px;
  line-height:14px;
}
.buttons-flav3:hover {background-image:url(../buttons/MMLL2.png);
}

.buttons-flav3:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}

.buttons-flav4{
	position:absolute;
    margin-left:401px;
  margin-top:45px;
  background-image:url(../buttons/DRP.png);
  font-size: 20px;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#F4F4F4;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:95px;
  line-height:14px;
}
.buttons-flav4:hover {background-image:url(../buttons/DRP2.png);
}

.buttons-flav4:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}

.buttons-flav5{
	position:absolute;
    margin-left:505px;
  margin-top:45px;
  background-image:url(../buttons/SP.png);
  font-size: 20px;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#F4F4F4;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:95px;
}
.buttons-flav5:hover {background-image:url(../buttons/SP2.png);
}

.buttons-flav5:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}

.buttons-flav6{
	position:absolute;
    margin-left:90px;
  margin-top:125px;
  background-image:url(../buttons/HIC.png);
  font-size: 20px;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#F4F4F4;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:95px;
  line-height:14px;
}
.buttons-flav6:hover {background-image:url(../buttons/HIC2.png);
}

.buttons-flav6:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-flav7{
	position:absolute;
    margin-left:195px;
  margin-top:125px;
   background-image:url(../buttons/PAMB.png);
  font-size: 20px;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#F4F4F4;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:95px;
  line-height:14px;
}
.buttons-flav7:hover {background-image:url(../buttons/PAMB2.png);
}

.buttons-flav7:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-flav8{
	position:absolute;
    margin-left:298px;
  margin-top:125px;
  background-image:url(../buttons/BQS.png);
  font-size: 20px;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#F4F4F4;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:95px;
  line-height:14px;
}
.buttons-flav8:hover {background-image:url(../buttons/BQS2.png);
}

.buttons-flav8:active {
  background-color:#F4F4F4;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}

.buttons-water{
	position:absolute;
    margin-left:401px;
  	margin-top:125px;
  	font-size: 20px;
  	font-weight:600;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #FFF;
  	background-color:#009;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:95px;
}
.buttons-water:hover {background-color:#00C;
}

.buttons-water:active {
  background-color: #009;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-soda{
	position:absolute;
    margin-left:505px;
  	margin-top:125px;
  	font-size: 20px;
  	font-weight:600;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #FFF;
  	background-color:#009;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
 	height:67px;
  	width:95px;

}
.buttons-soda:hover {background-color:#00C;
}

.buttons-soda:active {
  background-color: #009;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}
.buttons-up{
	position:absolute;
	background-image:url(../buttons/UP.gif);
    margin-left:-292px;
  	margin-top:200px;
  	font-size: 18px;
  	cursor: pointer;
  	text-align: center;
   	outline: none;
  	color: #000;
  	background-color:#FFF;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:80px;
}
.buttons-up:hover {background-color:#000;
}

.buttons-up:active {
  background-color: #FFf;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}.buttons-down{
	position:absolute;
	background-image:url(../buttons/down.gif);
    margin-left:-200px;
  	margin-top:200px;
  	font-size: 18px;
  	cursor: pointer;
  	text-align: center;
   outline: none;
  	color: #000;
  	background-color:#FFF;
  	border:#CCC;
  	border-radius: 15px;
  	box-shadow: 0 9px #333;
  	height:67px;
  	width:80px;

}
.buttons-down:hover {background-color:#000;
}

.buttons-down:active {
  background-color: #FFf;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}.buttons-left{
	position:absolute;
	background-image:url(../buttons/left.gif);
    margin-left:-108px;
  margin-top:200px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#FFF;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:80px;
}
.buttons-left:hover {background-color:#000;
}

.buttons-left:active {
  background-color: #FFf;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}.buttons-right{
	position:absolute;
	background-image:url(../buttons/right.png);
    margin-left:-15px;
  margin-top:200px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
   outline: none;
  color: #000;
  background-color:#FFF;
  border:#CCC;
  border-radius: 15px;
  box-shadow: 0 9px #333;
  height:67px;
  width:80px;
}
.buttons-right:hover {background-color:#000;
}

.buttons-right:active {
  background-color: #FFf;
  box-shadow: 0 5px #333;
  transform: translateY(4px);
}

M1	{
  width:103px;
  box-shadow: 0 3px #000;
  font-weight:500;
  text-align:center;

}
p {
margin-top:4px;
margin-bottom:12px;
margin-left:-4px;
text-align:center;
}

.image{
	position:inherit;
	margin-right:80px;
	margin-left:-40px;
	margin-top:40px;
	border:hidden;
	border-color:#9D9D9D;
	height:580px;
	width:130px;
}
#image2{
	position:absolute;
	margin-left:-10px;
	margin-top:348px;
	margin-bottom:40px;
	border:hidden;
	height:450px;
	width:450px;
	background-color:transparent;
	border-color:#FF9;
	border-radius:15px;
	box-shadow: 10px 10px #000;
	
}
.caption
{
    position:inherit;
	font-size:36px;
	font-weight:600;
	margin:400px 0px 0px 65px;
    width:199px;
	height:60px;
}

#caption1{
    position:absolute;
	margin-top:-120px;
	margin-left:-90px;
	
}
    
#caption2{
     position:absolute;
    margin:0px 0px 0px 0px;
}


/* @group Blink */
blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
#blinker {
  opacity: 0;
  animation: blinking 1s linear infinite;
}

@keyframes blinking {
  from,
  49.9% {
    opacity: 0;
  }
  50%,
  to {
    opacity: 1;
 }