/* Resets */
/* Header */
/* Footer */
/* Site */
/* Pages */
/* Animation */
/* Extra */




/* Resets
-------------------------------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	outline: none;
	box-sizing: border-box;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



*::-moz-selection { color: #fff !important; background: #79D97C !important;}
*::selection { color: #fff !important; background: #79D97C !important;}




html{
	margin-top: 0 !important;
	font-family: "tablet-gothic", Helvetica, Arial, sans-serif;
}

html, body{
	min-width: 100%;
	width: 100%;
	position: relative;
	display: block;
}

a img{
	border: 0;
}

img{
	-webkit-backface-visibility: initial;
	backface-visibility: initial;
}

.clearfix{

}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




/* Navigation
-------------------------------------------------- */
nav{
    position: absolute;
    width: 100%;
    top: 45px;
    z-index: 2000;
    display: block;
    padding: 0px 60px 0px 60px;
}

nav #nav-wrap{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	position: relative;
	max-width: 1400px;
}

nav #nav-wrap #background-bar{
	width: 100%;
	background-color: #36CDE7;
	height: 42px;
	position: absolute;
	top: 50%;
	  -ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	display: block;
	max-width: calc(1400px / 10 * 9 - 15px);
	right: 0px;
}

nav #nav-wrap > div{
	vertical-align: middle;
	display: inline-block;
	position: relative;
}

nav #nav-logo-contain{
	width: calc(100% / 10);
}

	nav #nav-logo-contain svg *{
		fill: #012A3A;
	}

nav #nav-menu-contain{
	width: calc(100% / 10 * 8);
}

nav #nav-seal-contain{
	width: calc(100% / 10);
	padding-right: 30px;
	position: relative;



}

nav #nav-seal-contain img {
	width: 81%;
	position: absolute;

}


nav #nav-seal-contain svg *{
	fill: #012A3A;
}

nav #nav-seal-contain svg #svg-seal-rotate{
	transform-origin: center center;
}

nav #nav-menu{
	width: 100%;
	position: relative;
	padding-left: 15px;
	display: block;
}

nav #nav-menu #menu-twenty-eighteen{
	display: flex;
	width: 100%;
	position: relative;
}

nav #nav-menu .menu-item{
	flex: 1;
	list-style-type: none;
}

	nav #nav-menu .menu-item a{
		display: block;
		position: relative;
		width: 100%;
		font-size: 18px;
		color: white;
		line-height: 42px;
		text-align: center;
		font-weight: 700;
		text-decoration: none;

	}


#top-trigger-container{
    width: 100%;
    max-width: 1400px;
    pointer-events: none;
    margin: 0 auto;
    display: block;
    text-align: right;
    position: fixed;
    height: 60px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 45px;
    z-index: 3000;
}

#top-trigger-container #back-to-top{
	position: relative;
    pointer-events: all;
    bottom: 0px;
    z-index: 3000;
    display: inline-block;
    height: 60px;
    cursor: pointer;
    width: 60px;
    background: #999;
    right: 45px;
    padding: 15px;
    border-radius: 10px;
    opacity: .5;

    transition: opacity .125s ease-in-out;
}


#top-trigger-container #back-to-top:hover{
	opacity: .75;
}

#top-trigger-container #back-to-top svg{
	height: 100%;
	position: relative;
	display: block;
	width: 100%;
}

#top-trigger-container #back-to-top svg *{
	fill: white;
}



body nav #nav-menu ul li a{
	transition: color .25s ease-in-out !important;
}

body nav #nav-menu ul li:not(.current-menu-item) a{
	background-color: #36CDE7 !important;
	color: white;
}


body nav #nav-menu ul li.current-menu-item a {
	background-color: white;
	color: #36CDE7;
}

	body.single-site nav #nav-menu ul li:first-of-type a{
		background-color: white !important;
		color: #36CDE7;
	}

	body.single-event nav #nav-menu ul li:nth-of-type(2) a{
		background-color: white !important;
		color: #36CDE7;
	}

body nav #nav-menu ul li:hover a {
	color: rgba(255, 255, 255, 0.3);
}

body nav #nav-menu ul li.current-menu-item:hover a{
	color: rgba(97, 202, 225, 0.3);
}



/* Footer
-------------------------------------------------- */
footer{
	background: #333;
}

.site-footer{
		background: #012A3A;
}

#footer-wrap{
	max-width: 1400px;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 110px 0px 30px;
}

#footer-wrap #footer-container{
    width: 100%;
    position: relative;
    display: flex;
    padding: 0px calc(100% / 10 + 15px);
	transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}


.site-footer .footer-top{
    padding-bottom: 24px;
}

.site-footer-bottom{

}


#footer-wrap #footer-container #footer-contact, #footer-wrap #footer-container #footer-main{
	flex: 1;
	transition: flex .75s cubic-bezier(0.23, 1, 0.32, 1);
	position: relative;
	color: #fff;

}


#footer-wrap #footer-container #footer-contact{
	padding-right: 30px;
}

#footer-wrap #footer-container #footer-main{
	display: flex;
	padding-right: 0px;
	flex: initial;
	flex-basis: 100%;
	flex-wrap: wrap;
	align-items: flex-start;
}

#footer-wrap #footer-container div h5{
	font-size: 24px;
    font-weight: 400;
    display: block;
    width: auto;
    color: white;
    padding: 0px;
    letter-spacing: -1px;
}


#footer-wrap #footer-container div p{
    font-weight: 500;
    font-size: 18px;
    position: relative;
    display: block;
    line-height: 26px;
}

#footer-brand{
	flex: initial;
	flex-basis: 30%;
}

#footer-logo{
	font-size: 22px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: capitalize;
    margin-bottom: 20px;
}

#footer-logo svg * {
    fill: #fff;
}

#footer-logo-contain{
    max-width: 140px;
}

#footer-logo-contain #svg-logo{
    max-width: 145px;
	height: auto;
}

#footer-brand h3{
	height: 35px;
	line-height: 35px;
}

#footer-more{

	display: flex;
	flex: initial;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-basis: 70%;
}

#footer-more > div{
	flex: 1;
	padding-left: 30px;
	position: relative;
}

#footer-more > div:last-of-type{
	flex: 1;
	order: 1;
}

#footer-more > div:last-of-type a{
	color: #fff;
	text-decoration: none;
}

footer h3{
	font-weight: 700;
    font-size: 16px;
    position: relative;
    display: inline-block;
    color: white;
    line-height: 22px;
    vertical-align: middle;
    width: calc(100% - 35px);
}

#footer-more > div:first-of-type{
	order: 2;
}


#footer-more > div:first-of-type h3{

}

#footer-more > div:last-of-type span{
	vertical-align: middle;
	display: inline-block;
}

#footer-more > div:last-of-type p{
	color: #ccc;
	text-decoration: none;
	margin-bottom: 25px;
}

#footer-more > div:last-of-type svg{
	height: 35px;
	width: 35px;
	position: relative;
	display: inline-block;
}

	#footer-more > div:last-of-type svg *{
		fill: white;
	}

#footer-more p{
	display: block;
	position: relative;
	margin-top: 0px !important;
}

#footer-more p:first-of-type{
	margin-bottom: 30px;
}

#footer-more p a{
	color: white;
}

#footer-brand #mc-embedded-subscribe-form{
	margin-top: 30px;
	display: block;
}

#footer-more > div:last-of-type span:last-of-type{

}


footer .button, footer button{
	height: 45px !important;
	line-height: 45px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	appearance: none !important;
	padding: 0px 15px;
	border-radius: 5px;
    background: #36CDE7;
    color: white;
    outline: none;
    font-weight: 700;
    border: 0px !important;
    margin: 0px !important;
    margin-left: 5px;
    vertical-align: top;
    font-size: 14px;
    font-family: "tablet-gothic", Helvetica, Arial, sans-serif;
}

#footer-brand p{
	margin-bottom: 25px;
}

#footer-brand a{

}

#footer-brand a:hover{

}

#footer-brand #mce-EMAIL{
	width: 50%;
	border: 0px;
    height: 45px;
    padding: 0px 15px;
    vertical-align: top;
    border-radius: 5px;
    font-size: 14px;
    font-family: "tablet-gothic", Helvetica, Arial, sans-serif;
}

#footer-more > div:first-of-type p:nth-of-type(n + 2){
	margin-bottom: 0px !important;
}

#footer-links {

}

#footer-links h3 {
font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: capitalize;
    margin-bottom: 20px;
}

#footer-links ul {
    margin: 0px;
		margin-bottom:30px;
    padding: 0px;
}

#footer-links li {
	list-style: none;
color: #fff;
    font-size: 18px;
    line-height: 44px;
}

#footer-links li a {
    font-weight: 400;
    color: #fff;
}

#footer-links li a:hover {
    color: #fff;
}

#footer-links-one, #footer-links-two {
	float:left;
	width:49%
}

#footer-links-one {

}

#footer-links-two {

}

#footer-connect{
}

.footer-connect-spacer {
	padding-left: 50px;
}

@media screen and (max-width: 768px){

.footer-connect-spacer {
	padding-left: 0px;
}

}

#footer-connect .signup {
    height: 45px !important;
    line-height: 45px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
    padding: 0px 15px;
    border-radius: 0px;
    background: #fff;
    color: #012A3A;
    outline: none;
    text-decoration: none;
    display: inline-block;
    position: relative;
    font-weight: 400;
	text-transform: uppercase;
    border: 0px !important;
    margin: 0px !important;
    margin-left: 5px;
    vertical-align: top;
    font-size: 18px;
    transition: background .25s ease-in-out;
    font-family: "tablet-gothic", Helvetica, Arial, sans-serif;
}

.site-footer .social-icons ul {
}

.site-footer .social-icons ul li {
    display: inline-block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.site-footer .social-icons li {
    list-style: none;
}



.site-footer .social-icons ul li a i {
    line-height: 46px;
    position: relative;
    top: -1px;
}

.site-footer .social-icons ul li a svg {
	fill: #fff;
	height: 20px;
}

.site-footer .social-icons ul li a {
    width: 48px;
    height: 48px;
    display: inline-block;
    text-align: center;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 48px!important;
    margin-right: 7px;
		margin-bottom: 7px;
    color: #fff !important;
    background: transparent;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: 2px solid #fff;
}

.site-footer .social-icons ul li:hover a {
  color: #fff !important;
  background: #36CDE7;
  border-color: transparent;
  border: 2px solid #36CDE7;
}

.site-footer .social-icons ul li a:hover svg {

}

.site-footer .social-icons {
    margin-top: 0px;
    margin-bottom: 30px;
}

.msac-add {
	padding-bottom: 40px;
}

.msac-add-logo {

}

.msac-add-logo img {
	max-width:280px; 
	height: auto;
	/*filter: grayscale(100%);*/
}

.msac-add-text {
	
}

#footer-copyright{
		text-align:center;
}

#footer-copyright p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 400;
}

#footer-copyright a{
color: #fff;
    text-decoration: underline;
}

#footer-copyright .copy-right {
    opacity: 0.8;
    font-size: 16px!important;
}


@media screen and (max-width: 1520px){

	#footer-wrap{
		padding: 45px 60px 60px;
		max-width: initial;
	}



}

@media screen and (max-width: 1280px){

	#footer-wrap #footer-container{
		padding: 0px 0px;
	}

	#footer-wrap #footer-container #footer-main{
		padding-left: 0px;
	}

}



@media screen and (max-width: 1080px){


	#footer-more{
		flex-wrap: wrap;
	}

	#footer-wrap #footer-container #footer-brand{
		flex-basis: calc(100% / 3);
	}

	#footer-wrap #footer-container #footer-more{
		flex-basis: calc(100% / 3 * 2);
	}


}


@media screen and (max-width: 980px){

	#footer-more > div:last-of-type svg{
		display: none;
	}

	#footer-more > div:last-of-type h3{

	}

	#footer-wrap #footer-container #footer-brand{
		flex-basis: 30%;
	}

	#footer-wrap #footer-container #footer-more{
		flex-basis: 70%;
	}

}



@media screen and (max-width: 890px){

	#footer-wrap{
		padding: 45px 30px 60px;
	}


	.form-line#id_1, .form-line#id_3{
		width: 100% !important;
	}

	#cid_1, #cid_1 .form-textbox{
		width: 100% !important;
	}

	#footer-wrap #footer-container #footer-more{

	}

	#footer-more > div:first-of-type{
		flex-basis: 45%;
	}

	#footer-more > div:last-of-type{
		flex-basis: 55%;
	}

	#footer-more > div:first-of-type p:nth-of-type(n + 2){
		font-size: 14px !important;
		margin-bottom: 0px !important;
	}


}

@media screen and (max-width: 768px){

	#footer-wrap #footer-container #footer-contact{
		padding-right: 0px;
	}

	.form-line#id_1, .form-line#id_3{
		width: 49.5% !important;
	}

	#cid_1, #cid_1 .form-textbox{
		width: calc(100% - 10px) !important;
	}

	#footer-more > div{
		flex-basis: 100% !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	#footer-more > div:last-of-type{
		border: 0px;
		padding-left: 15px;
		padding-right: 0px;
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 15px;
	}

	#footer-more > div:last-of-type p{

	}

	#footer-more > div:first-of-type{
		margin-top: 0px;
		border: 0px;
	}

	#footer-wrap #footer-container #footer-brand{
		flex-basis: 100%;
		margin-bottom: 15px;
	}

	#footer-wrap #footer-container #footer-more{
		flex-basis: 100%;
	}

}


@media screen and (max-width: 540px){

	#footer-more > div{
		flex-basis: 100%;
		padding-right: 0px;
	}

	#footer-more > div:last-of-type{
		padding-left: 0px;
		margin-top: 20px;
		order: 0;
	}

	#footer-more > div:first-of-type{
		order: 1;
	    margin-top: 20px;
	}

	#footer-more > div:last-of-type p{
		margin-top: 0px !important;
	}


}

@media screen and (max-width: 480px){

	.form-line#id_1, .form-line#id_3 {
	    width: 100% !important;
	}

	#cid_1, #cid_1 .form-textbox{
		width: 100% !important;
	}

	#footer-more > div:last-of-type p{
		margin-top: 10px !important;
	}

}



/* Site
-------------------------------------------------- */
.section-wrap{
	width: 100%;
	max-width: 1400px;
	position: relative;
	display: block;
	margin: 0 auto;
}

.section-wrap .content-container{
	width: 100%;
	position: relative;
	max-width: 1400px;
}

.section-wrap .content-copy > div > *{
	z-index: 1;
	position: relative;
}

.section-wrap #content-icon{
	width: calc(100% / 3 - 80px);
	position: absolute;
	right: calc(100% / 10 * 2);
	left: initial;
	display: block;
	top: 0px;
	opacity: 1;
	z-index: 0;
}

.section-wrap #content-icon svg path{
	fill: #ddd;
}

	.index .section-wrap #content-icon{
		left: 0px;
	}

	.index .section-wrap #content-icon svg{
		z-index: 0;
	}

	.index .section-wrap #content-icon svg path{
		fill: #E2E3E4;
	}

	.sponsors .section-wrap #content-icon svg path{
		fill: transparent;
	}

	.sites .section-wrap #content-icon,
	.events .section-wrap #content-icon{
		left: 0px;
		right: initial;
	}

	.events .section-wrap #content-icon svg rect,
	.events .section-wrap #content-icon svg path{
		fill: #E2E3E4;
	}

	.sites .section-wrap #content-icon svg rect,
	.sites .section-wrap #content-icon svg path{
		fill: #79D97C;
	}




#thank-you-modal{
	display: block;
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.95);
	z-index: 3000;
	top: 0px;
	opacity: 1;
	pointer-events: all;
	transition: opacity .125s ease-in-out;
}

#thank-you-modal.closed{
	opacity: 0;
	pointer-events: none;
}

#thank-you-modal #modal-wrap{
	display: flex;
	width: 100%;
	position: relative;
	flex-wrap: wrap;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0px 60px;
	top: 50%;
	transform: translateY(-50%);
}

#thank-you-modal #modal-head{
	flex-basis: 100%;
	position: relative;
	text-align: center;
	padding: 0px 0px 60px;
}

#thank-you-modal #modal-head img{
	max-width: 150px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: block;
}

#thank-you-modal #modal-image, #thank-you-modal #modal-copy{
	flex-basis: 50%;
	position: relative;
	align-self: flex-start;
}

#thank-you-modal #modal-copy em{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: 700;
	font-style: normal;
	color: #65c8de;
	margin-bottom: 15px;
	display: block;
	position: relative;
}

#thank-you-modal #modal-image{
	padding-right: 30px;
	color: #444;
}

#thank-you-modal #modal-copy{
	padding-left: 30px;
}


#thank-you-modal #modal-copy #presenting,
#thank-you-modal #modal-copy #gold,
#thank-you-modal #modal-copy #silver{
	font-size: 26px;
	color: #444;
	font-weight: 600;
	margin-bottom: 15px;
}

#thank-you-modal #modal-copy #bronze{
	font-size: 20px;
	color: #888;
	font-weight: 600;
	margin-bottom: 15px;
}

#thank-you-modal #modal-copy #other-sponsors{
	font-size: 16px;
	color: #888;
	font-weight: 500;
}

#thank-you-modal #modal-copy a{
	display: inline-block;
	position: relative;
	width: auto;
	cursor: pointer;
	margin-top: 20px;
}

#thank-you-modal #modal-copy a.grey{
	pointer-events: none;
	background: #eee;
	color: #888;
}

#thank-you-modal #modal-image img{
	width: 100%;
	position: relative;
	display: block;
	margin-bottom: 30px;
}

#thank-you-modal #modal-image h3{
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 15px;
}

#thank-you-modal #modal-image h4{
	font-size: 18px;
	font-weight: 500;
}

#thank-you-modal .modal-close#corner{
	height: 30px;
    width: 30px;
    position: absolute;
    top: 0px;
    right: 60px;
    display: block;
    padding: 7px;
    background: #999;
    border-radius: 50px;
    z-index: 2001;
    cursor: pointer;
    transition: background .25s ease-in-out;
}

	#thank-you-modal .modal-close#corner:hover{
	    background: #36CDE7;
	}

#thank-you-modal .modal-close#corner svg{
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
}

#thank-you-modal .modal-close#corner svg *{
	fill: white;
}

#thank-you-modal .modal-close#bottommost{
	flex-basis: 100%;
	text-align: center;
	position: relative;
	padding-top: 30px;
}



@media screen and (max-height: 680px){

	#thank-you-modal{
		position: absolute;
		display: block;
		height: 100%;
		min-height: 100vh;
		padding-top: 60px;
	}

	#thank-you-modal #modal-wrap{
		transform: none;
		top: initial;
	}

}



@media screen and (max-width: 1520px){

	nav #nav-wrap #background-bar{
		max-width: calc(100% / 10 * 9 - 15px);
	}

	.section-wrap{
		max-width: 100%;
	}

	.section-wrap .content-container{
		max-width: 100%;
		padding: 0px 60px;
	}

}

@media screen and (max-width: 1280px){


	.section-wrap #content-icon{
		display: none;
	}

}

@media screen and (max-width: 1200px){

	nav #nav-logo-contain {
	    width: calc(100% / 8);
	}

	nav #nav-menu-contain {
	    width: calc(100% / 8 * 6);
	}


	nav #nav-seal-contain{
	    width: 100px;
	    padding-right: 0;
	}

	nav #nav-seal-contain img {
	width: 100%;


}

	nav #nav-wrap #background-bar {
	    max-width: calc(100% / 8 * 7 - 15px);
	}

	nav #nav-logo-contain #svg-logo {
		width: 107px;
		height: auto;
	}

}


@media screen and (max-width: 1280px){

	nav #nav-logo-contain #svg-logo {
		width: 130px;
		height: auto;
	}
}

@media screen and (max-width: 1080px){

	nav #nav-seal-contain{
	    width: 90px;
	}

	#thank-you-modal #modal-copy #silver{
		font-size: 22px;
	}

	#thank-you-modal #modal-copy #bronze{
		font-size: 18px;
	}

	#thank-you-modal #modal-copy #other-sponsors{
		font-size: 14px;
	}

}


@media screen and (max-width: 980px){

	#thank-you-modal #modal-copy{
		flex-basis: 55%;
	}

	#thank-you-modal #modal-image{
		flex-basis: 45%;
	}

}


@media screen and (max-width: 890px){

	nav{
		padding: 0px;
		top: 0px;
		position: fixed;
	}

	nav #nav-logo-contain{
		padding: 15px 0px;
	}

		nav #nav-logo-contain a{
			height: 70px;
			width: auto;
			position: relative;
			display: block;
			top: 15px;
		}

			nav #nav-logo-contain a svg{
				height: 100%;
			}

	nav #nav-menu{
		padding-left: 0px;
		max-height: 0px;
		height: 100%;
		overflow: hidden;
		transition: max-height .4s cubic-bezier(0.19, 1, 0.22, 1), opacity .25s ease-in-out;
	}

		nav.opened #nav-menu{
			max-height: 275px;
		}

	nav #nav-trigger-contain{
		position: fixed;
		height: 30px;
		width: 30px;
		right: 30px;
		top: 35px;
		display: block;
		z-index: 3000;
	}

	nav #nav-menu #menu-twenty-eighteen{
		flex-wrap: wrap;
	}


	nav #nav-menu .menu-item{
		flex: initial;
		flex-basis: 100%;
		text-align: left;
	}



		nav.opened #nav-menu {
			margin-top: 30px;
			margin-bottom: 15px;
		}



	nav #nav-menu .menu-item a{
		left: -75px;
		opacity: 0;
		transition: none !important;
	}

		nav.opened #nav-menu .menu-item a{
			left: 0px;
			opacity: 1;
			transition: left .5s cubic-bezier(0.19, 1, 0.22, 1), opacity .5s ease-in-out !important;
		}

		nav #nav-menu .menu-item:nth-child(1) a{
			transition-delay: 50ms !important;
		}
		nav #nav-menu .menu-item:nth-child(2) a{
			transition-delay: 150ms !important;
		}
		nav #nav-menu .menu-item:nth-child(3) a{
			transition-delay: 250ms !important;
		}
		nav #nav-menu .menu-item:nth-child(4) a{
			transition-delay: 350ms !important;
		}
		nav #nav-menu .menu-item:nth-child(5) a{
			transition-delay: 450ms !important;
		}
		
		nav #nav-menu .menu-item:nth-child(6) a{
			transition-delay: 550ms !important;
		}
		
		nav #nav-menu .menu-item:nth-child(7) a{
			transition-delay: 650ms !important;
		}


	nav #nav-wrap{
		padding: 0px 30px;
		min-height: 100px;
	}

	nav #nav-wrap > div{
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	nav #nav-wrap #background-bar{
		width: 100%;
		top: 0;
		transform: none;
		-webkit-transform: none;

		max-width: 100%;
		height: 100%;
	}

		.about nav #nav-wrap #background-bar{
			background: #36CDE7 !important;
		}

	nav #nav-seal-contain{
		display: none !important;
	}

	.section-wrap .content-container {
	    max-width: 100%;
	    padding: 0px 30px;
	}


	nav #nav-menu-contain{
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 15px;
	}

	#nav-trigger span{
		height: 7px;
		margin-bottom: 4px;
		width: 100%;
		background: white;
		display: block;
		position: relative;
		cursor: pointer;
	}

		#nav-trigger span:last-of-type{
			height: 3px;
			margin-bottom: 0px;
		}


	body nav #nav-menu ul li a{
		transition: none;
		display: inline-block!important;
		position: relative;
		width: auto !important;
	}

	body nav #nav-menu ul li:not(.current-menu-item) a{
		background-color: transparent !important;
		color: white;
	}

	body.single-event nav #nav-menu ul li:nth-of-type(2) a{
		background-color: transparent !important;
		color: #333;
	}

	body nav #nav-menu ul li.current-menu-item a {
		background-color: transparent !important;
		color: #333;
	}

	nav #nav-menu .menu-item a{
		text-align: left;
	}

	body nav #nav-menu ul li:hover a {
		color: white;
	}

	body nav #nav-menu ul li.current-menu-item:hover a{
		color: #333;
	}

	#top-trigger-container #back-to-top{
		display: none;
	}

	nav #nav-logo-contain svg *{
		fill: #012A3A;
	}

	#thank-you-modal{
		position: absolute;
		display: block;
		height: 100%;
		min-height: 100vh;
		padding-top: 60px;
	}

	#thank-you-modal .modal-close#corner{
		right: 30px;
	}

	#thank-you-modal #modal-wrap{
		padding: 0px 30px;
		top: initial;
		transform: none;
	}

	#thank-you-modal #modal-copy{
		flex-basis: 100%;
		padding: 0px;
		text-align: center;
	}

	#thank-you-modal #modal-copy *:not(a){
		max-width: 540px;
		margin: 0 auto 15px;
		text-align: left;
	}

	#thank-you-modal #modal-image{
		flex-basis: 100%;
		text-align: center;
		padding: 0px;
		margin-bottom: 30px;
	}


	#thank-you-modal #modal-image img{
		max-width: 540px;
		margin: 0 auto 30px;
	}

	#thank-you-modal #modal-image h3,
	#thank-you-modal #modal-image h4{
		max-width: 540px;
		margin: 0 auto 15px;
	}

	#thank-you-modal #modal-copy a{
		display: inline-block;
		position: relative;
		width: auto;
		cursor: pointer;
		margin: 25px auto 0px;
	}



}



@media screen and (max-width: 600px){

	nav #nav-trigger-contain{
		top: 25px;
	}

	nav #nav-logo-contain a{
		height: 50px;
	}

	nav #nav-wrap{
		min-height: 80px;
	}

}





/* New Logo */

nav #nav-logo-contain #svg-logo {
	width: 145px;
	height: auto;
}

@media screen and (max-width: 1520px){
	nav #nav-logo-contain #svg-logo {
		width: 138px;
	}
}

@media screen and (max-width: 1400px){
	nav #nav-logo-contain #svg-logo {
		width: 132px;
	}
}

@media screen and (max-width: 1280px){
	nav #nav-logo-contain #svg-logo {
		width: 128px;
	}
}

@media screen and (max-width: 1200px){
	nav #nav-logo-contain #svg-logo {
		width: 124px;
	}	
}

@media screen and (max-width: 1080px){
	nav #nav-logo-contain #svg-logo {
		width: 120px;
	}	
}

@media screen and (max-width: 980px){
	nav #nav-logo-contain #svg-logo {
		width: 110px;
	}	
}


@media screen and (max-width: 890px){
	nav #nav-logo-contain #svg-logo {
		width: 108px;
	}
}

@media screen and (max-width: 600px){
	nav #nav-logo-contain #svg-logo {
		width: 74px;
	}
}





/* Pages
-------------------------------------------------- */


/*===========================================*/
/*
/*	Pages — Home
/*
/*===========================================*/





