/***** RESETS *****/

html, body, p, div, div {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	background: transparent;
	vertical-align: baseline;
}

.custom {
	height: inherit;
}

a > img {
	border: 0;
}

a {
	text-decoration: none;
	outline: none;
}



/****************************************
************ GLOBAL TEMPLATE ***********
***************************************/

/***** FONTS ******/


/*@font-face {
    font-family: OmnesThin;
    src: url(/templates/w4c.v20/Omnes-Thin.otf);
}
@font-face {
	font-family: Roboto;
	src: url(/templates/w4c.v20/Roboto-Light.ttf);
}
@font-face {
	font-family: RobotoThin;
	src: url(/templates/w4c.v20/Roboto-Thin.ttf);
}
@font-face {
	font-family: RobotoReg;
	src: url(/templates/w4c.v20/Roboto-Regular.ttf);
}
@font-face {
	font-family: Oxygen;
	src: url(/templates/w4c.v20/Oxygen-Regular.ttf);
}
@font-face {
	font-family: OxygenLight;
	src: url(/templates/w4c.v20/Oxygen-Light.ttf);
}
@font-face {
	font-family: OxygenBold;
	src: url(/templates/w4c.v20/Oxygen-Bold.ttf);
}
@font-face {
    font-family: Merge;
    src: url(/templates/w4c.v20/Merge.otf);
}
@font-face {
    font-family: OmnesHairline;
    src: url(/templates/w4c.v20/Omnes-Hairline.otf);
}
@font-face {
	font-family: Corbert;
	src: url(/templates/w4c.v20/Corbert-Condensed.otf);
}
@font-face {
	font-family: OpenSans;
	src: url(/templates/w4c.v20/OpenSans-Light.ttf);
}
@font-face {
	font-family: BreeSerif;
	src: url(/templates/w4c.v20/BreeSerif-Regular.otf);
}*/
@font-face {
	font-family: Raleway;
	src: url(/templates/w4cv20/Raleway/Raleway-Regular.ttf);
}
@font-face {
	font-family: RalewayBold;
	src: url(/templates/w4cv20/Raleway/Raleway-Bold.ttf);
}
@font-face {
	font-family: RalewaySemiBold;
	src: url(/templates/w4cv20/Raleway/Raleway-SemiBold.ttf);
}
/***** DEFAULTS *****/

html {
	font-family: Raleway,OxygenLight, Roboto, Calibri, Verdana, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: 300;
	line-height: 18px;
}

h1 {
	font-family: RalewayBold,OxygenLight, Roboto, Calibri, Verdana, sans-serif;
	font-size: 65pt;
	line-height: 1.1em;
	margin: 0 0 0px 0;

}

h2 {
	font-family: RalewayBold,OxygenLight, Roboto, Calibri, Verdana, sans-serif;
	font-size: 18pt;
	line-height: 1.1em;
	/*margin: 0 0 10px 0;*/
}

h3 {
	font-family: Raleway,OxygenLight, Roboto, Calibri, Verdana, sans-serif;
	font-size: 18px;
	color: #000;
	line-height: 20px;
	margin: 0 0 10px 0;
}

p {
    font-family: Raleway,Roboto, Oxygen, Calibri, Verdana, sans-serif;
    font-size: 12pt;
	margin: 15px 0;
}

img {
	max-width: 100%;
}

ul {
    list-style-position: inside;
/*    list-style-image: url('/images/bullet.arrow2.png');*/
}

a {
	color: #000000;
}

/***** HEADER *****/
.headerRibbon{
    background: #505051;
    height: 40px;
    text-align: center;
    color: #ffffff;
    padding-top: 10px;
}
.headerBar {
	max-width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	float: none;

}

/*.navMain {
    width: 100%;
    float: none;
}

.headerLeft {
	display: none;
}

.headerRight {
	display: none;
}*/


/****** TILE TEMPLATE ******/

.tileContainer {
	overflow: auto;
	clear: both;
	max-width: 100%;
	float: none;
	margin: auto;
}

.tileBox {
	float: left;
	overflow: auto;
	width:33%
}

.tileModule {
	float: none;
	margin: auto;
	overflow: hidden;
}

.tileModule img {
	max-width: 100%;
}


/***** CONTENT *****/

.displayAlways {
	display: inline;
}

.container {
	width: 100%;
	display: block;
}

