@charset "utf-8";
/* Overall  specific CSS Document . Sits in  main css file in 'amastersitephp/css'. Sites may have a complimentary CSS in their site specific CSS folder that the header refers to  if directed by the index page for the site */
 #deliveryadd,.BoldAndUnderlined {
	font-weight: bold;
	text-decoration: underline;
}
.SmallFont {
    font-size:9px;	
}

 html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
* {
	-webkit-box-sizing: border-box;/* Safari and Chrome */
	-moz-box-sizing: border-box;/* Firefox */
    box-sizing: border-box;
}

p.productname, p.productnumber {
	height:5px;
	font-size: 70%;
}
p.productunperfprice, p.productperfprice, p.productdiyfprice {
    height:10px;
	font-size:100%;
}

.image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.imagebig img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.imagebig:hover img {
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -moz-transform:scale(1.5); /* Firefox */
    -ms-transform:scale(1.5); /* IE 9 */
    -o-transform:scale(1.5); /* Opera */
     transform:scale(1.5);
}
.imagemega img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.imagemega:hover img {
    -webkit-transform:scale(2.0); /* Safari and Chrome */
    -moz-transform:scale(2.0); /* Firefox */
    -ms-transform:scale(2.0); /* IE 9 */
    -o-transform:scale(2.0); /* Opera */
     transform:scale(2.0);
}
.container {
	padding: 10px;
	position: static;
  
}

.flabel {
	text-align:right; 
}
#gradgreen {
    background: -webkit-linear-gradient(#C7E9FC, #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C7E9FC, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C7E9FC, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C7E9FC, #FFFFFF); /* Standard syntax (must be last) */
}
#gradgrey {
	height: 100px;
    background: -webkit-linear-gradient(#FFFFFF, #B6B6B6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #B6B6B6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #B6B6B6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #B6B6B6); /* Standard syntax (must be last) */
}

[class*="col-"] {
    float: left;
    padding: 0px;
 }
 /* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


.container .footnotep {
	color: #FC0307;
	font-size: x-small;
	text-indent: 30px;
}
#feebackform, #checkoutform {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-radius: 20px;
	border: thin solid  #7F7EFF;
	background-color: #C7E9FC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:100%;
}
.row #feebackform #formfeedback {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 20px;
}

.row .col-2 #headerimage {
	float: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom:10px;
	padding-left: 10px;
}
.row a #buttonorderfromimages {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-radius: 50px;
}
.container-fluid {

margin-right:0%;
margin-left: 0%;
padding-left:0%;
padding-right:0%;
}
#maincontainer #indextoppanal {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.row .col-2 #headerimage {
	margin-top:1%;
	margin-bottom:1%;
}

#qhybuycoldiv #hope1 #whybuybullets {
	float: left;
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.productbox {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #E0E0E0;
	border-radius: 10px;
	width: 210px;
	height: 292px;
	background: -webkit-linear-gradient(#E0E0E0, #FFFFFF, #E3E3E3); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#E0E0E0, #FFFFFF, #E3E3E3); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#E0E0E0,#FFFFFF, #E3E3E3); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FAFC9D, #FFFFFF, #FCF04E); /* Standard syntax (must be last) */
	border: thin solid #5D5D5D;
}
.productbuttons,.btn-default, #chsubmit{
	border-radius: 10px;
	margin:1px;
	
}

.image {
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
	padding:5px;
	width:120px;
	
}
#tdrs {
    display:block;
    margin-left: auto;
	margin-right: auto;
	
}
.sampletaxdisciamges {
    display:block;
    margin-left: auto;
	margin-right: auto;
	
}
#sampletaxdiscimageborder {
    display:block;
    margin-left: auto;
	margin-right: auto;
	
}

#basketbuttons {
	margin-top: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.basketbuttons {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.divbasket {
	border-radius: 10px;
	background-color: #62FF43;
	border: thin solid #24F71A;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.imgscbasket {
	float:left;
	padding-left: 10px;
	padding-top: 10px;
	

}
#basket {
	display: none;
}

.checkoutbasketdiv{
	background-image: url("../images/White shopping basket.png");
    background-repeat: no-repeat;
	border-radius: 10px;
	background-color: #62FF43;
	border: thin solid #24F71A;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	display:block;
	width:240px;
	height:210px;
	
	
}

.checkoutbutton {
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 10px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	
	
}

.centreddiv{
	display:block;
	margin-right: auto;
	margin-left: auto;
	padding-left:10px;
}