#main-content #home-header{

	width: 100%;
	position: relative;
	display: block;
	height: auto;
	background: #fff;
	padding-top: 200px;
	padding-bottom: 60px;
}


	#main-content #home-header-wrap .content-container{

		display: flex;

	}

		#main-content #home-header-wrap .content-container .content-copy{
			flex: 7;
			display: flex;
			position: relative;
			align-items: center;
			padding-left: calc(100% / 10 + 15px);
			transition: padding .5s cubic-bezier(0.23, 1, 0.32, 1);
		}

			#main-content #home-header-wrap .content-container .content-copy h1{
				color: #36CDE7;
				font-size: 64px;
				line-height: 64px;
				font-weight: 700;
				display: block;
				position: relative;
				width: 60%;
				letter-spacing: -.04em;
				margin-bottom: 15px;
			}

			#main-content #home-header-wrap .content-container .content-copy h2{
				color: #333;
				font-size: 36px;
				font-weight: 500;
				display: block;
				position: relative;
				letter-spacing: -.033em;
				margin-bottom: 20px;
			}

			#main-content #home-header-wrap .content-container .content-copy h3{
				width: 100%;
				display: block;
				position: relative;
				color: #333;
				font-weight: 400;
				margin-bottom: 30px;
			}
			
			
			#main-content #home-header-wrap .content-container .content-copy h3 p a{
				color: #36CDE7;
				transition: color .25s ease-in-out;
			}

			#main-content #home-header-wrap .content-container .content-copy h3 p a:hover{
				color: #29A4BC;
				transition: color .25s ease-in-out;
			}
			
			

			#main-content #home-header-wrap .content-container .content-copy #homepage-date-block{
				display: block;
				position: relative;
				width: 100%;
				margin-bottom: 35px;
				font-size: 0px;
			}

				#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4{
					display: inline-block;
					position: relative;
					width: 50%;

				}

					#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 span,
					#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 em{
						display: inline-block;
						position: relative;
						vertical-align: middle;
					}

					#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 span{
						width: 30px;
						color: #36CDE7;
						text-align: center;
						margin-right: 15px;
					}

						#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 span strong{
							display: block;
							position: relative;
							text-transform: uppercase;
							font-size: 12px;
							line-height: 12px;
							letter-spacing: 5px;
						}

						#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 span i{
							font-style: normal;
							font-size: 30px;
							line-height: 30px;
							position: relative;
							display: block;
						}


					#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 em{
						width: calc(100% - 45px);
						font-style: normal;
						font-weight: 500;
						color: #444;
						font-size: 16px;
						padding-right: 5px;
						line-height: 18px;
						letter-spacing: calc(1px / 2 * -1);
					}


					#main-content #home-header-wrap .content-container .content-copy .addeventatc + a{
						display: inline-block;
						margin-right: 0px;
						background: #36CDE7;
						vertical-align: middle;
						position: relative;
						transition: background .25s ease-in-out;
					}

					#main-content #home-header-wrap .content-container .content-copy .addeventatc + a:hover{
						background: #444;
					}

					#main-content #home-header-wrap .content-container .content-copy .addeventatc ~ a span{
						width: 100%;
						display: inline-block;
						position: relative;
						background: none;
						font-weight: 700;
						line-height: 45px;
						font-family: "tablet-gothic", Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif !important;
						font-size: 16px !important;
						color: White;
						border: 0px;
						padding: 0px 15px !important;
					}



		#main-content #home-header-wrap .content-container .content-image{
			flex: 5;
			padding-left: 60px;
			padding-right: calc(100% / 10 + 30px);
			transition: padding .25s cubic-bezier(0.23, 1, 0.32, 1);
		}

			#main-content #home-header-wrap .content-container .content-image-wrap{
				border-radius: 100%;
				background-size: cover;
				position: relative;
				width: 100%;
				display: block;
				overflow: hidden;
			}

			#main-content #home-header-wrap .content-container .content-image-wrap img{
				width: 100%;
				height: auto;
				display: block;
				position: relative;
				z-index: 3;
			}

			#main-content #home-header-wrap .content-container .content-image-wrap #homepage-image-gradient{
				background: -moz-linear-gradient(top, rgba(96,200,224,0.85) 0%, rgba(96,200,224,0) 50%, rgba(96,200,224,0) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95ED8E8', endColorstr='#005ED8E8',GradientType=0 ); /* IE6-9 */
				height: 100%;
				width: 100%;
				position: absolute;
				display: block;
				top: 0;
				left: 0;
				z-index: 1;
			}

			#main-content #home-header-wrap .content-container .content-image-wrap + div{
				margin-top: 20px;
				display: block;
				position: relative;
				font-size: 0px;
				text-align: center;
			}

			#main-content #home-header-wrap .content-container .content-image-wrap + div h5{
				display: block;
				letter-spacing: 3px;
				font-size: 12px;
				margin-bottom: 10px;
				color: #666;
				text-transform: uppercase;
				font-weight: 600;
			}

			#main-content #home-header-wrap .content-container .content-image-wrap + div a{
				display: inline-block;
				width: auto;
				margin-right: 20px;
				height: 45px;
				position: relative;
			}

				#main-content #home-header-wrap .content-container .content-image-wrap + div a:last-of-type{
					margin-right: 0px;
					text-align: left;
				}

				#main-content #home-header-wrap .content-container .content-image-wrap + div a:first-of-type{
					text-align: right;
				}

				#main-content #home-header-wrap .content-container .content-image-wrap + div a img{
					height: 100%;
					width: auto;

				}



/*
#map-background{
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0px;
	display: block;
	left: 0px;
	background: url(../images/map-background.png) center center no-repeat;
	background-size: cover;
	background: #f6f6f6;
}
*/





#index-header #alert-block{
	display: block;
	position: absolute;
	z-index: 2000;
	top: 700px;
	width: 100%;
	pointer-events: none;
	height: auto;
	box-sizing: border-box;
}

	#index-header #alert-block #alert-block-bg{
		width: 50%;
		height: 200%;
		background: rgba(255, 255, 255, 0.9);
		transform: translateY(-50%);
		box-sizing: border-box;
		top: 100%;
		left: 0;
		position: absolute;
		display: block;
		box-shadow: -2px 2px rgba(0, 0, 0, 0.05);
		opacity: 1;

		transition: left .5s ease-in-out, opacity .5s ease-in-out;
	}

		#index-header #alert-block.hidden #alert-block-bg{
			left: -100%;
			opacity: 0;
		}


	#index-header #alert-block #alert-block-wrap{
		max-width: 1400px;
		position: relative;
		display: block;
		margin: 0 auto;
		width: 100%;
	}

	#index-header #alert-block-contain{
	    display: block;
	    position:  relative;
	    transform: translateY(50%);
	    top: -50%;
	    left: 0%;
	    width: 50%;
	    padding-left: calc(100% / 10 + 15px);
	    padding-right: 60px;
	    pointer-events: all;
	    transition: left .3s cubic-bezier(0.86, 0, 0.07, 1), padding .125s cubic-bezier(0.23, 1, 0.32, 1);
	}

		#index-header #alert-block.hidden #alert-block-contain{
			left: -200%;
		}

	#index-header #alert-block-contain strong{
		font-size: 11px;
		margin-bottom: 5px;
		display: block;
		position: relative;
		letter-spacing: 2px;
		color: #36CDE7;
		text-transform: uppercase;
	}

	#index-header #alert-block-contain p{
		color: #444;
		font-size: 18px;
	}

		#index-header #alert-block-contain p:last-of-type,
		#index-header #alert-block-contain p:first-of-type{
			display: none;
		}

		#index-header #alert-block-contain a{
			color: #36CDE7;
			text-decoration: none;
			border-bottom: calc(3px / 2) solid #36CDE7;
		}

		#index-header #alert-block-contain #alert-hide{
			height: auto;
			width: auto;
			position: absolute;
			display: block;
			color: #ccc;
			cursor: pointer;
			right: 15px;
			top: 50%;
			transform: translateY(-50%);
		}


#home-ctas{
	background: #79D97C;
	background: #36CDE7;
	
	padding: 60px 0px;
	position: relative;
	display: block;
	width: 100%;
}

	#home-ctas #home-ctas-wrap{
		max-width: 1400px;
		width: 100%;
		display: block;
		margin: 0 auto;
		position: relative;
	}

	#home-ctas #home-ctas-container{
		width: 100%;
		position: relative;
		display: flex;
		padding: 0px calc(100% / 10 + 15px);
	}

	#home-ctas .cta{
		position: relative;
		flex: 1;
		color: white;
		text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
 	}

 		#home-ctas .cta h2{
	 		font-size: 32px;
	 		font-weight: 400;
	 		display: inline-block;
	 		width: auto;
	 		vertical-align: middle;
	 		margin-right: 30px;
	 		letter-spacing: -1px;
 		}

 		#home-ctas .cta i{
	 		background: white;
	 		border-radius: 45px;
	 		height: 45px;
	 		width: 45px;
	 		vertical-align: middle;
	 		display: inline-block;
	 		position: relative;
	 		box-sizing: border-box;
	 		padding: calc(15px / 2);
	 		text-align: center;
 		}

 		#home-ctas .cta i img{
	 		position: relative;
	 		display: inline;
	 		height: 100%;
 		}

	#home-ctas .cta-one-across{
		display: block;
		text-align: center;
	}


	#home-ctas .cta p a{
		color: white;
		text-decoration: none;
		font-weight: 700;
		transition: border .25s ease-in-out, padding .25s ease-in-out;
		position: relative;
		display: inline-block;
		z-index: 1;
	}

		#home-ctas .cta p a:after{
			width: 0%;
			height: 2px;
			display: block;
			bottom: 0px;
			content: "";
			position: absolute;
			background: #83daee;
			z-index: 2;

			transition: width .125s ease-in-out;
		}

		#home-ctas .cta p a:hover:after{
			width: 100%;
		}

	#home-ctas .cta .cta-button{
		width: auto;
	    display: inline-block;
	    position: relative;
	    height: 50px;
	    background: none;
	    font-weight: 400;
	    line-height: 50px;
	    font-family: "tablet-gothic", Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif !important;
	    font-size: 18px !important;
	    color: white;
	    background: #012A3A;
	    text-decoration: none;
		text-transform: uppercase;
	    margin-top: 15px;
	    border: 0px;
	    margin-right: 10px;
	    padding: 0px 15px !important;
	    text-shadow: none;
	    transition: background .25s ease-in-out, color .25s ease-in-out;
	}

	#home-ctas .cta .cta-button:hover{
		color: #012A3A;
		background: white;
		text-shadow: none;
	}

	#home-ctas .cta p{
		width: 80%;
		font-weight: 500;
	 	margin-top: 15px;
		font-size: 18px;
	}

		#home-ctas .cta-one-across p{
			width: 100%;
		}

	#home-ctas .cta-two-across:first-of-type{
		padding-right: 30px;
	}


	#home-ctas .cta-two-across:last-of-type{
		padding-left: 30px;
	}


@media screen and (max-width: 1520px){

	#main-content #index-header{
		padding-top: 0px;
	}

	#main-content #index-header-wrap .content-container .content-copy h1{
		width: 85%;
	}

	#main-content #index-header-wrap .content-container .content-copy{
		padding-left: calc(100% / 10 + 15px);
	}

	#main-content #index-header-wrap .content-container .content-image{
		padding-right: calc(100% / 10 + 15px);
	}

	#main-content #index-header-wrap .content-container .content-copy #homepage-date-block h4 em{
		font-size: 16px;
		line-height: 18px;
	}

	#index-header #alert-block #alert-block-wrap{
		max-width: 100%;
		padding: 0px 60px;
	}

	#home-ctas #home-ctas-wrap{
		max-width: 100%;
		padding: 0px 60px;
	}

	#home-ctas .cta p{
		width: 90%;
	}

}


@media screen and (max-width: 1280px){

	#main-content #index-header-wrap .content-container .content-copy{
		padding-left: 0px;
	}

	#main-content #index-header-wrap .content-container .content-image{
		padding-right: 0px;
	}

	#index-header #alert-block{
		position: fixed;
		bottom: 0px;
		top: inherit;
	}

	#index-header #alert-block #alert-block-bg{
		height: 200%;
		transform: none;
		top: initial;
		box-shadow: 0px 0px 30px rgba(40, 40, 40, 0.125);
	}

	#index-header #alert-block-contain{
		padding-left: 0px;
		top: initial;
		transform: none;
	}

	#index-header #alert-block #alert-block-wrap{
		padding: 30px 60px 40px;
	}

	#home-ctas #home-ctas-container{
		padding: 0px;
	}

	#home-ctas .cta p{
		width: 100%;
	}


}


@media screen and (max-width: 1080px){


	#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4{
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}

	#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 em{
		font-size: 17px;
		letter-spacing: 0px;
	}

	#index-header #alert-block #alert-block-bg{
		width: 75%;
	}

	#index-header #alert-block-contain{
		width: 75%;
	}

	#home-ctas .cta-two-across:nth-of-type(odd){
		padding-right: 30px;
	}

	#home-ctas .cta-two-across:nth-of-type(even){
		padding-left: 30px;
	}


}



@media screen and (max-width: 890px){

	#main-content{
		padding-top: 30px;
	}

	#main-content #home-header-wrap .content-container{
		flex-direction: column;
		padding: 0px;
		display: block; 
	}

	#main-content #home-header-wrap .content-container .content-image,
	#main-content #home-header-wrap .content-container .content-copy{
		width: 100%;
		padding: 0px;
		padding-top: 30px;
		position: relative;
		display: block;
	}

	#main-content #home-header{
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#clouds{
	}

	#main-content #home-header-wrap .content-container .content-image{
		order: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}


	#main-content #home-header-wrap .content-container .content-image {
		padding-top: 60px;
	}


	#main-content #home-header-wrap .content-container .content-image-wrap img{
		position: absolute;
		top: 50%;
		width: 100%;
		transform: translateY(-50%);
	}

	#main-content #home-header-wrap .content-container .content-image-wrap{
		padding: 0px;
		border-radius: 0px;
		height: 525px;
		display: block;
		position: relative;
	}

	#main-content #home-header-wrap .content-container .content-copy{
		order: 1;
		padding: 120px 30px 0px;
		text-align: center;
	}

	#main-content #home-header-wrap .content-container .content-copy h1{
		margin-right: 0px;
		width: 100%;
	}

	#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4{
		display: inline-block;
		width: auto;
		margin-right: 15px;
	}

	#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4:last-of-type{
		margin-right: 0px;
	}

	#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 em{
		text-align: left;
	}

	#main-content #home-header-wrap .content-container .content-image-wrap + div{
		margin: 0px;
		padding: 30px 0px 45px;
	}

	#main-content #home-header-wrap .content-container .content-image-wrap + div a{
		height: 30px;
	}


	#home-ctas .cta h2{
		z-index: 2;
		position: relative;
	}

	#home-ctas .cta i {
	    height: 150px;
	    width: 150px;
	    border-radius: 150px;
	    display: block;
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    z-index: 1;
	    opacity: .25;
	    padding: calc(50px / 2);
    }

    #home-ctas .cta p{
	    position: relative;
	    z-index: 2;
    }

    #home-ctas #home-ctas-wrap{
	    padding: 0px 30px;
    }

	#home-ctas .cta-two-across:nth-of-type(odd){
		padding-right: 15px;
	}

	#home-ctas .cta-two-across:nth-of-type(even){
		padding-left: 15px;
	}

	#index-header #alert-block-contain {
	    width: 100%;
	}

	#index-header #alert-block #alert-block-bg{
		width: 100%;
		padding-right: 30px;
	}

	#index-header #alert-block #alert-block-wrap{
		padding: 30px 30px 40px;
	}

	#index-header #alert-block-contain #alert-hide{
		right: 0px;
	}

	#index-header #alert-block-contain{
		padding-right: 30px;
	}

	#main-content #home-header-wrap .content-container .content-copy h1 {
	    font-size: 48px;
	    line-height: 48px;
	}

	#main-content #home-header-wrap .content-container .content-copy h2{
		font-size: 34px;
		margin-bottom: 20px;
	}

	#main-content #home-header-wrap .content-container .content-copy h3{
		font-size: 20px;
		max-width: 80%;
		margin: 0 auto 30px;
	}

	#main-content #home-header-wrap .content-container .content-copy #homepage-date-block {
	    display: inline-block;
	    position: relative;
	    width: initial;
	    text-align: left;
	    margin-bottom: 35px;
	    font-size: 0px;
	}

	#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 {
	    display: block;
	    width: auto;
	    background: white;
	    white-space: nowrap;
	    padding-right: 15px;
	    font-size: 14px;
	    margin-right: 0px;
	    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
	}

	#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 span{
		background: #36CDE7;
		color: white;
		padding: 15px calc(15px / 2) 15px 10px;
		width: auto;
	}

	#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 em{
		font-size: 16px;
	}

	#home-header #alert-block-contain p {
	    color: #333;
	    font-size: 15px;
	}

}

@media screen and (max-width: 768px){

	#main-content #home-header-wrap .content-container .content-copy h1 {
	    font-size: 36px;
	    line-height: 36px;
	}

	#main-content #home-header-wrap .content-container .content-copy h2{
		font-size: 28px;
	}

	#main-content #home-header-wrap .content-container .content-copy h3{
		font-size: 16px;
	}

	#main-content #home-header-wrap .content-container .content-copy #homepage-date-block h4 em{
		font-size: 14px;
	}

	#home-ctas{
		padding: 40px 0px;
	}

	#home-ctas .cta h2{
		font-size: 24px;
		font-weight: 600;
		letter-spacing: 0px;
	}

	#home-ctas .cta i{
	    height: 100px;
	    width: 100px;
	    border-radius: 100px;
	}

	#home-ctas .cta .cta-button{
		margin-top: 5px;
	}

	#footer-wrap #footer-container{
		position: relative !important;
		display: block !important;
	}

	#footer-wrap #footer-container #footer-contact{
		margin-bottom: 30px;
	}


	#footer-wrap #footer-container #footer-engagement{
		padding-left: 0px !important;
	}

	#home-ctas .cta-two-across:nth-of-type(odd){
		padding-bottom: 30px;
		padding-right: 0px;
	}

	#home-ctas .cta-two-across:nth-of-type(even){
		padding-left: 0px;
	}

	#home-ctas #home-ctas-container{
		padding: 0px;
		display: block;
		position: relative;
	}

}



@media screen and (max-width: 600px){

	#main-content #home-header-wrap .content-container .content-image-wrap{
		height: 425px;
	}

	#main-content #home-header-wrap .content-container .content-copy h2{
		margin-bottom: 0px;
		font-size: 24px;
	}

	#main-content #home-header-wrap .content-container .content-copy h3 {
		max-width: 100%;
	}


	#home-ctas .cta p{
		font-size: 16px;
	}


}

@media screen and (max-width: 480px){

	#main-content #home-header-wrap .content-container .content-image-wrap{
		height: 300px;
	}


	#home-ctas .cta .cta-button {
	    width: 100%;
	    text-align: center;
    }

}



.about, .sponsors, .sites, .events, .error-page, .thanks, .single-site, .single-event, .donate {
	background: #f6f6f6;
	background: #fff;
	background-size: cover;
	margin-top: 0px !important;
	color: #333;
}

.volunteer{
	background: #fff;
	margin-top: 0px !important;
	color: #333;
}

.donate { 

}

.about .container, .volunteer .container, .sponsors .container, .error-page .container, .thanks .container, .sites .container, .events .container, .donate .container{
	margin: 40px auto 100px auto;
	max-width: 1400px;
}

.volunteer .qs{
	padding: 0px calc(100% / 10 + 15px);
}

.volunteer .container:nth-of-type(2){
	max-width: 920px;
	padding: 0px 40px;
}

.about .container.smaller, .volunteer .container.smaller, .sponsors .container.smaller, .error-page .container.smaller , .thanks .container.smaller, .sites .container.smaller, .events .container.smaller, .donate .container.smaller{
/*     max-width: 720px; */
		max-width: 1080px;
}

.about .container *, .volunteer .container *, .sponsors .container *, .error-page .container *, , .thanks .container *, .sites .container *, .events .container *, .donate .container *{
}

.about p, .volunteer p, .sponsors p, .error-page p, .thanks p, .sites p, .events p, .donate p{
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 24px 0;
}

.about p em, .volunteer p em, .sponsors p em, .error-page p em, .thanks p em, .sites p em, .events p em, .donate p em{
    font-size: 26px;
    line-height: 32px;
    margin: 0px 0 20px 0;
    font-weight: 300;
    font-style: normal;
    color: #333;
    display: block;
    position: relative;
}

	.about p em strong, .volunteer p em strong, .sponsors p em strong, .error-page p em strong, .thanks p em strong, .sites p em strong, .events p em strong, .donate p em strong{
		font-weight: 600;
	}

.about h5, .volunteer h5, .sponsors h5, .error-page h5, .thanks h5, .sites h5, .events h5, .donate h5{
	font-size: 18px;
    font-weight: 700;
    color: #36CDE7;
    margin: 0 0 20px;
	color: #012A3A;
}

	.volunteer h5{
		max-width: 720px;
		margin: 0 auto 40px;
	}

	.volunteer .container.smaller h5, .error-page .container-smaller h5, .thanks .container-smaller h5, .sites .container-smaller h5, .events .container-smaller h5, .donate .container-smaller h5{
		padding: 0px;
	}

.about .half, .volunteer .half, .sponsors .half, .error-page .half, .thanks .half, .sites .half, .events .half, .donate .half{
	display: inline-block;
    vertical-align: top;
    width: 48%;
}

.about #main-content{
	padding-top: 225px;

}


.volunteer #main-content, .sponsors #main-content, .error-page #main-content, .thanks #main-content, .sites #main-content, .events #main-content, .donate #main-content{
	padding-top: 225px;
}




.about nav #nav-wrap #background-bar{

	background: #fff;

}

.about .button.blue, .volunteer .button.blue, .sponsors .button.blue, .error-page .button.blue, .thanks .button.blue, .sites .button.blue, .events .button.blue, .single-site .button.blue, .single-event .button.blue, .index .button.blue, .donate .button.blue{
    width: auto;
    text-decoration: none;
    display: inline-block;
    position: relative;
    background: #36CDE7;
    font-weight: 700;
    line-height: 45px;
    font-family: "tablet-gothic", Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif !important;
    font-size: 16px !important;
    color: White;
    border: 0px;
    padding: 0px 15px !important;
    transition: background .25s ease-in-out;
}

.about .button.blue:hover, .volunteer .button.blue:hover, .sponsors .button.blue:hover, .error-page .button.blue:hover, .thanks .button.blue:hover, .sites .button.blue:hover, .events .button.blue:hover, .single-site .button.blue:hover, .single-event .button.blue:hover, .donate .button.blue:hover{
	background: #333;
}

.button.orange{
	width: auto;
    text-decoration: none;
    display: inline-block;
    position: relative;
    margin-left: 5px;
    background: #ff844a;
	background: #79D97C;
    vertical-align: middle;
    font-weight: 700;
    line-height: 45px;
    font-family: "tablet-gothic", Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif !important;
    font-size: 16px !important;
    color: White;
    border: 0px;
    padding: 0px 30px !important;

    transition: background .25s ease-in-out;
}

	.button.orange:hover{
		background: #333;
	}

.about p a, .volunteer p a, .sponsors p a, .error-page p a, .thanks p a, .sites p a, .events p a, .donate p a{
    color: #36CDE7;
    transition: color .25s ease-in-out;
}

	.about p a:hover, .volunteer p a:hover, .sponsors p a:hover, .error-page p a:hover, .thanks p a:hover, .sites p a:hover, .events p a:hover, .donate p a:hover{
	    color: #29A4BC;
	    transition: color .25s ease-in-out;
	}


.sponsors h4 p{
	margin-bottom: 0px;
}

.sponsors h4 p:first-of-type{
	display: none;
}

.sponsors .container h4 p a{
	text-align: center !important;
}

#conduct ul{
	margin-bottom: 70px;
	font-size: 16px;
}

.volunteer {

}


@media screen and (max-width: 1520px){

	.about .container, .volunteer .container, .sponsors .container, .events .container, .sites .container, .donate .container{
		max-width: 100%;
		padding: 0px 60px;
	}

	.volunteer h5{
		max-width: 600px;
	}

}

@media screen and (max-width: 1280px){

	.volunteer .qs{
		padding: 0px;
	}



	.volunteer .container:nth-of-type(2){
		padding: 0px;
		max-width: 100%;
	}

	.volunteer h5{
		max-width: 100%;
		padding: 0px calc(100% / 8 + 60px);
	}

	#questions-answers{
		max-width: 920px;
		margin: 0 auto;
	}

	.about .container.smaller, .volunteer .container.smaller, .sponsors .container.smaller, .sites .container.smaller, .events .container.smaller{
		padding: 0px calc(100% / 8 + 60px);
		max-width: 100%;
	}

}



@media screen and (max-width: 1024px){


	#questions-answers{
		max-width: 768px;
	}

}



@media screen and (max-width: 890px){

	.about .container.smaller, .volunteer .container.smaller, .sponsors .container.smaller, .sites .container.smaller, .events .container.smaller, .donate .container.smaller{
		padding: 0px 30px;
	}

	.about .container, .volunteer .container, .sponsors .container, .sites .container.smaller, .events .container.smaller, .donate .container.smaller{
		padding: 0px 30px;
	}

	.volunteer h5{
		padding: 0px 30px;
		max-width: 100%;
	}


	#questions-answers{
		max-width: 100%;
		padding: 0px 20px;
	}


}


@media screen and (max-width: 768px){

	.qs .col{
		width: 100% !important;
		display: block !important;
	}

	.volunteer #main-content, .sponsors #main-content{
	    padding-top: 15vw;
	}

	.about p, .volunteer p, .sponsors p, .error-page p, .thanks p, .sites p, .events p, .donate p{
	    font-size: 16px;
	    line-height: 26px;
    }

}


@media screen and (max-width: 680px){

	#faq .col{
		width: 100% !important;
		display: block !important;
	}

}


@media screen and (max-width: 600px){


	.about .button.blue, .volunteer .button.blue, .sponsors .button.blue, .sites .button.blue, .events .button.blue, .donate .button.blue{

	    font-size: 14px !important;

	}



}


@media screen and (max-width: 530px){

	.button.orange{
		margin-top: 5px;
		clear: both;
	}

}


@media screen and (max-width: 480px){


	.about .button.blue, .volunteer .button.blue, .sponsors .button.blue, .error-page .button.blue, .thanks .button.blue, .sites .button.blue, .events .button.blue, .donate .button.blue{

	    font-size: 12px !important;

	}

}


@media screen and (max-width: 400px){

body.index-new .addeventstc .stc_node {
	font-size: 14px!important;
}

}








/*===========================================*/
/*
/*	Pages — About
/*
/*===========================================*/


.about .section-wrap .content-container:nth-of-type(2){
    max-width: 720px;
    margin: 90px auto 30px;
    text-align: center;
}

.about .content-container{
	display: flex;
	margin: 0 auto;
}

.about .content-container .content-copy,
.about .content-container .content-image{
	flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}


.about .section-wrap .content-container:nth-of-type(2) .content-copy{
	padding-right: 0px;
	display: block;
}

	.about .section-wrap .content-container:nth-of-type(2) .content-copy span{
		width: 100%;
		max-width: 30px;
		background: #36CDE7;
		height: 3px;
		position: relative;
		display: block;
		margin: 0 auto;
	}

	.about .section-wrap .content-container:nth-of-type(2) .content-copy span:first-of-type{
		margin-bottom: 30px;
	}


	.about .section-wrap .content-container:nth-of-type(2) .content-copy p{
		display: block;
	}

	.about .content-container .content-image{
		flex: 5;
	    display: flex;
	    position: relative;
	    align-items: flex-start;
	    padding-right: 60px;
	    padding-left: calc(100% / 10 + 15px);
	    transition: padding .25s cubic-bezier(0.23, 1, 0.32, 1);
	}

.about .content-container .content-image-wrap{
    border-radius: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

	.about .content-container .content-image-wrap img {
	    width: 100%;
	    height: auto;
	    display: block;
	    position: relative;
	    z-index: 1;
	}

	.about .content-container .content-image-wrap #content-image-gradient{
	    background: -moz-linear-gradient(top, rgba(96,200,224,0.85) 0%, rgba(96,200,224,0) 50%, rgba(96,200,224,0) 100%);
	    background: -webkit-linear-gradient(top, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
	    background: linear-gradient(to bottom, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95ED8E8', endColorstr='#005ED8E8',GradientType=0 );
	    height: 100%;
	    width: 100%;
	    position: absolute;
	    display: block;
	    transform: rotate()
	    top: 0;
	    left: 0;
	    z-index: 3;
	}

	#lightrail{
		position: absolute;
		top: 0;
		left: 0;
		height: 60%;
		width: 100%;
		background: url('../images/cloudgradient.jpg') no-repeat center top / cover;
		z-index: 2;
	}

		#tracks{
			position: relative;
			margin: 60% 0 0 0;
			display: block;
			width: 100%;
			height: 5px;
			background: url('../images/tracks.png') repeat-x left top / auto 5px;
			background-repeat: repeat-x;
			opacity: 0.8;
			filter:alpha(opacity=80);
			z-index: 2;
		}

		#car{
			position: absolute;
			bottom: -2px; left: 0;
			display: block;
			width: 100%;
			height: 100px;
			background: url('../images/car.svg') repeat-x left top / 1600px 100px;
			-webkit-animation: dingding 15s linear infinite;
			        animation: dingding 15s linear infinite;
			border-top: 1px solid #ccc;

			z-index: 2;
		}

			@-webkit-keyframes dingding {
				from {
					background-position: 0 0;
				}
				to {
					background-position: 1600px 0;
				}
			}

			@keyframes dingding {
				from {
					background-position: 0 0;
				}
				to {
					background-position: 1600px 0;
				}
			}

	#lightrail + .container {
	    margin: 100px auto 60px auto;
	}




	.about h1:first-of-type{

		color: #36CDE7;
		color: #012A3A;
		font-size: 56px;
		line-height: 64px;
		font-weight: 700;
		display: block;
		position: relative;
		width: 60%;
		letter-spacing: -.04em;
		margin-bottom: 30px;

	}