.mainContainer {
	clear: both;
	color: #333333;
/*	font-family: Raleway, Roboto, Calibri, Verdana, Geneva, sans-serif;*/
	line-height: 1.5em;
	margin: auto;
	float: none;
	position: relative;
	max-width: 1200px;
	width: 100%;
	text-align: left;
	background-color: #ffffff;
		min-height: calc(100vh - 453px);
}
.mainContent {
	max-width:1200px;
	margin:auto;
	float:none;
	
}

/*.separatorGrad {
	background: transparent linear-gradient(to left, rgba(204, 32, 41, 1), rgba(204, 32, 41, 0)) repeat scroll 0% 0%;
	margin: 2px 0px 20px;
	height: 1px;
}*/

.separatorGrad {
    background: transparent linear-gradient(to left, #999, #fff) repeat scroll 0% 0%;
    margin: 10px auto 25px;
    height: 1px;
    width: 1450px;
    float: none;
	max-width: 100%;
}

.separatorGrad2 {
    background: transparent linear-gradient(to right, #999, #fff) repeat scroll 0% 0%;
    margin: 10px auto 10px;
    height: 1px;
    width: 100%;
    float: none;
	max-width: 100%;
}

.separatorSubGrad {
    background: transparent linear-gradient(to right, #999, #fff) repeat scroll 0% 0%;
    margin: 10px auto 30px;
    height: 1px;
    width: 100%;
    float: left;
	/*max-width: calc(100% - 50px);*/
}

.separator {
	width: 100%;
	height: 1px;
	margin: 15px 0px;
}

.separatorHR {
	margin: 20px 0px;
	height: 1px;
	border-bottom: 1px solid #CC2029;
}


.signature {
	font-family: Segoe Script;
}

/*** OVERLAY TEMPLATE ***/

.tileOverlay {
    width: 100%;
    height: 40px;
    background-color: rgba(0,0,0,0.7);
    position: relative;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    line-height: 40px;
	bottom: 44px;
    margin-bottom: -44px;
}

.tileOverlay a {
	color: #fff;
}

.tileOverlayBig {
    width: 100%;
    height: 50px;
    background-color: rgba(204, 32, 41, 1.0);
    position: relative;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    line-height: 47px;
	bottom: 33px;
    margin-bottom: -33px;
}

/****** HOMEPAGE ******/
.downloadSort{
	text-align:center;
	font-size: 16pt;
	width:80%;
	padding:20px;
	margin:auto;
	line-height: 1.3em;
}
.fp13holder{
	background: #f1f3f0;
	padding:20px;
	overflow:auto;
}
.fp13bhold{
	background: #f1f3f0
}
.fp13chold{
	background: #f1f3f0
}
.fp10hold{
	float:left;
	width:33.3%;
	text-align: right;
	color:#ffffff;
	cursor: pointer; cursor: hand;

}
.fp11hold{
	float:left;
	width:33.3%;	
	text-align: right;	
		color:#ffffff;
		cursor: pointer; cursor: hand;

}
.fp12hold{
	float:left;
	width:33.4%;	
	text-align: right;
		color:#ffffff;
		cursor: pointer; cursor: hand;

}
.fp16and17holder{
		background: #f1f3f0;
		overflow: auto;
}
.fp16hold{
	width:30%;
	min-width:250px;float:left;
	background: #f1f3f0;
}

.fp17hold{
	width:70%;
	float:right;
	width:400px;
    padding-top: 29px;
    padding-right: 106px;
	text-align: right;
	
}


.sudomenu{

	height:50px;
	background:#3c3c3c;
	color:#ffffff;
	font-size:14pt;
	text-align:right; 
	border-bottom: 2px #ffffff solid;
	vertical-align: middle;
	line-height: 50px;
	cursor: pointer; cursor: hand;
}
.sudomenuHeader{

	height:50px;
	background:#3c3c3c;
	color:#ffffff;
	font-size:14pt;
	text-align:right; 
	border-bottom: 2px #ffffff solid;
	vertical-align: middle;
	line-height: 50px;
	
}

.midContainer {
	margin: 30px 0;
	max-width: 1000px;
	float: none;
	margin: auto;
}

.lowerContainer {
	padding: 30px 0px;
}

.midContainer,
.lowerContainer {
	overflow: hidden;
	clear: both;
	width: 100%;
}
.classFPConnectText{
float: left; color: #b31e28; font-size: 18pt; width: 250px; padding-right: 5px; padding-top: 33px;
}
.classFPConnectImg img{
float: right;
}
/***** FOOTER *****/

.footerRibbon {
	clear:both;
    background: #505051;
    height: 40px;
    text-align: center;
    color: #ffffff;
    padding-top: 10px;
}
.footerCopyight{
	clear:both;
    background: #505051;

    text-align: center;
    color: #ffffff;
    padding-top: 10px;
	overflow: auto;
}

.footer{
width:100%;
}

.innerFooter{
max-width:1200px;
margin:auto;
padding-top:20px;
}

.footerNav{
width:30%;
float:left;
min-width:300px;
}

.footerContact{
width:40%;
float:left;
min-width:400px; 
line-height:2.5em;
}

.footerConnect{
width:30%;
float:left;
min-width:300px;
}
.menuFooterTitle{
	color: #b31e28;
	font-size: 18pt;
}

/*** Contact Us ***/

.contactLeft {
    width: 48%;
    float: left;
    margin-right: 2%;
	margin-bottom: 2%;
	overflow: hidden;
}

.contactRight {
    float: right;
    width: 48%;
    padding-left: calc(2% - 1px);
	border-left: 1px solid #ccc;
	margin-bottom: 2%;
}

.contactMap {
	max-width: 99%;
	border-radius: 15px;
	overflow: hidden;
	float: none;
	margin: auto;
}

.contactMap iframe {
    border-radius: 15px;
}

.contactBox {
	overflow: auto;
}


/**** Contact Form ****/

.contactForm {
	margin-top: -3px;
}

.contactText {
    color: #fff;
    font-family: Raleway, Roboto, Calibri, Verdana;
}

#ff_form1 .ff_elem {
    border-radius: 5px;
    font-family: Calibri, OpenSans, Raleway, Roboto, Verdana;
    font-size: 12px;
    padding: 5px 5px 5px 8px;
    background-color: #EEE;
    color: #333;
    border: 1px solid #ddd;
	width: calc(100% - 20px) !important;
	min-width: calc(100% - 20px) !important;
	max-width: calc(100% - 20px) !important;
    float: right;
    margin: 5px;
}

#ff_form1 label {
    color: #000;
    font-family: Raleway, Roboto, Calibri, Verdana;
    font-size: 14px;
    text-transform: uppercase;
	width: 80px !important;
	min-width: 80px !important;
	max-width: 80px !important;
    margin: 0px;
    text-align: right;
	float: left !important;
	display: inline !important;
}

#ff_form1 #bfSubmitButton {
    background-color: #999;
    border: 0px none;
    padding-bottom: 0px;
    color: #FFF;
    font-family: Roboto;
    font-size: 15px;
    border-radius: 5px;
    margin-top: 15px;
    width: 100px;
    margin-left: 2px;
    height: 35px;
	float: left;
}

