@keyframes slider{
	
0%{
	left:0;
}
10%{
	left:0;	
}
20%{
	left:-100%;
}
30%{
	left:-100%;
}
50%{
	left:-200%;
}
60%{
	left:-200%;
}
70%{
	left:-300%;
}
80%{
	left:-300%;
}
90%{
	left:-400%;
}
100%{
	left:-400%;
}

}

table tr{
	background:steelblue;
	color:white;
}
table tr:nth-child(even){
	background:#dee8f5;
	background:white;
	color:steelblue;
}
table tr:nth-child(old){
	background:steelblue;
	color:white;  
}
*{
	box-sizing: border-box;
	font-family: Verdana, sans-serif;
}
@media only screen and (min-width:42mm) and (max-width:480px){	
body {
	margin:0;
	padding: 0;
	width:100%;
	font-size:90%;
	text-align:justify;
}	
#header {
	width:15%;
	height:0;
	float:left;
	margin-top:-2%;
	margin-right:0%;
	padding:0;
	background:white;
	height:70px;
}
#header  img{
	width:100%;
	height:55px;
	border-radius:95px;
}
/*Menu styling starts here*/
#menu{
	width:85%;
	float:right;
	margin-top:8%;
	margin-bottom:7%;
	background:white;
}
#menu #link{
	width:100%;
	text-align:center;
	background:white;
	opacity:0.9;
}
#menu #link > a:link, #menu #link > a:visited{
	color:steelblue;
	padding-top:2%;
	padding-right:1%;
	padding-left:1%;
	padding-bottom:2%;
	text-decoration:none;
}
#pin{
	clear:both;
	width:100%;
	height:auto;
	padding:0;
}
#pin #slide{
	width:100%;
	overflow:hidden;
}

#pin #slide #figure{
	position:relative;
	width:500%;
	left:0;
	animation-name:slider;
	animation-duration:30s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
#pin  #slide #figure img{
	width:20%;
	float:left;
	height:300px;
}

#pin #show{
	width:100%;
	height:auto;
	/*background-color:rgba(0,0,0,0.9);*/
	background:steelblue;
	margin:0;
}
#pin #show marquee{
	width:100%;
}
#pin #show marquee b{
	/*color:rgba(100,80,200,0.7);*/
	color:white;
}
#pin #show marquee ul{
	width:100%;
}
#pin #show marquee ul li{
	list-style-type:none;
	text-transform:capitalize;
	position:relative;
	display:inline;
	color:white;
}

#icon{
	width:20%;
	position:fixed;
	left:0%;
	top:80%;
}	
		
#icon #facebook{
	width:100%;
	height:auto;
	margin-bottom:3%;
}
	
#icon #facebook img{
	width:100%;
}
.content-area{
	width:100%;
	height:auto;
	margin-top:5%;
	padding:0;
	margin-left:0%;
}

.content-area #home >  h2{
	width:100%;
	text-align:center;
	text-transform:capitalize;
	line-height:200%;
	color:steelblue;
}
.content-area  #home > p{
	width:90%;
	margin-left:5%;
	font-size-adjust:0.50;
	text-align:justify;
}

