/*
Theme Name: Connectivity Bootstrapped
Theme URI: http://underscores.me/
Author: Corey Spiegel
Author URI: https://www.spiegelweb.com
Description: A customized Wordpress theme built for Connectivity Wireless
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: connectivitytheme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Bootstrap to WordPress is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Theme Specific Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

/* Small menu */
.menu-toggle {
	display: none;
}

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

	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.hs-form-field label {
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	color: #fff !important;
}

/* Flush list items
//
// Remove borders and border-radius to keep list group items edge-to-edge. Most
// useful within other components (e.g., cards).*/

.list-group-flush .list-group-item {
	border-right: 0;
	border-left: 0;
}

.list-group-item-action {
	padding-left: .75em;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* --------------------------------------
   13.0 Theme Specific Styles
   -------------------------------------- */

.badge.social {
	background: #ccc;
	font-size: 24px;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 42px;
	margin: 0 5px 20px 0;
	padding: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: white;
}

.badge.social.twitter:hover {
	background: #55acee;
}

.badge.social.facebook:hover {
	background: #3b5998;
}

.badge.social.gplus:hover {
	background: #db4b39;
}

blockquote {
	padding: 0;
	border: none;
	font-style: italic;
	text-align: left;
}

blockquote cite {
	display: block;
	color: #777;
	margin: 15px 0 0 0;
}

blockquote:before {
	display: none;
}

/* === BASIC PAGE STYLE === */

#page-title {
	background-color: #1d60e9;
	background: linear-gradient(#1d60e9, #59c9fd);
	display: flex;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	border-bottom: #c5d1e5 5px solid;
}


/* ==== LAYOUT ==== */

.row+.row {
	margin-top: 20px;
}

section {
	padding: 0;
}

section.main-content {
	padding: 40px 0;
}

.section-header {
	text-align: center;
}

section h2 {
	margin: 20px 0 10px;
}

section h3 {
	margin: 30px 0 10px;
}

#primary {
	padding-top: 40px;
	padding-bottom: 40px;
}

.feature-image {
	display: table;
	width: 100%;
	height: 400px;
	margin-top: 50px;
}

.feature-image h1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: white;
}


/* === BLOG === */

.post,
.widget,
#comments {
	position: relative;
	border: solid 1px #ddd;
	background: white;
	margin: 0 0 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.post header,
.post .post-excerpt,
.post .post-body,
#comments .comments-wrap {
	padding: 20px;
}

.post header h1,
.post header h3 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #ddd;
}

section.post-content {
	padding: 40px 0 50px;
}

figure {
	display: block;
	width: 100%;
}

.post header h1 {
	font-size: 24px;
}

.post-image img {
	height: auto;
}

.post-details {
	font-size: 12px;
	width: 90%;
}

.post-details i.fa {
	padding-left: 10px;
}

.post-details i.fa:first-child {
	padding: 0;
}

/* === WIDGETS === */

.widget {
	padding: 20px;
}

.widget h4 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: solid 1px #ddd;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin: 0 0 5px;
}

.widget ul li:hover {
	position: relative;
	left: 1px;
}

/* === COMMENTS === */

.post-comments-badge {
	height: 70px;
	width: 70px;
	position: absolute;
	top: 25px;
	right: 20px;
	border: none;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #79b044;
	text-align: center;
	display: table;
}

.post-comments-badge a {
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-size: 20px;
	line-height: 20px;
}

.post-comments-badge i.fa {
	display: block;
	font-size: 15px;
	padding: 0;
	margin-bottom: 4px;
}

.post-comments-badge:hover {
	background-color: #8bc653;
}

#comments h3 {
	text-align: center;
}

#comments h4 {
	font-size: 1.3em;
}

#comments ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

#comments ol li {
	background: rgba(0, 0, 0, 0.02);
	padding: 10px 20px;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0, 0.03);
}

#comments ol li ol.children {
	padding: 0;
	list-style: none;
	font-size: 0.96em;
}

#leave-comment {
	margin: 40px 0 0;
	padding: 20px 0 0;
	border-top: solid 1px #eee;
}

/* specific WordPress comment styles */
#comments footer {
	background: none;
	color: inherit;
}

#comments footer a {
	color: inherit;
}

#comments .comment-metadata {
	margin: 10px 0 0;
}

/* === RESOURCES === */

