/*===========================================
Homepage
===========================================*/
body{
	
}
/*-------------------------------------------
Header
-------------------------------------------*/
#headerContainer{
	display:table;
	height:860px;
	background-image:url(../images/home_header_pic.jpg?v=20180528);
}
#headerContainer.active{
	background-image:url(../images/home_header_pic_active.jpg?v=20180528);
}
	#headerContainer .headerWrapper{
		position:absolute; top:50%; left:20px;
		margin-top:-155px;
		padding-top:0;
		text-align:left;
	}
		#headerContainer .heading{
		}
			#headerContainer .heading .meetintTitle{
				margin:0 0 25px;
				font-size:42px;
			}
				#headerContainer .heading .meetintTitle div:nth-child(2){
					font-size:29px;
				}
			#headerContainer .heading .meetingDate{
				font-size:30px;
			}
			#headerContainer .heading .meetingVenue{
				font-size:30px;
			}
	#countdown{
		color:#fff;
		margin-top:25px;
	}
		#countdown .thanks{
			font-size:24px; line-height:24px;
		}
		#countdown span{
			display:inline-block;
			text-transform:Uppercase;
			margin-right:20px;
		}
			#countdown strong{
				font-size:40px; line-height:48px; font-weight:400;
			}
			#countdown em{
				font-size:14px; font-style:normal;
				margin-left:8px;
			}
	.scrollToMain{
		font-size:16px;
		color:#fff;
		text-align:center;
		width:54px;
		height:45px;
		background:url(../images/scroll_to.png?v=20180518) no-repeat center bottom;
		background-size:24px 24px;
		position:absolute; left:50%; bottom:90px;
		margin-left:-27px;
		-webkit-animation-duration:1.5s;animation-duration:1.5s;
		-webkit-animation-fill-mode:both;animation-fill-mode:both;
		-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
		-webkit-animation-timing-function:ease;animation-timing-function:ease;
		-webkit-animation-name:scrollFloat;animation-name:scrollFloat;
	}
	@-webkit-keyframes scrollFloat{
		0%,100%{bottom:100px;}
		50%{bottom:90px;}
	}
	@keyframes scrollFloat{
		0%,100%{bottom:100px;}
		50%{bottom:90px;}
	}
/*-------------------------------------------
Menu
-------------------------------------------*/
#menu > li > a{
	padding:0 24px;
}
#menu > li > .nav-travel{
	background-position:right 5px center;
}
/*-------------------------------------------
Common
-------------------------------------------*/
.homeTitle{
	margin:0 0 20px;
	font-size:36px; line-height:36px;
	color:#000;
}
/*-------------------------------------------
Quick Buttons
-------------------------------------------*/
#quickButtons{
	
}
	#quickButtons ul{
		list-style:none;
		margin:0;
		padding:30px 0;
	}
		#quickButtons ul li{
			float:left;
			width:33.33333%;
			padding:0 15px;
			margin:15px 0;
			text-align:center;
			position:relative;
		}
		#quickButtons ul li:nth-child(1),
		#quickButtons ul li:nth-child(2){
			width:50%;
		}
			#quickButtons ul li a{
				display:block;
				position:relative;
				color:#fff;
				background-color:#00aeef;
				height:230px;
				overflow:hidden;
				padding-top:70px;
			}
			#quickButtons ul li:nth-child(1) a,
			#quickButtons ul li:nth-child(2) a{
				padding-right:50%;
			}
				#quickButtons ul li a:before{
					display:block;
					content:"";
					width:100%; height:100%;
					position:absolute; top:0; left:0; z-index:0;
					background-position:50% 50%;
					background-size:cover;
					background-repeat:no-repeat;
					transition:.5s;-webkit-transition:.5s;
				}
				#quickButtons ul li:nth-child(1) a:before{background-image:url(../images/home_button_bg1.jpg?v=20180529);}
				#quickButtons ul li:nth-child(2) a:before{background-image:url(../images/home_button_bg2.jpg?v=20180529);}
				#quickButtons ul li:nth-child(3) a:before{background-image:url(../images/home_button_bg3.jpg?v=20180529);}
				#quickButtons ul li:nth-child(4) a:before{background-image:url(../images/home_button_bg4.jpg?v=20180529);}
				#quickButtons ul li:nth-child(5) a:before{background-image:url(../images/home_button_bg5.jpg?v=20180529);}
				
				#quickButtons ul li .material-icons{
					display:block;
					position:relative; z-index:1;
					font-size:70px;
					transition:.5s;-webkit-transition:.5s;
				}
				#quickButtons ul li span{
					display:inline-block;
					position:relative; z-index:1;
					font-size:24px;
					transition:.5s;-webkit-transition:.5s;
				}
				#quickButtons ul li .dueDate{
					position:relative; z-index:1;
					font-size:24px;
					position:absolute; top:0; right:0;
					width:100%; height:100%;
					background:url(../images/home_due_date_bg.png?v=20180529) no-repeat 100% 50%;
					padding-left:50%;
					padding-top:105px;
				}
				#quickButtons ul li a:hover:before,
				#quickButtons ul li a:hover .material-icons,
				#quickButtons ul li a:hover span{
					transform:scale(1.1);
				}

/*-------------------------------------------
Venue
-------------------------------------------*/
#venue{
	text-align:center;
	padding-bottom:50px;
}
	#venue .homeTitle{
		
	}
	#venue p{
		margin:0;
		color:#777;
	}
		#venue p strong{
			font-size:18px;
			color:#111;
		}
	#venue .photoAndMap{
		margin-top:30px;
		height:300px;
		position:relative;
		overflow:hidden;
	}
		#venue .venuePhoto{
			float:left;
			width:50%; height:100%;
			background:url(../images/home_venue_photo.jpg?v=20180529) no-repeat 50% 50%;
			background-size:cover;
		}
			
		#venue #googleMap{
			float:left;
			width:50%; height:100%;
		}