#image{
	clear:both;
	width:90%;
	height:300px;
	margin-left:5%;
	margin-right:5%;
	margin-top:2%;
	text-align:center;
	margin-bottom:5%;
}
#why{
	width:100%;
	margin-top:5%;
	padding:0;
	height:auto;
}
#why > h2{
	width:100%;
	text-align:center;
	line-height:200%;
	margin-top:20%;
	color:steelblue;
	text-transform:uppercase;
}
#why #service{
	width:80%;
	height:auto;
	margin-bottom:10%;
	margin-left:10%;
	text-align:center;
	font-size-adjust:0.50;
	color:grey;
}
#why #service #image{
	width:20%;
	height:auto;
	border-radius:40px;
	text-align:center;
	background:grey;
	margin-left:40%;
}
#why #service p{
	margin-top:1%;
}
#why #service h2{
	margin-bottom:-1%;
}
#why #service ol{
	width:100%;
	margin:0;
	margin-top:1%;
	padding:0;
}
#why #service ol li{
	margin-bottom:2%;
	list-style-type:none;
}
#why #service  #image img{
	width:100%;
	height:60px;
	margin-bottom:-5%;
	border-radius:40px;
	text-align:center;
}
#why #service big{
	color:steelblue;
	text-transform:capitalize;
}
#why #service #hide{
	width:100%;
	margin-top:-3%;
	display:none;
}
#why #service #place{
	width:30%;
	margin-left:35%;
	margin-right:35%;
	background:steelblue;
	color:white;
	padding:1%;
	border-style:solid;
	border-color:lightskyblue;
}
#why #service  a:link{
	background:steelblue;
	color:white;
	padding:5%;
	text-decoration:none;
}
#why #service  a:visited{
	background:steelblue;
	color:white;
	padding:5%;
	text-decoration:none;
}
#why #service a:hover{
	background:steelblue;
	color:white;
	padding:5%;
	text-decoration:none;
}
#b4footer > h2{
	width:100%;
	text-align:center;
	line-height:200%;
	color:steelblue;
	text-transform:capitalize;
}
#b4footer #html{
	width:90%;
	height:auto;
	margin-top:5%;
	margin-left:5%;
	text-align:center;
}
#b4footer #html img{
	width:100%;
	height:200px;
	border-radius:20px;
}
#b4footer #html big{
	color:darkblue;
	font-size-adjust:0.50;
}
hr{
	clear:both;
	color:midnightblue;
	width:100%;
}
#we{
	clear:both;
	width:95%;
	height:auto;
	margin-left:2.5%;
	margin-right:2.5%;
}
#we h2{
	width:100%;
	text-align:center;
	margin-left:0%;
	margin-top:0%;
	color:midnightblue;
	line-height:300%;
}
#we p{
	width:100%;
	text-align:center;
	margin-top:-12%;
	
}

#we > #html{
	clear:both;
	width:100%;
	margin:0%;
	height:0;
	margin-bottom:10%;
	text-align:justify;
}

#we > #html > #n{
	width:40%;
	float:left;
	margin:0;
	text-align:center;
	margin-bottom:5%;
}

#we > #html > #n img{
	width:100%;
	height:100px;
	border-radius:20px;
}
#we > #html > #c{
	width:58%;
	float:left;
	margin-left:2%;
	margin-right:0%;
	text-align:justify;
	overflow:auto;
	margin-bottom:5%;
}
#comment{
	clear:both;
	width:100%;
	margin-top:5%;
	margin-left:0%;
	height:auto;
	/*background:url(../background_images/oratheresa_logo.jpg);
	background-size:100%;*/
}
#comment > form{
	width:95%;
	margin-left:2.5%;
	margin-bottom:2.5%;
	margin-top:-2%;
	color:steelblue;
}
#comment > form #veiw{
	width:100%;
	color:steelblue;
	margin-top:2%;
	text-align:center;
	font-size:large;
	text-transform:capitalize;
}
#comment > form .file{
	width:100%;
	margin-bottom:3%;
}
#comment > form .email{
	width:100%;
	margin-bottom:3%;
}
#comment > form .email input{
	width:100%;
	padding-bottom:2%;
	padding-top:2%;
	border-style:solid;
	border-color:steelblue;
}
#comment > form .email textarea{
	width:100%;
	padding-bottom:2%;
	padding-top:2%;
	border-style:solid;
	border-color:steelblue;
}
#comment > form #share{
	width:100%;
}
#comment > form #share input{
	width:20%;
	margin-left:80%;
	border-style:solid;
	border-color:steelblue;
	background-color:steelblue;
	padding-bottom:2%;
	padding-top:2%;
	color:white;
}
#b4footer{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	height:auto;
}

