/* ----    CSS RESET    ---- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: #000;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {	
	border-spacing: 0;
	padding:10px;
}
table.padded-table td {
	padding:5px;	
}

/*******************************************************************************/
/*********************** ----   END OF CSS REST   ---- *************************/
/*******************************************************************************/


/*******************************************************************************/
/************************* ---  TEXT STYLES --- ********************************/
/********************************************************************************/

.custom-timeline-owner-profile{
	display:none;
	}

b { font-weight:bold;}


h1 {
	font-size:1em;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:10px;
	font-weight: bold;
}


h2 {
	font-size:1em;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:8px;
	font-weight: bold;
	
}
h3 {
	font-size:1em;
	font-family: 'Montserrat', sans-serif;
	color:#000000;
	font-weight: bold;
}

h3.head {
	font-size:1em;
	font-family: 'Montserrat', sans-serif;
	color:#000000;
	font-weight: bold;
	padding-left:20px;
}


h4 {
	font-size:1.5em;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
}

a {font-size:10px;
	font-family: 'Montserrat', sans-serif;
	color:#DC3A95;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:10px;
	font-weight: bold;
	text-align:center;
}

a.welcome {font-size:2em;
	font-family: 'Montserrat', sans-serif;
	color:#000000;
	padding-top:5px;
	padding-bottom:10px;
	font-weight: bold;
	text-align:center;
	margin:0 auto;
}

a.welcome:link {font-size:2em;
	font-family: 'Montserrat', sans-serif;
	color:#000000;
	padding-top:5px;
	padding-bottom:10px;
	font-weight: bold;
	text-align:center;
	margin: 0 auto;
	text-decoration:none;

}

a.welcome:hover {font-size:2em;
	font-family: 'Montserrat', sans-serif;
	color:#DC3A95;
	padding-top:5px;
	padding-bottom:10px;
	font-weight: bold;
	text-align:center;
	margin: 0 auto;
}

nav li {
	font-size:0.8em;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	/*padding: 5px;*/
	line-height:1em;
}

.white {
	font-size:0.8em;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	padding: 5px;
	
}

p.black {
	font-size:0.8em;
	font-family: 'Montserrat', sans-serif;
	color:#000000;	
	display:inline-flex;
}


a {
	font-size:0.8em;
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
	padding: 5px;
}

p.black-a{
	font-size:1.5em;
	font-family: 'Montserrat', sans-serif;
	color: #000;
	padding: 5px;
	text-decoration:none;
	text-align:right;
	line-height:1em;
	
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
	
}

p.black-a:hover{
	color:#DC3A95;
}

/********************** PAGE WRAP ********************/

	.page {
		margin: 0 auto;  
		width: 65%;
		max-width: 1100px;
		background: #fff;
	}
	
	.header{
		width:500px;
		float:left;
	}
	
	nav{
		width:80px;
		float:right;
		text-align:right;
		margin: 50px -6px 0px 0px;
	}
	
	ul a{
		padding:0px;
		}
	
	#desktop{
		padding-top:20px;
	}
	
	#desktopsub{
		padding-top:20px;
	}
	
	#mobile {display:none;}
	table#mtable {display:none;}
	
/** Screen width 920 ***/

	@media screen and (max-width: 920px){
	
	nav {
  margin: 10px auto;
  width: 100%;
}
 
ul {
  overflow: auto;
  list-style-type: none;
  margin: 0 auto;
}
 
nav li {
  height: 25px;
  float: left;
  margin-right: 0px;
  border-right: 2px solid #dc3994;
  width:33%;
  text-align:center;
  padding-bottom:10px;
}
 
nav li:last-child {
  border-right: none;
}
 
nav li p.black-a {
  text-decoration: none;
  font-size:1.5em;
  font-family: 'Montserrat', sans-serif;
  color: #000;
  text-align:center;
 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

nav li:hover{
	background-color:#dc3994;
	width:33.3%;
	 text-color: #fff;
	 
	   -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
	}
 
nav li p.black-a:hover {
  color: #fff;
}	

.phase2top{
	margin:150px auto 0 !important;
	}
		
	}
	
/** Screen width 780 ***/

	@media screen and (max-width: 780px){
		
		#logo {
		max-width: 400px;
		margin-left: -30px;
		margin-bottom: -20px;
		}
		
		h3.head{
			font-size:0.8em;

		}
		
	.phase2top{
	margin:123px auto 0 !important;
	}
	
	.phase2middle{
		display:block;
		}
		
		.page{ width:90%;}
		
		
	}

/** ipad landscape**/
	@media screen and (max-width: 10240px){
		.page{width:80%}
		
		}

/** Screen 610**/
	@media screen and (max-width: 780px){

nav li{width:33.3%; }



		.page{width:90%}

	}