.resource {
	width: 31.33333333%;
	float: left;
	margin: 0 3% 40px 0;
}

.resource:nth-child(3n) {
	margin-right: 0;
}

/* === FORMS === */

label {
	display: block;
	font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 12px;
}


.hero-container {
  margin-top: -50px;
}
#hero svg {
  max-width: 100%!important;
    height: auto;
    display: block;
}
#hero svg #Background{display: none;}

.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  color: rgba(53, 47, 38, 1);
  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;
  background: rgba(0,0,0,0.25);
}

.cd-popup.is-visible {
  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;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 420px;
  margin: 10em auto;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -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;
}
.cd-popup-container h1, h2 {
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

.cd-popup-container p {
  padding: 10px 25px;
  text-align: center;
}
.cd-popup-button {text-align: center;min-height: 60px;display: block;height: 60px;} 
.btn-cd-popup {padding: 10px 30px;border: 2px solid #1f4995;} 
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  font-size: 0px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: rgb(0, 0, 0);
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
svg {
  max-width: 100%!important;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
}
#City_Hall{
  animation: cityhallanimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -webkit-animation: cityhallanimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -moz-animation: cityhallanimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -o-animation: cityhallanimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -ms-animation: cityhallanimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s
  cursor: pointer;
}
@keyframes cityhallanimation{
  0% {opacity: 0;transform:  translate(-8681px,-1800.576px);}
  100% {opacity: 1;transform:  translate(-8681px,-1692.576px);}
}
@-moz-keyframes cityhallanimation{
  0% {opacity: 0;-moz-transform:  translate(-8681px,-1800.576px);}
  100% {opacity: 1;-moz-transform:  translate(-8681px,-1692.576px);}
}
@-webkit-keyframes cityhallanimation {
  0% {opacity: 0;-webkit-transform:  translate(-8681px,-1800.576px);}
  100% {opacity: 1;-webkit-transform:  translate(-8681px,-1692.576px);}
}
@-o-keyframes cityhallanimation {
  0% {opacity: 0;-o-transform:  translate(-8681px,-1800.576px);}
  100% {opacity: 1;-o-transform:  translate(-8681px,-1692.576px);}
}

@-ms-keyframes cityhallanimation {
  0% {opacity: 0;-ms-transform:  translate(-8681px,-1800.576px);}
  100% {opacity: 1;-ms-transform:  translate(-8681px,-1692.576px);}
}
#Hotel{
  animation: hotelanimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -webkit-animation: hotelanimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -moz-animation: hotelanimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -o-animation: hotelanimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -ms-animation: hotelanimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  cursor: pointer;
}
@keyframes hotelanimation{
  0% {opacity: 0;transform:  translate(-7999.451px,-1700.577px);}
  100% {opacity: 1;transform:  translate(-7999.451px, -1605.401px);}
}

@-moz-keyframes hotelanimation{
  0% {opacity: 0;-moz-transform:  translate(-7999.451px,-1700.577px);}
  100% {opacity: 1;-moz-transform:  translate(-7999.451px, -1605.401px);}
}

@-webkit-keyframes hotelanimation {
  0% {opacity: 0;-webkit-transform:  translate(-7999.451px,-1700.577px);}
  100% {opacity: 1;-webkit-transform:  translate(-7999.451px, -1605.401px);}
}
@-o-keyframes hotelanimation {
  0% {opacity: 0;-o-transform:  translate(-7999.451px,-1700.577px);}
  100% {opacity: 1;-o-transform:  translate(-7999.451px, -1605.401px);}
}
@-ms-keyframes hotelanimation {
  0% {opacity: 0;-ms-transform:  translate(-7999.451px,-1700.577px);}
  100% {opacity: 1;-ms-transform:  translate(-7999.451px, -1605.401px);}
}
  
#Airport{
  animation: airportnimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -webkit-animation: airportnimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -moz-animation: airportnimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -o-animation: airportnimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -ms-animation: airportnimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
  cursor: pointer;
}
@keyframes airportnimation{
  0% {opacity: 0;transform:  translate(-8415.994px,-2000.576px);}
  100% {opacity: 1;transform:  translate(-8415.994px, -1561.356px);}
}

@-moz-keyframes airportnimation{
  0% {opacity: 0;-moz-transform:  translate(-8415.994px,-2000.576px);}
  100% {opacity: 1;-moz-transform:  translate(-8415.994px, -1561.356px);}
}