#ff_form1 section {
	background-color: #fff !important;
	margin-bottom: 0px;
}







/*****************************************
********* SITE-SPECIFIC CONTENT *********
/***************************************/
/*** Global Classes ***/
/* supporting community css */
.supportCommunityLeft{
	float:left;
	min-width:250px;	
	width:55%;
	padding-left:100px;
}
.supportCommunityRight{
	float:left;
    width: 20%;
    padding-left: 5%;
}
.supportCommunityRightAlt{
	float:left;
    width: 50%;
    padding-left: 5%;
}
.supportCommunityLeftAlt{
	float:left;

	width:25%;
	padding-left:100px;
}
.churchImageSupport img{
	width:500px;
}
.blog{
	margin:0 10%;
}
.buttonHolderSupportHolder{
	width:50%;
	margin:auto;
	padding-bottom:50px;
}
.buttonHolderSupport{


	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:0px;
	background-color:#f2f5f6;
/*	margin-top:5px;*/
	width:200px;
	height:30px;
}

.buttonHolderSupportSelect {

	background-color:#bdccd4;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:0px;

/*	margin-top:5px;*/
	width:200px;
	height:30px;
}
/*f2f5f6*/
/* end supporting community css */


/*******Main image on Front page and text CSS *****************/

.getInTouch{
	float: left;
	width: 25%;
	margin-right: 5%;
}
.getInTouchText{
	float: left;
	width: 65%;
	margin-left: 5%;
}

