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

html, body, p, div, div {
	margin: 0;
	border: 0;
	padding: 0px;
	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: Montserrat;
    src: url(/templates/w4cv20/font/Montserrat-Regular.ttf);
}



/***** DEFAULTS *****/

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

h1 {
	font-family: Montserrat, Roboto, Calibri, Verdana, sans-serif;
	font-size: 2.3em;
	font-weight: 600;
	line-height: 1em;
	text-align:center;
	
	
}

p {
    font-family: Montserrat, Oxygen, Calibri, Verdana, sans-serif;
    font-size: 1em;
	margin: 15px 0;
}

img {
	max-width: 100%;
}

ul {
 
    list-style-image:none;
	
}
li{
	padding: 0 5px;

}

a {
	font-family: Montserrat, Oxygen, Calibri, Verdana, sans-serif;
    font-size: 1em;
	
	color: #ffffff;
}



/*** 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%;
	margin-top: 15px;
}

.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: -15px;
}*/

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

#ff_form1 .ff_elem {
    /*border-radius: 5px;*/
    font-family: Montserrat, Oswald; /*Calibri, OpenSans, OxygenLight, Roboto, Verdana;*/
    font-size: 12px;
    padding: 7px 7px 7px 12px;
    background-color: #EEE;
    color: #475059;
	border: none;
    /*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: OxygenLight, 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: #002341;
    border: 0px none;
    padding-bottom: 0px;
    color: #FFF;
    font-family: Montserrat, Oswald;
    font-size: 15px;
    /*border-radius: 5px;*/
    margin-top: 2px;
    width: 100px;
    margin-left: 8px;
    height: 35px;
	float: left;
}

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

#bfElemWrap50 {
    padding-left: 7px;
}

.bfQuickMode .bfNoSection {
    margin: 10px 0 0px 0px !important;
}




/*****************************************
******* SITE-SPECIFIC RE-USEABLE ********
/***************************************/


.mainContainer {
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
	/*min-height: 500px;*/
	/*min-height: calc(100vh - 453px);*/
}

/*.mainContent {
	margin: 0 20px;
	max-width: calc(100% - 40px);
	min-height: 500px;
}*/

.mainContent {
    max-width: 1200px;

    min-height: calc(100vh - 420px);
}

.leftHolder {
	width:75%;
	float:left;
	overflow: hidden;
	min-height:500px;	
/*	border: 1px solid #325279;*/
}

.rightHolder{
	width: 24%;
	float: right;
	overflow: hidden;
	min-width: 150px;
	text-align: center;
}

.textHolderBox {
	width: 100%;
	border: 1px solid #000000;
}

.separatorShort {
	width: 200px;
	height: 1px;
	border-top: 1px solid #aaa;
	float: none;
	margin: 20px auto;
}

.separatorShort2 {
	width: 200px;
	height: 1px;
	border-top: 1px solid #aaa;
	float: none;
	margin: 40px auto;
	overflow: auto;
}

.separatorShort3 {
	width: 150px;
	height: 1px;
	border-top: 1px solid #aaa;
	float: none;
	margin: 20px auto;
	overflow: auto;
}

p.readmore {
	text-align: right;
}

p.readmore a {
	color: #325279;
}


/***** FOOTER *****/

.footerContainer{
	width:1050px;
	margin:auto;
	background-color:#002341;
	height:150px;
	
}
.footer1{
	
	
	width:33.3%; 
	float:left;
	text-align:center;
}
.footer3{
	width:33.3%;
	float:right;
	text-align:center;
}
.footer2{
	width:33.3%;
	float:left;
	text-align:center;
	
}
.footer2 h1{
	color:#ffffff;
}
.footer3 p {
	color:#ffffff;
}

@media all and (max-width:1050px){
	.footerContainer{
		width:100%;
		height:250px;
	}
}

@media all and (max-width: 600px){
	.footer1, .footer2, .footer3{
		width:100%;
		margin:auto;
		
	}
}
/***** HEADER *****/
.headerBar{
	width: 1050px;
    margin: auto;
	height:50px;

}
@media all and (max-width:1050px){
	
.headerBar{
	width:100%;
}
		
}

.headerTitle{
	    width: 200px;
    float: left;
    background-color: #002341;
    color: #fff;
    height: 60px;
    text-align: center;
}