@-webkit-keyframes airportnimation {
  0% {opacity: 0;-webkit-transform:  translate(-8415.994px,-2000.576px);}
  100% {opacity: 1;-webkit-transform:  translate(-8415.994px, -1561.356px); }
}
@-o-keyframes airportnimation {
  0% {opacity: 0;-o-transform:  translate(-8415.994px,-2000.576px);}
  100% {opacity: 1;-o-transform:  translate(-8415.994px, -1561.356px);}
}
@-ms-keyframes airportnimation {
  0% {opacity: 0;-ms-transform:  translate(-8415.994px,-2000.576px);}
  100% {opacity: 1;-ms-transform:  translate(-8415.994px, -1561.356px);}
}
#Stdium{
  animation: stadiumnimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -webkit-animation: stadiumnimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -moz-animation: stadiumnimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -o-animation: stadiumnimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -ms-animation: stadiumnimation 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
  cursor: pointer;
}
@keyframes stadiumnimation{
  0% {opacity: 0;transform:  translate(-8744.84px,-1930.576px);}
  100% {opacity: 1;transform:  translate(-8744.84px, -1692.576px);}
}

@-moz-keyframes stadiumnimation{
  0% {opacity: 0;-moz-transform:  translate(-8744.84px,-1930.576px);}
  100% {opacity: 1;-moz-transform:  translate(-8744.84px, -1692.576px);}
}

@-webkit-keyframes stadiumnimation {
  0% {opacity: 0;-webkit-transform:  translate(-8744.84px,-1930.576px);}
  100% {opacity: 1;-webkit-transform:  translate(-8744.84px, -1692.576px); }
}
@-o-keyframes stadiumnimation {
  0% {opacity: 0;-o-transform:  translate(-8744.84px,-1930.576px);}
  100% {opacity: 1;-o-transform:  translate(-8744.84px, -1692.576px);}
}
@-ms-keyframes stadiumnimation {
  0% {opacity: 0;-ms-transform:  translate(-8744.84px,-1930.576px);}
  100% {opacity: 1;-ms-transform:  translate(-8744.84px, -1692.576px);}
}

#plane{
  animation: planenimation 4s cubic-bezier(0, .5, 0, 1) forwards;
  -webkit-animation: planenimation 4s cubic-bezier(0, .5, 0, 1) forwards;
  -moz-animation: planenimation 4s cubic-bezier(0, .5, 0, 1) forwards;
  -o-animation: planenimation 4s cubic-bezier(0, .5, 0, 1) forwards;
  -ms-animation: planenimation 4s cubic-bezier(0, .5, 0, 1) forwards;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

@keyframes planenimation{
  0% {opacity: .4;transform:  translate(-7950.724px, -1300.543px);}
  100% {opacity: 1;transform:  translate(-8382.724px, -1053.543px);}
}

@-moz-keyframes planenimation{
  0% {opacity: .4;-moz-transform:  translate(-7950.724px, -1300.543px);}
  100% {opacity: 1;-moz-transform:  translate(-8382.724px, -1053.543px);}
}

@-webkit-keyframes planenimation {
  0% {opacity: .4;-webkit-transform:  translate(-7950.724px, -1300.543px);}
  100% {opacity: 1;-webkit-transform:  translate(-8382.724px, -1053.543px); }
}
@-o-keyframes planenimation {
  0% {opacity: .4;-o-transform:  translate(-7950.724px, -1300.543px);}
  100% {opacity: 1;-o-transform:  translate(-8382.724px, -1053.543px);}
}
@-ms-keyframes planenimation {
  0% {opacity: .4;-ms-transform:  translate(-7950.724px, -1300.543px);}
  100% {opacity: 1;-ms-transform:  translate(-8382.724px, -1053.543px);}
}
  
@media only screen and (min-width: 1170px) {
  .cd-popup-container {margin: 8em auto;}

}
#hero .item {opacity: 0;} 

#hero .skyscraper-container {
    -webkit-animation: fade-hero-down 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
    animation: fade-hero-down 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

#hero .hospital-container {
    -webkit-animation: fade-hero-down 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
    animation: fade-hero-down 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
  -moz-animation: fade-hero-down 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
    -o-animation: fade-hero-down 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
    -ms-animation: fade-hero-down 3s .5s cubic-bezier(0, .5, 0, 1) forwards;
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s;
}