.fpThreeCircles{
	min-height:170px;
}
.div-wrapper1 {
    position: relative;

overflow:auto;

}
.div-wrapper1 img{
position:absolute;
right:0;
bottom:0;
}
.category-modulehomePageEvent{
	padding-left:100px;
}
.category-modulehomePageEventheader{
	padding-top:30px;
	padding-left:100px;
}
.imgContainer {
  position:relative;
}
.homeImageLink {

	position: absolute; 
	top: calc(46% - 24px); 
	left: 0;
	text-align: center; 
	line-height:1.1;
	width: 100%; 
	font-size:55pt;
	color:#ffffff;
}
@media all and (max-width: 1000px) {
.homeImageLink {
   position: static; 
   top: calc(100% - 24px);
	font-size:20pt;
	color:#97bad7;
}
.homeImageLink h1{
		font-size:47pt;
}
}
@media all and (max-width: 900px) {
.homeImageLink {
   position: static; 
   top: calc(20% - 24px);
	font-size:40pt;
	color:#97bad7;
}

}
@media all and (max-width: 500px) {
	.homeImageLink img{
		width:70px;
	}
.getInTouch{
	float: none;
	width: 100%;
	margin:auto;
}
.homeImageLink h1{
		font-size:20pt;color:#97bad7;
}
.getInTouchText{
	float: none;
	width: 100%;
	margin:auto;
}
}

/************* end of font page and text css **************/

/****** for front page What we believe section******/
.div-wrapper1 {
    position: relative;

overflow:auto;

}
.div-wrapper1 img{
position:absolute;
right:0;
bottom:0;
}
.div-wrapper2 {
float: left;
width: 25%;
padding: 3% 0 0 16%;
}
.div-wrapper2 img{
position:relative;
}
.mainBelieveClass{
    float: left;
    width: 46%;
    padding-left: 10%;
    margin-top: 22px;
}

@media all and (max-width: 800px) {
.category-modulehomePageEvent{
    margin: auto;
    text-align: center;

	padding:0px;
}
.category-modulehomePageEventheader{
	padding-top:10px;
    margin: auto;
    width: 80%;	padding:0px;	text-align: center;
}
.mainBelieveClass{
	float: none; width: 90%;
	padding-left:5%;
	padding-right:5%;
}
.div-wrapper2 {
float:none;
width:80%;
padding:5%;

}

.div-wrapper2 img{
width:270px;
}

}
/****end what believe section CSS ***********/

/******************five circle tiles on home page CSS**************/

.image {
    position:relative;
    text-align:center;
    float: left;
}

.text {
    left: 0;
    position:absolute;
    top: 30px;
    width: 100%;
}

.centreDiv {
    height: 100px;

    text-align: center;
    left: 0;
    position: absolute;
    top: 80px;
    width: 100%;
}
.centreDiv2{
	    text-align: center;
    left: 0;
    position: absolute;
    top: 55px;
    width: 100%;
}

.centreDiv span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;   margin: 10px;
  padding: 20px;   
}
.centreDiv p {
	margin:0px;
}
/******************end five circle tiles on home page CSS**************/
/******************Events overide module css mod_articles_category on home page CSS**************/
    .imageEvent {
        position:relative;
        text-align:center;
        float: left;
    	width:100px;
    }
    
    .textEvent {
        left: 0;
        position:absolute;
        top: 30px;
        width: 100%;
    }
    
    .centreDivEvent {
    	width: 100px;
    	height: 100px;
    	line-height: 80px;
    	text-align: center;
    	left: 0;
    	position:absolute;
    	top:1px;
    	width: 100%;
    }
    
    .centreDivEvent span {
      display: inline-block;
      vertical-align: middle;
      line-height: normal;   
      margin: 0px;
      padding: 0px;   
    }
    .centreDivEvent p {
    	margin:0px;
    	font-size:1.5em;
    }
    .centreEvent{
        clear:both;	max-width:80%;
		margin:10px;
    	
}
/******************end Events overide module css mod_articles_category on home page CSS**************//******************/
.eventsDateText{buttonHolderSupport
	width:80%;
	float:left;	
}
.eventsDateImage{
	width:20%;
	float:left;
}
/******************/
.buttonG {
	background-color:#f2f5f6;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	float: right;
	margin-top:5px;

}
.buttonGHome {
	background-color:#f2f5f6;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	float: right;
	margin-top:5px;
	margin-right:110px;
}