.navMain{
	float: left;
    width: calc(100% - 220px);
    text-align: right;
    color: #fff;
    background-color: #002341;
    padding: 19px 10px 41px 10px;
}
@media all and (max-width: 800px){
	.headerTitle{
		display:none;
	}
	.navMain{
		padding: 19px 0px 20px 0px;
		width:100%;
		text-align:center;
	}
}
@media all and (max-width:600px){
	.navMain{
		padding:0px;
	}
	.headerBar{
		height:0px;
	}
}

/*** Global Classes ***/

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

.tileBox {
	float: left;
	overflow: auto;
}

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

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




/*** 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;
}*/






/******************************************
************* SITE-SPECIFIC **************
*********** WIPE ON NEW BUILD ***********
****************************************/

/********** Container 1 Type three CSS for 3 divs for page: home **********/

.container_1home
{
width:1050px;
margin:auto;
 
}
.container_1_box_0home, .container_1_box_1home, .container_1_box_2home
{
width: 33.3%;
} 
.container_1_box_2home{
	 position: relative;
 z-index: 0;  
}
.container_1_module_0home, .container_1_module_1home, .container_1_module_2home
{
max-width:100%;
} 

.container_1_tile_0home, .container_1_tile_1home, .container_1_tile_2home
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 900px) 
{
.container_1home
{
width:900px;margin:auto;
}
.container_1_box_0home, .container_1_box_1home, .container_1_box_2home
{
width:100%;
}
}

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

.container_1homeHeaderText
{
width:1200px;
}
.container_1_box_0homeHeaderText
{
width: 350px;
} 
.container_1_box_1homeHeaderText
{

} 
.container_1_box_2homeHeaderText
{
width: 350px;
} 
.container_1_module_0homeHeaderText{
	    width: 44px;
    margin: 0 10% 0 auto;
	
}
.container_1_module_1homeHeaderText 
{
padding:10px;
max-width: calc(100% - 20px);

color:#002341;

} 

.container_1_module_2homeHeaderText{
	
}
.container_1_tile_0homeHeaderText, .container_1_tile_1homeHeaderText, .container_1_tile_2homeHeaderText
{
/*Please add custom css for the tiles here*/
} 
@media all and (max-width:1200px){
	.container_1_box_0homeHeaderText, .container_1_box_1homeHeaderText, .container_1_box_2homeHeaderText{
		width:33.3%;
	}
}
@media all and (max-width: 800px) 
{
.container_1homeHeaderText
{
width:800px;margin:auto;display: none;
}
.container_1_box_0homeHeaderText, .container_1_box_1homeHeaderText, .container_1_box_2homeHeaderText
{
width:100%;
}
}


/********** Container 2 Type one CSS for 1 divs for page: home **********/

.container_2home
{
width:1050px;
margin:auto;
position: relative;
z-index: -1;
}
.container_2_box_0home
{
width:100%;

} 
.container_2_module_0home
{
max-width:100%;
background-image:url(/images/viewHome.jpg);
height:250px;
} 
.container_2_tile_0home
{
/*Please add custom css for the tiles here*/
} 




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

.container_1homeMiddle
{
    width: 1200px;
    margin: auto;
    position: relative;
    z-index: 2;
}
.container_1_box_0homeMiddle, .container_1_box_1homeMiddle
{
width:50%;
}

 
.container_1_module_0homeMiddle, .container_1_module_1homeMiddle
{
padding:10px;
max-width: calc(100% - 20px);
width:250px;   
margin: 0 auto 0 130px;
} 
.container_1_tile_0homeMiddle, .container_1_tile_1homeMiddle
{
/*Please add custom css for the tiles here*/
} 

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

}

.container_1_module_0homeMiddle, .container_1_module_1homeMiddle{
	margin:auto;
	width:100%;
	height:auto;
	padding:0px;
	max-width: 100%;
	
}
}
@media all and (max-width:600px){
	.container_1_box_0homeMiddle, .container_1_box_1homeMiddle
{
width:100%;
} 
}
@media all and (max-width: 560px) 
{
.container_1homeMiddle
{
min-width:100px;width:100%;
}
}


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

