#admin-menu-wrapper ul, #admin-menu-wrapper ol { font-size: 12px; }
/** General Styles **/
* { margin: 0; }
html { font-size: 18px !important; }
html, body { height: 100%; }
body { margin: 0; }
a { font-weight: 900; color: #1ba0c3; text-decoration: none; }
h1 { padding-top: 28px; padding-bottom: 28px; font-family: "proxima-nova-extra-condensed"; font-size: 56px; font-weight: 900; color: #1ba0c3; text-transform: uppercase; line-height: 45px; text-align: center; }
h2 { padding-bottom: 28px; font-family: "open-sans"; font-size: 18px; font-weight: 900; color: #c6d444; text-transform: uppercase; text-align: center; }
h3 { padding-bottom: 25px; font-family: "open-sans"; font-size: 18px; font-weight: 900; color: #c6d444; text-transform: uppercase; }
p { padding-bottom: 28px; font-family: "open-sans", sans-serif; font-size: 18px; font-weight: 100; color: #3e4142; }
hr { margin-top: 42px; margin-bottom: 42px; border-collapse: collapse; border-top: none; border-right: none; border-bottom: 1px solid #ebebeb; border-left: none; }
label, legend { font-family: "open-sans", sans-serif; font-size: 18px; font-weight: 100; }
ul, ol { padding-bottom: 28px; font-family: "open-sans", sans-serif; font-size: 18px; font-weight: 100; color: #3e4142; }
.img-responsive { max-width: 100%; }
@media (max-width: 768px) {
  h1 { font-size: 40px; }
  p, label, legend, ul, ol { font-size: 16px; }
}
img { max-width: 100%; }
.title hr { margin-top: 0; }

/** Wrapper **/
.wrapper { height: auto !important; height: 100%; margin: 0 auto -80px; }
.header { padding: 50px; text-align: center; }
.header #logo { max-width: 282px; }
@media (max-width: 640px) {
  .header #logo { max-width: 70%; }
}

/** Social Ribbons **/
#ribbon1, #ribbon2, #ribbon3 { display: none; }
@media (min-width: 992px) {
  #ribbon1 { display: block; width: 180px; height: 280px; position: absolute; top: 0; right: 60px; overflow: hidden; }
  #ribbon1 .container { position: relative; width: 25px; height: 250px; padding: 0; overflow: hidden; margin: 0 auto; }
  #ribbon1 .base { display: table; height: 51px; width: 25px; background: #1e5998; position: relative; z-index: 2; }
  #ribbon1 a { display: table-cell; vertical-align: middle; color: #FFF; text-align: center; }
  #ribbon1 .left_corner { width: 33px; height: 100px; background: #1e5998; position: absolute; top: 24px; left: -50px; z-index: 1;
  	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg); }
  #ribbon1 .right_corner { width: 41px; height: 100px; background: #1e5998; position: absolute; top: -36px; right: -41px; z-index: 1;
  	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg); }
  #ribbon2 { display: block; width: 180px; height: 280px; position: absolute; top: 0; right: 30px; overflow: hidden; }
  #ribbon2 .container { position: relative; width: 25px; height: 250px; padding: 0; overflow: hidden; margin: 0 auto; }
  #ribbon2 .base { display: table; height: 51px; width: 25px; background: #0097d9; position: relative; z-index: 2; }
  #ribbon2 a { display: table-cell; vertical-align: middle; color: #FFF; text-align: center; }
  #ribbon2 .left_corner { width: 33px; height: 100px; background: #0097d9; position: absolute; top: 24px; left: -50px; z-index: 1;
  	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg); }
  #ribbon2 .right_corner { width: 41px; height: 100px; background: #0097d9; position: absolute; top: -36px; right: -41px; z-index: 1;
  	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg); }
  #ribbon3 { display: block; width: 180px; height: 280px; position: absolute; top: 0; right: 0; overflow: hidden; }
  #ribbon3 .container { position: relative; width: 25px; height: 250px; padding: 0; overflow: hidden; margin: 0 auto; }
  #ribbon3 .base { display: table; height: 51px; width: 25px; background: #cd201f; position: relative; z-index: 2; }
  #ribbon3 a { display: table-cell; vertical-align: middle; color: #FFF; text-align: center; }
  #ribbon3 .left_corner { width: 33px; height: 100px; background: #cd201f; position: absolute; top: 24px; left: -50px; z-index: 1;
  	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg); }
  #ribbon3 .right_corner { width: 41px; height: 100px; background: #cd201f; position: absolute; top: -36px; right: -41px; z-index: 1;
  	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg); }
}

