html,
body{
	box-sizing: border-box;
	margin:0px;
	padding:0px;
	font-family: "Helvetica Neue";
	background:#FFF;
	color:#5E5E5E;
}

*, *::before, *::after {
    box-sizing: inherit;
}

/* grid system */
.g12 .g6:last-child{
	margin-right:0px;
}
.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    min-height: 10px;
}

.g1{width:6.333%;}
.g2{width:14.667%;}
.g3{width:23.0%;}
.g4{width:31%;}
.g5{width:39.667%;}
.g6{width:48.0%;}
.g7{width:56.333%;}
.g8{width:64.667%;}
.g9{width:73.0%;}
.g10{width:81.333%;}
.g11{width:89.667%;}
.g12{width:98.0%;}

.clear{clear: both;}
.text-center{text-align:center;}
.fl{float:left;}
.fr{float:right;}

.zf_hompage-copy{
	background-color:#FFF;
	padding:25px;
}

.zf_hompage-copy h2,
.zf_hompage-copy h3,
.zf_hompage-copy h4{
	font-size: 40px;
	font-family: "Helvetica Neue-heavy";
	color:#006384;
	text-align: center;
	margin: 0 0 10px 0;
}
.zf_hompage-copy h3{
	color:#B0B0B0;
	margin-bottom: 60px;
}

.zf_hompage-copy h4{
	font-size:16px;
}
.zf_hompage-copy .g4 p{
	color: #5E5E5E;
	font-size: 20px;
	font-family: Georgia, serif;
}

.zf_hompage-copy .g4{
	text-align: center;
}

.zenger_homepage-event{
	width:100%;
	min-height: 550px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 75px;
	padding-bottom: 75px;
}
.zenger_homepage-event .event-content{
	margin:0 auto;
	width:710px;
}
.zenger_homepage-event .event-content .event-year{
	font-size: 60px;
	font-family: "Helvetica Neue-ultlight";
	float:left;
	width:140px;
	vertical-align: top;
	line-height: 60px;
	color: #FFF;
}
.zenger_homepage-event .event-content .event-info{
	vertical-align: top;
	color: #FFF;
}
.zenger_homepage-event .event-content .event-info .event-title{
	font-family: "Helvetica Neue-heavy";
	font-size: 50px;
	padding-bottom:20px;
	border-bottom: 1px solid #FFF;
	margin-bottom: 20px;
	line-height: 60px;
	color: #FFF;
}
.zenger_homepage-event .event-content .event-info .event-date-location{
	font-family: "Helvetica Neue-heavy";
	margin-bottom: 10px;
	font-size:36px;
	line-height: 60px;
	color: #FFF;
}
.zenger_homepage-event .event-content .event-info .event-subheader{
	font-family: "Helvetica Neue-light";
	font-size:40px;
	padding-bottom:20px;
	border-bottom: 1px solid #FFF;
	margin-bottom: 25px;
	color: #FFF;
}
.zenger_homepage-event .event-content .event-info .event-description{
	font-family: "Helvetica Neue-heavy";
	font-size:20px;
	margin-bottom: 30px;
	color: #FFF;
}
.zenger_homepage-event .event-content .event-info .event-cta{
	text-align: center;
}

.zenger_homepage-event .event-content .event-info .event-cta a,
a.zenger_cta{
	display: inline-block;
	color:#FFF;
	font-size: 20px;
	font-family: "Helvetica Neue-heavy";
	background-color: #00D5AB;
	padding:20px 52px;
	border-radius: 8px;
	text-decoration: none;
}

a.zenger_cta{
	font-family: "Helvetica Neue";
	padding:12px 50px;
	text-transform: uppercase;
	font-size: 16px;
}

.zenger_clients{
	text-align: center;
	background-color: #FAFAFA;
	padding:20px;
}

.zenger_clients img{
	margin-left: 20px;
}

.zf_upcoming-events{
	padding:75px 0px;
}

.zf_section-copy{
	width:230px;
	font-size: 20px;
	float: left;
}
.zf_section-copy p{
	margin: 0 0 25px 0;
	font-family: Georgia,serif;
}
.zf_upcoming-events .upcoming-events{
	width:800px;
	float:right;
}

.zf_upcoming-events .upcoming-events .zf_event{
	padding-top:20px;
	border-top: 1px solid #A2A2A2;
	padding-bottom:20px;
	font-size: 16px;
}

.zf_event .date-location{
	float:left;
	width:176px;
	margin-right:25px;
	color:#5E5E5E;
}
.zf_event .event-name{
	font-family: "Helvetica Neue-heavy",arial,sans-serif;
	float:left;
	width: 380px;
	color:#5E5E5E;
	font-size:17px;
}
.zf_event .event-name .the_excerpt,
.zf_event .event-name .the_excerpt *{
	font-size: 13px;
	margin-top: 5px;
	font-family: "Helvetica Neue";
	color:#5E5E5E;
}

