/***** 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: MontserratBold;
    src: url(/templates/w4cv20/font/Montserrat/Montserrat-Bold.ttf);
}
@font-face {
    font-family: MontserratMediumItalic;
    src: url(/templates/w4cv20/font/Montserrat/Montserrat-MediumItalic.ttf);
}

@font-face {
    font-family: MontserratBoldItalic;
    src: url(/templates/w4cv20/font/Montserrat/Montserrat-BoldItalic.ttf);
}

@font-face {
    font-family: MontserratRegular;
    src: url(/templates/w4cv20/font/Montserrat/Montserrat-Regular.ttf);
}


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

html {
	font-family: MontserratRegular;
    /*font-size: 60pt;*/
    /* line-height: 1em; */
    font-weight: 100;
    margin: 0;
/*    line-height: 85px;*/
}

.MyCoachBack  {
  text-align: center;
  background-color: #3c5578;
  color: #ffffff;
}

.MyCoachBackwhite  {
  text-align: center;
  background-color: #ffffff;
  color: #3c5578;
}

h1 {
	font-family: MontserratBold;
    font-size: 60pt;
    line-height: 1; 
    font-weight: 100;
    margin: 0;
	    font-style: italic;
}

h2 {
	font-family: MontserratRegular;
	font-size: 24pt;
    line-height: 1;
	font-weight: 600;
    text-align: center;

}

h3{
    font-family: MontserratRegular;
    font-size: 35pt;
    line-height: 1;

    margin: 0;
}

h4{
    font-family: MontserratMediumItalic;
    font-size: 35pt;
    line-height: 20px;
    margin: 0;
	margin-top: 10px;
}

p {
    font-family: MontserratRegular;
    font-size: 16pt;
    margin: 15px 0;
    line-height: 1.25;
    text-align: center;
}

img {
	max-width: 100%;
}

ul {

    list-style-image:none;
}

a{
	color:#000000;
}



/*** 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: Ralway, Roboto, Calibri, Verdana;
}

#ff_form1 .ff_elem {
    /*border-radius: 5px;*/
    font-family: MontserratRegular, Oswald; /*Calibri, OpenSans, OxygenLight, Roboto, Verdana;*/
    font-size: 12px;
    padding: 7px 7px 7px 12px;
    background-color: #fff;
    color: #475059;
	border: none;
    /*border: 1px solid #ddd;*/
	width: calc(90% - 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: MontserratRegular, 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: #ffffff;
    border: 0px none;
    padding-bottom: 0px;
    color: #000000;
    font-family: MontserratRegular, Oswald;
    font-size: 15px;
    /*border-radius: 5px;*/
    margin-top: 2px;
    width: 100px;
    margin-left: 8px;
    height: 35px;
	float: right;
}

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

#bfElemWrap50 {
    padding-left: 7px;
}

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

ul.maximenuck{
	padding: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;
    overflow: inherit;
    min-height: calc(100vh - 420px);
}


/***** FOOTER *****/
.footerContainer{
	width:1200px;
	margin:auto;
}
.footer1, .footer2, .footer3{
	width:400px;
	float:left;
	

}


.footer2{
	text-align:center;
}
.footer3{
	text-align:right;
	
}
.footerCopyright{
	width:100%;
	text-align:center;
}
.footer1 a{
	padding:0 30px;
}
.footer1 ul.maximenuck{
	padding:15px 0 !important;
}

p .footer3 {
	padding:0px !important;
}
@media all and (max-width: 1200px){
	.footerContainer{
		width:100%;
	}
	
	.footer1, .footer2, .footer3{
		width:33.3%;
		
	}
}

@media all and (max-width: 600px){
	.footer1, .footer2, .footer3{
		width:100%;
		text-align:left;
		
	}
}




.maximenuckh{
	padding: 20px 20px 20px 20px;
}
/*** 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;
}*/



/** Decimal Lists **/

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



li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}
li {
	list-style-image:none !important;
}





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




.footer1 {
    font-family: ralewayBold;
}

.overlayContainer{
	position:relative;
	width:auto;
	height:auto;
    max-height: 800px;
	line-height: 0;
	font-size: 0;
}
.overlayOtherHeader{
    position: absolute;
    bottom: 75%;
    right: calc(0% - 46px);
    width: 80%;
    text-align: left;

}
.overlayOtherHeader h4{
    font-size: 22pt;
    line-height: 1;
    font-weight: bold;
    margin: 0;
}
.overlayHomeHeader{
    position: absolute;
    bottom: 85%;
    right: calc(0% - 46px);
    width: 80%;
    text-align: left;

}
.overlaySubHeader{
    position: absolute;
    bottom: 35%;
    right: 15%;
    width: 80%;
    text-align: left;

}
.overlaySubHeader h4{
    font-size: 22pt;
    line-height: 1;
    font-weight: bold;
    margin: 0;

}
.overlayHomeHeaderBottom{
    position: absolute;
    bottom: 0%;
    /* right: 15%; */
    width: 100%;
    text-align: center;
}
.overlayHomeHeaderBottom p{
	color:#ffffff;
}
.overlayHomeHeader p{    
	margin: 25px 0 0 0;
    width: 70%;
}
.mainTextHolder{
	margin: 0 50px 0 50px;
} 
.overlay{
	position: absolute;
    top: 3%;
  left:0;
  text-align:center;
  width:100%;
  
}
#overlayImg:hover{
	opacity:0.5;
}

