@charset "UTF-8";
/* CSS Document */

* {
	outline: none;
	transition: 1s ease
}
body {
	margin: 0 auto;
	padding: 0;
	background: #fff;
	width: 100%;
	font-family: 'Lato',Helvetica,Verdana,Arial;
	font-size: 1em;
	line-height: 130%;
}
.header {
	width: 100%;
	margin: 0;
	background-color: #000;
}
.banner { 
	width: 100%;
	height: 164px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo.jpg);
	background-repeat: no-repeat;
	background-position:center top !important;
	text-align:center;
} 

.banner-new {
	width: 100%;
	max-width: 1800px;
	height: 220px;
	background-color: #000;
	background-image: url(img/astronomy-research-logo.jpg);
	background-repeat: no-repeat;
	background-position:right top !important;
	background-size: contain;
	padding: 2.5% 0 0 10%;
	border-bottom: #444444 1px solid;
	text-align:left;
	color: #888;
	font-size: 1em;
	line-height: 1.75;
} 
.banner-new h1 {
	text-align: left;
	font-size: 2.5em;
	font-weight: 400;
	padding: 0;
	margin: 0;
	line-height: 1;
}
.banner-new h1 a {
	text-decoration: none;
	color: #fff;
	text-shadow: 0px 2px 1px rgba(0, 0, 0, 1);
	transition: 1s ease;
}
	
.banner-new h1 a:hover {
	text-decoration: none;
	color: #888;	
	transition: 1s ease;
}
.banner-new .exploring {
	text-align: left;
	font-size: 1.5em;
	font-weight: 400;
	margin: 2em 0 0 0;
	line-height: 2;
	color: #555;
}
@media screen and (max-width:1700px) {
.banner-new {
	padding: 3% 0 0 5%;
}
}
@media screen and (max-width:980px) {
.banner-new { 
	height: 200px;
	color: #ccc;
	line-height: 1.75;
	font-size: .9em;
} 
.banner-new .exploring {
	color: #fff;
}
}
@media screen and (max-width:760px) {
.banner-new { 
	background-image: url(img/astronomy-research-logo.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: none;
} 
}

@media screen and (max-width:560px) {
.banner-new { 
	height: 180px;
	margin: 0 auto;
	background-size: cover;
	color: #fff;
	text-align: center;
	padding: 2% 4% 0 2%;
} 	
.banner-new h1 {
	font-size: 2.2em;
	text-align: center;
	margin-top: 12px;
}
	.banner-new .exploring {
		text-align: center;
		line-height: 1;
		font-size: 1.1em;
	}
}
.top-icon-section {
	background: #000;
	width: 100%;
	text-align: center;
}

#ssi-live-feed {
	background-image:url('space-station-live-feed-bkgr.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
}

.container {
	background: #fff;
	width: 100%;
	padding-top: 6px;
}
.container-black {
	background: #000;
	width: 100%;
	padding-top: 6px;
}

.cg-container {
	background: #fff;
	width: 80%;
	max-width: 820;
	text-align: left;
	margin: 0 auto;
	padding-top: 18px;
}

.page-content {
	width: 920px;
	text-align: center;
}

#research-line-social-media-bar {
	width: 80%;
	max-width: 1000px;
	text-align: center;
}

#research-line-social-media-bar {
	width: 80%;
	max-width: 1000px;
	text-align: center;
}

.home-content { /* content below the fold */
	width: 100%;
	max-width: 1024px;
	min-width: 768px;
}

.home-content .column {
	float: left;
	width: 27.5%;
	padding: 12px 28px 12px 28px;
	text-align:left;
	position:relative;
}

.home-content .column:nth-of-type(1) {
	border-right: #ccc 1px solid;
}

.home-content .column:nth-of-type(3) {
	border-left: #ccc 1px solid;
}


/* LINKS */

