@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, 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; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font:inherit; }
   	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
                        { display:block; }
  	body                { line-height:1; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -moz-font-smoothing:antialiased; -o-font-smoothing:antialiased; }
   	ol, ul              { list-style:none; }
   	blockquote, q       { quotes:none; }
   	blockquote:before,
   	blockquote:after,
   	q:before, q:after   { content:''; content:none; }
   	:focus              { outline:0; }
   	ins                 { text-decoration:none; }
   	del                 { text-decoration:line-through; }
   	table               { border-collapse:collapse; border-spacing:0; }

/*  ---------------------------------------------------------------------------------------
    HTML ELEMENTS
    --------------------------------------------------------------------------------------- */
	html				{ font-size:62.5%; }
	body                { background: #fff; font-family: 'Avenir Next', 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: 55px; line-height: 75px; margin-bottom: 0px; color:#fff; font-weight:700; letter-spacing:0.05em; }
	h2					{ font-size: 40px; line-height: 50px; margin-bottom: 0px; color:#fff; font-weight:700; letter-spacing:0.05em; }
	h3 					{ font-size: 48px; line-height: 30px; margin-bottom: 10px; color:#283045; font-weight:700; font-family: 'Roboto Slab'}
	h4 					{ font-size: 32px; line-height: 40px; margin-bottom: 10px; color:#4C5B61; font-weight:700; }
	h5 					{ font-size: 20px; line-height: 30px; margin-bottom: 0px; color:#000; font-weight:800; }
	h6                  { font-size: 22px; line-height: 25px; margin-bottom: 5px; color:#4C5B61; overflow: hidden; }
	p                   { font-size: 16px; line-height: 26px; color:#4C5B61; overflow: hidden; }
	pre                 { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin:0 0 24px; color:#6a6a6a; overflow: hidden; }
	em 					{ font-style: italic; }
	strong 				{ font-weight: bold; }
	.medium				{ font-size:36px; }
	.small 				{ font-size:14px; }
	.index-text			{ font-size: 22px; line-height: 28px; margin-bottom: 5px; margin-top: 20px; color:#424B54; overflow: hidden; }
	.bar-text			{ margin-top: 7px; }
	
	/*	Colors  */
	.wht				{ color:#fff !important; }
	.lght 				{ color:#DEE5E5 !important; }
	.grn				{ color:#c12828 !important; }
	.blu				{ color:#2e4152 !important; }
	.rd					{ color:#a62630 !important; }
	.yllw               { color:#dfa100 !important; }
	.orng 				{ color:#F99327 !important; }
	.grey				{ color:#A1B0B7 !important; }
	.grn 				{ color:#29913E !important; }
	.blk 				{ color:#333 !important; }
	
	/*	Icon Fonts  */
	@font-face 			{ font-family: 'FontAwesome';src: url('../../font/fontawesome-webfont.eot');src: url('../../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
						  url('../../font/fontawesome-webfont.woff') format('woff'),
						  url('../../font/fontawesome-webfont.ttf') format('truetype'),
						  url('../../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal;font-style: normal;}
	
	/*	Links  */
	a, a:visited 		{ outline: 0; text-decoration: none; color: #A1B0B7; position: relative;
						-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
	a:hover, a:focus 	{ color: #DEE5E5; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
	p a, p a:visited 	{ line-height: inherit; }
	.spaced				{ letter-spacing:5px; }
	
	/*	Selection  */
	:focus              { outline:0; }
	ins                 { text-decoration:none; }
   	del                 { text-decoration:line-through; }
   	table               { border-collapse:collapse; border-spacing:0; }
   	::selection         { background:#aba6c9; color:#fff; }
   	::-moz-selection    { background:#aba6c9; 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 		{ font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li 	{ margin-bottom: 6px; }
	li 					{ line-height: 30px; }
	ul.large li 		{ line-height: 21px; }
	li p 				{ line-height: 21px; }
	ul.standard			{ }
	ul.standard	li		{ width:100%; font-size:1.8rem; font-size:18px; display:list-item; padding:20px 0px; border-bottom:1px solid #e3e3e3; }
	ul.standard	li:last-child { border:none; }
	ul.company			{ display:inline-block; list-style:none; }
	ul.company li		{ display:inline-block; width:16%; margin:0 4%; }
	ul.list 			{ font-size: 18px; font-size: 1.8rem; margin:0 0 0 20px; color:#545454;  }
	.list li			{ display:list-item; list-style:disc; }
	ul.bottom-nav		{ font-size: 18px; font-size: 1.8rem; color:#fff; text-transform:uppercase; }
	.bottom-nav li		{ margin-right:20px; display:inline; }
	.bottom-nav li:last-child { margin-right:0px; }
	.bottom-nav li a	{ color:#fff; }
	.bottom-nav li a:hover	{ color:#b3b3b3; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 1.7rem; line-height: 24px; color: #777; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; }
	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:nth-child(even) { background: #efefef;}
	.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
    --------------------------------------------------------------------------------------- */  
 	.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;}
	.inline				{ display:inline; margin-right:20px; }
	.opac				{ opacity:.6; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
	.opac:hover			{ opacity:1; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
	.hidden				{ display:none; }

/*	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); }
	.imgborder			{ border:1px solid #d1cec6; background:#fff; padding:10px; }
	.border				{ width:100%; border-top:3px solid #d8d8d8; clear:both; margin:40px 0px; }
	.half-border		{ width:20%; border-top:4px solid #dfa100; clear:both; margin:20px auto 20px; }
	.bottom-line		{ border-bottom:3px solid #d8d8d8; }
	.right-border		{ padding-right:20px; border-right:1px solid #ccc; }

/*	Advanced Inline CSS  */	
	ul.listed			{ display: list-item; margin: 0; padding: 0; }
	ul.listed li 		{ font-size: 16px; font-size: 1.6rem; list-style: disc; line-height: 20px; margin: 10px 0 0 20px; color:#6a6a6a; }
	ul#double  			{ width: 50%; columns: 2; -webkit-columns: 2; -moz-columns: 2; }

/*  ---------------------------------------------------------------------------------------
    DEFAULT CLASSES
    --------------------------------------------------------------------------------------- */  
	.no-bg              { background:none; }
	.no-display         { display:none; }
	.display			{ display:block; }
	.no-border          { border:0 !important; }
	.no-margin          { margin:0 !important; }
	.no-padding         { padding:0 !important; }
	.clear              { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	.left               { float:left; }
	.right              { float:right; }
	.middle             { text-align:center; }
	.center             { text-align:center; margin:auto; }
	.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; }
	.columntext			{ float: center; }
	
	.pad-top			{ margin-top:20px !important; }
	.pad-bottom			{ margin-bottom:20px !important; }
	.pad-top-10			{ margin-top:10px !important; }
	.pad-top-40			{ margin-top:40px !important; }
	.pad-top-60			{ margin-top:60px !important; }
	.pad-top-80			{ margin-top:80px !important; }
	.pad-bottom-10		{ margin-bottom:10px !important; }
	.pad-bottom-40		{ margin-bottom:40px !important; }
	.pad-bottom-60		{ margin-bottom:60px !important; }
	.x-pad-bottom 		{ margin-bottom:0px !important;  }
	.x-pad-top	 		{ margin-top:0px !important;  }
	.x-pad-full 		{ margin:0px !important;  }
	.margin-full		{ margin:40px 0px; }
	.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:20px 0px !important; }
	.pad-med			{ padding:30px 0px !important; }
	.padding-right 		{ padding-right:40px; }
	.margin-right 		{ margin-right:40px; }
	.minus-pad-top		{ margin-top:-40px; }
	.pad-bottom-grid	{ margin-bottom:40px; }

	.infoBlock			{ margin-top: 50px; margin-bottom: 20px; float: center; }
	.socialBlock    	{ margin-top: 50px; margin-bottom: 50px; float: center; }
  	.socialBlock a  	{ margin: 0 20px; float:center; }
  	.centerBlock    	{ margin-left:auto; margin-right:auto; text-align:center; padding:20px 0px;}
  	.centerBlock a  	{ margin-left:auto; margin-right:auto; text-align:center; padding:10px 20px; }
  	.staffBlock a 		{ margin-left:auto; margin-right:auto; text-align:center; padding:0px 10px; }
	
	.img-control		{ max-width:100% !important; }
	.img-pastor			{ max-width:auto !important; height: 477px; margin:-50px 0; }
	.events				{ max-width:80% !important; }
	.relative			{ position:relative; }
	.inblock			{ display:inline-block; }
	.overflow			{ overflow:hidden; }
	.full				{ width:100% !important; padding-left:0px !important; padding-right:0px !important; display: block; text-align:center; }
	
	.late-show			{ display:none !important; }
	.later-show			{ display:none !important; }
	.early-show			{ display:block !important; }
	.earlier-show	    { display:block !important; }	
	
	.early-100			{ width:inherit; }
	.early-50			{ width:inherit; }
	
	.transition			{  -webkit-transition: all .1s 0 cubic-bezier(.25, .25, .75, .75); -moz-transition: all .1s 0 cubic-bezier(.25, .25, .75, .75); -o-transition: all .1s 0 cubic-bezier(.25, .25, .75, .75);
-ms-transition: all .1s 0 cubic-bezier(.25, .25, .75, .75); transition: all .1s 0 cubic-bezier(.25, .25, .75, .75); -moz-transition-duration: .1s; -moz-transition-property: all; -moz-transition-delay: 0; }


/*  ---------------------------------------------------------------------------------------
    BUTTONS
    --------------------------------------------------------------------------------------- */ 
	.button, .button:visited { background: #ccc; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none;
	 position: relative; cursor: pointer; }

	.button:hover								{ background-color: #111; color: #fff;  }
	.button:active								{ top: 1px; }

	.small.button, .small.button:visited 		{ font-size: 14px; letter-spacing: 1px; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 20px; letter-spacing:2px; padding: 12px 45px; }
	.large.button, .large.button:visited 		{ font-size: 24px; letter-spacing:0.2em; font-weight: bold; padding: 10px 40px; }
	.social.button, .social.button:visited 		{ font-size: 17px; font-size: 1.7rem; font-weight: bold; padding: 15px 20px; }
	
	.white.button, .white.button:visited		{ background-color: transparent; border:3px solid #fff; color:#fff; margin-top:50px; border-radius:50px; }
	.white.button:hover							{ background-color: #F99327; color:#fff; border:3px solid #F99327; }

	.white-2.button, .white-2.button:visited	{ background-color: transparent; border:2px solid #fff; color:#fff; margin-top:20px; border-radius:50px; }
	.white-2.button:hover						{ background-color: #333; color:#fff; border:2px solid #333; }

	.black.button, .black.button:visited		{ background-color: transparent; border:3px solid #333; color:#333; margin-top:10px; border-radius:50px; }
	.black.button:hover							{ background-color: #333; color:#fff; border:3px solid #333; }

	.orange.button, .orange.button:visited		{ background-color: transparent; border:2px solid #fff; color:#fff; margin-top:20px; border-radius:50px; }
	.orange.button:hover						{ background-color: #F99327; color:#fff; border:2px solid #F3B146; }

	.green.button, .green.button:visited		{ background-color: transparent; border:2px solid #fff; color:#fff; margin-top:20px; border-radius:50px; }
	.green.button:hover							{ background-color: #68B277; color:#fff; border:2px solid #68B277; }

	.blue.button, .blue.button:visited			{ background-color: #427AA1; border-radius:30px; font-size:18px; font-weight:700; margin:0px; }
	.blue.button:hover							{ background-color: #325C79; }

	.red.button, .red.button:visited			{ background-color: #C1666B; border-radius:30px; font-family:'Fjalla One'; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px; }
	.red.button:hover							{ background-color: #AC5A5F; }

	.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
	.magenta.button:hover						{ background-color: #630030; }

	.yellow.button, .yellow.button:visited		{ background-color: #F3B146; border-radius:30px; }
	.yellow.button:hover						{ background-color: #F19C12; }

	.box.button, .box.button:visited			{ background-color: #f6f6f6; border-width:3px; border-color:#F3B146; border-radius:30px; color:#F3B146;}
	.box.button:hover							{ background-color: #F3B146; color:#fff;}

	.button-ig, .button-ig:visited 				{ background: rgba(0, 0, 0, 0); display: inline-block; color: #DEE5E5; text-decoration: none; position: relative; cursor: pointer; transition: all .2s ease-in-out; padding-top:10px; }
	.button-ig:hover							{ transform: scale(1.1); color: #FF76B9; }
	.button-tw, .button-tw:visited 				{ background: rgba(0, 0, 0, 0); display: inline-block; color: #DEE5E5; text-decoration: none; position: relative; cursor: pointer; transition: all .2s ease-in-out; padding-top:10px; }
	.button-tw:hover							{ transform: scale(1.1); color: #00aced; }
	.button-fb, .button-fb:visited 				{ background: rgba(0, 0, 0, 0); display: inline-block; color: #DEE5E5; text-decoration: none; position: relative; cursor: pointer; transition: all .2s ease-in-out; padding-top:10px; }
	.button-fb:hover							{ transform: scale(1.1); color: #3579BC; }
	.button-yt, .button-yt:visited 				{ background: rgba(0, 0, 0, 0); display: inline-block; color: #DEE5E5; text-decoration: none; position: relative; cursor: pointer; transition: all .2s ease-in-out; padding-top:10px; }
	.button-yt:hover							{ transform: scale(1.1); color: #BC3535; }
	
	.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; }
	.hundred					{ width:100%; }
	
	.gradient				{ background: rgb(202,31,41); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(202,31,41,1) 0%, rgba(200,70,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(202,31,41,1)), color-stop(100%,rgba(200,70,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(202,31,41,1) 0%,rgba(200,70,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(202,31,41,1) 0%,rgba(200,70,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(202,31,41,1) 0%,rgba(200,70,0,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(202,31,41,1) 0%,rgba(200,70,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca1f29', endColorstr='#c84600',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  }

/*  ---------------------------------------------------------------------------------------
    SITE ELEMENTS
    --------------------------------------------------------------------------------------- */  
	
	#logo 					{ max-width:250px; }
	.logo					{ max-width:800px; z-index:9999; max-width:100%; }
	.logo-box				{ max-width:800px; position:absolute; top:0px; left:0px; z-index:9999; }

	#object 				{ display:block; }
	
	.drop h2				{ margin-top:20px; }
	.hero-bg 				{ background:url(../images/hero-bg.png); z-index:0; background-size:cover; padding: 0; margin-top: 0px; max-width: 100%; height: 540px; position: relative; }
	.heroInfo				{ background: rgba(0, 0, 0, 0.5); background-blend-mode:  width: 50%; float: right; padding: 40px; text-align: center; position:relative; }
	.sliderInfo 			{ width: auto; height: 100%; text-align: left; position: absolute; margin-left: auto; margin-right: auto; margin-top: 70px; z-index:500; }
	.sermon-bg 				{ background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/sermon-bg.png); z-index:0; background-size: cover; padding: 0; margin-top: 0px; max-width: 100%; height: 450px; position: relative; background-attachment: fixed; }
	.sermonInfo 			{ width: 100%; height: 100%; text-align: center; padding: 30px; position: absolute; margin-left: auto; margin-right: auto; top: 120px; z-index:500; }

	.gray-box				{ background:#eeebe5; border:1px solid #d1cec6; padding:20px; position:relative; }
	.gray-box2				{ background:url(../images/opac-grayyy.png) repeat; padding:20px; position:relative; }

	/* BACKGROUNDS */
	.header-grey-bg			{ background: #EEEEEE; height:auto; position:relative; margin:0; padding: 10px 0px; }
	.grey-bar-bg			{ background: #EEEEEE; height:100px; position:relative; margin:0; padding: 30px 0px; }
	.grey-bg				{ background: #EEEEEE; height:auto; position:relative; margin:0; padding: 60px 0px; }
	.white-bg				{ background: #fff; padding:80px 0px; position:relative; }
	.white-box				{ background: url(../images/white-box.png); padding: 40px 20px; }
	.footer-bg				{ background:#4C5B61; padding: 60px 0px; position:relative; margin-bottom:0px; overflow:hidden; height:auto; text-align:center; }

	.pastor-header-bg		{ background:url(../images/pastor-header.png) no-repeat center; background-size: cover; height: 500px; padding:50px; position:relative; margin-top:0px; z-index:1; }
	.building-bg			{ background:url(../images/new-building-header.png) no-repeat center; background-size: 100%; height: 500px; padding:50px; position:relative; }
	.staff-bg				{ background:url(../images/staff-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.photos-bg				{ background:url(../images/photos-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.believe-bg				{ background:url(../images/believe-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.church-bg				{ background:url(../images/church-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.salvation-bg			{ background:url(../images/salvation-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.children-bg			{ background:url(../images/children-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.history-bg				{ background:url(../images/history-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.visit-bg				{ background:url(../images/visit-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.outreach-bg			{ background:url(../images/outreach-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.missions-bg			{ background:url(../images/missions-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.teens-bg				{ background:url(../images/teens-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.contact-bg				{ background:url(../images/contact-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.adult-bg				{ background:url(../images/adult-bg.png) no-repeat; background-size: 100%; height: auto; padding:50px; position:relative; }
	.pastor-bg				{ background:url(../images/pastor-bg.png) no-repeat; background-size:100%; height: 350px; padding:40px 0px; position:relative; }
	.steward-bg				{ background:url(../images/steward-bg.png) no-repeat; background-size:cover; height: 350px; padding:40px 0px; position:relative; }
	.yr17-bg				{ background:url(../images/yr17-bg.png) fixed; background-size:cover; height: 350px; padding:40px 0px; position:relative; }
	.vbs-bg					{ background:url(../images/vbs-bg.png) no-repeat; background-size:cover; background-position: center center; height: 300px; padding:0px 0px; position:relative; }
	.school-bg				{ background:url(../images/school-bg.png); height: 350px; padding:40px 0px; position:relative; }
	.brown-bg				{ background:#E4DFDA; padding:50px 0px; height:475px; position:relative; }
	.gradient-bg			{ background: #f1f1f1; /* Old browsers */
							background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
							padding:60px 0px; position:relative; }
	.purple-bg				{ background:url(../images/purple-box.jpg) repeat; padding:40px 0px; position:relative; }
	.round-bg				{ background:url(../images/round.png) no-repeat center top; padding:70px 20px 20px; position:relative; margin:-84px auto; z-index:10000; }
	.carpet-bg				{ background:url(../images/carpet-bg.jpg)no-repeat; background-size: cover; padding:60px 0px; position:relative; }

	.box					{ border:1px solid #ccc; padding:40px; }
	
	.banner-box				{ height:189px; background-size: cover; overflow: hidden; padding:0px 0px 40px; display:block; background-repeat:no-repeat; position:relative; background-position: bottom; background-color:#e8eae5; }
	.banner-box2			{ height:355px; background-size: cover; overflow: hidden; padding:0px 0px 40px; display:block; background-repeat:no-repeat; position:relative; background-position: bottom; background-color:#e8eae5; }
	.banner-box h2			{ font-size:4.8rem; font-size:48px;  margin-top:70px; }
	.banner-box2 h2			{ color:#fff; font-size:4.8rem; font-size:48px;  margin-top:160px; }
	.contact-box			{ position: relative; text-align: center; width:75%; background: rgba(255,255,255,.9); padding: 50px; margin:-60px 0px; 
								margin-left:auto; margin-right:auto; }

	.party-bg				{ background-image:url(../images/party-bg.jpg) !important; }
	.about-bg				{ background-image:url(../images/about-bg.jpg) !important; }
	.surgery-bg				{ background-image:url(../images/surgery-bg.jpg) !important; }
	
	/* THEME */ 
	.icon-style				{ color:#ccc; font-size:16px; margin-bottom:20px; }
	.big-icon				{ float:left; margin:0 20px 20px 0; }
	
	/* PICTURES */  
	.img-left				{ width:35%; max-width:550px; position:absolute; left:50px; bottom:0px; }
	.img-right				{ width:37%; max-width:550px; position:absolute; right:0px; bottom:20px; }
	.img-ad					{ width: 100%; height: 315px; background:url(../images/service-banner.jpg); background-size: cover; padding: 80px 30px 30px; margin-bottom: 30px; text-align: center; }
	.img-cares				{ width: 100%; height: 315px; background:url(../images/acc-cares.jpg); background-size: cover; padding: 60px 30px 30px; margin-bottom: 0px; }
	.placeholder-large		{ width: 100%; height: 315px; background:grey; background-size: cover; padding: 30px; margin-bottom: 30px; }
	.placeholder-small		{ width: 100%; height: 150px; background:grey; background-size: cover; padding: px; margin-bottom: 10px; }
	.photo-thumbnail		{ border-radius: 50%; background: #fff; border:5px solid #fff; }
	.photo-thumbnail:hover 	{ border-radius: 50%; border: 5px solid #fff; box-shadow: 0 0 10px #4fd200; }

	/* VIDEO */
	.fullscreen-bg 			{ position: relative; }
	.fullscreen-bg__video 	{ position: relative; width: 100%; height: 1200px; margin-top:-260px; margin-bottom:-300px; filter:brightness(75%); }
	
	/* FRONT PAGE */  
	.container-10 			{ max-width: 960px; margin: 0 auto; }
	.center-wrap			{ max-width:880px; margin:0 auto; }
	.center-box				{ z-index:10000; padding:0px; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.center-box-fix			{ margin-top:0px !important; }
	.center-part			{ float:right; padding:0px; }
	.center-part h6, .center-part h2 { color:#fff; }
	.center-box	h6			{ margin:5px 0px; }
	.center-h3 h3			{ text-align: center; }
	
	/* BOXES */  
	.tab-box				{ background: #eeeeee; padding: 10px; position: relative; }
	.half-box				{ width: 46%; float: left; padding:0 3%; }
	.half-box-line			{ border-right: #d8d8d8 1px solid; }
	.half-box p 			{ text-align: justify;  }
	.party-img				{ float: left; margin:0 20px 30px 0; }

	/* RATES */  
	.header-text			{ font-size: 20px; font-size: 3.3rem; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 10px; text-transform:uppercase; margin-top:200px; }
	.rate-box				{ border:1px solid #d1cec6; padding:20px; position:relative; float:left; margin-bottom:0px; text-align:center; }
	
	#hidden-content			{ padding:20px; }
	.minimum				{ min-width:100%; background:#fff; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.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; }
	
	/* FOOTER */ 
	footer					{ background:#3b3131; padding:40px 0px; border-bottom:30px solid #211b1b; position:relative; }
	
	
	
/*  ---------------------------------------------------------------------------------------
    GRID 1200px
    --------------------------------------------------------------------------------------- */ 



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

@media only screen and (min-width: 960px) and (max-width: 1199px) {

	/* PICTURES */ 
	.logo					{ margin-left:20px; }
	
	/* FRONT PAGE */ 
	.center-wrap			{ max-width:740px; margin:0 auto; } 
	.center-box	h6			{ font-size:14px; font-size:1.4rem; margin:5px 0px; }

	.white.button, .white.button:visited		{ background-color: transparent; border:3px solid #fff; color:#fff; margin-top:20px; border-radius:50px; }
	.white.button:hover							{ background-color: #F99327; color:#fff; border:3px solid #F99327; }

	.header-text			{ font-size: 20px; font-size: 3.3rem; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 10px; text-transform:uppercase; margin-top:100px; }
	.white-bg				{ background:#fff; padding:60px 0px; position:relative; }
	.building-bg			{ height:400px; }
 
}
	

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

@media only screen and (min-width: 720px) and (max-width: 959px) {

	/* TEXT STYLES */  
	h1					{ font-size: 45px; line-height: 55px; margin-bottom: 0px; color:#fff; font-weight:700; letter-spacing:0.05em; }
	h2					{ font-size: 30px; line-height: 35px; margin-bottom: 0px; color:#fff; font-weight:700; letter-spacing:0.05em; }
	h3 					{ font-size: 48px; line-height: 30px; margin-bottom: 10px; color:#283045; font-weight:700; font-family: 'Roboto Slab'}
	h4 					{ font-size: 20px; line-height: 22px; margin-bottom: 10px; color:#333; font-weight:500; }
	h5 					{ font-size: 16px; line-height: 20px; margin-bottom: 5px; }
	h6                  { font-size: 22px; line-height: 25px; margin-bottom: 20px; color:#4C5B61; overflow: hidden; }
	p                   { font-size: 16px; line-height: 24px; margin-bottom: 5px; color:#424B54; }
	pre 				{ font-size: 14px; font-size: 1.3rem; line-height: 30px; margin:0 0 24px; color:#6a6a6a; }

	.index-text			{ font-size: 18px; line-height: 20px; margin-bottom: 5px; overflow: hidden; }
	.header-text		{ font-size: 20px; font-size: 3.3rem; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 10px; text-transform:uppercase; margin-top:60px; }
	
	.late-show				{ display:block !important; max-width: 100%; margin-top:0px; margin-left:0px; }
	.later-show				{ display:none !important; }
	.early-show				{ display:none !important; }
	.earlier-show	    	{ display:none !important; }
	.late-center			{ display:block; }
	.late-center-img		{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important;}

	.pastor-header-bg		{ background:url(../images/pastor-header.png) no-repeat center; background-size: cover; height: 400px; padding:50px; position:relative; margin-top:0px; }
	.white-bg				{ background:#fff; padding:70px 0px; position:relative; }
	.brown-bg				{ background:#E4DFDA; padding:70px 0px; position:relative; height:420px; }
	.building-bg			{ height:300px; }
	.hero-bg 				{ background:url(../images/hero-bg.png) cover no-repeat; background-size:200%; background-position: center; z-index:0; max-width: 100%; height: 480px; position: relative; padding-top:40px; }
	.grey-bar-bg			{ background: #EEEEEE; height:150px; position:relative; margin:0; padding: 30px 0px; }

	.sliderInfo 			{ width: auto; height: 100%; text-align: center; position: relative; margin-left: auto; margin-right: auto; margin-top: 70px; z-index:500; }

	#logo 					{ max-width:220px; }
	.logo					{ max-width:800px; z-index:9999; max-width:100%; }
	.logo-box				{ max-width:220px; position:absolute; top:20px; left:20px; z-index:9999; }

	.round-bg				{ padding-top:20px; }
	
	.early-100				{ width:100% !important; display:block; margin:0px; }
	.early-50				{ width:50% !important; display:block; margin:0px; }
	
	.time h6				{ font-size:12px !important; font-size:1.2em !important; margin-top:0px; }
	.time					{ padding:10px 10px 0px !important; }
	.right-border			{ padding:0; border:0; }
	.spacing				{ margin:10px; }

	/* VIDEO */
	.fullscreen-bg 			{ position: relative; }
	.fullscreen-bg__video 	{ position: relative; width: 100%; height: 100%; margin-top:-270px; margin-bottom:-200px; filter:brightness(100%); }
	
	/* PICTURES */ 
	.img-left				{ width:100%; max-width:540px; position:relative; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; left:0px; bottom:0px; }
	.img-right				{ width:100%; max-width:540px; position:relative; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; right:0px; bottom:0px; }

	.big-icon				{ width:100%; text-align:center; }
	
	/* FRONT PAGE */  
	.center-wrap			{ max-width:700px; margin:0 auto; }
	.center-box				{ width:100% !important; z-index:10000; padding:0px; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.center-part			{ float:right; padding:0px; }
	.center-box	h6			{ font-size:14px; font-size:1.4rem; margin:5px 0px; }

	.socialBlock    		{ margin-top: 20px; margin-bottom: 50px; float: center; }
  	.centerBlock    		{ margin-left:auto; margin-right:auto; text-align:center; }
  	.centerBlock a  		{ margin-left:auto; margin-right:auto; text-align:center; padding:0px 10px; }

  	/* BUTTONS */
  	.large.button, .large.button:visited 		{ font-size: 18px; letter-spacing:0.2em; font-weight: bold; padding: 10px 40px; }

  	.white.button, .white.button:visited		{ 	background: #fff; /* For browsers that do not support gradients */
    												background: -webkit-linear-gradient(#ddd, #fff); /* For Safari 5.1 to 6.0 */
    												background: -o-linear-gradient(#ddd, #fff); /* For Opera 11.1 to 12.0 */
    												background: -moz-linear-gradient(#ddd, #fff); /* For Firefox 3.6 to 15 */
    												background: linear-gradient(#aaa, #fff); /* Standard syntax */; 
    											   border:0px; color:#222; margin-top:30px; border-radius:50px; box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 2px; }
	.white.button:hover							{ 	background-color: #fff; color:#555; border:0px solid #F99327; }
	.white-2.button, .white-2.button:visited	{ background: #111; /* For browsers that do not support gradients */
    												background: -webkit-linear-gradient(#111, #333); /* For Safari 5.1 to 6.0 */
    												background: -o-linear-gradient(#111, #333); /* For Opera 11.1 to 12.0 */
    												background: -moz-linear-gradient(#111, #333); /* For Firefox 3.6 to 15 */
    												background: linear-gradient(#111, #333); /* Standard syntax */; 
    											   border:0px; color:#fff; margin-top:20px; border-radius:50px; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px; }
	.white-2.button:hover						{ background-color: #000; color:#ddd; border:0px solid #000; }
	.black.button, .black.button:visited		{ 	background: #111; /* For browsers that do not support gradients */
    												background: -webkit-linear-gradient(#111, #333); /* For Safari 5.1 to 6.0 */
    												background: -o-linear-gradient(#111, #333); /* For Opera 11.1 to 12.0 */
    												background: -moz-linear-gradient(#111, #333); /* For Firefox 3.6 to 15 */
    												background: linear-gradient(#111, #333); /* Standard syntax */; 
    											   border:0px; color:#fff; margin-top:15px; border-radius:50px; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px; }
	.black.button:hover							{ background-color: #000; color:#ddd; border:0px solid #000; }
	.green.button, .green.button:visited		{ 	background: #fff; /* For browsers that do not support gradients */
    												background: -webkit-linear-gradient(#ddd, #fff); /* For Safari 5.1 to 6.0 */
    												background: -o-linear-gradient(#ddd, #fff); /* For Opera 11.1 to 12.0 */
    												background: -moz-linear-gradient(#ddd, #fff); /* For Firefox 3.6 to 15 */
    												background: linear-gradient(#aaa, #fff); /* Standard syntax */; 
    											   border:0px; color:#222; margin-top:20px; border-radius:50px; box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 2px; }
	.green.button:hover							{ 	background-color: #fff; color:#555; border:0px solid #F99327; }
	.social.button, .social.button:visited 		{ font-size: 17px; font-size: 1.7rem; font-weight: bold; padding: 15px 20px; }
 
}
 
 

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

@media only screen and (max-width: 719px) {
	
	/* TEXT STYLES */  
	h1					{ font-size: 35px; line-height: 45px; margin-bottom: 0px; color:#fff; font-weight:700; letter-spacing:0.05em; }
	h2					{ font-size: 20px; line-height: 25px; margin-bottom: 0px; color:#fff; font-weight:700; letter-spacing:0.05em; }
	h3 					{ font-size: 30px; line-height: 40px; margin-bottom: 10px; color:#283045; font-weight:700; font-family: 'Roboto Slab'}
	h4 					{ font-size: 20px; line-height: 22px; margin-bottom: 10px; color:#333; font-weight:500; }
	h5 					{ font-size: 20px; line-height: 20px; margin-bottom: 5px; }
	h6                  { font-size: 16px; line-height: 25px; margin-bottom: 15px; color:#4C5B61; overflow: hidden; }
	p                   { font-size: 16px; line-height: 24px; margin-bottom: 5px; color:#424B54; }
	pre 				{ font-size: 14px; font-size: 1.3rem; line-height: 30px; margin:0 0 24px; color:#6a6a6a; }

	.index-text			{ font-size: 18px; line-height: 20px; margin-bottom: 5px; margin-top: 20px; overflow: hidden; }
	.header-text		{ font-size: 20px; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 10px; text-transform:uppercase; margin-top:5px; }
	.medium				{ font-size: 24px; }

	ul#double  			{ width: 100%; columns: 2; -webkit-columns: 2; -moz-columns: 2; }

	#logo 					{ max-width:220px; }
	.logo					{ max-width:220px; z-index:9999; max-width:100%; }
	.logo-box				{ max-width:220px; position:absolute; top:22px; left:15px; z-index:9999; }

	.hero-bg 				{ background:url(../images/hero-bg.png) cover no-repeat; background-size:350%; background-position: left; z-index:0; max-width: 100%; height: 400px; position: relative; padding-top:100px; }
	.sliderInfo 			{ width: auto; height: 100%; text-align: center; position: relative; margin-left: auto; margin-right: auto; margin-top: 120px; z-index:500; }

	
	.late-show				{ display:block !important; max-width: 100%; margin-top:0px; }
	.later-show				{ display:block !important; max-width: 100%; margin-top:0px; }
	.early-show				{ display:none !important; }
	.earlier-show	    	{ display:none !important; }
	.late-center			{ text-align:center; }
	.late-center-img		{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important;}
	.img-control			{ width:60%; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:0px;  }
	.events					{ width:80%; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:0px;  }
	
	.early-100				{ width:100% !important; display:block; margin:0px; }
	.early-50				{ width:47% !important; display:block; margin:0px; }
	.full					{ width:100% !important; display: block; text-align:center; }
	.columntext				{ float: center; }
	.container-12			{ text-align:center;}
	.pad-top-80				{ padding-top:0px; }
	.pad-bottom				{ margin-bottom:0px !important; }
	.pad-bottom-grid		{ margin-bottom:0px !important; }

	.early-video			{ display:none !important; }
	.tablet-bg				{ margin-top:0px; }
	
	.round-bg				{ background:#fff; padding:0px 20px 20px; position:relative; margin:0 auto; z-index:10000; }
	.grey-bar-bg			{ background: #EEEEEE; height:150px; position:relative; margin:0; padding: 20px 0px; }
	
	.minimum				{ width:100%; }
	.right-border			{ padding:0; border:0; }
	
	/* PICTURES */ 
	.img-left				{ width:100%; max-width:300px; position:relative; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; left:0px; bottom:0px; }
	.img-right				{ width:100%; max-width:300px; position:relative; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; right:0px; bottom:0px; }
	.img-ad					{ float:center; height:350px; padding:60px 20px 20px; margin-bottom: 30px; width:100%; background-position: 60% 50%; }
	.img-cares				{ float:center; height:350px; padding: 30px 20px 20px; margin-bottom: 0px; width:100%; background-position: 70% 50%;  }
	
	.big-icon				{ width:100%; text-align:center; }
	.contact-box			{ position: relative; text-align: center; width:100%; background: rgba(255,255,255,.9); padding: 50px; margin:-60px 0px; }
	
	.gray-bg				{ background:#efefef; border-bottom:1px solid #d1cec6; padding:20px 0px; position:relative; }
	.white-bg				{ background:#fff; padding:80px 0px; position:relative; }
	.brown-bg				{ background:#E4DFDA; padding:70px 0px 70px; position:relative; height:auto; }
	.steward-bg				{ background:#386767; height: 500px; padding:40px 0px; position:relative; }
	.vbs-bg					{ background:url(../images/vbs-bg-mobile.png) no-repeat; background-position: center center; height: 450px; padding:0px 0px; position:relative; }
	.pastor-bg				{ background:url(../images/pastor-wife-grey.png) no-repeat; background-size:100%; height: 350px; padding:40px 0px; position:relative; }
	.school-bg				{ background:url(../images/school-bg.png); height: 580px; padding:30px 0px; position:relative; }
	.dark-bg				{ background:#1A1A1A; padding: 30px 0px; position:relative; margin-bottom:0px; overflow:hidden; height:350px; }
	.pastor-header-bg		{ background:url(../images/pastor-header.png) no-repeat center; background-size: cover; height: 300px; padding:50px; position:relative; margin-top:0px; }
	.staff-bg				{ background:url(../images/staff-bg.png) no-repeat; background-size: 100%; height: auto; padding-top:90px; padding-bottom:20px; position:relative; }
	.believe-bg				{ background:url(../images/believe-bg.png) no-repeat; background-size: 100%; height: auto; padding-top:90px; padding-bottom:20px; position:relative; }
	.contact-bg				{ background:url(../images/contact-bg.png) no-repeat; background-size: 100%; height: auto; padding-top:90px; padding-bottom:20px; position:relative; }
	.yr17-bg				{ background:url(../images/yr17-bg.png) fixed; background-size:cover; height: 500px; padding:40px 0px; position:relative; }
	.sermon-bg 				{ background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/sermon-bg.png); z-index:0; background-size: cover; padding: 0; margin-top: 0px; max-width: 100%; height: 450px; position: relative; }
	.building-bg			{ height:180px; }
	
	/* BANNER */ 
	.banner-box				{ height:100px; background-size: cover; overflow: hidden; padding:0px 0px 40px; display:block; background-repeat:no-repeat; position:relative; background-position: bottom; }
	.banner-box2			{ height:100px; background-size: cover; overflow: hidden; padding:0px 0px 40px; display:block; background-repeat:no-repeat; position:relative; background-position: bottom; }
	.banner-box h2, .banner-box2 h2	{ font-size:4.8rem; font-size:30px;  margin-top:30px; }

	.carpet-bg				{ background:url(../images/carpet-bg.jpg)no-repeat; background-size: cover; padding:60px 0px; position:relative; max-width:100%; margin-left: auto; margin-right: auto; }
	.party-bg				{ background-image:url(../images/party-bg.jpg) !important; background-position-x: 60%; background-position-y: 50%; }
	.about-bg				{ background-image:url(../images/about-bg.jpg) !important; background-position-x: 70%; background-position-y: 50%; }
	.surgery-bg				{ background-image:url(../images/surgery-bg.jpg) !important; background-position-x: 90%; background-position-y: 50%; }
	
	/* RATES */  
	.rate-box				{ margin-bottom:20px; text-align:center; }

	/* BOXES */ 
	.party-img				{ width:100%; max-width:300px; margin-bottom: 0px; position:relative; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; right:0px; bottom:0px; }
	.mobile-circle			{ width:100%; max-width: 165px; }
	
	/* FRONT PAGE */  
	.center-wrap			{ max-width:700px; margin:0 auto; }
	.center-box				{ width:100% !important; margin-top:0px; z-index:10000; padding:0px; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.center-part			{ width:100%; float:left; padding:5px 0px 0px; border:none; text-align:center; }
	.center-box	h6			{ font-size:12px; font-size:1.2rem; margin:5px 0px 10px; }

  	/* BUTTONS */
	.medium.button, .medium.button:visited 		{ font-size: 20px; letter-spacing:2px; padding: 10px 45px; }
  	.large.button, .large.button:visited 		{ font-size: 16px; letter-spacing:0.2em; font-weight: bold; padding: 10px 40px; }

  	.white.button, .white.button:visited		{ 	background: #fff; /* For browsers that do not support gradients */
    												background: -webkit-linear-gradient(#ddd, #fff); /* For Safari 5.1 to 6.0 */
    												background: -o-linear-gradient(#ddd, #fff); /* For Opera 11.1 to 12.0 */
    												background: -moz-linear-gradient(#ddd, #fff); /* For Firefox 3.6 to 15 */
    												background: linear-gradient(#aaa, #fff); /* Standard syntax */; 
    											   border:0px; color:#222; margin-top:10px; border-radius:50px; box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 2px; }
	.white.button:hover							{ 	background-color: #fff; color:#555; border:0px solid #F99327; }
	.white-2.button, .white-2.button:visited	{ background: #111; /* For browsers that do not support gradients */
    												background: -webkit-linear-gradient(#111, #333); /* For Safari 5.1 to 6.0 */
    												background: -o-linear-gradient(#111, #333); /* For Opera 11.1 to 12.0 */
    												background: -moz-linear-gradient(#111, #333); /* For Firefox 3.6 to 15 */
    												background: linear-gradient(#111, #333); /* Standard syntax */; 
    											   border:0px; color:#fff; margin-top:20px; border-radius:50px; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px; }
	.white-2.button:hover						{ background-color: #000; color:#ddd; border:0px solid #000; }
	.black.button, .black.button:visited		{ 	background: #111; /* For browsers that do not support gradients */
    												background: -webkit-linear-gradient(#111, #333); /* For Safari 5.1 to 6.0 */
    												background: -o-linear-gradient(#111, #333); /* For Opera 11.1 to 12.0 */
    												background: -moz-linear-gradient(#111, #333); /* For Firefox 3.6 to 15 */
    												background: linear-gradient(#111, #333); /* Standard syntax */; 
    											   border:0px; color:#fff; margin-top:15px; border-radius:50px; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px; }
	.black.button:hover							{ background-color: #000; color:#ddd; border:0px solid #000; }
	.green.button, .green.button:visited		{ 	background: #fff; /* For browsers that do not support gradients */
    												background: -webkit-linear-gradient(#ddd, #fff); /* For Safari 5.1 to 6.0 */
    												background: -o-linear-gradient(#ddd, #fff); /* For Opera 11.1 to 12.0 */
    												background: -moz-linear-gradient(#ddd, #fff); /* For Firefox 3.6 to 15 */
    												background: linear-gradient(#aaa, #fff); /* Standard syntax */; 
    											   border:0px; color:#222; margin-top:20px; border-radius:50px; box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 2px; }
	.green.button:hover							{ 	background-color: #fff; color:#555; border:0px solid #F99327; }
	.social.button, .social.button:visited 		{ font-size: 17px; font-size: 1.7rem; font-weight: bold; padding: 15px 20px; }

}


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