/*** Iphone Portrait ****/	
	
	@media screen and (max-width: 480px) {
		p.black {
	font-size:1em;
	font-family: 'Montserrat', sans-serif;
	color:#000000;	
}
		
		p.black-a{
	font-size:1.5em;
	text-align:center;
	
		}
		
		
.welcomeblog{
	margin: 0 auto;
	float:right;
	text-align:center;
}

	
a.welcome {font-size:1em;
	font-family: 'Montserrat', sans-serif;
	color:#000000;
	padding-top:5px;
	padding-bottom:10px;
	font-weight: bold;
	text-align:center;
}

a.welcome:link {font-size:1em;
	font-family: 'Montserrat', sans-serif;
	color:#000000;
	padding-top:5px;
	padding-bottom:10px;
	font-weight: bold;
	text-align:center;
	text-decoration:none;

}

a.welcome:hover {font-size:1em;
	font-family: 'Montserrat', sans-serif;
	color:#DC3A95;
	padding-top:5px;
	padding-bottom:10px;
	font-weight: bold;
	text-align:center;
}

	h3.m{
		font-size:0.6em;
		font-family: 'Montserrat', sans-serif;
		color:#000000;
		font-weight: bold;
			}

	.page {
		margin: 0 auto;  
		width: 100%;
		max-width: 480px;
		background: #fff;
	}
	
	#desktop { display: none;}
	
	nav {display: none;}
	

	
	/** NAV **/
	
	.mnav {
  margin: 0 auto;
}
 
ul {
  overflow: auto;
  list-style-type: none;
  margin: 0px auto;
  width:100%;
}
 
.mnav li {
  height: 25px;
  float: left;
  margin-right: 0px;
  border-right: 1px solid #dc3994;
  padding: 0;
  width:33.3%;
}
 
.mnav li:last-child {
  border-right: none;
}
 
.mnav li a {
  text-decoration: none;
  font-size:0.5em;
  font-family: 'Montserrat', sans-serif;
  color: #000;
 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
.mnav li a:hover {
  color: #dc3994;
}
	
	/** end of nav **/
	
	
	.header {display: none;}
	
	#mobile {display: block; margin:0 auto; width: 100%;}
	
	table#mtable {display:block; margin:0 auto; width: 100%; padding: 0 20px 20px 20px;}
	
	img.mobile {
		
		
		width: 80%;
		max-width:100%;
		margin: 5% 10%;
		
		
		}
	
	
	#logo {
		width: 100%;
		margin-left: -30px;
		margin-bottom: -20px;
		}
	
	#welcomelogo {
		max-width: 320px;
		margin-left: -15px;
		margin:0 auto;
		padding-bottom:50px;
		}
		
	#logos {
		max-width: 100%;
		margin:0 auto;
		}
		
	.q1{
		background-color:#000;
		max-width: 100%;
		margin: 0 auto;
		padding:20px
		}
	
	.sub{
		background-color:#dc3994;
		height:60px;
		text-align:center;
		max-width: 100%;
		margin: 0 auto;
		margin-bottom:10px;
		}
		
	.q2{
		background-color:#FFF;
		max-width: 100%;
		margin: 0 auto 20px;
		}
		
	.q3{
		background-color:#FFF;
		max-width: 100%;
		margin: 0 auto;
		padding:20px;
		}
			
	.wrapfooter { font-size: 10px; font-weight: normal; width:100%;}
	
	.thirds { width: 100%;}
}
	
	.title {
		margin-bottom:auto;
		text-align:left;
		max-height:50px;
		display:block;
	}
	
	.top {
		background:#002400;
	}
	
	.footer {
		margin: 0 auto;  
		width: 100%;
	min-height: 30px;
	font-size: 0.9em;
	background: #000;
	opacity: 0.85;
	bottom: 0;
	clear: both;
	text-align: center;
	color: #fff;

}

.wrapfooter{ padding-top:7px;}


.welcomemain{
	margin: 0 auto;
	magin-top: 30px;
	float:left;
	text-align:center;
	width:49.5%;
	border-right: solid 2px #DC3A95;	
}

.welcomeblog{
	margin: 0 auto;
	float:right;
	text-align:center;
	width:50%;	
}

#container{
	margin: 20px 0 auto;
	padding: 15px;
}

#form_wrap{
	width:600px;
	margin:50px auto;
	padding:20px 0;
}


form{
	width: 500px;
	margin: 0 auto;
}

label{
	font-size:0.8em;
	font-family: 'Montserrat', sans-serif;
	color:#000000;
	padding: 10px;
	display:block;
	
}

input{
	width:250px;
	padding: 10px;
		
}
fieldset{
	border:none;
}

.labelone{
		padding-top:10px;
}

	
form p{
	margin:10px}
	

#lean_overlay {
    position: fixed;
    z-index:100;
	top: 0px;
	left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#policy {
	background: #fff;
	width: 60%;
	margin: 0 auto;
	max-height: 500px;
	overflow-y: scroll;
	padding: 3em;
}