.container_2homeMiddle
{
    width: 1050px;
	margin:auto;
    position: relative;
	z-index: 2;
}
.container_2_box_0homeMiddle
{
	width:100%;
} 
.container_2_module_0homeMiddle
{
    max-width: 100%;
    width: 400px;
    margin: 0px 275px 0 auto;
} 

@media all and (max-width:800px){
	.container_2_module_0homeMiddle{
	margin:auto;
	width:100%;
	
	}
}
.container_2_tile_0homeMiddle
{
/*Please add custom css for the tiles here*/
} 

/********** Container 4 Type one CSS for 1 divs for page: home **********/

.container_4home
{

    width: 1050px;
	margin:auto;
		position: relative;
	    top: -85px;
    margin-bottom: -85px;
	    z-index: 1;
}

@media all and (max-width:800px){
	.container_4home{
		top:0px;
		margin-bottom:0px;
	}
}
.container_4_box_0home
{
width:100%;
} 
.container_4_module_0home
{
max-width:100%;
} 
.container_4_tile_0home
{
/*Please add custom css for the tiles here*/
} 


/********** Container 5 Type one CSS for 1 divs for page: home **********/

.container_5home
{
width:1050px;
}
.container_5_box_0home
{
width:100%;
} 
.container_5_module_0home
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_5_tile_0home
{
/*Please add custom css for the tiles here*/
}

.overlayContainer{
	
    height:auto;
    margin: auto;
    text-align:center;
    position:relative;
}

.overlayContainerMid{
	
    height:auto;
    margin: 0 auto ;
    text-align:center;
    position:relative;
}
@media all and (max-width:800px){
	.overlayContainerMid{
		height: 250px;
	}
}
.overlayText{
	    position: absolute;
    margin: auto;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
        height: 225px;
}
.overlayButtonY{
	position: absolute;
    margin: auto;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
	color:#ffffff;
    height: 48px;
    width: 150px;
	border: 0px none;
	border-radius:15px;
	background-color:rgba(232, 173, 1, 0.7);
}
.overlayButtonDB{
	position: absolute;
    margin: auto;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    color: #ffffff;
    height: 48px;
    width: 150px;
	border: 0px none;
	border-radius:15px;
	background-color:rgba(0, 35, 65, 0.7);
}
.overlayButtonLB{
	position: absolute;
    margin: auto;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    
    height: 48px;
    width: 150px;
	color:#002341;
	border: 0px none;
	border-radius:15px;
	background-color:rgba(184, 214, 255, 0.7);
}
.overlayButtonLB a{
	color:#002341;
}
.buttonClear{
	position: absolute;
    margin: auto;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    color: #ffffff;
    height: 48px;
    width: 150px;

	border: 2px solid #fff;
	border-radius:15px;
		
}

.buttonClearDB{
	position: absolute;
    margin: auto;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    color: #002341;
    height: 48px;
    width: 150px;

	border: 2px solid #002341;
	border-radius:15px;
		
}
.buttonClearDB a {
	color:#002341;
}

.overlayButtonY p{
	opacity:1 !important;
	font-weight:400;
}