.about .section-wrap:nth-of-type(2) {
	width: 100%;
    max-width: 1400px;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    margin: 0 auto;
    padding: 30px 0px 45px;
}

	.about .section-wrap:nth-of-type(2) #infohub{
	    margin: 60px auto 90px;
	    padding: 0px;
	    padding-left: calc(100% / 10 + 15px);
	    text-align: center;
	    flex: initial;
	    flex-basis: 50%;
	    padding-right: 30px;
	}

	.about .section-wrap:nth-of-type(2) #food{
		margin: 60px auto 90px;
	    padding: 0px;
	    padding-right: calc(100% / 10 + 15px);
		text-align: center;
		flex: initial;
		flex-basis: 50%;
		padding-left: 30px;
	}

		.about .section-wrap:nth-of-type(2) #infohub span{
			height: 75px;
			width: 75px;
			padding: 15px;
			display: block;
			position: relative;
			margin: 0 auto;
			border-radius: 75px;
			background: #36CDE7;
			margin-bottom: 30px;
		}


		.about .section-wrap:nth-of-type(2) #infohub span svg{
			height: 100%;
			width: 100%;
			position: relative;
			display: block;
		}

		.about .section-wrap:nth-of-type(2) #infohub span svg *{
			fill: white;
		}




	.about .section-wrap:nth-of-type(3){
		width: 100%;
		max-width: 100%;
		position: relative;
		display: block;
		padding: 60px 0px;
		background: #333;
		color: white;
	}

	.about .section-wrap:nth-of-type(2) .content-container {
		margin: 0px;
		text-align: center;
	}

	.about .section-wrap:nth-of-type(2) #food{
		padding-right: calc(100% / 10 + 15px);
		padding-left: 30px;
	}


	.about .section-wrap:nth-of-type(2) #food .content-copy-wrap{

		background: #efefef;
		padding: 45px;
		color: #333;
		box-shadow: 0px 2px 3px #ccc;
	}

	.about .section-wrap:nth-of-type(2) #infohub h3{
		font-size: 24px;
		line-height: 36px;
		text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	}

	.about .section-wrap:nth-of-type(2) #food h3{
		font-size: 24px;
		line-height: 36px;
		font-weight: 600;
		margin-bottom: 10px;
	}


	.about .section-wrap:nth-of-type(2) #infohub h3:after{
		width: 100%;
		max-width: 30px;
		background: white;
		content:" ";
		height: 3px;
		position: relative;
		display: block;
		margin: 30px auto 0px;
	}

	.about  .section-wrap:nth-of-type(2) #infohub h3 + p{
		font-size: 18px;
	    line-height: 28px;
	    margin: 20px 0px;
    }

	.about  .section-wrap:nth-of-type(2) #infohub p{
		font-size: 24px;
		line-height: 36px;
	}


	.about  .section-wrap:nth-of-type(2) #infohub p{
		margin-bottom: 0px;
	}

	.about .section-wrap:nth-of-type(2) #infohub p strong{
		font-weight: 600;
	}

	.about  .section-wrap:nth-of-type(2) #infohub p:first-of-type:after{
		width: 100%;
		max-width: 30px;
		background: #ccc;
		content:" ";
		height: 3px;
		position: relative;
		display: block;
		margin: 30px auto 0px;
	}

	.about  .section-wrap:nth-of-type(2) #food li{
		display: block;
		margin-bottom: 20px;
	}

	.about  .section-wrap:nth-of-type(2) #food li strong{
		font-size: 20px;
		margin-bottom: 5px;
		position: relative;
		display: block;
		color: #36CDE7;
	}

	.about  .section-wrap:nth-of-type(2) #food li em{
		font-style: normal;
		font-weight: 600;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 2px;
		position: relative;
		display: block;
		margin-bottom: 5px;
	}

	.about .section-wrap:nth-of-type(3){
		background: #36CDE7;
		color: white;
		padding: 45px 60px;
		max-width: 100%;
	}

	.about .section-wrap:nth-of-type(2) #infohub em{
		background: #333;
		color: white;
		margin: 0 auto;
		margin-bottom: 0px;
		padding: 5px 0px;
		margin-top: 30px;
	}

	.about .section-wrap:nth-of-type(2) #infohub em{
		font-size: 18px;
		font-weight: 600;
	}


	.about .section-wrap:nth-of-type(3) .content-copy{
		flex: 7;
	    padding-left: calc(100% / 10 + 15px);
	    text-align: center;
	}


	.about .section-wrap:nth-of-type(2) #infohub ul{
		background: white;
		padding: 30px 30px;
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		align-items: center;
		margin: 0 auto;
		box-shadow: 0px 2px 5px #dedede;
	}


	.about .section-wrap:nth-of-type(2) #infohub ul li{
	    display: block;
	    padding: 0px 10px;
	    line-height: 20px;
	    margin-bottom: 5px;
	    flex-basis: 50%;
	}

		.about .section-wrap:nth-of-type(2) #infohub ul li:nth-of-type(odd){
			padding-left: 0px;
		}


		.about .section-wrap:nth-of-type(2) #infohub ul li:nth-of-type(even){
			padding-right: 0px;
		}

		.about .section-wrap:nth-of-type(2) #infohub ul li a{
			color: #888;
			transition: color .25s ease-in-out;
		}

		.about .section-wrap:nth-of-type(2) #infohub ul li a:hover{
			color: #333;
		}

	.about #contest h3{
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 3px;
		flex-basis: 100%;
		margin-bottom: 20px;
	}

	.about #contest h3 strong{
	    font-size: 24px;
	    line-height: 36px;
	    flex-basis: initial;
	    text-transform: none;
	    letter-spacing: 0px;
	    margin-top: 0px;
	}

	.about #contest h3 em{
		color: white;
		font-weight: 500;
		display: inline;
		font-style: normal;
		flex-basis: initial;
	}

	.about #contest h3 strong p{
		display: none;
	}

	.about #contest h3 > p{
		display: inline;
	}

	.about #contest > *{
		flex-basis: 50%;
	}

	.about #contest{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		position: relative;
	}

	.about #contest #heart{
		height: 75px;
		width: 75px;
		flex-basis: initial;
		padding: 15px;
		display: inline-block;
		position: relative;
		margin: 0 auto;
		border-radius: 75px;
		background: white;
		margin-bottom: 30px;
	}

	.about #contest #heart svg{
		height: 100%;
		width: 100%;
	}

	.about #contest #heart svg *{
		fill: #36CDE7;
	}

	.about #contest > p{
		order: 1;
		font-size: 18px;
		line-height: 28px;
		margin: 0px 0px 20px;
	}

	.about #contest > p:nth-of-type(2){
		order: 2 !important;
	}

	.about #contest > ul{
		order: 3;
		text-align: left;
	}

	.about #contest li{
		margin-bottom: 20px;
		list-style: none;
	}

	.about #contest li em{
		margin-right: 5px;
		font-style: normal;
		font-weight: 700;
	}

	.about .community-partners{
		width: 100%;
	    max-width: 100%;
	    position: relative;
	    display: block;
	    padding: 60px 0px;
	}

	.about .community-partners .content-container{
		max-width: 1400px;
		margin: 0 auto;
	}

	.about .community-partners .content-copy{
		flex: 7;
		padding-left: calc(100% / 10 + 15px);
		text-align: center;
	}

	.about .community-partners ul{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		position: relative;

	}

	.about .community-partners ul li{
	    flex-basis: calc(25% - (15px / 4));
		background: white;
		margin-right: 5px;
		display: flex;
		align-items: center;
		padding: 25px;
		margin-top: 0px;
		margin-bottom: 5px;
		background: rgba(255,255,255,0.9);
		box-sizing: border-box;
		box-shadow: 0 1px 1px rgba(0,0,0,0.2);

		transition: background .25s ease-in-out;
	}

		.about .community-partners ul li:hover{
			background: #36CDE7;
		}

	.about .community-partners ul li:nth-of-type(4n){
		margin-right: 0px;
	}

	.about .community-partners ul li a{
		color: #36CDE7;
		text-decoration: none;
		display: block;
		font-size: 18px;
		text-align: center;
		width: 100%;
		z-index: 2;
		position: relative;
		transition: color .25s ease-in-out;
	}


	.about .community-partners ul li:hover a{
		color: white;
	}


@media screen and (max-width: 1520px){

	.about .content-container .content-copy{

	    padding-right: calc(100% / 10 + 15px);

	}

	.about .content-container .content-image{

	    padding-left: calc(100% / 10 + 15px);

	}

}


@media screen and (max-width: 1280px){

	.about .content-container .content-copy{

	    padding-right: 0px;

	}

	.about .content-container .content-image{

	    padding-left: 0px;

	}

	.about .section-wrap:nth-of-type(3) .content-copy{

		padding: 0px;

	}

	.about .section-wrap .content-container:nth-of-type(2) .content-copy{
		padding-top: 0px;
		padding-left: 30px;
		padding-right: 30px;
	}



	.about .community-partners ul li{
	    flex-basis: calc(25% - 5px);
	    margin-right: 5px;
	}

	.about .section-wrap:nth-of-type(2) #infohub{
		padding-left: 0px;
	}

	.about .section-wrap:nth-of-type(2) #food{
		padding-right: 0px;
	}

	.about .section-wrap:nth-of-type(3){
		padding: 45px 0px;
	}

	.about .community-partners .content-copy{
		padding-left: 0px;
	}


}


@media screen and (max-width: 890px){

	.about #main-content{
		padding: 0px;
	}

	.about #hashtag{
		padding: 45px 30px;
	}

	.about .content-container{
		flex-direction: column;
		padding: 0px;
	}

	.about .content-container .content-copy{
		order: 1;
		padding: 120px 30px 0px;
	}

	.about .section-wrap:nth-of-type(3) .content-copy{
		text-align: left;
	}

	.about .content-container .content-image{
		order: 2;
		border-radius: 0px;
		padding: 0px;
		padding-top: 50px;
		width: 100%;
	}

	.about .content-container .content-image-wrap{
		border-radius: 0px;
	}

	.about .content-container .content-image-wrap img{

	}

	.about .community-partners ul li {
	    flex-basis: calc(50% - (5px / 2));
	    margin-right: 5px;
    }

    .about .community-partners ul li:nth-of-type(4n){
	    margin-right: 5px;
    }

    .about .community-partners ul li:nth-of-type(2n){
	    margin-right: 0px;
    }

	.about .community-partners ul li a{
		font-size: 16px;
	}

    .about .section-wrap:nth-of-type(3) .content-copy{
	    padding: 0px 30px;
    }

	.about h1:first-of-type{
		width: 100%;
		font-size: 48px;
		line-height: 48px;
	}

	.about .section-wrap:nth-of-type(2) #infohub{
		padding-left: 30px;
	}

	.about .section-wrap:nth-of-type(2) #food{
		padding-right: 30px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.about #contest #heart{
		margin: 0px 0px 20px;
	}

	.about #contest h3 strong{
		margin-top: 20px;
	}


	.about #contest h3 > strong:first-of-type:before{
		display: block;
		position: relative;
		width: 100%;
		height: 10px;
		content: " ";
	}

	.about .community-partners{
		padding-top: 0px;
	}

	.about p em strong{
		font-size: 34px;
		font-weight: 500;
	    margin-bottom: 20px;
	}

}




@media screen and (max-width: 768px){

	.about .section-wrap:nth-of-type(2) #infohub p,
	.about .section-wrap:nth-of-type(2) #food p{
		font-size: 20px;
		line-height: 28px;
	}

	.about p em strong{
		font-size: 28px;
	}

	.about h1:first-of-type{
		font-size: 36px;
		line-height: 36px;
	}

	.about #contest > p{
		order: 1;
		font-size: 18px;
		line-height: 28px;
		margin: 0px 0px 20px;
		flex-basis: 100%;
	}

	.about #contest > ul{
		flex-basis: 100%;
	}

	.about #contest > p:nth-of-type(2){
		order: 3 !important;
	}

	.about #contest > ul:nth-of-type(1){
		order: 2;
		text-align: left;
	}

	.about #contest > ul:nth-of-type(2){
		order: 4;
		text-align: left;
	}

}




@media screen and (max-width: 600px){

	.about .community-partners ul li{

		flex-basis: 100%;
		margin-right: 0px;

	}

	.about p em strong{
		font-size: 24px;
	}


}



@media screen and (max-width: 540px){

	.about .section-wrap:nth-of-type(2) #infohub ul li{
		flex-basis: 100%;
	}

	.about .section-wrap:nth-of-type(2) #infohub em{
		font-size: 14px;
	}

	.about .section-wrap:nth-of-type(2) #infohub p,
	.about .section-wrap:nth-of-type(2) #food p{
		font-size: 16px;
		line-height: 26px;
	}



}




/*===========================================*/
/*
/*	Pages Donate
/*
/*===========================================*/


.donate .section-wrap .content-container:nth-of-type(2){
    max-width: 720px;
    margin: 90px auto 30px;
    text-align: center;
}

.donate .content-container{
	display: flex;
	margin: 0 auto;
}

.donate .content-container .content-copy,
.donate .content-container .content-image{
	flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}


.donate .section-wrap .content-container:nth-of-type(2) .content-copy{
	padding-right: 0px;
	display: block;
}

	.donate .section-wrap .content-container:nth-of-type(2) .content-copy span{
		width: 100%;
		max-width: 30px;
		background: #36CDE7;
		height: 3px;
		position: relative;
		display: block;
		margin: 0 auto;
	}

	.donate .section-wrap .content-container:nth-of-type(2) .content-copy span:first-of-type{
		margin-bottom: 30px;
	}


	.donate .section-wrap .content-container:nth-of-type(2) .content-copy p{
		display: block;
	}

	.donate .content-container .content-image{
		flex: 5;
	    display: flex;
	    position: relative;
	    align-items: flex-start;
	    padding-right: 60px;
	    padding-left: calc(100% / 10 + 15px);
	    transition: padding .25s cubic-bezier(0.23, 1, 0.32, 1);
	}

.donate .content-container .content-image-wrap{
    border-radius: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

	.donate .content-container .content-image-wrap img {
	    width: 100%;
	    height: auto;
	    display: block;
	    position: relative;
	    z-index: 1;
	}

	.donate .content-container .content-image-wrap #content-image-gradient{
	    background: -moz-linear-gradient(top, rgba(96,200,224,0.85) 0%, rgba(96,200,224,0) 50%, rgba(96,200,224,0) 100%);
	    background: -webkit-linear-gradient(top, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
	    background: linear-gradient(to bottom, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95ED8E8', endColorstr='#005ED8E8',GradientType=0 );
	    height: 100%;
	    width: 100%;
	    position: absolute;
	    display: block;
	    transform: rotate()
	    top: 0;
	    left: 0;
	    z-index: 3;
	}

	#lightrail{
		position: absolute;
		top: 0;
		left: 0;
		height: 60%;
		width: 100%;
		background: url('../images/cloudgradient.jpg') no-repeat center top / cover;
		z-index: 2;
	}

		#tracks{
			position: relative;
			margin: 60% 0 0 0;
			display: block;
			width: 100%;
			height: 5px;
			background: url('../images/tracks.png') repeat-x left top / auto 5px;
			background-repeat: repeat-x;
			opacity: 0.8;
			filter:alpha(opacity=80);
			z-index: 2;
		}

		#car{
			position: absolute;
			bottom: -2px; left: 0;
			display: block;
			width: 100%;
			height: 100px;
			background: url('../images/car.svg') repeat-x left top / 1600px 100px;
			-webkit-animation: dingding 15s linear infinite;
			        animation: dingding 15s linear infinite;
			border-top: 1px solid #ccc;

			z-index: 2;
		}

			@-webkit-keyframes dingding {
				from {
					background-position: 0 0;
				}
				to {
					background-position: 1600px 0;
				}
			}

			@keyframes dingding {
				from {
					background-position: 0 0;
				}
				to {
					background-position: 1600px 0;
				}
			}

	#lightrail + .container {
	    margin: 100px auto 60px auto;
	}




	.donate h1:first-of-type{

		color: #36CDE7;
		    color: #012A3A;
		font-size: 56px;
		line-height: 64px;
		font-weight: 700;
		display: block;
		position: relative;
		width: 60%;
		letter-spacing: -.04em;
		margin-bottom: 30px;

	}

.donate .section-wrap:nth-of-type(2) {

}

	.donate .section-wrap:nth-of-type(2) #infohub{
	    margin: 60px auto 90px;
	    padding: 0px;
	    padding-left: calc(100% / 10 + 15px);
	    text-align: center;
	    flex: initial;
	    flex-basis: 50%;
	    padding-right: 30px;
	}

	.donate .section-wrap:nth-of-type(2) #food{
		margin: 60px auto 90px;
	    padding: 0px;
	    padding-right: calc(100% / 10 + 15px);
		text-align: center;
		flex: initial;
		flex-basis: 50%;
		padding-left: 30px;
	}

		.donate .section-wrap:nth-of-type(2) #infohub span{
			height: 75px;
			width: 75px;
			padding: 15px;
			display: block;
			position: relative;
			margin: 0 auto;
			border-radius: 75px;
			background: #36CDE7;
			margin-bottom: 30px;
		}


		.donate .section-wrap:nth-of-type(2) #infohub span svg{
			height: 100%;
			width: 100%;
			position: relative;
			display: block;
		}

		.donate .section-wrap:nth-of-type(2) #infohub span svg *{
			fill: white;
		}




	.donate .section-wrap:nth-of-type(3){
		width: 100%;
		max-width: 100%;
		position: relative;
		display: block;
		padding: 60px 0px;
		background: #333;
		color: white;
	}

	.donate .section-wrap:nth-of-type(2) .content-container {

	}

	.donate .section-wrap:nth-of-type(2) #food{
		padding-right: calc(100% / 10 + 15px);
		padding-left: 30px;
	}


	.donate .section-wrap:nth-of-type(2) #food .content-copy-wrap{

		background: #efefef;
		padding: 45px;
		color: #333;
		box-shadow: 0px 2px 3px #ccc;
	}

	.donate .section-wrap:nth-of-type(2) #infohub h3{
		font-size: 24px;
		line-height: 36px;
		text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	}

	.donate .section-wrap:nth-of-type(2) #food h3{
		font-size: 24px;
		line-height: 36px;
		font-weight: 600;
		margin-bottom: 10px;
	}


	.donate .section-wrap:nth-of-type(2) #infohub h3:after{
		width: 100%;
		max-width: 30px;
		background: white;
		content:" ";
		height: 3px;
		position: relative;
		display: block;
		margin: 30px auto 0px;
	}

	.donate  .section-wrap:nth-of-type(2) #infohub h3 + p{
		font-size: 18px;
	    line-height: 28px;
	    margin: 20px 0px;
    }

	.donate  .section-wrap:nth-of-type(2) #infohub p{
		font-size: 24px;
		line-height: 36px;
	}


	.donate  .section-wrap:nth-of-type(2) #infohub p{
		margin-bottom: 0px;
	}

	.donate .section-wrap:nth-of-type(2) #infohub p strong{
		font-weight: 600;
	}

	.donate  .section-wrap:nth-of-type(2) #infohub p:first-of-type:after{
		width: 100%;
		max-width: 30px;
		background: #ccc;
		content:" ";
		height: 3px;
		position: relative;
		display: block;
		margin: 30px auto 0px;
	}

	.donate  .section-wrap:nth-of-type(2) #food li{
		display: block;
		margin-bottom: 20px;
	}

	.donate  .section-wrap:nth-of-type(2) #food li strong{
		font-size: 20px;
		margin-bottom: 5px;
		position: relative;
		display: block;
		color: #36CDE7;
	}

	.donate  .section-wrap:nth-of-type(2) #food li em{
		font-style: normal;
		font-weight: 600;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 2px;
		position: relative;
		display: block;
		margin-bottom: 5px;
	}

	.donate .section-wrap:nth-of-type(3){
		background: #36CDE7;
		color: white;
		padding: 45px 60px;
		max-width: 100%;
	}

	.donate .section-wrap:nth-of-type(2) #infohub em{
		background: #333;
		color: white;
		margin: 0 auto;
		margin-bottom: 0px;
		padding: 5px 0px;
		margin-top: 30px;
	}

	.donate .section-wrap:nth-of-type(2) #infohub em{
		font-size: 18px;
		font-weight: 600;
	}


	.donate .section-wrap:nth-of-type(3) .content-copy{
		flex: 7;
	    padding-left: calc(100% / 10 + 15px);
	    text-align: center;
	}


	.donate .section-wrap:nth-of-type(2) #infohub ul{
		background: white;
		padding: 30px 30px;
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		align-items: center;
		margin: 0 auto;
		box-shadow: 0px 2px 5px #dedede;
	}


	.donate .section-wrap:nth-of-type(2) #infohub ul li{
	    display: block;
	    padding: 0px 10px;
	    line-height: 20px;
	    margin-bottom: 5px;
	    flex-basis: 50%;
	}

		.donate .section-wrap:nth-of-type(2) #infohub ul li:nth-of-type(odd){
			padding-left: 0px;
		}


		.donate .section-wrap:nth-of-type(2) #infohub ul li:nth-of-type(even){
			padding-right: 0px;
		}

		.donate .section-wrap:nth-of-type(2) #infohub ul li a{
			color: #888;
			transition: color .25s ease-in-out;
		}

		.donate .section-wrap:nth-of-type(2) #infohub ul li a:hover{
			color: #333;
		}

	.donate #contest h3{
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 3px;
		flex-basis: 100%;
		margin-bottom: 20px;
	}

	.donate #contest h3 strong{
	    font-size: 24px;
	    line-height: 36px;
	    flex-basis: initial;
	    text-transform: none;
	    letter-spacing: 0px;
	    margin-top: 0px;
	}

	.donate #contest h3 em{
		color: white;
		font-weight: 500;
		display: inline;
		font-style: normal;
		flex-basis: initial;
	}

	.donate #contest h3 strong p{
		display: none;
	}

	.donate #contest h3 > p{
		display: inline;
	}

	.donate #contest > *{
		flex-basis: 50%;
	}

	.donate #contest{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		position: relative;
	}

	.donate #contest #heart{
		height: 75px;
		width: 75px;
		flex-basis: initial;
		padding: 15px;
		display: inline-block;
		position: relative;
		margin: 0 auto;
		border-radius: 75px;
		background: white;
		margin-bottom: 30px;
	}

	.donate #contest #heart svg{
		height: 100%;
		width: 100%;
	}

	.donate #contest #heart svg *{
		fill: #36CDE7;
	}

	.donate #contest > p{
		order: 1;
		font-size: 18px;
		line-height: 28px;
		margin: 0px 0px 20px;
	}

	.donate #contest > p:nth-of-type(2){
		order: 2 !important;
	}

	.donate #contest > ul{
		order: 3;
		text-align: left;
	}

	.donate #contest li{
		margin-bottom: 20px;
		list-style: none;
	}

	.donate #contest li em{
		margin-right: 5px;
		font-style: normal;
		font-weight: 700;
	}

	.donate .community-partners{
		width: 100%;
	    max-width: 100%;
	    position: relative;
	    display: block;
	    padding: 60px 0px;
	}

	.donate .community-partners .content-container{
		max-width: 1400px;
		margin: 0 auto;
	}

	.donate .community-partners .content-copy{
		flex: 7;
		padding-left: calc(100% / 10 + 15px);
		text-align: center;
	}

	.donate .community-partners ul{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		position: relative;

	}

	.donate .community-partners ul li{
	    flex-basis: calc(25% - (15px / 4));
		background: white;
		margin-right: 5px;
		display: flex;
		align-items: center;
		padding: 25px;
		margin-top: 0px;
		margin-bottom: 5px;
		background: rgba(255,255,255,0.9);
		box-sizing: border-box;
		box-shadow: 0 1px 1px rgba(0,0,0,0.2);

		transition: background .25s ease-in-out;
	}

		.donate .community-partners ul li:hover{
			background: #36CDE7;
		}

	.donate .community-partners ul li:nth-of-type(4n){
		margin-right: 0px;
	}

	.donate .community-partners ul li a{
		color: #36CDE7;
		text-decoration: none;
		display: block;
		font-size: 18px;
		text-align: center;
		width: 100%;
		z-index: 2;
		position: relative;
		transition: color .25s ease-in-out;
	}


	.donate .community-partners ul li:hover a{
		color: white;
	}


@media screen and (max-width: 1520px){

	.donate .content-container .content-copy{

	    padding-right: calc(100% / 10 + 15px);

	}

	.donate .content-container .content-image{

	    padding-left: calc(100% / 10 + 15px);

	}

}


@media screen and (max-width: 1280px){

	.donate .content-container .content-copy{

	    padding-right: 0px;

	}

	.donate .content-container .content-image{

	    padding-left: 0px;

	}

	.donate .section-wrap:nth-of-type(3) .content-copy{

		padding: 0px;

	}

	.donate .section-wrap .content-container:nth-of-type(2) .content-copy{
		padding-top: 0px;
		padding-left: 30px;
		padding-right: 30px;
	}



	.donate .community-partners ul li{
	    flex-basis: calc(25% - 5px);
	    margin-right: 5px;
	}

	.donate .section-wrap:nth-of-type(2) #infohub{
		padding-left: 0px;
	}

	.donate .section-wrap:nth-of-type(2) #food{
		padding-right: 0px;
	}

	.donate .section-wrap:nth-of-type(3){
		padding: 45px 0px;
	}

	.donate .community-partners .content-copy{
		padding-left: 0px;
	}


}


@media screen and (max-width: 890px){

	.donate #main-content{
		padding: 0px;
	}

	.donate #hashtag{
		padding: 45px 30px;
	}

	.donate .content-container{
		flex-direction: column;
		padding: 0px;
	}

	.donate .content-container .content-copy{
		order: 1;
		padding: 120px 30px 0px;
	}

	.donate .section-wrap:nth-of-type(3) .content-copy{
		text-align: left;
	}

	.donate .content-container .content-image{
		order: 2;
		border-radius: 0px;
		padding: 0px;
		padding-top: 50px;
		width: 100%;
	}

	.donate .content-container .content-image-wrap{
		border-radius: 0px;
	}

	.donate .content-container .content-image-wrap img{
	}

	.donate .community-partners ul li {
	    flex-basis: calc(50% - (5px / 2));
	    margin-right: 5px;
    }

    .donate .community-partners ul li:nth-of-type(4n){
	    margin-right: 5px;
    }

    .donate .community-partners ul li:nth-of-type(2n){
	    margin-right: 0px;
    }

	.donate .community-partners ul li a{
		font-size: 16px;
	}

    .donate .section-wrap:nth-of-type(3) .content-copy{
	    padding: 0px 30px;
    }

	.donate h1:first-of-type{
		width: 100%;
		font-size: 48px;
		line-height: 48px;
	}

	.donate .section-wrap:nth-of-type(2) #infohub{
		padding-left: 30px;
	}

	.donate .section-wrap:nth-of-type(2) #food{
		padding-right: 30px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.donate #contest #heart{
		margin: 0px 0px 20px;
	}

	.donate #contest h3 strong{
		margin-top: 20px;
	}


	.donate #contest h3 > strong:first-of-type:before{
		display: block;
		position: relative;
		width: 100%;
		height: 10px;
		content: " ";
	}

	.donate .community-partners{
		padding-top: 0px;
	}

	.donate p em strong{
		font-size: 34px;
		font-weight: 500;
	    margin-bottom: 20px;
	}

}




@media screen and (max-width: 768px){

	.donate .section-wrap:nth-of-type(2) #infohub p,
	.donate .section-wrap:nth-of-type(2) #food p{
		font-size: 20px;
		line-height: 28px;
	}

	.donate p em strong{
		font-size: 28px;
	}

	.donate h1:first-of-type{
		font-size: 36px;
		line-height: 36px;
	}

	.donate #contest > p{
		order: 1;
		font-size: 18px;
		line-height: 28px;
		margin: 0px 0px 20px;
		flex-basis: 100%;
	}

	.donate #contest > ul{
		flex-basis: 100%;
	}

	.donate #contest > p:nth-of-type(2){
		order: 3 !important;
	}

	.donate #contest > ul:nth-of-type(1){
		order: 2;
		text-align: left;
	}

	.donate #contest > ul:nth-of-type(2){
		order: 4;
		text-align: left;
	}

}




@media screen and (max-width: 600px){

	.donate .community-partners ul li{

		flex-basis: 100%;
		margin-right: 0px;

	}

	.donate p em strong{
		font-size: 24px;
	}


}



@media screen and (max-width: 540px){

	.donate .section-wrap:nth-of-type(2) #infohub ul li{
		flex-basis: 100%;
	}

	.donate .section-wrap:nth-of-type(2) #infohub em{
		font-size: 14px;
	}

	.donate .section-wrap:nth-of-type(2) #infohub p,
	.donate .section-wrap:nth-of-type(2) #food p{
		font-size: 16px;
		line-height: 26px;
	}



}

.donate .donate-now-green {
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block;
    padding: 60px 0px;
    background: #333;
    color: white;
}

.donate .donate-now-green {
    background: #36CDE7 ;
    color: white;
    padding: 45px 60px;
    max-width: 100%;
}



/*===========================================*/
/*
/*	Pages — Volunteer
/*
/*===========================================*/


.volunteer p em strong, .volunteer p em strong{
    font-weight: 600;
}

.volunteer .content-container{
	display: flex;
}

.volunteer .content-container .content-copy, .volunteer .content-container .content-image {
    flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.volunteer .content-container .content-image{
    flex: 5;
    display: flex;
    position: relative;
    align-items: flex-start;
    padding-right: 60px;
    padding-left: calc(100% / 10 + 15px);
    transition: padding .25s cubic-bezier(0.23, 1, 0.32, 1);
}

.volunteer .content-container .content-image-wrap {
    border-radius: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.volunteer .content-container .content-image-wrap #content-image-gradient {
    background: -moz-linear-gradient(top, rgba(96,200,224,0.85) 0%, rgba(96,200,224,0) 50%, rgba(96,200,224,0) 100%);
    background: -webkit-linear-gradient(top, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
    background: linear-gradient(to bottom, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95ED8E8', endColorstr='#005ED8E8',GradientType=0 );
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    transform: rotate() top: 0;
    left: 0;
    z-index: 3;
}


.volunteer .content-container .content-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}


.volunteer h1:first-of-type{

	color: #36CDE7;
	color: #012A3A;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    display: block;
    position: relative;
    width: 60%;
    letter-spacing: -.04em;
    margin-bottom: 30px;

}


@media screen and (max-width: 1280px){

	.volunteer .content-container .content-image{
		padding-left: 0px;
	}

	.volunteer .content-container .content-copy{
		padding-right: 0px;
	}

	.volunteer .section-wrap:nth-of-type(2) .content-container{
		padding: 0px 60px !important;
		max-width: 100% !important;
	}

	.volunteer h5{
		padding: 0px;
	}

	.volunteer .section-wrap:nth-of-type(2) .content-container{
		padding: 0px;
	}

	#questions-answers{
		max-width: 100%;
	}

	#questions-answers ul li:nth-of {}

}

@media screen and (max-width: 890px){

	.volunteer .content-container{
		flex-direction: column;
		padding-left: 0px;
		padding-right: 0px;
	}


	.volunteer h1:first-of-type{
		font-size: 48px;
		line-height: 48px;
	}


	.volunteer #main-content{
		padding-top: 0px;
	}

	.volunteer .content-container .content-image{
		order: 2;
		padding-right: 0px;
	}

	.volunteer .content-container .content-image-wrap{
		border-radius: 0px;
	}

	.volunteer .content-container .content-copy{
		order: 1;
	    padding: 120px 30px 60px;
	}

	.volunteer .content-container .content-image-wrap {
	    border-radius: 0%;
	    background-size: cover;
	    position: relative;
	    width: 100%;
	    display: block;
	    overflow: hidden;
	}

	#questions-answers{
		padding: 0px !important;
	}


	.volunteer .section-wrap:nth-of-type(2n) .content-container{
		padding: 0px 30px !important;
	}

	.volunteer h5{
		padding: 0px;
	}

}