.buttonW {
	background-color:#ffffff;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	float: right;
	margin-top:5px;
	margin-right:30px;
}

.tileContainer {
	overflow: auto;
	clear: both;
	max-width: 100%;
}
.page5homeContainerW{
	/*padding-left:100px;*/
}


.tileModule {
	float: none;
	margin: auto;
	overflow: hidden;
	max-width: 100%;
}

.tileModule img {
	max-width: 100%;
}
.churchImage{
	text-align: center;
}
.churchImage img{
	width: 300px;
	float: right;
}
/*** 4 & 8 tiles, 4 -> 2 -> 1 ***/

.homeContainer {
	width: 1200px;
	background-color:#fffffff;
	padding-bottom: 30px;
    margin-top: 10px;
}

.homeContainerW{
	width: 1200px;
	padding-bottom: 30px;
    margin-top: 10px;
	background: #ffffff;

}
.homeBox {
	width: 25%;
}
.homeBox50T {
	width: 50%;
}
.homeBox50 {
	width: 50%;
}
.homeModule {
	width: 280px;
	padding: 10px;
	max-width: calc(100% - 20px);
}
.homeModule50TR{
	width: 560px;
	padding-top: 30px;
	padding-left: 100px;	
	max-width: calc(100% - 100px);	
}
.homeModule50TL{
	width: 560px;
	padding-top: 30px;
	padding-right: 100px;
	max-width: calc(100% - 100px);	
}
.homeModule50R {
	width: 560px;
	padding-top: 30px;
	padding-left: 100px;	
	max-width: calc(100% - 100px);
}
.homeModule50RA {
	width: 560px;
	padding-top: 30px;
	padding-left: 100px;	
	max-width: calc(100% - 100px);
	width:70%;    
	margin: inherit;
}

.homeModule50L {
	width: 560px;
	padding-top: 30px;
		padding-right: 100px;
	max-width: calc(100% - 100px);
}

/*** 3 tiles, 3 -> 1 ***/

.page3homeContainer {

	width: 1000px;
	background-color:#f2f5f6;
	padding-bottom: 30px;
    margin-top: 10px;
	padding-left:100px;
	padding-right:100px;
}

.page3homeBox {
	width: 33.3%;
}

.page3homeModule {
	width: 313px;
	padding: 10px;
	max-width: calc(100% - 20px);
}

.homePage12 {
	width:100%;
	
	margin-top: 20px;
}
.homePage12Inner{
	    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    text-align: center;	
}
.homePage31Inner{
	width:80%;
	margin-bottom: 15px;
    overflow: auto;
}
.testimonyImage img{
	max-width:250px;
	margin:auto;
	float: right;
    padding-right: 135px;
}
@media all and (max-width: 999px) {
	
	.page3homeContainer {
		width: 100%;
	}
	
	.page3homeBox {
		width: 100%;
	}
}
/*** 5 tiles, 3/2 -> 2/2/1 -> 1 ***/

.page5homeContainer {
	width: 1000px;
	background-color:#ffffff;
	padding-bottom: 30px;
    margin-top: 10px;
	padding-left:100px;
	padding-right:100px;
}
/* Footer*/

.footerContainer{
	width: 1200px;
	background-color:#ffffff;
	padding-bottom: 30px;

}

.page5footerBox {

	width: 36%;

margin-left: 18%;
	min-height: 240px;
/*	max-width: calc(100% - 10px);*/
}
.page5footerBoxL {

	width: 195px;
	padding: 10px;
	padding-left:100px;
	min-height: 240px;
/*	max-width: calc(100% - 10px);*/
}
.page6homeBox{

    min-height: 240px;
    max-width: calc(100% - 10px);
    margin-right: 18%;
    width: 28%;
/*	max-width: calc(100% - 10px);*/
}


@media all and (max-width: 1200px) {
.page6homeBox{
	float:none;
	margin:auto;
	padding:0px;
	margin:auto;
	

}
.homePage12{
	width:94%;
	padding:3%;	
}
.page3homeContainer{
	padding:0px;
	padding-top:30px;
}
.page5homeContainerW{
	padding-left:0px;
}	
.page5homeBox {

	width: 31%;

}
.page5homeBoxL {

	width: 31%;
	padding-left:10px;
}	
}
@media all and (max-width: 1150px) {
	.supportCommunityLeft{
		float:none;
		padding-left:100px;
		width: calc(100% - 110px);
	}
	.supportCommunityRight{
		float:none;
		width:100%;
		text-align: center;
		padding: 0px;
	}
	.supportCommunityLeftAlt{
		float:none;
		padding-left:0px;
		text-align:center;
		width:100%
	}
	.supportCommunityRightAlt{
    float: none;
    padding-left: 100px;
    width: calc(100% - 110px);
	}	
}