.overlayYellow{
	    /* position: absolute; */
    margin: 2% auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(232, 173, 1, 0.7);
    color: #fff;
    width: 50%;
    /* height: 96%; */
    padding: 10px;
	
}
@media all and (max-width:800px){
	.overlayYellow{
		width:100%;
	}
}
.overlayDarkBlue{
	position: absolute;
    margin: auto;
    top: 0;
    left:0;
    right:0;
    bottom:0;
	background-color:rgba(0, 35, 65, 0.7);	
	
    color:#fff;
    height:400px;
	width: 500px;
}
@media all and (max-width: 800px){
	.overlayDarkBlue{
		height:100%;
		width:100%;
	}
}
.overlayDBText{
	padding: 15% 25% 35% 25%;
}
@media all and (max-width: 800px){
	.overlayDBText{
		padding:0% 0% 0% 0%;
	}
}
.ysOverlay{
	    position: absolute;
    margin: auto;
    top: -5px;
    left: 0;
    right: 0;
    bottom: 0;
	background-color:rgba(232, 173, 1, 0.7);
	height:250px
}
.dbsOverlay{
    position: absolute;
    margin: auto;
    top: -5px;
    left: 0;
    right: 0;
    bottom: 0;
	background-color:rgba(0, 35, 65, 0.7);	
	height:250px;
}
.lbsOverlay{
    position: absolute;
    margin: auto;
    top: -5px;
    left: 0;
    right: 0;
    bottom: 0;
	background-color:rgba(184, 214, 255, 0.7);
	height:250px;
}
@media all and (max-width:800px){
	.ysOverlay{
	height:100%;
	}
	.lbsOverlay{
	height:100%;
		
	}
	.dbsOverlay{
	height:100%;
	}
}
.striphorzL{
	margin:0 10px 0 0;
}
.striphorzM{
	margin: 0 0 0 0px;
}
.striphorzR{
    margin: 0 auto 0 150px;
}
@media all and (max-width:900px){
	.striphorzL, .striphorzM, .striphorzR{
	display:none;
	}
}
.stripvertR{
	position: absolute;
    top: 300px;
    margin: 0 auto 0 50px;
    z-index: 1;

}
.stripvertL{
	    position: absolute;
    top: 345px;
    left: 33%;
    z-index: 0;
}
.striphorzBL{
	position:absolute;
	top:345px;
}
.stripvertBR{
	position: absolute;
    top: 225px;
    right: calc(30% - 44px);
}

/*@media all and (max-width:1024px){
	.stripvertL{
		left:24%;
	}
	.stripvertR{
		right:calc(27% - 44px);
	}
}*/

@media all and (max-width:900px){
	.stripvertL, .stripvertR, .striphorzBL, .stripvertBR{
		display:none;
	}
}
 
/********** Container 1 Type two CSS for 2 divs for page: **********/

.container_1serviceTimes
{
width:1050px;
margin:auto;
}
.container_1_box_0serviceTimes
{
    width: 32%;
    margin: 0 2% 0 16%;
} 
.container_1_box_1serviceTimes
{
width:32%;
margin: 0 16% 0 2%;
}
.container_1_module_0serviceTimes
{
text-align:right;
} 
.container_1_module_1serviceTimes
{
text-align:left;
} 
.container_1_module_0serviceTimes p{
	margin:5px 0 !important;
}
.container_1_module_1serviceTimes p{
	margin:5px 0 !important;
}
.container_1_tile_0serviceTimes, .container_1_tile_1serviceTimes
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 600px) 
{
.container_1serviceTimes
{
width:100%;margin:auto;
}
.container_1_box_0serviceTimes, .container_1_box_1serviceTimes
{

} 
}

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

/********** Container 1 Type one CSS for 1 divs for page: Craigrownie **********/

.container_1churchInfo
{
width:1050px;
margin:auto;
}
.container_1_box_0churchInfo
{
width:100%;
} 
.container_1_module_0churchInfo
{
max-width:100%;
}
.container_1_tile_0churchInfo
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 Type one CSS for 1 divs for page: Craigrownie **********/

.container_2churchInfo
{
width:1050px;
margin:auto;
}
.container_2_box_0churchInfo
{
width:100%;
} 
.container_2_module_0churchInfo
{
padding:10px;max-width: calc(100% - 20px);color: #002341;
} 
} 
.container_2_tile_0churchInfo
{
/*Please add custom css for the tiles here*/
} 


/********** Container 3 Type one CSS for 1 divs for page: Craigrownie **********/

.container_3churchInfo
{
width:1050px;
margin:auto;
}
.container_3_box_0churchInfo
{
width:100%;
} 
.container_3_module_0churchInfo
{
padding:10px;max-width: calc(100% - 20px);color: #002341;
} 
} 
.container_3_tile_0churchInfo
{
/*Please add custom css for the tiles here*/
} 


/********** Container 4 Type two CSS for 2 divs for page: Craigrownie **********/

.container_4churchInfo
{
width:1050px;
margin:auto;
}
.container_4_box_0churchInfo, .container_4_box_1churchInfo
{
width:50%;
} 
.container_4_module_0churchInfo, .container_4_module_1churchInfo
{
padding:10px;max-width: calc(100% - 20px);color: #002341;
} 
} 
.container_4_tile_0churchInfo, .container_4_tile_1churchInfo
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 600px) 
{
.container_4churchInfo
{
width:100%;margin:auto;
}
.container_4_box_0churchInfo, .container_4_box_1churchInfo
{
width:100%;
} 
}

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