.zf_event .event-cta{
	float:right;
}

.zf_event .event-cta a{
	text-decoration: none;
	height: 40px;
	display: inline-block;
	border:3px solid #006384;
	border-radius: 8px;
	background-color: #FFF;
	line-height: 40px;
	text-transform: uppercase;
	text-align: center;
	padding:0 10px;
	color:#006384;
	font-family: "Helvetica Neue-heavy";
	font-size: 12px;
}

.zf_upcoming-events .upcoming-events .zf_event-category{
	border-top:5px solid #A2A2A2;
	padding:16px 0;
	margin-bottom:16px;
	color:#006384;
	font-family: "Helvetica Neue-heavy";
	font-size:17px;
}

.zf_section-copy .zf_section-link{
	color:#006384;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
	font-family: "Helvetica Neue-heavy";
	padding-left: 36px;
	display: inline-block;
	background-position: left center;
	background-repeat: no-repeat;
	min-height: 26px;
}

.zf_section-link.i_schedule{
	background-image: url(../element_images/icon_schedule.png);
	line-height: 31px;
}

.zf_section-link.i_lightbulb{
	background-image: url(../element_images/icon_lightbulb.png);
	line-height: 31px;
}

.zf_content-title{
	font-size: 40px;
	font-family: "Helvetica Neue-heavy";
	color:#006384;
	margin-bottom: 40px;
}

/* zenger program cards */
.zf_program-cards .zg_program-card:first-child{
	margin-left: 100px;
}

.zf_program-cards .zf_intro-copy{
	width: 375px;
	height:578px;
	float:left;
}

.zf_program-cards .zf_intro-copy .zf_section-copy{
	margin-left: 50px;
}

.zg_program-card{
	float:left;
	margin-left:36px;
	margin-bottom: 50px;
}

.zg_program-card.row_1{
	margin-left:0px;
}

.zg_program-card, .zg_program-card .front, .zg_program-card .back{
	width: 375px;
	height:578px;
}

.zg_program-card .front, .zg_program-card .back{
	position: absolute;
	top: 0;
	left: 0;
	/*background-color:#FFF;*/
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.zg_program-card .back{
	overflow: hidden;
}

.zg_program-card .front .bgr{
	width:375px;
	height:322px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top:0px;
	bottom:0px;
}

.zg_program-card .front .person{
	position: absolute;
	top:-23px;
	left:0px;
	background-position: top left;
	background-repeat: no-repeat;
	height: 345px;
	width:375px;
}

.zg_program-card .front .icon{
	position: absolute;
	top:281px;
	left:152px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 87px;
	width:87px;
}

.zg_program-card .front .copy{
	position: absolute;
	top:375px;
	left:35px;
	width:306px;
	height:180px;
	color:#717171;
	text-align: left;
	overflow:hidden;
}

.zg_program-card .front .copy .program-title{
	color:#007696;
	margin-bottom: 12px;
	font-family: "Helvetica Neue-heavy";
	font-size: 18px;
	text-align: center;
}

.zg_program-card .front .copy p{margin:0px;font-family: Georgia, serif;}

.zg_program-card .back .back-copy{
	width: 345px;
	height:548px;
	margin:20px;
	overflow: hidden;
	font-family: Georgia,serif;
}

.zg_program-card .front .copy p{
	margin:0px;
	font-family: Georgia,serif;
	color:#717171;
}

.zg_program-card .back .back-copy *{
	font-family: Georgia,serif;
	color:#717171;
}

.zg_program-card .back .back-copy h1,
.zg_program-card .back .back-copy h2,
.zg_program-card .back .back-copy h3,
.zg_program-card .back .back-copy h4,
.zg_program-card .back .back-copy h5,
.zg_program-card .back .back-copy h6{
	font-family: "Helvetica Neue-heavy";
	color:#007696;	
}


/* flip animation */
/* entire container, keeps perspective */
.zg_program-card {
	perspective: 1000px;
	transform-style: preserve-3d;
}
/*  UPDATED! flip the pane when hovered */
.zg_program-card.hover .back {
	transform: rotateY(0deg);
}
.zg_program-card.hover .front {
    transform: rotateY(180deg);
}

/* flip speed goes here */
.zg_program-card .flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.zg_program-card .front, .zg_program-card .back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
	transition: 0.6s;
	transform-style: preserve-3d;
}

/*  UPDATED! front pane, placed above back */
.zg_program-card .front {
	z-index: 2;
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.zg_program-card .back {
	transform: rotateY(-180deg);
}
.zg_programs-get-started{
	text-align: center;
}