/******
/* 1.0 Reset */
/* 1.5 main page background images */
/* 2.0 main content  */
/* 2.5 main page background images */
/* 3.0 menu page */
/* 5.0 shared content */
/*                    */
/*   5.2 gradient     */

/* 10                 */
/* 15 font            */
/******
/* 1.0 Reset...................................................*/
        
 html{
 	margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:#991100;
	font-size: 1em;
	vertical-align: baseline;
	/*overflow: -moz-scrollbars-vertical;*/ 
    overflow-y: scroll;
	background-attachment:fixed;


}
 body {
    margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:transparent;
	font-size:100%;
	vertical-align: baseline;
	min-width:100%;
	min-height:100%;
	
	
	text-align:center;
}
div {
	margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:#ffffff;
	font-size:100%;
	display:block;
	width:100%;
	height:100%;
}
p {
   margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:transparent;
	font-size:100%;
	font-weight:normal;
	 font-style:normal;
	display:block;
	width:100%;
	height:100%;
 }
main {
	margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:transparent;
	font-size:100%;
	font-weight:normal;
	 font-style:normal;
	display:block;
	width:100%;
	height:100%;
}
section{
       	margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:transparent;
	font-size:100%;
	font-weight:normal;
	 font-style:normal;
	display:block;
	width:100%;
	height:100%;
 }
article{
      	margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:transparent;
	font-size:100%;
	font-weight:normal;
	 font-style:normal;
	display:block;
	width:100%;
	height:100%;
  }
aside{
     	margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:transparent;
	font-size:100%;
	font-weight:normal;
	 font-style:normal;
	display:block;
	width:100%;
	height:100%;
 } 
nav{
    display:block;
    margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:transparent;
	font-size:100%;
	font-weight:normal;
	 font-style:normal;
	width:100%;
	height:100%;
	text-decoration:none;

   }
header{
   font-size:100%;
	font-weight:normal;
	 font-style:normal;
	 margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:transparent;
	display:block;
	}
footer{
  font-size:100%;
	font-weight:normal;
	 font-style:normal;
	 margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:#ffffff;
	display:block;
	}
 a:visited{color:red;}	
 a:hover{color:green;}
 a:link{text-decoration:none; color:blue;}
h1,h2,h3,h4,h5,h6{
     font-weight:normal;
	 font-style: normal;
	 margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:transparent;
	
	
    }	
	

  ol, ul, dl{
   list-style:none;
   background-color:transparent;
   text-align:left;
  }
  dt,dd,li{
  background-color:transparent;
  
  }
  table{
     border-collapse:collapse;
	 border-spacing: 0;
	margin:0;
	padding:0;
	border:solid;
	color:#000000;
	background-color:#ffffff;
	font-size:100%;
	font-weight:normal;
	 font-style:normal;
	vertical-align: baseline;
	}
	tr,td,th {
	 border-collapse: separate;
	 border-spacing: 0;
	  margin:0;
	padding:0;
	border:none;
	color:#000000;
	background-color:#ffffff;
	font-size:100%;
	font-weight:normal;
	 font-style:normal;
	vertical-align: baseline;
	
}
	 
	
	address,caption,cite,code,em,strong,var{
	 font-weight: normal;
	 font-style: normal;
	 color:#000000;
	 }
	 
	 img{
	     border:none;
		 margin:0;
		 padding:0;
	 }
	 
	 .none{
	      display:none;
	 }
	 .hide{
	    visibility:hidden;
	 }
     /*............1.5 main page background images...........*/
     #drstore{
               position:absolute;
			   left:300px;
			   top:110px;
      }	 
	  
	  #dr2store{
               position:absolute;
			   left:0px;
			   top:110px;
      }	 
    #car1store{
               position:absolute;
			   left:600px;
			   top:500px;
      }	 
	  #crd1store{
               position:absolute;
			   left:0px;
			   top:500px;
      }	 
	  #crd2store{
               position:absolute;
			   right:0px;
			   top:110px;
      }	 
	  #white66{
               position:absolute;
			   left:400px;
			   top:410px;
      }	 
	  
	  #dr3store{
               position:absolute;
			   right:0px;
			   top:765px;
      }	 
	  
	  #dr4store{
               position:absolute;
			   left:300px;
			   top:805px;
      }	 
	  #car2store{
               position:absolute;
			   left:0px;
			   top:805px;
      }	 
	  #thedeli1{
	  position:absolute;
			   left:0px;
			   bottom:0px;
	  }
	   #thedeli2{
	  position:absolute;
			   right:0px;
			   bottom:0px;
	  }
	   #bt66{
	  position:absolute;
			   left:352px;
			   bottom:0px;
	  }
	 /* 2.0 main content......................*/
    #maincontainer{position:relative;
	               width:1000px;
				   height:auto;
				   background-color:#ebd6bb ;
				   margin:0px auto auto auto;
				   border-radius:1em;
                  } 	
	#topbanner{
	           position:relative;
			   padding-top:25px;
			   padding-bottom:10px;
			   font-size:3.5em;
			   text-align:center;
			    color:black;
				text-shadow:1.5px 1.5px 0px red;
				background-color:#f5d7a1;
				 box-shadow: 0px 0px 25px 5px #3c3838 inset;
			   }