/********** Container 5 Type one CSS for 1 divs for page: Craigrownie **********/

.container_5churchInfo
{
width:1050px;
margin:auto;
}
.container_5_box_0churchInfo
{
width:100%;
} 
.container_5_module_0churchInfo
{
padding:10px;max-width: calc(100% - 20px);color: #002341;
} 
} 
.container_5_tile_0churchInfo
{
/*Please add custom css for the tiles here*/
} 


/********** Container 6 Type two CSS for 2 divs for page: Craigrownie **********/

.container_6churchInfo
{
width:1050px;
margin:auto;
}
.container_6_box_0churchInfo, .container_6_box_1churchInfo
{
width:50%;
} 
.container_6_module_0churchInfo, .container_6_module_1churchInfo
{
padding:10px;max-width: calc(100% - 20px);color: #002341;
} 
} 
.container_6_tile_0churchInfo, .container_6_tile_1churchInfo
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 600px) 
{
.container_6churchInfo
{
width:100%;margin:auto;
}
.container_6_box_0churchInfo, .container_6_box_1churchInfo
{
width:100%;
} 
}

@media all and (max-width: 560px) 
{
.container_6churchInfo
{
min-width:100px;width:100%;
}
}
/********** Container 1 Type one CSS for 1 divs for page: InfoOn **********/

.container_1information
{
width:1050px;
margin:auto;
}
.container_1_box_0information
{
width:100%;
} 
.container_1_module_0information
{
max-width:100%;color:#002341;
} 
.container_1_tile_0information
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 Type one CSS for 1 divs for page: InfoOn **********/

.container_2information
{
width:1050px;
margin:auto;
}
.container_2_box_0information
{
width:100%;
} 
.container_2_module_0information
{
padding:10px;max-width: calc(100% - 20px);color:#002341;
} 
.container_2_tile_0information
{
/*Please add custom css for the tiles here*/
} 


/********** Container 3 Type one CSS for 1 divs for page: InfoOn **********/

.container_3information
{
width:1050px;
margin:auto;
}
.container_3_box_0information
{
width:100%;
} 
.container_3_module_0information
{
padding:10px;max-width: calc(100% - 20px);color:#002341;
} 
.container_3_tile_0information
{
/*Please add custom css for the tiles here*/
} 


/********** Container 4 Type one CSS for 1 divs for page: InfoOn **********/

.container_4information
{
width:1050px;
margin:auto;
}
.container_4_box_0information
{
width:100%;
} 
.container_4_module_0information
{
padding:10px;max-width: calc(100% - 20px);color:#002341;
} 
.container_4_tile_0information
{
/*Please add custom css for the tiles here*/
} 


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

.container_1contact
{
width:1050px;
margin:auto;
}
.container_1_box_0contact
{
width:100%;
} 
.container_1_module_0contact
{
max-width:100%;
} 
.container_1_tile_0contact
{
/*Please add custom css for the tiles here*/
} 


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

.container_2contact
{
width:1050px;
margin:auto;
}
.container_2_box_0contact
{
width:100%;
} 
.container_2_module_0contact
{
max-width:100%;color:#002341;
} 
.container_2_tile_0contact
{
/*Please add custom css for the tiles here*/
} 

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

.container_3contact
{
width:1050px;
margin:auto;
}
.container_3_box_0contact
{
width:100%;
} 
.container_3_module_0contact
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_3_tile_0contact
{
/*Please add custom css for the tiles here*/
} 


/********** Container 4 Type two CSS for 2 divs for page: **********/

.container_4contact
{
width:1050px;
margin:auto;
}
.container_4_box_0contact, .container_4_box_1contact
{
width:50%;
} 
.container_4_module_0contact, .container_4_module_1contact
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_4_module_0contact p{
	color:#002341;
}
.container_4_module_0contact a{
	color:#002341;
}
.container_4_tile_0contact, .container_4_tile_1contact
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 600px) 
{
.container_4contact
{
width:100%;margin:auto;
}
.container_4_box_0contact, .container_4_box_1contact
{
width:100%;
} 
}

