:root {
  --occblue: #002d6a;
  --occorange: #f99239;
  --baseTextColor: #4d4d4d;
}

main {
    min-height: 215px;
}
.pt-60px { padding-top: 60px;}
.pb-60px { padding-bottom: 60px;}
.pt-30px { padding-top: 30px;}
.pb-30px { padding-bottom: 30px;}

.mr-1rem { margin-right: 1rem;}
.mr-2rem { margin-right: 2rem;}
.mr-3rem { margin-right: 3rem;}

.hero-wrap{
    padding-top: 157px;
}
@media screen and (max-width: 1200px){
    .hero-wrap{
        padding-top: 104px;
    }
}
.hero-banner .media {
    width: 100%;
    max-width: none;
    position: absolute;
    display: block;
    margin: 0;
    z-index: -1;
    overflow: hidden;
}
.hero-banner .media img {
    max-width: 100%;
    min-height: 0;
    height: 212px;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    position: relative;
}

.pagetitle{
    padding-top: 64px;
    text-align: center;
}
.pagetitle h1 {
    padding: 0 15px;
    font-weight: 700;
    background: rgba(255 , 255 , 255 , 0.1);
    display: inline-block;
    border-radius: 10px;
    font-size: 60px;
    line-height: 72px;
    color: #ffffff;
    font-family: "Freight Sans Pro Semibold";
    text-shadow: 3.41px 3.657px 0px rgb(0 0 0 / 50%);
}

#main-content a:focus-visible{ outline: -webkit-focus-ring-color auto 1px;}

#main-content .blue-tile-nav-menu ul li, #main-content .blue-tile-nav-menu ol li{
    list-style: none;
    margin-left: 0;
}

#main-content .blue-tile-nav-menu a {
    text-decoration: none;
}

#main-content .btn-video {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-color: #002d6a;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Fira Sans";
    line-height: 27px;
    min-width: 310px;
    padding: 10px 20px;
    border-radius: 11px;
    transition: all ease 0.5s;
    border: 0;
    box-shadow: 3.41px 3.657px 0px rgba(0, 0, 0, .5);
    user-select: none;
    text-decoration: none;
}
#main-content .btn-video:hover{
    background-color: var(--occorange);
    color: white;
}
.btn-video:before {
    font-family: "Font Awesome 7 Free";
    content: '\f144';
    padding-right: 0.625rem;
    font-weight: 700;
    font-size: 1.7rem;
    vertical-align: top;
}
.orange-text {
    color: var(--occorange);
}

#main-content .orange-icon-20px { color: var(--occorange); font-size: 20px;}

/* ====== CSS User Added Formats ======*/
/*-------------------------------------*/

ul.four-column-list {
    column-count: 4;
}
ul.three-column-list {
    column-count: 3;
}
ul.two-column-list {
    column-count: 2;
}
.text-size-20px {
    font-size: 1.25rem !important;
}

.text-size-24px {
    font-size: 1.5rem !important;
}
.text-size-28px {
    font-size: 28px !important;
}
.blue-text{
    color: #002d6a;
}

.image-right {
	 float: right;
	 margin: 5px 5px 15px 20px;
}
.image-left {
	 float: left;
	 margin: 5px 20px 15px 5px;
}

.no-top-btm-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.grey-title {
    font-size: 24px;
    line-height: 28px;
    color: #656565;
    font-weight: 700;
    font-family: "Fira Sans";
    padding-bottom: 20px;
}

.no-list-bullets li {
    list-style: none !important;
}

.no-underline {
    text-decoration: none !important;
}

/*======= Display Types =======*/
/*-----------------------------*/

/*------- Multi Column  -------*/
.multiple-columns ul li {
    list-style: initial;
    margin-left: 1.2rem;
}

.multiple-columns ol li {
    list-style: decimal;
    margin-left: 1.2rem;
}
.multi-col-item{
    padding-bottom: 2rem;
}

.multi-col-btm-divider {
	 background-color: #999;
	 margin: 20px auto 0 auto;
}

 .short-multi-col-btm-divider {
	 background-color: #999;
	 margin: 20px auto 0 auto;
	 width: 60%;
}

/*------- Text Editor  -------*/
.text-editor ul li {
    list-style: initial;
    margin-left: 1.2rem;
}

.text-editor ol li {
    list-style: decimal;
    margin-left: 1.2rem;
}