#policy h1 {margin-bottom: 0.5em; font-size:2em; color:#000000; }
#policy h2 {margin-bottom: 0.5em; font-size:1.2em;color:#000000; }
#policy p {margin-bottom: 1em; font-size:0.9em;color:#000000; } 
#policy li { padding-left: 1.2em ; margin-bottom: 0.5em; text-indent: -1em ; font-size:0.9em; color:#000000; }


#policy p a { text-decoration: none; color: #dc3994; }
#policy p a:hover { color: #940053; text-indent: 0.5em;}

/*** Phase 2 ***/

.phase2top{
		background-color:#000;
		max-width: 100%;
		margin: 120px auto 0px;
		padding:10px;
		}
		
.phase2banner{
		background-color:#dc3994;
		width: 100%;
		margin: 0px auto 0px;
		padding:15px 0;
		text-align:center;
		text-decoration:none;
		display:inline-block;
		/*float:left;*/
		}
		
.phase2banner a {
	text-decoration:none;
	font-size:1em;
	}
	
.phase2banner:hover {
	background-color:#e583b0;
	}
		
.phase2fbbanner{
		background-color:#3b5a94;
		width: 50%;
		margin: 0px;
		padding:15px 0;
		text-align:center;
		text-decoration:none;
		display:inline-block;
		float:right;
		}
		
.phase2fbbanner a {
	text-decoration:none;
	font-size:1em;
	}
	
.phase2fbbanner:hover {
	background-color:#6789cb;
	}	

	@media screen and (max-width: 480px) {
			
		.phase2banner{
			max-width:100%;
			float:none;
			margin:0 auto;
			display:block;
			}
			
		.phase2fbbanner{
			max-width:100%;
			float:none;
			margin:0 auto;
			display:block;
			}
			
		.footer{
			position:static;
			}
		
		.phase2teambanner{
			text-decoration:none;
			text-align:center;
			padding:15px;
			font-size:1em;
			max-width:100%;
			float:none;
			margin:0 auto;
			display:block;
			background-image:url(img/banner02.jpg);
			background-size:cover;
			background-repeat:no-repeat;
			}
			
		.phase2teambanner a{
			padding:15px;
			font-size:1em;
			text-decoration:none;
			}
			
		.phase2teambanner:hover {
			background-color:#6e6e6e;
			background-image:none;
			}	
			
		.phase2choirbanner{
			text-decoration:none;
			text-align:center;
			padding:15px;
			font-size:1em;
			max-width:100%;
			float:none;
			margin:0 auto;
			display:block;
			background-image:url(img/banner01m.png);
			background-size:cover;
			background-repeat:no-repeat;
			}
			
		.phase2choirbanner a{
			padding:15px;
			font-size:1em;
			text-decoration:none;
			color:#fff;
			}
			
		.phase2choirbanner:hover {
			background-color:#000;
			background-image:none;
			}	
		
	}
	
	@media screen and (max-width: 780px){
		
		.phase2banner{
			width:100%
			}
			
		.phase2fbbanner{
			width:100%
			}
		
	}	

	
		
.phase2middle{
		background-color:#fff;
		max-width: 100%;
		margin: 0 auto;
		padding-bottom:10px;
		}
		
.phase2middle li{
		Display: inline-block;
		width: 30%;
		
		}
		
.thirds{
		background-color:#fff;
		padding:1%;
		}
		
.seventy5{
		background-color:#fff;
		max-width: 75%;
		padding:10px 12%;
		margin:0 auto;
		font-size:0.7em;
		}
		
.mainimg{
		max-width:100%;
		}
		
.updates{
	max-width:100%;
	/*max-*/height:300px;
	background-color:#efefef;
	}
	
.twitter{
	width:30%;
	float:left;
	padding:5px;
	}
	
.twitter-timeline{
	height:290px;
	}
/* carrousel */

 .flexslider{
	 width:65%;
	 float:right;
	 padding:5px;
	 }

IMG .slides {
	/*max-*/width:100%;
	}
	
li a{
	padding:0px;
	}
	
@media screen and (max-width: 885px) {
.twitter-timeline{
	display:none;
	}
	
.flexslider{
	width:96%;
	float:none;
	margin:0 auto;
	}
	
.flex-viewport{
	width:100%;
	}

}

.banner-caption{
	display:block;
	z-index:100;
	background: none repeat scroll 0 0 rgba(49, 49, 49, 0.96);
	width:8.32%;
	height:50px;
	position: absolute;
	bottom:134px;
}

.banner-caption h1{ text-decoration:none;
font-size:2em;
color: #FFFFFF;
    font-family: 'Montserrat',sans-serif;
    padding: 5px;
	}
	
	
.slidesImg { 
	z-index:-1;
	}
	
	#fullwidth{width:100%;}