/*  Green Accent: #3bbbaa, Light #84ffef, dark #217266  , transparent  #3bbaaac4  */

body, #page_perspective, #page_holder
{
	overflow-x: hidden;
}

b
{
	font-family: 'GraphieSB';
}

/* #################### /how-many #######################*/

/* #################### PULSATE LIVE #######################*/

@keyframes wiggleUp {
  0% { top:0px; transform: rotate(0deg);}
  10% { top:0px; transform: rotate(0deg);}
  11% { top:-50px; transform: rotate(1deg);}
  12% { top:-50px; transform: rotate(-2deg);}
  13% { top:-50px; transform: rotate(3deg);}
  14% { top:-50px; transform: rotate(-2deg);}
  15% { top:-50px; transform: rotate(1deg);}
  16% { top:-50px; transform: rotate(1deg);}
  17% { top:-50px; transform: rotate(-2deg);}
  18% { top:-50px; transform: rotate(3deg);}
  19% { top:-50px; transform: rotate(-2deg);}
  20% { top:-50px; transform: rotate(-1deg);}
  21% { top:-50px; transform: rotate(1deg);}
  22% { top:-50px; transform: rotate(-2deg);}
  23% { top:-50px; transform: rotate(3deg);}
  24% { top:-50px; transform: rotate(-2deg);}
  25% { top:-50px; transform: rotate(1deg);}
  26% { top:-50px; transform: rotate(1deg);}
  27% { top:-50px; transform: rotate(-2deg);}
  28% { top:-50px; transform: rotate(3deg);}
  29% { top:-50px; transform: rotate(-2deg);}
  30% { top:-50px; transform: rotate(-1deg);}
  31% { top:-50px; transform: rotate(1deg);}
  32% { top:-50px; transform: rotate(-2deg);}
  33% { top:-50px; transform: rotate(3deg);}
  34% { top:-50px; transform: rotate(-2deg);}
  35% { top:-50px; transform: rotate(1deg);}
  36% { top:-50px; transform: rotate(1deg);}
  37% { top:-50px; transform: rotate(-2deg);}
  38% { top:-50px; transform: rotate(3deg);}
  39% { top:-50px; transform: rotate(-2deg);}
  40% { top:0px; transform: rotate(0deg);}
 100% { top:0px; transform: rotate(0deg);}
}
@keyframes wiggleDown {
  0% {  transform: rotate(0deg);}
  10% {  transform: rotate(0deg);}
  11% {  transform: rotate(1deg);}
  12% {  transform: rotate(-7deg);}
  13% {  transform: rotate(3deg);}
  14% {  transform: rotate(-2deg);}
  15% {  transform: rotate(1deg);}
  16% {  transform: rotate(-5deg);}
  17% {  transform: rotate(7deg);}
  18% {  transform: rotate(-3deg);}
  19% {  transform: rotate(2deg);}
  20% {  transform: rotate(-8deg);}
  21% {  transform: rotate(1deg);}
  22% {  transform: rotate(-2deg);}
  23% {  transform: rotate(3deg);}
  24% {  transform: rotate(-2deg);}
  25% {  transform: rotate(8deg);}
  26% {  transform: rotate(-6deg);}
  27% {  transform: rotate(2deg);}
  28% {  transform: rotate(-3deg);}
  29% {  transform: rotate(2deg);}
  30% {  transform: rotate(-1deg);}
  31% {  transform: rotate(7deg);}
  32% {  transform: rotate(-2deg);}
  33% {  transform: rotate(5deg);}
  34% {  transform: rotate(-2deg);}
  35% {  transform: rotate(1deg);}
  36% {  transform: rotate(-7deg);}
  37% {  transform: rotate(2deg);}
  38% {  transform: rotate(-3deg);}
  39% {  transform: rotate(2deg);}
  40% {  transform: rotate(0deg);}
 100% {  transform: rotate(0deg);}
}

.look_at_me {
  animation: wiggleUp 9000ms 3;
}

.look_at_me_loop {
  animation: wiggleUp 9000ms infinite;
}

.look_at_me_down {
	transform-origin: 25% 75%;
	animation: wiggleDown 9000ms infinite;
}

.look_at_me_down2 {
	transform-origin: 50% 50%;
	animation: wiggleDown 9000ms infinite;
}

