@charset "utf-8";
/* fonts */
@import url(https://fonts.googleapis.com/css?family=Arvo);
@import url(https://fonts.googleapis.com/css?family=Raleway);
/* global */
html, body{
  height:100%;
}

.featherlight .featherlight-inner {
    display: block;
    width: 100%;
    height: 100%;
}

.featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    height: 565px;
	padding: 30px 0;
    background: #000000;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
	.featherlight-iframe .featherlight-content {
		max-width: 300px;
    	height: 225px;
	}
}
@media screen and (min-width: 375px) and (max-width: 413px) {
	.featherlight-iframe .featherlight-content {
		max-width: 355px;
    	height: 266px;
	}
}
@media screen and (min-width: 414px) and (max-width: 767px) {
	.featherlight-iframe .featherlight-content {
		max-width: 395px;
    	height: 311px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.featherlight-iframe .featherlight-content {
		max-width: 740px;
    	height: 555px;
	}
}
.container {
	width: 100%;
	max-width: 1920px;	
}

.vcenter {
	display: inline-block;
    vertical-align: middle;
    float: none;
}
.padding-zero {
	padding: 0;
}
/*.padding-50 {
	padding: 0 50px;
}*/

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

#touch{
    display:none;
}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

@media screen and (max-width: 320px) {
	/*.padding-50 {
		padding: 0 10px 0 15px;
	}*/
}
@media screen and (max-width: 767px) {
	.hide-mobile {
		display:none!important;
	}
	.hide-desktop {
		display:block!important;
	}
}
/* navigation */
.egc-nav {
	padding: 40px 110px 40px 90px;
	position:fixed;
	background-color: #ffffff;
	width: 100%;
	z-index: 100;
}

	.egc-logo {
		float:left;
		max-width: 160px;
	}
	.egc-menu-toggle {
		float:right;
	}
		.menu-title {
			float: left;
			padding-right: 5px;
			font-family: 'Arvo', serif;
			font-size: 17px;
			color: #686868;
		}
		.menu-icon {
			float:right;
			padding-top: 12px;
		}
			#nav-toggle .hamburger, #nav-toggle .hamburger:before, #nav-toggle .hamburger:after {
			  cursor: pointer;
			  border-radius: 1px;
			  height: 2px;
			  width: 20px;
			  background: #686868;
			  position: absolute;
			  display: block;
			  content: '';
			}
			#nav-toggle .hamburger:before {
			  top: -5px;
			}
			#nav-toggle .hamburger:after {
			  bottom: -5px; 
			}
			#nav-toggle .hamburger, #nav-toggle .hamburger:before, #nav-toggle .hamburger:after {
			  transition: all 500ms ease-in-out;
			}
			#nav-toggle.active .hamburger {
			  background-color: transparent;
			}
			#nav-toggle.active .hamburger:before, #nav-toggle.active .hamburger:after {
			  top: 0;
			}
			#nav-toggle.active .hamburger:before {
			  transform: rotate(45deg);
			}
			#nav-toggle.active .hamburger:after {
			  transform: rotate(-45deg);
			}
	.active-menu {
		background-color: #00aeef;	
	}
		.active-menu .menu-title {
			color:#000000;	
		}
		.active-menu #nav-toggle .hamburger, .active-menu #nav-toggle .hamburger:before, .active-menu #nav-toggle .hamburger:after {
			background: #000000	
		}
		.active-menu #nav-toggle.active .hamburger {
		  background-color: transparent;
		}
	.egc-menu {
		position: fixed;
		top: 116px;
		left: 0;
		width: 100%;
		height: calc(100% - 116px);
		z-index: 10;
		background-color: #00aeef;
		overflow: auto; /*need to find a way to fix this....*/
	}
		.egc-menu ul {
			text-align: right;
			list-style:none;
			margin-right: 70px;
		}
			.egc-menu ul li {
				padding: 15px 0;
				font-family: 'Arvo', serif;
				font-size: 40px;
				color: #000000;
			}
				.egc-menu ul li a {
					padding: 15px;
					color: #000000;
					text-decoration:none;
				}
				.egc-menu ul li a:hover, 
				.egc-menu ul li a:active, 
				.egc-menu ul li a.menu-active {
					background-color: #ff5502;
					color:#ffffff;
				}
				.egc-menu ul li ul {
					text-align: right;
					list-style:none;
					margin-right: 0px;
					padding-top: 10px;
				}
					.egc-menu ul li ul li {
						padding: 5px 0;
						font-family: 'Arvo', serif;
						font-size: 20px;
						color: #ffffff;
					}
						.egc-menu ul li ul li a {
							padding: 0;
							text-decoration: none;
						}
							.egc-menu ul li ul li a:hover {
								background-color: transparent;
								color: #ffffff;
							}