.headerBar {
	width:100%;max-width:1200px;margin:auto;	background-color:#f2f5f6;
}
.navBar{float:right;padding-top: 20px;min-width:60%;}
.logo{float:left;padding-left:10px;}



@media all and (max-width: 800px) {
	
	.supportCommunityLeft{
		margin: auto;
		min-width: 560px;
		padding:0px;
		
	}
	.supportCommunityRightAlt{
		margin: auto;
		min-width: 560px;
		padding:0px;
		
	}

.navBar{
	padding:0px;
	width:100%;
	float:none;
}
.logo{float:none;padding-left:10px;}
.homeBox50T {
	width: 100%;
}
.homeBox50 {
	width: 100%;
	padding-top:30px;
}

.homeModule50R {
	padding-left:0px;
	    max-width: calc(100% - 75px);
}
.homeModule50RA {
	padding-left:0px;
	margin:50px;
}
.churchImage img{
	width: 300px;
	float: none;
}
.homeModule50L {
	padding:0px;
/*	width:300px;*/
/*	    margin: 0px;*/
}

.homeModule50TR{
	width: 90%;
	margin:0 10%;
	padding:0px;
	max-width:100%;
}
.homeModule50TL{
width: 90%;
	margin:0 10%;
	padding:0px;
	max-width:100%;
}
.homePage12{
	padding:0px;
		padding-top:30px;
}
.homePage12Inner{
	padding:3%;
	width:94%;
	margin:auto;
}.page3homeContainer{
	padding:0px;
	padding-top:30px;
}
.page3homeBox{
	padding-bottom: 30px;
}
.buttonW{
	margin-right:0px;
}
.buttonGHome{
	margin-right:40px;
}
}
@media all and (max-width: 700px) {
.churchImage img{
float:none;
}
.page5footerBox{
	float:none;
	width:100%;
	text-align:center;padding:0px;
	margin:auto;
}
.page5footerBoxL {
	float:none;
	width:100%;
	text-align:center;
	padding:0px;
}


.page6homeBox{
    width:100%;
	margin:auto;

}

}
/*Footer end*/
.page5homeModule {
	width: 192px;
	padding: 10px;
	max-width: calc(100% - 20px);
}


@media all and (max-width: 999px) {
	
	.page5homeContainer {
		width: 666px;
	}

	.page5homeBox,
	.page5homeBox2 {
		width: 50%;
		margin: auto;
	}
	
	.page5homeBox3 {
		width: 100%;
		margin: auto;
	}	
}

@media all and (max-width: 666px) {
.testimonyImage img{
	padding:0px;
	width:100%;
}
	.buttonHolderSupportHolder{
		width:100%;
	}
	.supportCommunityLeft{
		margin: auto;
		width:95%;
		padding:0px;
		min-width:40px;
		
	}	
	.supportCommunityRightAlt{
		margin: auto;
		width:95%;
		padding:0px;
		min-width:40px;
		
	}	
	.page5homeContainer {
		width: 100%;
	}

	.page5homeBox,
	.page5homeBox2,
	.page5homeBox3 {
		width: 100%;
		margin: auto;
	}	
}

/******Slider********/
/********** Container 1 CSS for 1 divs for page: **********/

.container_1slider
{
width:1200px;
}
.container_1_box_0slider
{
width:100%;
} 
.container_1_module_0slider
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_1_tile_0slider
{
/*Please add custom css for the tiles here*/
} 
/*************************************
*************Testimonies*************/

/********** Container 1 CSS for 1 divs for page: **********/

.container_1testimonies
{
width:1200px;
}
.container_1_box_0testimonies
{
width:100%;
} 
.container_1_module_0testimonies
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_1_tile_0testimonies
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 CSS for 1 divs for page: **********/

.container_2testimonies
{
width:1200px;
}
.container_2_box_0testimonies
{
width:100%;
} 
.container_2_module_0testimonies
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_2_tile_0testimonies
{
/*Please add custom css for the tiles here*/
} 