.look_at_me_down3 {
	transform-origin: 50% 50%;
	animation: wiggleDown 7000ms infinite;
}


/* #################### PULSATE LIVE #######################*/



.mid_background
{
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}

.mid_background_blur
{
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	filter: blur(10px);
}

.mid_background_gray
{
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	filter: grayscale(100%);
}

.mid_background_dark
{
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	filter: grayscale(20%) brightness(50%);
}

.mid_background_sepia
{
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	filter: sepia(100%);
}


hr
{
	margin-top: 40px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #3bbaaac4;
}

.hr_5{ margin-top: 5px; margin-bottom: 5px; }
.hr_10{ margin-top: 10px; margin-bottom: 10px; }
.hr_20{ margin-top: 20px; margin-bottom: 20px; }
.hr_30{ margin-top: 30px; margin-bottom: 30px; }
.hr_40{ margin-top: 40px; margin-bottom: 40px; }
.hr_50{ margin-top: 50px; margin-bottom: 50px; }

a
{
	text-decoration: none !important;
	color: #3bbbaa;
}

a:hover
{
	text-decoration: none !important;
	color: #3bbaaac4;

}



#page_perspective
{
	width: 100%;
	display: block;
	position: relative;
	/*perspective: 8500px;*/
}

#page_holder
{
	width: 100%;
	display: block;
	position: relative;
	transition: all 800ms linear .1s;
}


#header_content
{
	height: 500px;
	padding-top: 50px;
	width: 100%;
	display: block;
	position: relative;
	z-index: -1;

}


#header_background
{
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
	z-index: -1;
}

#header_background_mask
{
	height: 100%;
	width: 100%;
	background-attachment: scroll;
	background-position: center center;
	background-size: 100% 100%;;
	background-repeat: no-repeat;
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
	z-index: -1;
}


#header_info
{
	display: inline-block;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	z-index: 1;
	font-size: 70px;


}

.page_header
{
	font-family: 'GraphieB';
	text-transform: none;
	font-weight: 300;
	font-size: 1em;
	letter-spacing: 3px;
	word-spacing: 2px;
	line-height: .8em;
	text-transform: lowercase;
}


.header_word
{
	font-family: 'Simp';
	font-size: 1.7em;
	color: #000;
	font-weight: 800;
	position: relative;
	display: inline;
	top: 8px;
	line-height: 1em;
	-webkit-text-stroke: 2px;
}


.header_s2
{
	font-size: .49em;
	line-height: 36px;
	font-family: 'GraphieR';
	text-transform: none;
	font-weight: 300;
	margin-top: 15px;
	text-align: center;
}


.second_page_header
{
	font-size: 120px;
	text-align: right;
	position: relative;
	left: 15%;
	font-family: 'GraphieL';
	font-family: 'Simp';
	line-height: 90px;
	font-weight: 700;
	letter-spacing: 1px;
}


.logo_top_header
{
	position: absolute;
	top: -29px;
	left: 41%;
	transform: translateX(-50%);
	width: 135px;
}

.logo_bottom_header
{
	position: absolute;
	bottom: 68px;
	left: 41%;
	transform: translateX(-50%);
	width: 135px;
}
/*	###############################################################################
	##########################   GENERAL FONTS SECTION   ##########################
	###############################################################################
*/



@font-face {
	font-family: GraphieEL;
	src: url('/assets/fonts/Graphie-ExtraLight.otf');
}

@font-face {
	font-family: GraphieL;
	src: url('/assets/fonts/Graphie-Light.otf');
}

@font-face {
	font-family: GraphieB;
	src: url('/assets/fonts/Graphie-Book.otf');
}

@font-face {
	font-family: GraphieBB;
	src: url('/assets/fonts/Graphie-Bold.otf');
}

@font-face {
	font-family: GraphieT;
	src: url('/assets/fonts/Graphie-Thin.otf');
}

@font-face {
	font-family: GraphieSB;
	src: url('/assets/fonts/Graphie-SemiBold.otf');
}

@font-face {
	font-family: GraphieR;
	src: url('/assets/fonts/Graphie-Regular.otf');
}
@font-face {
	font-family: Simp;
	src: url('/assets/fonts/SIMPLIFICA-Typeface.ttf');
}