/*------- Story Slabs ------- */
.story-slabs .list-wrapper h2 {
	font-size: 26px;
    line-height: 28px;
}

/* ----- Accordion ----- */
 .accordion-wrapper {
	 margin-left: 0;
	 padding-left: 0;
}
 .accordion-wrapper label.accordion-item-title {
	 text-transform: uppercase;
	 width: 100%;
	 font-size: 1rem;
	 color: #002d6a;
	 position: relative;
	 cursor: pointer;
	 pointer-events: auto;
	 margin: 0;
	 padding-left: 0.8rem;
	 min-height: 44px;
}
 @media (min-width: 62rem) {
	 .accordion-wrapper label.accordion-item-title {
		 font-size: 1.125rem;
	}
}
 .accordion-wrapper label.accordion-item-title div {
	 display: inline-block;
	 margin: 10px 0 4px 0;
	 width: calc(100% - 36px);
	 font-weight: bold;
	 font-size: 18px;
	 color: #002d6a;
}
 .accordion-wrapper input:checked + label.accordion-item-title::after {
	 content: "\f068";
	 font-family: "Font Awesome 7 Free";
}
 .accordion-wrapper input:not(:checked) + label.accordion-item-title::after {
	 content: "\f067";
	 font-family: "Font Awesome 7 Free";
}
 .accordion-wrapper input + label.accordion-item-title::after {
	 font-size: 1.1rem;
	 color: #002d6a;
	 padding: 0 1rem 0 0;
	 position: absolute;
	 right: 0;
	 top: 10px;
}
 .accordion-wrapper input{
	 position: absolute;
	 z-index: -2;
	 width: 0;
	 height: 0;
}
 .accordion-wrapper .accordion-item-title.open {
	 color: white;
	 background-color: #002d6a;
}
 .accordion-wrapper .accordion-item-title.open::after,  .accordion-wrapper .accordion-item-title.open div {
	 color: white;
}
 .accordion-wrapper .accordion-container{
	 width:100%;
	 border-top: 2px solid #002d6a;
	 border-left: 2px solid #002d6a;
	 border-right: 2px solid #002d6a;
	 min-height: 44px;
	 list-style-type:none;
	 margin-bottom: 0;
}
 .accordion-wrapper .accordion-container:last-child{
	 border-bottom:solid 2px #002d6a;
}
 .accordion-content{
	 display:none;
	 padding:24px;
	 overflow:auto;
	 transition:none;
}
 .accordion-content img{
	 display:block;
	 max-width:100%;
	 height:auto;
}
 @media (max-width:767px){
	 .content{
		 width:auto;
	}
	 .accordion-content{
		 padding:10px 15px;
		 overflow:inherit;
	}
}

/*====================font css start====================*/ 

@font-face { font-family: 'Freight-SansBlackSC'; src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlackSC.eot'); src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlackSC.eot?#iefix') format('embedded-opentype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlackSC.woff2') format('woff2'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlackSC.woff') format('woff'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlackSC.ttf') format('truetype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlackSC.svg') format('svg'); font-weight: 900; font-style: normal; font-display: swap;}

@font-face { font-family: "Freight Sans Pro Book"; src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBook.eot'); src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBook.eot?#iefix') format('embedded-opentype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBook.woff2') format('woff2'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBook.woff') format('woff'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBook.ttf') format('truetype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBook.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap;}

@font-face { font-family: 'Freight-SansBookSC'; src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBookSC.eot'); src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBookSC.eot?#iefix') format('embedded-opentype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBookSC.woff2') format('woff2'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBookSC.woff') format('woff'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBookSC.ttf') format('truetype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBookSC.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap;}

@font-face { font-family: 'Freight-SansMediumSC'; src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMediumSC.eot'); src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMediumSC.eot?#iefix') format('embedded-opentype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMediumSC.woff2') format('woff2'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMediumSC.woff') format('woff'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMediumSC.ttf') format('truetype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMediumSC.svg') format('svg'); font-weight: 500; font-style: normal; font-display: swap;}

@font-face { font-family: 'Freight-SansBlack'; src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlack.eot'); src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlack.eot?#iefix') format('embedded-opentype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlack.woff2') format('woff2'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlack.woff') format('woff'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlack.ttf') format('truetype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBlack.svg') format('svg'); font-weight: 900; font-style: normal; font-display: swap;}

