@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
.Background {
/* Location of the image */
  background-image: url(../images/bck.jpg);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#90ccd1;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  .Background {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(../images/bck.jpg);
  }
	}



h1 {
	font-family: 'Lobster', cursive !important;
	}
h2 {
	font-family: 'Lobster', cursive !important;
	margin-bottom:20px;
	}
h3 {
	font-family: 'Lobster', cursive !important;
	}


.Shadow1 {
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	}
.Shadow2 {
	box-shadow: 0 0 5px rgba(0,0,0,0.8);
	}
	 
.Bg-1 {
	background-color:rgba(245,245,245,0.70);
	border:10px solid #FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	padding:0px 20px 20px 20px;
	font-size:18px;
	margin-top:0px;
	font-family:
	}
	
.HomeNavWrap {
	width:100%;
	overflow:hidden;
	background-color:#6b9106;
	-moz-box-shadow:    inset 0 0 10px #2B410F;
   -webkit-box-shadow: inset 0 0 10px #2B410F;
   box-shadow:         inset 0 0 10px #2B410F;
   float:left
}
.HomeNav {
	width:auto;
	overflow:hidden;
	padding:10px 40px;
	font-family: 'Lobster', cursive !important;
	font-size:24px;
	float:left;
	color:#ffffff;
	text-align:center;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.HomeNav a {
	color:#FFFFFF !important;
}
.HomeNav:hover {
	background-color:#F9CE16;
	color:#860608 !important;
}

.Header, .Footer {
	width:auto;
	overflow:hidden;
	padding:10px;
	text-align:center;
	border-bottom:1px dashed #333333;
	border-top:1px dashed #333333;
}
.TxtCntr {
	text-align:center;
	}
.Cntr-Algn {
	float:none;
	margin:0 auto;
	}		
.Lft-Mat {
	padding:10px;
	float:left;
	}
	.Lft-Mat ol {
		padding-left:25px;
	}
	.Lft-Mat > ul > li {
		list-style:circle;
		list-style-type:circle;
		margin-left:20px;
		margin-bottom:15px;
	}
	.Lft-Mat ol li {
		list-style: decimal !important;
		list-style-type: decimal !important;
		margin-bottom:15px;
	}
	.Lft-Mat > ul > li > ul > li {
		list-style: disc;
		list-style-type: disc;
		margin-left:15px
	}
ul.UlSub > li {
		list-style: disc;
		list-style-type: disc;
		margin-left:15px
}
.Rht-Mat {
	padding:10px;
	text-align:center;
	max-width:300px;
	display:block;
	float:left;
	}
.IconHold {
	width:180px;
	height:240px;
	float:left;
	padding:5px;
	text-align:center;
	margin:10px 10px;
	border-radius:5px;
	/*background-color:#eeeeee;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px !important;
	box-shadow: 0 0 6px rgba(0,0,0,0.6);
	-webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}

.IconHold:hover {
	background-color:#333;
	color:#fff !important;
	-webkit-transform:scale(1.2,1.2);
  -moz-transform:scale(1.2,1.2);
  -ms-transform:scale(1.2,1.2);
  -o-transform:scale(1.2,1.2);
  transform:scale(1.2,1.2);
}
.IconHold a:hover {
	color:#fff !important;
}
.SubHeader {
	float:none; 
	margin:0 auto; 
	clear:both; 
	margin-top:10px; 
	border-bottom:1px dashed #FFFFFF; 
	margin-bottom:10px;
	}
.Clear {
	clear:both;
	}		
.ClearLft {
	clear:left;
	}
.ClearRht {
	clear:right;
	}		
.BackLink {
	display:table;
	border-radius:20px;
	padding:10px;
	margin:10px 10px;
	margin:0 auto;
	clear:both;
	background-color:#FFFFFF;
	text-align:center;
	border:4px solid #dcdcdc;
	border-bottom:8px solid #B9B9B9;
	font-family: 'Lobster', cursive !important;
	font-size:1.75em;
	color:#333333;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
	}
		.BackLink:hover {
			background-color:#FBCA3C;
			border:4px solid #F1D623;
			border-bottom:8px solid #C3840E;
			text-align:center;
			text-decoration:none;
			font-family: 'Lobster', cursive !important;
		font-size:1.75em;
		-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.69);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.69);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.69);
			}
			
.ImgLft {
	float:left;
	padding:5px;
	margin:5px;
	}
.ImgRht {
	float:right;
	padding:5px;
	margin:5px;
	}				
.Divider-Dash {
	width:auto;
	height:	5px;
	border-bottom:1px dashed #ffffff;
	margin:10px 0px 10px 0px;
	}
.MenuUl {
	list-style:none;
	list-style-image:url(../img/bullet.png);
	
	}	
.MenuLi {
	width:100%;
	margin-bottom:10px;
	font-size:16px;
	color: #333333;
	/*padding:5px;*/
	font-weight:bold;
	}
	.MenuLi a {
		color:#333333;
		text-decoration:none;
		}
	.MenuLi a:hover, .MenuLi a:focus  {
		text-decoration:underline;
		color:#CC3300;
		font-size:16px;
		}
.GenLink a {
	color:#333333;
	text-decoration:none;
	}	
.GenLink a:hover, .GenLink:focus {
	color:#CC0000;
	text-decoration:none;
	}	
div {
	font-family:'Roboto', sans-serif !important;
}
p {
	font-family:'Roboto', sans-serif !important;
}	

.moreButt {
	width:100px;
	background-color:#dfe0e1;
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:14px !important;
	padding:5px;
	border:1px solid #FF0;
	margin:0 auto;
	clear:both;
	margin-top:10px;
	color:#333;
	box-shadow: 0 0 6px rgba(0,0,0,0.4)
}
.moreButt a:link {
	color:#333 !important;
	font-size:12px !important;
}
.moreButt:hover {
	background-color:#88461c;
	color:#fff;
}
.HeadTxt {
	padding:10px;
}
/****************************************carousel*******************************/
.demo_wrapper {
	width: 50%;
	margin: 0 auto;
}
@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
    width: 80%;
  }  
}
.demo_block {
	width: 100%;
}