/** Navigation **/
.navigation { position: relative; min-height: 50px; max-width: 100%; height: auto; padding: 0 0 15px; border-bottom: 20px solid #c1d52f; }
.navbar-header { float: left; width: 10%; }
nav.navbar-collapse { height: 50px; width: 100%; }
nav.navbar-collapse ul { padding: 0; border-top: 20px solid #1ba0c3; list-style: none; text-align: center; }
nav.navbar-collapse ul li { display: inline-block; margin-top: -20px; padding: 10px 20px 0; border-top: 20px solid #1ba0c3; }
nav.navbar-collapse ul li:first-child { margin-left: 0; }
nav.navbar-collapse ul li:hover { border-top: 20px solid #c1d52f; }
@media (min-width: 992px) {
  nav.navbar-collapse ul li.active-trail { border-top: 20px solid #c1d52f; }
}
nav.navbar-collapse ul li a { font-family: "proxima-nova-extra-condensed"; font-size: 20px; font-weight: 900; text-transform: uppercase; color: #1ba0c3; }
.mobile-bar, .social-icons-top { display: none; }
@media screen and  (max-width: 992px) {
  .navigation { padding: 0; }
	.navbar-header { width: 100%; float: none; background-color: #1ba0c3; }
	nav.navbar-collapse { display: none; float: none; width: 100%; height: auto; }
  nav.navbar-collapse ul { border-top: none; }
  nav.navbar-collapse ul li { border-top: none; padding-top: 0; }
  nav.navbar-collapse ul li:hover { border-top: none; }
  nav.navbar-collapse ul li.active { border-top: none; }

	/* default navbar (just change the class) */
	nav.navbar-collapse.default ul { display: block; margin-top: 20px; text-align: center; }
	nav.navbar-collapse.default ul li { display: block; margin: 20px 0; text-align: center; }
	nav.navbar-collapse.default ul li:first-child { margin-top: 0; }

	.mobile-bar { display: block; padding: 0; float: left; }
	button { display: inline-block; margin: 0; border: none; background: none; height: 50px; outline: none; }
	button span { display: block; }
	.lines-button { padding: 0; transition: .3s; user-select: none; -webkit-transform: scale3d(0.4, 0.4, 0.4); transform: scale3d(0.4, 0.4, 0.4); }
	.lines-button:hover { opacity: 1; }
	.lines-button:active { transition: 0; }
	.lines { display: inline-block; width: 4rem; height: 0.47143rem; background: #FFF; transition: 0.3s; position: relative; }
	.lines:before, .lines:after { display: inline-block; width: 4rem; height: 0.47143rem; background: #FFF; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.lines:before { top: 1rem; }
	.lines:after { top: -1rem; }
	.lines-button:hover .lines:before { top: 1.14286rem; }
	.lines-button:hover .lines:after { top: -1.14286rem; }
	.lines-button.close { -webkit-transform: scale3d(0.4, 0.4, 0.4); transform: scale3d(0.4, 0.4, 0.4); }
	.lines-button.x.close .lines { background: transparent; }
	.lines-button.x.close .lines:before, .lines-button.x.close .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 4rem; }
	.lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
	.lines-button.x.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
  .social-icons-top { display: block; padding: 0; float: right; }
  .social-icons-top ul { list-style: none; padding: 10px 20px 0; }
  .social-icons-top ul li { display: inline-block; }
  .social-icons-top a { display: block; margin-left: 5px; }
  .social-icons-top img { width: 30px; }
}

/** Content **/
.content-wrapper { background-color: #FFF; width: 80%; margin: 0 auto; }
@media (max-width: 768px) {
  .content-wrapper { width: 90%; }
}

/** Footer **/
.footer, .push { height: 80px; }
.footer { width: 100%; height: auto; padding: 0; border-top: 7px solid #1ba0c3; }
.footer .footer-top .block-inner { display: table; width: 100%; height: 100px; margin: 0 auto; }
.footer .footer-top .block-inner p { display: table-cell; vertical-align: middle; margin: 0 auto; padding: 0; text-align: center; }
.footer .footer-top .block-inner p img { width: 300px; }
.footer .footer-bottom .block-inner { display: table; width: 100%; height: 80px; margin: 0 auto; border-top: 7px solid #d6d6d6; text-align: center; }
.footer .footer-bottom .block-inner p { display: table-cell; vertical-align: middle; padding: 0; font-size: 12px; text-align: center; }
.footer .footer-bottom .block-inner p a { font-family: "open-sans", sans-serif; font-size: 14px; font-weight: 100; color: #3e4142; }

/** Form Styles **/
.form-item, .form-actions { margin: 0 auto; text-align: center; }
input[type="text"],
input[type="email"],
select { height: 40px; margin-bottom: 28px; padding: 0 18px; background-color: #FFF; border: 2px solid #1ba0c3; -webkit-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; font-family: "open-sans", sans-serif; font-size: 18px; font-weight: 100; color: #3e4142; }
textarea { margin-bottom: 28px; padding: 0 18px; background-color: #FFF; border: 2px solid #1ba0c3; -webkit-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; font-family: "open-sans", sans-serif; font-size: 18px; font-weight: 100; color: #3e4142; }
fieldset { border: none; margin: 0; padding: 0; }
::-webkit-input-placeholder { color: #3e4142; }
:-moz-placeholder { color: #3e4142; }
::-moz-placeholder { color: #3e4142; }
:-ms-input-placeholder { color: #3e4142; }
input[type="submit"] { display: block; outline: none; width: 150px; margin: 20px auto 60px; padding: 11px 0 10px; background-color: #c6d444; border: none; border-radius: 10px; font-family: "proxima-nova"; font-size: 17px; font-weight: 900; color: #FFF; text-transform: uppercase; text-align: center; }
input[type="submit"]:hover { background-color: rgba(27, 160, 195, 1);  }
@media (max-width: 640px) {
  input[type="submit"] { margin-top: 30px; }
}
select { background: url(images/dropdown-arrow.jpg) no-repeat 100%; color: #3e4142; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input:focus,
select:focus { outline: 0; }
.radio { font-family: "open-sans", sans-serif; font-size: 18px; font-weight: 100; color: #3e4142; }
.radio span { float: left; width: 55%; }
.radio .radio-buttons { float: left; width: 40%; }
@media (max-width:1024px) {
  .radio span { float: none; width: 100%; display: block; }
  .radio .radio-buttons { float: none; width: 100%; display: block; margin: 0 auto; text-align: center; }
}
.radio label { margin-right: 10px; }
input[type="radio"] { border: 2px solid #1ba0c3; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 25px; margin: -4px 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: middle; width: 25px; min-width: 25px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -webkit-border-radius: 50%; border-radius: 50%; margin-right: 4px; line-height: 10px; }
input[type="radio"]:checked + label:before { color: #c1d52f; }
input[type="radio"]:disabled,
input[type="radio"]:disabled:checked:before { opacity: 0.7; }
input[type="radio"]:checked:before { float: left; display: inline-block; vertical-align: middle; width: 25px; font: normal 21px/1 'dashicons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\2022"; text-indent: -9999px; -webkit-border-radius: 50px; border-radius: 50px; font-size: 30px; width: 12px; height: 12px; margin: 4px; line-height: 20px; background-color: #c1d52f; }
.form-error.alert.alert-danger { margin-bottom: 30px; font-family: "open-sans", sans-serif; font-size: 18px; font-weight: 100; color: #3e4142; }
span.help-block.form-error { font-family: "open-sans", sans-serif; font-size: 18px; font-weight: 100; color: #3e4142; }
@media (max-width: 768px) {
  input[type="text"],
  input[type="email"],
  select,
  .radio,
  .form-error.alert.alert-danger,
  span.help-block.form-error { font-size: 16px; }
}
.disclaimer { margin: 0 auto; max-width: 300px; }
.disclaimer img { max-width: 100%; }
form#webform-client-form-17 { max-width: 690px; margin: 0 auto; }

/** Popup Window **/
.popup { position: fixed; left: 0; top: 0; z-index: 99999; height: 100%; width: 100%; background-color: rgba(94, 110, 141, 0.9); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; }
.popup.visible { overflow-x: hidden; overflow-y: auto; opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.popup-container { position: relative; width: 90%; max-width: 600px; margin: 40px auto; padding: 5px; background-color: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.popup-container h2 { padding-top: 28px; padding-bottom: 28px; font-family: "proxima-nova-extra-condensed"; font-size: 56px; font-weight: 900; color: #1ba0c3; text-transform: uppercase; line-height: 45px; text-align: center; }
.popup-container .field-content { padding: 0 20px; }
.popup-header { width: 100%; }
.popup-header .popup-close { float: right; margin-bottom: 25px; font-family: "open-sans", sans-serif; font-size: 18px; font-weight: 100; line-height: 12px; }
.popup-wrapper { padding: 0 20px 20px; }
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modal-content { background-color: #252e32 !important; border-radius: 0 !important; color: #FFF; text-align: center; }
.modal-content a { color: #c1d340; }
.modal-header { border-bottom: 0 !important; }
.modal-header .close { margin-top: -24px !important; }

/** Front Page **/

/** Hero **/
.hero { background-color: #FFF; padding-bottom: 15px; border-bottom: 10px solid #1ba0c3; }
.hero iframe { width: 100%; height: 50vw; }

/** About Us **/
.about { background-color: #FFF; padding-top: 60px; padding-bottom: 60px; }
.about-container { width: 80%; margin: 0 auto; text-align: center; }
.about h2 { padding-bottom: 30px; font-family: "proxima-nova-extra-condensed"; font-size: 56px; font-weight: 900; color: #1ba0c3; text-transform: uppercase; line-height: 45px; text-align: center; }
@media (max-width: 768px) {
  .about-container { width: 90%; }
}

/** Dividers **/
.parallax-window1 { min-height: 384px; background: transparent; }
.parallax-window2 { min-height: 384px; background: transparent; }

/** Videos **/
.media { background-color: #FFF; padding-top: 60px; padding-bottom: 60px; }
.media-container { width: 80%; margin: 0 auto; text-align: center; }
.media h1 { padding-top: 0; }
.media h2 { padding-bottom: 40px; margin-top: 10px; font-family: "proxima-nova-extra-condensed"; font-size: 24px; font-weight: 900; color: #1ba0c3; text-transform: uppercase; text-align: left; line-height: 24px; }
@media (max-width: 768px) {
  .media-container { width: 90%; }
}

/** Blog **/
.blog { background-color: #FFF; padding-top: 60px; padding-bottom: 60px; }
.blog-container { width: 80%; margin: 0 auto; }
.blog h1 { padding-top: 0; padding-bottom: 30px; }
.blog .view-content .blog-block { padding-top: 15px; border-top: 10px solid #c1d52f; }
.blog .view-content .views-field.views-field-title a { font-family: "proxima-nova-extra-condensed"; font-size: 25px; font-weight: 900; color: #1ba0c3; text-transform: uppercase; }
.blog .view-content .views-field.views-field-body p { padding-bottom: 15px; font-size: 16px; }
.blog .view-content .views-field.views-field-view-node a  { font-family: "open-sans", sans-serif; font-size: 18px; font-weight: 900; color: #1ba0c3; }
.submitted { padding-bottom: 20px; font-family: "open-sans"; font-size: 11px; font-weight: 100; font-style: italic; }
h3.blog { padding-top: 25px; padding-bottom: 25px; font-family: "open-sans"; font-size: 18px; font-weight: 900; color: #c6d444; text-transform: uppercase; }
@media (max-width: 768px) {
  .blog-container { width: 90%; }
  .blog .view-content .blog-block { padding-bottom: 30px; }
}

/** Partners **/
.partners { text-align: center; }
.partners h2 { margin-top: 0; margin-bottom: 0; padding-bottom: 10px; font-family: "proxima-nova-extra-condensed"; font-size: 24px; font-weight: 900; color: #1ba0c3; text-transform: uppercase; line-height: 24px; text-align: center; }
.partners .row { padding: 33px 0; border-top: 7px solid #c1d52f; }
.partners .logo { display: inline-block; margin-right: 100px; }
.partners .logo:first-child { margin-left: -50%; }
.partners .logo img { max-height: 80px; width: auto; }
.partners .marquee { width: 100%; overflow: hidden; }

/** See More **/
.more-link { outline: none; width: 150px; margin: 40px auto 0; padding: 10px 0; background-color: #c6d444; border: none; border-radius: 10px; font-family: "proxima-nova"; font-size: 17px; font-weight: 900; color: #FFF; text-transform: uppercase; text-align: center; clear: both; }
.more-link a { color: #FFF; }
.more-link a:hover { cursor: default; }
.more-link:hover { background-color: rgba(27, 160, 195, 1); cursor: default; }
.more-link::after { content: '\25b8'; margin-left: 12px; font-size: 19px; }
button.see-more { outline: none; width: 150px; margin-top: 40px; padding: 10px; background-color: #c6d444; border: none; border-radius: 10px; font-family: "proxima-nova"; font-size: 17px; font-weight: 900; color: #FFF; text-transform: uppercase; text-align: center; }
button.see-more:hover { background-color: rgba(27, 160, 195, 1); cursor: default; }
button.see-more::after { content: '\25b8'; margin-left: 12px; font-size: 19px; }

/** Resources Page **/
.button { width: 100%; margin: 0 auto 40px; text-align: center; }
button.resources-btn { outline: none; width: 150px; margin: 5px; padding: 20px; background-color: #1ba0c3; border: none; border-radius: 10px; font-family: "proxima-nova"; font-size: 17px; font-weight: 900; color: #FFF; text-transform: uppercase; line-height: 0; text-align: center; }
button.resources-btn:hover { background-color: rgba(193, 213, 47, 1);  }

/** Blog Page **/
.view-blog-page .views-row { padding: 0 0 33px; margin-bottom: 44px; border-collapse: collapse; border-bottom: 1px solid #ebebeb; }
.view-blog-page h2 { padding-top: 0; padding-bottom: 25px; font-family: "open-sans"; font-size: 18px; font-weight: 900; color: #c6d444; line-height: 18px; text-transform: uppercase; text-align: left; }
.view-blog-page h2 a { color: #c6d444; }
/*.view-blog-page .submitted { padding-bottom: 20px; font-family: "open-sans"; font-size: 11px; font-weight: 100; font-style: italic; }*/
.view-blog-page ul.inline li { padding: 0; }
.view-blog-page ul.inline li a { font-family: "open-sans"; font-size: 16px; font-weight: 900; text-transform: uppercase; }
.view-blog-page .item-list ul { margin: 0 0 60px 0; }
.view-blog-page .item-list .pager li { padding: 0; }
.view-blog-page .item-list ul li { margin: 0 0 0 10px; }
.sharethis-wrapper { margin-top: 10px; }
.stButton { margin-left: 0; }

/** Map Page **/
.map .navbar-collapse { padding-right: 0 !important; padding-left: 0 !important; }
.map a:hover { text-decoration: none; }
.map .row { margin-left: 0 !important; margin-right: 0 !important; }
.map h1 { margin-top: 0; padding-top: 28px; padding-bottom: 28px; font-family: "proxima-nova-extra-condensed" !important; font-size: 56px !important; font-weight: 900 !important; color: #1ba0c3 !important; text-transform: uppercase; line-height: 45px !important; text-align: center; }
.map h2 { padding-bottom: 28px; font-family: "open-sans" !important; font-size: 18px !important; font-weight: 900 !important; color: #c6d444 !important; text-transform: uppercase; text-align: center; }

/** Videos Page **/
.video img { width: 100%; }
.video p { margin-top: 10px; padding-bottom: 40px; font-family: "proxima-nova-extra-condensed"; font-size: 24px; font-weight: 900; color: #1ba0c3; text-transform: uppercase; text-align: left; }

/** Issues Page **/
.activity-filter { width: 100%; padding-bottom: 25px; margin-bottom: 42px; border-collapse: collapse; border-top: none; border-right: none; border-bottom: 1px solid #ebebeb; border-left: none; font-family: "open-sans"; font-size: 16px; font-weight: 900; color: #1ba0c3; text-transform: uppercase; }
.views-exposed-form .form-item { display: inline-block; }
.views-exposed-form .form-item a { font-family: "open-sans", sans-serif; font-size: 16px; font-weight: 900; color: #1ba0c3; text-transform: uppercase; }
.views-exposed-form .form-item a.active { color: #8e9092; }
.state .img-block img { width: 150px; }
.state .img-block { display: block; margin-bottom: 20px; text-align: center; }
.state p { font-size: 14px; text-transform: uppercase; text-align: center; }
.stateclick { cursor: pointer; }
.select { display: none; }
@media (max-width: 768px) {
  .state .img-block { display: block; text-align: center; }
  .state .img-block img { width: auto; }
}
@media (max-width: 640px) {
  .state .img-block { display: block; height: auto; margin-bottom: 20px; text-align: center; }
}

/** Interstitial **/
#cboxOverlay { opacity: 0.7 !important; }
#colorbox { background: #fff; border-top: 10px solid #c1d52f; border-bottom: 10px solid #1ba0c3; }
#cboxWrapper { background: transparent; border-radius: 0; }
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { display: none; }
#cboxContent { padding: 30px; }
#cboxContent, #cboxLoadedContent { margin-bottom: 0; width: 100% !important; height: 100% !important; box-sizing: border-box; }
.meeting-logo { margin: 0 auto 20px; text-align: center; }
.meeting-logo img { max-width: 327px; }
#cboxLoadedContent p { padding-bottom: 10px; font-size: 14px; text-align: center; }
#cboxLoadedContent p strong { color: #1ba0c3; }
#cboxLoadedContent p.hashtag { padding: 30px 0; font-size: 28px; font-weight: 700; }
button.register-now { outline: none; width: 346px; max-width: 346px; margin-top: 20px; margin-bottom: 0; padding: 12px 0 10px; background-color: #c6d444; border: none; border-radius: 10px; font-family: "proxima-nova"; font-size: 17px; font-weight: 900; color: #FFF; text-transform: uppercase; text-align: center; letter-spacing: 1px; }
button.register-now:hover { background-color: rgba(27, 160, 195, 1); cursor: default; }
#cboxClose { display: block; outline: none; margin: 0 auto; position: static; background: transparent; width: auto; height: auto; text-indent: 0; font-family: "open-sans", sans-serif; font-size: 14px; font-weight: 900; color: #1ba0c3; text-align: center; text-transform: uppercase; letter-spacing: 1px; text-decoration: underline; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: border-box; }
@media (max-width: 768px) {
  #colorbox { left: 0 !important; }
  #colorbox, #cboxWrapper { width: 100% !important; }
}
@media (max-width: 640px) {
  #colorbox, #cboxWrapper { height: 31% !important;}
  .nonmobile { display: none; }
  #cboxContent { padding: 20px; }
  .meeting-logo { margin-bottom: 5%; }
  .meeting-logo img { max-width: 287px; }
  #cboxLoadedContent p.hashtag { padding: 10px 0 20px; font-size: 28px; font-weight: 700; }
}
@media (max-width: 480px) {
  #colorbox, #cboxWrapper { height: 262px !important;}
  .meeting-logo { margin-bottom: 2%; }
  .meeting-logo img { max-width: 250px; }
  #cboxLoadedContent p.hashtag { padding: 10px 0 20px; font-size: 28px; font-weight: 700; }
  button.register-now { max-width: 100%; }
}