/********** Container 3 CSS for 1 divs for page: **********/

.container_3testimonies
{
width:1200px;
}
.container_3_box_0testimonies
{
width:100%;
} 
.container_3_module_0testimonies
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_3_tile_0testimonies
{
/*Please add custom css for the tiles here*/
} 


/********** Container 4 CSS for 1 divs for page: **********/

.container_4testimonies
{
width:1200px;
}
.container_4_box_0testimonies
{
width:100%;
} 
.container_4_module_0testimonies
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_4_tile_0testimonies
{
/*Please add custom css for the tiles here*/
} 

/********** Container 1 CSS for 2 divs for page: **********/

.container_1attend
{
width:1200px;
}
.container_1_box_0attend, .container_1_box_1attend
{
width:50%;
} 
.container_1_module_0attend, .container_1_module_1attend
{
padding:10px;max-width: calc(100% - 20px);
    padding-left: 90px;
} 
.container_1_tile_0attend, .container_1_tile_1attend
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 600px) 
{
.container_1attend
{
width:100%;margin:auto;

}
.container_1_box_0attend, .container_1_box_1attend
{
width:100%;

} 
.container_1_module_0attend, .container_1_module_1attend{
	padding-left: 0px;
}
}

@media all and (max-width: 560px) 
{
.container_1attend
{
min-width:100px;width:100%;

}
}

/**************************************
*************** OVERRIDES ************
************************************/

h2.w4c-postheader {
	display: none !important;
}

/**** Menus ****/

.mobilemaximenuck {
	position: fixed !important;
	opacity: 1 !important;
}

.mobilemaximenuck .mobilemaximenucktitle {
	padding: 10px 0px 0px 20px !important;
}

.mobilemaximenuck .mobilemaximenucktopbar {
	height: 43px !important;
}

.titreck {
    color: #000;
    /*text-transform: uppercase;*/
    text-align: center;
	white-space: normal;
}

.customenu {    
    padding: 10px 10px !important;
    text-decoration: none !important;
    font-size: 16px;
}

.customenu:hover {    
    background: none repeat scroll 0 0 #5ba9cf !important;
    color: #5ba9cf !important;
}


.subcustomenu {  
    background: none repeat scroll 0 0 #5ba9cf !important;
    padding: 5px 5px!important;
    text-decoration: none!important;
    border-top: solid thin #73b6d6;
}

.subcustomenu:hover {    
    color: #fff5f0!important;
}

ul.maximenuck {
	text-align: center;
	padding: 0px !important;
}

/*li.maximenuck {
	padding: 0px !important;
}*/

div#maximenuck {
	line-height: 25px;
	padding: 0px !important;
}

.maxiroundedcenter {
	float: none;
	margin-right: initial;
}

.level1 {
	width: 80px;
	/*min-width: 100px;*/
	line-height: 1em;
	height: 30px;
	font-family: Raleway, Roboto;

	font-weight: 300;
	padding-top: 0px;
	margin: 0 2%;
	font-size:11pt;

}
.menufooter li.level1{
	width:200px;
}
.footerNav ul
{
    list-style-type: none;
	padding-left: 0px;
}


/**********************************
******** MEDIA QUERIES: **********
********************************/

@media all and (max-width: 1000px) {
	
	/*** Contact Us ***/

	.contactMap {
		width: 99%;
	}

	.contactLeft {
		width: 100%;
		margin: 0;
	}

	.contactRight {
		width: 100%;
		float: left;
		border-top: 1px solid #ccc;
		border-left: 0;
		padding-left: 0;
		padding-top: 30px;
		margin-top: 30px;
	}
}

/***** DESKTOP *****/
@media all and (min-width: 800px) {

	.displayTablet {
		display: none
	}

	.displayScreen {
		display: block;
	}

	.displayMobile {
		display: none;
	}

}

/***** TABLET *****/
@media all and (max-width: 879px) {


}

@media all and (min-width: 480px) and (max-width: 879px) {

	.displayTablet {
		display: block;
	}
	
	.displayScreen {
		display: none;
	}

	.displayMobile {
		display: none;
	}


	/*** HEADER ***/

	.headerGlobal {
		max-width: 100%;
		width: 320px;
	}

	.headerGlobal .title {
		font-size: 17px;
		margin-bottom: 5px;
	}

	.headerGlobal .leftBox {
		width: 100px;
		margin-right: 10px;
		max-width: 49%;
	}

	.headerGlobal .leftText {
		width: calc(100% - 30px);
		font-size: 12px;
	}

	.headerGlobal .rightBox {
		max-width: 49%;
		width: 150px;
	}

	.headerGlobal .rightImg {
		width: 30px;
	}

	.headerGlobal .rightText {
		width: calc(100% - 30px);
		font-size: 12px;
	}

}