/*****************************************DropDown******************************/
ul, li {
list-style: none;
margin: 0;
padding: 0;
}
#nav {
display:table; /* 1000 */
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size:16px;
position: relative;
top: 25%;
/*left: 50%;*/
margin:0 auto;
/*margin-left: -30em; /* 30 480 */
z-index:999;
}

#nav > a {
display:none;
}
#nav li {
position: relative;
}
#nav li a {
color: #333 !important;
display: block;
padding:0PX 10px;
}
#nav li a:active {
background-color: #c00 !important;
}
#nav span:after {
width: 0;
height: 0;
border: 0.313em solid transparent; /* 5 */
border-bottom: none;
border-top-color: #5578d1;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}
/* first level */

#nav > ul {
height: 3.75em; /* 60 */
background-color:#6FC8F9;
}
#nav > ul > li {
width:auto;
height: 100%;
float: left;
padding:10px 5px;
}
#nav > ul > li > a {
height: 100%;
font-size: 16px; /* 24 */
line-height: 2.5em; /* 60 (24) */
text-align: center;
}
/*#nav > ul > li:not( :last-child ) > a {
border-right: 1px solid #41d5e2;
}*/
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
background-color: #6FC8F9;
}
/* second level */

#nav li ul {
background-color:#6FC8F9;
display: none;
position: absolute;
top: 100%;
}
#nav li:hover ul {
display: block;
left: 0;
right: 0;
}
#nav li:not( :first-child ):hover ul {
left: -1px;
}
#nav li ul a {
font-size: 14px; /* 20 */
border-top: 1px solid #384969;
padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
background-color:#77c0d8;
}
 @media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav {
width: 100%;
position: static;
margin: 0;
}
}
 @media only screen and ( max-width: 40em ) /* 640 */ {
html {
font-size: 75%; /* 12 */
}
#nav {
position: relative;
top: auto;
left: auto;
}
#nav > a {
width: 3.125em; /* 50 */
height: 3.125em; /* 50 */
text-align: left;
text-indent: -9999px;
background-color:#6FC8F9;
position: relative;
}
#nav > a:before, #nav > a:after {
position: absolute;
border: 2px solid #fff;
top: 35%;
left: 25%;
right: 25%;
color:#333333 !important;
content: '';
}

#nav > a:after {
top: 60%;
}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
display: block;
}
/* first level */

#nav > ul {
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
}
#nav:target > ul {
display: block;
}
#nav > ul > li {
width: 100%;
float: none;
}
#nav > ul > li > a {
height: auto;
text-align: left;
padding: 0 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a {
border-right: none;
border-bottom: 1px solid #41d5e2;
}
/* second level */