#checkoutbaskettext{
	text-align:center;
	width:138px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	font-size:11px;
}

#checkoutbasketimg {
	display:block;
	margin-right: auto;
	margin-left: auto;
	padding-top:40px;
}

 #selectdiscdropdown  {
	display:block;
	margin-right: auto;
	margin-left: auto;
	
}
.chformtext {
	display:block;
	margin-right: auto;
	margin-left: auto;
	
}

#chprogress {
	display:block;
	padding-top:10px;
	padding-left:10px;
}
#schprogress {
	display:none;
	padding-left:10px;
}
#chsubmit{
	border-radius: 10px;
	margin:1px;
	
	
}
#ptandc {
	text-align: center;
		
}

.chsubmitdiv,#chsubmit,#feebackmessagebox,.tandc{
	display:block;
	margin-right: auto;
	margin-left: auto;
	
}
.paymentcardimages {
	text-align: center;
}
#mainnav {
	width: 100%;
	height:auto;
	text-align: center;
	z-index:1000;
}

.dropbtn {
	background-color: rgba(190,192,192,1.00);
	/*background-image: url("https://www.yourlittlereminders.com/images/mobileMenuButton.png");*/
	background-image: url("../images/mobileMenuButton.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	color: white;
	padding: 2px;
	font-size: 20px;
	/*border:none;*/
	cursor: pointer;
	border-radius: 10px;
	display:block;
	width: 98%;
	text-align:center;
	margin: 5px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.mobileMenuDiv {
	
    position: relative;
    /*display: inline-block;*/
	z-index:1000;
}
.mainnavdiv {
	min-height:30px;
}
.dropdown-content {
    display: none;
    position:relative;
	border-radius: 10px;
    background-color: rgba(190,192,192,1.00);
	width:50%;
	margin-left:25%;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: white;
	font-family:arial;
	font-size: 15px;
    padding: 5px 0px;
    text-decoration: none;
    display: block;
	
}

.mobileMenuDiv :focus {outline:0;}
.mobileMenuDiv a:hover ,.mainNavButton:hover ,.dropbtn:hover  {
	background-color: rgba(161,161,158,1.00);
	}

@media (max-width: 300px) {
	.mobileMenuDiv {visibility:visible;}
	.mainnavdiv {visibility:hidden; height:0px;min-height:0px;}
	h1 {font-size: 120%;}
	h2 {font-size: 110%;}
	h3 {font-size: 100%;}
	h4 {font-size: 90%;}
	h5 {font-size: 80%;}
	.flabel {text-align:left}
	#chprogress {display:none;}
	#schprogress {display:block;}
	#chsubmit{width:200px; height:50px; word-wrap:break-word;}
	
		
	
}
@media (min-width: 301px) {
	.mobileMenuDiv {visibility:visible;}
	.mainnavdiv {visibility:hidden; height:0px;min-height:0px;}
	p {font-size: 100%;}
	h1{font-size: 150%;}
	h2{font-size: 140%;}
	h3{font-size: 130%;}
	h4{font-size: 110%;}
	h5{font-size: 100%;}
	.flabel {text-align:left;}
	#chprogress {display:none;}
	#schprogress {display:block;}
	#chsubmit{width:200px; height:50px; word-wrap:break-word;}
}

@media (min-width: 500px) {
	.mobileMenuDiv {visibility:visible;}
	.mainnavdiv {visibility:hidden; height:0px;min-height:0px;}
	p {font-size: 110%;}
	h1 {font-size: 175%;}
	h2 {font-size: 160%;}
	h3 {font-size: 145%;}
	h4 {font-size: 130%;}
	h5 {font-size: 115%;}
	.flabel {text-align:left}
	#chprogress {display:block;}
	#schprogress {display:none;}
	#chsubmit{width:300px; height:30px; word-wrap:break-word;}
}

@media (min-width: 767px) {
	.mobileMenuDiv {visibility:visible;}
	.mainnavdiv {visibility:hidden; height:0px;min-height:0px;}
	p {font-size: 115%;}
	h1 {font-size: 225%;} 
	h2 {font-size: 200%;} 
	h3 {font-size: 180%;} 
	h4 {font-size: 160%;} 
	h5 {font-size: 140%;} 
	.flabel {text-align:right}
	#chprogress {display:block;}
	#schprogress {display:none;}
	#chsubmit{width:300px; height:30px; word-wrap:break-word;}
	}
	
@media (min-width: 900px) {
	.mobileMenuDiv {visibility:hidden; height:0px;}
	.mainnavdiv {visibility:visible;min-height:25px;}
	p {font-size: 115%;}
	h1 {font-size: 225%;} 
	h2 {font-size: 200%;} 
	h3 {font-size: 180%;} 
	h4 {font-size: 160%;} 
	h5 {font-size: 140%;} 
	.flabel {text-align:right}
	#chprogress {display:block;}
	#schprogress {display:none;}
	#chsubmit{width:300px; height:30px; word-wrap:break-word;}
	}

@media (min-width: 1200px) {
    .mobileMenuDiv {visibility:hidden; height:0px;}
	.mainnavdiv {visibility:visible;min-height:25px;}
	p {font-size: 120%;}
	h1 {font-size: 300%;}
	h2 {font-size: 250%;} 
	h3 {font-size: 200%;} 
	h4 {font-size: 150%;} 
	h5 {font-size: 140%;} 
	.flabel {text-align:right}
	#chprogress {display:block;}
	#schprogress {display:none;}
	#chsubmit{width:300px; height:30px; word-wrap:break-word;}
}	
p.footercontent {
	text-align: center;
	font-size: 10px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
#headertitle {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align: center;
}


#wettaxdiscimage, #gettyclampimage,.iround {
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-radius: 50px;
	float:left;
}

#whybuysampletaxdiscimageborder {
	float:right;
	text-align: center;
	background-color: #C7E9FC;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	border: 10px solid navy;
	border-radius: 20px;
	margin-right: 20px;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sampletaxdiscimageborder {
	text-align: center;
	background-color: #C7E9FC;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	border: 10px solid navy;
	border-radius: 20px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#buttonorderfromtext, #buttonwhybuy {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-radius: 50px;
}
#buttonordermidtext1, #buttonordermidtext2, #buttonordermidtext3,
#buttonordermidtext4, #buttonordermidtext5, #buttonordermidtext6,
#buttonordermidtext7, #buttonordermidtext8, #buttonordermidtext9,
#buttonordermidtext10,#buttonordermidtext11, #buttonordermidtext12,
#buttonordermidtext13,#buttonordermidtext14, #buttonordermidtext15, 
#buttonordermidtext16,#buttonordermidtext17,#buttonordermidtext18,
#buttonordermidtext19,#buttonordermidtext20,#buttonordermidtext21,
#buttonordermidtext22,#buttonordermidtext23,#buttonordermidtext24,
#buttonordermidtext25,#buttonordermidtext26,#buttonordermidtext27 {
	float: right;
	clear: both;
	width: 120px;
	height: 120px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 58px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#textorderbutton {
	text-align: center;
}
h4.panel-title {
	border: thin solid #9696F8;
	background-color: #EBF9FF;
	border-radius: 10px;
	border-spacing: 10px 0px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
h5.panel-title {
	border: thin solid #9696F8;
	background-color: #D8F3FF;
	border-radius: 50px;
	margin-top: 2px;
	margin-right: 40px;
	margin-bottom: 2px;
	margin-left: 40px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	max-width: 420px;
}

#worldpaypaysite {
	background-color: #D7F3F9;
	border: thin solid #2818FD;
	border-radius: 20px;
}
#errorfeedback {
	border: medium solid #FB0303;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 20px;
	background-color: #F9E6EA;
}
#thankyoumessage {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: medium solid #0A9A03;
	border-radius: 20px;
	background-color: #D9FCD1;
}