/***** MAIN IMAGE OVERLAY *****/
@media all and (max-width: 650px) {

	.tileOverlayBig {
		bottom: 28px;
		line-height: 38px;
		font-size: 18px;
		width: 300px;
		height: 40px;
	}
	h1{
		font-size:21pt;
		color:#bdccd4;
	}

}

/***** MOBILE MAXIMENU FIX *****/
@media all and (max-width: 640px) {

	.level1 {
		width: 100%;
	}
	
	.mobilebarmaximenuck {
/*		top: 150px;*/
	}
	
	.headerBar {
/*		margin-top: -40px;*/
	}

}

@media all and (max-width: 550px) {

	.tileOverlayBig {
		display: none;
	}

}


/***** MOBILE *****/
@media all and (max-width: 479px)  {

	.displayTablet {
		display: none;
	}
	
	.displayScreen {
		display: none;
	}

	.displayMobile {
		display: block;
	}


	/*** HEADER ***/

	.headerGlobal {
		width: calc(100% - 10px);
		margin: 0px 5px;
	}

	.headerGlobal .title {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.headerGlobal .leftBox {
		width: 65px;
		margin-right: 5px;
		max-width: 50%;
	}

	.headerGlobal .leftText {
		width: 100%;
		font-size: 11px;
		top: 0;
	}

	.headerGlobal .leftImg {
		width: 0;
		padding: 0;
		margin: 0;
		display: none;
	}

	.headerGlobal .rightImg {
		width: 0;
		padding: 0;
		margin: 0;
		display: none;
	}

	.headerGlobal .rightBox {
		max-width: 50%;
		width: 110px;
	}

	.headerGlobal .rightText {
		width: 100%;
		top: 0;
		font-size: 11px;
	}

	/*** Contact Us ***/

	#ff_form1 label {
		font-size: 11px;
		/*width: 60px !important;*/
		max-width: 60px !important;
		min-width: 60px !important;
	}

	/*#ff_form1 .ff_elem {
		width: calc(100% - 85px) !important;
		max-width: calc(100% - 85px) !important;
		min-width: calc(100% - 85px) !important;
	}

	#ff_form1 #bfSubmitButton {
		margin-left: 77px;
	}*/

}


/** Decimal Lists **/

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}

/*** SWITCHING BUTTONS ***/

button.accordion {
	background-color: #f2f5f6;
	color: #000000;
	cursor: pointer;
	padding: 18px;
	width: 80%;
	text-align: center;
	border: none;
	outline: none;
	transition: 0.4s;
	margin: 1% 0 0 10%;
}

button.accordion1 {
	background-color: #f2f5f6;
	color: white;
	cursor: pointer;
	padding: 18px;
	width: 80%;
	text-align: center;
	border: none;
	outline: none;
	transition: 0.4s;
	margin: 1% 0 0 10%;
}

button.accordion.active,
button.accordion:hover {
	background-color: #f2f5f6;
}

div.panel {
	padding: 0 18px;
	background-color: white;
	display: none;
	margin: 0 10% 0 10%;
}

div.panel.show {
	display: block;
}

button.accordion:after {
	content: "Read More";

	font-size: 13px;
	color: #000;
	float: right;
	margin: 0 15% 0 15%;
}

button.accordion.active:after {
	content: "Read Less";
	
	margin: 0 15% 0 15%;
}

@media all and (max-width: 800px) {
	button.accordion {
		width: 100%;
		margin: 1% 0 0 0;
	}
	button.accordion1 {
		width: 100%;
		margin: 1% 0 0 0;
	}
	div.panel {
		margin: 0%;
	}
	.headerContent {
		width: 100%
	}
}

.imageEvent {
	display: none;
}

.mod-articles-category-title {
    font-weight: 700;
    font-size: 18px;
}
.revText{
	float:right;
	text-align:cemter;
	width:300px;
	
}
@media all and (max-width: 800px){
	.revText{
		float:none;
		width:auto;
	}
}