#nav li ul {
position: static;
padding: 1.25em; /* 20 */
padding-top: 0;
}
}	
@media (min-width:200px) and (max-width: 640px) {
	.nav-text-Menu {
		width:100%;
		float:right;
		padding:15px;
		text-transform:uppercase;
		text-align:center;
		background-color:#6FC8F9;
		color:#ffffff;
		font-weight:bold;
	}
}
@media (min-width:650px) {
	.nav-text-Menu {
		display: none;
	}
}

/*****************************************DropDown******************************/
.Menu-Items {
	width:auto;
	padding:5px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
}
.MobileHeader h1 {
	color:#fff !important;
	
}
.ComUl {
	list-style-image:none;
	
}
.ComLi {
	line-height:20px;
	margin-bottom:10px;
}
.ComLi a:hover {
	color:#C00 !important;
	text-decoration:underline;
}
@media (min-width:600px) {
.Icon-Box {
	width:200px;
	min-height:200px;
	margin-bottom:10px;
	float:left;
	padding:5px;
	border-radius:5px;
	border:2px solid #FFFFFF;
	margin-left:5px;
	text-align:center;
	background-color:rgba(255,255,255,0.53);
	-webkit-box-shadow: 0 8px 6px -6px #B7B8B5;
	   -moz-box-shadow: 0 8px 6px -6px #B7B8B5;
	        box-shadow: 0 8px 6px -6px #B7B8B5;
}

.Icon-Box a {
	font-size:16px !important;
}
}
@media (min-width:300px) and (max-width: 400px) {
.Icon-Box {
	width:130px;
	overflow:hidden;
	min-height:200px;
	margin-bottom:10px;
	float:left;
	padding:5px;
	border-radius:5px;
	border:2px solid #FFFFFF;
	margin-left:5px;
	text-align:center;
	background-color:rgba(255,255,255,0.53);
	-webkit-box-shadow: 0 8px 6px -6px #B7B8B5;
	   -moz-box-shadow: 0 8px 6px -6px #B7B8B5;
	        box-shadow: 0 8px 6px -6px #B7B8B5;
}

.Icon-Box a {
	font-size:16px !important;
}
}
.marg5 {
	margin:5px;
}
.marg10 {
	margin:10px;
}
.pad5 {
	padding:5px;
}
.pad10 {
	padding:10px;
}
.Divider-Dash-Grey {
	clear:both;
	width:100%;
	float:left;
	margin:10px 0px;
	border-bottom:1px dashed #999;
	
}
.MatHead {	
	width:auto;
	padding:5px;
	text-align:center;
	color:#fff;
	font-family: 'Lobster', cursive !important;
	font-size:30px !important;
	background-color:#e65100;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	-moz-box-shadow:    inset 0 0 8px #822f01;
   -webkit-box-shadow: inset 0 0 8px #822f01;
   box-shadow:         inset 0 0 8px #822f01;
   border-bottom:2px solid #571f00;
   clear:both;
   margin:10px 0px 10px 0px;
}
.MatHead h2, h3 {
	margin-top:0px;
	margin-bottom:0px;
}
/******************************************Music***********************/
@media (min-width:640px) {
.music-Cont {
	display:table;
	/*padding:10px;*/
	margin:0 auto;
	margin-top:10px;
	
	}
.music-hold {
	width:350px;
	float:left;
	overflow:hidden;
	margin-right:15px;
	border-right:1px dashed #363434;
	padding:10px;
	}	
.Music-Wrap {
	display:table;
	margin:0 auto;
	clear:both;
	margin-bottom:20px;
	padding:5px;
	border-radius:10px;
	border:1px dashed #8F8F8F;
	text-align:center;
	-webkit-box-shadow: 0 8px 6px -6px #333333;
	   -moz-box-shadow: 0 8px 6px -6px #333333;
	        box-shadow: 0 8px 6px -6px #333333;
}
}
 @media (min-width:300px) and (max-width: 400px) {
	 .music-hold {
	display:table;
	margin:0 auto;
	overflow:hidden;
	padding:10px;
	clear:both;
	}
	 .Music-Wrap {
		 width:250px;
		 margin:0 auto;
	clear:both;
	margin-bottom:20px;
	padding:5px;
	border-radius:10px;
	border:1px dashed #8F8F8F;
	text-align:center;
	-webkit-box-shadow: 0 8px 6px -6px #333333;
	   -moz-box-shadow: 0 8px 6px -6px #333333;
	        box-shadow: 0 8px 6px -6px #333333;
	 }
	 audio {
		 width:230px;
	 }
 }	
 /******************************************Music***********************/