@media screen and (max-width: 768px){

	.volunteer h1:first-of-type{
		font-size: 36px;
		line-height: 36px;
	}

}





/*===========================================*/
/*
/*	About
/*
/*===========================================*/


.icon{
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	margin: 40px auto 10px auto;
	z-index: 1;
}

	.icon#about{
		background: url('../images/about-b.svg') no-repeat center center / contain;
	}



#instafeed{
	display: table;
	table-layout: fixed;
	max-width: 840px;
	width: 100%;
	margin: 20px auto 60px auto;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

	#instafeed p{
		position: relative;
		display: table-cell;
		vertical-align: middle;
		width: 25%;
		background: #77c8db;
		color: white;
		box-sizing: border-box;
		padding: 20px;
		font-size: 16px;
		line-height: 23px;
		text-align: center;
	}

		#instafeed p a{
			color: white;
			text-decoration: underline;
		}

			#instafeed p a:hover{
				color: #333;
			}

	#instafeed p img{
		position: relative;
		display: block;
		margin: 5px auto;
		width: 20px;
		height: 20px;
	}

	#instafeed .gram{
		position: relative;
		display: table-cell;
		vertical-align: middle;
		width: 25%;
	}

		#instafeed .gram:after{
			content: '';
			display: block;
			padding-top: 100%;
		}

		#instafeed a:nth-child(n+5){
			display: none;
		}


#flamingo{
	display: inline-block;
	width: 50%;
}

	.mobile#flamingo{
		display: none;
	}














/*===========================================*/
/*
/*	Locations
/*
/*===========================================*/

.icon#locations{
	background: url('../images/locations-b.svg') no-repeat center center / contain;
}

#locations + h2 + .container{
	margin: 40px auto 0 auto;
}

#apple, #google{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 40px;
	margin: 0 6px 0 0;
}

	#apple img, #google img{
		height: 100%;
		width: auto;
	}

#key{
	position: relative;
	max-width: 700px;
	display: block;
	text-align: justify;
	margin: 0 auto;
}

	#key:after{
		content: '';
		display: inline-block;
		width: 100%;
	}

	#key li{
		display: inline-block;
		vertical-align: top;
		font-size: 12px;
		font-weight: 600;
	}

		#key li:before{
			content: '';
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			font-size: 10px;
			line-height: 17px;
			width: 19px;
			height: 19px;
			border: 2px solid #333;
			border-radius: 16px;
			margin: 0 4px 0 0;
			font-weight: 700;
		}

			#key li#a:before{
				content: 'A';
			}

			#key li#pa:before{
				content: 'PA';
			}

			#key li#f:before{
				content: 'FP';
			}

			#key li#p:before{
				content: 'PP';
			}

			#key li#lh:before{
				content: 'LH';
			}

			#key li#ph:before{
				content: 'PH';
			}

.filter{
	position: absolute;
	left: 0;
	top: 460px;
	margin: 0px;
	display: table;
	width: 100%;
	z-index: 5;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	    transform: translateY(-100%);
	z-index: 5;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

	.filter:hover a:not(:hover):not(.active){
		background: #ccc;
	}

.filter .mobile{
	display: none;
}

.filter a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: 700;
	width: 15%;
	padding: 6px;
	font-size: 12px;
	color: white;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	cursor: pointer;
	border-left: 1px solid rgba(0,0,0,0.2);
}

	.filter a.active{
		pointer-events: none;
	}

	.filter a:first-child{
		width: 8%;
		min-width: 100px;
		pointer-events: none;
		background: #fcfcfc;
		color: #888;
		text-shadow: none;
		border-left: none;
	}

		.filter:hover a:first-child:not(:hover){
			background: #fcfcfc;
		}

	.filter a:nth-child(2), .filter a:nth-child(2):hover{
		background: #333;
	}

	.filter a:nth-child(3), .filter a:nth-child(3):hover{
		background: #ed7d58;
	}

	.filter a:nth-child(4), .filter a:nth-child(4):hover{
		background: #f3c366;
	}

	.filter a:nth-child(5), .filter a:nth-child(5):hover{
		background: #a0d97e;
	}

	.filter a:nth-child(6), .filter a:nth-child(6):hover{
		background: #64bed3;
	}

	.filter a.fade{
		background: #ccc;
	}

	.filter a:last-child{
		border-right: none;
	}

#placeholder{
	display: block;
	width: 100%;
	min-height: 550px;
	height: auto!important;
}

#map{
	position: absolute;
	top: 0; bottom: 0;
	left: 0;
	width: 66%;
	padding-top: 460px;
}

	#map:before{
		content: '';
		position: absolute;
		display: block;
		width: 50px;
		height: 50px;
		top: calc(50% + 175px);
		left: calc(50% - 25px);
		background: url('../images/pin.svg') no-repeat center center / contain;
		opacity: 0.2;
		filter:alpha(opacity=20);
		animation: bounce 0.6s infinite;
		-webkit-animation: bounce 0.6s infinite;
		-moz-animation: bounce 0.6s infinite;
		-o-animation: bounce 0.6s infinite;
	}

		@-webkit-keyframes bounce {
		 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
		 40% {-webkit-transform: translateY(-20px);}
		 60% {-webkit-transform: translateY(-10px);}
		}
		@keyframes bounce {
		 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
		 40% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
		 60% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
		}

	#map:after{
		content: '';
		position: absolute;
		top: 430px;
		margin: -200px 0 0 0;
		display: block;
		width: 155%;
		height: 200px;
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(161, 0, 0, 0)',GradientType=0 );
	}

	#themap{
		position: relative;
		width: 100%;
		display: block;
		height: 100%;
		overflow: hidden;
		border: none;
		outline: none;
	}

	#bgmp_map-canvas{
		position: relative;
		display: block;
		width: 100%!important;
		height: 100%!important;
	}

	.infowindow .background{
		display: none!important;
	}

	.gm-style-iw{
		position: relative!important;
		top: 28px!important;
		left: 24px!important;
		width: 230px!important;
		background: white;
		box-shadow: 0 1px 1px rgba(0,0,0,0.2);
		line-height: 0px!important;
		overflow: visible!important;
	}

		.gm-style-iw:before{
			content: '';
			position: absolute;
			top: calc(100% - 8px);
			left: calc(50% - 8px);
			width: 16px;
			height: 16px;
			background: white;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			    transform: rotate(45deg);
			box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		}

		.gm-style-iw div{
			max-width: none!important;
			width: 100%;
			min-height: 75px;
		}

		.gm-style-iw + div{
			top: 27px!important;
			right: 23px!important;
			padding: 5px;
		}

			.gm-style-iw + div img{
				left: 3px!important;
				top: -331px!important;
			}

	.bgmp_placemark{
		display: table;
		color: #333;
		height: 75px;
	}

	.bgmp_placemark .img{
		display: table-cell;
		vertical-align: top;
		width: 25%;
		min-width: 75px;
		margin: 0;
	}

		.bgmp_placemark .img:before{
			content: '';
			display: block;
			padding-left: 100%;
		}

	.bgmp_placemark .info{
		font-family: "tablet-gothic"!important;
		font-size: 12px;
		line-height: 16px;
		font-weight: 500;
		color: #333;
		display: table-cell;
		vertical-align: top;
		width: 75%;
		min-height: 75px;
		padding: 0 22px 5px 10px;
		box-sizing: border-box;
	}

		.bgmp_placemark h3{
			font-family: "tablet-gothic";
			font-size: 12px!important;
			line-height: 16px!important;
			font-weight: 600!important;
			color: #333;
			text-align: left!important;
			padding-bottom: 0px!important;
		}

		.bgmp_placemark ul{
			margin: 5px 0 0 0;
			padding: 0;
		}

			.bgmp_placemark li{
				display: inline-block;
				vertical-align: middle;
				text-align: center;
				font-size: 10px;
				line-height: 14px;
				width: 16px;
				height: 16px;
				border: 2px solid #333;
				border-radius: 16px;
				margin: 0 4px 0 0;
				font-weight: 700;
			}

#pad{
	position: absolute;
	top: 0; bottom: 0;
	right: 0;
	width: 34%;
	padding-top: 460px;
}

#scroll{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: auto;
}

	#list{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		min-height: 100%;
		overflow: hidden;
		background: #f0f0f0;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
	}

.location{
	display: table;
	width: 100%;
	padding: 20px 30px 20px 20px;
	box-sizing: border-box;
	border-top: 1px solid rgba(0,0,0,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.05);
	color: #333;
	text-align: justify;
	font-size: 1px;
	line-height: 1px;
}

	.location.post-513{
		background: #666;
		color: #f2f2f2;
	}

		.location.post-513 h5,
		.location.post-513 p {
		    color: #f2f2f2;
		}

		.location.post-513 li {
		    border: 2px solid;
		}

		.location.post-513:hover {
		    background: #888;
		}

	.location.post-513 ~ .post-513{
		display: none;
	}

	.location:hover,
	.location.hovered{
		background: rgba(255,255,255,0.6);
	}

	.location:before{
		content: '';
		position: absolute;
		display: block;
		top: -1px; left: 0;
		width: 6px;
		height: calc(100% + 2px);
	}

	.location:after{
		content: '';
		display: inline-block;
		width: 100%;
		font-size: 1px;
		line-height: 1px;
	}

	#list .location#more-soon{
		background: rgba(0,0,0,0.1);
	}

		#list .location#more-soon:before{
			background: #888888;
		}

		#list .location#more-soon p{
			line-height: 21px;
			margin-top: 8px;
		}

	#list a:first-child{
		border-top: none!important;
	}

	.location.bgmp-category-northeast:before{
		background: #ed7d58;
	}

	.location.bgmp-category-southeast:before{
		background: #f3c366;
	}

	.location.bgmp-category-northwest:before{
		background: #a0d97e;
	}

	.location.bgmp-category-southwest:before{
		background: #64bed3;
	}

	.location.post-513:before{
		background: #4d4d4d;
	}

	.location .img,
	.location .info {
		display: table-cell;
		vertical-align: top;
		line-height: 21px;
		text-align: left;
	}

		.location .img{
			width: 100px;
			height: 100px;
			overflow: hidden;
		}

		.location .info{
			width: calc(100% - 120px);
			font-size: 16px;
			padding: 0 0 0 20px;
			box-sizing: border-box;
		}

		.location h5,
		.related h5 {
			color: #333;
			font-size: 16px;
			margin: 0;
			text-align: left;
			-webkit-transition: 0.3s;
			transition: 0.3s;
		}

			.location.post-513 h5:before{
				content: 'Info Hub: ';
			}

			.location.bgmp-category-northeast:hover h5,
			.location.bgmp-category-northeast.hovered h5{
				color: #ed7d58;
			}

			.location.bgmp-category-southeast:hover h5,
			.location.bgmp-category-southeast.hovered h5{
				color: #e0af4e;
			}

			.location.bgmp-category-northwest:hover h5,
			.location.bgmp-category-northwest.hovered h5{
				color: #81c05c;
			}

			.location.bgmp-category-southwest:hover h5,
			.location.bgmp-category-southwest.hovered h5{
				color: #64bed3;
			}

			.location.post-513:hover h5,
			.location.post-513.hovered h5{
				color: #f2f2f2;
			}

			.related:hover h5{
				color: #64bed3;
			}

			#list .location#more-soon:hover h5{
				color: #333!important;
			}

		.location p,
		.related p {
			margin: 0 0 6px 0;
			font-size: 16px;
			color: #333;
		}

		.location ul,
		.related ul {
			margin: 0;
			padding: 0;
		}

		.location li,
		.related li{
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			font-size: 10px;
			line-height: 17px;
			width: 19px;
			height: 19px;
			border: 2px solid #666;
			border-radius: 16px;
			margin: 0;
			font-weight: 700;
			overflow: hidden;
		}


/* Location Interior
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.table{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.featured-image{
	position: relative;
	display: inline-block;
	width: 66%;
	height: 350px;
	padding: 40px;
	box-sizing: border-box;
}

	.featured-image:before{
		content: '';
		position: absolute;
		top: 0; right: 0;
		height: 350px;
		width: 50%;
		background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
		background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	}

	.featured-image a{
		display: table;
		padding: 12px 20px;
		border-radius: 3px;
		background: #77c8db;
		font-size: 12px;
		font-weight: 700;
		color: white;
		text-shadow: 0 1px 0 rgba(0,0,0,0.1);
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	}

		.featured-image a:before{
			content: '';
			position: relative;
			top: -2px;
			margin: 0 5px 0 0;
			display: inline-block;
			width: 3px;
			height: 3px;
			border-top: 2px solid white;
			border-left: 2px solid white;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			    transform: rotate(-45deg);
			box-shadow: -1px -1px 0 rgba(0,0,0,0.1);
		}

		.featured-image a:hover{
			background: #666;
		}

		#gallery-open{
			position: absolute;
			top: 40px;
			right: 40px;
			width: 50px;
			height: 50px;
			padding: 0;
			border-radius: 50px;
			border: 2px solid #f0f0f0;
			box-shadow: 0 1px 1px rgba(0,0,0,0.2);
			background: transparent url('../images/camera.svg') no-repeat center center / 30px auto;
			cursor: pointer;
		}

			#gallery-open:before{
				display: none;
			}

			#gallery-open:hover{
				background-color: #77c8db;
				border: 2px solid #77c8db;
			}

.location-map{
	display: inline-block;
	margin-left: -4px;
	vertical-align: top;
	width: 34%;
	height: 350px;
	background: #f9f9f9;
}

	.location-map:before{
		content: '';
		position: absolute;
		display: block;
		width: 50px;
		height: 50px;
		top: 150px;
		left: calc(50% - 25px);
		background: url('../images/pin.svg') no-repeat center center / contain;
		opacity: 0.2;
		filter:alpha(opacity=20);
		animation: bounce 0.6s infinite;
		-webkit-animation: bounce 0.6s infinite;
		-moz-animation: bounce 0.6s infinite;
		-o-animation: bounce 0.6s infinite;
		z-index: 0;
	}

	.location-map #map-canvas{
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.location-map .gm-style-iw {
	    width: auto!important;
	    text-align: center;
	    left: -1px!important;
	}

	.location-map .gm-style-iw div {
	    width: auto;
	    min-height: 0;
	    margin: 0 auto;
	}

	.location-map .gm-style-iw + div {
	    display: none;
	}

	.location-map .gm-style-iw a {
	    display: table;
	    font-size: 14px;
	    line-height: 16px;
	    margin: 0 auto;
	    color: #49bbd7;
	    padding: 10px 0;
	    font-weight: 700;
	}

		.location-map .gm-style-iw a:hover{
			color: #333;
		}

#single-location h2{
	max-width: 540px;
	line-height: 40px;
}

	.info-hub#single-location h2{
		max-width: 640px;
	}

	.info-hub#single-location h2:before{
		content: 'Info Hub: ';
		font-weight: 700;
	}

	#single-location h1:after{
		content: '';
		position: absolute;
		left: 0; top: 0;
		margin: 8px 0 0 -30px;
		display: block;
		width: 19px;
		height: 26px;
		background: url('../images/locations-b.svg') no-repeat center center / contain;
	}

#single-location{
	line-height: 26px;
	margin-bottom: 0;
}

#single-location a{
	display: table;
	margin: 15px 0;
	line-height: 21px;
	color: #49bbd7;
}

	#single-location p a{
		display: inline;
		margin: 0;
	}

	#single-location a:hover{
		color: #333;
	}

#single-location li{
	display: inline-block;
	margin: 0 0 20px 0;
	font-size: 12px;
	font-weight: 700;
}

	#single-location li:after{
		content: '/';
		display: inline-block;
		margin: 0;
	}

	#single-location li:last-child:after{
		display: none;
	}

.hub-info p{
	font-size: 21px;
	line-height: 32px;
}

.info-hub .writeup{
	-webkit-columns: 2 280px;
	-moz-columns: 2 280px;
	columns: 2 280px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	max-height: 400px;
}

	.info-hub .block{
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
		padding: 20px 0 0 0;
	}

.writeup + h5{
	margin: 20px 0 10px 0;
	padding-top: 40px;
	border-top: 2px solid rgba(0,0,0,0.1);
}

.related{
	position: relative;
	display: inline-block!important;
	vertical-align: top;
	width: calc(33.33% - 5px);
	background: #f9f9f9;
	padding: 0;
	box-sizing: border-box;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	overflow: hidden;
	border-radius: 3px;
}

	.related:before{
		content: '';
		display: block;
		padding-top: 75%;
	}

	.related .img{
		position: absolute;
		top: 0; left: 0;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		border-radius: 3px;
	}

	.related .info{
		position: absolute;
		left: 0;
		display: block;
		padding: 80px 10px 10px 10px;
		box-sizing: border-box;
		width: 100%;
		bottom: 0;
		text-shadow: 0 1px 0 rgba(0,0,0,0.2);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
		border-radius: 3px;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}

		.related:hover .info{
			padding-top: 200px;
		}

	.related h5{
		color: #f0f0f0;
	}

	.related p{
		margin-bottom: 0;
		color: #f0f0f0;
	}

	.gallery{
		position: fixed;
		top: -100%;
		left: 320px;
		display: block;
		width: calc(100% - 320px);
		height: 100%;
		background: rgba(64,64,64,0.95);
		visibility: hidden;
		z-index: -1;
		opacity: 0;
		-webkit-transition: opacity 0.3s, z-index 0s 0.3s;
		transition: opacity 0.3s, z-index 0s 0.3s;
	}

		.gallery.active{
			top: 0;
			opacity: 1;
			visibility: visible;
			z-index: 5;
			-webkit-transition: opacity 0.3s, z-index 0s;
			transition: opacity 0.3s, z-index 0s;
		}

	.gallery img{
		position: absolute;
		top: 50%!important;
		margin: 0 0 0 50%!important;
		-webkit-transform: translate(-50%, -52%);
		-ms-transform: translate(-50%, -52%);
		transform: translate(-50%, -52%);
		max-width: 50vw;
		max-height: 60vh;
		width: auto;
		height: auto;
		box-shadow: 0 1px 1px rgba(0,0,0,0.2);
		opacity: 0!important;
		-webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
		transition: transform 0.3s 0.2s, opacity 0.3s 0.2s;
		cursor: pointer;
	}

		.gallery.active img{
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			opacity: 1!important;
		}

		.gallery .empty + img{
			cursor: default;
		}

	.gallery #close{
		position: absolute;
		top: 40px;
		right: 40px;
		width: 54px;
		height: 54px;
		box-sizing: border-box;
		padding: 0 0 0 11px;
		margin: 0;
		font-size: 56px;
		line-height: 38px;
		font-weight: 300;
		border: 2px solid #f0f0f0;
		border-radius: 50px;
		box-shadow: 0 1px 1px rgba(0,0,0,0.2);
		color: #f0f0f0;
		text-shadow: 0 1px 0 rgba(0,0,0,0.1);
		cursor: pointer;
		z-index: 9999;
	}

		.gallery #close:hover{
			border: 2px solid #77c8db;
			background: #77c8db;
			color: white;
		}

	.cycle-pager{
		position: absolute;
		top: 85%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.cycle-pager span{
		position: relative;
		display: inline-block;
		width: 10px;
		height: 10px;
		border: 2px solid #f0f0f0;
		border-radius: 20px;
		margin: 0 6px;
		cursor: pointer;
		box-shadow: 0 1px 1px rgba(0,0,0,0.2);
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}

		.cycle-pager span:hover{
			background: #f0f0f0;
		}

		.cycle-pager .cycle-pager-active,
		.cycle-pager .cycle-pager-active:hover{
			border: 2px solid #77c8db;
			background: #77c8db;
		}

		.cycle-pager span:only-of-type{
			display: none;
		}


/* Special Events
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.icon#events{
	background: url('../images/events-b.svg') no-repeat center center / contain;
}

#events + h1 + .container{
	margin: 40px auto 0 auto;
}

.filter#events{
	position: relative;
	top: 0;
	max-width: 800px;
	margin: 40px auto;
	-webkit-transform: none;
	-ms-transform: none;
	    transform: none;
	box-shadow: none;
}

.filter#events + .container.smaller{
	margin: 0 auto 60px auto;
}

article{
	display: block;
	width: calc(100% - 80px);
	background: rgba(255,255,255,1);
	padding: 20px;
	margin: 0 0 30px 0;
	box-sizing: border-box;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	border-top: 4px solid #36CDE7;
}

	article img{
		display: inline-block;
		vertical-align: top;
		width: 30%;
		margin: 0 20px 0 0;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	}

	article .mobile{
		display: none;
	}

	article .date-title{
		display: inline-block;
		vertical-align: top;
		width: calc(70% - 30px);
	}

		.date-title h5{
			color: #333;
			font-size: 14px;
			margin: 0 0 10px 0;
		}

		.date-title h3{
			font-size: 26px;
			line-height: 32px;
			font-weight: 300;
			margin: 0;
		}

		article p{
			margin: 15px 0;
			font-size: 16px !important;
			text-align: left;
		    letter-spacing: calc(1px / 2 * -1);
			line-height: 24px;
		}

		article .button{
			margin: 20px 10px 0 0;
		}

article .table{
	width: calc(100% + 40px);
	margin: 0 0 -20px -20px;
}

article .table a{
	position: relative;
	display: table-cell;
	vertical-align: top;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	font-weight: 700;
	color: white;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}

	article .table a b{
		position: relative;
		z-index: 2;
	}

	article .table a:before{
		content: '';
		position: absolute;
		top: 0; left: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0);
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}

		article .table a:hover:before{
			background: rgba(0,0,0,0.1);
		}

	article .table a:nth-child(1){
		border-left: none;
	}

	article .table a:last-child{
		border-right: none;
	}

	article .table a{
		background: #36CDE7;
	}


/* FAQ & Contact
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.icon#contact{
	background: url('../images/faq-b.svg') no-repeat center center / contain;
}

#faq{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
}

	#faq:after{
		content: '';
		display: inline-block;
		width: 100%;
	}

#questions-answers{
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
}

#faq .col{
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 5px);
}

.volunteer h5 {
    max-width: 720px;
    margin: 60px auto;
}



.qa{
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: calc(100% - 10px);
	margin: 5px 0px;
	padding: 10px 20px;
	border: 1px solid #29A4BC;
	font-size: 0px;

    background: rgba(255,255,255,0.9);
    box-sizing: border-box;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

	.qa > p{
		display: none;
	}

	.volunteer .section-wrap:nth-of-type(2n) .content-container{
		width: 100%;
		margin: 0 auto;
		padding: 0px calc(100% / 10);
		max-width: 1280px;
		position: relative;
		display: block;
	}


.question{
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #36CDE7;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

	.question:hover{
		color: #29A4BC;
	}



.answer{
	position: relative;
	display: block;
	max-height: 0px;
	overflow: hidden;

    font-size: 15px;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: max-height 0.5s, opacity 0.3s;
	transition: max-height 0.5s, opacity 0.3s;
}

	.answer p{
		font-size: 15px;
		line-height: 22px;
	}

	.active .answer{
		max-height: 600px;
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transition: max-height 0.5s, opacity 0.3s 0.3s;
		transition: max-height 0.5s, opacity 0.3s 0.3s;
	}

	.answer p:first-child{
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.answer p:last-child{
		margin-bottom: 5px;
	}

.volunteer h5 {
    max-width: 100%;
    margin: 60px auto 30px;
}


/* Sponsors
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


	#in-kind-sponsors img{
		max-width: 170px;
		max-height: 70px;
	}

	#gold-sponsors img{

		max-width: 195px;
		max-height: 105px;

	}

	#silver-sponsors img{
		max-width: 160px;
		max-height: 45px;
	}

	#bronze-sponsors img{
		max-width: 140px;
		max-height: 60px;
	}

	#grants-provided-by img{
		max-width: 130px;
		max-height: 90px;
	}

#conduct{
	margin-bottom: 60px;
}

#conduct ul{
	width: calc(100% - 120px);
	margin: 0 auto;
}

#conduct li{
	position: relative;
	padding: 0;
	margin-bottom: 15px;
}



.sponsors h5 {
    margin: 30px 0 10px 0;
}

.new-dob-sponsors-text {

}

.new-dob-sponsors-text .new-dob-sponsors-text-wrap span {
	color: #4d4d4d;
	position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 25px;
}

.new-dob-sponsors-text span a {
	color: #4d4d4d;
	text-decoration: underline;
}

	.new-dob-sponsors-text span a:hover {
		color: #36CDE7;
	}

hr.dob-rule {
    border: 0;
    height: 0;
    border-top: 0;
    border-bottom: 2px solid #e6e6e6;
    margin-top: 2em;
}





/*===========================================*/
/*
/*	Pages — Sponsors
/*
/*===========================================*/



.sponsors #main-content {
    padding-top: 225px;
}

.sponsors .content-container{
    display: flex;
}

.sponsors .content-container .content-copy, .sponsors .content-container .content-image {
    flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.sponsors .content-container .content-image {
    flex: 5;
    display: flex;
    position: relative;
    align-items: flex-start;
    padding-right: 60px;
    padding-left: calc(100% / 10 + 15px);
    transition: padding .25s cubic-bezier(0.23, 1, 0.32, 1);
}

.sponsors .content-container .content-image-wrap {
    border-radius: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.sponsors .content-container .content-image-wrap #content-image-gradient {
    background: -moz-linear-gradient(top, rgba(96,200,224,0.85) 0%, rgba(96,200,224,0) 50%, rgba(96,200,224,0) 100%);
    background: -webkit-linear-gradient(top, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
    background: linear-gradient(to bottom, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95ED8E8', endColorstr='#005ED8E8',GradientType=0 );
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    transform: rotate() top: 0;
    left: 0;
    z-index: 3;
}

.sponsors .content-container .content-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}


.sponsors h1:first-of-type {
    color: #36CDE7;
	color: #012A3A;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    display: block;
    position: relative;
    width: 60%;
    letter-spacing: -.04em;
    margin-bottom: 30px;
}

.sponsors #sponsors-grid{
	background: #E2E3E4;
	color: #333;
	max-width: 100%;
}

.sponsors #sponsors-grid .content-container{
    max-width: 1400px;
    margin: 0px auto;
    padding: 60px 0px;
}

.sponsors #sponsors-list{
    padding: 0px calc(100% / 10 + 15px);
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.sponsors #sponsors-list h2{
	font-size: 26px;
    line-height: 32px;
    margin: 0px 0 20px 0;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    color: #333;
    display: block;
    position: relative;
}

.sponsors #sponsors-list h2 + span{
    width: 100%;
    max-width: 30px;
    background: #36CDE7;
    height: 3px;
    position: relative;
    display: block;
    margin: 0 auto;
}

