/*==============================================================*/
/* ==BEGIN============== Page= 2StayFree_a  ==============BEGIN== */

.Parapic {
	float: left; 
	padding: 8px 8px 0px 8px; 
	width: 25%;
	height:auto;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.Parapic1 {
	width: 40%;
}
.Rightpic {
	float: right; 
	padding: 0 0 10px 10px; 
	width: 40%;
	height:auto;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
}

/*== Cool Animation: enlarges button- reveals/drops-down text ==*/
.expand {  display: inline;
	padding: 0px; 
	margin: 0;
	width: 96%;
	height: 100px; 
		/* border: 2px solid #f00; */
	line-height: 0px;
	color: transparent;
	font-size: 1em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	/*text-transform: uppercase;*/
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
}

.expand1{
	font-size: .9em;
}

.expand:hover {
	line-height: 24px;
	color: #575858;
	margin: 0 0 0 4%;
}
.expandred:hover {
	color: rgb(240, 20, 25);
}

.expand1:hover {	
	color: #4898c8;
}

.expand img{ 
	width: 96%;
	height: 50px; 
	/* margin: 0px 10px; */
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	-o-transition: all .5s ease; 
	float: none;
	margin: 0;
	/* opacity: 1; */
	/* z-index:-1; */
}
.expand1 img{width:24%; 	height: 120px; }

.expand img:hover { 
	height: 100px; width: 250px; 
	/* margin-left: -15px;   */
	/*line-height: 20px; */
	color: #575858;
	margin:auto;
	opacity: .99;
	z-index:1;
}
.expandM img:hover{margin-left: -80px; }
.expandR img:hover{margin-left: -140px; }

.viewlarge {  display: inline;
	padding: 0px; margin: 0px 0px 0px 0px;
	height: 300px; width: 320px;
	line-height: 0px;
	color: transparent;
	font-size: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	/*text-transform: uppercase;*/
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
}

.viewlarge:hover {
	line-height: 24px;
	color: #575858;
	margin: 0 0 0 10px;
}

.viewlarge img{ 
	height: 300px; width: 320px;
	margin: 0px 10px;
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-o-transition: all 1s ease; 
	float: right;
	margin: 0 0 0 0px;
}
.viewlarge img:hover { 
	width: 100%;
	height: 100%;  
	margin-left: -15px;  
	/*line-height: 20px; */
	color: #575858;
}


img.Rightimage{ 
	width: 40%;
	height: auto; 
	margin: 8px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all .5s ease; 
	-o-transition: all .5s ease; 
	float: right;
}
img.Rightimage:hover { 
	width: 100%; height: auto;
}

img.Rightimagesm{ 
	width: 20%;
	height: auto; 
	margin: 8px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all .5s ease; 
	-o-transition: all .5s ease; 
	float: right;
}
img.Rightimagesm:hover { 
	width: 98%; height: auto;  
}

img.Leftimage{ 
	width: 40%;
	height: auto; 
	margin: 8px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all .5s ease; 
	-o-transition: all .5s ease; 
	float: left;
}


img.Leftimage:hover { 
	width: 100%; height: auto;  
}

.Leftdiv{ 
	width: 40%;
	height: auto; 
	margin: 8px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all .5s ease; 
	-o-transition: all .5s ease; 
	float: left;
}
.Leftdiv:hover { 
	width: 100%; height: auto;  
}

.header1 {
	color: rgb(100, 150, 255); 
	font-family: Helvetica,Arial,sans-serif;
	font-size: 2.4em;
	line-height:1em;
}
.hilite1:hover {
  color: #277;
}
.hilite2:hover {
  color: #ddddee;
}
.hilite3:hover {
  color: #aaaaee;
}
.pictr {
	width:60%;
}

.path .path:hover {
	width: 40px; 
	height: auto;
	float:none; 
	vertical-align:middle;
}
.pathstep .pathstep:hover {
	float:none; vertical-align:middle;  margin-top:0;   
		-bottom:0; border: 0px solid ; width: 48px; height: 48px;
}

/* http://enjoycss.com/code/#textShadow */
.glow {
  /* display: inline-block; */
/*   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; */
  padding: 10px;
  border: none;
  font: normal 24px/normal Arial, Helvetica, sans-serif;
  color: rgba(255,255,255,1);
  text-decoration: normal;
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  /* white-space: pre; */
  text-shadow: 0 0 10px rgba(193,199,255,1) , 0 0 20px rgba(193,193,255,1) , 0 0 30px rgba(153,168,255,1) , 0 0 40px #3f00ff , 0 0 70px #1000ff , 0 0 80px #0037ff , 0 0 100px #aa00ff ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
.glow:hover {
  text-shadow: 0 0 10px rgba(222,222,252,1) , 0 0 20px rgba(234,235,255,1) , 0 0 30px rgba(244,244,255,1) , 0 0 40px #7f9fff , 0 0 70px #857fff , 0 0 80px #ba99ff , 0 0 100px #c899ff ;
}
	/* line-height:2em;  */

/* Back To Top (TRAINING PANEL) */
.return {
	color: rgb(219, 219, 255); 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100;Black+Gloss+Pipe */
	background: rgb(149,149,149); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
	/* position:relative; */
	vertical-align:middle;
	text-align:center;
	font-size: 1.5em; 
	font-weight:bold;
	max-height:50px;
	margin: 0 20% 0 20% ; 
	padding: 12px; 
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
		/* border: 2px ridge #405a81; */
}
.return:hover {
	color: #4080d0; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+14,a8acc4+40,dbdce2+71,b0b2c1+95,f5f6f6+100 */
background: rgb(245,246,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 14%, rgba(168,172,196,1) 40%, rgba(219,220,226,1) 71%, rgba(176,178,193,1) 95%, rgba(245,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 14%,rgba(168,172,196,1) 40%,rgba(219,220,226,1) 71%,rgba(176,178,193,1) 95%,rgba(245,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 14%,rgba(168,172,196,1) 40%,rgba(219,220,226,1) 71%,rgba(176,178,193,1) 95%,rgba(245,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}



/* ==end============== Page= 2StayFree_a ==============end== */
/* ==================================================================== */
/* ==================================================================== */
/* ==begin============== Page= 2StayFree_b ==============begin== */

/* .Deploy {
	line-height: 1em;
	color: transparent;
	font-size: 1em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
    text-align: left; 
  	display: block;
 	 width: 184px;
 	 height: 55px;
	background-position: left 0px;

	padding: 0px; 
	margin: 0px; 
} */

/* .Deploy:hover { background-position: 0 -55px;} */
/* .Deploy:hover { background-position: left bottom;}

.Deploy:active {
	color: #aabbff;
	width: 100%;

	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	-o-transition: all .5s ease; 
}


.Deploy span {
  position: absolute;
  top: -999em;
}

.Deploy img{
	float: left;
	margin: 0 15px;
} */

/*====================================================================*/
/* .Deploy1 {  */ /*display: inline;*/
/* 	background: url("../img/btn/deploy/NAMEOFJESUS.png") no-repeat 0 0;
} */
/*====================================================================*/
.Deploy {  /*display: inline;*/
	padding: 0px; 
	margin: 0px;	
	/* margin-left:200px; */
	color: transparent;
	/*color:#000044;*/
	font-size: 1em;
	line-height: 1.2em; 
	font-family: 
		"HelveticaNeue-Light", 
		"Helvetica Neue Light", 
		"Helvetica Neue", 
		Helvetica, Arial, 
		"Lucida Grande", 
		sans-serif;
	font-weight: 300;
    text-align: left; 
	width: 184px;
	height: 55px;

	background-position: left -55px;
}
.DeployTitle {
	display:inline-block;  
	margin: 0 0 0 200px;
}
.DeployBody {
	display:inline-block;  
	margin: 0 0 0 200px;
}

.Deploy:hover { 
	background-position: left 0px;
	/* background-position: left 0px; */
}

.Deploy:focus { 
	background-position: left bottom;
}


.Deploy:active {
	color: #aabbff;
	width: 100%;
/* 	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	-o-transition: all .5s ease;  */
	background-position: left bottom
}
.Deploytest { 
	background: url("../img/btn/deploy/Deploy3x.png") no-repeat 0 -55px;
}
.Deploy1 { 
	background: url("../img/btn/deploy/NAMEOFJESUS.png") no-repeat 0 -55px;
}
.Deploy2 { 
	background: url("../img/btn/deploy/BLOODOFJESUS.png") no-repeat 0 -55px;
}
.Deploy3 { 
	background: url("../img/btn/deploy/PRAISINGGOD.png") no-repeat 0 -55px;
}
.Deploy4 { 
	background: url("../img/btn/deploy/WORSHIPINGGOD.png") no-repeat 0 -55px;
}
.Deploy5 { 
	background: url("../img/btn/deploy/PRAYER.png") no-repeat 0 -55px;
}
.Deploy6 { 
	background: url("../img/btn/deploy/WATERBAPTISM.png") no-repeat 0 -55px;
}
.Deploy7 { 
	background: url("../img/btn/deploy/COMMUNION.png") no-repeat 0 -55px;
}
.Deploy8 { 
	background: url("../img/btn/deploy/FORGIVENESS.png") no-repeat 0 -55px;
}
.Deploy9 { 
	background: url("../img/btn/deploy/FELLOWSHIP.png") no-repeat 0 -55px;
}
.Deploy10 { 
	background: url("../img/btn/deploy/MEDITATING.png") no-repeat 0 -55px;
}
.Deploy11 { 
	background: url("../img/btn/deploy/10COMMANDMENTS.png") no-repeat 0 -55px;
}

/* ####################################################### */
/* ## begin ###   Click for drop-down Content #### begin## */
.dropdown-menu {
  position: relative;
}
/* .dropdown-menu > span { */
.dropdown-menu > p {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.dropdown-menu > p,
.dropdown-menu > div {
  cursor: pointer;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dropdown-menu > div {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color linear 1s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none; 
}

/* .dropdown-menu > span:focus ~ div { */
.dropdown-menu > p:focus ~ div {
  display: block; 
}


.dropdown-menu > ul {
	position: absolute;
	z-index: 1;
	visibility: hidden;
	transition: visibility 1s;

	/*  -webkit-transition: all .5s ease; 
		-moz-transition: all .5s ease; 
		-o-transition: all .5s ease; 
	*/	
	transition-property: opacity;
	transition-duration: .7s ;
	opacity: 0; 

	/* expand background to right */
	width: 200px;
	-webkit-transition: width .7s; /* For Safari 3.1 to 6.0 */
	transition: width .7s;	
	
	-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   -ms-transition: all .3s ease-out;
   transition: all .3s ease-out;
}

/* .dropdown-menu > ul:hover  {
	position: relative;
	display: block;
	z-index: 10;
}

.dropdown-menu > ul:hover  ~ a {
	position: relative;
	display: block;
	z-index: 10;
	tabindex: 1;
} */


/* .dropdown-menu > span:focus ~ ul { */
.dropdown-menu > p:focus ~ ul {
  visibility: visible;
  background-color: #101018;
  color:#49f;
  opacity: 1;
  tabindex: 1;
  width: 98%;
  padding:20px;
  border: 4px ridge #555;
  -webkit-border-radius: 5px;
  border-radius: 10px;
  margin-right:20px;
}
.dropdown-menu > p:focus ~ ul  p{
	text-align:center; 
	color:#aa9;
}
./* dropdown-menu > p:focus ~ a {
  display: block;
  position: relative;
	z-index: 10;
	visibility: visible;
} */

/* ## end ###   Click for drop-down Content #### end## */
/* ####################################################### */


/* ==end============== Page= 2StayFree_b ==============end== */
/* ==================================================================== */