.Vids {
	width:280px;
	padding:5px 5px;
	text-align:center;
	background: rgba(255, 255, 255, .60);
	border-radius:5px;
	-moz-box-shadow:    0px 10px 5px 0px #333;
  -webkit-box-shadow: 0px 10px 5px 0px #333;
  box-shadow:         0px 10px 5px 0px #333;
  margin-left:10px;
  margin-bottom:10px;
  float:left
  }
  .TxtAlgn {
	  text-align:center;
  }
  .Home-Icon-Wrap {
	 width:200px;
	 height:200px;
	 text-align:center;
	 padding:10px;
	float:left;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
	font-family: 'Lobster', cursive !important;
	font-size:24px;
 }
 .Home-Icon-Wrap:hover {
	color:#425207 !important;
 }
 .Home-Icon-Wrap img{
	 border: 4px solid #3A6F03;
	 -webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
 }
 .Home-Icon-Wrap:hover img{
	border-radius:50%;
   border:4px solid #FFFFFF;
   -moz-box-shadow:    3px 3px 5px 6px rgba(35,35,35,0.40);
  -webkit-box-shadow: 3px 3px 5px 6px rgba(35,35,35,0.40);
  box-shadow:         3px 3px 5px 6px rgba(35,35,35,0.40);
 }
 
 .Icon-Wrap {
	 display:table;
	 margin:0 auto;
	 clear:both;
	 margin-bottom:10px;
	 margin-top:10px;
 }
@media (min-width:640px) {
 .Icons {
	 display:table;
	 float:left;
	 margin-left:10px;
	 padding:5px;
	 border-radius:5px;
	 background-color:rgba(240,235,235,0.78);
	 border:2px solid #A2A1A1;
	 text-align:center;
	 margin-bottom:15px;
	 -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.55);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.55);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.55);
			-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
 }
 
 .Icons:hover {
	 background-color:rgba(246,217,130,0.87);
	border:2px solid #E5B50C;
	color:#570405 !important;

 }
 .Icons img {
	 border: 4px solid #3e3d3d;
	 margin:0 auto;
	 clear:both;
	 -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
 }
.Icons img:hover {
	 border: 4px solid #ffffff;
	 margin:0 auto;
	 clear:both;
 }
}
 .Icons {
	height:300px;
	}
@media (min-width:300px) and (max-width:640px) {
 .Icons {
	 display:table;
	 margin:0 auto;
	 padding:5px;
	 border-radius:5px;
	 background-color:rgba(240,235,235,0.78);
	 border:2px solid #A2A1A1;
	 text-align:center;
	 margin-bottom:15px;
	 -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.55);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.55);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.55);
			-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  clear:both;
 }
 .Icons:hover  {
	 background-color:rgba(170,164,164,0.63);
	border:2px solid #333333;
	color:#83090B !important;
 }
 .Icons img {
	 border: 4px solid #3e3d3d;
	 margin:0 auto;
	 clear:both;
	 -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
 }
 .Icons img:hover {
	 border: 4px solid #ffffff !important;
	 margin:0 auto;
	 clear:both;
 }
}