.sponsors .sponsor-grouping{
	display: flex;
	position: relative;
	width: 100%;
	flex-wrap: wrap;
	margin: 20px 0px;
}

	.sponsors .sponsor-grouping:first-of-type{
		margin-top: 0px;
	}

	.sponsors .sponsor-grouping h3{
		display: flex;
		flex-basis: 100%;
		font-size: 14px;
		position: relative;
		margin: 30px 0px;
		letter-spacing: 4px;
		text-transform: uppercase;
	}

	.sponsors .sponsor-grouping h3 span{
		background: #939598;
	}

		.sponsors .sponsor-grouping h3 strong{
			position: relative;
			display: inline-block;
			width: auto;
			line-height: 40px;
			height: 40px;
		}

		.sponsors .sponsor-grouping h3 span{
			width: calc(100% - 3px);
			position: absolute;
			bottom: 0px;
			height: 4px;
			left: 0px;
		}

	.sponsors .sponsor{
	    flex: 1;
	    margin-right: 5px;
	    display: flex;
	    align-items: center;
	    margin-bottom: 5px;
	    font-size: 16px;
	    line-height: 18px;
	    background: #fff;
	}

	.sponsors .sponsor em{
		display: flex;
		flex: 1;
		font-style: normal;
		position: relative;
	}

	.sponsors .sponsor i{
		width: calc(100% - 20px);
		margin: 0 auto;
		margin-bottom: 10px;
		display: block;
		position: relative;
		height: 100px;
		/*filter: grayscale(100%);*/
	}

	.sponsors .sponsor h4{
		font-weight: 500;
		color: #333;
		flex: 1;
		text-align: center;
	    align-content: center;
	    padding: 30px 20px;
		display: block;
		position: relative;
		align-content: center;
		transition: color .25s ease-in-out;
	}

		.sponsors .sponsor a{
			display: flex;
			position: relative;
			flex: 1;
			color: #333;
			background: rgba(97, 202, 225, 0);
			transition: color .25s ease-in-out, background .25s ease-in-out;
		}

		.sponsors #sponsors-bronze .sponsor a{
			color: #888;
		}

			.sponsors .sponsor a:hover{
				color: rgba(97, 202, 225, 1);
			}

			.sponsors .sponsor a:hover h4{
				color: rgba(97, 202, 225, 1);
			}




	.sponsors #sponsors-presenting .sponsor{
		font-size: 24px;
		line-height: 28px;
	}

	.sponsors #sponsors-presenting .sponsor:nth-of-type(3n){
		margin-right: 0px;
	}

	.sponsors #sponsors-presenting .sponsor h4{
		padding: 45px 20px;
	}




	.sponsors #sponsors-gold h3 span{
		background: #d9b55a;
		background: #36CDE7;
	}

	.sponsors #sponsors-gold .sponsor{
		font-size: 24px;
		line-height: 28px;
	}

	.sponsors #sponsors-gold .sponsor:nth-of-type(3n){
		margin-right: 0px;
	}

	.sponsors #sponsors-gold .sponsor h4{
		padding: 45px 20px;
	}




	.sponsors #sponsors-silver h3 span{
		background: #012A3A;
	}

	.sponsors #sponsors-silver .sponsor{
		font-size: 24px;
		line-height: 28px;
	}

	.sponsors #sponsors-silver .sponsor:nth-of-type(3n){
	}

	.sponsors #sponsors-silver .sponsor h4{
		padding: 45px 20px;
	}




	.sponsors #sponsors-bronze h3 span{
		background: #79D97C;
	}

	.sponsors #sponsors-bronze .sponsor{
		font-size: 20px;
		line-height: 24px;
		flex: initial;
		flex-basis: calc(25% - (15px / 4));
	}

	.sponsors #sponsors-bronze .sponsor:nth-of-type(4n){
		margin-right: 0px;
	}




	.sponsors #sponsors-contributors .sponsor{
		flex: initial;
		flex-basis: calc(20% - (20px / 5));
	}

	.sponsors #sponsors-contributors .sponsor:nth-of-type(5n){
		margin-right: 0px;
	}
	
	.sponsors #sponsors-contributors h3 span {
		background: #fff;
	}

	.sponsors #sponsors-grants .sponsor{
		flex: initial;
		flex-basis: calc(20% - (20px / 5));
	}

	.sponsors #sponsors-grants .sponsor:nth-of-type(5n){
		margin-right: 0px;
	}


	.sponsors #sponsors-in-kind .sponsor {
	    flex: initial;
	    flex-basis: calc(25% - (15px / 4));
	}

	.sponsors #sponsors-in-kind .sponsor:nth-of-type(4n){
		margin-right: 0px;
	}



.sponsors .sponsor-grouping:last-of-type{
	margin: 30px 0px 0px;
}

.sponsors .section-wrap .content-container:nth-of-type(4) {
    max-width: 720px;
    margin: 90px auto;
    text-align: center;
}

.sponsors .section-wrap:first-of-type strong{
	font-size: 24px;
    line-height: 32px;
    margin: 0px 0 20px 0;
    font-weight: 300;
    font-style: normal;
    color: #333;
    display: block;
    position: relative;
    font-weight: 600;
}

.sponsors .section-wrap .content-container:nth-of-type(4) {
    max-width: 720px;
    margin: 90px auto;
    text-align: center;
}

.sponsors .section-wrap:nth-of-type(4) .content-container{
	max-width: 100%;
}


.sponsors .section-wrap:nth-of-type(4) .content-container .content-copy{
	padding: 0px 0px 50px;
}


.sponsors .section-wrap:nth-of-type(4) .content-container .content-copy div{
	margin: 0px auto;
	position: relative;
	display: block;
}

.sponsors .section-wrap:nth-of-type(4) {
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block;
    margin: 0px auto;
}

.sponsors .section-wrap:nth-of-type(4) h4{
	font-size: 18px;
    line-height: 28px;
    color: #333;
	background: none;
	margin: 0 auto;
    font-weight: 500;
	position: relative;
	display: block;
}

.sponsors .section-wrap:nth-of-type(4) h4 strong{
    font-size: 20px;
    line-height: 32px;
}

.sponsors .section-wrap:nth-of-type(4) p{
	margin-top: 20px;
}

.sponsors .section-wrap:nth-of-type(4) a{
	width: auto;
    display: inline-block;
    position: relative;
    height: 45px;
    background: none;
    font-weight: 700;
    line-height: 45px;
    font-family: "tablet-gothic", Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif !important;
    font-size: 16px !important;
    color: white;
    background: #36CDE7;
    text-decoration: none;
    text-shadow: none;
    margin-bottom: calc(5px / 2);
    border: 0px;
    margin-right: calc(5px / 2);
    padding: 0px 15px !important;
	transition: background .25s ease-in-out, color .25s ease-in-out;
}

	.sponsors .section-wrap:nth-of-type(4) a:hover{
	    background: #666;
	}

.sponsors .section-wrap:nth-of-type(3) .content-container .content-copy{
	padding: 0px;
	text-align: center;
}

.sponsors .section-wrap:nth-of-type(3) .content-container .content-copy > div{
	max-width: 720px;
	margin: 0 auto;
	display: block;
	margin: 60px auto 0px;
}

.sponsors .section-wrap:nth-of-type(3) .content-container .content-copy span:first-of-type {
    margin-bottom: 30px;
}

.sponsors .section-wrap:nth-of-type(3) .content-container .content-copy span {
    width: 100%;
    max-width: 30px;
    background: #36CDE7;
    height: 3px;
    position: relative;
    display: block;
    margin: 0 auto;
}

.sponsors .section-wrap:nth-of-type(3) .content-container .content-copy p{
	font-size: 18px;
    line-height: 28px;
    margin: 0 0 24px 0;
    display: block;
}

.sponsors .section-wrap:nth-of-type(3) .content-container .content-copy p strong{
	font-size: 24px;
    line-height: 32px;
    margin: 0px 0 20px 0;
    font-weight: 600;
    font-style: normal;
    color: #333;
    display: block;
    position: relative;
}


@media screen and (max-width: 1520px){

	.sponsors #sponsors-grid .content-container{
		max-width: 100%;
		padding: 60px;
	}

}


@media screen and (max-width: 1280px){

	.sponsors .content-container .content-image{
		padding-left: 0px;
	}

	.sponsors .content-container .content-copy{
		padding-right: 0px;
	}

	.sponsors #sponsors-list{
		padding: 0px;
	}

}


@media screen and (max-width: 1080px){

	.sponsors #sponsors-in-kind .sponsor{
		flex: initial;
		flex-basis: calc((100% / 4) - (15px / 4));
	}


}


@media screen and (max-width: 890px){

	.sponsors #main-content{
		padding-top: 0px;
	}

	.sponsors h1:first-of-type{
		font-size: 48px;
		line-height: 48px;
	}


	.sponsors .section-wrap:first-of-type strong{
		font-weight: 500;
	}

	.sponsors .content-container{
		flex-direction: column;
		padding: 0px;
	}

	.sponsors .section-wrap:nth-of-type(4) .content-container{
		padding: 30px 30px;
	}

	.sponsors .content-container .content-image{
		order: 2;
		padding: 0px;
	}

	.sponsors .content-container .content-copy{
		order: 1;
	    padding: 120px 30px 0px;
	}

	.sponsors .section-wrap:nth-of-type(4){
		padding-top: 0px;
	}

	.sponsors .content-container .content-image-wrap{
		border-radius: 0px;
	}

	.sponsors .section-wrap:nth-of-type(4){
		margin-top: 0px;
	}

	.sponsors .section-wrap:nth-of-type(3) .content-container .content-copy{
		padding: 0px 30px;
	}

	.sponsors #sponsors-grid .content-container{
		padding: 60px 30px;
	}




	.sponsors #sponsors-bronze .sponsor{
		flex: initial;
		flex-basis: calc(50% - (5px / 2));
	}

	.sponsors #sponsors-bronze .sponsor:nth-of-type(4n){
		margin-right: 5px;
	}

	.sponsors #sponsors-bronze .sponsor:nth-of-type(2n){
		margin-right: 0px;
	}


	.sponsors #sponsors-contributors .sponsor{
		flex-basis: calc((100% / 3) - (10px / 3));
	}

	.sponsors #sponsors-contributors .sponsor:nth-of-type(5n){
		margin-right: 5px;
	}

	.sponsors #sponsors-contributors .sponsor:nth-of-type(3n){
		margin-right: 0px;
	}


	.sponsors #sponsors-grants .sponsor{
		flex: initial;
		flex-basis: calc(50% - (5px / 2));
	}

	.sponsors #sponsors-grants .sponsor:nth-of-type(5n){
		margin-right: 5px;
	}

	.sponsors #sponsors-grants .sponsor:nth-of-type(2n){
		margin-right: 0px;
	}



	.sponsors #sponsors-in-kind .sponsor{
		flex: initial;
		flex-basis: calc((100% / 2) - (5px / 2));
	}

	.sponsors #sponsors-in-kind .sponsor:nth-of-type(4n){
		margin-right: 5px;
	}

	.sponsors #sponsors-in-kind .sponsor:nth-of-type(2n){
		margin-right: 0px;
	}


}


@media screen and (max-width: 768px){


	.sponsors h1:first-of-type{
		font-size: 36px;
		line-height: 36px;
	}

}


@media screen and (max-width: 680px){

	.sponsors #sponsors-presenting .sponsor,
	.sponsors #sponsors-gold .sponsor,
	.sponsors #sponsors-silver .sponsor{
		flex: initial;
		flex-basis: 100%;
	}

	.sponsors #sponsors-presenting .sponsor:nth-of-type(3n),
	.sponsors #sponsors-gold .sponsor:nth-of-type(3n),
	.sponsors #sponsors-silver .sponsor:nth-of-type(3n){
		margin-right: 0px;
	}

	.sponsors #sponsors-presenting .sponsor:nth-of-type(1n),
	.sponsors #sponsors-gold .sponsor:nth-of-type(1n),
	.sponsors #sponsors-silver .sponsor:nth-of-type(1n){
		margin-right: 0px;
	}


	.sponsors #sponsors-contributors .sponsor{
		flex-basis: calc((100% / 2) - (5px / 2));
	}

	.sponsors #sponsors-contributors .sponsor:nth-of-type(3n){
		margin-right: 5px;
	}

	.sponsors #sponsors-contributors .sponsor:nth-of-type(2n){
		margin-right: 0px;
	}


	.sponsors #sponsors-in-kind .sponsor{
		flex-basis: calc(50% - (5px / 2));
	}

	.sponsors #sponsors-in-kind .sponsor:nth-of-type(1n){
		margin-right: 5px;
	}

	.sponsors #sponsors-in-kind .sponsor:nth-of-type(2n){
		margin-right: 0px;
	}

}



@media screen and (max-width: 480px){


	.sponsors #sponsors-bronze .sponsor{
		flex-basis: 100%;
	}

	.sponsors #sponsors-bronze .sponsor:nth-of-type(2n){
		margin-right: 5px;
	}

	.sponsors #sponsors-bronze .sponsor:nth-of-type(1n){
		margin-right: 0px;
	}


	.sponsors #sponsors-contributors .sponsor{
		flex-basis: 100%;
	}

	.sponsors #sponsors-contributors .sponsor:nth-of-type(2n){
		margin-right: 5px;
	}

	.sponsors #sponsors-contributors .sponsor:nth-of-type(1n){
		margin-right: 0px;
	}


	.sponsors #sponsors-grants .sponsor{
		flex-basis: 100%;
	}

	.sponsors #sponsors-grants .sponsor:nth-of-type(2n){
		margin-right: 5px;
	}

	.sponsors #sponsors-grants .sponsor:nth-of-type(1n){
		margin-right: 0px;
	}


	.sponsors #sponsors-in-kind .sponsor{
		flex-basis: 100%;
	}

	.sponsors #sponsors-in-kind .sponsor:nth-of-type(2n){
		margin-right: 5px;
	}

	.sponsors #sponsors-in-kind .sponsor:nth-of-type(1n){
		margin-right: 0px;
	}


}



/*===========================================*/
/*
/*	Pages — Sites
/*
/*===========================================*/



.sites #main-content {
    padding-top: 225px;
}

.sites .content-container{
	display: flex;
}

.sites .content-container .content-copy{
    flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-left: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.sites .content-container .content-copy:nth-of-type(2){
	flex: 5;
    padding-right: calc(100% / 10 + 15px);
    padding-left: 60px;

}

	.sites .content-container .content-copy:nth-of-type(2) > div:nth-of-type(2){
		background: white;
		box-shadow: 0px 2px rgba(0, 0, 0, 0.05);
		display: block;
		position: relative;
		width: 100%;
		padding: 30px 30px;
		background: white url('../images/cal.svg') no-repeat;
		background-size: 30px 30px;
		background-position: calc(100% - 30px) 30px;
	}

.sites .content-container .content-image-wrap {
    border-radius: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.sites .content-container .content-image-wrap #content-image-gradient {
    background: -moz-linear-gradient(top, rgba(96,200,224,0.85) 0%, rgba(96,200,224,0) 50%, rgba(96,200,224,0) 100%);
    background: -webkit-linear-gradient(top, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
    background: linear-gradient(to bottom, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95ED8E8', endColorstr='#005ED8E8',GradientType=0 );
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    transform: rotate() top: 0;
    left: 0;
    z-index: 3;
}

.sites .content-container .content-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}

.sites h1:first-of-type {
    color: #012A3A;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    display: block;
    position: relative;
    width: 60%;
    letter-spacing: -.04em;
    margin-bottom: 30px;
}



.sites .section-wrap:first-of-type .content-container{
    padding: 0px;
    align-items: flex-start;
}

.sites .section-wrap:first-of-type .content-container .content-copy:nth-of-type(2){
	flex-wrap: wrap;
}

.sites .section-wrap:nth-of-type(2),
.sites .section-wrap:nth-of-type(3){
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block;
    margin: 60px auto 0px;
    background: #E2E3E4;
}

.sites .section-wrap:nth-of-type(3){
	margin-top: 0px;
	background: #939598;
	color: #fff !important;
}

.sites .section-wrap:nth-of-type(5){
	max-width: 100%;
}


.sites .section-wrap:nth-of-type(2) .content-container{
	max-width: 1400px;
	margin: 60px auto 0px;
	padding: 15px 0px 0px;
}

.sites .section-wrap:nth-of-type(3) .content-container{
	max-width: 1400px;
	margin: 0px auto 60px;
	padding: 0px 0px 0px;
}

.sites .section-wrap:nth-of-type(4) .content-container{
    padding: 0px calc(100% / 10 + 15px) 90px;
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.sites .section-wrap:nth-of-type(5) .content-container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px;
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.sites .content-container .content-copy:nth-of-type(2) h4{
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
}

.sites .content-container .content-copy:nth-of-type(2) h3{
	color: #36CDE7;
}

.sites .content-container .content-copy:nth-of-type(2) #google-map{
	flex-basis: 100%;
}

	.sites .content-container .content-copy:nth-of-type(2) #google-map a{
		float: right;
		font-size: 16px !important;
		margin-bottom: 40px;
		line-height: 55px;
		vertical-align: top;
		margin-right: 5px;
		margin-left: 0px;
		margin-top: 0px;
	}

	.sites .content-container .content-copy:nth-of-type(2) #google-map a.blue.button{
		vertical-align: top;
	}

.sites .content-container .content-copy:nth-of-type(2) .event-date-time{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.sites .content-container .content-copy:nth-of-type(2) .description p{
	font-size: 14px;
    line-height: 22px;
}

.sites .content-container .content-copy:nth-of-type(2) a{
	font-size: 14px !important;
}

.sites .content-container #legend-block{
	width: 100%;
	text-align: center;
	padding: 15px calc(100% / 10 + 15px);
}

.sites .content-container #legend-block small{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    display: inline-block;
    margin-right: 30px;
    height: 24px;
    line-height: 24px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
}

.sites .content-container #legend-block #legend-wrap p,
.sites .content-container #legend-block #legend-wrap p span,
.sites .content-container #legend-block #legend-wrap p strong{
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.sites .content-container #legend-block #legend-wrap p{
    margin: 0px;
    margin-right: 30px;
    font-size: 15px;
    line-height: 24px;
    /* height: 24px; */
    font-weight: 500;
}

.sites .content-container #legend-block svg, .sites .content-container #legend-block img {
	height: 24px;
	width: 24px;
	margin-right: 10px;
	display: block;
	position: relative;
}

.sites .content-container #legend-block svg *{
	fill: #fff;
}

.sites .content-container #filter-block{
	padding: 0px calc(100% / 10 + 15px) 90px;
	display: block;
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 0px;
	transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

	.sites .content-container #filter-breadcrumbs,
	.sites .content-container #filter-breadcrumbs-bottom{
		display: flex;
		width: 100%;
		position: relative;
		margin-bottom: 15px;
	}

	.sites .content-container #filter-breadcrumbs-bottom{
		margin-bottom: 0px;
		height: 60px;
		padding: 0px calc(100% / 10 + 15px);
		padding-top:10px;
		transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
	}

	.sites .content-container #filter-breadcrumbs .facetwp-counts,
	.sites .content-container #filter-breadcrumbs-bottom .facetwp-counts{
		display: inline;
	}

	.sites .content-container #filter-breadcrumbs > div,
	.sites .content-container #filter-breadcrumbs-bottom > div{
		flex: 1;
	}

		.sites .content-container #filter-breadcrumbs > div:first-of-type > *,
		.sites .content-container #filter-breadcrumbs-bottom > div:first-of-type > *{
			height: 40px;
			line-height: 40px;
		}

		.sites .content-container #filter-breadcrumbs-bottom > div:first-of-type > *{
			line-height: 40px;
			height: 40px;
		}

		.sites #filter-toggle{
			display: inline-block;
			width: 50%;
			position: relative;
			vertical-align: bottom;
			font-size: 24px;
			height: 24px;
		}

		.sites #search-container{
			display: inline-block;
			width: 50%;
			vertical-align: middle;
			position: relative;
		}

		.sites .facetwp-search {
		    padding-right: 28px;
		    height: 40px;
		    float: right;
		    line-height: 40px;
		    border-radius: 0px;
		    -webkit-appearance: none;
		    border: 0px;
		    position: relative;
		    padding: 0px 15px 0px 35px;
		    width: calc(100% / 3);
		    font-size: 14px;
		    color: #333;
		    font-family: "tablet-gothic";
		    background: #eee url('../images/search.svg') 10px center no-repeat;
		    background-size: 16px 16px;
		    transition: width .25s cubic-bezier(0.215, 0.61, 0.355, 1), background .25s ease-in-out;
		}

			.sites .facetwp-search:hover{
				background-color: #ccc;
			}

		.sites .facetwp-search:active, .sites .facetwp-search:focus{
		    width: 50%;
		    color: #333;
		    background-color: white;
		}

		.sites .content-container #filter-container h3{
			font-size: 0px;
			display: block;
			padding-bottom: 15px;
		}

		.sites .content-container #filter-container h3 #filter-toggle strong{
			font-weight: 600;
			cursor: pointer;
			color: #36CDE7;
			line-height: 24px;
			vertical-align: top;
			position: relative;
			display: inline-block;
			transition: color .25s ease-in-out;
		}

		.sites .content-container #filter-container h3 #filter-toggle:hover strong{
			color: #333;
		}

		.sites .content-container #filter-container h3 #filter-toggle span{
			cursor: pointer;
			color: #36CDE7;
			line-height: 24px;
			vertical-align: top;
			position: relative;
			display: inline-block;
			transition: color .25s ease-in-out;
		}

		.sites .content-container #filter-container h3 #filter-toggle:hover span{
			color: #333;
		}

		.sites .content-container .facetwp-pager{
			display: inline-block;
			position: relative;
			float: right;
			font-size: 16px;
			font-weight: 500;
			line-height: 42px;
		}

		.sites .content-container .facetwp-pager > *{
			vertical-align: top;
		}

		.sites .content-container .facetwp-pager .arrow{
			font-size: 24px;
			top: calc(-5px / 2);
			position: relative;
			color: #666 !important;
		}

			.sites .content-container .facetwp-pager .arrow:last-of-type{
				margin-right: 0px;
			}

		.sites .content-container .facetwp-page{
			color: #666;
			transition: color .25s ease-in-out;
		}

		.sites .content-container .facetwp-pager .facetwp-page.active{
			color: #36CDE7;
			font-weight: 700;
			pointer-events: none;
		}

		.sites .content-container .facetwp-pager .facetwp-page.disabled{
			pointer-events: none;
			color: #ddd !important;
		}

		.sites .content-container #filter-collapsible{
			display: flex;
			position: relative;
			width: 100%;
			height: 100%;
			max-height: 300px;
			opacity: 1;
			border-top: 2px solid #dedede;
			transition: max-height .25s cubic-bezier(0.77, 0, 0.175, 1), opacity .25s ease-in-out, border .25s ease-in-out;
		}

		.sites .content-container #filter-collapsible.collapsed{
			max-height: 0px;
			overflow: hidden;
			opacity: 0;
			border-top: 0px solid #dedede;
		}

		.sites .content-container figure{
			display: flex;
			position: relative;
			padding-top: 10px;
			padding-bottom: 10px;
			flex-wrap: wrap;
		}

		.sites .content-container figure:first-of-type{
			flex: .6;
			padding-bottom: 10px;
		}

		.sites .content-container figure:last-of-type{
			flex: 1;
		}

		.sites .content-container #filter-collapsible .facet-wrap{
			font-size: 0px;
			flex: 1;
		}

		.sites .content-container #filter-collapsible figure:first-of-type .facet-wrap:first-of-type{

		}

		.sites .content-container #filter-collapsible figure:first-of-type .facet-wrap .facetwp-facet{
			display: flex;
			flex-wrap: wrap;
		}

		.sites .content-container #filter-collapsible figure:last-of-type .facet-wrap:first-of-type{
			flex: .7;
			font-size: 0px;
		}

		.sites .content-container #filter-collapsible .facet-span{
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 2px;
			margin-bottom: 10px;
			display: block;
			position: relative;
			color: #888;
			text-transform: uppercase;
		}

			.sites .content-container #filter-collapsible div > div > div{
				font-size: 14px;
				color: #333;
				background-color: #E2E3E4 !important;
				transition: color .25s ease-in-out;
			}

			.sites .content-container #filter-collapsible div > div > div:hover{
				color: #333;
			}

			.sites .content-container #filter-collapsible figure:first-of-type .facet-wrap:first-of-type .facetwp-facet > div{
				flex-basis: 50%;
				position: relative;
			}

			.sites .content-container #filter-collapsible .facet-wrap:first-of-type .facetwp-facet > div:nth-of-type(2n){
				margin-right: 0px;
			}

		.sites #site-listing, .sites #site-listing-wrap{
			position: relative;
			display: block;
			width: 100%;
			font-size: 0px;
		}


			.sites #site-listing-wrap #no-results{
				font-size: 26px;
				line-height: 32px;
				margin: 0px;
				font-weight: 600;
				font-style: normal;
				color: #333;
				width: 100%;
				display: block;
				position: relative;
				text-align: center;
			}

			.sites #site-listing-wrap #no-results span{
				color: #36CDE7;
			    font-size: 56px;
			    line-height: 64px;
			    font-weight: 700;
			    display: block;
			    position: relative;
			    width: 100%;
			    letter-spacing: -.04em;
			    margin-bottom: 10px;
			}

		.sites .site-thumbnail{
			display: inline-block;
		    width: calc(100% / 3 - 10px);
		    margin-right: 15px;
		    margin-bottom: 30px;
		    height: 300px;
		    position: relative;
		    font-size: 16px;
			box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
		}

			.sites .site-thumbnail:nth-of-type(3n){
				margin-right: 0px;
			}

		.sites .site-thumbnail .thumbnail-background{
			height: calc(100% - 50px);
			width: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			display: block;
			border-radius: 0px;
		}

		.sites .site-thumbnail .thumbnail-legend{
			width: 100%;
			height: calc(100% - 50px);
			padding: 5px 15px;
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
		}

			.sites .site-thumbnail .thumbnail-legend > svg{
				height: 24px;
				width: 24px;
				margin-right: 10px;
				position: absolute;
				bottom: 15px;
				left: 20px;
			}

			.sites .site-thumbnail .thumbnail-legend > svg{
				fill: white;
			}

			.sites .site-thumbnail .thumbnail-legend h6{
			    height: 30px;
			    font-size: 14px;
			    line-height: 30px;
			    color: white;
			    background: rgba(54, 205, 231, 0.9);
			    top: 0px;
			    right: 0px;
			    padding: 0px 20px 0px 35px;
			    position: absolute;
			    display: inline-block;
			    text-shadow: 0px 2px 0px rgba(87, 180, 196, 1);
			}

				.sites .site-thumbnail .thumbnail-legend h6 svg{
				    position: absolute;
				    left: 10px;
				    height: 16px;
				    width: 16px;
				    top: 50%;
				    transform: translateY(-50%);
				}

				.sites .site-thumbnail .thumbnail-legend h6 svg *{
					fill: white;
				}

		.sites .site-thumbnail .thumbnail-site-title{
			height: 50px;
			width: 100%;
			position: absolute;
			display: block;
			bottom: 0px;
			background: #E2E3E4;
			color: #333;
			font-size: 16px;
			line-height: 50px;
			padding: 0px 20px;
			transition: background .25s ease-in-out;
			border-radius: 0;
		}

			.sites .site-thumbnail:hover .thumbnail-site-title{
				background: #939598;
				color:#333;
			}

			.sites .site-thumbnail .thumbnail-site-title h4{
				overflow: hidden;
				width: 100%;
				display: block;
				white-space: nowrap;
				text-overflow: ellipsis;
				position: relative;
			}

		.sites .facetwp-selections{
			margin-top: 10px;
		}



		.sites .content-container #filter-collapsible.collapsed ~ .facetwp-selections{
			margin-bottom: 0px;
		}

		.sites .facetwp-selections li{
			font-size: 12px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 5px;
			height: 20px;
			margin-top: 0px;
		}

		.sites .facetwp-selections li:last-of-type{
			margin-bottom: 30px;
		}


		.sites .facetwp-selections .facetwp-selection-label{
			display: none;
		}

		.sites .facetwp-selections .facetwp-selection-value{
			margin-right: 0px;
		    padding-right: 20px !important;
			border-radius: 3px;
			padding: 0px 0px 0px 10px;
			height: 20px;
			line-height: 20px;
			margin-bottom: 0px;
			color: white;
			background-color: #36CDE7;
		    background-image: url('../images/icon-close.png') !important;
		    background-size: 8px 8px !important;
		    background-position: calc(100% - 6px) center;
			margin-right: 5px;
		}

		.sites .facetwp-facet{
			margin-bottom: 0px;
		}

		.sites .facetwp-btn{
			display: none;
		}

@media screen and (max-width: 1520px){

	.sites .section-wrap{
		max-width: 100%;
		padding: 0px;
	}

		.sites .section-wrap:nth-of-type(2) {
		    width: 100%;
		    max-width: 100%;
		    position: relative;
		    display: block;
		    margin: 60px auto 0px;
		    background: #E2E3E4;
		}

		.sites .section-wrap:nth-of-type(4){
			padding: 0px 60px;
		}

	.sites .section-wrap .content-container {
	    max-width: 100%;
	    padding: 0px 60px;
	}

		.sites .section-wrap:nth-of-type(2) .content-container {
		    max-width: 100%;
		    margin: 0px auto;
			padding: 15px 60px 0px;
		}

	.sites .section-wrap:first-of-type .content-container{
		padding: 0px 60px;
	}


	.sites .section-wrap:nth-of-type(5) .content-container{
		padding: 0px 60px;
	}

	.sites .content-container .content-copy {
	    padding-right: 0px;
	    padding-left: calc(100% / 10 + 15px);
	    flex: 6;
	}

	.sites .content-container .content-copy:nth-of-type(2){
		padding-left: 60px;
		padding-right: calc(100% / 10 + 15px);
		flex: 6;
	}


	.sites .facetwp-search{
		width: 50%;
	}

	.sites .facetwp-search:active, .sites .facetwp-search:focus {
		width: calc(50% + 50px);
	}

}


@media screen and (max-width: 1400px){

	.sites .content-container figure:first-of-type{
		flex: 2;
	}

	.sites .content-container figure:last-of-type{
		flex: 3;
	}


	.sites .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(-n+2){
		margin-bottom: 10px;
	}


	.sites .content-container #filter-collapsible figure:last-of-type .facet-wrap .facetwp-facet-accessibility{
		display: flex;
		flex-wrap: wrap;
	}

	.sites .content-container #filter-collapsible figure:last-of-type .facet-wrap .facetwp-facet-accessibility .facetwp-radio{
		flex-basis: 100%;
	}

}


@media screen and (max-width: 1280px){

	.sites .content-container .content-copy{
		padding-left: 0px;
	}

	.sites .content-container .content-copy:nth-of-type(2){
		padding-right: 0px;
	}

	.sites .content-container #filter-block{
		padding: 0px;
	}

	.sites .section-wrap:nth-of-type(4) .content-container{
		padding: 0px 0px 60px;
	}


	.sites .content-container #filter-breadcrumbs-bottom{
		padding: 0px;
		    padding-top: 10px;
	}

}