@media all and (max-width: 560px) 
{
.container_4contact
{
min-width:100px;width:100%;
}
}
button.accordion {
    background-color:#b8d6ff;
	display:none;
    color: #002341;
    cursor: pointer;    
    width: 100%;
    border: none;
	outline: none;
	transition: 0.4s;
	margin: 10px 0;
}
button.accordionContact {
    background-color:#b8d6ff;
	
    color: #002341;
    cursor: pointer;    
    width: 100%;
    border: none;
	outline: none;
	transition: 0.4s;
	margin: 10px 0;
}
@media all and (max-width:800px){
	button.accordion{
		display:block;
	}
}

button.accordion.active, button.accordion:hover {
    background-color: #b8d6ff;
	
}
button.accordionContact.active, button.accordionContact:hover {
    background-color: #b8d6ff;
	
}
button.accordion.active{
	margin:0px;
}
button.accordionContact.active{
	margin:0px;
}

div.panel {
    padding: 0 18px;
    background-color: #b8d6ff;
	color:#002341;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.moduletable{
	width: 70%;
    margin: auto;
}
@media all and (max-width:1050px){
	.moduletable{
		width:100%;
	}
}
/*************************************************************/
/*************************************************************/
/*************Menu CSS for W4c Menu System********************/
/*************************************************************/
/*************************************************************/
.headerBar{
	width:1200px;
	margin:auto;
    /* margin-top: 10px; */
	background-color: #e7e6e6;
	min-height: 61px;
}

@media all and (max-width: 1200px){
	.headerBar{
		width:100%;
	}
}

.navMain{
/*    width: 48%;*/
    text-align: right;
    float: right;
    font-family: ralewayBold;
}

.headerLogo{
	float: left;
    padding: 20px 0 20px 2%;
    width: 25%;
    font-family: ralewayBold;
}
.menuButtonHolder{
	display: none;
}
.menuItem{
	float:left;
	padding: 12px;
}
.menuHolder{
	/*background: #b61072;*/
	position: absolute;
/*	width: 60%;*/
/*    padding: 5px;*/
/*	display: none;*/
	z-index: 10;
/*	border: 1px solid #ffffff;*/
}
.menuHolder a{
    font-family: ralewayBold;
	font-size: 13pt;
	color: #ffffff;
}
.ButtonText{
    font-family: ralewayBold;
	font-size: 13pt;
	color: #000000;
}
.menuButtonHolder img{
	margin: 15px;
	
    width: 50px;
}



@media all and (max-width: 350px) {
	.officeEmailText a{
		font-size: 12pt;
	}
	.officeEmailText {
		font-size: 12pt;
	}
}
@media all and (max-width: 1140px){
	.navMain{
		width:70%;

	}
}
@media all and (min-width: 700px) {
	.menuHolder{
		display: block!important;
	}
}
@media all and (max-width: 930px){
	.navMain{
		width:100%;

	}
	.menuHolder{
		width:76%;
		margin: auto;
		position: inherit;
	}
}
@media all and (max-width: 860px){
	.headerLogo{
		width:100%;
		float: none;
		text-align: left;
	}
	.navMain{
		width:100%;
		float: none;
		text-align: left;
		clear: both;
	}
}
@media all and (max-width: 700px) {
	.menuButtonHolder{
		display: block;
		
	}
	.menuItem{
		float: none;
	}
	.menuButtonText{
		display: none;
	}
	.menuHolder{

		position: inherit;
		width: 100%;
		padding: 0%;
		display: none;

	}
	.headerText{
		float: none;
	}
	.headerLogo {
		clear: both;
		float: none;
		width: 100%;
		margin: auto;
	}
	
	.navMainMenu{
		float: none;
		width: 25%;
		margin: auto;
	}
	.headerLogo{
		display: none;
	}
	
}
/*************************************************************/
/*************************************************************/
/*************END  Menu CSS for W4c Menu System***************/
/*************************************************************/
/*************************************************************/

.bfSectionDescription p{
	font-size: 12pt;
	font-width: 400;
}
.bfSectionDescription {
	font-size: 12pt;
	font-width: 400;
}
.bfElemWrap {
	margin:20px;
}
.form-actions{
margin: auto;
max-width: 85px;
}