/********************************Wallpapers**********************/
@media (min-width:640px) {
.Wall-Items {
	width:250px;
	text-align:center;
	background-color:rgba(255,255,255,0.25);
	-moz-box-shadow:    3px 3px 2px 2px rgba(54,53,53,0.55);
  -webkit-box-shadow: 3px 3px 2px 2px rgba(54,53,53,0.55);
  box-shadow:         3px 3px 2px 2px rgba(54,53,53,0.55);
  border-radius:10px;
  padding:10px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  margin-top:10px;
}
.Wall-Items > p {
	font-size:1em !important; 
}
.Wall-Items:hover {
	background-color:rgba(227,210,57,0.64);
	color:#4B0506 !important;
}
.Wall-Items a:hover {
	color:#600507 !important;
}
.Wall-Items  img{
	border:4px solid #333232;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-box-shadow: 0 8px 6px -6px #3E3E3E;
	   -moz-box-shadow: 0 8px 6px -6px #3E3E3E;
	        box-shadow: 0 8px 6px -6px #3E3E3E;
			clear:both;
			margin:0 auto;
}
.Wall-Items:hover img {
	border:4px solid #FFFFFF;
}
.Wall-Wrap {
	display:table;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:15px;
	clear:both;
	
}
}
@media (min-width:300px) and (max-width:640px) {
.Wall-Items {
	width:270px;
	text-align:center;
	background-color:rgba(255,255,255,0.25);
	/*-moz-box-shadow:    3px 3px 2px 2px rgba(54,53,53,0.55);
  -webkit-box-shadow: 3px 3px 2px 2px rgba(54,53,53,0.55);
  box-shadow:         3px 3px 2px 2px rgba(54,53,53,0.55);*/
  border-radius:10px;
  padding:10px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  margin: 0 auto;
  margin-bottom:10px;
  margin-top:10px;
  clear:both;
  line-height:40px;
}
.Wall-Items > p {
	font-size:1em !important;
	line-height:normal;
}
.Wall-Items:hover {
	background-color:rgba(227,210,57,0.64);
	color:#4B0506 !important;
}
.Wall-Items a:hover {
	color:#600507 !important;
}
.Wall-Items  img{
	border:4px solid #333232;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-box-shadow: 0 8px 6px -6px #3E3E3E;
	   -moz-box-shadow: 0 8px 6px -6px #3E3E3E;
	        box-shadow: 0 8px 6px -6px #3E3E3E;
			clear:both;
			margin:0 auto;
}
.Wall-Items:hover img {
	border:4px solid #FFFFFF;
}
.Wall-Wrap {
	display:table;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:15px;
	clear:both;
	
}
}
/********************************Wallpapers**********************/


	
	
/****** VIDEO ***/

.video-container {
    height: 0;
   width: 100%;
   padding-bottom: 56.25%;
   overflow: hidden;
   position: relative;

}
 
.video-container iframe {
    width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}	
.VidCont {
	width:auto;
	overflow:hidden;
	margin:0 auto;
	clear:both;
	border:4px solid #B51903;
	border-radius:10px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	background-color:#FFFFFF;
	padding:0px;
	margin-bottom:10px;
	}	
.VidCont h2 {
	width:100%;
	text-align:center;
	background-color:#B5771E;
	margin-top:0px;
	padding-bottom:10px;
	color:#fff !important;
}
.Header-Strip h2, .Header-Strip h3, .Header-Strip h4 {
	width:96%;
	padding:10px;
	margin:0 auto;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
	clear:both;
	text-align:center;
	color:#ffffff;
	background-color:#D4260D;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-box-shadow:    inset 0 0 20px #A32502;
   -webkit-box-shadow: inset 0 0 20px #A32502;
   box-shadow:         inset 0 0 20px #A32502;
   border-bottom:4px solid #680203;
}
@media (min-width:600px) {
.Item-Wrap {
	width:49%;
	overflow:hidden;
	padding:10px;
	margin-left:10px;
	float:left;
}
}
@media (min-width:200px) and (max-width:500px) {
.Item-Wrap {
	width:250px;
	margin:0 auto;
	overflow:hidden;
	padding:5px;
}
}
.Item-Wrap a:hover {
	color:#FFFFFF !important;
}
@media (min-width:600px) {
	.Item-Wrap ul {
	width:300px;
	margin:0 auto !important;
	margin:0px 10px;
	list-style:none;
	list-style-image:url(../img/bullets.png) !important;
}
.Item-Wrap li {
	list-style-image:url(../img/bullets.png) !important;
	border-bottom: 1px dashed #2B3F03;
	font-family: 'Lobster', cursive !important;
	margin-bottom:10px;
	font-size:20px;
}
}
@media (min-width:200px) and (max-width:500px) {
.Item-Wrap ul {
	width:250px;
	margin:0 auto;
	/*margin:0px 5px;*/
	list-style:none;
	list-style-image:url(../img/bullets.png) !important;
}
.Item-Wrap li {
	list-style-image:url(../img/bullets.png) !important;
	border-bottom: 1px dashed #2B3F03;
	font-family: 'Lobster', cursive !important;
	margin-bottom:20px;
	font-size:20px;
}
}
.Inpage-Nav-Wrap {
	display:table;
	margin:0 auto;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}
