@charset "UTF-8";

/*  ==============================
	
	MIKE'S FRAMEWORK (MPA FRAME)
	Michal Pechardo
	Version 4.5
	www.michalpechardo.com
	
==============================  */   

/*  ---------------------------------------------------------------------------------------
    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, font, img, ins,
	kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
						 { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
	:focus				 { outline:0; }
	body                 { line-height:1; color:black; background:white; }
	ol, ul               { list-style:none; }
	table                { border-collapse:separate; border-spacing:0; }
	caption, th, td      { text-align:left; font-weight:normal; }
	blockquote:before    { content:""; }
	blockquote:after     { content:""; }
	q:before, q:after    { content:""; }
	blockquote, q        { quotes:"" ""; }

/*  ---------------------------------------------------------------------------------------
    HTML ELEMENTS
    --------------------------------------------------------------------------------------- */
	html				{ font-size:62.5%; }
	body                { background: #f7f6f5; font-family: 'Lato', sans-serif; width:100%; position:relative;
						-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
						 
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1					{ font-size: 30px; font-size: 3.0rem; line-height: 50px; margin-bottom: 24px; color:#002a47; font-weight:bold;  text-transform:uppercase; }
	h2 					{ font-size: 36px; font-size: 3.6rem; line-height: 40px; margin-bottom: 24px; font-family: 'Roboto Condensed', sans-serif; color:#de9a4e; font-weight:300; }
	h3 					{ font-size: 26px; font-size: 2.6rem; line-height: 22px; margin-bottom: 24px; font-family: 'Roboto Condensed', sans-serif; color:#de9a4e; font-weight:400; }
	h4 					{ font-size: 16px; font-size: 1.6rem; line-height: 36px; margin-bottom: 16px; color:#b2aba4; text-transform:uppercase; font-weight:bold; letter-spacing:1px; border-bottom:3px solid #b2aba4; 		       					display:inline-block; }
	h5 					{ font-size: 14px; font-size: 1.4rem; line-height: 18px; margin-bottom: 5px; font-style: italic; color:#545454; }
	h6 					{ font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-bottom: 24px; text-transform:uppercase; }
	p                   { font-size: 18px; font-size: 1.8rem; line-height: 30px; margin:0 0 24px; color:#545454; }
	pre                 { }
	em 					{ font-style: italic; }
	strong 				{ font-weight: bold; color: #333; }
	.small 				{ font-size:12px; line-height:16px; }
	
	.gld				{ color:#de9a4e !important; }
	.prpl				{ color:#45413f !important; }
	.gry				{ color:#b2aba4 !important; }
	.pnk				{ color:#801608 !important; }
	.red				{ color:#e48080 !important; }
	.wht				{ color:#fff !important; }
	.colorwave			{ background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0, 159, 176, .8)),to(rgba(47, 47, 92, 1)));
						  -webkit-background-clip: text;-webkit-text-fill-color: transparent; color:#28284f; }
						  
	/*	Icon Fonts  */
	@font-face 			{ font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), 
						url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), 
						url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
	
	/*	Links  */
	a, a:visited, button { outline: 0; text-decoration: none; color: #ab2c5c; transition: all 0.3s ease-out; position: relative; }
	a:hover, a:focus 	{ color: #cc2a67; }
	p a, p a:visited 	{ line-height: inherit; }
	
	/*	Selection  */
	:focus              { outline:0; }
	ins                 { text-decoration:none; }
   	del                 { text-decoration:line-through; }
   	table               { border-collapse:collapse; border-spacing:0; }
   	::selection         { background:#801608; color:#fff; }
   	::-moz-selection    { background:#801608; color:#fff; }
	
	/*	List  */
	ul, ol 				{ margin-bottom: 20px; }
	ul 					{ list-style: none outside; }
	ol 					{ list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square 			{ list-style: square outside; }
	ul.circle			{ list-style: circle outside; }
	ul.disc				{ list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul 		{ margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li 	{ margin-bottom: 6px; }
	li 					{ line-height: 18px; }
	ul.large li 		{ line-height: 21px; }
	li p 				{ line-height: 30px; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote 			{ margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite 	{ display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

/*	Advanced CSS  */
	hr 					{ border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	table tr 			{ border-bottom:1px solid #f3efe4;}
	.clearfix:before, 
	.clearfix:after 	{ content: " ";display: table;}
 	.clearfix:after 	{ clear: both;}
	.clearfix 			{ *zoom: 1;}
	.ir 				{ text-indent: 100%; white-space: nowrap;overflow: hidden;}
	*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	
/*  ---------------------------------------------------------------------------------------
    ADVANCED CSS
    --------------------------------------------------------------------------------------- */  
	.content 			{ font: 1em/1.4 Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;}
 	.title 				{ font: 1.7em/1.2 Baskerville, "Baskerville old face", "Hoefler Text", Garamond, "Times New Roman", serif;}
 	.code 				{ font: 0.8em/1.6 Monaco, Mono-Space, monospace;}
	.disabled 			{ pointer-events: none;opacity: 0.5;}

/*	Advanced Styling CSS  */	
	.embossed-light 	{ border: 1px solid rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);}
	.embossed-heavy 	{ border: 1px solid rgba(0,0,0,0.1); box-shadow:  inset 0 2px 3px rgba(255,255,255,0.3), inset 0 -2px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9);}
	.gradient-light-linear 	{ background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));}
	.gradient-dark-linear 	{ background-image: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,0));}
	.gradient-light-radial 	{ background-image: radial-gradient(center 0, circle farthest-corner, rgba(255,255,255,0.4), rgba(255,255,255,0));}
	.gradient-dark-radial 	{ background-image: radial-gradient(center 0, circle farthest-corner, rgba(0,0,0,0.15), rgba(0,0,0,0));}
	.light-rounded 		{ border-radius: 3px;}
	.heavy-rounded 		{ border-radius: 8px;}
	.full-rounded		{ border-radius: 50%;}
	.barrel-rounded 	{ border-radius: 20px/60px;}
	.mac {display: block;border: none;border-radius: 20px;padding: 5px 8px;color: #333;box-shadow: inset 0 2px 0 rgba(0,0,0,.2),  0 0 4px rgba(0,0,0,0.1);}
	.mac:focus {  outline: none;  box-shadow:  inset 0 2px 0 rgba(0,0,0,.2),  0 0 4px rgba(0,0,0,0.1), 0 0 5px 1px #51CBEE;}
	.inset-shadow		{ box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); }
	.box-shadow			{ box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.05); }
	.border				{ width:100%; border-top:1px solid #d5d2ce; clear:both; margin:40px 0px;  }

/*	Advanced Inline CSS  */	
	.inline-link-1 		{ display: inline-block; margin: 0 0.2em; padding: 3px;background: #97CAF2; border-radius: 2px; transition: all 0.3s ease-out; text-decoration: none; font-weight: bold; color: white;}
	.inline-link-1:hover   { background: #53A7EA; }
	.inline-link-1:active  { background: #C4E1F8; }
	.inline-link-1:visited { background: #F2BF97; }
	.inline-link-3 		   { display: inline-block;position: relative; padding-left: 6px; text-decoration: none; color: #6AB3EC; text-shadow: 0 1px 1px rgba(255,255,255,0.9);}
	.inline-link-3:hover   { color: #3C9CE7;}
	.inline-link-3:before  { content: "\25BA"; font-size: 80%;  display: inline-block; padding-right: 3px; pointer-events: none;}
	.inline-link-3:hover:before { color: #F2BF97; }

/*  ---------------------------------------------------------------------------------------
    DEFAULT CLASSES
    --------------------------------------------------------------------------------------- */  
	.no-bg              { background:none; }
	.no-display         { display:none; }
	.display			{ display:block; }
	.no-border          { border:0; }
	.no-margin          { margin:0; }
	.no-padding         { padding:0; }
	.clear              { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	.left               { float:left; }
	.right              { float:right; }
	.center             { text-align:center; }
	.text-left			{ text-align:left; }
	.text-right			{ text-align:right; }
	.alignleft          { float:left; margin:0 20px 10px 0; }
	.alignright         { float:right; margin:0 0 10px 20px; }
	.aligncenter        { margin:0 auto; }
	.always-center		{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.absolute-center 	{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
	
	.pad-top			{ margin-top:20px !important; }
	.pad-bottom			{ margin-bottom:20px !important; }
	.pad-top-40			{ margin-top:40px !important; }
	.pad-bottom-40		{ margin-bottom:40px !important; }
	.x-pad-bottom 		{ margin-bottom:0px !important;  }
	.x-pad-top	 		{ margin-top:0px !important;  }
	.x-pad-full 		{ margin:0px !important;  }
	.pad-full			{ margin:40px 0px; }
	.padding-t50		{ padding-top:50px !important; }
	.padding-b50		{ padding-bottom:50px !important; }
	.x-padding-t		{ padding-top:0px !important; }
	.x-padding-b		{ padding-bottom:0px !important; }
	.p-space p			{ margin-bottom:0px !important; }
	.p-space2 p			{ margin-bottom:0px; }
	.pad-small			{ padding:30px 0px !important; }
	.negative-20		{ margin-top: -20px; }
	.negative-40		{ margin-top: -40px; }
	
	.img-control		{ max-width:100% !important; }
	.relative			{ position:relative; }
	.inblock			{ display:inline-block; }
	.overflow			{ overflow:hidden; }
	
	.late-show			{ display:none !important; }
	.later-show			{ display:none !important; }
	.early-show			{ display:block !important; }
	.early-100			{ }
	.late-pad-top		{ } 
	.late-pad-bottom	{ }
	
	.late-hide			{ display:block; }
	.early-hide			{ display:none; }
	
	.side1				{ width:50%; float:left; }
	.side2				{ width:50%; float:right; }
	.side1 img, .side2 img { padding:1%; }
	.sidefull			{ width:100%; }
	.sidefull img		{ padding:.5%; }
	.full				{ width:auto; }
	.hundred			{ width:100% !important; text-align:center; }
	
	.radio-list			{ margin-bottom:5px; }
	.radio-list	li		{ padding:10px 0px; border-bottom:1px solid #eee; text-align:left; }
	.radio-list	h2		{ font-size:2.6rem; margin-bottom:0px; }
	.radio-list	h5		{ font-size:1.6rem; margin-bottom:0px; }
	.radio-list	p		{ font-size:1.6rem; color:#801608; margin-bottom:0px; }
	.radio-list	li:last-child	{ border-bottom:none; margin-bottom:0px; padding-bottom:0px; }

	.resp-container 	{ position: relative; overflow: hidden; padding-top: 68.25%;}
	.resp-iframe 		{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }


	.calink				{ padding: 4px 5px; background: #801608;  }
	
/* ---------------------------------------------------------------------------------------
   ACCORDION
   --------------------------------------------------------------------------------------- */ 
	.accordion				{ list-style-type: none; padding: 0; margin: 0 0 30px; border-top: none; border-left: none; }
	.accordion ol 			{ padding: 0; margin: 0; float: left; display: block; width: 100%; list-style:none;  }
	.accordion li 			{ background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left;display: block; width: 100%; border-bottom:1px solid #f3efe4; }
	.accordion li.active>a:after { font-family: 'FontAwesome';  content: '\f0d8'; float:right; color:#b2aba4; }
	.accordion li div 		{ padding: 20px; background: #f7f6f5; display: block; clear: both; float: left; width: 100%; }
	.accordion li div p 	{ margin-bottom:0px; font-size:1.6em; color:#801608; }
	.accordion a 			{ text-decoration: none; font-size:16px; font-size:1.6em; color: #545454; padding: 20px 25px 20px 20px; display: block; cursor: pointer;
							line-height:20px; }
	.accordion a:after		{ font-family: 'FontAwesome';  content: '\f0d7'; float:right; color:#801608; }				
	.accordion li div a 	{ padding:0px; display:inline; background:none; color:#239c6d; text-shadow:rgba(255, 255, 255, 0.2) 0px 1px 0px;}
	
	.accordion li:last-child  { border-bottom:none; }
	
	/* Level 2 */
	.accordion li ol li 	{ background: #7FD2FF; font-size: 0.9em; }

/*  ---------------------------------------------------------------------------------------
    BUTTONS
    --------------------------------------------------------------------------------------- */ 
	.button, .button:visited, button {background: #002a47; display: inline-block; padding: 12px 40px 12px; color: #fff; text-decoration: none;-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); position: relative;cursor: pointer; font-size: 1.1em; letter-spacing: 2px; outline:none; text-shadow:none; font-family:inherit; }

	.button:hover								{ background-color: #111; color: #fff; }
	.button:active								{ top: 1px; }
	.small.button, .small.button:visited 		{ font-size: 11px; padding: ; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 12px; font-weight: bold; line-height: 1; }
	.large.button, .large.button:visited 		{ font-size: 1.5em; text-transform:uppercase; padding: 12px 40px 12px; }
	.xlarge.button, .xlarge.button:visited 		{ font-size: 1.3rem; line-height: 18px; text-transform:uppercase; padding: 12px 40px 12px; }
	
	.gold.button, .gold.button:visited			{ background-color: #e9a021; border:1px solid #e9a021; color:#fff; }
	.gold.button:hover							{ background-color: #c53927; border:1px solid #c53927; color:#fff; }
	.white.button, .white.button:visited		{ background-color: #fff; border:1px solid #fff; color:#aa4f0f; }
	.white.button:hover							{ background-color: #c53927; border:1px solid #c53927; color:#fff; }
	.red.button, .red.button:visited			{ background-color: #e33100; }
	.red.button:hover							{ background-color: #872300; }
	.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
	.magenta.button:hover						{ background-color: #630030; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover	
	
	button.standard, a.standard, input[type=submit].standard { padding: 6px 10px; -webkit-border-radius: 2px 2px; border: solid 1px rgb(153, 153, 153); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221))); color: #333; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; text-shadow: 0px 1px 1px rgba(255,255,255,1); line-height: 1; }
	.standard:hover 	{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(221, 221, 221))); }
	.standard:active 	{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(204, 204, 204)), to(rgb(221, 221, 221))); }
	.standard.medium 	{ padding: 5px 8px; font-size: 12px; }
	.standard.large 	{ padding: 10px 15px; font-size: 21px; font-weight: bold; }
	.standard.scaled 	{ -webkit-transform: scale(2); -webkit-transform-origin: bottom left; }
	
	.standard.blue 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(98,202,227))); border-color: rgb(98,202,227);  }
	.standard.green 	{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(213,224,77))); border-color: rgb(213,224,77);  }
	.standard.red 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(241,93,34)), to(rgb(146,60,6))); border-color: rgb(146,60,6); text-shadow: 0px -1px 1px rgba(0,0,0,0.5); color: #fff; }
	.standard.purple 	{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(202,0,108)), to(rgb(124,0,64))); border-color: rgb(202,0,108); text-shadow: 0px -1px 1px rgba(0,0,0,0.5); color: #fff;  }
	.standard.orange 	{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(245,132,38))); border-color: rgb(245,132,38);  }


/*  ---------------------------------------------------------------------------------------
    SITE ELEMENTS
    --------------------------------------------------------------------------------------- */  
	
	#logo				{ width:416px; height:203px; background:transparent url(../images/logo.png) 0px 0px no-repeat; position:absolute; top:-52px; left:-60px;
	-webkit-transform: scale(0.4,.4);-moz-transform: scale(0.4,.4);-ms-transform: scale(0.4,.4);-o-transform: scale(0.4,.4);transform: scale(0.4,.4);  }
	.logo-box			{ width:208px; height:102px; position:relative; float:left; }
   
    /* BOXES */
    .container 			{ margin: 0 auto; }
   	.gray-box			{ background:#ebe9e7; padding:30px 0px; position:relative; margin-bottom:50px; overflow:hidden; font-size:62.5%; }
	.dark-box			{ background:#e3e0e4; padding:30px 0px; position:relative; margin-bottom:50px; overflow:hidden; font-size:62.5%; }
	.white-box			{ background:#fff; padding:30px 0px; position:relative; margin-bottom:50px; overflow:hidden; font-size:62.5%; }
	.black-box			{ background:#000; padding:10px 0px; position:relative; margin-bottom:50px; overflow:hidden; font-size:62.5%; margin-top:-1px; }
	.box				{ background:#fff; padding:30px; position:relative; font-size:62.5%; }
	
	.banner-box			{ background-size: cover; overflow: hidden; padding:0px 0px 40px; display:block; background-repeat:no-repeat; position:relative; background-position: bottom; height:400px; }
	.banner-box2		{ background-size: cover; overflow: hidden; padding:0px 0px 40px; display:block; background-repeat:no-repeat; position:relative; background-position: bottom; height:282px; }
	.banner-box-play	{ background-size: cover; overflow: hidden; padding:0px 0px 40px; display:block; background-repeat:no-repeat; position:relative; background-position: bottom; height:540px; }
 	.dark-box			{ background: url(../images/black-pattern.jpg) repeat; padding:0px 0px 40px; display:block; height:320px; }	
	.video-bg			{ background-size: cover; margin: 0 auto; height:540px; }
	.radio-box			{ background-image:url(../images/radio-box.jpg) !important; }
	.redwood-box		{ background-image:url(../images/redwood-box.jpg) !important; }
	.youth-box			{ background-image:url(../images/yn19-play.jpg) !important; }
	.about-box			{ background-image:url(../images/about-box.jpg) !important; }
	.media-box			{ background-image:url(../images/media-box.jpg) !important; }
	.ministry-box		{ background-image:url(../images/ministry-box.jpg) !important; }
	.gray-bg			{ background:#ebe9e7; }
	.contact-map 		{ width: 100%; min-width: 100%; height: 400px; background: #000; background-size: cover; overflow: hidden; background-repeat: no-repeat; position: relative; display: block; margin-bottom: 50px; }
	.banner-space		{ position:absolute; top:70px; left:50%; margin-left:-120px; text-align:center; z-index:10000; }
	.banner-space .button { margin-top:40px; }
	
	/* ELEMENTS */
	.heading			{ margin-top:140px; text-align:center; }
	.heading h2			{ color:#fff; font-size:100px; font-size:10.0em; font-weight:400; text-shadow: rgba(71,75,100,0.75) 0 0 15px; margin-bottom:40px; }
	.heading2 h2		{ color:#3a254b; font-size:100px; font-size:10.0em; font-weight:400; margin:30px 0px; }
	.banner-space h2	{ color:#fff; font-size:100px; font-size:10.0em; font-weight:400; text-shadow: rgba(71,75,100,0.75) 0 0 15px; }
	.heading-fix		{ margin-top:200px; }
	.staff				{ max-width:115px; float:left; margin-right:10px; margin-bottom:10px; }
	.staff-feature		{ max-width:115px; display:block; height:auto !important; width: auto\9; -ms-interpolation-mode: bicubic;  }
	.staff-height 		{ max-height: 115px; overflow: hidden; margin-bottom:10px; }
	.play-field 		{ max-width: 200px !important; }

	.text-space			{ width: 630px; display: block; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -315px; margin-top: -60px; font-size:62.5%; }
	.text-space h1 		{ font-family: 'Fjalla One', sans-serif; text-transform: none; font-size: 60px; font-weight: 500; color: #fff; letter-spacing: 1px; }
	.text-space h4 		{ color: #de9a4e; border: none; }
	.text-space ul.tabs li { width: 30%; }

	#subpanel .pad-bottom { margin-bottom: 10px !important; }

	/* FOOTER */
	footer				{ background:#161514; padding:30px; position:relative; }
	footer h3			{ font-size:20px; font-size:2em; color:#c6c6c6; margin-bottom:15px; }
	footer p			{ font-size:14px; font-size:1.4em; color:#c6c6c6; }
	.social				{ width:50%; padding:20px; display:inline-block; }
	.social-list		{ color:#fff; text-align:center; float:left; }
	.social-list li		{ display:inline-block; margin:0px 20px 0px 0px; }
	.social-list li	a	{ display:inline-block; color:#fff; }
	.social-list a i 	{ transition: all 0.3s ease-out; }
   
	
	
/*  ---------------------------------------------------------------------------------------
    GRID 1200px
    --------------------------------------------------------------------------------------- */ 
	
	.videoWrapper 		{ position: relative; padding-bottom: 75%; /* 16:9 */ padding-top: 25px; height: 0; }
	.videoWrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.videofix			{ max-width:320px !important; }
	.gridder			{ width:1040px; position:relative; margin:0 auto; } 
	.wht-bg				{ background:#fff; padding:20px; }
	#video h5			{ margin-bottom:30px; margin-top:5px; }



/*  ---------------------------------------------------------------------------------------
    GRID 960px (DESKTOP)
    --------------------------------------------------------------------------------------- */ 

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	/* BOXES */
	.heading			{ margin-top:160px; text-align:center; }
	.banner-box			{ height:349px; }
	.banner-box2		{ height:230px; }
	.banner-box-play	{ height:450px; }
	.banner-space .button { margin-top:20px; }
	.gridder			{ width:800px; }

 
}
	

/*  ---------------------------------------------------------------------------------------
    GRID 720px (TABLET)
    --------------------------------------------------------------------------------------- */ 

@media only screen and (min-width: 720px) and (max-width: 959px) {
	
	/* BOXES */
	.banner-box			{ height:330px; }
	.banner-box2		{ height:245px; }
	.banner-box-play	{ height:330px; }
	.heading			{ margin-top:130px; text-align:center; }
	
	/* DEFAULT */
	.gridder			{ width:600px; }
	.late-show			{ display:block !important; }
	.later-show			{ display:block !important; }
	.early-show			{ display:none !important; }
	.earlier-show		{ display:none !important; }
	.early-100			{ width:100% !important;  margin:0px !important; }
	
	.late-pad-top		{ margin-top:20px !important; } 
	.late-pad-bottom	{ margin-bottom:20px !important; }
 
 	/* ELEMENTS */
	.logo-box			{ width:208px; height:86px; position:relative; float:left; }
 	#logo	{ width:256px; height:125px; background:transparent url(../images/logo2.png) 0px 0px no-repeat; position:absolute; top:-20px; left:-50px;
	-webkit-transform: scale(0.5,.5);-moz-transform: scale(0.5,.5);-ms-transform: scale(0.5,.5);-o-transform: scale(0.5,.5);transform: scale(0.5,.5);  }
	
	/* SPACING */
	.img-control		{ max-width:100% !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.feature			{ margin-top:0px; }
	.staff				{ max-height:100%; }
	.staff-height 		{ max-height: auto; overflow: hidden; width:280px !important;}
}
 
 

/*  ---------------------------------------------------------------------------------------
    GRID (IT) 720px (MOBILE)
    --------------------------------------------------------------------------------------- */ 

@media only screen and (max-width: 719px) {
	
	
	/* TEXT */
	h1					{ font-size: 24px; font-size: 2.4rem; line-height: 36px; margin-bottom: 24px; color:#002a47; font-weight:bold;  text-transform:uppercase; }
	h2 					{ font-size: 30px; font-size: 3.0rem; line-height: 32px; margin-bottom: 24px; font-family: 'Roboto Condensed', sans-serif; color:#de9a4e; font-weight:300; }
	h3 					{ font-size: 20px; font-size: 2.0rem; line-height: 24px; margin-bottom: 24px; font-family: 'Roboto Condensed', sans-serif; color:#de9a4e; font-weight:300; }
	h4 					{ font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-bottom: 10px; color:#b2aba4; text-transform:uppercase; font-weight:bold; letter-spacing:2px; border-bottom:3px solid #b2aba4; 		       					display:inline-block; }
	h5 					{ font-size: 14px; font-size: 1.4rem; line-height: 24px; text-transform:uppercase; color:#545454; }
	h6 					{ font-size: 16px; font-size: 1.6rem; line-height: 21px; margin-bottom: 24px; text-transform:uppercase; }
	p                   { font-size: 18px; font-size: 1.8rem; line-height: 30px; margin:0 0 24px; color:#545454; }
	
	
	/* BOXES */
	.banner-box			{ height:200px; }
	.banner-box2		{ height:200px; }
	.dark-box			{ background: #222; padding:0px 0px 40px; display:block; height:320px; overflow:visible !important; }
	.video-bg			{ background: url(../video/intro.jpg) !important; background-position: 50% 24% !important; background-size: cover !important; }
	.banner-space		{ position:absolute; top:30px; left:50%; margin-left:-100px; text-align:center; z-index:10000; }
	.banner-space .button { margin-top:20px; }
	.banner-space h2	{ color:#fff; font-size:70px; font-size:7.0em; font-weight:400; line-height:70px; text-shadow: rgba(71,75,100,0.75) 0 0 15px; margin-bottom:0px; }
	.contact-map 		{ height: 200px; }
	
	/* DEFAULT */
	.gridder			{ width:100%; }
	.late-show			{ display:block !important; }
	.later-show			{ display:block !important; }
	.early-show			{ display:none !important; }
	.earlier-show		{ display:none !important; }
	.early-100			{ width:100% !important; margin:0px !important; }
	
	.late-pad-top		{ margin-top:20px !important; } 
	.late-pad-bottom	{ margin-bottom:20px !important; }
	
	.late-hide			{ display:none !important; }
	.early-hide			{ display:block !important; }
	
	.side1				{ width:100%; float:left; }
	.side2				{ width:100%; float:right; }
	.side1 img, .side2 img { padding:0%; margin-bottom:10px; }
	.sidefull			{ width:100%; }
	.sidefull img		{ padding:0%; }
	.full				{ width:100% !important; text-align:center; }
	.half				{ width:50% !important; float:left; }
	
	/* BOXES */
	.banner-box			{ width:100%; min-width:100%; height:200px !important; position:relative; display:inline-block; margin-bottom:20px; }
	.text-space			{ width: 315px; display: block; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -157px; margin-top: -60px; font-size:62.5%; }
	.text-space h1 		{ font-size: 36px; font-weight: 300; margin-bottom: 12px; line-height: 42px; }
	.text-space h2 		{ font-size: 24px; }
	.text-space ul.tabs li { width: 45%; }

	/* BOXES CUSTOM */
	.redwood-box		{ background-image:url(../images/redwood-box.jpg) !important; }
	.youth-box			{ background-image:url(../images/yn19-play.jpg) !important; }
	.banner-box-play	{ width:100%; min-width:100%; height:250px !important; position:relative; display:inline-block; margin-bottom:20px; }
	.play-field 		{ max-width: 200px !important; }
	
	/* SPACING */
	.img-control		{ width:100%; max-width:320px !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.crop-height 		{ max-height: 80px; overflow: hidden; border: 2px solid #EBE9E4; }
	.feature			{ max-width:320px; margin-top:10px; margin-bottom:20px; display:block; height:auto !important; width: auto\9; -ms-interpolation-mode: bicubic;  }
	.church-staff		{ max-width:100px !important; float:left;}
	
	/* ELEMENTS */
	.logo-box			{ width:208px; height:86px; position:relative; float:left; }
 	#logo	{ width:256px; height:125px; background:transparent url(../images/logo2.png) 0px 0px no-repeat; position:absolute; top:-20px; left:-50px;
	-webkit-transform: scale(0.5,.5);-moz-transform: scale(0.5,.5);-ms-transform: scale(0.5,.5);-o-transform: scale(0.5,.5);transform: scale(0.5,.5);  }/* ELEMENTS */
	.heading			{ margin-top:30px; text-align:center; }
	.heading h2			{ color:#fff; font-size:70px; font-size:7.0em; font-weight:400; line-height:70px; text-shadow: rgba(71,75,100,0.75) 0 0 15px; margin-bottom:0px; }
	
	/* FOOTER */
	footer				{ text-align:center; }
	.social-list		{ color:#fff; text-align:center; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }

}


/* #RETINA
================================================== */