#topnav{position:relative;
       padding-bottom:10px;
	   background-color:transparent;
	   font-size:1.5em;
	  
	  
	   
}	
#topnav ul{ 
            text-align:center;
			background-color:transparent;
}	
#topnav ul li{ display:inline;
           
			background-color:transparent;
  text-shadow: 6px 15px 4.5px #3d3f42,
               1.5px 1.5px 0px #ffffff;
  
}	   
#storehours{
          display:block;
          position:relative;
          width:350px;
		  height:190px;
		  text-align:center;
		  
		  background-image:url(images/bkgpaper5.jpg);
		  border-radius:.5em;
		  margin-top:20px;
		  margin-left:10px;
		  color:#000000;
		  
		  top:0px;
		 left:10px;
		 transform:skewX(-170deg);
		 border-top-left-radius: 8em .5em;
 border-top-right-radius: 1em 3em;
 border-bottom-right-radius: 18em 1.5em;
 border-bottom-left-radius: 1em 3em; 
		
		  
}

#specials{
          display:block;
          position:relative;
		  width:600px;
		  height:auto;
		 
		  background-image:url(images/bcgspecials.png);
		  left:130px;
		  top:-275px;
		  text-align:center;
		 
		  padding:15px ;
		 border-top-left-radius: 2em .5em;
 border-top-right-radius: 1em 3em;
 border-bottom-right-radius: 4em 0.5em;
 border-bottom-left-radius: 1em 3em; 
		  z-index:2;
}
#dailysp{display:block; 
        position:relative;
		background-color:white;
		  width:500px;
		  
		 
		

}
#dujour{display:block; 
        position:relative;		
		background-color:#af838f;
		background-image:url(images/bkgred2fmc.jpg);
		width:325px;
		left:630px;
		top:-200px;
		padding:15px 0px 15px 0px;
		border-radius:3em;
		border-color:#6a0608;
		border-width:.5em;
		border-style:solid;
		z-index:3;
		
}
 h1,h3,h4,h2 {
            padding-bottom:5px;
			padding-top:5px;
			color:white;
}

/* this is the history panel */
#delihistory{
          position:relative;
          width:80%;
		  background-color:#e5cba1 ;
		  background-image:url(images/bkgpaper1.jpg);
          
           left:140px;
          top:-250px;		
           padding:20px;		  
		 /* -webkit-border-radius: 1000px;*/
/*-moz-border-radius: 1000px;*/
border-radius: 1em 3em;
border-style:none;		  
}	 
#evespecial{
	position: relative;
	font-size: 150%;
	width: 100%;
	margin-top: 2%;
 background-color: red; /* For browsers that do not support gradients */
    background-image: linear-gradient(to bottom right, red, lime); /* Standard syntax (must be last) */	
	animation: boxflip 5s;
	animation-iteration-count: 3;
}
#footmain{position:relative;
          background-color:transparent;
          text-align:left;
          width:1000px;
}
#footcopy{
    position:relative;
   display:inline;
   left:10px;
}
#footinfo{
         position:relative;
         display:inline;
		 left:500px;
}

    /* filp box  */
	
#flippic{
         position:relative;
		 background-color:transparent;
		 width:1000px;
		 height:150px;
		 margin-top:15px;
		 
		 
}
.flipbox1{ position:relative;
          float:left;
		  width:150px;
		  height:150px;
		  border:3px;
		  border-style:solid;
		  border-color:black;		 
		  border-radius:1.5em;
		   padding:0px;
		  left:5px;
		  overflow:hidden;
		
		  
		 
}