.Inpage-Nav > ul {
	list-style:none;
}
@media (min-width:640px)  {
.Inpage-Nav > ul > li {
	display:inline-block;
	margin-left:5px;
	text-align:center;
	margin-bottom:8px;
	background-color:rgba(245,209,23,0.81);
	padding:5px;
	border-radius:5px;
	font-size:0.875em;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.Inpage-Nav > ul > li img {
	clear:both;
	margin:0 auto;
}
}
@media (min-width:300px) and (max-width:640px) {
	.Inpage-Nav > ul > li {
		display:inline-block;
		text-align:center;
		margin-left:10px;
	margin-bottom:15px;
	background-color:rgba(243,232,232,0.67);
	padding:5px;
	border:2px solid #B7B4B4;
	border-radius:5px;
	font-size:0.875em;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
	}
}
.Inpage-Nav > ul > li:hover {
	background-color:rgba(75,74,74,0.65);
	
}
.Inpage-Nav > ul > li a:hover {
	color:#ffffff !important;
}
/************************************Certificates************************/
.field-wrap {
	display:table;
	margin:0 auto;
	clear:both;
	margin-top:10px;
	margin-bottom:20px;
}
.field {
	display:table;
	clear:both;
	margin-bottom:15px;
	padding:10px 0px;
}
@media (min-width:640px) {
.name {
	width:190px;
	overflow:hidden;
	float:left;
	font-weight:bold;
	text-align:right;
	padding:0px 10px;
}
}
@media (min-width:300px) and (max-width:640px) {
.name {
	width:190px;
	overflow:hidden;
	float:left;
	font-weight:bold;
	text-align:left;
	padding:0px 10px;
}
}
.Input-Wrap {
	display:table;
	float:left;
}
/*input {
	width:280px;
	height:35px;
	border:2px solid #68080A;
	background-color:#F8CA43;
	border-radius:5px;
   padding:5px;
    -moz-box-shadow:    inset 0 0 7px #F4E736;
   -webkit-box-shadow: inset 0 0 7px #F4E736;
   box-shadow:         inset 0 0 7px #F4E736;
}*/
/************************************Certificates************************/

/***********************************Screensavers*************************/
.screen-wrap {
	display:table;
	margin:0 auto;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden
}
@media (min-width:640px) {
.Screen {
	overflow:hidden;
	width:300px;
	float:left;
	height:470px;
	padding:10px;
	margin-left:10px;
	border-radius:10px;
	line-height: 130%;
	background-color:#EFD157;
	/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, top, bottom, from(#ffc602), to(#d2730c));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ffc602, #d2730c);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ffc602, #d2730c);

  /* IE 10 */
  background: -ms-linear-gradient(top, #ffc602, #d2730c);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #ffc602, #d2730c);
  border:2px solid #91510c;
  border-bottom:8px solid #91510c;
  text-align:center;
  margin-bottom:15px;
  -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.65);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.65);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.65);
}
.Screen img  {
	clear:both;
	margin:0 auto;
	margin-bottom:10px;
}
.Screen > h3 {
	text-align:center;
}
}
@media (min-width:300px) and (max-width:500px) {
.Screen {
	width:280px;
	margin:0 auto;
	height:495px;
	padding:10px;
	border-radius:10px;
	line-height: 130%;
	background-color:#EFD157;
	/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, top, bottom, from(#ffc602), to(#d2730c));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ffc602, #d2730c);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ffc602, #d2730c);

  /* IE 10 */
  background: -ms-linear-gradient(top, #ffc602, #d2730c);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #ffc602, #d2730c);
  border:2px solid #91510c;
  border-bottom:8px solid #91510c;
  text-align:center;
  margin-bottom:15px;
  clear:both;
  -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.65);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.65);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.65);
}
.Screen img {
	clear:both;
	margin:0 auto;
	margin-bottom:10px;
}
.Screen > h3 {
	text-align:center;
}
}