@font-face { font-family: 'Freight-SansLightSC'; src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLightSC.eot'); src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLightSC.eot?#iefix') format('embedded-opentype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLightSC.woff2') format('woff2'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLightSC.woff') format('woff'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLightSC.ttf') format('truetype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLightSC.svg') format('svg'); font-weight: 300; font-style: normal; font-display: swap;}

@font-face { font-family: 'Freight-SansBoldSC'; src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBoldSC.eot'); src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBoldSC.eot?#iefix') format('embedded-opentype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBoldSC.woff2') format('woff2'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBoldSC.woff') format('woff'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBoldSC.ttf') format('truetype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBoldSC.svg') format('svg'); font-weight: bold; font-style: normal; font-display: swap;}

@font-face { font-family: "Freight Sans Pro Bold"; src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBold.eot'); src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBold.eot?#iefix') format('embedded-opentype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBold.woff2') format('woff2'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBold.woff') format('woff'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBold.ttf') format('truetype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansBold.svg') format('svg'); font-weight: bold; font-style: normal; font-display: swap;}

@font-face { font-family: "Freight Sans Pro Semibold"; src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMedium.eot'); src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMedium.eot?#iefix') format('embedded-opentype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMedium.woff2') format('woff2'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMedium.woff') format('woff'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMedium.ttf') format('truetype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansMedium.svg') format('svg'); font-weight: 500; font-style: normal; font-display: swap;}

@font-face { font-family: 'Freight-SansLight'; src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLight.eot'); src: url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLight.eot?#iefix') format('embedded-opentype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLight.woff2') format('woff2'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLight.woff') format('woff'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLight.ttf') format('truetype'), url('/community/planetarium/assets/fonts/Freight-Sans/Freight-SansLight.svg') format('svg'); font-weight: 300; font-style: normal; font-display: swap;}



/*====================font css End====================*/ 



html{-webkit-font-smoothing:antialiased;}

body{font-family: 'Fira Sans','Open Sans', sans-serif;color:var(--baseTextColor);margin:0;padding:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:'liga','kern';line-height:normal;text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}

html,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset,p,hr,iframe{margin:0;padding:0;border:none;list-style:none;}

a,input,select,textarea{outline:none;margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.4;margin: 0px;padding: 0px;}