#hero .airplane-container {
    -webkit-animation: fade-airplane-down 3s .2s cubic-bezier(0, .5, 0, 1) forwards;
    animation: fade-airplane-down 3s .2s cubic-bezier(0, .5, 0, 1) forwards;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

@-webkit-keyframes fade-hero-down {
    0% {opacity: 0;
         transform: translateY(-7rem)
    }
    100% {opacity: 1;
        opacity: 1;
        transform: none
    }
}

@keyframes fade-hero-down {
    0% {opacity: 0;
         transform: translateY(-7rem)
    }
    100% {opacity: 1;
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fade-airplane-down {
    0% {opacity: .4;
        transform: translate(40rem, -10rem)
    }
    100% {opacity: 1;
        transform: none
    }
}

@keyframes fade-airplane-down {
    0% {opacity: .4;
        transform: translate(40rem, -10rem)
    }
    100% {opacity: 1;
        transform: none
    }
}
  
#hero .item.mhover:hover {
    fill-opacity: 0.75 !important;
	cursor: pointer !important;
}


  .st0{opacity:0.2;fill:#222B3A;enable-background:new    ;}
  .st1{fill:none;}
  .st2{fill:#66C5EE;}
  .st3{fill:#F5F9FA;}
  .st4{fill:#C7E1F4;}
  .st5{fill:#264A8F;}
  .st6{fill:#385FA8;}
  .st7{fill:none;stroke:#66C5EE;stroke-miterlimit:10;}
  .st8{fill:#385FA8;stroke:#66C5EE;stroke-width:2;stroke-miterlimit:10;}
  .st9{fill:#9DDCF7;}
  .st10{fill:none;stroke:#66C5EE;stroke-width:3.527;stroke-miterlimit:10;}
  .st11{fill:#6EC298;}
  .st12{fill:#45B98F;}
  .st13{opacity:0.31;fill:#6EC298;enable-background:new    ;}
  .st14{opacity:0.666;}
  .st15{opacity:0.899;fill:#C7E1F4;enable-background:new    ;}
  .st16{opacity:0.541;}
  .st17{fill:url(#Trazado_2990_1_);}
  .st18{opacity:0.641;}
  .st19{fill:url(#Trazado_2990-2_1_);}
  .st20{opacity:0.483;fill:url(#Ghost_4_1_);enable-background:new    ;}
  .st21{fill:url(#Elipse_215_1_);}
  .st22{fill:url(#Trazado_3000_1_);}
  .st23{fill:url(#Trazado_2999_1_);}
  .st24{fill:url(#Elipse_217_1_);}
  .st25{opacity:0.5;fill:#6EC298;enable-background:new    ;}
  .st26{fill:url(#Elipse_218_1_);}
  .st27{fill:#375CA6;}
  .st28{fill:url(#Trazado_3002_1_);}
  .st29{fill:url(#Elipse_221_1_);}
  .st30{fill:#4166AD;}
  .st31{fill:url(#Elipse_215-2_1_);}
  .st32{fill:url(#Trazado_3000-2_1_);}
  .st33{fill:url(#Trazado_2999-2_1_);}
  .st34{fill:url(#Elipse_217-2_1_);}
  .st35{fill:#234B91;}
  .st36{opacity:0.999;fill:#1F4E9A;enable-background:new    ;}
  .st37{opacity:0.999;fill:url(#Trazado_3000-3_1_);enable-background:new    ;}
  .st38{opacity:0.628;fill:url(#Trazado_2999-3_1_);enable-background:new    ;}
  .st39{fill:#214D96;}
  .st40{fill:url(#Ghost_8_1_);}
  .st41{opacity:0.994;fill:url(#Ghost_11_1_);enable-background:new    ;}
  .st42{opacity:0.745;fill:url(#Ghost_10_1_);enable-background:new    ;}
  .st43{opacity:0.712;fill:url(#Trazado_2994_1_);enable-background:new    ;}
  .st44{opacity:0.378;fill:url(#Ghost_11-2_1_);enable-background:new    ;}
  .st45{opacity:0.513;fill:url(#Ghost_7_1_);enable-background:new    ;}
  .st46{opacity:0.397;fill:url(#Ghost_6_1_);enable-background:new    ;}
  .st47{opacity:0.415;fill:url(#Trazado_5788_1_);enable-background:new    ;}
  .st48{opacity:0.588;fill:url(#Trazado_5789_1_);enable-background:new    ;}
  .st49{opacity:0.318;}
  .st50{fill:none;stroke:#4165AC;stroke-width:3;stroke-miterlimit:10;}
  .st51{fill:#4165AC;}
  .st52{opacity:0.554;fill:url(#Trazado_5790_1_);enable-background:new    ;}
  .st53{opacity:0.4;}
  .st54{fill:#4165AC;stroke:#264A8F;stroke-width:3;}
  .st55{opacity:0.221;fill:none;stroke:#4165AC;stroke-width:3;stroke-miterlimit:10;enable-background:new    ;}
  .st56{fill:none;stroke:#264A8F;stroke-width:3;stroke-miterlimit:10;}
  .st57{fill:url(#Trazado_3009-12_1_);}
  .st58{opacity:0.678;}
  .st59{opacity:0.332;fill:none;stroke:#4165AC;stroke-width:3;stroke-miterlimit:10;enable-background:new    ;}
  .st60{opacity:0.484;}
  .st61{fill:url(#Trazado_2854_1_);}
  .st62{opacity:0.266;}
  .st63{fill:none;stroke:#81CECE;stroke-width:3;stroke-miterlimit:10;}
  .st64{fill:#83AFDB;}
  .st65{fill:#3B599A;stroke:#F5F9FA;stroke-width:3;stroke-miterlimit:10;}
  .st66{fill:#75BDDD;}
  .st67{fill:url(#Trazado_2791_1_);}
  .st68{opacity:0.7;fill:#385FA8;enable-background:new    ;}
  .st69{fill:#40A2C4;}
  .st70{fill:#3B599A;}
  .st71{fill:#305195;}
  .st72{fill:#5872A8;}
  .st73{fill:#222B3A;}
  .st74{fill:none;stroke:#222B3A;stroke-miterlimit:10;}
  .st75{fill:#7A9BCD;}
  .st76{fill:#9EB9DF;}
  .st77{opacity:0.98;fill:#9FBBE0;enable-background:new    ;}
  .st78{fill:#2EA8DD;}
  .st79{fill:url(#Trazado_2721_1_);}
  .st80{fill:url(#Trazado_2722_1_);}
  .st81{fill:url(#Trazado_2723_1_);}
  .st82{fill:url(#Trazado_2724_1_);}
  .st83{fill:#8EAED9;}
  .st84{fill:none;stroke:#FFFFFF;stroke-width:3.493;stroke-miterlimit:10;}
  .st85{fill:none;stroke:#FFFFFF;stroke-width:4.657;stroke-miterlimit:10;}
  .st86{fill:#7094CA;}
  .st87{fill:none;stroke:#FFFFFF;stroke-width:2.328;stroke-miterlimit:10;}
  .st88{fill:#FFFFFF;}
  .st89{clip-path:url(#SVGID_2_);}
  .st90{clip-path:url(#SVGID_4_);}
  .st91{opacity:0.27;fill:#4165AC;stroke:#FFFFFF;stroke-width:0.873;stroke-miterlimit:10;enable-background:new    ;}
  .st92{fill:#4165AC;stroke:#FFFFFF;stroke-width:0.873;stroke-miterlimit:10;}
  .st93{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
  .st94{opacity:0.536;fill:#66C5EE;enable-background:new    ;}
  .st95{fill:#203362;}
  .st96{fill:#1A212D;}
  .st97{fill:#F1F0F0;}
  .st98{opacity:0.71;}
  .st99{fill:#203B6A;}
  .st100{fill:#1E4275;}
  .st101{opacity:0.866;fill:#203362;enable-background:new    ;}
  .st102{fill:#2B509B;}
  .st103{fill:url(#Trazado_3041-2_1_);}
  .st104{fill:url(#Trazado_3040_1_);}
  .st105{opacity:0.997;}
  .st106{fill:url(#Trazado_3059-2_1_);}
  .st107{fill:#479AD2;stroke:#F5F9FA;stroke-miterlimit:10;}
  .st108{fill:#2074AE;}
  .st109{fill:url(#Trazado_3070-2_1_);}
  .st110{fill:#6FCCDF;}
  .st111{opacity:0.761;}
  .st112{opacity:0.776;}
  .st113{fill:#231F20;stroke:#4165AC;stroke-width:1.549;stroke-miterlimit:10;}
  .st114{fill:#B1DBF4;}
  .st115{fill:#9EDCF7;}
  .st116{fill:#1C232F;}
  .st117{opacity:0.368;fill:#55A1D5;enable-background:new    ;}
  .st118{fill:#66C4ED;}
  .st119{fill:url(#Trazado_2867_1_);}
  .st120{fill:url(#Trazado_2867-2_1_);}
  .st121{fill:url(#Trazado_2867-3_1_);}
  .st122{fill:url(#Trazado_2867-4_1_);}
  .st123{fill:url(#Trazado_2867-5_1_);}
  .st124{fill:url(#Trazado_2867-6_1_);}
  .st125{fill:url(#Trazado_2867-7_1_);}
  .st126{fill:url(#Trazado_2867-8_1_);}
  .st127{fill:url(#Trazado_2867-9_1_);}
  .st128{fill:url(#Trazado_2867-10_1_);}
  .st129{fill:url(#Trazado_2867-11_1_);}
  .st130{fill:url(#Trazado_2867-12_1_);}
  .st131{fill:url(#Trazado_2867-13_1_);}
  .st132{fill:url(#Trazado_2867-14_1_);}
  .st133{fill:url(#Trazado_2867-15_1_);}
  .st134{fill:url(#Trazado_2867-16_1_);}
  .st135{fill:url(#Trazado_2867-17_1_);}
  .st136{opacity:0.204;fill:#222B3A;enable-background:new    ;}
  .st137{fill:#E4E4E4;}
  .st138{fill:#EBF1F9;}
  .st139{fill:#D7E1F2;}
  .st140{fill:#3E64AC;}
  .st141{fill:#C7E1F4;stroke:#3E64AC;stroke-width:3;stroke-miterlimit:10;}
  .st142{fill:none;stroke:#3E64AC;stroke-width:3;stroke-miterlimit:10;}
  .st143{opacity:0.999;}
  .st144{opacity:0.959;fill:#F3F7F8;stroke:#385FA8;enable-background:new    ;}
  .st145{fill:none;stroke:#385FA8;stroke-linecap:round;stroke-miterlimit:10;}
  .st146{opacity:0.961;fill:#F3F7F8;stroke:#385FA8;enable-background:new    ;}
  .st147{fill:#F3F7F8;stroke:#385FA8;stroke-linecap:round;stroke-miterlimit:10;}
  .st148{opacity:0.6;fill:#F3F7F8;stroke:#264A8F;enable-background:new    ;}
  .st149{fill:none;stroke:#264A8F;stroke-width:3.521;stroke-linecap:round;stroke-miterlimit:10;}
  .st150{fill:none;stroke:#385FA8;stroke-width:10.563;stroke-miterlimit:10;}
  .st151{fill:#55A1D5;}
  .st152{clip-path:url(#SVGID_6_);}
  .st153{clip-path:url(#SVGID_8_);}
  .st154{fill:none;stroke:#E4E4E4;stroke-miterlimit:10;}
  .st155{fill:none;stroke:#385FA8;stroke-width:3.521;stroke-miterlimit:10;}

.cd-popup-container h3 {
  font-family: 'Josefin Sans', sans-serif;
  margin-top: 0;
  padding-top: 30px;
  font-size: 1.5em;
  font-weight: bold;
  color: #55CAFF;
}
.cd-popup-container h2 {
  padding-top: 0;
  line-height: 1;
}

/* ==== MEDIA QUERIES ==== */

@media screen and (max-width : 991px) {
	#instructor .container {
		background: rgba(255, 255, 255, 0.8);
		padding: 20px;
	}
}

/* Fix the top margin when logged in */
@media screen and (max-width: 782px) {
	.logged-in .navbar-fixed-top {
		top: 46px;
	}
}

@media screen and (max-width : 768px) {
	.logo {
		width: 50%;
	}

	#optin p {
		margin: 0 0 10px;
	}

	#featurette iframe {
		height: 240px;
	}

	.resource {
		width: 48%;
		margin-right: 2%;
		min-height: 800px;
	}
}

/* Fix the top margin when logged in */
@media screen and (max-width: 600px) {
	.logged-in .navbar-fixed-top {
		top: 42px;
	}

  .navbar-brand>img.solid {
    height: 50px;
    margin-bottom: 15px;
  }
}

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

	.resource {
		width: 100%;
		margin-right: 0;
		min-height: 0;
	}
}