.flipbox2  { position:relative;
          float:left;
		  width:150px;
		  height:150px;
		  margin-left:60px;
		  margin-right:0px;
		  border:3px;
		  border-style:solid;
		  border-color:black;
		   padding:0px;
		   border-radius:1.5em;
		   overflow:hidden;
		   
}

.flipbox3{position:relative;
          float:right;
		  width:150px;
		  height:150px;
		  margin-left:0px;
		  border:3px;
		  border-style:solid;
		  border-color:black;
		   padding:0px;
		   border-radius:1.5em;
		   right:5px;
		   overflow:hidden;
}
#onefp{
    background-color:#ff99d3 ; 
    background-image:url(images/bfplatterth.png);	
   	
	backface-visibility:hidden;
	animation-name:fliph;
	animation-delay:5s;
	animation-direction:normal;
    animation-duration:30s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:ease-in-out;
	/*
	-webkit-animation-name:fliph;
	-webkit-animation-delay:5s;
	-webkit-animation-direction:normal;
    -webkit-animation-duration:30s;
    -webkit-animation-iteration-count:infinite;	
	-webkit-animation-play-state:running;
	-webkit-animation-timing-function:ease-in-out;
	*/
}


#twofp{
    background-color:#000000;
	background-image:url(images/turtlesundaeth.png);
	backface-visibility:hidden;
	animation-name:flipv;
	animation-delay:15s;
	animation-direction:normal;
    animation-duration:35s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:ease-in-out;
	
}
#threefp{
    background-color:#ff99d3 ;
    background-image:url(images/chickwrapth.png);	
	animation-name:fliph;
	animation-delay:10s;
	animation-direction:normal;
    animation-duration:15s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:ease-in-out;
	backface-visibility:hidden;

} 
#fourfp{
     background-color:#000000;
	 background-image:url(images/cinrollth.png);
	 animation-name:flipv;
	animation-delay:5s;
	animation-direction:normal;
    animation-duration:15s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:ease-in-out;
	backface-visibility:hidden;

}
#fivefp{
    background-color:#ff99d3 ;	  
    background-image:url(images/capshaketh.png);	
	animation-name:fliph;
	animation-delay:7s;
	animation-direction:normal;
    animation-duration:20s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:ease-in-out;
	backface-visibility:hidden;
}


   

   /* end flip box */
   /*reel*/
     
     #reelholder{
	            position:absolute;
				height:150px;
				width:1000px;
				background-color:transparent;
				
	 
	 }
	 
     #reel1{
	      position:relative;
		  width:150px;
		  height:150px;
		  background-color:transparent;
		 
		  overflow:hidden;
		  
		
	
	 }
	 #reel2{
	      position:relative;
		  width:150px;
		  height:150px;
		  background-color:transparent;
		  overflow:hidden;
	      
	 }
	  #reel3{
	      position:relative;
		  width:150px;
		  height:150px;
		  
		  background-color:transparent;
		  overflow:hidden;
	 
	 }
	  #reel4
	  {
	      position:relative;
		  width:150px;
		  height:150px;
		  
          background-color:transparent;
		  overflow:hidden;	 
	 }
	  #reel5{
	      position:relative;
		  width:150px;
		  height:150px;
		  
		  background-color:transparent;
		  overflow:hidden;
	 
	 }
	 /*.clreel{
	 
	 } 
	 */
	 .relbox1{
	          display:block;
			 
              position:absolute;		  
		      width:150px;
		      height:150px;		 
		      overflow:hidden;
	 }
	 
	 .rlpic1{
            background-color:#000000;
			background-image:url(images/meatcheeseth.png);
			
	 
	 }
 
	 .rlpic2{
	  background-color:#ff99d3;
	  background-image:url(images/strawlatteth.png);
	  animation-name:scrollv2;
	animation-delay:0s;
	animation-direction:normal;
    animation-duration:33s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:linear;
	backface-visibility:hidden;	
	  }
	 .rlpic3{
	     background-color:#000000;
		 background-image:url(images/pestotm.png);
		 animation-name:scrollv1;
	animation-delay:0s;
	animation-direction:normal;
    animation-duration:37s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:linear;
	backface-visibility:hidden;
	 }
	 
	 .rlpic4{
	        background-color:#ff99d3;
			background-image:url(images/wbcoffee.png);
			
	 
	 }
	 
	 .rlpic5{
    background-color:#000000;
    background-image:url(images/fbt.png);
    animation-name:skewx1;
	animation-delay:0s;
	animation-direction:normal;
    animation-duration:25s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:linear;
	backface-visibility:hidden;	
	 
	 }
	 
	 .rlpic6{
	       background-color:#ff99d3;
			background-image:url(images/pepshaketh.png);
			animation-name:skewx2;
	animation-delay:0s;
	animation-direction:normal;
    animation-duration:40s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:linear;
	backface-visibility:hidden;
	 
	 }
	 
	 .rlpic7{
            background-color:#000000;
			background-image:url(images/omelet.png);
			
	 
	 }
 
	 .rlpic8{
	  background-color:#ff99d3;
	  background-image:url(images/chocherryth.png);
	  animation-name:scrollv2;
	animation-delay:0s;
	animation-direction:normal;
    animation-duration:33s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:linear;
	backface-visibility:hidden;	
	  }
	 .rlpic9{
	     background-color:#000000;
		 background-image:url(images/samptrayth.png);
		
		 animation-name:scrollv1;
	animation-delay:0s;
	animation-direction:normal;
    animation-duration:37s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:linear;
	backface-visibility:hidden;
	 }
	 
	 .rlpic10{
	        background-color:#ff99d3;
			background-image:url(images/tray1th.png);
			
	 
	 }
	 
	 .rlpic11{
	     background-color:#782876;
		 background-image:url(images/sndtray.png);
		 animation-name:skewx1;
	animation-delay:0s;
	animation-direction:normal;
    animation-duration:27s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:linear;
	backface-visibility:hidden;	
	 
	 }
	 
	 .rlpic12{
	       background-color:#a5a112;
			background-image:url(images/logoth.png);
			animation-name:skewx2;
	animation-delay:0s;
	animation-direction:normal;
    animation-duration:40s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:linear;
	backface-visibility:hidden;
	 
	 }
	 
	 .rlpic13{
	        background-color:#4a9cc1;
			background-image:url(images/icecap.png);
			
	 
	 }
	 
	 .rlpic14{
	     background-color:#782876;
		 background-image:url(images/hambgth.png);
		 animation-name:skewx1;
	animation-delay:0s;
	animation-direction:normal;
    animation-duration:20s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:linear;
	backface-visibility:hidden;	
	 
	 }
	 
	 .rlpic15{
	       background-color:#a5a112;
			background-image:url(images/syrupth.png);
			animation-name:skewx2;
	animation-delay:0s;
	animation-direction:normal;
    animation-duration:30s;
    animation-iteration-count:infinite;	
	animation-play-state:running;
	animation-timing-function:linear;
	backface-visibility:hidden;
	 
	 }
	 