.container #errorfeedback .errorfeedbacktext2 {
	text-indent: 10px;
}
.container #errorfeedback .errorfeedbacktext3 {
	text-indent: 30px;
}
.container #thankyoumessage .thankyoumessage2 {
	text-indent: 30px;
}

#flashpointer1, #flashpointer5 {
	margin-top: 1%;
	margin-bottom: 1%;	
	background-color: red;
	position: relative;
	-webkit-animation-name: flashpointeranimation1; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
	animation-name: flashpointeranimation1;
	animation-iteration-count: infinite;
	text-align: center;
	border-radius: 100px;
}
#flashpointer2, #flashpointer6 {
	margin-top:1%;
	margin-bottom:1%;
	background-color: red;
	position: relative;
	-webkit-animation-name: flashpointeranimation2; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
	animation-name: flashpointeranimation2;
	animation-iteration-count: infinite;
	text-align: center;
	border-radius: 50px;
}
#flashpointer3 {
	margin-top:1%;
	margin-bottom:1%;
	background-color: red;
	position: relative;
	-webkit-animation-name: flashpointeranimation3; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
	animation-name: flashpointeranimation3;
	animation-iteration-count: infinite;
	text-align: center;
	border-radius: 50px;
}
#flashpointer4 {
	margin-top:1%;
	margin-bottom:1%;
	background-color: red;
	position: relative;
	-webkit-animation-name: flashpointeranimation4; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
	animation-name: flashpointeranimation4;
	animation-iteration-count: infinite;
	text-align: center;
	border-radius: 50px;
	
}