/*about us page starts here */
#pin > img{
	height:300px;
	margin:0;
	padding:0;
	width:100%;
	margin-top:0%;
}

#pin #about{
	position: absolute;
	top:40%;
	width:100%;
	text-align:center;
	color:whitesmoke;
	letter-spacing:12px;
	font-size-adjust:0.9;
}
#background{
	clear:both;
	width:100%;
	margin-top:10%;
	padding:0;
}
#background  h2{
	width:100%;
	line-height:200%;
	color:steelblue;
	font-size-adjust:0.50;
	margin-top:0%;
	text-align:center;
	text-transform:capitalize;
}

#background video{
	width:90%;
	margin-left:5%;
	margin-top:0%;
	height:auto;
}

#background  p{
	width:90%;
	margin-left:5%;
	font-size-adjust:0.50;
	color:grey;
	line-height:150%;
}
#background  p::fist-letter{
	color:steelblue;
	font-size:20px;
}
#back{
	clear:both;
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
}
#back img{
	width:100%;
	height:300px;
}
#distance{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
	/*background-color:rgba(150,150,200,0.2);*/
}
#distance h2{
	text-align:center;
	text-transform:capitalize;
}
#distance  p{
	width:100%;
	height:auto;
}
#distance  p a{
	text-transform:uppercase;
	color:steelblue;
	text-decoration:none;
}
#distance  table{
	width:100%;
	margin-left:0%;
	text-align:center;
}
#distance  table tr th{
	width:33.3%;
}
#distance  table tr td{
	width:33.3%;
}
/*about us page ends here*/
/* form page starts here*/
#content-area{
	clear:both;
	width:100%;
	height:auto;
	padding:0;
	margin-left:0%;
	background-color:steelblue;
	padding-bottom:10%;
}
#content-area  #warn{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:20%;
	margin-bottom:-20%;
	height:auto;
	text-align:center;
	color:white;
} 
#content-area  #success{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:20%;
	margin-bottom:-20%;
	padding:0;
	color:white;
	text-align:center;
}
#content-area  > form{
	width:95%;
	margin-left:2.5%;
	margin-top:20%;
	margin-bottom:0%;
	height:auto;
	/*background:white;*/
	border-radius:5px;
	color:white;
	padding-top:2%;
	padding-bottom:2%;
	border-style:solid;
	border-color:steelblue;
	border-color:white;
}
#content-area  form hr{
	color:white;
	width:100%;
	margin-top:-2%;
	border-style:solid;
	border-color:steelblue;
	border-color:white;
}
#content-area  form input focus{
	border-style:solid;
	border-color:steelblue;
	border-color:white;
}
#content-area form #title{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
	/*color:steelblue;*/
}
#content-area form #title h3{
	width:100%;
	line-height:300%;
	text-align:left;
}
#content-area form #regFee{
	width:90%;
	margin-left:5%;
	text-align:center;
	margin-bottom:-2%;
}
#content-area form #email{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #email input{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	color:steelblue;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #email #all{
	width:100%;
	height:auto;
	margin:0;
	color:steelblue;
	background:white;
}
#content-area form #email #all #a{
	width:65%;
	float:left;
	margin-left:0%;
	text-align:left;
	background:white;
	line-height:300%;
	color:steelblue;
}
#content-area form #email #all #a span{
	width:98%;
	margin-left:2%;
}
#content-area form #email #all #a1{
	width:35%;
	float:left;
	text-align:center;
	background:white;
	line-height:300%;
	color:steelblue;
	color:steelblue;
}
#content-area form #sel-state{
	width:90%;
	margin-left:5%;
	margin-top:-5%;
}
#content-area form #sel-state .b{
	clear:both;
	width:100%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	line-height:200%;
}
#content-area form #sel-state .b #b{
	width:65%;
	float:left;
	text-align:center;
	margin-top:0%;
	background:white;
	
}
#content-area form #sel-state .b #b input{
	width:10%;
	margin-left:0%;
	accent-color: steelblue; 
}
#content-area form #sel-state .b #c{
	width:35%;
	float:left;
	text-align:center;
	margin-top:0%;
	background:white;
	
}
#content-area form .form-submit{
	width:90%;
	margin-left:5%;
	padding-bottom:5%;
}
#content-area form .form-submit button{
	width:100%;
	background:white;
	color:steelblue;
	padding-bottom:2%;
	padding-top:2%;
	border-style:solid;
	border-color:steelblue;
}