@media screen and (max-width: 980px){

	.sites .content-container figure:first-of-type{
		flex-basis: 50%;
	}

	.sites .content-container figure:last-of-type{
		flex-basis: 50%;
	}

	.sites .content-container #filter-collapsible figure:last-of-type .facet-wrap .facetwp-facet-accessibility .facetwp-radio{
		flex-basis: 100%;
	}

	.sites .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(odd),
	.sites .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(even){
		flex-basis: 50%;
	}

}


@media screen and (max-width: 890px){

	.sites #main-content {
	    padding-top: 120px;
	}

	.sites h1:first-of-type {
	    width: 100%;
	    font-size: 48px;
	    line-height: 48px;
	}

	.sites .content-container .content-copy:nth-of-type(2) #google-map a{
		float: none;
	}

	.sites .site-thumbnail{
		width: calc(50% - 15px);
		margin-right: 30px;
	}

	.sites .site-thumbnail:nth-of-type(even){
		margin-right: 0px;
	}

	.sites .site-thumbnail:nth-of-type(odd){
		margin-right: 30px;
	}

	.sites .section-wrap:first-of-type .content-container{
		flex-direction: column;
		padding: 0px 30px;
	}

	.sites .section-wrap:nth-of-type(2) .content-container,
	.sites .section-wrap:nth-of-type(5) .content-container{
		padding: 15px 30px 0px;
	}

	.sites .section-wrap:nth-of-type(5) .content-container{
		padding: 0px 30px 0px;
	}

	.sites .section-wrap:nth-of-type(4){
		padding: 0px 30px;
	}

	.sites .content-container .content-copy:first-of-type{
		margin-bottom: 15px;
	}

	.sites .content-container .content-copy:nth-of-type(2){
		padding-left: 0px;
	}

	.sites .content-container #legend-block small{
		display: block;
		position: relative;
		margin-right: 0px;
		margin-bottom: 10px;
	}


}

@media screen and (max-width: 768px){

	.sites .content-container figure:first-of-type{
		flex-basis: 40%;
	}

	.sites .content-container figure:last-of-type{
		flex-basis: 60%;
	}

	.sites .content-container #filter-collapsible figure:first-of-type .facet-wrap:first-of-type .facetwp-facet > div{
		flex-basis: 100%;
	}

	.sites h1:first-of-type {
	    width: 100%;
	    font-size: 36px;
	    line-height: 36px;
	}

}

@media screen and (max-width: 680px){

	.sites .site-thumbnail{
		margin-right: 0px;
		width: 100%;
		height: 60vw;
	}

	.sites .content-container .content-copy:nth-of-type(2) > div,
	.sites .content-container .content-copy:nth-of-type(5) > div{
		background-size: 30px 30px;
	}

}


@media screen and (max-width: 660px){

	.sites .content-container #legend-block #legend-wrap p{
		display: block;
		position: relative;
	    margin: 0px 0px calc(15px / 2);
	}

}


@media screen and (max-width: 600px){


	.sites .content-container #filter-collapsible{

		max-height: unset;
	}

	.sites .content-container figure:last-of-type {
		flex-basis: 100%;
	}

	.sites .content-container figure:first-of-type {
    	flex-basis: 100%;
	}


	.sites .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(odd), .sites .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(even) {
    flex-basis: 100%;
}

	.sites #filter-toggle{
		display: none;
	}

	.sites #search-container{
		display: block;
		width: 100%;
	}

	.sites .facetwp-search{
		width: 100%;
		float: none;
	}

	.sites .facetwp-search:active, .sites .facetwp-search:focus{
		width: 100%;
	}

}

@media screen and (max-width: 440px){

	.sites .content-container #filter-breadcrumbs > div,
	.sites .content-container #filter-breadcrumbs-bottom > div{
		font-size: 14px !important;
	}

	.sites .content-container .facetwp-pager{
		font-size: 14px !important;
	}


	.sites .content-container .content-copy:nth-of-type(2) #google-map a{
		width: 100%;
		margin-bottom: 5px;
		text-align: center;
	}

	.sites .content-container .content-copy:nth-of-type(2) #google-map a:last-of-type{
		margin-bottom: 40px;
	}

}


@media screen and (max-width: 430px){


	.sites .content-container #filter-collapsible {
    max-height: unset;
    display: block;
	}

	.sites .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(odd), .sites .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(even) {
	flex-basis: 100%;
	}


}/*** MAX WIDTH 430px */






/*===========================================*/
/*
/*	Pages — Events
/*
/*===========================================*/



.events #main-content {
    padding-top: 225px;
}

.events .content-container{
	display: flex;
}

.events .content-container .content-copy{
    flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-left: calc(100% / 10 + 15px);
	padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.events .content-container .content-copy:nth-of-type(2){
	flex: 5;
    padding-right: calc(100% / 10 + 15px);
    padding-left: 60px;

}

	.events .content-container .content-copy:nth-of-type(2) > div{
		background: white;
		box-shadow: 0px 2px rgba(0, 0, 0, 0.05);
		display: block;
		position: relative;
		width: 100%;
		padding: 30px 30px;
		background: white url('../images/cal.svg') no-repeat;
		background-size: 30px 30px;
		background-position: calc(100% - 30px) 30px;
	}

.events .content-container .content-image-wrap {
    border-radius: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.events .content-container .content-image-wrap #content-image-gradient {
    background: -moz-linear-gradient(top, rgba(96,200,224,0.85) 0%, rgba(96,200,224,0) 50%, rgba(96,200,224,0) 100%);
    background: -webkit-linear-gradient(top, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
    background: linear-gradient(to bottom, rgba(96,200,224,0.85) 0%,rgba(96,200,224,0) 50%,rgba(96,200,224,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95ED8E8', endColorstr='#005ED8E8',GradientType=0 );
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    transform: rotate() top: 0;
    left: 0;
    z-index: 3;
}

.events .content-container .content-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}

.events h1:first-of-type {
    color: #36CDE7;
	color: #012A3A;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    display: block;
    position: relative;
    width: 60%;
    letter-spacing: -.04em;
    margin-bottom: 30px;
}



.events .section-wrap:first-of-type .content-container{
    padding: 0px;
}


.events .section-wrap:nth-of-type(2){
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block;
    margin: 60px auto 0px;
    background: #E2E3E4;
}

.events .section-wrap:nth-of-type(3) {
    margin-top: 0px;
    max-width: 100%;
    background: #939598;
    color: #fff !important;
}

.events .section-wrap:nth-of-type(5){
	max-width: 100%;
	background: #E2E3E4;
}

.events .section-wrap:nth-of-type(3) .content-container {
    max-width: 1400px;
    margin: 0px auto 60px;
    padding: 0px 0px 0px;
}

.events .section-wrap:nth-of-type(2) .content-container{
	max-width: 1400px;
	margin: 60px auto 0px;
	padding: 15px 0px 0px;
}



.events .section-wrap:nth-of-type(4) .content-container{
    padding: 0px calc(100% / 10 + 15px) 90px;
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.events .section-wrap:nth-of-type(5) .content-container{
	max-width: 1400px;
    margin: 0 auto;
    padding: 0px;
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.events .content-container .content-copy:nth-of-type(2) h4{
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
}

.events .content-container .content-copy:nth-of-type(2) h3{
	color: #36CDE7;
}

	.events .content-container .content-copy:nth-of-type(2) h3 a{
		font-size: 1.17em !important;
		color: #36CDE7;
		text-decoration: none;
	}

.events .content-container .content-copy:nth-of-type(2) .event-date-time{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.events .content-container .content-copy:nth-of-type(2) .description p{
	font-size: 14px;
    line-height: 22px;
}

.events .content-container .content-copy:nth-of-type(2) a{
	font-size: 14px !important;
}


.events .content-container #legend-block{
	width: 100%;
	text-align: center;
	padding: 15px calc(100% / 10 + 15px);
}

.events .content-container #legend-block small{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    display: inline-block;
    margin-right: 30px;
	height: auto;
    position: relative;
    color: #fff;
    text-transform: uppercase;
	vertical-align: middle;
}

.events .content-container #legend-block #legend-wrap p,
.events .content-container #legend-block #legend-wrap p span,
.events .content-container #legend-block #legend-wrap p strong{
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.events .content-container #legend-block #legend-wrap p{
	margin: 0px;
	margin-right: 30px;
	font-size: 15px;
	line-height: 12px;
	height: auto;
	font-weight: 500;
}

.events .content-container #legend-block svg, .events .content-container #legend-block img {
	height: 24px;
	width: 24px;
	margin-right: 10px;
	display: block;
	position: relative;
}

.events .content-container #legend-block svg *{
	fill: #fff;
}

.events .card-event-title .thumbnail-legend{
	width: 100%;
	display: block;
	position: relative;
}

	.events .card-event-title .thumbnail-legend svg{
		height: 30px;
		width: 30px;
		margin-right: 5px;
	}

	.events .card-event-title .thumbnail-legend svg *{
		fill: #999;
		transition: fill .12s ease;
	}

	.events .event-card:hover .card-event-title .thumbnail-legend svg *{
		fill: white;
	}

.events .content-container #filter-block{
	padding: 0px calc(100% / 10 + 15px) 90px;
	display: block;
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 0px;
	transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

	.events .content-container #filter-breadcrumbs,
	.events .content-container #filter-breadcrumbs-bottom{
		display: flex;
		width: 100%;
		position: relative;
	}

	.events .content-container #filter-breadcrumbs-bottom{
	    margin-bottom: 0px;
		
	    height: 60px;
	    padding: 0px calc(100% / 10 + 15px);
	    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
		padding-top: 10px;
	}

	.events .content-container #filter-breadcrumbs .facetwp-counts,
	.events .content-container #filter-breadcrumbs-bottom .facetwp-counts{
		display: inline;
	}

	.events .content-container #filter-breadcrumbs > div,
	.events .content-container #filter-breadcrumbs-bottom > div{
		flex: 1;
	}

		.events .content-container #filter-breadcrumbs > div:first-of-type > *,
		.events .content-container #filter-breadcrumbs-bottom > div:first-of-type > *{
			height: 50px;
			line-height: 50px;
		}

		.events #filter-toggle, .events #virtual-toggle{
			display: inline-block;
			width: 25%;
			position: relative;
			vertical-align: bottom;
			font-size: 14px;
			font-family: "tablet-gothic";
		}
		
		#filter-container .day-event-filter {
			display:none;
			visibility: hidden;
		}
		

		.events #filter-toggle #day-select{
			line-height: 36px;
			display: block;
			position: relative;
		}

		.virtual-event-filter #day-select {
			display:none!important;
			visibility: hidden;
		}
		
		.virtual-event-filter #virtual-select {
			line-height: 36px;
			display: block;
			position: relative;
		}


		.events #filter-toggle .fs-search{
			display: none;
		}

		.events #filter-toggle .fs-options {
		    max-height: 200px;
		    overflow: auto;
		}

		.events #filter-toggle .facetwp-type-fselect{
			height: 40px;
		}

		.events #filter-toggle .facetwp-type-fselect .fs-wrap{
			height: 100%;
			border-radius: 5px;
			overflow: hidden;
		}

			.events #filter-toggle .facetwp-type-fselect .fs-open{
				border-bottom-left-radius: 0px;
				border-bottom-right-radius: 0px;
			}

			.events #filter-toggle .fs-option, .events #filter-toggle .fs-search, .events #filter-toggle .fs-optgroup-label{
				border: 0px;
			}

			.events #filter-toggle .fs-option.selected .fs-option-label{
				font-weight: 700;
				color: #36CDE7;
			}

		.events #filter-toggle .fs-label-wrap{
			border: 0px;
		    background: #ddd;
		    box-sizing: border-box;
		    transition: background .25s ease-in-out, border .25s ease-in-out;
		}

			.events #filter-toggle .fs-label-wrap:hover,
			.events #filter-toggle .fs-label-wrap:focus,
			.events #filter-toggle .fs-label-wrap:active,
			.events #filter-toggle .fs-open .fs-label-wrap{
				background: white;
			}

		.events #filter-toggle .fs-arrow{
			right: 15px;
			border-top: 5px solid #666;
		}

		.events #filter-toggle .fs-label-wrap, .events #filter-toggle .fs-dropdown{
			margin-top: 0px;
			border: 0px;

			box-shadow: 0px 3px 0px #0000000d;
		}

		.events #filter-toggle .fs-dropdown{
			padding-bottom: 5px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}

		.events #filter-toggle .fs-label-wrap .fs-label{
			height: 100%;
			font-size: 16px;
			line-height: 40px;
			padding-top: 0px;
			cursor: pointer;
			padding-bottom: 0px;
			padding-left: 15px;
			padding-right: 30px;
		}

		.events #filter-toggle .fs-option-label {
		    font-family: "tablet-gothic", Helvetica, Arial, sans-serif;
		    font-weight: 300;
		    font-size: 14px;
		    padding: 0px 9px;
		    color: #333;
		    background: rgba(238, 238, 238, 0);
		    transition: color .25s ease-in-out, background .25s ease-in-out;
		}

		.events #filter-toggle .fs-option-label:hover{
			color: black;
		}

		.events #search-container{
			display: inline-block;
			width: 50%;
			vertical-align: middle;
			position: relative;
		}

		.events .facetwp-search {
		    padding-right: 28px;
		    height: 40px;
		    float: right;
		    line-height: 40px;
		    border-radius: 0px;
		    -webkit-appearance: none;
		    border: 0px;
		    position: relative;
		    padding: 0px 15px 0px 35px;
		    width: calc(100% / 3);
		    font-size: 14px;
		    color: #333;
		    font-family: "tablet-gothic";
		    background: #ddd url('../images/search.svg') 10px center no-repeat;
		    background-size: 16px 16px;
		    transition: width .25s cubic-bezier(0.215, 0.61, 0.355, 1), background .25s ease-in-out;
		}

			.events .facetwp-search:hover{
				background-color: #ccc;
			}

		.events .facetwp-search:active, .events .facetwp-search:focus{
		    width: 50%;
		    color: #333;
		    background-color: white;
		}

		.events .content-container #filter-container h3{
			font-size: 0px;
			display: block;
			padding-bottom: 15px;
		}

		.events .content-container #filter-container h3 #filter-toggle strong{
			font-weight: 600;
			cursor: pointer;
			color: #36CDE7;
			line-height: 24px;
			vertical-align: top;
			position: relative;
			display: inline-block;
		}

		.events .content-container .facetwp-pager{
			display: inline-block;
			position: relative;
			float: right;
			font-size: 16px;
			font-weight: 500;
			line-height: 42px;
		}

		.events .content-container .facetwp-pager > *{
			vertical-align: top;
		}

		.events .content-container .facetwp-pager .arrow{
			font-size: 24px;
			top: calc(-5px / 2);
			position: relative;
			color: #666 !important;
		}

			.events .content-container .facetwp-pager .arrow:last-of-type{
				margin-right: 0px;
			}

		.events .content-container .facetwp-page{
			color: #666;
			transition: color .25s ease-in-out;
		}

		.events .content-container .facetwp-pager .facetwp-page.active{
			color: #36CDE7;
			font-weight: 700;
			pointer-events: none;
		}

		.events .content-container .facetwp-pager .facetwp-page.disabled{
			pointer-events: none;
			color: #ddd !important;
		}

		.events .content-container #filter-collapsible{
			display: flex;
			position: relative;
			width: 100%;
			height: 100%;
			max-height: 300px;
			opacity: 1;
			border-top: 2px solid #dedede;
			transition: max-height .25s cubic-bezier(0.77, 0, 0.175, 1), opacity .25s ease-in-out, border .25s ease-in-out;
		}

		.events .content-container #filter-collapsible.collapsed{
			max-height: 0px;
			overflow: hidden;
			opacity: 0;
			border-top: 0px solid #dedede;
		}

		.events .content-container figure{
			display: flex;
			position: relative;
			padding-top: 10px;
			padding-bottom: 10px;
			flex-wrap: wrap;
		}

		.events .content-container figure:first-of-type{
			flex: .6;
			padding-bottom: 10px;
		}

		.events .content-container figure:last-of-type{
			flex: 1;
		}

		.events .content-container #filter-collapsible .facet-wrap{
			font-size: 0px;
			flex: 1;
		}

		.events .content-container #filter-collapsible figure:first-of-type .facet-wrap:first-of-type{

		}

		.events .content-container #filter-collapsible figure:first-of-type .facet-wrap .facetwp-facet{
			display: flex;
			flex-wrap: wrap;
		}

		.events .content-container #filter-collapsible figure:last-of-type .facet-wrap:first-of-type{
			flex: .7;
			font-size: 0px;
		}

		.events .content-container #filter-collapsible .facet-span{
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 2px;
			margin-bottom: 10px;
			display: block;
			position: relative;
			color: #888;
			text-transform: uppercase;
		}

			.events .content-container #filter-collapsible div > div > div{
				font-size: 14px;
				background-color: #eeeeee !important;
			}

			.events .content-container #filter-collapsible figure:first-of-type .facet-wrap:first-of-type .facetwp-facet > div{
				flex-basis: 50%;
				position: relative;
			}

			.events .content-container #filter-collapsible .facet-wrap:first-of-type .facetwp-facet > div:nth-of-type(2n){
				margin-right: 0px;
			}

		.events #event-listing, .events #event-listing-wrap{
			position: relative;
			display: flex;
			width: 100%;
			font-size: 0px;
			flex-wrap: wrap;
			align-items: stretch;
		}

			.events #event-listing-wrap #no-results{
				font-size: 26px;
				line-height: 32px;
				margin: 0px;
				font-weight: 600;
				font-style: normal;
				color: #333;
				width: 100%;
				display: block;
				position: relative;
				text-align: center;
			}

			.events #event-listing-wrap #no-results span{
				color: #36CDE7;
			    font-size: 56px;
			    line-height: 64px;
			    font-weight: 700;
			    display: block;
			    position: relative;
			    width: 100%;
			    letter-spacing: -.04em;
			    margin-bottom: 10px;
			}

		.events .event-card{
			position: relative;
			flex-basis: calc(100% / 3 - (20px / 3));
			margin-right: 10px;
			padding: 15px 10px;
			font-size: 0px;
			display: flex;
			background: white;
			box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
			color: #333;
			margin-bottom: 10px;
			align-items: center;
			text-decoration: none !important;
			transition: background .25s ease-in-out;
		}

			.events .event-card.sold-out{
				background: #fafafa;
				box-shadow: none;
				color: #ddd !important;
				pointer-events: none;
			}

			.events .event-card:hover{
				background: #36CDE7;
			}

		.events .event-card > div{
			display: flex;
			height: auto;
			width: 100%;
			position: relative;
		}



		.events .event-card *{
			text-decoration: none !important;
		}

		.events .event-card:nth-of-type(3n){
			margin-right: 0px;
		}

		.events .event-card .date-background{
			flex-basis: 50px;
			position: relative;
			margin-right: calc(15px / 2);
		}

			.events .event-card.sold-out .date-background p{
				color: #ddd !important;
			}

			.events .event-card .date-background p:first-of-type{
				width: 100%;
				color: #36CDE7;
				text-transform: uppercase;
				font-family: "tablet-gothic";
				letter-spacing: 4px;
				font-size: 14px;
				font-weight: 700;
				height: 24px;
				text-align: center;
				line-height: 20px;
				margin-bottom: 0px;

				transition: color .25s ease-in-out;
			}

			.events .event-card:hover .date-background p:first-of-type{
				color: white;
			}

			.events .event-card .date-background p:last-of-type{
				width: calc(100% - 5px);
				font-size: 36px;
				line-height: 32px;
				margin-bottom: 0px;
				position: relative;
				display: block;
				color: #36CDE7;
				text-align: center;
				transition: color .25s ease-in-out;
			}

			.events .event-card:hover .date-background p:last-of-type{
				color: white;
			}

		.events .event-card .card-event-title {
			flex-basis: calc(100% - 65px);
			position: relative;
			bottom: 0px;
			background: transparent;
			color: #36CDE7;
			font-size: 20px;
			line-height: 24px;
			transition: color .25s ease-in-out;
		}

		.events .event-card:hover .card-event-title{
			color: white;
		}

		.events .event-card.sold-out .card-event-title h4{
			color: #ddd !important;
		}

		.events .event-card .card-event-title h4{
			display: block;
			position: relative;
			margin-bottom: 5px;
			font-size: 16px;
			width: 100%;
			line-height: 18px;
			color: #333;
			transition: color .25s ease-in-out;
		}

		.events .event-card:hover .card-event-title h4{
			color: white;
		}

		.events .event-card.sold-out .card-event-title p{
			color: #ddd !important;
		}

		.events .event-card .card-event-title p{
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 0px;
			line-height: 20px;
			font-weight: 600;
			color: #888;
			transition: color .25s ease-in-out;
		}

		.events .event-card:hover .card-event-title p{
			color: white;
		}


		.events .event-card.sold-out .card-event-title small{
			color: white !important;
			background: #ccc;
			padding: 0px calc(15px / 2);
			border-radius: 5px;
			height: 24px;
			line-height: 24px;
			position: relative;
			display: inline-block;
			margin-top: 5px;
		}

		.events .event-card .card-event-title small{
			font-size: 16px;
			font-weight: 700;
			color: #36CDE7;
			text-decoration: none;
			transition: color .25s ease-in-out;
		}

			.events .event-card:hover .card-event-title small{
				color: white;
			}

		.events .facetwp-selections{
			margin-top: 10px;
		}

		.events .content-container #filter-collapsible.collapsed ~ .facetwp-selections{
			margin-bottom: 0px;
		}

		.events .facetwp-selections li{
			font-size: 12px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 5px;
			height: 20px;
			margin-top: 0px;
		}

		.events .facetwp-selections li:last-of-type{
			margin-bottom: 30px;
		}


		.events .facetwp-selections .facetwp-selection-label{
			display: none;
		}

		.events .facetwp-selections .facetwp-selection-value{
			margin-right: 0px;
		    padding-right: 20px !important;
			border-radius: 3px;
			padding: 0px 0px 0px 10px;
			height: 20px;
			line-height: 20px;
			margin-bottom: 0px;
			color: white;
			background-color: #36CDE7;
		    background-image: url('../images/icon-close.png') !important;
		    background-size: 8px 8px !important;
		    background-position: calc(100% - 6px) center;
			margin-right: 5px;
		}

		.events .facetwp-facet{
			margin-bottom: 0px;
		}

		.events .facetwp-btn{
			display: none;
		}

@media screen and (max-width: 1520px){

	.events .section-wrap{
		max-width: 100%;
		padding: 0px;
	}

		.events .section-wrap:nth-of-type(2) {
		    width: 100%;
		    max-width: 100%;
		    position: relative;
		    display: block;
		    margin: 60px auto 0px;
		    background: #eee;
		}

		.events .section-wrap:nth-of-type(4){
			padding: 0px 60px;
		}

		.events .section-wrap:nth-of-type(5){
			max-width: 100%;
		}

	.events .section-wrap .content-container {
	    max-width: 100%;
	    padding: 0px 60px;
	}

		.events .section-wrap:nth-of-type(2) .content-container {
		    max-width: 100%;
		    margin: 0px auto;
			padding: 15px 60px 0px;
		}

		.events .section-wrap:nth-of-type(5) .content-container{
			max-width: 100%;
		    margin: 0px auto;
			padding: 0px 60px 0px;
		}

	.events .section-wrap:first-of-type .content-container{
		padding: 0px 60px;
	}

	.events .content-container .content-copy {
	    padding-right: 0px;
	    padding-left: calc(100% / 10 + 15px);
	    flex: 6;
	}

	.events .content-container .content-copy:nth-of-type(2){
		padding-left: 60px;
		padding-right: calc(100% / 10 + 15px);
		flex: 6;
	}

	.events .facetwp-search{
		width: 50%;
	}

	.events .facetwp-search:active, .events .facetwp-search:focus {
		width: calc(50% + 50px);
	}

}


@media screen and (max-width: 1400px){

	.events .content-container figure:first-of-type{
		flex: 2;
	}

	.events .content-container figure:last-of-type{
		flex: 3;
	}

	.events .content-container #filter-collapsible figure:last-of-type .facet-wrap{
		flex-basis: 50%;
	}

	.events .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(-n+2){
		margin-bottom: 10px;
	}

	.events .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(odd){
		flex-basis: calc(100% / 3);
	}

	.events .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(even){
		flex-basis: calc(100% / 3 * 2);
	}

	.events .content-container #filter-collapsible figure:last-of-type .facet-wrap .facetwp-facet-accessibility{
		display: flex;
		flex-wrap: wrap;
	}

	.events .content-container #filter-collapsible figure:last-of-type .facet-wrap .facetwp-facet-accessibility .facetwp-radio{
		flex-basis: 50%;
	}

}


@media screen and (max-width: 1280px){

	.events .content-container .content-copy{
		padding-left: 0px;
	}

	.events .content-container .content-copy:nth-of-type(2){
		padding-right: 0px;
	}

	.events .content-container #filter-block{
		padding: 0px;
	}

	.events .section-wrap:nth-of-type(4) .content-container{
		padding: 0px 0px 60px;
	}

	.events .content-container #filter-breadcrumbs-bottom {
	    padding: 0px;
	}

}

@media screen and (max-width: 1024px){

	.events .event-card{
		flex-basis: calc(50% - 10px);
	}

	.events .event-card:nth-of-type(3n){
		margin-right: 10px;
	}

	.events .event-card:nth-of-type(even){
		margin-right: 0px;
	}

}


@media screen and (max-width: 980px){

	.events .content-container figure:first-of-type{
		flex-basis: 50%;
	}

	.events .content-container figure:last-of-type{
		flex-basis: 50%;
	}

	.events .content-container #filter-collapsible figure:last-of-type .facet-wrap .facetwp-facet-accessibility .facetwp-radio{
		flex-basis: 100%;
	}

	.events .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(odd),
	.events .content-container #filter-collapsible figure:last-of-type .facet-wrap:nth-of-type(even){
		flex-basis: 50%;
	}

}


@media screen and (max-width: 890px){

	.events #main-content {
	    padding-top: 120px;
	}

	.events .content-container #legend-block small {
	    display: block;
	    position: relative;
	    margin-right: 0px;
	    margin-bottom: 10px;
	}

	.events .site-thumbnail{
		width: calc(50% - 15px);
		margin-right: 30px;
	}

	.events .site-thumbnail:nth-of-type(even){
		margin-right: 0px;
	}

	.events .site-thumbnail:nth-of-type(odd){
		margin-right: 30px;
	}

	.events .section-wrap:first-of-type .content-container{
		flex-direction: column;
		padding: 0px 30px;
	}

	.events .section-wrap:nth-of-type(2) .content-container{
		padding: 15px 30px 0px;
	}

	.events .section-wrap:nth-of-type(5) .content-container{
		padding: 10px 30px 0;
	}

	.events .section-wrap:nth-of-type(4){
		padding: 0px 30px;
	}

	.events .content-container .content-copy:first-of-type{
		margin-bottom: 15px;
	}

	.events .content-container .content-copy:nth-of-type(2){
		padding-left: 0px;
	}


	.events h1:first-of-type {
		font-size: 48px;
		line-height: 48px;
	}


}

@media screen and (max-width: 768px){

	.events .content-container figure:first-of-type{
		flex-basis: 40%;
	}

	.events .content-container figure:last-of-type{
		flex-basis: 60%;
	}

	.events .content-container #filter-collapsible figure:first-of-type .facet-wrap:first-of-type .facetwp-facet > div{
		flex-basis: 100%;
	}

	.events .event-card{
		flex-basis: 100%;
		margin-right: 0px;
	}


	.events .event-card:nth-of-type(3n){
		margin-right: 0px;
	}

	.events .event-card .card-event-title h4{
		margin-bottom: 5px;
	}

	.events .event-card .card-event-title p{
		font-size: 11px;
	}


	.events h1:first-of-type {
		font-size: 36px;
		line-height: 36px;
	}

}

@media screen and (max-width: 680px){

	.events .event-thumbnail{
		margin-right: 0px;
		width: 100%;
		height: 60vw;
	}

	.events .content-container .content-copy:nth-of-type(2) > div{
		background-size: 30px 30px;
	}

}

@media screen and (max-width: 660px){

	.events .content-container #legend-block #legend-wrap p {
	    display: block;
		position: relative;
	    margin: 0px 0px calc(15px / 2);
	}

}

@media screen and (max-width: 600px){

	.events .content-container #filter-collapsible{
		display: none;
	}

	.events #filter-toggle{
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}

	.events #filter-toggle .facetwp-type-fselect .fs-dropdown{
		width: 100%;
	}

	.events #filter-toggle .facetwp-type-fselect .fs-wrap{
		width: 100%;
	}

	.events #search-container{
		display: block;
		width: 100%;
	}

	.events .facetwp-search{
		width: 100%;
		float: none;
	}

	.events .facetwp-search:active, .events .facetwp-search:focus{
		width: 100%;
	}

}

@media screen and (max-width: 440px){

	.events .content-container #filter-breadcrumbs > div,
	.events .content-container #filter-breadcrumbs-bottom > div{
		font-size: 14px !important;
	}

	.events .content-container .facetwp-pager{
		font-size: 14px !important;
	}

}










.error-page #main-content {
    padding-top: 225px;
}

.error-page .section-wrap{
	margin-bottom: 100px;
}

.error-page .content-container {
    display: flex;
}