@media screen and (max-width: 768px) {
	.egc-nav {
		padding: 20px 35px 20px 15px;
		position:fixed;
		width: 100%;
	}
	.egc-logo img{
		max-width: 80%;
	}
	.menu-title {
			font-size: 21px;
		}
		.menu-icon {
			padding-top: 14px;
		}
		#nav-toggle .hamburger, #nav-toggle .hamburger:before, #nav-toggle .hamburger:after {
			  height: 3px;
			}
			#nav-toggle .hamburger:before {
			  top: -6px;
			}
			#nav-toggle .hamburger:after {
			  bottom: -6px; 
			}
	.egc-menu {
		top:69px;
		height: calc(100% - 69px);
	}
		.egc-menu ul {
			margin-right: 12px;
		}
			.egc-menu ul li {
				padding: 5px 0;
				font-size: 30px;
			}
				.egc-menu ul li a {
					padding: 5px;
				}
}
/* footer */
.egc-footer {
	background-color: #00aeef;
	padding-top: 40px;
	padding-bottom: 60px;
}
	.egc-footer h1 {
		font-size: 50px;
		font-family: 'Arvo', serif;
		color: #000000;
		text-align:center;
	}
	.egc-footer h3 {
		font-size: 34px;
		font-family: 'Raleway', serif;
		font-weight:bold;
		color: #000000;
	}
		.egc-footer ul {
			padding-left: 0;
    		list-style: none;
		}
			.egc-footer ul li {
				padding: 10px 0;
			}
				.egc-footer ul li a {
					font-size: 18px;
					font-family: 'Raleway', serif;
					color: #000000;
					text-decoration:none;
				}
					.egc-footer ul li a:hover {
						border-bottom: 1px solid #000000;
					}
			.egc-footer ul#social_icons li {
				display: inline-block;
			}
				.egc-footer ul#social_icons li img {
					max-width:40px;
					margin: 0 10px 0 0;
				}
					.egc-footer ul#social_icons li a:hover {
						border-bottom: none;
					}
					.egc-footer ul#social_icons li:last-child img {
						margin: 0;
					}
	.egc-footer .footer-logo img {
		max-width: 190px;
	}
	.egc-footer p {
		font-size: 12px;
		font-family: 'Raleway', serif;
		color: #000000;
		text-decoration:none;
	}
		.egc-footer p a {
			font-size: 12px;
			font-family: 'Raleway', serif;
			color: #000000;
			text-decoration:none;
		}
			.egc-footer p a:hover {
				border-bottom: 1px solid #000000;
			}
	.egc-footer .newsletter {
		width: 100%;
		max-width: 300px;
	}
	.egc-footer p#newsletter {
		font-size: 15px;
		margin-top: 20px;
		font-weight: bold;
	}
	.egc-footer .footer-logo {
		padding: 0 0 20px;
	}
	.egc-footer .input-group {
		margin-left: -2px;
	}
	.egc-footer .input-group-addon {
		background-color: #272727;
		border-color: #272727;
		color: #cccccc;
		font-size: 24px;
	}
	.egc-footer .form-control {
		background-color: #272727;
		border-color: #272727;
		color: #cccccc;
		padding: 25px 5px;
		font-family: 'Raleway', serif;
		font-weight: 100;
	}
	.egc-footer .input-group-btn button {
		background-color: #272727;
		border-color: #272727;
		color: #cccccc;
		font-size: 12px;
		padding: 16px 10px 17px;
		border-left: 1px solid #525252;
	}

	.egc-footer h4 {
		font-size: 18px;
		font-family: 'Raleway', serif;
		color: #000000;
		text-align:center;
		margin-bottom: 40px;
	}
	@media screen and (max-width: 767px) {
		.egc-footer h1 {
			font-size: 40px;
		}
		
		.egc-footer h4 {
			font-size: 16px;
		}
	}
	
/* Miscellaneous */
.overlay {
    display: none;
}
.vid-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
	.vid-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}