/* Chrome, Safari, Opera */
@-webkit-keyframes flashpointeranimation1 {
    0%   {background-color:#FF7272; }
    25%  {background-color:#FCFC41;}
    50%  {background-color:lightgreen; }
	75%  {background-color:lightblue; }
	100% {background-color:#FF7272; }
}

/* Standard syntax */
@keyframes flashpointeranimation1 {
    0%   {background-color:#FF7272; }
    25%  {background-color:#FCFC41;}
    50%  {background-color:lightgreen; }
	75%  {background-color:lightblue; }
	100% {background-color:#FF7272; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes flashpointeranimation2 {
    0%   {background-color:lightblue; }
    25%  {background-color:#FF7272;}
    50%  {background-color:#FCFC41; }
	75%  {background-color:lightgreen; }
	100% {background-color:lightblue }
}

/* Standard syntax */
@keyframes flashpointeranimation2 {
    0%   {background-color:lightblue; }
    25%  {background-color:#FF7272;}
    50%  {background-color:#FCFC41; }
	75%  {background-color:lightgreen; }
	100% {background-color:lightblue }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes flashpointeranimation3 {
     0%   {background-color:lightgreen; }
    25%  {background-color:lightblue; }
	50%  {background-color:#FF7272; }
    75%  {background-color:#FCFC41; }
    100% {background-color:lightgreen; }
}

/* Standard syntax */
@keyframes flashpointeranimation3 {
    0%   {background-color:lightgreen; }
    25%  {background-color:lightblue; }
	50%  {background-color:#FF7272; }
    75%  {background-color:#FCFC41; }
    100% {background-color:lightgreen; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes flashpointeranimation4 {
     0%   {background-color:#FCFC41;; }
    25%  {background-color:lightgreen; }
	50%  {background-color:lightblue; }
    75%  {background-color:#FF7272; }
    100% {background-color:#FCFC41;; }
}

/* Standard syntax */
@keyframes flashpointeranimation4 {
   0%   {background-color:#FCFC41;; }
    25%  {background-color:lightgreen; }
	50%  {background-color:lightblue; }
    75%  {background-color:#FF7272; }
    100% {background-color:#FCFC41;; }
}
.barback {
	width: 100%;
	height: 35px;
	border-radius: 50px;
	background-color: lightgrey;
		
	}
.pbar {
	width: 120px;
	height: 25px;
	border-radius: 50px;
	background-color: white;
	border: thin solid #00FD00;
	position: relative;
	
	padding-left:3px;
	-webkit-animation-name: connecting; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 7s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
	animation-name: connecting;
	animation-duration: 7s;
	animation-iteration-count: infinite;
}


@-webkit-keyframes connecting {
    0%   {color:green; left:0%; top:10%;}
	10%   {color:green; left:10%; top:10%;}
	20%   {color:green; left:20%; top:10%;}
	30%   {color:green; left:30%; top:10%;}
    40%   {color:green; left:40%; top:10%;}
	50%   {color:green; left:50%; top:10%;}
	60%   {color:green; left:60%; top:10%;}
	70%   {color:green; left:70%; top:10%;}
    80%   {color:green; left:80%; top:10%;}
	90%   {color:green; left:85%; top:10%;}
	100%   {color:green; left:89%; top:10%;}
}
/* Standard syntax */
@keyframes connecting {
	0%   {color:green; left:0%; top:10%;}
	10%   {color:green; left:10%; top:10%;}
	20%   {color:green; left:20%; top:10%;}
	30%   {color:green; left:30%; top:10%;}
    40%   {color:green; left:40%; top:10%;}
	50%   {color:green; left:50%; top:10%;}
	60%   {color:green; left:60%; top:10%;}
	70%   {color:green; left:70%; top:10%;}
    80%   {color:green; left:80%; top:10%;}
	90%   {color:green; left:85%; top:10%;}
	100%   {color:green; left:89%; top:10%;}
  
}
.traditional {
}