.ovrflwbx{ background-color:transparent;
             width:150px;
		  height:150px;
		  border:3px;
		  border-style:solid;
		  border-color:black;		 
		  border-radius:1.5em;
		   padding:0px;
		   overflow:hidden;
}  
  /* end reel */

/*3.0 menu page...................*/

  #mainmenu{
          background-color:#f692f1;
          color:red;
             
  }

/* 5.0 shared content ................*/
  /* .none{display:none;  }
   .hide{visibility:hidden; }
   */
   .shadow1{
       box-shadow: 5px 5px 15px 0px #3c3838;
   }
   .shadow2{
       box-shadow: -2px 5px 15px 1px #3c3838 ;
   }
   .shadow3{
       box-shadow: 10px 10px 20px #585b60;
   }
   .shadow4{
       box-shadow: 2px 15px 20px  #585b60;
   }
   .shadow5{
  box-shadow:0px 0px 50px 10px white;  
   }
  
   .bd_2{
        
        border:1px;
		  border-style:solid;
		  border-color:black;		 
		  border-radius:1.0em;
		
   }
   .grtxt{color:#ffffff;}
   
/* 5.2  gradient.................................*/

 
	 .grad1{background: #560b00; /* Old browsers */
	 /*
background: -moz-linear-gradient(left,  #560b00 5%, #b70f00 28%, #b70f00 69%, #560b00 96%);*/
 /* FF3.6+ */
 /*
 background: -webkit-gradient(linear, left top, right top, color-stop(5%,#560b00), color-stop(28%,#b70f00), color-stop(69%,#b70f00), color-stop(96%,#560b00));
*/
 /* Chrome,Safari4+ */
/*
 background: -webkit-linear-gradient(left,  #560b00 5%,#b70f00 28%,#b70f00 69%,#560b00 96%);
 */
 /* Chrome10+,Safari5.1+ */
/*
 background: -o-linear-gradient(left,  #560b00 5%,#b70f00 28%,#b70f00 69%,#560b00 96%);
*/
 /* Opera 11.10+ */
 /*
background: -ms-linear-gradient(left,  #560b00 5%,#b70f00 28%,#b70f00 69%,#560b00 96%);
*/
 /* IE10+ */
 
background: linear-gradient(to right,  #560b00 5%,#b70f00 28%,#b70f00 69%,#560b00 96%);

 /* W3C */
/* 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#560b00', endColorstr='#560b00',GradientType=1 );
*/
 /* IE6-9 */

 
	 }  

	 .grad2{
	 
	 background: #724d3d; /* Old browsers */
/*
background: -moz-linear-gradient(left, #724d3d 0%, #f75e4a 19%, #f75e4a 85%, #724d3d 100%); /* FF3.6+ */
/*
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#724d3d), color-stop(19%,#f75e4a), color-stop(85%,#f75e4a), color-stop(100%,#724d3d));
*/
 /* Chrome,Safari4+ */
/*
background: -webkit-linear-gradient(left, #724d3d 0%,#f75e4a 19%,#f75e4a 85%,#724d3d 100%);
*/
 /* 

Chrome10+,Safari5.1+ */
/*
background: -o-linear-gradient(left, #724d3d 0%,#f75e4a 19%,#f75e4a 85%,#724d3d 100%);
*/
 /* Opera 11.10+ */
/*
background: -ms-linear-gradient(left, #724d3d 0%,#f75e4a 19%,#f75e4a 85%,#724d3d 100%); 
*/
/* IE10+ */

background: linear-gradient(to right, #724d3d 0%,#f75e4a 19%,#f75e4a 85%,#724d3d 100%); /* W3C */
/*
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#724d3d', endColorstr='#724d3d',GradientType=1 );
*/
 /* IE6-9 */

	 
	 }
	 
	 
	 
	 .grad3{
	       
background: #dbccba; /* Old browsers */
/*
background: -moz-linear-gradient(left, #dbccba 0%, #eeeae0 10%, #eeeae0 94%, #dbccba 100%);*/
 /* FF3.6+ */
/*
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbccba), color-stop(10%,#eeeae0), color-stop(94%,#eeeae0), color-stop(100%,#dbccba));
*/
 /* Chrome,Safari4+ */
/*
background: -webkit-linear-gradient(left, #dbccba 0%,#eeeae0 10%,#eeeae0 94%,#dbccba 100%);*/
 /* Chrome10+,Safari5.1+ */
/*
background: -o-linear-gradient(left, #dbccba 0%,#eeeae0 10%,#eeeae0 94%,#dbccba 100%);
*/
 /* Opera 11.10+ */
/*
background: -ms-linear-gradient(left, #dbccba 0%,#eeeae0 10%,#eeeae0 94%,#dbccba 100%);
*/
 /* IE10+ */

background: linear-gradient(to right, #dbccba 0%,#eeeae0 10%,#eeeae0 94%,#dbccba 100%); /* W3C */

/*
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbccba', endColorstr='#dbccba',GradientType=1 );
*/
 /* IE6-9 */






	 }




/* 10.0 @keyframes ....................    */

            /*set top level anime for sec.plippic*/
@keyframes fliph {
         0%{transform:rotateX(0deg);}
		 20%{transform:rotateX(180deg);}
		 30%{transform:rotateX(180deg);}
		 40%{transform:rotateX(180deg);}		
		 50% {transform:rotateX(180deg);}
		 60% {transform:rotateX(180deg);}
		 70% {transform:rotateX(90deg);}
		 80% {transform:rotateX(0deg);}
		 83% {transform:rotateX(0deg);}
		 87% {transform:rotateX(0deg);} 
		 90% {transform:rotateX(0deg);}
		 95% {transform:rotateX(0deg);}
		 96% {transform:rotateX(0deg);} 
		 97% {transform:rotateX(0deg);} 
		 98% {transform:rotateX(0deg);} 
		 100% {transform:rotateX(0deg);} 
}


@keyframes flipv {
         0%{transform:rotatey(0deg);}
		 20%{transform:rotatey(180deg);}
		 30%{transform:rotatey(180deg);}
		 40%{transform:rotatey(180deg);}		
		 50% {transform:rotatey(180deg);}
		 60% {transform:rotatey(180deg);}
		 70% {transform:rotatey(90deg);}
		 80% {transform:rotatey(0deg);}
		 83% {transform:rotatey(0deg);}
		 87% {transform:rotatey(0deg);} 
		 90% {transform:rotatey(0deg);}
		 95% {transform:rotatey(0deg);}
		 96% {transform:rotatey(0deg);} 
		 97% {transform:rotatey(0deg);} 
		 98% {transform:rotatey(0deg);} 
		 100% {transform:rotatey(0deg);} 
}

     /* set 2nd level anime for section flippic article*/
@keyframes scrollv1{
               0%{transform:translateY(0px);}
			   5%{transform:translateY(0px);}
			   10%{transform:translateY(0px);}
			   15%{transform:translateY(150px);}
			   50%{transform:translateY(150px);}
			   60%{transform:translateY(150px);}
			   70%{transform:translateY(150px);} 
			   80%{transform:translateY(150px);}
			   90%{transform:translateY(0px);} 
			  100%{transform:translateY(0px);}
            
}

@keyframes scrollv2{
               0%{transform:translatex(0px);}
			   5%{transform:translatex(0px);}
			   10%{transform:translatex(0px);}
			   15%{transform:translatex(0px);}
			   50%{transform:translatex(0px);}
			   60%{transform:translatex(150px);}
			   70%{transform:translatex(150px);} 
			   80%{transform:translatex(150px);}
			   90%{transform:translatex(0px);} 
			  100%{transform:translatex(0px);}
            
}

@keyframes scrollv3{
               0%{transform:translateY(0px);}
			   5%{transform:translateY(0px);}
			   10%{transform:translateY(0px);}
			   15%{transform:translateY(0px);}
			   50%{transform:translateY(0px);}
			   60%{transform:translateY(0px);}
			   70%{transform:translateY(0px);} 
			   80%{transform:translateY(0px);}
			   90%{transform:translateY(150px);} 
			  100%{transform:translateY(150px);}
            
}

@keyframes skewx1{
               0%{transform:skewX(0deg);}
			   5%{transform:skewX(0deg);}
			   10%{transform:skewX(0deg);}
			   15%{transform:skewX(90deg);}
			   50%{transform:skewX(90deg);}
			   60%{transform:skewX(90deg);}
			   70%{transform:skewX(90deg);} 
			   80%{transform:skewX(90deg);}
			   90%{transform:skewX(0deg);} 
			  100%{transform:skewX(0deg);}
            
}

@keyframes skewx2{
               0%{transform:skewX(0deg);}
			   5%{transform:skewX(0deg);}
			   10%{transform:skewX(0deg);}
			   15%{transform:skewX(0deg);}
			   50%{transform:skewX(0deg);}
			   60%{transform:skewX(-90deg);}
			   70%{transform:skewX(-90deg);} 
			   80%{transform:skewX(-90deg);}
			   90%{transform:skewX(0deg);} 
			  100%{transform:skewX(0deg);}
            
}
  @keyframes boxflip{
	50% {transform: rotatex(90deg);}
	100%{transform: rotateX(0deg);}
  }
/*15 font .............*/
 .dualityfont{
     font-family:duality, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	 }
	 
	  h1,h2,h3{
     font-family:duality, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	 
	 }
	 	 
	p,ul,li{
       font-family:"Trebuchet MS", Helvetica, sans-serif;
      
       font-weight:normal;
       margin-bottom:5px;
       
	   
	 	   
	}
h1,h2,h3,h4{ text-shadow: 6px 6px 4px rgba(61, 63, 66, 1);
	    padding:10px;
		
	 
	}
	
.spltxt{ font-size:150%;}
.hrtxt{font-size:120%;}
.hsttxt{font-size:150%;}	
.indtxt{font-size:150%}
/* unvisited link */
a:link {
  color: blue;
  text-decoration:none;
}

/* visited link */
a:visited {
  color: blue;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: hotpink;
}
/* ......................... mobile ...........................*/
@media screen and (max-width:700px){
	 #flippic{display:none;}
	 

}	
@media screen and (max-height: 700px){
#flippic{display:none;}
}