a{text-decoration:none;color:#000;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}

a:hover{text-decoration:none;color: #f79239;}

a:focus,input:focus,textarea:focus,select:focus,button:focus{outline:none;text-decoration:none;color:#000;}

img{max-width:100%;height:auto;vertical-align:middle;border:none;outline:none;border-radius:0;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}

input{resize:none;border:0;-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

select::-ms-expand{display:none;}

input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;}

select,input[type="submit"]{cursor:pointer}

p{margin: 0px;padding: 0px;line-height: 1.5em;}

select{-webkit-appearance:none;-moz-appearance:none;}

:focus { outline: none;}

.btn.focus, .btn:focus {outline: 0;box-shadow:none;}



/*=== Back to top button ===*/



#back-to-top { display: inline-block; text-align: center; border-radius: 0; position: fixed; bottom: 10px; right: 10px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; width: 49px; height: 40px; background-color: #000;}

#back-to-top i { font-size: 20px; line-height: 40px; color: #fff;}

#back-to-top:hover { cursor: pointer; background-color: #f79239;}

#back-to-top:active { background-color: #f79239;}

#back-to-top.show { opacity: 1; visibility: visible;}



/*====================Header css start====================*/ 



.header{padding: 0;width: 100%;display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;flex-direction: column;    position: absolute;}

.header .navbar-expand-xl{display: flex;width: 100%;padding: 0px;}

.header .navbar-nav{justify-content:center;display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;width: 100% !important;}

.header .navbar-nav .nav-item{display: flex;position: relative;    margin: 15px 10px 15px;}

.header .navbar-nav .nav-item::after {content: "";position: absolute;bottom: -2px;max-width: 0px;width: 100%;margin: 0 auto;height: 3px;background: #f79239;left: 0;right: 0;transition: all ease 0.5s;}

.header .navbar-nav .nav-item:hover::after,.header .navbar-nav .nav-item.active::after  { max-width: 100%;}

.header .navbar-nav .nav-item a{  padding: 0px; font-size: 18px; line-height: 24px; color: #ffffff; font-family: "Fira Sans", "Freight Sans Pro Semibold"; text-align: center;}

.header .navbar-nav .nav-item a:focus-visible{ outline: -webkit-focus-ring-color auto 1px;}

/*.header .navbar-nav li a:hover,.header .navbar-nav li.active a:hover{color:#f79239 !important;} */

.header .navbar-brand{ position: relative;  margin-right: 30px; }

.header .navbar-brand:focus-visible { outline: -webkit-focus-ring-color auto 1px;}

.header .navbar-toggler{position: relative;padding: 5px 12px;border: 0;}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { font-weight: 500;}

.navbar-toggler .menu-icon-label { clip: rect(0,0,0,0); height: 1px; position: absolute; width: 1px;}

@media screen and (max-width: 1200px){ .header nav .navbar-nav li a:hover, .header nav .navbar-nav li a:focus, .header nav .navbar-nav li a:active, .header nav .navbar-nav li.active>a.nav-link,.header nav .navbar-nav li>a.nav-link { color:white !important; } }



/*------mobile toggle icon css start------*/ 



.header .icon01{width: 23px;height: 2px;background-color: #993300;position: absolute;left: 0;right: 0;top:-1px;transition: 0.4s;}

.header .icon02{width: 23px;height: 2px;background-color: #993300;position: absolute;left: 0;right: 0;transition: 0.4s;}

.header .icon03{width: 23px;height: 2px;background-color: #993300;position: absolute;left: 0;right: 0;bottom:-3px;transition: 0.4s;}

/*.header .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#f79239;}*/



/*------mobile toggle icon css end------*/



.head-social-wrap a { display: inline-block; font-size: 17px; width: 30px; height: 30px; background: #fff; text-align: center; border-radius: 50px; color: #000; line-height: 30px; margin-left: 10px;}

.head-social-wrap a:hover{ color:#f79239;}



/*headerfixed*/

.header.fixed { position: fixed; top: 0; z-index: 999; left: 0; right: 0; margin: auto; background-color: #000;}

.header { transition: all ease 0.5s;}

.head-social-mobile-wrap { display: none;}

.mobile-header-icon a { font-size: 18px; color: #002d6a; /*font-family: "Freight Sans Pro Semibold";*/ display: flex; align-items: center; padding: .55rem .2rem;}

.mobile-header-icon a:focus-visible { outline: -webkit-focus-ring-color auto 1px;}

.mobile-header-icon a:hover{color: #fff;}

.top-bar-wrap{ background: #f79239; padding: 7px 0px;}



/*====================Header css end====================*/

.bg-gray{ background-color: #f2f2f2;}

.bg-blue{ background-color: #002d6a;}

.bg-orange{ background-color: #f79239;}

.section{ padding: 70px 0;}

.text-blue{ color: #002d6a !important;}

.text-gray{ color: #656565 !important;}

a.text-blue:hover { color: #f79239 !important;}

h2 { font-size: 36px; line-height: 48px; color: var(--occblue); font-family: "Fira Sans", "Freight Sans Pro Semibold"; padding-bottom: 20px;}

h3 { font-size: 32px; padding-bottom: 12px; color: var(--occblue); font-family: "Fira Sans", "Freight Sans Pro Semibold";}

h4 { font-size: 28px; padding-bottom: 12px; color: var(--baseTextColor); font-family: "Fira Sans", "Freight Sans Pro Semibold";}

h5 { font-size: 24px; padding-bottom: 12px; color: var(--baseTextColor); font-family: "Fira Sans", "Freight Sans Pro Semibold";}


p, div, span, li {line-height: 1.5em; font-size: 1em;}

p { padding-bottom: 40px;}

p:last-child{ padding-bottom: 0px !important;}

.section-title h2 span { font-size: 24px; line-height: 28px; color: #f79239; font-weight: 400; font-family: "Fira Sans"; display: block; font-style: italic;}

.contact-section .footer-contact-info ul li a { font-size: 18px; line-height: 28px; color: var(--baseTextColor);}

.contact-section .footer-contact-info ul li a:hover{color: #f79239;}

.contact-form-box h2, .contact-form-box h4 { font-size: 24px; line-height: 26px; color: #ffffff; font-family: "Freight Sans Pro Bold"; text-align: center; background: #002d6a; padding: 10px 10px;}

.contact-form-box { box-shadow:3.41px 3.657px 9px rgba(0,0,0,0.3); background-color: #f3f3f3;}

.contact-form-box form { padding: 30px;}

.form-control { height: 48px; box-shadow: 3.41px 3.657px 2.5px rgba(0,0,0,0.13); background-color: #ffffff; border: 0; border-radius: 0; font-size: 18px; line-height: 28px; color: #000000; font-weight: 400; font-family: "Fira Sans";}

.form-control:focus { background-color: #fff; border-color: #002d6a; outline: 0; box-shadow:3.41px 3.657px 2.5px rgba(0,0,0,0.2);}

.btn-primary { display: inline-block; text-decoration: none; vertical-align: middle; text-align: center; font-weight: 400; line-height: 1.5; user-select: none; font-size: 1.3rem; color: #002d6a; font-family: "Freight Sans Pro Semibold"; text-align: center; min-width: 310px; padding: 10px 20px; border-radius: 11px; transition: all ease 0.5s; background-color: #f79239; border: 0; box-shadow: 3.41px 3.657px 0px rgba(0,0,0,0.5);}

.btn-primary:hover{ color: #fff; background-color: #002d6a;}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 3.41px 3.657px 0px rgba(0,0,0,0.5);}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #002d6a; border-color: #002d6a;}

#main-content .btn-primary{ text-decoration: none;} 

.form-group { margin-bottom: 40px;}

.contact-section .head-social-wrap a{ background-color: #002d6a; color: #fff;}

.banner-title h1 { font-size: 4.5rem; line-height: 4.5rem; padding-bottom: 20px; color: #ffffff; font-weight: bold; font-family: "Freight Sans Pro Semibold"; text-align: center; text-shadow:3.41px 3.657px 0px rgba(0,0,0,0.5);}

.banner-title h4, .banner-title .superhead { font-size: 30px; color: #f79239; font-family: "Freight Sans Pro Book"; text-align: center; text-shadow:2.046px 2.194px 0px rgba(0,0,0,0.5);}

.banner-wrap { padding: 266px 0; background-size: cover; background-position: center center;}

/*====================Footer css start ====================*/ 

/*footer-fixed*/

.main_wrapper { float: left; min-height: 100vh; overflow-x: hidden; position: relative; width: 100%;}

.main_wrapper footer { float: left; width: 100%; bottom: 0; left: 0; position: absolute;}

.footer { background-color: #002d6a; box-shadow: 3px -5px 8px rgb(0 0 0 / 30%);}

.top-footer { padding: 30px 0;}

.footer-img a.d-block:focus-visible { outline: -webkit-focus-ring-color auto 1px;}

.footer-menu-link  ul { column-count: 4;}

.footer-menu-link a { font-size: 16px; line-height: 1.5; color: #ffffff; font-weight: 400; font-family: "Fira Sans"; display: inline-block; padding: 0.7rem 0.7rem 0.7rem 0.2rem;}

.footer-menu-link a:focus-visible { outline: -webkit-focus-ring-color auto 1px;}

.footer-menu-link a:hover ,

.footer-menu-link li.active a { color: #f79239; font-weight: 700; font-family: "Fira Sans";}

.footer-menu-link ul li { margin-bottom: 20px;}

.footer-contact-info a:hover ,.footer-menu-link a:hover { color: #f79239;}

.footer-social-link a { display: inline-block; font-size: 17px; width: 30px; height: 30px; background: #f79239; text-align: center; border-radius: 50px; color: #333; line-height: 30px; margin: 10px 8px 0;}

.footer-social-link a:hover{ background: #993300;}

/*bottom-footer*/



.bottom-footer { background: #f79239; padding: 10px 0;}

.bottom-footer a, .bottom-footer p { font-weight: 400; font-size: .875rem; line-height: 1.4rem; color: #002d6a; font-family: "Fira Sans";  padding: .8rem .2rem;}

.footer-extra-logo { position: absolute; right: 15px; bottom: 20px;}

.footer-extra-logo a:focus-visible { outline: -webkit-focus-ring-color auto 1px;}

ul.footer-b-link li a {position: relative; display: block;}

ul.footer-b-link li a:focus-visible { outline: -webkit-focus-ring-color auto 1px;}

ul.footer-b-link li a::after {content: "";position: absolute;left: 0;width: 1px;height: 100%;top: 0;background:#002d6a;}

ul.footer-b-link li:first-child a::after{display:none}

.bottom-footer a:hover{	color: #fff;}

.footer-contact-info ul li a { font-size: 16px; line-height: 24px; color: #ffffff; font-weight: 400; font-family: "Fira Sans"; display: inline-block; padding: .8rem 0;}

.footer-contact-info ul li a:focus-visible { outline: -webkit-focus-ring-color auto 1px;}

.footer-contact-info ul li span { margin-right: 1rem; color: var(--occorange);}

.footer-contact-info ul li { position: relative; padding-left: 7px; padding-bottom: 7px;}

.header .navbar-nav { position: relative; max-width: 520px; flex-wrap: wrap; width: 100%; justify-content: flex-end;}

.header .navbar-nav::after { content: ""; position: absolute; width: 100%; height: 4px; background-color: #fff; top: 55px;}

.header .navbar-nav::before { content: ""; position: absolute; width: 30px; height: 30px; background-image: url(/community/planetarium/assets/images/planet-icon.png); background-size: cover; background-repeat: no-repeat; left: 0px; top: 13px;}

.navbar-expand-xl .navbar-collapse{ margin-left: 10%; flex-flow: row-reverse;}

.dropdown-menu { background-color: #f79239; border: 0; border-radius: 0; padding: 0;}

.header .navbar-nav .dropdown-menu li a.dropdown-item { font-size: 18px; line-height: 20px; color: #002d6a; font-family: "Fira Sans","Freight Sans Pro Semibold"; text-align: left; padding: 10px 20px;}

.header .navbar-nav .dropdown-menu li a.dropdown-item:hover ,.header .navbar-nav .dropdown-menu li.active a.dropdown-item { background: #002d6a; color: #fff !important;}

.header.fixed .top-bar-wrap { display: none;}

.list-image-wrap { height: 333px; background-size: cover; background-position: center center;overflow: hidden;}

.list-image-wrap img { width: 100%; height: 100%; object-fit: cover;}

#main-content .border-link { font-size: 22px; line-height: 58px; color: #002d6a; font-weight: bold; font-family: "Fira Sans", "Freight Sans Pro Semibold"; border-bottom: 1px solid #002d6a;text-decoration: none;}

.list-wrapper { height: calc(100% - 30px); margin-bottom: 30px;}

.list-info-wrap { padding: 30px 25px;}

.minus-right{ margin-right: -30px;}

small { font-size: 12px; line-height: 14px; color: #99ccff; font-weight: 400; font-family: "Fira Sans"; font-style: italic; word-break: break-all;}

.sign-up-from h3,.sign-up-from h6 { font-size: 18px; line-height: 28px; color: #f2f2f2; font-weight: 700; font-family: "Fira Sans"; margin-bottom: 30px;}

.bg-img { background-image: url(/community/planetarium/images/bg-banner.jpg);position: absolute; width: 50%; height: 100%; right: 0; background-position: center center !important; background-size: cover; background-repeat: no-repeat;}

h6.date { font-size: 16px; line-height: 20px; color: #f79239; font-weight: 700; font-family: "Fira Sans"; text-align: center; padding-bottom: 20px;}

.inner-header .header { position: static; background: #fff;}

.inner-header .header .navbar-nav .nav-item a { color: #333333;}

.inner-header .header .navbar-nav::after{ background: #d4d4d4;}

.inner-header .head-social-wrap.d-none.d-xl-inline-block { display:none !important;}

.title-banner h1 { font-size: 60px; line-height: 72px; color: #ffffff; font-family: "Freight Sans Pro Semibold"; text-align: center; text-shadow: 3.41px 3.657px 0px rgba(0,0,0,0.5);}

section.inner-banner-section { padding: 70px 0; background-size: cover; background-position: center center; background-image: url(/community/planetarium/assets/images/inner-banner.jpg);}

.membership-section .sign-up-from h6{ color: #4d4d4d;}

.membership-section .sign-up-from  .form-control { background-color: #f2f2f2; box-shadow: inset 3.41px 3.657px 2.5px rgb(0 0 0 / 13%);}

.membership-section .sign-up-from  form{ max-width: 727px; width: 100%;}

ul.bullet-list li { position: relative; padding-left: 20px;}

ul.bullet-list li p { padding-bottom: 0 !important;}

ul.bullet-list li::after {content: "";position: absolute;background: #656565;width: 6px;height: 6px;top: 9px;left: 0;border-radius: 20px;}

.blue-box-wrap h3 { font-size: 18px; line-height: 28px; color: #ffffff; font-weight: 350; font-family: "Fira Sans"; text-align: center; background: #002d6a; padding: 13px 10px;}

.blue-box-wrap p, .blue-box-wrap div, .blue-box-wrap span { font-size: 18px; line-height: 28px; color: #002d6a; font-family: "Fira Sans"; text-align: center;}

.blue-box-wrap h5 { font-size: 18px; line-height: 28px; color: #ffffff; font-weight: 350; font-family: "Fira Sans"; text-align: center; background: #002d6a; padding: 13px 10px;}

.blue-box-wrap h6 { font-size: 18px; line-height: 28px; color: #002d6a; font-weight: 700; font-family: "Fira Sans"; text-align: center;}

.blue-box-section { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}

.blue-box-wrap { max-width: 31%; width: 100%; margin: 10px 10px 20px;}

.blue-box-section.two-colum-blue-box-section .blue-box-wrap { max-width: 33%;}

.blue-box-section.two-colum-blue-box-section { align-items: start;}

.ticket-box { justify-content: space-between; flex-wrap: nowrap; min-height: 86px; margin-bottom: 20px;}

ul.feild-wrapper svg ,ul.feild-wrapper img{ fill: #fff; max-width: 90px; height: 90px; width:100%; margin:0 auto 10px; display: block;}

ul.feild-wrapper li .bg-blue a{  color: #fff; text-align: center; font-size: 24px; line-height: 48px; font-family: "Freight Sans Pro Semibold"; width: 100%;display: block;}



ul.feild-wrapper li .bg-blue{

	color: #fff; text-align: center; font-size: 24px;padding: 20px 10px; margin-bottom: 15px; 

}

.link{ font-size: 18px; line-height: 28px; color: #002d6a; font-weight: 350; font-family: "Fira Sans"; text-decoration: underline;}

.btn-secondary { background-color: #002d6a; font-size: 18px; color: #ffffff; font-weight: 700; font-family: "Fira Sans"; line-height: 27px;}

.btn-secondary:hover{ background-color: #f79239;}

.show-info h5 { font-size: 24px; line-height: 28px; color: #002d6a; font-weight: 700; font-family: "Fira Sans"; padding-bottom: 20px;}

hr { border-top: 1px solid #cccccc; margin: 50px 0;}

.date-box { position: relative;}

@media screen and (min-width: 767px){	.date-box .back-link { position: absolute; left: 0;}}

.date-box .bg-blue { max-width: 387px; margin: 0 auto 20px; width: 100%;}

.text-underline{ text-decoration: underline; text-underline-position: under;}

.about-us-section ul.bullet-list { column-count: 3;}

ul.feild-wrapper li .active a ,ul.feild-wrapper li  a:hover{ color: #f79139;}

.book-info-wrapper  h5 { font-size: 24px; line-height: 28px; color: #002d6a; font-weight: 700; font-family: "Fira Sans";}





ul.hours-list li { padding-bottom: 20px;}

ul.hours-list li span { width: 180px; display: inline-block; position: absolute; left: 0;}

ul.addmission-list span { color: #1e2d6a; font-weight: 600; display: inline-block; width: 50px; position: absolute; left: 0;}

ul.addmission-list li { position: relative; padding-left: 50px;}

ul.hours-list li { padding-left: 180px; position: relative;}


ul.feild-wrapper.about-wrapper li .bg-blue:hover { background: #f99239;}

ul.feild-wrapper.about-wrapper li .bg-blue.active { background: #002d6a;}

ul.feild-wrapper.about-wrapper li .bg-blue a:hover { color: white;}

ul.feild-wrapper.about-wrapper li .bg-blue.active a{ color: #f99239;}

ul.feild-wrapper.about-wrapper li .bg-blue a { min-height: auto !important;}


ul.feild-wrapper.plan-wrapper li .bg-blue:hover,ul.feild-wrapper.plan-wrapper li .bg-blue.active { background: #f79239;}

ul.feild-wrapper.plan-wrapper li .bg-blue a:hover { color: #002d6a;}

ul.feild-wrapper.plan-wrapper li .bg-blue.active a{ color: #002d6a;}

ul.feild-wrapper.plan-wrapper li .bg-blue a { min-height: auto !important;}



.custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #666666; box-shadow: none; background-color: #666666;}

small i { font-size: 14px; line-height: 28px; color: #666666; font-weight: 350; font-family: "Fira Sans";}

label, legend { font-size: 18px; line-height: 28px; color: #666666; font-weight: 400; font-family: "Fira Sans";}



.form-group p { padding-bottom: 10px; font-size: 14px; line-height: 18px; color: #666666; font-weight: 400; font-family: "Fira Sans";}

.custom-control,label { padding-right: 10px;}

#main-content a { text-decoration: underline; }

.body-container  .search-bar { display: flex; position: relative;}

.body-container  form.search { display: inline-flex; max-width: 0; overflow: hidden; transition: 0.5s ease all; position: absolute; margin-right: 40px; right: 0;  top: -7px;}

.body-container  form.search.open { max-width: 20em;}

.body-container  input.search {background: #fff; margin: 0 0px 10px 10px; border: 1px solid #d4d4d4; min-width: 10em; width: 300px; max-width: 20em; box-shadow: none !important; height: 40px;    position: relative;padding-right: 40px;}

.body-container  input.search:focus { outline: none; border-color: #999999;}

.body-container span.search-icon { display: inline-block; position: relative; width: 2em; cursor: pointer;}

.body-container label.search-icon-label { clip: rect(0,0,0,0); height: 1px; position: absolute; width: 1px; margin-left: -42px;}

.body-container { display: flex; justify-content: center; align-items: center; flex-direction: column;}

.body-container .btn-search { position: absolute; right: 0px; width: 40px; height: 40px; background: transparent; color: #f79239;}

.body-container .btn-search:focus-visible { outline: -webkit-focus-ring-color auto 1px;}

.body-container .btn-search:hover { color: #002d6a;}

li.nav-item.d-none.d-xl-block::after {display: none;}

/*15-07-2021*/
.sign-up-from form .form-group label {color: #fff;}
.membership-section .sign-up-from form .form-group label {color: #4d4d4d;}
.state-wrap label, .zip-code-wrap label {font-size: 18px !important; line-height: 28px !important; color: #666666; font-weight: 400; font-family: "Fira Sans"; width: 100%; display: block; padding-bottom: 10px; } 
.state-wrap, .zip-code-wrap {max-width: 180px; width: 100%; } 
/*15-07-2021*/
 .hide {
	display: none;
}
/*04-08-2021*/

.special-event{
	padding: 100px 0px;	
}
.special-event figure img{
	width: 100%;
}
.special-event .event-details{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 50px;
}
.special-event .event-details h2{
	font-weight: 400;
	color: #000000;
	margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.2;
    font-size: 48px;
}
.special-event .event-details  p{
	font-size: 30px;
	    color: #000;
}
.special-event .event-details button{
	background: #f2f2f2;
	padding: 7px 13px 13px 10px;
}
.special-event .row{
	margin-top: 50px;
	margin-bottom: 50px;
}
.banner-section .banner-title {
	background: rgba(255 , 255 , 255 , 0.1);
    border-radius: 10px;
    padding-top: 30px;
}
.title-banner h1{
	background: rgba(255 , 255 , 255 , 0.1);
	display: inline-block;
	border-radius: 10px;
	padding:0px 15px;
}
@media screen and (max-width: 1500px){
	.special-event .event-details p{
		font-size: 24px;
	}
	.special-event .event-details h2{
		font-size: 40px;
	}
}
@media screen and (max-width: 1199px){
	.special-event .event-details{
		padding-left: 0px;
	}
	.special-event .event-details h2{
		font-size: 32px;
	}
	.special-event .event-details p{
		font-size: 20px;
	}
}
@media screen and (max-width: 991px){
	.special-event .event-details{
		margin-top: 10px;
	}
}
@media screen and (max-width: 767px){
	.special-event{
		padding: 50px 0px;
	}
	.special-event .btn-primary{
		    min-width: 250px;
	}
	.special-event .event-details h2{
		font-size: 26px;
	}
	.special-event .event-details p {
	    font-size: 18px;
	}
}
/*04-08-2021*/
li.skip-wrapper {order: 2;}
li.call-wrapper { order: 1;}
li.mail-wrapper {order: 3;}
li.skip-wrapper a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}
li.skip-wrapper a.skip-main:focus,
li.skip-wrapper a.skip-main:active {
color: #fff;
    background-color: #002d6a;
    left: 0;
    right: 0;
    top: -5px;
    max-width: 200px;
    width:100%;
    margin:0 auto;
    height: auto;
    overflow: auto;
    padding: 5px 15px;
    border-radius: 0;
    border: 2px solid #002d6a;
    text-align: center;
    font-size: 16px;
    z-index: 999;
   display: block;
}