.error-page .content-container .content-copy, .error-page .content-container .content-image {
    flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.error-page p em  {
    width: 80%;
}

.error-page .content-container .content-image{
	flex: 5;
    display: flex;
    position: relative;
    align-items: flex-start;
    padding-right: 60px;
    padding-left: calc(100% / 10 + 15px);
    transition: padding .25s cubic-bezier(0.23, 1, 0.32, 1);
}

.error-page .content-container .content-image-wrap {
    border-radius: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.error-page .content-container .content-image-wrap #content-image-gradient {
    background: rgba(222, 222, 222, 0.6);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    display: block;
    transform: rotate();
    top: 0;
    left: 0;
    z-index: 1;
}

.error-page .content-container .content-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
}


.error-page h1:first-of-type {
    color: #36CDE7;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    display: block;
    position: relative;
    width: 100%;
    letter-spacing: -.04em;
    margin-bottom: 30px;
}




@media screen and (max-width: 1280px){

	.error-page .content-container .content-image{
		padding-left: 0px;
	}

	.error-page .content-container .content-copy{
		padding-right: 0px;
	}

}


@media screen and (max-width: 890px){

	.error-page #main-content{
		padding-top: 0px;
	}

	.error-page .section-wrap{
		margin-bottom: 50px;
	}

	.error-page .content-container{
		flex-direction: column;
		padding: 0px;
	}

	.error-page .content-container .content-image{
		order: 1;
		padding: 0px;
		height: 80vw;
		margin-top: 65px;
	}

	.error-page .content-container .content-copy{
		order: 2;
	    padding: 50px 30px 0px;
	}


	.error-page .content-container .content-image-wrap{
		border-radius: 0px;
		height: 100%;
	}

	.error-page .content-container .content-image-wrap img{
		position: absolute;
		z-index: 2;
		top: 50%;
		transform: translateY(-50%);
	}




}








.thanks #main-content {
    padding-top: 225px;
}

.thanks .section-wrap{
	margin-bottom: 100px;
}

.thanks .content-container {
    display: flex;
}

.thanks .content-container .content-copy, .thanks .content-container .content-image {
    flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.thanks p em  {
    width: 80%;
}

.thanks .content-container .content-image{
	flex: 5;
    display: flex;
    position: relative;
    align-items: flex-start;
    padding-right: 60px;
    padding-left: calc(100% / 10 + 15px);
    transition: padding .25s cubic-bezier(0.23, 1, 0.32, 1);
}

.thanks .content-container .content-image-wrap {
    border-radius: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.thanks .content-container .content-image-wrap #content-image-gradient {
    background: rgba(222, 222, 222, 0.6);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    display: block;
    transform: rotate();
    top: 0;
    left: 0;
    z-index: 1;
}

.thanks .content-container .content-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
}


.thanks h1:first-of-type {
    color: #36CDE7;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    display: block;
    position: relative;
    width: 100%;
    letter-spacing: -.04em;
    margin-bottom: 30px;
}




@media screen and (max-width: 1280px){

	.thanks .content-container .content-image{
		padding-left: 0px;
	}

	.thanks .content-container .content-copy{
		padding-right: 0px;
	}

}


@media screen and (max-width: 890px){

	.thanks #main-content{
		padding-top: 0px;
	}

	.thanks .section-wrap{
		margin-bottom: 50px;
	}

	.thanks .content-container{
		flex-direction: column;
		padding: 0px;
	}

	.thanks .content-container .content-image{
		order: 1;
		padding: 0px;
		height: 80vw;
		margin-top: 65px;
	}

	.thanks .content-container .content-copy{
		order: 2;
	    padding: 50px 30px 0px;
	}


	.thanks .content-container .content-image-wrap{
		border-radius: 0px;
		height: 100%;
	}

	.thanks .content-container .content-image-wrap img{
		position: absolute;
		z-index: 2;
		top: 50%;
		transform: translateY(-50%);
	}




}





.single-site #main-content {
    padding-top: 225px;
}

.single-site .content-container {
    display: flex;
}

.single-site #single-site-content{
	display: flex;
	padding: 0px calc(100% / 10 + 15px) 60px;
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.single-site #site-content{
	width: 100%;
}


.single-site #site-details{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	position: relative;
}

.single-site #main-details{
    flex-basis: calc(100% - 320px);
    position: relative;

    align-self: flex-end;
    padding-right: 30px;
    order: 1;
}

.single-site #site-thumbnail{
    height: 320px;
    width: 320px;
    border-radius: 320px;
    overflow: hidden;
    position: relative;
    padding-left: 30px;
    order: 2;
    flex-basis: 320px;
    align-self: center;
}

.single-site #site-content h1{

    color: #36CDE7;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    letter-spacing: -.04em;
    margin-bottom: 20px;

}

.single-site #site-content #days-block{
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}

.single-site #site-content #days-block span{
	background: #79D97C;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: white;
	line-height: 24px;
	height: 24px;
	padding: 0px calc(15px / 2);
	margin-right: 5px;
	font-size: 14px;
	display: inline-block;
	position: relative;
	border-radius: 5px;
}

.single-site #site-content p{
	margin-bottom: 30px;
}

.single-site #site-content .see-all{
	color: #333;
	font-size: 18px;
	text-decoration: none;
	transition: color .25s ease-in-out;
}

	.single-site #site-content .see-all:hover{
		color: #36CDE7;
	}

.single-site #site-content address, .single-site #site-content address a{
    font-size: 26px;
    line-height: 32px;
    margin: 0px 0 20px 0;
    font-weight: 300;
    font-style: normal;
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.single-site #site-content address{
	margin-bottom: 15px;
	color: #ddd !important;
}

.single-site #site-content address a{
	border-bottom: 2px dashed #666;
	color: #333;
}

.single-site #site-content address a:hover{
	border-bottom: 2px dashed #79D97C;
	color: #79D97C;
}

.single-site #site-content address:before{
	display: block;
	height: 36px;
	width: 36px;
	content: " ";
	position: absolute;
	left: -45px;
	background: transparent url('../images/pin-h.svg') no-repeat center center;
	background-size: 36px 36px;
}

.single-site #description{
    flex-basis: calc(100% - 350px);
    position: relative;
    padding-right: 30px;
    font-size: 18px;
    line-height: 28px;
    margin: 0px;
    align-self: flex-start;
    order: 2;
    margin-top: 60px;
}

.single-site #description h3{
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 32px;
}

.single-site .site-history{
    flex-basis: calc(350px - 30px);
    background: #eee;
    position: relative;
    margin: 0px;
    margin-top: 60px;
    margin-left: 30px;
    align-self: center;
    padding: 15px 20px;
    order: 3;
}

.single-site .site-history .baltimore-heritage{
	color: white;
	margin-top: 15px;
	width: 100%;
	text-align: center;
}

.single-site .site-history small{
	display: block;
	position: relative;
	text-align: center;
	margin-top: 5px;
}

.single-site .site-history > div{
	display: block;
	position: relative;
	width: auto;
}

.single-site .site-history strong{
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    position: relative;
    margin-top: 10px;
    color: #aaa;
    padding-bottom: 5px;
    display: block;
}

.single-site .site-history em{
	font-style: normal;
}

.single-site #misc-details li{
	display: block;
}

.single-site #photo-gallery{
	background: #333;
	padding: 0px;
	max-width: 100%;
	position: relative;
}

.single-site #photo-gallery .content-container{
	max-width: 100%;
	display: block;
	position: relative;
	padding: 45px 0px;
}

	.single-site #photo-gallery.single-photog .content-container{
		padding: 45px 0px 0px;
	}

	.single-site #photo-gallery .content-container.no-carousel{
		padding: 0px;
	}

.single-site .section-wrap:nth-of-type(3){
	margin-top: 0px;
	padding: 0px;
}

.single-site .section-wrap:nth-of-type(3) .content-container{

	flex-wrap: wrap;
}

.single-site #related-events,
.single-site #related-sites{
	flex: 1;
}

.single-site #related-events{
	padding: 0px 30px 90px calc(100% / 10 + 15px);
}

.single-site #related-sites{
	padding: 0px calc(100% / 10 + 15px) 90px 30px;
}

.single-site #related-events h3,
.single-site #related-sites h3{
	margin-bottom: 30px;
    font-size: 26px;
    line-height: 32px;
}

.single-site .event-card {
    position: relative;
    flex-basis: calc(100% / 3 - (20px / 3));
    margin-right: 10px;
    padding: 15px 10px;
    border: 5px solid white;
    font-size: 0px;
    background: white;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    color: #333;
    margin-bottom: 10px;
    align-items: center;
    transition: border .25s ease-in-out;
}

.single-site .event-card:hover {
    border: 5px solid #f8f8f8;
}

.single-site .event-card > div {
    display: flex;
    height: auto;
    width: 100%;
    position: relative;
    align-items: flex-start;
}

.single-site .event-card .date-background {
    flex-basis: 50px;
    position: relative;
    margin-right: calc(15px / 2);
}

.single-site .event-card .card-event-title {
    flex-basis: calc(100% - 65px);
    position: relative;
    bottom: 0px;
    background: transparent;
    color: #36CDE7;
    font-size: 20px;
    line-height: 24px;
}

.single-site .event-card .date-background p:first-of-type {
    width: 100%;
    color: #36CDE7;
    text-transform: uppercase;
    font-family: "tablet-gothic";
    letter-spacing: 4px;
    font-size: 14px;
    font-weight: 700;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-bottom: 0px;
}

.single-site .event-card .date-background p:last-of-type {
    width: calc(100% - 5px);
    font-size: 36px;
    line-height: 32px;
    margin-bottom: 0px;
    position: relative;
    display: block;
    color: #36CDE7;
    text-align: center;
}

.single-site .event-card .card-event-title h4 {
    display: block;
    position: relative;
    margin-bottom: 0px;
    font-size: 16px;
    width: 100%;
    color: #333;
}

.single-site .event-card .card-event-title p {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: 600;
    color: #888;
}

.single-site .event-card .card-event-title a {
    font-size: 16px;
    font-weight: 700;
    color: #36CDE7;
    text-decoration: none;
}


.single-site #related-sites a{
	width: calc(50% - (15px / 2));
	margin-right: 15px;
	height: 125px;
}

.single-site #related-sites a span{
	background: #333;
	color: white;
	width: 100%;
	position: absolute;
	bottom: -40px;
	left: 0px;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	padding: 0px 15px;
}

.single-site #site-gallery{
	width: 100% !important;
	display: block;
	position: relative;
	height: 400px;

	transition: height .25s  cubic-bezier(0.23, 1, 0.32, 1);
}

	.single-site .no-carousel #site-gallery{
		display: none;
	}

.single-site .carousel{
	position: relative;
	overflow: hidden;

}


.single-site .carousel .site-photo{
	position: relative !important;
    width: auto !important;
}

.single-site .carousel .site-photo img{
	width: auto;
	margin: 0 5px;
	display: block;
	height: 400px;
}

.single-site .carousel .site-photo a.overlay-trigger{
	height: 100%;
	width: calc(100% - 10px);
	position: absolute;
	top: 0px;
	left: 5px;
	background: rgba(97, 202, 225, 0.6);
	opacity: 0;
	transition: opacity .25s ease-in-out;
    cursor: pointer;
    z-index: 1500;
}

.single-site .carousel .site-photo p{
	position: absolute;
    bottom: 0px;
    color: white;
    font-weight: 600;
    white-space: normal;
    text-align: left;
    padding: 20px 25px;
    font-size: 12px;
    line-height: 12px;
    z-index: 2000;
    width: 100%;
    text-shadow: 0px 0px 20px black;
}

	.single-site .carousel .site-photo p a.photo-credit-link{
		display: inline-block;
		color: white;
		text-decoration: underline;
		line-height: 12px;
		height: initial;
		position: relative;
		z-index: 200;
		opacity: 1;
		background: 0px;
		margin: 0px;
		padding: 0px;
		left: 0px;
	}

	.single-site .carousel .site-photo p em{
		font-style: normal;
		font-weight: 500;
		font-size: 12px;
		display: inline-block;
		color: #ccc;
	}

	.single-site .carousel .site-photo a:hover{
		opacity: 1;
	}

	.single-site .carousel .site-photo a span{
		height: 100px;
		width: 100px;
		position: absolute;
		left: 50%;
		top: 50%;
		border-radius: 100px;
		background: white;
		transform: translateX(-50%) translateY(-50%);
		padding: 25px;
	}

	.single-site .carousel .site-photo a span svg{
		height: 100%;
		width: 100%;
		position: relative;
		display: block;
	}

		.single-site .carousel .site-photo a span svg *{
			fill: rgba(97, 202, 225, 1);
		}

.single-site .carousel .cycle-carousel-wrap{

}


.single-site #photo-gallery #caption-container{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0px;
	display: block;
	position: relative;
}

.single-site #photo-gallery #caption-container #caption-wrap{

	padding-left: calc(100% / 10 + 15px);
	padding-right: calc(100% / 10 + 15px);
	display: block;
	position: relative;
	width: 100%;
	max-width: 100%;
	transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);

}

.single-site #photo-gallery #caption-container #caption-wrap p{
	text-align:right;
	display: block;
	position: relative;
	height: 45px;
	line-height: 45px;
	font-size: 12px;
	color: white;
	font-weight: 600;
	text-align: center;
}

.single-site #photo-gallery #caption-container #caption-wrap p a{
	color: white;
}

.single-site #photo-gallery #caption-container #caption-wrap p em{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	font-size: 9px;
	margin-right: calc(15px / 2);
	font-style: normal;
	color: #ccc;
}

.single-site #photo-gallery-overlay{
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	display: block;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	padding: 0px 60px;
	z-index: 2000;
	opacity: 0;
	pointer-events: none;

	transition: opacity .25s ease-in-out;
}

	.single-site #photo-gallery-overlay.opened{
		opacity: 1;
		pointer-events: all;
	}

	.single-site #slideshow-contain{
		width: 100%;
		position: relative;
		display: block;
		padding: 0px calc(100% / 10 + 15px);
		height: 100%;
	}

.single-site #photo-gallery-overlay #overlay-wrap{
	max-width: 1400px;
	display: block;
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: calc(100% - 320px);
	top: 160px;
}

.single-site #photo-gallery-overlay #overlay-exit{
	height: 50px;
	width: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	padding: 15px;
	background: black;
	border-radius: 50px;
	z-index: 2001;
	cursor: pointer;
	transition: background .25s ease-in-out;
}

	.single-site #photo-gallery-overlay #overlay-exit:hover{
		background: #36CDE7;
	}

	.single-site #photo-gallery-overlay #overlay-exit svg{
		height: 100%;
		width: 100%;
		position: relative;
		display: block;
	}

	.single-site #photo-gallery-overlay #overlay-exit svg *{
		fill: white;
	}

.single-site #photo-gallery-overlay #overlay-gallery{
	height: 100%;
	max-height: 980px;
	position: relative;
	width: 100%;
}

.single-site #photo-gallery-overlay #overlay-gallery .overlay-photo{
	width: 100%;
	height: 100%;
}

.single-site #photo-gallery-overlay #overlay-gallery .overlay-photo img{

}



@media screen and (max-width: 1520px){

	.single-site #photo-gallery #caption-container{
		max-width: 100%;
		padding: 0px 60px;
	}

}


@media screen and (max-width: 1280px){

	.single-site #single-site-content{
		padding: 0px 0px 60px;
	}

	.single-site #site-gallery{
		height: 300px;
	}

	.single-site #photo-gallery .content-container{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.single-site .carousel .site-photo img{
		height: 300px;
	}

	.single-site #related-events{
		padding: 0px 30px 90px 0px;
	}

	.single-site #related-sites{
		padding: 0px 0px 90px 30px;
	}

	.single-site #photo-gallery #caption-container #caption-wrap{
		padding: 0px;
	}

}


@media screen and (max-width: 980px){

	.single-site #site-content h1{
		font-size: 48px;
		line-height: 56px;
		margin-bottom: 10px;
	}

	.single-site #description{
		flex-basis: calc(100% - 275px);
		margin-top: 45px;
		font-size: 16px;
		line-height: 26px;
	}

	.single-site #main-details{
		flex-basis: calc(100% - 245px);
	}

	.single-site #site-thumbnail{
		height: 245px;
		width: 245px;
		flex-basis: 245px;
	}

	.single-site .site-history{
		flex-basis: calc(275px - 30px);
	}

	.single-site .carousel .site-photo img{
		height: 250px;
	}

	.single-site #site-gallery{
		height: 250px;
	}


}


@media screen and (max-width: 890px){

	.single-site #main-content {
	    padding-top: 140px;
	}

	.single-site #site-content address:before{
		display: none;
	}

	.single-site #related-events{
		padding: 0px 15px 60px 0px;
	}

	.single-site #related-sites{
		padding: 0px 0px 60px 15px;
	}

	.single-site #related-sites a {
	    width: 100%;
	    margin-bottom: 60px;
	    height: 40vw;
	    margin-right: 0px;
	}

	.single-site #site-details{
		padding-top: 30px;
	}

	.single-site #site-content h1{
		font-size: 40px;
		line-height: 48px;
		margin-bottom: 10px;
	}

	.single-site #photo-gallery #caption-container{
		padding: 0px 30px;
	}

}

@media screen and (max-width: 768px){

	.single-site .section-wrap:nth-of-type(1) .content-container{
		padding: 0px;
	}

	.single-site #site-content h1{
		font-size: 36px;
		line-height: 44px;
	}

	.single-site #site-content address, .single-site #site-content address a{
		font-size: 18px;
		line-height: 26px;
	}

	.single-site #description h3 {
	    font-size: 22px;
	    line-height: 32px;
	    font-weight: 600;
	    margin-bottom: 20px;
	}

	.single-site #site-thumbnail{
		order: 1;
		flex-basis: 100%;
		border-radius: 0px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.single-site #main-details{
		padding-left: 30px;
		flex-basis: 100%;
	}

	.single-site .site-history{
		flex-basis: calc(100% - 60px);
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 30px;
	}

	.single-site #description{
		flex-basis: calc(100%);
		padding-left: 30px;
		padding-right: 30px;
	}

	.single-site #site-details{
		padding-top: 0px;
	}

	.single-site #related-events{
		flex-basis: 100%;
		padding: 0px 0px 60px;
	}

	.single-site #related-events .event-card{
		margin-right: 0px;
	}

	.single-site #related-sites{
		flex-basis: 100%;
		padding: 0px 0px 60px;
	}

	.single-site #site-content .see-all{
		padding-left: 30px;
	}

	.single-site #site-thumbnail{
		height: 50vw;
	}

}

@media screen and (max-width: 680px){

	.single-site #photo-gallery #caption-container #caption-wrap p{
		text-align: center;
	}

}





.single-event #main-content .section-wrap:nth-of-type(1){
    width: 100%;
    max-width: 100%;
    color: #ddd;
    position: relative;
    display: block;
    background: #666;
    padding: 45px 0px;
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.single-event #main-content {
    padding-top: 225px;
}

.single-event .content-container {
    max-width: 1400px;
    margin: 0 auto;
}

.single-event #single-event-content{
	flex: 7;
    padding-left: calc(100% / 10 + 15px);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.single-event #header-content{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0px 0px;
	position: relative;
	align-items: center;
}

	.single-event #event-image{
		flex: 3;
		height: 300px;
		padding-right: 45px;
		position: relative;
	}

	.single-event #event-image > div{
		width: 100%;
		position: relative;
		height: 100%;
		background: black;
	}

	.single-event #event-image p{
		position: absolute;
		display: block;
		bottom: 0px;
		padding: 0px 15px 10px 15px;
		width: 100%;
		color: white;
		font-size: 12px;
		font-weight: 700;
		text-shadow: 0px 0px 10px black;
	}

		.single-event #event-image p em{
			font-style: normal;
			font-weight: 500;
		}

	.single-event #event-information{
		flex: 4;
		padding-left: 30px;
	}

	.single-event #event-information h1{
	    color: white;
	    font-size: 36px;
	    line-height: 40px;
	    font-weight: 700;
	    display: inline-block;
	    position: relative;
	    letter-spacing: -.04em;
	    margin-bottom: 0px;
	}

	.single-event #event-main-info{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		align-items: flex-start;
	}

		.single-event #event-main-info #title{
			flex-basis: 60%;
			align-self: flex-end;
		}

		.single-event #event-main-info #registration-link{
			flex-basis: 40%;
			text-align: right;
			align-self: flex-end;
		}


		.single-event #event-main-info #registration-link.double{
			order: 2;
			flex-basis: 100%;
			text-align: left;
		}

		.single-event #event-main-info #registration-link.double a{
			margin-left: 0px;
			margin-right: 5px;
		}

		.single-event #event-main-info #start-end-time{
			flex-basis: 50%;
			margin-top: 30px;
		}

		.single-event #event-main-info #meeting-place{
			flex-basis: 50%;
			padding-right: 30px;
			margin-top: 30px;
			position: relative;
		}



		.single-event #event-main-info #meeting-place small{
			margin-bottom: 10px;
		}

		.single-event #event-main-info small{
			display: block;
			position: relative;
			font-size: 11px;
			text-transform: uppercase;
			margin-bottom: 5px;
			letter-spacing: 1px;
			color: #aaa;
			font-weight: 700;
		}

		.single-event #event-main-info small + p {
			margin-bottom: 10px;
			color: white;
		}

		.single-event #event-main-info #meeting-place a{
			font-size: 24px;
			line-height: 32px;
			margin: 0px 0 20px 0;
			font-weight: 300;
			font-style: normal;
			display: inline-block;
			color: white;
			position: relative;
			transition: color .25s ease-in-out;
		}

			.single-event #event-main-info #meeting-place a:hover{
				color: #ccc;
			}


		.single-event #event-main-info #meeting-place a:before{
			display: block;
			height: 36px;
			width: 36px;
			content: " ";
			position: absolute;
			left: -45px;
			background: transparent url(../images/pin-h.svg) no-repeat center center;
			background-size: 36px 36px;
		}


.single-event #back-to-landing{
	flex-basis: 100%;
}

.single-event #back-to-landing a{
    color: white;
    font-size: 18px;
    text-decoration: none;
    transition: color .25s ease-in-out;
}

	.single-event #back-to-landing a:hover{
		color: #ccc;
	}


.single-event #main-content .section-wrap:nth-of-type(2){
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block;
    padding: 45px 0px;
}

	.single-event #main-content .section-wrap:nth-of-type(2) .content-container > div{
		flex: 7;
	    padding-left: calc(100% / 10 + 15px);
	    position: relative;
	    display: flex;
	    flex-wrap: wrap;
	    padding-right: calc(100% / 10 + 15px);
	    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-tour-info{
		flex-basis: calc(100% / 3);
		position: relative;
		padding-right: 30px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description{
		position: relative;
		flex-basis: 100%;
		    line-height: 1.75;
    font-size: 18px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-tour-info ~ #event-description{
		padding-left: 30px;
		flex-basis: calc(100% / 3 * 2);
	}


	.single-event #main-content .section-wrap:nth-of-type(2) h3{
		font-size: 24px;
		color: #36CDE7;
		margin-bottom: 30px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description p {
		font-size: 18px;
		margin-top: 30px;
	    line-height: 28px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description p + ul{
		margin-top: 15px;
		padding-left: 45px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description p + ul li {
	    margin-bottom: 10px;
	    font-size: 18px;
    }

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description p + ul li:last-of-type{
		margin-bottom: 0px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description p:first-of-type{
		margin-top: 0px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description p a{
		font-weight: 600;
		color: #36CDE7;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description p:last-of-type{
		margin-bottom: 0px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) small{
		display: block;
	    position: relative;
	    font-size: 11px;
	    text-transform: uppercase;
	    margin-bottom: 5px;
	    letter-spacing: 1px;
	    font-weight: 700;
	    color: #888;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) h4 + small{
		margin-top: 20px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) h4{
		font-size: 18px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) h4 ul{
		margin-bottom: 20px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) h4 ul:last-of-type{
		margin-bottom: 0px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) h4 ul li{
		font-weight: 500;
	    font-size: 15px;
	    line-height: 28px;
		display: list-item;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) h4 p{
		font-weight: 500;
		font-size: 15px;
	}

	.single-event #main-content .section-wrap:nth-of-type(3){
	    width: 100%;
	    max-width: 100%;
	    position: relative;
	    display: block;
	    padding: 0px 0px 90px;
	}

	.single-event #main-content .section-wrap:nth-of-type(3) .content-container > div{
		flex: 7;
	    padding-left: calc(100% / 10 + 15px);
	    position: relative;
	    display: flex;
	    flex-wrap: wrap;
	    padding-right: calc(100% / 10 + 15px);
	    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
	}

	.single-event #main-content .section-wrap:nth-of-type(3) .blank-block{
		flex-basis: calc(100% / 3);
	}

	.single-event #main-content .section-wrap:nth-of-type(3) #event-related-content{
		flex-basis: calc(100% / 3 * 2);
		position: relative;
	}

	.single-event #main-content .section-wrap:nth-of-type(3) .blank-block ~ #event-related-content{
		padding-left: 30px;
	}

	.single-event #main-content .section-wrap:nth-of-type(3) #event-related-content h3{
		font-size: 24px;
		color: #36CDE7;
		margin-bottom: 30px;
	}

	.single-event #main-content .section-wrap:nth-of-type(3) #event-related-content > div{
		display: flex;
		width: 100%;
		position: relative;
		flex-wrap: wrap;

	}

	.single-event #main-content .related-event{
		flex-basis: calc(100% / 2);
		height: 250px;
		position: relative;
		cursor: pointer;
	    margin-right: 15px;
	    margin-bottom: 30px;
	    height: 300px;
	    position: relative;
	    background: white;
	    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
	    font-size: 16px;
	}

	.single-event #main-content .related-event .thumbnail-background{
	    height: calc(100% - 50px);
	    width: 100%;
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    display: block;
	}

	.single-event #main-content .related-event .thumbnail-site-title{
		height: 50px;
	    width: 100%;
	    position: absolute;
	    display: block;
	    bottom: 0px;
	    background: #333;
	    color: white;
	    font-size: 14px;
	    font-weight: 600;
	    line-height: 50px;
	    padding: 0px 20px;
	}


@media screen and (max-width: 1280px){

	.single-event #single-event-content,
	.single-event #main-content .section-wrap:nth-of-type(2) .content-container > div,
	.single-event #main-content .section-wrap:nth-of-type(3) .content-container > div{
		padding-left: 0px;
		padding-right: 0px;
	}

	.single-event #event-image{
		flex: initial;
		flex-basis: 45%;
	}

	.single-event #event-main-info{
		flex: initial;
		flex-basis: 55%;
	}

	.single-event #event-main-info #title,
	.single-event #event-main-info #registration-link,
	.single-event #event-main-info #meeting-place,
	.single-event #event-main-info #start-end-time{
		flex-basis: 100%;
	}

	.single-event #event-main-info #start-end-time{
		margin-bottom: 20px;
		margin-top: 0px;
	}

	.single-event #event-main-info #registration-link{
		order: 4;
		text-align: left;
		font-size: 0px;
	}

	.single-event #event-main-info #registration-link .button.orange{
		margin-left: 0px;
	}


}


@media screen and (max-width: 1080px){

	.single-event #event-image,
	.single-event #event-information{
		flex-basis: 50%;
	}

}


@media screen and (max-width: 980px){

	.single-event #main-content .section-wrap:nth-of-type(2) #event-tour-info ~ #event-description{
		order: 1;
		flex-basis: 100%;
		padding-left: 0px;
		margin-bottom: 30px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-tour-info{
		order: 2;
		flex-basis: 100%;
	}

	.single-event #main-content .section-wrap:nth-of-type(3) .blank-block{
		display: none;
	}

	.single-event #main-content .section-wrap:nth-of-type(3) #event-related-content{
		order: 1;
		flex-basis: 100%;
		margin-right: 0px;
		padding-left: 0px;
	}

	.single-event #main-content .related-event{
		margin-right: 0px;
	}

}


@media screen and (max-width: 890px){

	.single-event #main-content{
		padding-top: 65px;
	}

}


@media screen and (max-width: 768px){

	.single-event #event-information{
		padding-left: 0px;
	}

	.single-event #event-image, .single-event #event-information{
		flex-basis: 100%;
	}

	.single-event #event-image{
		padding-right: 0px;
		margin-bottom: 30px;
		height: 50vw;
	}

		.single-event #event-image > div{
			background-position: center bottom !important;
		}

	.single-event #event-main-info #meeting-place, .single-event #event-main-info #start-end-time{
		flex-basis: 50%;
	}

	.single-event #event-main-info #meeting-place a:before{
		display: none;
	}

	.single-event #event-main-info #start-end-time{
		margin-top: 30px;
		margin-bottom: 0px;
	}

	.single-event #event-main-info #registration-link{
		margin-top: 15px;
	}

	.single-event #main-content .related-event{
		height: 40vw;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description p{
		font-size: 18px;
		line-height: 28px;
	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description p + ul li{
		font-size: 16px;
	}

	.single-event #event-main-info #meeting-place a{
		font-size: 18px;
		line-height: 26px;
	}

}


@media screen and (max-width: 680px){

	.single-event #event-main-info #meeting-place, .single-event #event-main-info #start-end-time{
		flex-basis: 100%;
	}

	.single-event #event-main-info #start-end-time{
		margin-top: 0px;
	}

	.single-event #main-content .related-event{
		flex-basis: 100%;
		height: 60vw;

	}

	.single-event #main-content .section-wrap:nth-of-type(2) #event-description p{
		font-size: 16px;
		line-height: 24px;
	}

	.single-event #event-main-info #registration-link.double a{
		display: block;
		width: 100%;
		position: relative;
		margin-right: 0px;
		text-align: center;
	}

}