#content-area form #name{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #name input{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	background:white;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #name select{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	background:white;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #name2{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #name2 input{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #name2 select{
	width:100%;
	margin-left:0%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	background:white;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #email select{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	border-style:solid;
	border-color:white;
	color:steelblue;
	background:white;
}
#content-area form #email textarea{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	background:white;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #password{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #password input{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	color:steelblue;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #date{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:15%;
}
#content-area form #date #day input{
	width:33%;
	float:left;
	padding-top:3%;
	padding-bottom:3%;
	color:steelblue;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #date #day select{
	width:33%;
	float:left;
	padding-top:3%;
	padding-bottom:3%;
	background:white;
	color:steelblue;
	border-style:solid;
	border-color:white;
}
#content-area form #submit{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #submit input{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:3%;
	background:white;
	border-style:solid;
	border-color:white;
	margin-bottom:5%;
	color:steelblue;
}

#content-area  #print {
	background:white;
	width:90%;
	margin-left:5%;
	margin-top:15%;
}
#content-area  #print #slip{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
}
/* form page ends here*/

/* contact us page */
#content-area #address{
	height:400px;
	width:90%;
	margin-left:5%;
	margin-top:2%;
	text-align:center;
	background:white;
	margin-bottom:5%;
}
#content-area #address  hr{
	border-style:solid;
	border-color:steelblue;
	width:80%;
}
#content-area #address #phone{
	width:80%;
	margin:5%;
	margin-left:10%;
	text-align:left;
	padding-top:5%;
}
#content-area #address #email{
	width:80%;
	margin:5%;
	margin-left:10%;
	text-align:left;
}
#content-area #address #office{
	width:80%;
	margin:5%;
	margin-left:10%;
	text-align:left;
}
#content-area #contact {
	width:90%;
	margin-right:5%;
	margin-left:5%;
	height:auto;
	padding:0;
}
/* contact us page ends here */

#footer{
	width:100%;
	clear:both;
	height:auto;
	background:dimgrey;
	color:white;
	margin-top:30%;
}
	
#footer h2{
	line-height:300%;
	margin-bottom:-2%;
	color:steelblue;
	text-align:left;
}
	
#footer .about{
	width:90%;
	height:auto;
	margin-left:5%;
}

#footer .about ul{
	width:90%;
	height:auto;
	margin-top:-5%;	
}

#footer .about ul li{
	width:100%;
	line-height:200%;
	list-style-type:circle;
}
	
#footer .link{
	width:90%;
	height:auto;
	margin-left:5%;
}
	
#footer .link ul {
	margin-top:-5%;
	list-style-type:none;
}
	
#footer .link ul li a:link{
	color:white;
	line-height:200%;
	text-decoration:none;
}
	
#footer .link ul li a:visited{
	color:white;
	line-height:200%;
	text-decoration:none;
}
	
#footer .link ul li a:hover{
	color:white;
	line-height:200%;
	text-decoration:underline;
}
	
#footer .contact{
	width:90%;
	height:auto;
	margin-left:5%;
}
	
#footer .contact address{
	width:100%;
	text-align:left;
}
	
#footer .buy{
	width:90%;
	height:auto;
	margin-left:5%;
}
	
#footer .buy ul{
	width:80%;
	height:auto;
	margin-top:-5%;
}
	
#footer .buy ul li{
	width:100%;
	line-height:200%;
	list-style-type: square;
}
	
#footer  > p{
	clear:both;
	text-align:center;
	margin-bottom:0;
	background:black;
	width:100%;
}

}