.headerPara{
	display: none;
    background-color: #e7e6e6;
}

.headerPara p{
	margin: 0;
}

@media all and (max-width:800px){
	.overlayHomeHeader p{
		display: none;
	}
	.headerPara{
		display: block;
   		padding: 0px 25px;
	}
	.overlayHomeHeader{
		bottom: 0;
		top: 10%;
		right: 10%;
	}
	h1{
		font-size: 32pt;
	}
	h4{
		font-size: 20pt;
	}
}
@media all and (max-width:600px){
.overlaySubHeader{

	display: none;
	}
}
/********** Container 1 Type one CSS for 1 divs for page: **********/

.container_1homepage
{
width:1200px;
	overflow: hidden;
}
.container_1_box_0homepage
{
width:100%;
} 
.container_1_module_0homepage
{
max-width:100%;
} 
.container_1_tile_0homepage
{
/*Please add custom css for the tiles here*/
} 


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

.container_2homepage{
    background-color: #e7e6e6;
    padding: 5px;
}
.container_2_box_0homepage, .container_2_box_1homepage, .container_2_box_2homepage, .container_2_box_3homepage ,.container_2_box_4homepage
{
width:20%;
} 
.container_2_module_0homepage, .container_2_module_1homepage, .container_2_module_2homepage, .container_2_module_3homepage, .container_2_module_4homepage
{
padding:10px;
max-width: calc(100% - 20px);
} 

.container_2_module_0homepage .overlayContainer{
	max-height: 436px;
}

.container_2_module_1homepage h2{
	color:#ffffff;
}

.container_2_module_3homepage h2{
	color:#ffffff;
} 

.container_2_tile_0homepage, .container_2_tile_1homepage, .container_2_tile_2homepage, .container_2_tile_3homepage, .container_2_tile_4homepage
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 900px){
	
	.container_2homepage{
		display: none;
	}
}

.container_2_module_0homepage, .container_2_module_1homepage, .container_2_module_2homepage, .container_2_module_3homepage, .container_2_module_4homepage{
	padding: 10px;	
	max-width: calc(100% - 20px);
}

@media all and (max-width: 600px) 
{
.container_2homepage
{
width: 600px;margin:auto;
}
.container_2_box_0homepage, .container_2_box_1homepage, .container_2_box_2homepage, .container_2_box_3homepage, .container_2_box_4homepage{
	width:100%;
	margin:auto;
}
}

/********** Container 3 Type four CSS for 4 divs for page: **********/

.container_3homepage{
    background-color: #e7e6e6;
    padding: 5px;
	display: none;
}
.container_3_box_0homepage, .container_3_box_1homepage, .container_3_box_2homepage, .container_3_box_3homepage ,.container_3_box_4homepage{
	width:20%;
} 
.container_3_module_0homepage, .container_3_module_1homepage, .container_3_module_2homepage, .container_3_module_3homepage, .container_3_module_4homepage{
	padding:10px;
	max-width: calc(100% - 20px);
} 

.container_3_module_0homepage .overlayContainer{
	max-height: 436px;
}

.container_3_module_1homepage h2{
	color:#ffffff;
}

.container_3_module_3homepage h2{
	color:#ffffff;
} 

.container_3_tile_0homepage, .container_3_tile_1homepage, .container_3_tile_2homepage, .container_3_tile_3homepage, .container_3_tile_4homepage{
	/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 900px){
	/* .container_3_box_0homepage, .container_3_box_1homepage, .container_3_box_2homepage{
		width: 33.3%;
	}
	.container_3_box_3homepage{
		width: 33.3%;
		margin-left:16.5%;
		margin-right: 0;
	}

	.container_3_box_4homepage{
		width: 33.3%;
		margin-right:16.5%;
		margin-right: 0;
	} */
	
	.container_3homepage{
		display: block;
	}
	.container_3homepage{
		margin:auto;
	}
	.container_3_box_0homepage, .container_3_box_1homepage, .container_3_box_2homepage, .container_3_box_3homepage, .container_3_box_4homepage{
		width:100%;
		margin:auto;
	}
}

.container_3_module_0homepage, .container_3_module_1homepage, .container_3_module_2homepage, .container_3_module_3homepage, .container_3_module_4homepage{
	padding: 10px;	
	max-width: calc(100% - 20px);
}






/*************************************************************/
/*************************************************************/
/*************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{
    text-align: right;
    float: right;
    font-family: MontserratBold;
}

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

@media all and (max-width: 1240px){
	.navMain{
		width:75%;

	}
}

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

@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***************/
/*************************************************************/
/*************************************************************/



.cyanline {width:27%;height:10px;background: #1cbbb4 ; min-width:150px; margin:auto;}