@font-face {
	font-family: Elianto;
	src: url('/assets/fonts/Elianto-Regular.otf');
}



.shadow{ text-shadow: 2px 2px 7px #000000aa; }

.stroke{filter: drop-shadow(2px 4px 6px black) drop-shadow(-2px -4px 4px black);}


.g{font-family: 'Graphie' !important;}
.gt{font-family: 'GraphieT' !important;}
.gsb{font-family: 'GraphieSB' !important;}
.gbb{font-family: 'GraphieBB' !important;}
.gb{font-family: 'GraphieB' !important;}
.gl{font-family: 'GraphieL' !important;}
.gel{font-family: 'GraphieEL' !important;}
.gr{font-family: 'GraphieR' !important;}
.simp{font-family: 'Simp' !important;}


.upper{ text-transform: uppercase;}
.lower{ text-transform: lower;}
.cap{ text-transform: capitalize;}


.cat { text-align: center;}
.lat { text-align: left;}
.rat { text-align: right;}
.jat { text-align: justify;}


.fw_100{font-weight: 100 !important; }
.fw_200{font-weight: 200 !important; }
.fw_300{font-weight: 300 !important; }
.fw_400{font-weight: 400 !important; }
.fw_500{font-weight: 500 !important; }
.fw_600{font-weight: 600 !important; }
.fw_700{font-weight: 700 !important; }
.fw_800{font-weight: 800 !important; }
.fw_900{font-weight: 900 !important; }


.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9
{
	font-family: 'GraphieR';
	text-transform: none;
	font-weight: 300;
}
.h1{ font-size: 58px; line-height: 58px; }
.h2{ font-size: 52px; line-height: 52px; }
.h3{ font-size: 47px; line-height: 47px; }
.h4{ font-size: 43px; line-height: 43px; }
.h5{ font-size: 38px; line-height: 38px; }
.h6{ font-size: 33px; line-height: 33px; }
.h7{ font-size: 28px; line-height: 28px; }
.h8{ font-size: 22px; line-height: 28px; }
.h9{ font-size: 18px; line-height: 18px; }



.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9
{
	font-family: 'GraphieL';
	text-transform: uppercase;
	font-weight: 300;

}
.s1{ font-size: 50px; line-height: 50px; }
.s2{ font-size: 45px; line-height: 45px; }
.s3{ font-size: 41px; line-height: 41px; }
.s4{ font-size: 38px; line-height: 38px; }
.s5{ font-size: 33px; line-height: 33px; }
.s6{ font-size: 27px; line-height: 27px; }
.s7{ font-size: 25px; line-height: 25px; }
.s8{ font-size: 20px; line-height: 20px; }
.s9{ font-size: 16px; line-height: 16px; }




.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8, .t9 { font-family: 'GraphieB'; }
.t1{ font-size: 32px; line-height: 40px; }
.t2{ font-size: 27px; line-height: 35px; }
.t3{ font-size: 23px; line-height: 25px; }
.t4{ font-size: 20px; line-height: 26px; }
.t5{ font-size: 18px; line-height: 22px; } /*NORMAL TEXT*/
.t6{ font-size: 16px; line-height: 19px; }
.t7{ font-size: 14px; line-height: 17px; }
.t8{ font-size: 12px; line-height: 14px; }
.t9{ font-size: 10px; line-height: 12px; }


.black { color: #000 !important; }

.gray1 { color: #111 !important;}
.gray2 { color: #222 !important;}
.gray3 { color: #333 !important;}
.gray4 { color: #444 !important;}
.gray5 { color: #555 !important;}
.gray7 { color: #777 !important;}
.gray8 { color: #888 !important;}
.gray9 { color: #999 !important;}
.graya { color: #aaa !important;}
.grayb { color: #bbb !important;}
.grayc { color: #ccc !important;}
.grayd { color: #ddd !important;}
.graye { color: #eee !important;}

.white { color: #fff !important; }

.blue { color: #2A3D60 !important; }
.dblue { color: #12294f !important; }
.lblue { color: #405374 !important; }

.accent { background-color: #3bbaaa !important; }
.laccent { background-color: #84ffef !important; }
.daccent { background-color: #217266 !important; }
.taccent { background-color: #3bbaaac4 !important; }


.em_10{ font-size: 1.1em;}
.em_20{ font-size: 1.2em;}
.em_30{ font-size: 1.3em;}
.em_40{ font-size: 1.4em;}
.em_50{ font-size: 1.5em;}
.em_60{ font-size: 1.6em;}
.em_70{ font-size: 1.7em;}
.em_80{ font-size: 1.8em;}
.em_90{ font-size: 1.9em;}

/*	#################################################################################
	##########################   GENERAL SPACING SECTION   ##########################
	#################################################################################
*/

.lh_1{line-height: 1;}
.lh_11{line-height: 1.1;}
.lh_12{line-height: 1.2;}
.lh_13{line-height: 1.3;}
.lh_14{line-height: 1.4;}
.lh_15{line-height: 1.5;}
.lh_115{line-height: 1.15;}
.lh_95{line-height: .95;}
.lh_9{line-height: .9;}
.lh_8{line-height: .8;}

.mar_0 { margin-bottom: 0px; margin-top: 0px; }
.mar_5 { margin-bottom: 5px; margin-top: 5px; }
.mar_10 { margin-bottom: 10px; margin-top: 10px; }
.mar_20 { margin-bottom: 20px; margin-top: 20px; }
.mar_30 { margin-bottom: 30px; margin-top: 30px; }
.mar_40 { margin-bottom: 40px; margin-top: 40px; }
.mar_50 { margin-bottom: 50px; margin-top: 50px; }
.mar_60 { margin-bottom: 60px; margin-top: 60px; }
.mar_70 { margin-bottom: 70px; margin-top: 70px; }
.mar_80 { margin-bottom: 80px; margin-top: 80px; }
.mar_90 { margin-bottom: 90px; margin-top: 90px; }
.mar_100 { margin-bottom: 100px; margin-top: 100px; }

.mart_0 { margin-top: 0px; }
.mart_5 { margin-top: 5px; }
.mart_10 { margin-top: 10px; }
.mart_20 { margin-top: 20px; }
.mart_30 { margin-top: 30px; }
.mart_40 { margin-top: 40px; }
.mart_50 { margin-top: 50px; }
.mart_60 { margin-top: 60px; }
.mart_70 { margin-top: 70px; }
.mart_80 { margin-top: 80px; }
.mart_90 { margin-top: 90px; }
.mart_100 { margin-top: 100px; }

.marb_0 { margin-bottom: 0px; }
.marb_5 { margin-bottom: 5px; }
.marb_10 { margin-bottom: 10px; }
.marb_20 { margin-bottom: 20px; }
.marb_30 { margin-bottom: 30px; }
.marb_40 { margin-bottom: 40px; }
.marb_50 { margin-bottom: 50px; }
.marb_60 { margin-bottom: 60px; }
.marb_70 { margin-bottom: 70px; }
.marb_80 { margin-bottom: 80px; }
.marb_90 { margin-bottom: 90px; }
.marb_100 { margin-bottom: 100px; }

.pad_0 { padding-bottom: 0px; padding-top: 0px; }
.pad_5 { padding-bottom: 5px; padding-top: 5px; }
.pad_10 { padding-bottom: 10px; padding-top: 10px; }
.pad_20 { padding-bottom: 20px; padding-top: 20px; }
.pad_30 { padding-bottom: 30px; padding-top: 30px; }
.pad_40 { padding-bottom: 40px; padding-top: 40px; }
.pad_50 { padding-bottom: 50px; padding-top: 50px; }
.pad_60 { padding-bottom: 60px; padding-top: 60px; }
.pad_70 { padding-bottom: 70px; padding-top: 70px; }
.pad_80 { padding-bottom: 80px; padding-top: 80px; }
.pad_90 { padding-bottom: 90px; padding-top: 90px; }
.pad_100 { padding-bottom: 100px; padding-top: 100px; }

.padt_0 { padding-top: 0px; }
.padt_5 { padding-top: 5px; }
.padt_10 { padding-top: 10px; }
.padt_20 { padding-top: 20px; }
.padt_30 { padding-top: 30px; }
.padt_40 { padding-top: 40px; }
.padt_50 { padding-top: 50px; }
.padt_60 { padding-top: 60px; }
.padt_70 { padding-top: 70px; }
.padt_80 { padding-top: 80px; }
.padt_90 { padding-top: 90px; }
.padt_100 { padding-top: 100px; }

.padb_0 { padding-bottom: 0px; }
.padb_5 { padding-bottom: 5px; }
.padb_10 { padding-bottom: 10px; }
.padb_20 { padding-bottom: 20px; }
.padb_30 { padding-bottom: 30px; }
.padb_40 { padding-bottom: 40px; }
.padb_50 { padding-bottom: 50px; }
.padb_60 { padding-bottom: 60px; }
.padb_70 { padding-bottom: 70px; }
.padb_80 { padding-bottom: 80px; }
.padb_90 { padding-bottom: 90px; }
.padb_100 { padding-bottom: 100px; }



.mw_100, .mw100{ max-width: 100px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_150, .mw150{ max-width: 150px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_200, .mw200{ max-width: 200px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_250, .mw250{ max-width: 250px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_300, .mw300{ max-width: 300px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_350, .mw350{ max-width: 350px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_400, .mw400{ max-width: 400px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_450, .mw450{ max-width: 450px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_500, .mw500{ max-width: 500px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_550, .mw550{ max-width: 550px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_600, .mw600{ max-width: 600px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_650, .mw650{ max-width: 650px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_700, .mw700{ max-width: 700px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_750, .mw750{ max-width: 750px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_800, .mw800{ max-width: 800px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_850, .mw850{ max-width: 850px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_900, .mw900{ max-width: 900px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_950, .mw950{ max-width: 950px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_1000, .mw1000{ max-width: 1000px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_1050, .mw1050{ max-width: 1050px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_1100, .mw1100{ max-width: 1100px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_1150, .mw1150{ max-width: 1150px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_1200, .mw1200{ max-width: 1200px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_1250, .mw1250{ max-width: 1250px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_boot, .mwboot{ max-width: 1140px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }
.mw_boot, .mwboot{ max-width: 1140px; width:100%;  display: block; margin-left: auto; margin-right: auto; position: relative; }


h1
{
	font-family: graphie, sans-serif;
	font-weight: 700;
	font-size: 44px;
	line-height: 38px;
	letter-spacing: normal;
	text-transform: uppercase;
	color: #4d658e !important;
	text-align: center;
	margin: 15px 0px 15px 0px;
}

h2 {
	font-family: graphie, sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 38px;
	letter-spacing: normal;
	text-transform: uppercase;
	color: #4d658e;
	text-align: center;
	margin: 15px 0px 15px 0px;
}

h3
{
	font-family: graphie, sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 38px;
	letter-spacing: normal;
	text-transform: uppercase;
	color: #4d658e;
	text-align: center;
	margin: 15px 0px 15px 0px;}

h4
{
	font-family: graphie, sans-serif;
	font-weight: 400;
	font-size: 26px;
	line-height: 38px;
	letter-spacing: normal;
	text-transform: uppercase;
	color: #4d658e;
	text-align: center;
	margin: 15px 0px 15px 0px;}
}


h5
{
	font-family: 'Simp';
	font-size: 70px;
	line-height: 1;
	font-weight: 700;
	color: #000000;
	margin-block-end: 0.25em;
	margin-block-start: 0.25em;
}

h6 {
	font-family: 'Simp';
	font-size: 50px;
	line-height: 1;
	font-weight: 700;
	color: #000000;
	margin-block-end: 0.25em;
	margin-block-start: 0.25em;
}




/*	#################################################################################
	##########################   GENERAL ALIGNMENTS SECTION   ##########################
	#################################################################################
*/

.fr
{
	float: right;
}


.fl
{
	float: left;
}

.vt
{
	vertical-align: top;
}
.vb
{
	vertical-align: bottom;
}
.vm
{
	vertical-align: middle;
}

.pr
{
	position: relative;
}

.pa
{
	position: absolute;
}


.coat /*center of all things*/
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.dib
{
	display: inline-block;
}

.di
{
	display: inline;
}

.db
{
	display: block;
}



p, span, div{
	font-family: 'GraphieB';
	font-size: 20px;
	line-height: 28px;
}
/*##############################################################################################################################
################################################################  SUBPAGE  STYLES ####################################
##############################################################################################################################*/

.upload_img_thumb
{
	height: 60px;
	width: auto;
	display: block;
	margin: 0px auto 15px auto;
	position: relative;
	cursor: pointer;
}


.sub_t
{
	font-family: 'GraphieR';
	font-weight: 800;
	font-size: 38px;
	line-height: 38px;
	letter-spacing: normal;
	text-transform: uppercase;
	color: #4d658e;
	text-align: center;
	margin: 15px 0px 15px 0px;


}

.sub_s
{
	font-family: 'GraphieL';
	font-weight: 800;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: normal;
	text-transform: uppercase;
	color: #4d658e;
	text-align: center;
	margin: 15px 0px 15px 0px;
}

.sub_l
{
	font-family: 'GraphieBB';
	font-weight: 400;
	font-size: 28px;
	line-height: 38px;
	letter-spacing: normal;
	text-transform: uppercase;
	color: #4d658e;
	text-align: center;
	margin: 15px 0px 15px 0px;
}


.sub_staff_img
{
	height: 150px;
	width: 150px;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 100%;
	border: 7px solid #227466;
	background-color: #fff;
	padding: 5px;
}


.small_staff_img
{
	width: 70px;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 100%;
	border: 2px solid #227466;
	background-color: #fff;
	padding: 2px;

}

.sub_top_logo
{
	width: 90%;
	max-width: 500px;
	display: block;
	margin: 0px auto 20px auto;

}


.ref
{
	font-size: .5em;
	position: relative;
	/* top: 1em; */
	font-style: italic;
	font-variant: small-caps;
	vertical-align: sub;
}

/*##############################################################################################################################
################################################################ GLOBAL   _faq.php   STYLES ####################################
##############################################################################################################################*/

.scc-faq
{
	padding-bottom: 5px;
	background-color: #eee;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 17px;
	border-radius: 50px 50px 50px 50px;
	min-height: 70px;
}


.scc-faq:hover
{
	cursor: pointer;
}



.scc-faq-open
{
	content: url('/assets/images/icons/faqQ.png');
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease-out;
	-o-transition: all 800ms ease-out;
	transition: all 800ms ease-out;
	height: 25px;
	position: absolute;
	top: -5px;
	left: 30px;
	cursor: pointer;
}

.scc-faq-close
{
	content: url('/assets/images/icons/faqA.png');
	-ms-transform: rotate(-360deg); /* IE 9 */
	-webkit-transform: rotate(-360deg) ; /* Chrome, Safari, Opera */
	transform: rotate(-360deg);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease-out;
	-o-transition: all 800ms ease-out;
	transition: all 800ms ease-out;
	height: 25px;
	position: absolute;
	height: 45px;
	top: 10px;
	left: 10px;
	cursor: pointer;
}


.scc-question
{
	color: #777;
	font-family: "Graphie";
	text-align: left;
	line-height: 1.2;
	position: relative;
	font-weight: 800;
	padding-left: 60px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	display: inline-block;
	font-size: 18px;
}

.scc-answer
{
	color: #333;
	font-family: "GraphieB";
	font-size: 20px;
	text-align: left;
	line-height: 1.2;
	font-weight: 600;
	padding-left: 60px;
	padding-right: 60px;
	display: none;
}



.scc-question p
{
	display: inline;
}





/*##############################################################################################################################
############################################################ GLOBAL   pastors_note.php   STYLES #################################
##############################################################################################################################*/

#notes_author_img
{
	width: 100%;
	border-radius: 5px;
	border: 0px solid #ccd6d6;
	margin: 15px 15px 15px 20px;
}

/*##############################################################################################################################
############################################################ GLOBAL  ministry_notice - tools.php  STYLES ########################
##############################################################################################################################*/


.mu_head
{
	font-family: 'GraphieR';
	font-weight: 400;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: normal;
	text-transform: uppercase;
	color: #fff;;
	text-align: center;
	margin: 15px 0px 15px 0px;
	background-color: rgba(59, 186, 169, 0.58);
	padding: 5px;
}

.mu_title, .mu_title p
{
	font-family: 'GraphieSB';
	font-weight: 400;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: normal;
	color: #777;
	text-align: left;
	margin: 15px 0px 15px 0px;

}


.mu_content, .mu_content p {
	font-family: 'GraphieB';
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: normal;
	color: #333;
	text-align: left;
}