@media (min-width:640px) {
.footer-link-cells {
	display:table;
	margin:0 auto;
	clear:both;
	margin-bottom:10px;
	margin-top:10px;
	background-color:rgba(243,192,14,0.79);
	border-radius:5px;
	padding:10px;
	border:1px solid #E76705;
}	
.footer-link-cells > ul {
	display:inline-block;
	list-style:none;
}
.footer-link-cells > ul > li {
	display:table;
	padding:5px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	border-right:1px solid #000000;
	text-align:center;
}
}
@media (min-width:300px) and (max-width:640px) {
.footer-link-cells {
	display:table;
	margin:0 auto;
	clear:both;
	margin-bottom:10px;
	margin-top:10px;
	background-color:rgba(243,192,14,0.79);
	border-radius:5px;
	padding:10px;
	border:1px solid #E76705;
}	
.footer-link-cells > ul {
	display:inline-block;
	list-style:none;
}
.footer-link-cells > ul > li {
	display:table;
	float:left;
	padding:5px;
	margin-left:10px;
	margin-bottom:20px;
	text-align:center;
}
}

/*** PERSONALIZED GIFTS **/

.giftsCont {
	width:auto;
	overflow:hidden;
}
.giftWrap {
	transition: all 0.5s ease 0s;
	border: 4px solid #cb9f5a;
    float: left;
    font-size: 15px;
    margin: 10px 6px;
    max-width: 395px;
    padding: 4px;
	height:125px;
    width: 95%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(255, 255, 255, .50);
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
.giftWrap:hover {
	transition: all 0.5s ease 0s;
	background: rgba(255, 156, 0, .80);	
	border: 4px solid #fff;
}
	.giftWrap img {
		float:left;
		margin:4px;
	}
	.giftWrap h3 {
		font-size: 20px;
    	font-weight: bold;
		color:#7C0002;
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
	}
/**** RECIPES & CRAFTS **/

#recipeNavWrap, #craftNavWrap {
	width:74%;
	max-width:600px;
	margin:30px auto;
	overflow:hidden;
	border:5px double #CF9A57;	
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	background: rgba(255, 228, 0, .15);
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
.recipeNav, .craftNav  {
	overflow:hidden;
	border-bottom:2px dotted #E5BA44;
	font-size:0.9em;
	text-align:left;
	padding:8px 6px;
	}
.recipeNav a, .craftNav a  {
	font-size:1em;
	color:#7C0002;
	font-weight:bold
	}
.recipeNav a:link, .craftNav a:link {
	font-size:1em;
	color:#7C0002 !important;
	font-weight:bold
	}
.recipeNav img, .craftNav img {
	float:left;
	margin:0px 10px 0px 0px;
	border:5px solid #FFF6BA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.craftNav img {
	width:100px;
	height:100px;
}
.recipeStruc, .craftStruc {
	overflow:hidden;
	width:auto
}
	.recipeStruc h2, .craftStruc h2 {
		clear:both;
		font-family:Verdana, Arial, sans-serif !important;
		color:#5B0102;
		font-size:1.3em;
		background-color:#ebca84;
		padding:4px;
		font-weight: 500;
		border-bottom:1px solid #c89c3d;
		margin-top:10px
	}
.recipeVideoNav, .craftVideoNav {
	border-right:1px solid #CF9A57;
	border-bottom:1px solid #CF9A57;
	float:left;
    text-align: center;
}
	.recipeVideoNav, .craftVideoNav {
		width:100%;
		max-width: 196px;
		padding: 10px 0;
	}
	
.recipeVideoNav img, .craftVideoNav img {
	border:5px solid #FFF6BA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.poems-wrap {
	display:table;
	margin:0 auto;
	clear:both;
}

/**** PUZZLE ACTIVITIES ***/

.MenuWrap {
	width:100%;
	max-width:inherit;
	margin-bottom:10px;
	clear:both;
	}
#activWrap  {
	width:100%;
	max-width:623px;
	margin:30px auto;
	overflow:hidden;
	border:5px double #CF9A57;	
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	background: rgba(255, 228, 0, .15);
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
.activNav {
	width:92%;
	max-width:290px;
	float:left;
	margin:12px 8px;
	font-weight:bold;
	border:4px solid #FFEFA0;
	transition: all 0.5s ease 0s;
	background: rgba(255, 168, 0, .20);
}
	.activNav img {
		float:left;
		margin:4px 6px 4px 4px;
	}
.activNav:hover {
	transition: all 0.5s ease 0s;
	background: rgba(255, 168, 0, .70);
}
.activeStruc {
	overflow:hidden;
	margin:10px 0px;
}
.activeStruc > table {
	border:2px solid #C3741B;
	width:100%;
	max-width:500px;
	margin:0 auto
}
.activeStruc td {
	padding:4px;
	border-bottom:1px solid #C3741B;
	vertical-align:top
}
td.activeStrucLft {
	border-right:1px solid #C3741B;
	padding-top:20px
}

/***** SMS ******/

.smsStruc {
	width:100%;
	padding:10px;
	max-width:520px;
	margin:20px auto;
	border-top-right-radius:15px;
	border-bottom-left-radius:15px;
	background: rgba(255, 234, 1, .30);
	border:3px double #fff;
	line-height: 150%
}
.smsFbWrap {
	text-align:center;
	background: rgba(255, 255, 255, .80);
	border-top:1px solid #EBEBEB;
	padding:6px 0px;
	margin:5px -10px -10px -10px;
}
	
/***** SONGS **/

.songsWrap {
	width:95%;
	border:3px double #C3741B;
	overflow:hidden;
	padding:10px 5px;
	text-align:center
}
.songName {
	color:#7E0002;
	font-size:1.5em;
	font-weight:bold
}
.songWriter {
	color:#5A4205;
	font-weight:bold;
	font-style:italic
}

	
/**** MISCELLANEOUS **/

.flagLnks {
	width:auto;
	text-align:center;
	overflow:hidden;
	line-height: 190%;
	padding:5px
}
.flagLnks a:link {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(255, 228, 0, .50);
	padding:4px 6px;
	margin:5px 4px;
	text-decoration:none;
	transition: all 0.5s ease 0s;
	clear:both
}
.flagLnks a:hover {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: rgba(255, 255, 255, .50);
	padding:4px 6px;
	margin:5px 4px;
	text-decoration:none;
	transition: all 0.5s ease 0s;
}


@media (min-width:640px) {
	.poems-wrap > ul {
		width:380px;
		float:left;
		}
	.poems-wrap > ul > li {
		text-align:center;
		margin-bottom:15px;
		border-bottom:1px dashed #494545;
	}
}
@media (min-width:300px) and (max-width:640px) {
	.poems-wrap > ul {
		display:table;
		margin:0 auto;
		clear:both;
		margin-bottom:15px;
		}
	.poems-wrap > ul > li {
		text-align:center;
		margin-bottom:15px;
		border-bottom:1px dashed #494545;
	}
}
/****************************Hover Effect*******************/
.txt-hover-box {
	width:180px;
	height:180px;
	float:left;
	margin-left:15px;
	margin-bottom:15px;
	margin-top:15px;
}
.box-img {
position:relative;

}
.box-img img {
	border-radius:10px;
	border:4px solid #333;
}
.box-img .textbox {
width:180px;
height:180px;
position:absolute;
top:0;
left:0;
-webkit-transform: scale(0);
transform: scale(0);
border-radius:5px;
background-color: rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
border-radius:10px;
	border:4px solid #fff;
}
.box-img:hover .textbox {
-webkit-transform: scale(1);
transform: scale(1);
}
.text {
padding-top: 80px;
text-align:center;
color:#fff;
font-family: 'Lobster', cursive !important;
font-size:28px !important;
}
.textbox {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
/****************************Hover Effect*******************/

@media (min-width:640px) {
.Icon-hold-wrap {
	display:table;
	margin:0 auto;
	clear:both;
	text-align:center;
}	
.icon-hold {
	/*width:350px;*/
	height:250px;
	padding:10px;
	background-color:#fff;
	border-radius:10px;
	border:1px solid #C4C4C4;
	margin-right:4%;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  float:left;
  margin-bottom:3%;
}
.icon-hold:hover {
	background-color:#000;
	border:1px solid #fff;
}
.icon-hold img {
	width:350px;
	height:230px;
}
}
@media (min-width:320px) and (max-width:480px) {
.Icon-hold-wrap {
	display:table;
	margin:0 auto;
	clear:both;
	text-align:center;
}
.icon-hold {
	width:280px;
	height:auto;
	padding:10px;
	background-color:#fff;
	border-radius:10px;
	border:1px solid #C4C4C4;
	margin:0 auto;
	margin-bottom:15px;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.icon-hold:hover {
	background-color:#BBBBBB;
}
}
.table-bordered {
	width:100%;
	border:2px solid #919BA7;
}
.table-bordered th, .table-bordered td {
	padding:6px;
	border:1px solid #919BA7 !important
	}
.table-bordered th {
	background:#bac1ca;
	text-align:center
}