.gray-link a:active{color:#888;text-decoration:none;font-size:14px}
.gray-link a:link{color:#888;text-decoration:none;font-size:14px}
.gray-link a:visited{color:#888;text-decoration:none;font-size:14px}
.gray-link a:hover{color:#e3e1e1;font-size:14px}

.plain-link a:active{color: #444; text-decoration:none;}
.plain-link a:link{color: #444; text-decoration:none;}
.plain-link a:visited{color: #444; text-decoration:none;}
.plain-link a:hover{color: #444; text-decoration:underline;}

h2 a
{color: rgb(229, 4, 58); text-decoration:none;}
h2 a:hover { color: #f96f06;}

#cosmic-gifts a:active{color:#888;text-decoration:none;font-size:12px}
#cosmic-gifts a:link{color:#888;text-decoration:none;font-size:12px}
#cosmic-gifts a:visited{color:#888;text-decoration:none;font-size:12px}
#cosmic-gifts a:hover{color:#e3e1e1;font-size:12px}

.gray-link-iss a:active{color:#555;text-decoration:none; margin: -24px}
.gray-link-iss a:link{color:#555;text-decoration:none; margin: -24px}
.gray-link-iss a:visited{color:#555;text-decoration:none; margin: -24px}
.gray-link-iss a:hover{color:#666; margin: -24px}

p.button-link a:link, p.button-link a:visited{color: #03A9F4;text-decoration:none;font-size:.94em;text-align: center;font-weight: 700;letter-spacing: .08em;margin: 10px;line-height: 2.5;}
p.button-link a:hover, p.button-link a:active {color:rgba(3, 169, 244, 0.55);text-decoration:none;font-size:.94em; text-align: center}

.gray-link-footer-icons a:active{color:#555;text-decoration:none; font-size: 13px;letter-spacing: 0;}
.gray-link-footer-icons a:link{color:#555;text-decoration:none; font-size: 13px;letter-spacing: 0;}
.gray-link-footer-icons a:visited{color:#555;text-decoration:none; font-size: 13px;letter-spacing: 0;}
.gray-link-footer-icons a:hover{color:#777; font-size: 13px;letter-spacing: 0;}



/* COSMIC GIFTS*/

#cosmic-gifts {
	text-align: center;
	margin-top: -36px;
}

#cosmic-gifts img {
	border: 1px #e1e1e1 solid;
	width: 100%;
	max-width: 280px;
}

#cosmic-gifts table {
	width: 88%;
	max-width: 820px;
	padding: 18px;
}

#cosmic-gifts td {
	width: 33.33%;
	max-width: 280px;
	padding: 18px;
}
	
.quote { 
	width: 28%;
	float: right;
	margin: 10px 0 10px 18px;
	border-left: 1px solid #CCC;
	padding-left: 18px;
	font-size: 1.2em;
	line-height: 160%;
	color:#6600cc;
}

/* FOOTER */

#footer-cols {
	margin: 0 auto;
	width: 100%;
	height: 220px;
	padding: 24px 0 24px 0;
	background: #000;
}
.footer-col {
	float: left;
	width: 16.6%;
	margin: 0;
	padding: .5%;
	text-align: center;
}
.gray-h2 {color: #999; text-align: center; font-size: 17px }
.iss-gray-h2 {color: #999; text-align: center; margin-left: 0px; font-size: 15px}
.gray-link-footer-icons a:active{color:#777;text-decoration:none; font-size: 15px;letter-spacing: .06em;}
.gray-link-footer-icons a:link{color:#777;text-decoration:none; font-size: 15px;letter-spacing: .06em;}
.gray-link-footer-icons a:visited{color:#777;text-decoration:none; font-size: 15px;letter-spacing: .06em;}
.gray-link-footer-icons a:hover{color:#444; font-size: 15px;letter-spacing: .06em;}
.telescope {
	display: none}

.footer {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0 28px 0;
	text-align: center;
	background: #333;
	color: #999;
	font-size: 12px;
}
.footer p {
	color: #999;
	padding: 0 30px 0 30px;
}
.footer p .copyright {
	font-size: 14px;
}
.footer a {
	padding: 0 12px 0 12px;
}
.footer a:link, .footer a:visited {color:#999;text-decoration:none; font-size: 18px}
.footer a:hover, .footer a:active{color:#666; font-size: 18px}



/* FONTS */

p {
	color:#444;
	font-size:1em;
	line-height:150%;
	font-family:'Lato',Helvetica,Verdana,Arial;
	padding-top:0;
	font-weight:400;
	letter-spacing:0.03em
}
h1{
	    color: #888;
    font-size: .8em;
    font-family: 'Lato',Helvetica,Arial,Verdana;
    font-weight: 300;
    margin: 0 auto;
    text-align: right;
    padding: 0 2em .75em 0;
}
h2{color: rgb(229, 4, 58);font-size: 1.44em;line-height: 140%;font-family:'Lato',Helvetica,Arial,Verdana;padding-top:0;font-weight: 700;text-align: center;letter-spacing: .05em;}  /* h2=purple */

h3{color:#6600cc;font-size:1.2em;line-height: 160%;font-family:'Lato',Helvetica,Arial,Verdana;padding-top:0;font-weight:400} /* h3=purple */
h4{color:#0033cc;font-weight:bold;font-size:1.28em;line-height:100%;font-family:Helvetica,Arial,Verdana}  /* h4=blue */
h5{color:#6600cc;font-weight:normal;font-size:.9em;line-height:100%;font-family:Helvetica,Arial,Verdana; padding-top: 8px; }/* h5=purple */
h6{color:#333;font-weight:normal;font-size:.6em;line-height:130%;font-family:Helvetica,Arial}

ul,ol,li {color:#444;font-size:18px;line-height:150%;font-family:'Lato',Helvetica,Verdana,Arial;padding-left:2px;margin-left: 18px;font-weight:normal;letter-spacing:.03em}

.lg {font-size: 1.5em; font-weight:400; line-height:100%}
.lg-purple {color: #6600cc;font-size: 1.5em; font-weight:400; line-height:100%}
.sm {font-size: .8em; font-weight:300; line-height:100%}
.x-sm {font-size: .6em; font-weight:500; line-height:100%}
.spread {letter-spacing:.08em}
.thin { font-weight: 300; color: #4c5be6;padding-bottom: 16px; line-height:160%}

.blue {color: #1a1fe8; color: #4169e1;}
.lt-blue {color: #4169e1;}
.red { color: #cc0000;}
.blue { color: #0033cc; }
.purple { color: #6600cc;}
.lt-purple { color: #813ec4;}
.green { color:#090;}
.orange { color: #F60;}
.gray {color: #888; }
.white {color: #fff;}

.caption {font-size: .85em; font-weight:400; line-height:130%; }

blockquote {color:#444;font-size:1.1em;line-height:150%;font-family:'Lato',Helvetica,Verdana,Arial;padding: 0 0 0 16px}
blockquote p {color:#444;font-size:1.1em;line-height:150%;font-family:'Lato',Helvetica,Verdana,Arial;padding: 0 0 0 16px}

hr {border: 1px solid #ddd; margin: 48px 0 0 0}


/* NAME A STAR */

#name-a-star {text-align: center; width: 80%; }
#name-a-star-galaxy {text-align:center:}
#name-a-star-left-button {text-align: left;}
#name-a-star-right-button {text-align: right;}


/* FLOATS / ALIGNMENTS */

.clear {clear: both; }

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

#floating-buttons {width: 72%; text-align:center}

.float-left { float: left; padding: 12px 16px 12px 0}

.float-right { float: right; padding: 12px 0 12px 16px }

.float-left-research-line { float: left; padding: 4px 0 0 0}

.float-right-pad-right { float: right; padding: 4px 148px 0 0}

.float-right-no-top-pad { float: right; padding: 0 0 12px 16px }

.float-left-mini-icons { float: left; padding: 0 0 0 0;display: none;}

.float-left-mini-icons-et { float: left; padding: 16px 0 0 0}

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

.align-right {text-align: right;}


/* SPACING */

.ad{margin:0px 0px 0px 10px}

.vspace-18 {
	height: 18px;
}
.vspace-36 {
	height: 26px;
}
.vspace-48 {
	height: 48px;
}

.max-1024 {
	max-width: 1024px;
}

/* ==========================================================================
   3 COLUMN LAYOUT
   ========================================================================== */

.container {
	background: #fff;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 44px 0 0 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
      }

      .c1, .c2, .c3 {
        width: 100%;
		padding: 0;
		margin: 0 auto;
      }
	  
	  .c1 {
          width: 90%;
          -webkit-order: 2;
          order: 2;
		  border-top: 0;
        }

        .c2 {
          width: 90%;
          -webkit-order: 1;
          order: 1;
        }
		
		.c2 .galaxy-img {
			width: 100%;
			max-width: 325px;
			border: 0;
		}

        .c3 {
          width: 90%;
          -webkit-order: 3;
          order: 3;
        }

      @media (min-width: 600px) {
        .c3 {
          width: 50%;
          -webkit-order: 3;
          order: 3;
		  padding: 0 36px 48px 36px;
		  border-right: 0px #ccc solid;
        }

        .c2 {
          width: 50%;
          -webkit-order: 2;
          order: 2;
		  padding: 0 36px 48px 36px;
		  border-left: 0px #ccc solid;
        }
		
		.c2 .galaxy-img {
			width: 100%;
			max-width: 400px;
			border: 0;
		}

        .c1 {
          width: 50%;
          -webkit-order: 1;
          order: 1;
		  padding: 0 36px 48px 36px;
		  border-top: 0px #ccc solid;
        }
		.hide {
			display: none;
		}
      }


      @media (min-width: 960px) {
        .c1 {
          width: 33%;
		  -webkit-order: 1;
          order: 1;
		  padding: 0 36px 48px 36px;
		  border-right: 1px #ccc solid;
		  border-top: 0;
        }

        .c2 {
          width: 34%;
		  -webkit-order: 2;
          order: 2;
		  padding: 0 36px 48px 36px;
		  border-right: 1px #ccc solid;
        }
		
		.c2 .galaxy-img {
			width: 100%;
			max-width: 280px;
			border: 0;
		}

        .c3 {
          width: 33%;
		  -webkit-order: 3;
          order: 3;
		  padding: 0 36px 48px 36px;
		  border-right: 1px #ccc solid;
        }
      }

.container div {
	box-sizing: border-box;
	/* [disabled]min-height: 150px; */
	/* [disabled]min-width: 150px; */
}

.c1 {
  color: #ddd;
}

.c2 {
  color: #ddd;
}

.c3 {
  color: #333;
}

.c4 {
  color: #333;
}

.c5 {
  color: #333;
}


@media (max-width: 599px) {

#hst-image-gallery {
	display: none;
}

#iss-video-feed {
	display: none;
}

#iss-schedule {
	display: none;
}

#rings-uranus {
	display: none;
}

# {
	display: none;
}
}


.amz-home {
	margin: 0 auto;
	width: 70%;
	text-align: center;
}
.amz-home img {
	width: 100%;
	margin-bottom: -24px;
	opacity: 1;
		transition: 1s ease;
}
.amz-home img:hover {
	opacity: .5;
	transition: 1s ease;
}
.amz-home a:link, .amz-home a:visited, 
.amz-home a:hover, .amz-home a:active {
	font-size: .9em;
	line-height: 1;
	font-weight:500;
	color: #03A9F4;
	text-decoration: none;
	transition: 1s ease;
}
.amz-home a:hover, .amz-home a:active {
	color: rgba(3, 169, 244, 0.44);
	transition: 1s ease;
}


/* BUTTONS */

.gray-packages-button {
	padding: 12px;
	/* margin: 40px; */
	border: #03A9F4 2px solid;
	border-radius: 8px;
}
.gray-packages-button:hover {
	border: rgba(3, 169, 244, 0.24) 2px solid;
}


@media screen and (min-width:580px) and (max-width:779px) {

/* FOOTER */

#footer-cols {
	margin: 0 auto;
	width: 100%;
	height: 220px;
	padding: 24px 0 24px 0;
	background: #000;
}
.footer-col {
	float: left;
	width: 19%;
	margin: 0;
	padding: 1%;
	text-align: center;
}
.space-station {
	display: none;
}
.gray-h2 {color: #999; text-align: center; font-size: 17px }
.iss-gray-h2 {color: #999; text-align: center; margin-left: 0px; font-size: 17px}
.gray-link-footer-icons a:active{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:link{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:visited{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:hover{color:#444; font-size: 14px;letter-spacing: .06em;}

.footer {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0 28px 0;
	text-align: center;
	background: #333;
	color: #999;
	font-size: 16px;
}
.footer p {
	color: #999;
	padding: 0 30px 0 30px;
}
.footer p .copyright {
	font-size: 14px;
}
.footer a {
	padding: 0 12px 0 12px;
}
.footer a:link, .footer a:visited {color:#999;text-decoration:none; font-size: 18px}
.footer a:hover, .footer a:active{color:#666; font-size: 18px}
.telescope {
	display: none;
}
}


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

#footer-cols {
	margin: 0 auto;
	width: 100%;
	height: 220px;
	padding: 24px 0 24px 0;
	background: #000;
}
.footer-col {
	float: left;
	width: 24%;
	margin: 0;
	padding: 1%;
	text-align: center;
}
.space-station, .ets {
	display: none;
}
.gray-h2 {color: #999; text-align: center; font-size: 17px }
.iss-gray-h2 {color: #999; text-align: center; margin-left: 0px; font-size: 17px}
.gray-link-footer-icons a:active{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:link{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:visited{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:hover{color:#444; font-size: 14px;letter-spacing: .06em;}

.footer {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0 28px 0;
	text-align: center;
	background: #333;
	color: #999;
	font-size: 16px;
}

.footer p {
	color: #999;
	padding: 0 30px 0 30px;
}
.footer p .copyright {
	font-size: 14px;
}
.footer a {
	padding: 0 12px 0 12px;
}
.footer a:link, .footer a:visited {color:#999;text-decoration:none; font-size: 17px}
.footer a:hover, .footer a:active{color:#666; font-size: 17px}
}

@media screen and (max-width:480px) {
#footer-cols, .current-research, .telescope {
	display: none;
}
}


@media screen and (min-width:860px) and (max-width:1160px) {
.banner { 
	margin: 0 auto;
	width: 860px;
	height: 180px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo-860-less.jpg);
	background-repeat: no-repeat;
	background-position:center !important;
	text-align:center;
} 
}

@media screen and (min-width:728px) and (max-width:859px) {
.banner { 
	margin: 0 auto;
	width: 728px;
	height: 152px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo-728-less.jpg);
	background-repeat: no-repeat;
	background-position:center !important;
	text-align:center;
} 
}

@media screen and (min-width:480px) and (max-width:727px) {
.banner { 
	margin: 0 auto;
	width: 480px;
	height: 122px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo-480-less.jpg);
	background-repeat: no-repeat;
	background-position:center !important;
	text-align:center;
} 
}

@media screen and (min-width:380px) and (max-width:479px) {
.banner { 
	height: 100px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo-480-less.jpg);
	background-repeat: no-repeat;
	background-position:center !important;
	background-size: 100% auto;
	text-align:center;
} 

.footer p {
	color: #999;
	padding: 0 20px 0 20px;
}
}

@media screen and (max-width:379px) {
.banner { 
	height: 90px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo-480-less.jpg);
	background-repeat: no-repeat;
	background-position:center !important;
	background-size: 100% auto;
	text-align:center;
} 

.footer p {
	color: #999;
	padding: 0 10px 0 10px;
}
}

/* Responsive Mobile Menu v1.0 */


/* APPBAR */

.appbar-top {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 12px 0;
	background-color: #000;
	height: 36px;
	vertical-align: middle;
}
.appbar-top ul {
	text-align: center;
}
.appbar-top li {
	display: inline;
	float: left;
	padding: 0 0 16px 0;
	line-height: 100%;
	font-size: 13px;
	text-transform: uppercase;
}
.appbar-top a:link {
	padding: 0 2px 0 2px;
	letter-spacing: 0.1em;
	color: #fff;
	text-decoration: none;
}
.appbar-top a:visited {
	padding: 0 2px 0 2px;
	letter-spacing: 0.1em;
	color: #fff;
	text-decoration: none;
}
.appbar-top a:hover {
	color: #999;
}
.appbar-top a:active {
	color: #999;
}
.clear {clear: both; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}


/*
the hamburger button with a little gradient effekt
*/
#hamburger {
    cursor: pointer;
    display: block;
    height: 30px;
    padding: 3px 4px 3px;
    position: absolute;
	top: 4px;
	right: 4px;
    width: 30px;
    background: #000;  
}

/*
The white stripes in the hamburger button
*/
#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 3px;
    margin-top: 4px;
    width: 90%;
}

.cbp-spmenu-left {
	left: -240px;
}
.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}


/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* General styles for all menus */
.cbp-spmenu {
	position: fixed;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    background: #3e3c3d;
    background: -moz-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3c3d), color-stop(100%, #2d2c2d));
    background: -webkit-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -o-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -ms-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: linear-gradient(to bottom, #3e3c3d 0%, #2d2c2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3c3d', endColorstr='#2d2c2d', GradientType=0);
}

.cbp-spmenu a {
	display: block;
	list-style-type: none;
	color: #fff;
	font-size: 1em;
	font-weight: 300;
	text-decoration: none;
}

.cbp-spmenu a:hover {
	background: #666;
}

.cbp-spmenu a:active {
	background: #000;
	color: #666;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #555;
	padding: 1em;
}


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}


/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}

/* Example media queries */

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}

@media screen and (max-width:960px) {
.appbar-top {
	display: none;
}
}

@media screen and (min-width:959px) {
#hamburger, #hamburger div, nav {
	display: none;
}
}

@media screen and (max-width:980px) {
.appbar-top li {
	font-size: 12px;
}
}

@media screen and (max-width:580px) {
.banner {
	margin: 36px 0 0 0;
}
.appbar-top {
	display: none;
}
}
@media screen and (min-width:1200px) {
.appbar-top {
	padding-left: 6%;
}
}
@media screen and (min-width:1300px) {
.appbar-top {
	padding-left: 8%;
}
.banner-new {
	height: 250px;
}
}
@media screen and (min-width:1400px) {
.appbar-top {
	padding-left: 12%;
}
}
.eclipse-2017 {
	width: 100%;
	margin: 0 auto;
	padding: 0 2.5% 0 2.5%;
	background: #000;
}
.eclipse-2017 h1 {
	color: #FF9800;
	font-size: 1.5em;
	font-family: 'Lato',Helvetica,Arial,Verdana;
	font-weight: 700;
	margin: 0 auto;
	text-align: left;
	letter-spacing: 0.08em;
	line-height: 1.2;
	padding: 36px 0 12px 0;
}
.eclipse-2017 h2 {
	color: #e91e1e;
	font-size: 1.75em;
	font-family: 'Lato',Helvetica,Arial,Verdana;
	font-weight: 400;
	margin: 0 auto;
	padding: 0 0 12px 0;
	text-align: left;
	font-variant: none;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.eclipse-2017 p {
	color: #ccc;
	text-align: center;
}
.eclipse-map {
	float: left;
	padding: 0 36px 48px 0;
	width: 460px;
}
.eclipse-map img, .eclipse-map .caption {
	width: 400px;
}
.eclipse-map img {
	margin-top: 10px;
}
.eclipse-galaxy ul li {
	line-height: 220%;
}
.eclipse-galaxy ul li a:link, .eclipse-galaxy ul li a:visited {
	color: #2196F3;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .04em;
	text-decoration: none;
	border-bottom: rgba(33, 150, 243, 0.51) 1px solid;
	padding-bottom: 2px;
	transition: 1s ease;
}
.eclipse-galaxy ul li a:hover, .eclipse-galaxy ul li a:active {
	color: rgba(33, 150, 243, 0.48);
	border-bottom: #000;
	transition: 1s ease;
}
.eclipse-galaxy ul li {
	margin-top: -12px;
	margin-bottom: 12px;
	list-style-type: none;
}
#eclipse-trip-advisor-2 {
	display: none;
}



@media screen and (max-width:980px) {
.eclipse-map {
	float: left;
	width: 300px;
	margin: 0 60px 0 0;
}
.eclipse-map img, .eclipse-map .caption {
	width: 280px;
}
.eclipse-map img {
	margin-top: 24px;
}
.eclipse-galaxy ul {
	margin-top: 24px;
}
.eclipse-galaxy ul li {
	line-height: 200%;
}
}


@media screen and (max-width:880px) {
.eclipse-map {
	float: left;
	width: 280px;
}
.eclipse-galaxy ul li {
	line-height: 180%;
}
}


@media screen and (max-width:800px) {
.eclipse-map {
	float: left;
	width: 260px;
}
.eclipse-galaxy ul li {
	line-height: 170%;
}
}


@media screen and (max-width:780px) {
.eclipse-map {
	float: none;
	padding: 0;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-around;
}
#map-of-path {
	width: 40%;
	float: left;
}
#eclipse-trip-advisor {
	width: 40%;
	float: right;
}
.eclipse-map img, .eclipse-map .caption {
	width: 280px;
}
.eclipse-map img {
	margin-top: 24px;
}
.eclipse-galaxy ul li {
	line-height: 200%;
}

.eclipse-galaxy ul {
	margin-bottom: 60px;
}
}



@media screen and (max-width:680px) {
.eclipse-map img, .eclipse-map .caption {
	width: 240px;
}
.eclipse-2017 h1, .eclipse-2017 h2 {
	text-align: center;
}
}


@media screen and (max-width:640px) {
.eclipse-map img, .eclipse-map .caption {
	width: 250px;
}
}

@media screen and (max-width:580px) {
#map-of-path {
	width: 100%;
	float: none;
	text-align: center;
}
#eclipse-trip-advisor {
	display: none;
}
#eclipse-trip-advisor-2 {
	display: block;
	margin: 0 auto;
	margin-bottom: 60px;
	text-align: center;
	max-width: 400px;
}
		
.eclipse-map img, .eclipse-map .caption {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}


}