/*
Phase 02
*/






#nav-menu li.draft  {

display: none!important;
}

.pagination-carousel {
	color: white;
	padding: 15px 25px;
	text-align: center;
		color: #333;

	}

.pagination-carousel span{
margin-left: 15px;
margin-right: 15px;
	color: #333;
	transition: color .15s ease-in-out;
	-webkit-transition: color .15s ease-in-out;
	cursor: pointer!important;

}

.pagination-carousel span:hover {
	color: white;
		transition: color .15s ease-in-out;
	-webkit-transition: color .15s ease-in-out;
}

.single-site #photo-gallery .content-container, .single-event #photo-gallery .content-container {
    padding-top: 90px;
}


.sponsor-gratituity-off #modal-image{
    padding-right: 30px;
    color: #333;
    margin-left: auto!important;
    margin-right: auto!important;
}






/* SITES & EVENTS -- PAGINATION */
.events .content-container #filter-breadcrumbs > div:first-of-type > *, .events .content-container #filter-breadcrumbs-bottom > div:first-of-type > * {
    height: 40px;
    line-height: 40px;
}

.events .content-container .facetwp-pager .facetwp-page.active, .sites .content-container .facetwp-pager .facetwp-page.active {
    color: white;
    font-weight: 700;
    pointer-events: none;
    background: #36CDE7;
    padding: 0 15px;
    border-radius: 0px;
}
/* END --- SITES & EVENTS -- PAGINATION */










/* HOME -- BUTTONS */

#main-content #home-header-wrap .content-container .content-copy a#involved {
    display: inline-block;
    margin-right: 0px;
    background: #36CDE7;
    vertical-align: middle;
    position: relative;
    transition: background .25s ease-in-out;
	display:none;
}

#main-content #home-header-wrap .content-container .content-copy a span {
    width: 100%;
    display: inline-block;
    position: relative;
    background: none;
    font-weight: 700;
    line-height: 45px;
    font-family: "tablet-gothic", Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif !important;
    font-size: 16px !important;
    color: White;
    border: 0px;
    padding: 0px 15px !important;
}


#main-content #home-header-wrap .content-container .content-copy  a#involved:hover {
    background: #333;
}


.about .section-wrap li a {
    color: #888;
    transition: color .25s ease-in-out;
}

.about .section-wrap li a:hover {
    color: #36CDE7;
    transition: color .25s ease-in-out;
}



/* RESPONSIVE */
@media screen and (max-width: 890px) {

	.opened #nav-menu {
	margin-top: 30px;
}

}








/* footer New */
	#footer-wrap #footer-container{
		position: relative !important;
		display: block !important;
	}

	#footer-wrap #footer-container #footer-contact{
		margin-bottom: 30px;
	}


	#footer-wrap #footer-container #footer-main{
		padding-left: 0px !important;
	}











/*===========================================*/
/*
/*	Page Mini template
/*
/*===========================================*/

.page-template-mini {
	background: #fff;
	margin-top: 0px !important;
	color: #333;
}

.page-template-mini .container {
	margin: 40px auto 100px auto;
	max-width: 1400px;
}


.page-template-mini .container.smaller {
		max-width: 1080px;
}

.page-template-mini p{
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 24px 0;
}

.page-template-mini p em {
    font-size: 26px;
    line-height: 32px;
    margin: 0px 0 20px 0;
    font-weight: 300;
    font-style: normal;
    color: #333;
    display: block;
    position: relative;
}

.page-template-mini p em strong {
	font-weight: 600;
}

.page-template-mini h5 {
	font-size: 18px;
    font-weight: 700;
    color: #36CDE7;
    margin: 0 0 20px;
}

.page-template-mini .container.smaller h5 {
	padding: 0px;
}

.page-template-mini .half {
	display: inline-block;
    vertical-align: top;
    width: 48%;
}



.page-template-mini #main-content {
	padding-top: 225px;
}

.page-template-mini .button.blue {
    width: auto;
    text-decoration: none;
    display: inline-block;
    position: relative;
    background: #36CDE7;
    font-weight: 700;
    line-height: 45px;
    font-family: "tablet-gothic", Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif !important;
    font-size: 16px !important;
    color: White;
    border: 0px;
    padding: 0px 15px !important;
    transition: background .25s ease-in-out;
}

.page-template-mini .button.blue:hover {
	background: #666;
}

.page-template-mini p a {
    color: #36CDE7;
    transition: color .25s ease-in-out;
}

.page-template-mini p a:hover {
    color: #29A4BC;
    transition: color .25s ease-in-out;
}

	@media screen and (max-width: 768px){
		.page-template-mini p {
		    font-size: 16px;
		    line-height: 26px;
	    }

	}

@media screen and (max-width: 480px){
	.page-template-mini .button.blue {
	    font-size: 12px !important;
	}

}



.page-template-mini #main-content {
    padding-top: 225px;
}

.page-template-mini .section-wrap {
	margin-bottom: 100px;
}

.page-template-mini .content-container {
    display: flex;
}

.page-template-mini .content-container .content-copy {
    flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.page-template-mini .content-container .content-image {
    flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}


.page-template-mini p em {
    width: 80%;
}

.page-template-mini .content-container .content-image {
	flex: 5;
    display: flex;
    position: relative;
    align-items: flex-start;
    padding-right: 60px;
    padding-left: calc(100% / 10 + 15px);
    transition: padding .25s cubic-bezier(0.23, 1, 0.32, 1);
}

.page-template-mini .content-container .content-image-wrap {
    border-radius: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.page-template-mini .content-container .content-image-wrap #content-image-gradient {
    background: rgba(222, 222, 222, 0.6);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    display: block;
    transform: rotate();
    top: 0;
    left: 0;
    z-index: 1;
}

.page-template-mini .content-container .content-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
}


.page-template-mini  h1:first-of-type {
    color: #36CDE7;
	color: #012A3A;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    display: block;
    position: relative;
    width: 100%;
    letter-spacing: -.04em;
    margin-bottom: 30px;
}



@media screen and (max-width: 1280px){
	.page-template-mini .content-container .content-image {
		padding-left: 0px;
	}

	.page-template-mini .content-container .content-copy {
		padding-right: 0px;
	}
}


@media screen and (max-width: 890px){

	.page-template-mini #main-content {
		padding-top: 0px;
	}

	.page-template-mini .section-wrap {
		margin-bottom: 50px;
	}

	.page-template-mini .content-container {
		flex-direction: column;
		padding: 0px;
	}

	.page-template-mini .content-container .content-image {
		order: 1;
		padding: 0px;
		height: 80vw;
		margin-top: 65px;
	}

	.page-template-mini .content-container .content-copy {
		order: 2;
	    padding: 50px 30px 0px;
	}


	.page-template-mini .content-container .content-image-wrap {
		border-radius: 0px;
		height: 100%;
	}

	.page-template-mini .content-container .content-image-wrap img {
		position: absolute;
		z-index: 2;
		top: 50%;
		transform: translateY(-50%);
	}

}



/* Sites Template */
.sites #sites-intro-blurb li {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	margin: 0 0 18px 0;
	list-style-type: square;
}

.sites #sites-intro-blurb li a{
	color: #36CDE7;
	transition: color .25s ease-in-out;
}

.sites #sites-intro-blurb li a:hover{
	color: #29A4BC;
	transition: color .25s ease-in-out;
}




/* Index Site Tours */
.site-tours-intro {
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block;
    padding: 60px 0px;
    background: #efefef;
    color: 555;
    padding: 45px 60px;
    max-width: 100%;	
}

@media screen and (max-width: 890px) {
.site-tours-intro {
     padding: 45px 30px;
}
}

.site-tours-intro .intro-paragraph {
    color: #333;
}


.site-tours-intro .content-container {
    display: flex;
    margin: 0 auto;
}

.site-tours-intro .content-container {
    max-width: 1400px;
    margin: 0 auto;
}

@media screen and (max-width: 890px) {
.site-tours-intro  .content-container {
    flex-direction: column;
    padding: 0px;
    display: block;
}
}

.site-tours-intro .content-container .content-copy, .site-tours-intro .content-container .content-image {
    flex: 7;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: calc(100% / 10 + 15px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.site-tours-intro .content-container .content-copy {
    flex: 7;
    padding-left: calc(100% / 10 + 15px);
    text-align: center;
}

@media screen and (max-width: 1520px) {
.site-tours-intro .content-container .content-copy {
    padding-left: calc(100% / 10 + 15px);
}
}

@media screen and (max-width: 1280px) {
.site-tours-intro .content-container .content-copy {
    padding-left: 0px;
}
}

@media screen and (max-width: 890px) {
.site-tours-intro .content-container .content-image, .site-tours-intro .content-container .content-copy {
    width: 100%;
    padding: 0px;
    padding-top: 30px;
    position: relative;
    display: block;
}
}

@media screen and (max-width: 890px) {
.site-tours-intro .content-container .content-copy {
    order: 1;
    padding: 30px 0px 0px;
    text-align: center;
}
}


.site-tours-intro p {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 24px 0;
}

.site-tours-intro p em {
    font-size: 26px;
    line-height: 32px;
    margin: 0px 0 20px 0;
    font-weight: 300;
    font-style: normal;
    color: #333;
    display: block;
    position: relative;
}

.site-tours-intro p em strong {
    font-weight: 600;
}

.site-tours-intro ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    position: relative;
}

.site-tours-intro ul li {
    flex-basis: calc(25% - (15px / 4));
    background: white;
    margin-right: 5px;
    display: flex;
    align-items: center;
    padding: 25px;
    /* text-align: center; */
    margin-top: 0px;
    margin-bottom: 5px;
    background: rgba(255,255,255,0.9);
    box-sizing: border-box;
    box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    transition: background .25s ease-in-out;
}

.site-tours-intro ul li a {
    color: #36CDE7;
    text-decoration: none;
    display: block;
    font-size: 18px;
    text-align: center;
    width: 100%;
    z-index: 2;
    position: relative;
    transition: color .25s ease-in-out;
}

.site-tours-intro ul li:nth-of-type(4n) {
    margin-right: 0px;
}


@media screen and (max-width: 1280px) {
.site-tours-intro ul li {
    flex-basis: calc(25% - 5px);
    margin-right: 5px;
}
}

@media screen and (max-width: 890px) {
.site-tours-intro ul li {
    flex-basis: calc(50% - (5px / 2));
    margin-right: 5px;
}
}

@media screen and (max-width: 600px) {
.site-tours-intro ul li {
    flex-basis: 100%;
    margin-right: 0px;
}
}

@media screen and (max-width: 890px) {
.site-tours-intro ul li a {
    font-size: 16px;
}
}

@media screen and (max-width: 890px) {
.site-tours-intro  ul li:nth-of-type(2n) {
    margin-right: 0px;
}
}


/*===========================================*/
/*
/*	Simple Pages
/*
/*===========================================*/


.privacy, .user-agreement{
	background: #fff;
	margin-top: 0px !important;
	color: #333;
}

.privacy .container, .user-agreement{
	margin: 40px auto 100px auto;
	max-width: 1400px;
}


.privacy .container.smaller, .user-agreement .container.smaller {
		max-width: 1080px;
}



.privacy .container *, .user-agreement .container *{
}

.privacy p, .user-agreement p{
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 24px 0;
}

.privacy p em, .user-agreement p em{
    font-size: 26px;
    line-height: 32px;
    margin: 0px 0 20px 0;
    font-weight: 300;
    font-style: normal;
    color: #333;
    display: block;
    position: relative;
}

	.privacy p em strong, .user-agreement p em strong {
		font-weight: 600;
	}

.privacy h5, .user-agreement h5{
	font-size: 18px;
    font-weight: 700;
    color: #36CDE7;
    margin: 0 0 20px;
}



	.privacy .container.smaller h5, .user-agreement .container-smaller h5{
		padding: 0px;
	}

.privacy .half, .user-agreement .half{
	display: inline-block;
    vertical-align: top;
    width: 48%;
}



.privacy #main-content, .user-agreement #main-content{
	padding-top: 225px;
}






.privacy .button.blue, .user-agreement .button.blue{
    width: auto;
    text-decoration: none;
    display: inline-block;
    position: relative;
    background: #36CDE7;
    font-weight: 700;
    line-height: 45px;
    font-family: "tablet-gothic", Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif !important;
    font-size: 16px !important;
    color: White;
    border: 0px;
    padding: 0px 15px !important;
    transition: background .25s ease-in-out;
}

.privacy .button.blue:hover, .user-agreement .button.blue:hover {
	background: #666;
}



.privacy p a, .user-agreement p a{
    color: #36CDE7;
    transition: color .25s ease-in-out;
}

	.privacy p a:hover, .user-agreement p a:hover{
	    color: #29A4BC;
	    transition: color .25s ease-in-out;
	}




	@media screen and (max-width: 768px){

		.privacy p, .user-agreement p{
		    font-size: 16px;
		    line-height: 26px;
	    }

	}

@media screen and (max-width: 480px){


	.privacy .button.blue, .user-agreement .button.blue{

	    font-size: 12px !important;

	}

}









.privacy #main-content, .user-agreement #main-content {
    padding-top: 225px;
}

.privacy .section-wrap, .user-agreement .section-wrap{
	margin-bottom: 100px;
}

.privacy .content-container, .user-agreement .content-container {
    display: flex;
}

.privacy .content-container .content-copy, .user-agreement .content-container .content-image {
    flex: 1;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: calc(100% / 10 + 80px);
    transition: padding .75s cubic-bezier(0.23, 1, 0.32, 1);
}

.privacy p em, .user-agreement p em  {
    width: 80%;
}

.privacy .content-container .content-image, .user-agreement .content-container .content-image{
	flex: 0;
    display: flex;
    position: relative;
    align-items: flex-start;
    padding-right: 60px;
    padding-left: calc(100% / 10 + 15px);
    transition: padding .25s cubic-bezier(0.23, 1, 0.32, 1);
}

.privacy .content-container .content-image-wrap, .user-agreement .content-container .content-image-wrap {
    border-radius: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.privacy .content-container .content-image-wrap #content-image-gradient, .user-agreement .content-container .content-image-wrap #content-image-gradient {
    background: rgba(222, 222, 222, 0.6);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    display: block;
    transform: rotate();
    top: 0;
    left: 0;
    z-index: 1;
}

.privacy .content-container .content-image-wrap img, .user-agreement .content-container .content-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
}


.privacy h1:first-of-type, .user-agreement h1:first-of-type {
    color: #36CDE7;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    display: block;
    position: relative;
    width: 100%;
    letter-spacing: -.04em;
    margin-bottom: 30px;
}




@media screen and (max-width: 1280px){

	.privacy .content-container .content-image, .user-agreement .content-container .content-image{
		padding-left: 0px;
	}

	.privacy .content-container .content-copy, .user-agreement .content-container .content-copy{
		padding-right: 0px;
	}

}


@media screen and (max-width: 890px){

	.privacy #main-content, .user-agreement #main-content{
		padding-top: 0px;
	}

	.privacy .section-wrap, .user-agreement .section-wrap{
		margin-bottom: 50px;
	}

	.privacy .content-container, .user-agreement .content-container{
		flex-direction: column;
		padding: 0px;
	}

	.privacy .content-container .content-image, .user-agreement .content-container .content-image{
		order: 1;
		padding: 0px;
		height: 80vw;
		margin-top: 65px;
	}

	.privacy .content-container .content-copy, .user-agreement .content-container .content-copy{
		order: 2;
	    padding: 50px 30px 0px;
	}


	.privacy .content-container .content-image-wrap, .user-agreement .content-container .content-image-wrap{
		border-radius: 0px;
		height: 100%;
	}

	.privacy .content-container .content-image-wrap img, .user-agreement .content-container .content-image-wrap img{
		position: absolute;
		z-index: 2;
		top: 50%;
		transform: translateY(-50%);
	}

}







/* Animation
-------------------------------------------------- */
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating{
	-webkit-animation: rotating 25s linear infinite;
	-moz-animation: rotating 25s linear infinite;
	-ms-animation: rotating 25s linear infinite;
	-o-animation: rotating 25s linear infinite;
	animation: rotating 25s linear infinite
}

#clouds{
    position: absolute;
    left: 0;
    right: 0;
    margin: -40px auto 0 auto;
    display: block;
    max-width: 960px;
    width: 100%;
    height: 100%;
    background: url(../images/clouds-01.svg) repeat-x 0px 0px / 960px auto;
    z-index: 2;
    animation: animatedBackground 120s linear infinite;
}

	#clouds:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100px;
		height: 100%;
		background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);
		background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%);
		background: linear-gradient(to right, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='rgba(0, 240, 240, 0.94118)',GradientType=1 );
		z-index: 2;
	}

	#clouds:after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
		height: 100%;
		background: -webkit-linear-gradient(left, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%);
		background: -webkit-linear-gradient(left, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%);
		background: linear-gradient(to right, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 240, 240, 0.94118)', endColorstr='#f0f0f0',GradientType=1 );
	}

	@-webkit-keyframes animatedBackground {
		from { background-position: 0 0; }
		to { background-position: 960px 0; }
	}

	@keyframes animatedBackground {
		from { background-position: 0 0; }
		to { background-position: 960px 0; }
	}

	#clouds span{
		position: relative;
		margin: 20px 0 0 0;
		display: block;
		width: 100%;
		height: 185px;
		background: url(../images/clouds-02.svg) repeat-x 0px 0px / 960px auto;
		z-index: 0;
		animation: animatedBackground 60s linear infinite;
	}
	
	
@-webkit-keyframes pulsating {
	0% { background-color: rgba(255, 255, 255, 0.9) }
	50% { background-color: rgba(255, 255, 255, 1) }
	100% { background-color: rgba(255, 255, 255, 0.9) }
}

@keyframes pulsating {
	0% { background-color: rgba(255, 255, 255, 0.9) }
	50% { background-color: rgba(255, 255, 255, 1) }
	100% { background-color: rgba(255, 255, 255, 0.9) }
}

.pulsating{
	-webkit-animation: pulsating 1s linear infinite;
	-moz-animation: pulsating 1s linear infinite;
	-ms-animation: pulsating 1s linear infinite;
	-o-animation: pulsating 1s linear infinite;
	animation: pulsating 1s linear infinite
}
	


























/* Extra
-------------------------------------------------- */
.sites #main-content {
    /*padding-top: 0px;*/
}

.sites .section-wrap:nth-of-type(2), .sites .section-wrap:nth-of-type(3) {
    margin: 0px auto 0px;
}

.sites .section-wrap:nth-of-type(2) .content-container {
    max-width: 1400px;
    margin: 0px auto 0px;

}

/* container */
.temp-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px){
.temp-container {
    max-width: 540px;
}
}
@media (min-width: 768px) {
.temp-container {
    max-width: 720px;
}
}
@media (min-width: 992px) {
.temp-container {
    max-width: 960px;
}
}

@media (min-width: 1200px){
.temp-container {
    max-width: 1140px;
}
}


/* button */
.boxed-btn3 {
    background: #012A3A;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 400;
    border: 0;
    border: 0px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
	text-decoration: none;	
	line-height: 1.65;
}

.boxed-btn3:hover {
    background: transparent;
    color: #012A3A !important;
	background: #fff;
    border: 0px solid #012A3A;
}

.solid-btn3 {
    background: #eee;
    color: #012A3A;
    display: inline-block;
    padding: 12px 50px;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    border: 0px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    /* color: #fff; */
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.65;
    letter-spacing: 0.04em;
}

.solid-btn3:hover {
    background: transparent;
    color: #012A3A !important;
	background: #fff;
    border: 0px solid #012A3A;
}

.solid-btn-blue {
	background: #BDFAFC;	
}

.solid-btn-green {
	 background: #79D97C;
}

.hollow-btn3 {
    background: transparent;
    color: #fff;
    display: inline-block;
    padding: 10px 40px;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    border: 4px solid #012A3A;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    color: #012A3A;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.65;
    letter-spacing: 0.08em;
}

.hollow-btn3:hover {
    background: transparent;
    color: #012A3A !important;
	background: #fff;
    border: 4px solid #fff;
}



/* overlay */
.overlay-home {
    position: relative;
    z-index: 0;
}

/* overlay light sky */
.overlay-home::before {
    position: absolute;
    content: "";
	background: rgba(189, 250, 252, 0.25) ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.overlay-home-light {
    position: relative;
    z-index: 0;
}

/* overlay light sky */
.overlay-home-light::before {
    position: absolute;
    content: "";
	background: rgba(189, 250, 252, 0.05) ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* overlay medium sky */
.overlay2 {
    position: relative;
    z-index: 0;
}

.overlay2::before {
    position: absolute;
    content: "";
    background: rgba(94, 216, 232, 0.5) ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


/* overlay */
.overlay {
    position: relative;
    z-index: 0;
}

/* overlay light sky */
.overlay::before {
    position: absolute;
    content: "";
	background: rgba(189, 250, 252, 0.5) ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* overlay medium sky */
.overlay2 {
    position: relative;
    z-index: 0;
}

.overlay2::before {
    position: absolute;
    content: "";
    background: rgba(94, 216, 232, 0.5) ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* overlay medium navy */
.overlay3 {
    position: relative;
    z-index: 0;
}

.overlay3::before {
    position: absolute;
    content: "";
    background: rgba(1, 42, 58, 0.5) ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* overlay green */
.overlay4 {
    position: relative;
    z-index: 0;
}

.overlay4::before {
    position: absolute;
    content: "";
    background: rgba(121, 217, 124, 0.5) ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


/* overlay callout 1 */
.overlay-callout-1 {
    position: relative;
    z-index: 0;
}

.overlay-callout-1::before {
    position: absolute;
    content: "";
    background: rgba(121, 217, 124, 0.15) ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* overlay callout 2 */
.overlay-callout-2 {
    position: relative;
    z-index: 0;
}

.overlay-callout-2::before {
    position: absolute;
    content: "";
    background: rgba(1, 42, 58, 0.95) ;
	    background: rgba(41, 164, 188, 0.15) ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


/* bootstrap */
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}


.text-center {
    text-align: center!important;
}




.titleboard_bg_sites {
  background-image: url(../images/backgrounds/background-title1.jpg);
}

.titleboard_bg_events {
  background-image: url(../images/backgrounds/background-title2.jpg);
}

.titleboard_bg_sponsors {
  background-image: url(../images/backgrounds/background-title3.jpg);
}

.titleboard_bg_volunteer {
  background-image: url(../images/backgrounds/background-title4.jpg);
}

.titleboard_bg_donate {
  background-image: url(../images/backgrounds/background-title5.jpg);
}

.titleboard_bg_about {
  background-image: url(../images/backgrounds/background-title6.jpg);
}

.titleboard_bg_contact {
  background-image: url(../images/backgrounds/background-title7.jpg);
}

.titleboard_area {
  position: relative;
  z-index: 0;
}

.titleboard_area .single_titleboard {
  height: 650px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 767px) {
  .titleboard_area .single_titleboard {
    height: 450px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .titleboard_area .single_titleboard {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .titleboard_area .single_titleboard .titleboard_text {
    margin: 0;
  }
}

.titleboard_area .single_titleboard .titleboard_text span {
  font-size: 40px;
  font-weight: 400;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 700;
}

.titleboard_area .single_titleboard .titleboard_text h3 {
  font-weight: 700;
  font-size: 96px;
  color: #fff;
  line-height: 1;
  margin-top: 65px;
  margin-bottom: 20px;
  color:#012A3A;
  letter-spacing: -.02em;
}

.titleboard_area .single_titleboard .titleboard_text h3 span {
  font-weight: 700;
}

@media (max-width: 767px) {
  .titleboard_area .single_titleboard .titleboard_text h3 {
    font-size: 60px;
    line-height: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .titleboard_area .single_titleboard .titleboard_text h3 {
    font-size: 54px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .titleboard_area .single_titleboard .titleboard_text h3 {
    font-size: 100px;
  }
}

.titleboard_area .single_titleboard .titleboard_text p {
  font-size: 20px;
  font-weight: 600;
  color: #FFF;
  margin-bottom: 34px;
  margin-top: 10px;
  color:#012A3A;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .titleboard_area .single_titleboard .titleboard_text p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .titleboard_area .single_titleboard .titleboard_text p {
    font-size: 18px;
  }
}



/* button style */
.owl-carousel .owl-nav div {
  background: transparent;
  height: 50px;
  left: 0px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
  color: #707070;
  background-color: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: 50px;
  font-size: 15px;
  line-height: 50px;
  border: 1px solid #4D6174;
  left: 150px;
  color: #fff;
}

.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 150px;
}

.owl-carousel .owl-nav div.owl-next i {
  position: relative;
  right: 0;
}

.owl-carousel .owl-nav div.owl-prev i {
  position: relative;
  top: 0px;
}

.owl-carousel:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
}

.owl-carousel:hover .owl-nav div:hover {
  color: #fff;
  background: #001D38;
  border: 1px solid transparent;
}

.owl-nav {display:none!important;}

/* Slider */

@media screen and (max-width: 890px){
.index #main-content {
    padding-top: 80px;
}
}

.slider-space {height:600px;}

@media screen and (max-width: 890px){
.slider-space {height:400px;}
}

.slider_bg_1 {
  background-image: url(../images/features/DoorsOpen_Illustration_Square.webp);
}

.slider_bg_2 {
  background-image: url(../images/features/cover2.jpg);
}

.slider_bg_3 {
  background-image: url(../images/features/cover3.jpg);
}

.slider_bg_4 {
  background-image: url(../images/features/cover4.jpg);
}

.slider_bg_5 {
  background-image: url(../images/features/cover5.jpg);
}

.slider_area {
  position: relative;
  z-index: 0;
	background: #BDFAFC;
}

.slider_area .single_slider {
  height: 1360px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

@media (max-width: 767px) {
  .slider_area .single_slider {
    height: auto;
	min-height: 750px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slider_area .single_slider {
    height: 700px;
  }
}

@media (max-width: 767px) {
  .slider_area .single_slider .slider_text {
    margin: 100px 0 50px 0;
  }
}

.slider_area .single_slider .slider_text span {
    font-size: 30px;
    font-weight: 700;
    color: #012A3A;
    text-transform: uppercase;
    box-decoration-break: clone;
    line-height: 1.4;
    letter-spacing: 0.1em;
}

.slider_area .single_slider .slider_text h3 {	
font-weight: 600;
    font-size: 128px;
    color: #012A3A;
    margin-top: 0px;
    margin-bottom: 30px;
    letter-spacing: -.02em;
    text-align: center;
    text-transform: none;
    line-height: 1.1;

}

.slider_area .single_slider .slider_text h3 a {
	text-decoration: none;
	color: #012A3A;
	color: #fff;
}

.slider_area .single_slider .slider_text h3 span {
  font-weight: 700;
}

@media (max-width: 767px) {
  .slider_area .single_slider .slider_text h3 {
    font-size: 64px;
    line-height: 1.3;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slider_area .single_slider .slider_text h3 {
    font-size: 48px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .slider_area .single_slider .slider_text h3 {
    font-size: 72px;
  }
}

.slider_area .single_slider .slider_text p {
  font-size: 24px;
  color: #012A3A;
  margin-bottom: 34px;
  margin-top: 10px;
  font-weight: 400;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .slider_area .single_slider .slider_text p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .slider_area .single_slider .slider_text p {
    font-size: 16px;
  }
}



.slider_area .owl-carousel .owl-nav div {
  height: 120px;
  left: 0px;
  width: 50px;
  color: #fff;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  left: 50px;
  font-size: 14px;
  border: none;
  left: 150px;
  line-height: 120px;
  background: rgba(255, 255, 255, 0.2);
  left: 0;
  border: none !important;
}

.slider_area .owl-carousel .owl-nav div.owl-next {
  right: 0;
  left: auto;
}

.slider_area .owl-carousel .owl-nav div:hover {
  background: white;
  color: #001D38;
  border: none;
}


.padding-0 {
    padding: 0!important;
}

.temp-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.grid-half {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 768px){
.grid-half {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}

.grid-third {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 768px){
.grid-third {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}
}


.temp-container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

	

.callout_bg_1 {
  background-image: url(../images/callouts/callout-site.jpg);
}

.callout_bg_2 {
  background-image: url(../images/callouts/callout-event.jpg);
}

.callout_bg_3 {
  background-image: url(../images/callouts/callout-site.jpg);
}

.catagory_area .single_catagory {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 220px 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .catagory_area .single_catagory {
    padding: 150px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .catagory_area .single_catagory {
    padding: 136px 20px;
  }
}

.catagory_area .single_catagory h3 {
	font-size: 48px;
	color: #fff;
	color: #012A3A;
	
	font-weight: 700;
	margin-bottom: 0;
	letter-spacing: -.04em;
}

.catagory_area .single_catagory h3 a {
	color: #fff;
	color: #012A3A;
	
	text-decoration: none;
}

.catagory_area .single_catagory p {
  font-size: 24px;
  line-height: 28px;
    color: #fff;
  color: #012A3A;

  margin: 12px 0 24px 0;
  font-weight: 400;

}

@media (max-width: 767px) {
  .catagory_area .single_catagory p br {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .catagory_area .single_catagory p br {
    display: none;
  }
}

.catagory_area .single_catagory:hover {

}