@charset "UTF-8";
@import url("../../global/CSS/global.css");
@import url("../../global/CSS/flexboxgrid.css");
@import url("https://fonts.googleapis.com/css?family=Oswald:600|Roboto:300,400,700,900|Amatic+SC:700");
/* ====================== Colors ====================== */
/* ====================== Typography ====================== */
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css");
h1 { font-family: "Roboto", sans-serif; font-size: 5rem; font-weight: 700; color: #5d9632; margin-bottom: 20px; }

h2 { font-family: "Roboto", sans-serif; font-size: 3.1rem; font-weight: 900; margin-bottom: 25px; color: #0080c5; }

h3 { font-size: 2.6rem; font-weight: 900; color: #0080c5; }

h3.section-title { color: #e8e8e8; }

h3.section-title span { color: #b5b1b1; margin-right: 15px; }

h4 { font-size: 2.1rem; font-weight: 900; color: #5d9632; }

h5 { font-size: 1.7rem; font-weight: 700; }

h6 { font-size: 1.4rem; font-weight: 700; }

p { font-size: 1.75rem; line-height: 1.9em; margin-bottom: 30px; }

p.large { font-size: 2.6rem; font-weight: 700; }

img { width: 100%; }

img[width] { width: revert-layer; }

/* Remove excess margin / padding */
.no-border { border: 0; }

.no-padding { padding: 0; }

.no-margin { margin: 0; }

/* doesnt want 100% width images */
.templatecontent img { width: inherit; max-width: 100%; }

/* ====================== Button Styles ===================== */
.green-btn { background: #5d9632; border-radius: 500px; padding: 14px 30px; text-transform: uppercase; color: #fff; font-size: 1.25rem; letter-spacing: 1px; line-height: 1; }

.green-btn:after { content: "\f178"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 15px; position: relative; margin-left: -10px; visibility: hidden; }

.green-btn:hover { color: #fff; padding: 14px 40px 14px 30px; background: #69a938; }

.green-btn:hover:after { visibility: visible; margin-left: 20px; }

.yellow-btn { background: #e6a514; border-radius: 500px; padding: 14px 30px; text-transform: uppercase; color: #fff; font-size: 1.25rem; letter-spacing: 1px; line-height: 1; }

.yellow-btn:after { content: "\f178"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 15px; position: relative; margin-left: -10px; visibility: hidden; }

.yellow-btn:hover { color: #fff; padding: 14px 40px 14px 30px; background: #ecaf27; }

.yellow-btn:hover:after { visibility: visible; margin-left: 20px; }

.blue-btn { background: #0080c5; border-radius: 500px; padding: 14px 30px; text-transform: uppercase; color: #fff; font-size: 1.25rem; letter-spacing: 1px; line-height: 1; }

.blue-btn:after { content: "\f178"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 15px; position: relative; margin-left: -10px; visibility: hidden; }

.blue-btn:hover { color: #fff; padding: 14px 40px 14px 30px; background: #0091df; }

.blue-btn:hover:after { visibility: visible; margin-left: 20px; }

/* ====================== Preloader ===================== */
div#preloader { position: fixed; left: 0; top: 0; z-index: 99999999 !important; width: 100%; height: 100%; overflow: visible; background: #231f20; }

#loader-logo { position: absolute; top: 50%; left: 50%; transform: translatex(-50%) translatey(-50%); background: url(images/logo.svg) no-repeat; background-size: 100%; width: 160px; height: 80px; animation: bounceIn 1s linear; }

/*@keyframes bounceIn { 0% { transform: scale(0.5); opacity: 1; } 60% { transform: scale(.8); opacity: 1; } 100% { transform: scale(1); } } */
@keyframes pulse { 0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); } }

.pulse { animation-name: pulse; }

@keyframes flip { 0% { transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% { transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% { transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

div#preloader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #231f20; transform: translateY(0); transition-delay: .4s; transition: transform 1s; transition-time-function: cubic-bezier(0.7, 0, 0.3, 1); z-index: 9999; }

div#preloader #loader-logo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 160px; height: 80px; transform: translateY(0); transition: .4s; opacity: 1; animation: 2s infinite pulse; }

div#preloader.peel { transform: translateY(-100vh); }

/* ====================== Base Styles ====================== */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; font-size: 16px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: "Roboto", sans-serif; }

body.locked { overflow: hidden; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

/* Change color & bg color of selected live text */
*::-moz-selection { background-color: #0080c5; color: white; }
*::selection { background-color: #0080c5; color: white; }

*, *:before, *:after { box-sizing: border-box; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

/* if using a sticky nav, use this to add space above anchor links to go below navbar */
/**:target:before { display: block; content: ""; height: 90px; margin: -90px 0 0; } */
*:target:before:focus { outline: none !important; }

*:target:focus { outline: none; }

a, a:visited, a:hover, a:focus, input, input:hover { transition: all .33s ease; text-decoration: none; }

/* --------------------------------

Main Components

-------------------------------- */
ul.gallery, ul.caption, ul.navigation { padding: 0; list-style: none; }

.cd-svg-clipped-slider { position: relative; width: 100%; max-width: 1440px; margin: 4em auto; }

.cd-svg-clipped-slider .gallery-wrapper, .cd-svg-clipped-slider .gallery, .cd-svg-clipped-slider .caption { position: relative; }

.cd-svg-clipped-slider .gallery li { /* slider images */ position: absolute; z-index: 1; top: 0; left: 25%; /* (100% - width)/2 */ width: 50%; height: 100%; opacity: 0; transform: translateX(75%) scale(0.4); cursor: pointer; transition: opacity .3s, transform .3s ease-in-out; }

.cd-svg-clipped-slider .gallery li.selected { /* slide in the center */ position: relative; z-index: 3; height: 0; padding-bottom: 50%; /* width(50%) * image aspect ratio (800/800) */ opacity: 1; transform: translateX(0) scale(1); cursor: auto; }

.cd-svg-clipped-slider .gallery li.left, .cd-svg-clipped-slider .gallery li.left-hide { /* slides on the left */ /* .left -> slide visible on the left; .left-hide -> slides hidden on the left */ transform: translateX(-75%) scale(0.4); }

.cd-svg-clipped-slider .gallery li.left, .cd-svg-clipped-slider .gallery li.right { /* .right -> slide visible on the right */ z-index: 2; opacity: 1; }

.cd-svg-clipped-slider .svg-wrapper { /* using padding Hack to fix bug on IE - svg height not properly calculated */ height: 0; padding-bottom: 100%; /* image aspect ratio (800/800) * 100 */ }

.cd-svg-clipped-slider svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cd-svg-clipped-slider use.cover-layer { /* dark layer visible on lateral slides */ fill: #243238; transition: opacity .3s; opacity: .2; }

.cd-svg-clipped-slider use.cover-layer:hover { opacity: 0; }

.cd-svg-clipped-slider .gallery li.selected use.cover-layer { opacity: 0; }

.cd-svg-clipped-slider .caption { margin: 1em auto; overflow: hidden; max-width: 600px; }

.cd-svg-clipped-slider .caption li { /* slide titles */ position: absolute; z-index: 1; top: 0; left: 0; text-align: center; width: 100%; transform: translateX(100px); opacity: 0; padding: 1em 0 0; transition: opacity .3s, transform .3s ease-in-out; }

.cd-svg-clipped-slider .caption li.selected { /* slide visible in the center */ z-index: 2; position: relative; transform: translateX(0); opacity: 1; }

.cd-svg-clipped-slider .caption li.left { /* slide hidden on the left */ transform: translateX(-100px); }

@media only screen and (min-width: 768px) { .cd-svg-clipped-slider .caption li { font-size: 2.4rem; } }

@media only screen and (min-width: 1170px) { .cd-svg-clipped-slider { width: 90%; } .cd-svg-clipped-slider .gallery li { left: 30%; /* (100% - width)/2 */ width: 40%; transform: translateX(80%) scale(0.4); } .cd-svg-clipped-slider .gallery li.selected { padding-bottom: 40%; /* width(40%) * image aspect ratio (800/800) */ } .cd-svg-clipped-slider .gallery li.left, .cd-svg-clipped-slider .gallery li.left-hide { transform: translateX(-80%) scale(0.4); } }

.cd-svg-clipped-slider .navigation a { /* slider arrows */ position: absolute; /* center arrow in the lateral preview */ /* left = */ /* 25% (.left left value) */ /* - 37.5% (.left translateX value converted to container percentage ( 50%(.left width) x 75% (.left translate value) /100) ) */ /* + 25% ( .left width (50%)/2 ) */ left: 12.5%; transform: translateX(-50%) translateY(-50%) scale(0.7); top: 50%; z-index: 4; pointer-events: none; /* replace text with image */ height: 48px; width: 48px; color: transparent; overflow: hidden; white-space: nowrap; text-indent: 100%; transition: transform .3s, opacity .3s; background: url(../img/cd-icon-arrows.svg) no-repeat 0 0; }

.cd-svg-clipped-slider .navigation a.next { left: auto; right: 12.5%; transform: translateX(50%) translateY(-50%) scale(0.7); background-position: -48px 0; }

.no-csspointerevents .cd-svg-clipped-slider .navigation a { display: none; }

@media only screen and (min-width: 1170px) { .cd-svg-clipped-slider .navigation a { left: 18%; transform: translateX(-50%) translateY(-50%); } .cd-svg-clipped-slider .navigation a.next { left: auto; right: 18%; transform: translateX(50%) translateY(-50%); } }

.cd-svg-clipped-slider.prev-hidden .navigation a.prev, .cd-svg-clipped-slider.next-hidden .navigation a.next { /* hide prev/next arrow if first/last slide */ opacity: 0; }

.cd-svg-clipped-slider .navigation a.prev.active { /* scale up prev arrow on active */ animation: cd-click-prev .3s; }

.cd-svg-clipped-slider .navigation a.next.active { /* scale up next arrow on active */ animation: cd-click-next .3s; }

@keyframes cd-click-prev { 0% {
    transform: translateX(-50%) translateY(-50%) scale(0.8); }
  100% {
    transform: translateX(-50%) translateY(-50%) scale(1); } }

@keyframes cd-click-next { 0% {
    transform: translateX(50%) translateY(-50%) scale(0.8); }
  100% {
    transform: translateX(50%) translateY(-50%) scale(1); } }

/* ====================== Weather ====================== */
@font-face { font-family: 'weather'; src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot"); src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf") format("truetype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg") format("svg"); font-weight: normal; font-style: normal; }

#weather { margin: 5px auto; text-align: center; text-transform: uppercase; padding: 0px 10px 10px; }

#weather i { color: #ffffff; font-family: 'weather'; font-size: 5em; font-weight: normal; font-style: normal; line-height: 1; }

.icon-0:before { content: ":"; }

.icon-1:before { content: "p"; }

.icon-2:before { content: "S"; }

.icon-3:before { content: "Q"; }

.icon-4:before { content: "S"; }

.icon-5:before { content: "W"; }

.icon-6:before { content: "W"; }

.icon-7:before { content: "W"; }

.icon-8:before { content: "W"; }

.icon-9:before { content: "I"; }

.icon-10:before { content: "W"; }

.icon-11:before { content: "I"; }

.icon-12:before { content: "I"; }

.icon-13:before { content: "I"; }

.icon-14:before { content: "I"; }

.icon-15:before { content: "W"; }

.icon-16:before { content: "I"; }

.icon-17:before { content: "W"; }

.icon-18:before { content: "U"; }

.icon-19:before { content: "Z"; }

.icon-20:before { content: "Z"; }

.icon-21:before { content: "Z"; }

.icon-22:before { content: "Z"; }

.icon-23:before { content: "Z"; }

.icon-24:before { content: "E"; }

.icon-25:before { content: "E"; }

.icon-26:before { content: "3"; }

.icon-27:before { content: "a"; }

.icon-28:before { content: "A"; }

.icon-29:before { content: "a"; }

.icon-30:before { content: "A"; }

.icon-31:before { content: "6"; }

.icon-32:before { content: "1"; }

.icon-33:before { content: "6"; }

.icon-34:before { content: "1"; }

.icon-35:before { content: "W"; }

.icon-36:before { content: "1"; }

.icon-37:before { content: "S"; }

.icon-38:before { content: "S"; }

.icon-39:before { content: "S"; }

.icon-40:before { content: "M"; }

.icon-41:before { content: "W"; }

.icon-42:before { content: "I"; }

.icon-43:before { content: "W"; }

.icon-44:before { content: "a"; }

.icon-45:before { content: "S"; }

.icon-46:before { content: "U"; }

.icon-47:before { content: "S"; }

#weather h2 { font-style: normal; margin: 0 0 2px; color: #ffffff; font-size: 1.3em; font-weight: 700; text-align: center; }

#weather ul { margin: 0; padding: 0; }

#weather li { background: rgba(255, 255, 255, 0); padding: 10px; color: #ffffff; font-family: "Roboto", sans-serif; font-style: normal; text-transform: uppercase; font-size: 0.95em; display: inline-block; border-radius: 5px; }

#weather .currently { margin: 0 20px; }

@media (max-width: 992px) { right: inherit; }

@media (max-width: 767px) { .weather-widget { display: none; } }

@font-face { font-family: 'omaha'; src: url("../font/omaha.eot?68194450"); src: url("../font/omaha.eot?68194450#iefix") format("embedded-opentype"), url("../font/omaha.woff2?68194450") format("woff2"), url("../font/omaha.woff?68194450") format("woff"), url("../font/omaha.ttf?68194450") format("truetype"), url("../font/omaha.svg?68194450#omaha") format("svg"); font-weight: normal; font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'omaha'; src: url('../font/omaha.svg?40550934#omaha') format('svg'); } } */
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "omaha"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-right:before { content: '\e800'; }

/* '' */
.icon-search:before { content: '\e801'; }

/* '' */
.icon-heart:before { content: '\e802'; }

/* '' */
.icon-info-circled:before { content: '\e803'; }

/* '' */
.icon-down-open-big:before { content: '\e804'; }

/* '' */
.icon-calendar:before { content: '\e805'; }

/* '' */
.icon-cancel:before { content: '\e80a'; }

/* '' */
.icon-ticket:before { content: '\f145'; }

/* '' */
.icon-twitter:before { content: '\f309'; }

/* '' */
.icon-facebook:before { content: '\f30c'; }

/* '' */
[class*="icono"] { position: relative; display: inline-block; vertical-align: middle; color: #fff; box-sizing: border-box; }

[class*="icono"]:after, [class*="icono"]:before { content: ""; box-sizing: border-box; }

[class*="icono-arrow1"] { width: 20px; height: 20px; border-width: 4px 4px 0 0; border-style: solid; margin: 10px; }

[class*="icono-arrow1"]:before { right: 0; top: -3px; position: absolute; height: 4px; box-shadow: inset 0 0 0 32px; transform: rotate(-45deg); width: 23px; transform-origin: right top; }

[class*="icono-arrow1"][class*="-left"] { transform: rotate(45deg); }

[class*="icono-arrow1"][class*="-left"][class*="-up"] { transform: none; }

[class*="icono-arrow1"][class*="-left"][class*="-down"] { transform: rotate(90deg); }

[class*="icono-arrow1"][class*="-right"] { transform: rotate(-135deg); }

[class*="icono-arrow1"][class*="-right"][class*="-up"] { transform: rotate(-90deg); }

[class*="icono-arrow1"][class*="-right"][class*="-down"] { transform: rotate(180deg); }

[class*="icono-arrow1"][class*="-up"] { transform: rotate(-45deg); }

[class*="icono-arrow1"][class*="-down"] { transform: rotate(135deg); }

/* ====================== Transitions ====================== */
/*

=== Use Extend Property (Example below) ===

.header {
  @extend .transition-cubic;
  background: white;
}

*/
.transition-cubic, #search .close-search, #search.open-search, #search, .header-hide { transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.transition-fast, header .utility ul li a, nav.flex-nav ul#mainnav > li > a:after, nav.flex-nav ul#mainnav > li > a, nav.flex-nav ul#mainnav > li:nth-of-type(n+7):hover, nav.flex-nav ul#mainnav > li:nth-of-type(6):hover, nav.flex-nav ul#mainnav > li:nth-of-type(5):hover, nav.flex-nav ul#mainnav > li:nth-of-type(4):hover, nav.flex-nav ul#mainnav > li:nth-of-type(3):hover, nav.flex-nav ul#mainnav > li:nth-of-type(2):hover, nav.flex-nav { transition: all .2s ease; }

.transition, .home-education .content-block .sw-accordion .tabbedcontent-header:before, section.home-exhibits .portal-tile h2, section.home-exhibits .portal-tile:hover h2, section.home-exhibits .portal-tile, section.home-portals .portal-tile h2, section.home-portals .portal-tile:hover h2, .sw-accordion .tabbedcontent-header:before, li#mn-search .icon-search:hover, li#mn-search .icon-search { transition: all .5s ease; }

.transition-slow { transition: all 1s ease; }

.easeInOutBack { transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.transition-bounce, section.home-exhibits .portal-tile .yellow-btn, section.home-exhibits .portal-tile:hover .yellow-btn, section.home-exhibits .portal-tile:hover, section.home-portals .portal-tile .yellow-btn, section.home-portals .portal-tile:hover .yellow-btn, section.home-portals .portal-tile:hover, #hero-nav .portal-tile:hover, .footer-default .footer-cta a.btn:hover:after, .footer-default .footer-cta a.btn:after, nav.flex-nav ul#mainnav > li:nth-child(n+7) > a:hover:after, nav.flex-nav ul#mainnav > li:nth-child(6) > a:hover:after, nav.flex-nav ul#mainnav > li:nth-child(5) > a:hover:after, nav.flex-nav ul#mainnav > li:nth-child(4) > a:hover:after, nav.flex-nav ul#mainnav > li:nth-child(3) > a:hover:after, nav.flex-nav ul#mainnav > li:nth-child(2) > a:hover:after, .green-btn:after, .green-btn:hover:after, .yellow-btn:after, .yellow-btn:hover:after, .blue-btn:after, .blue-btn:hover:after { transition: all 0.3s cubic-bezier(0.33, 2, 0.8, 1); }

/* ====================== Paddding Adjustments ====================== */
/* Remove excess margin / padding */
.no-border { border: 0; }

.no-padding { padding: 0; }

.no-margin { margin: 0; }

.cushion-sm { padding: 2%; }

.cushion-md { padding: 5%; }

.cushion-lg { padding: 10%; }

.cushion-vert-sm { padding: 2% 0; }

.cushion-vert-md { padding: 5% 0; }

.cushion-vert-lg { padding: 10% 0; }

.cushion-horiz-sm { padding: 0 2%; }

.cushion-horiz-md { padding: 0 5%; }

.cushion-horiz-lg { padding: 0 10%; }

.white { color: white !important; }

/* ====================== Alignment ====================== */
.centered { position: absolute; top: 50% !important; left: 50% !important; transform: translateX(-50%) translateY(-50%); width: 100%; }

/* Parent element needs position:relative; */
.vert-centered { position: absolute; top: 50%; transform: translateY(-50%); }

/* Parent element needs position:relative; */
.absolute-centered, section.home-slider .hero-message { position: absolute; top: 50%; left: 50%; transform: translatex(-50%) translatey(-50%); }

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

.flex-margin { justify-content: space-between; flex-wrap: wrap; display: flex; }

/* BG Images
====================== */
.bg-image-js { background-attachment: scroll; background-repeat: no-repeat; background-position: center center; background-size: cover !important; }

/* ====================== REM font size with pixel fallback ====================== */
/* === Usage === */
/*p { @include font-size(14px) }*/
/* === Output === */
/*p { font-size: 14px; //Will be overridden if browser supports rem font-size: 0.8rem; }*/
/* ====================== Breakpoints ====================== */
/* ==== Usage ==== */
/*.class { width: 60%; float: left; margin: 0 2% 0 0; @include bp-small { width: 100%; float: none; margin: 0; } }*/
/* ==== End ==== */
/* ====================== Transitions ====================== */
/*

=== Use Extend Property (Example below) ===

.header {
  @extend .transition-cubic;
  background: white;
}

*/
/* Parent element needs position:relative; */
/* ====================== REM font size with pixel fallback ====================== */
/* === Usage === */
/*p { @include font-size(14px) }*/
/* === Output === */
/*p { font-size: 14px; //Will be overridden if browser supports rem font-size: 0.8rem; }*/
/* ====================== Breakpoints ====================== */
/* ==== Usage ==== */
/*.class { width: 60%; float: left; margin: 0 2% 0 0; @include bp-small { width: 100%; float: none; margin: 0; } }*/
/* ==== End ==== */
.transition-cubic, #search .close-search, #search.open-search, #search, .header-hide { transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.transition-fast, header .utility ul li a, nav.flex-nav ul#mainnav > li > a:after, nav.flex-nav ul#mainnav > li > a, nav.flex-nav ul#mainnav > li:nth-of-type(n+7):hover, nav.flex-nav ul#mainnav > li:nth-of-type(6):hover, nav.flex-nav ul#mainnav > li:nth-of-type(5):hover, nav.flex-nav ul#mainnav > li:nth-of-type(4):hover, nav.flex-nav ul#mainnav > li:nth-of-type(3):hover, nav.flex-nav ul#mainnav > li:nth-of-type(2):hover, nav.flex-nav { transition: all .2s ease; }

.transition, .home-education .content-block .sw-accordion .tabbedcontent-header:before, section.home-exhibits .portal-tile h2, section.home-exhibits .portal-tile:hover h2, section.home-exhibits .portal-tile, section.home-portals .portal-tile h2, section.home-portals .portal-tile:hover h2, .sw-accordion .tabbedcontent-header:before, li#mn-search .icon-search:hover, li#mn-search .icon-search { transition: all .5s ease; }

.transition-slow { transition: all 1s ease; }

/* Animation delays
============================*/
.delay-1 { animation-delay: .15s; -webkit-animation-delay: .15s; }

.delay-2 { animation-delay: .25s; -webkit-animation-delay: .35s; }

.delay-3 { animation-delay: 35s; -webkit-animation-delay: .35s; }

.delay-4 { animation-delay: .45s; -webkit-animation-delay: .45s; }

.delay-5 { animation-delay: .55s; -webkit-animation-delay: .55s; }

.delay-6 { animation-delay: .65s; -webkit-animation-delay: .65s; }

.delay-long-1 { animation-delay: .15s; -webkit-animation-delay: .15s; }

.delay-long-2 { animation-delay: .25s; -webkit-animation-delay: .35s; }

.delay-long-3 { animation-delay: s; -webkit-animation-delay: 1s; }

.delay-long-4 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }

.delay-long-5 { animation-delay: 1.75s; -webkit-animation-delay: 1.75s; }

.delay-long-6 { animation-delay: 2s; -webkit-animation-delay: 2s; }

/* Flex Nav */
nav.flex-nav { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 0; }

nav.flex-nav ul#mainnav { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; /* Options: */ /*justify-content: flex-start;*/ /*justify-content: flex-end;*/ /*justify-content: space-between;*/ /*justify-content: space-around;*/ }

@media (max-width: 1027px) { nav.flex-nav ul#mainnav { display: none; } }

nav.flex-nav ul#mainnav > li { position: relative; flex: 0 1 auto; /* Options: */ /*flex: 1 1 auto;*/ /* 2nd Level ul */ border-top: 4px solid transparent; }

nav.flex-nav ul#mainnav > li#mn-home { display: none; }

nav.flex-nav ul#mainnav > li:nth-of-type(2):hover { border-top: 4px solid #0080c5; }

nav.flex-nav ul#mainnav > li:nth-of-type(2):hover a { color: #009bee; }

nav.flex-nav ul#mainnav > li:nth-of-type(2) ul li a { color: white !important; background: rgba(0, 128, 197, 0.85); }

nav.flex-nav ul#mainnav > li:nth-of-type(2) ul li a:hover { background: #006fac; }

nav.flex-nav ul#mainnav > li:nth-of-type(3):hover { border-top: 4px solid #e6a514; }

nav.flex-nav ul#mainnav > li:nth-of-type(3):hover a { color: #edb435; }

nav.flex-nav ul#mainnav > li:nth-of-type(3) ul li a { color: white !important; background: rgba(230, 165, 20, 0.85); }

nav.flex-nav ul#mainnav > li:nth-of-type(3) ul li a:hover { background: #cf9412; }

nav.flex-nav ul#mainnav > li:nth-of-type(4):hover { border-top: 4px solid #5d9632; }

nav.flex-nav ul#mainnav > li:nth-of-type(4):hover a { color: #70b53c; }

nav.flex-nav ul#mainnav > li:nth-of-type(4) ul li a { color: white !important; background: rgba(93, 150, 50, 0.85); }

nav.flex-nav ul#mainnav > li:nth-of-type(4) ul li a:hover { background: #51832c; }

nav.flex-nav ul#mainnav > li:nth-of-type(5):hover { border-top: 4px solid #bf311a; }

nav.flex-nav ul#mainnav > li:nth-of-type(5):hover a { color: #e13c21; }

nav.flex-nav ul#mainnav > li:nth-of-type(5) ul li a { color: white !important; background: rgba(191, 49, 26, 0.85); }

nav.flex-nav ul#mainnav > li:nth-of-type(5) ul li a:hover { background: #a92b17; }

nav.flex-nav ul#mainnav > li:nth-of-type(6):hover { border-top: 4px solid #e6a514; }

nav.flex-nav ul#mainnav > li:nth-of-type(6):hover a { color: #edb435; }

nav.flex-nav ul#mainnav > li:nth-of-type(6) ul li a { color: white !important; background: rgba(230, 165, 20, 0.85); }

nav.flex-nav ul#mainnav > li:nth-of-type(6) ul li a:hover { background: #cf9412; }

nav.flex-nav ul#mainnav > li:nth-of-type(n+7):hover { border-top: 4px solid #0080c5; }

nav.flex-nav ul#mainnav > li:nth-of-type(n+7):hover a { color: #009bee; }

nav.flex-nav ul#mainnav > li:nth-of-type(n+7) ul li a { color: white !important; background: rgba(0, 128, 197, 0.85); }

nav.flex-nav ul#mainnav > li:nth-of-type(n+7) ul li a:hover { background: #006fac; }

nav.flex-nav ul#mainnav > li > a { padding: 2em 1.85em 2em 1.85em; display: flex; font-family: "Roboto", sans-serif; text-transform: uppercase; color: #8e8e8e; font-size: 1.25rem; letter-spacing: 1px; position: relative; display: block; text-align: center; /* &:hover { color: #fff; background:rgba($black,.5); }*/ /*this is a temporary fix to accomodate for the gift card utility addition on nov 17*/ }

@media (max-width: 1180px) { nav.flex-nav ul#mainnav > li > a { padding: 2em 1.2em 2em 1.2em; } }

@media (max-width: 1082px) { nav.flex-nav ul#mainnav > li > a { padding: 2em 1em 2em 1em; } }

@media (min-width: 1028px) and (max-width: 1328px) { nav.flex-nav ul#mainnav > li > a { padding: 2em .5em 2em .5em; } }

nav.flex-nav ul#mainnav > li:before, nav.flex-nav ul#mainnav > li:after { content: ''; display: block; position: absolute; width: 10px; height: 2px; border-radius: 4px; background: transparent; bottom: 4px; left: 50%; margin: 0 0 0 -5px; transition: 0.1s ease-out; }

nav.flex-nav ul#mainnav > li:before { transform: translateX(4px); }

nav.flex-nav ul#mainnav > li:after { transform: translateX(-4px); }

nav.flex-nav ul#mainnav > li > a.current { background: #ddd; }

nav.flex-nav ul#mainnav > li > li.current > a, nav.flex-nav ul#mainnav > li > li.hasChild:hover > a { background: rgba(255, 255, 255, 0.15); }

nav.flex-nav ul#mainnav > li > li.current > a:before, nav.flex-nav ul#mainnav > li > li.hasChild:hover > a:before { transform: rotate(-25deg) translateX(4px); }

nav.flex-nav ul#mainnav > li > li.current > a:after, nav.flex-nav ul#mainnav > li > li.hasChild:hover > a:after { transform: rotate(25deg) translateX(-4px); }

nav.flex-nav ul#mainnav > li ul { display: flex; flex-direction: column; position: absolute; margin: 0; padding: 0; list-style: none; z-index: 2000; display: none; /* 2nd level li */ }

nav.flex-nav ul#mainnav > li ul > li { position: relative; display: block; white-space: nowrap; z-index: 999; /* 3rd level ul */ }

nav.flex-nav ul#mainnav > li ul > li a { display: block; text-transform: uppercase; letter-spacing: 1px; font-size: .65em; padding: 10px 12px; width: 100%; font-family: "Roboto", sans-serif; color: white; }

nav.flex-nav ul#mainnav > li ul > li ul { left: 100%; top: 0; /* 3rd level li */ }

nav.flex-nav ul#mainnav a { text-decoration: none; }

nav.flex-nav ul#mainnav > li:hover > ul, nav.flex-nav ul#mainnav > li > ul > li:hover > ul { display: flex; }

nav.flex-nav ul#mainnav > li > a:after { font-weight: normal; font-style: normal; display: block; text-decoration: inherit; font-family: 'omaha'; content: "\e804"; margin-top: 0; opacity: 0; color: rgba(0, 0, 0, 0.1); font-size: .95rem; position: absolute; left: 45%; }

nav.flex-nav ul#mainnav > li.hasChild:hover > a:before { opacity: 1; margin-top: 4px; }

nav.flex-nav ul#mainnav > li:nth-child(2) > a:hover:after { margin-top: 4px; opacity: 1; color: #0080c5; }

nav.flex-nav ul#mainnav > li:nth-child(3) > a:hover:after { margin-top: 4px; opacity: 1; color: #e6a514; }

nav.flex-nav ul#mainnav > li:nth-child(4) > a:hover:after { margin-top: 4px; opacity: 1; color: #5d9632; }

nav.flex-nav ul#mainnav > li:nth-child(5) > a:hover:after { margin-top: 4px; opacity: 1; color: #bf311a; }

nav.flex-nav ul#mainnav > li:nth-child(6) > a:hover:after { margin-top: 4px; opacity: 1; color: #e6a514; }

nav.flex-nav ul#mainnav > li:nth-child(n+7) > a:hover:after { margin-top: 4px; opacity: 1; color: #0080c5; }

/* ====================== Side Drawer Styling ====================== */
.body-overlay { display: block; cursor: col-resize; /*background: linear-gradient(30deg, #2e3192, #1bffff);*/ background: #000; opacity: 0; position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: 9998; visibility: hidden; transition: opacity .33s ease; }

.body-overlay.active { opacity: 0.85; visibility: visible; height: 100%; width: 100%; }

#siteWrapper { position: relative; background-color: #fff; }

#sidecar { position: fixed; height: 100%; width: 260px; background: #fff; top: 0; right: -260px; text-align: left; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; transition: right .44s ease; z-index: 99999 !important; }

#sidecar ul#mainnav { right: 0px; }

/* Open & Close Button Placement and Speed */
button#drawer-toggle { border: none; background: none; height: 70px; width: 70px; text-align: center; top: -6px; right: 0px; }

@media screen and (max-width: 400px) { button#drawer-toggle { border: 0; width: 75px; } }

button#drawer-toggle:hover { background: #f6f6f6; }

button#drawer-toggle span { background: #888; width: 25px; height: 3px; position: relative; display: block; left: 15px; top: 3px; }

@media screen and (max-width: 400px) { button#drawer-toggle span { left: 20px; } }

button#drawer-toggle span:before { content: ""; position: absolute; top: -7px; left: 0; height: 3px; width: 25px; background: #888; }

button#drawer-toggle span:after { content: ""; position: absolute; top: 7px; left: 0; height: 3px; width: 25px; background: #888; }

@media screen and (min-width: 1028px) { button#drawer-toggle { display: none; } }

button#drawer-toggle .menu-text { float: left; }

button#drawer-toggle img.menu-icon { float: left; width: 17px; margin-left: 5px; margin-top: 4px; }

button:focus { outline: none !important; }

button.close-drawer { right: -260px; position: absolute; transition: right .44s ease; border: none; background-size: 17px; outline: none !important; top: 0; width: 50px; cursor: pointer; background: #fff; padding: 0; font-size: 3rem; border-left: 1px solid #eef1f1; height: 60px; }

/* Drawer Placement & Speed */
.slide-right, .push-right, .over-right { right: 0; left: inherit; }

.slide-right { transition: transform 0.44s ease-in-out, left 0.44s ease-in-out, right 0.44s ease-in-out; }

/* Slide Right */
#sidecar.slide-right { opacity: 1; transition: right .44s ease; }

#sidecar.slide-right.active { opacity: 1; right: 0px; transition: all .44s ease; box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.3); z-index: 999999 !important; /*ul#mainnav{ right:0px; -o-transition: right .44s ease; -moz-transition: right .44s ease; -webkit-transition: right .44s ease; transition: right .44s ease; -o-transition-delay: .2s !important; -moz-transition-delay: .2s !important; -webkit-transition-delay: .2s !important; transition-delay:.2s !important; }*/ }

#sidecar.slide-right.active button.close-drawer.pull-right { right: 5px; transition: right .44s ease; transition-delay: .6s !important; }

#sidecar.slide-right.active ul#mainnav li a { margin-left: 0px; opacity: 1; }

/* ====================== Side Drawer Styling END ====================== */
/* Expand Collapse Styling */
nav#sidecar ul#mainnav { position: relative; display: block; width: 100%; height: auto; margin: 30px 0 0 0; background: transparent; -webkit-padding-start: 0px; }

nav#sidecar ul#mainnav li { position: relative; margin: 0; padding: 0; float: none; display: inline-block; width: 100%; height: auto; background: transparent; text-align: left; }

nav#sidecar ul#mainnav li:first-child a { transition-delay: .1s !important; }

nav#sidecar ul#mainnav li:nth-child(2) a { transition-delay: .15s !important; }

nav#sidecar ul#mainnav li:nth-child(3) a { transition-delay: .2s !important; }

nav#sidecar ul#mainnav li:nth-child(4) a { transition-delay: .3s !important; }

nav#sidecar ul#mainnav li:nth-child(5) a { transition-delay: .35s !important; }

nav#sidecar ul#mainnav li:nth-child(6) a { transition-delay: .4s !important; }

nav#sidecar ul#mainnav li:nth-child(7) a { transition-delay: .5s !important; }

nav#sidecar ul#mainnav li:hover ul { display: block; }

nav#sidecar ul#mainnav li ul { padding: 0 0 0 0px; margin: 0; display: block; position: relative; max-height: 0px; overflow: hidden; float: none; transition: max-height 0.25s ease-in; background: #f6f6f6; border-top: 1px solid #eef1f1; }

nav#sidecar ul#mainnav li ul li a { padding: 10px 0px 10px 25px; border: none; font-size: 1.5rem; font-weight: normal; color: #555; }

nav#sidecar ul#mainnav li ul.active { display: block; max-height: 2500px; float: none; transition: max-height 0.44s ease-in; }

nav#sidecar ul#mainnav li a { display: inline-block; width: 100%; height: auto; padding: 8px 25px; position: relative; margin-left: 50px; opacity: 0; font-size: 18px; transition: all .44s ease; color: #5d9632; font-weight: 700; }

nav#sidecar ul#mainnav li a.expand { display: block; height: 38px; width: 38px; position: absolute; top: 0; right: 10px; background: url("/SiteFiles/2181/CSS/images/arrow-dark.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; padding: 16px; cursor: pointer; border: none; }

nav#sidecar ul#mainnav li a.expand.active { transform: rotate(180deg); border: none; }

#sidecar .hours { margin: 60px 0 20px; text-align: center; border-top: 1px solid #eef1f1; border-bottom: 1px solid #eef1f1; padding: 20px 0; }

#sidecar .utility ul { list-style: none; text-align: center; border-bottom: 1px solid #eef1f1; padding: 0 0 20px; }

#sidecar .utility ul li { display: inline-block; }

#sidecar .utility ul li a { font-size: 1.2rem; padding: 0 10px; }

#sidecar .utility ul li a:hover { opacity: 0.65; }

#sidecar .utility ul li a.about { color: #0080c5; }

@media screen and (max-width: 480px) { #sidecar .utility ul li a.about { display: none; } }

#sidecar .utility ul li a.donate { color: #bf311a; }

#sidecar .utility ul li a.tickets { color: #5d9632; }

#sidecar .search-icon { right: -260px; position: absolute; transition: right .44s ease; transition-delay: .6s !important; width: 57px; height: 60px; cursor: pointer; background: #fff; padding: 0; font-size: 2rem; border-left: 1px solid #eef1f1; line-height: 60px; text-align: center; }

@media screen and (min-width: 401px) { #sidecar .search-icon { display: none; } }

#sidecar .search-icon.active { right: 56px; }

/* ====================== Header ====================== */
header { position: fixed; width: 100%; top: 0; background: #fff; z-index: 999999; transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); }

header .utility { display: block; }

header .utility ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; margin-top: -10px; }

header .utility ul li { position: relative; flex: 0 1 auto; border-top: 4px solid transparent; /* 2nd Level ul */ }

header .utility ul li a { padding: 2.5em 1.25em 2em 1.25em; display: flex; font-family: "Roboto", sans-serif; text-transform: uppercase; color: #fff; font-size: 1.25rem; letter-spacing: 1px; position: relative; display: block; text-align: center; }

header .utility ul li a:hover { color: #0080c5; }

@media (max-width: 1053px) { header .utility ul li a { padding: 2.5em 1em 2em 1em; } }

@media (min-width: 1028px) and (max-width: 1328px) { header .utility ul li a { padding: 2.5em .5em 2em .5em; } }

@media (max-width: 1027px) { header .utility { position: absolute; right: 65px; top: 2px; } }

header .logo-wrap { margin-left: 6px; }

header .logo-link { flex: 0 1 auto; width: 120px; height: 60px; display: block; background: url("images/logo.svg") no-repeat; background-size: 100%; }

@media (min-width: 768px) { header .logo-link { background: url("images/logo.svg") no-repeat; background-size: 100%; transform: scale(1); transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; } }

.header-hide { margin-top: -115px; }

/* Utility Link Tweaks */
#cpn-tickets a { color: #e6a514; }

#cpn-tickets a:hover { color: #eeb83f; }

@media (max-width: 670px) { #cpn-tickets a { display: none; } }

#cpn-gift-cards a { color: #0080c5; }

#cpn-gift-cards a:hover { color: #00a1f8; }

@media (max-width: 670px) { #cpn-gift-cards a { display: none; } }

#cpn-membership a { color: #5d9632; }

#cpn-membership a:hover { color: #75bc3f; }

@media (max-width: 670px) { #cpn-membership a { display: none; } }

#cpn-donate a { color: #bf311a; }

#cpn-donate a:hover { color: #e2442a; }

@media (max-width: 670px) { #cpn-donate a { display: none; } }

#cpn-search a { color: #888; }

#cpn-search a:hover { color: #ababab; }

@media (max-width: 670px) { #cpn-search a { font-size: 20px; padding: 1.4em .8em .9em 1em !important; } }

/* ====================== Footer ====================== */
footer { background-color: #fff; position: relative; }

footer .rip-border { width: 100%; margin-top: -60px; position: relative; z-index: 9; }

@media (max-width: 411px) { footer .rip-border { margin-top: -50px; } }

footer .top-footer { margin-bottom: 5%; margin-left: 5%; }

footer .top-footer .contact { text-align: center; }

footer .top-footer .contact h4 { font-family: "Amatic SC", cursive; font-size: 35px; color: #bf311a; }

footer .top-footer .contact p { margin-bottom: 0; }

footer .top-footer .contact a { font-size: inherit; display: block; }

footer .top-footer .contact .socials { display: block; list-style-type: none; padding: 0; }

footer .top-footer .contact .socials li { margin-right: 9px; display: inline-block; }

footer .top-footer .contact .socials li .fa { color: #0080c5; font-size: 22px; margin-top: 5px; }

footer .top-footer .logo img { width: 75%; }

footer .top-footer .links { text-align: center; }

footer .top-footer .links h4 { font-family: "Amatic SC", cursive; font-size: 35px; color: #bf311a; }

footer .top-footer .links #childpagenav-160889 { list-style: none; padding: 0; line-height: 2; }

footer .top-footer .links #childpagenav-160889 a { font-size: inherit; }

footer .top-footer .blog { padding-left: 5%; }

footer .top-footer .blog .recent-blog-posts-wrapper ul { list-style: none; padding: 0; }

footer .top-footer .blog .recent-blog-posts-wrapper ul .recent-blog-posts-title { font-family: "Amatic SC", cursive; font-size: 35px; color: #bf311a; }

footer .top-footer .blog .recent-blog-posts-wrapper ul .recent-blog-posts-date-wrapper { display: block; font-size: inherit; }

footer .top-footer .blog .recent-blog-posts-wrapper ul .recent-blog-posts-body { font-size: inherit; }

footer .top-footer .blog .recent-blog-posts-wrapper .recent-blog-posts-view-link { background-color: #bf311a; width: 145px; padding: 5px 30px; text-align: center; border-radius: 50px; margin-top: 20px; transition: .3s ease; font-size: 1.25rem; letter-spacing: 1px; text-transform: uppercase; }

footer .top-footer .blog .recent-blog-posts-wrapper .recent-blog-posts-view-link a { color: #fff; font-size: inherit; }

footer .top-footer .blog .recent-blog-posts-wrapper .recent-blog-posts-view-link:hover { background-color: #e6a514; transition: .3s ease; }

footer .partners { background: #bf311a; padding-top: 3%; padding-bottom: 3%; position: relative; }

footer .partners ul { display: flex; list-style-type: none; align-items: center; }

footer .partners ul li { margin-right: 50px; }

footer .partners ul li:last-child { margin-right: 0; }

footer .bottom-footer { padding: 20px; text-align: center; background: #902817; }

footer .bottom-footer a { color: #fff; font-weight: 100; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; }

.footer-default .footer-cta { text-align: center; background: #bf311a; padding: 50px; }

.footer-default .footer-cta h2 { color: #fff; text-transform: uppercase; letter-spacing: 1px; }

.footer-default .footer-cta a.btn { background: #fff; border-radius: 500px; padding: 14px 30px; text-transform: uppercase; color: #bf311a; font-size: 1.25rem; letter-spacing: 1px; line-height: 1; margin-bottom: 30px; }

.footer-default .footer-cta a.btn:after { content: "\f178"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #bf311a; font-size: 15px; position: relative; margin-left: -10px; visibility: hidden; }

.footer-default .footer-cta a.btn:hover { color: #bf311a; padding: 14px 40px 14px 30px; }

.footer-default .footer-cta a.btn:hover:after { visibility: visible; margin-left: 20px; }

.footer-default .rip-border { display: block !important; }

@media (max-width: 700px) { .footer-default .rip-border { margin-top: -50px; } }

@media (max-width: 570px) { .footer-default .rip-border { margin-top: -40px; } }

@media (max-width: 458px) { .footer-default .rip-border { margin-top: -30px; } }

@media (max-width: 320px) { .footer-default .rip-border { margin-top: -28px; } }

.footer-default .top-footer { margin-left: 0; margin-bottom: 50px; position: relative; z-index: 99; }

.footer-default .partners { display: none; }

/* SEARCH PANEL
============================*/
.form-group { margin-bottom: 0px; }

#search { position: fixed; transform: translate3d(0px, -150px, 0px); left: 0px; width: 100%; height: 71px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5d9632+0,60c643+100 */ background: #5d9632; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #5d9632 0%, #60c643 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d9632', endColorstr='#60c643',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ z-index: 999999; }

#search input:-webkit-autofill, #search textarea:-webkit-autofill, #search select:-webkit-autofill { background-color: transparent; background-image: none; color: black; }

#search ::-webkit-input-placeholder { color: #999; font-weight: 400; }

#search :-moz-placeholder { /* Firefox 18- */ color: #999; font-weight: 400; }

#search ::-moz-placeholder { /* Firefox 19+ */ color: #999; font-weight: 400; }

#search :-ms-input-placeholder { color: #999; font-weight: 400; }

#search .flexbox-margin { margin-top: 115px; }

#search .flexbox-margin h1, #search .flexbox-margin h2, #search .flexbox-margin h3, #search .flexbox-margin p { color: white; }

#search .flexbox-margin h1 { font-size: 1em; padding: 10px 0; font-family: "Roboto", sans-serif; }

#search .flexbox-margin h2 { font-size: 0.85em; font-family: "Roboto", sans-serif; }

#search .flexbox-margin p { font-size: 0.75em; font-family: "Roboto", sans-serif; line-height: 130%; }

#search .flexbox-margin a { color: white; }

#search .flexbox-margin .fa { font-size: 1.2em; display: block; color: #0080c5; }

#search span { position: absolute; top: 20% !important; left: 50% !important; transform: translateX(-50%) translateY(-50%); color: white; font-style: italic; font-size: 1em; z-index: -2; }

@media (max-width: 600px) { #search span { font-size: 0.85em; } }

#search.open-search { transform: translate3d(0px, 0px, 0px); z-index: 9999999; opacity: 1; }

.searchPanel { padding-top: 13px; }

input#searchButton { position: absolute; right: 20.5%; background: transparent; border: 0; margin-top: 47px; height: 40px; width: 80px; display: none; }

.searchPanel input#searchField { position: absolute; top: -20px; left: 0; margin: 0 auto; width: 100%; height: 65px; background: transparent; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 1.3rem; line-height: 1.2rem; margin: 1.4rem 0 0.7rem 0; font-weight: 400; text-align: left; padding: 0; padding: 10px 0px; border: 0; color: white; font-size: 2.5rem; border-bottom: 1px solid transparent; }

.searchPanel input#searchField:focus { background: transparent; color: white; outline: 0; transition: all 0.5s ease-out; }

.searchPanel input:hover { background: transparent; color: white; transition: all 0.5s ease-out; }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

#search .btn-default { color: white; background: #0080c5 url(images/search.svg); background-repeat: no-repeat; background-position: center center; background-size: 5%; text-indent: 9999px; border-color: #ccc; cursor: pointer; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); }

#search .btn { display: inline-block; margin-bottom: 0; font-weight: 400; height: 40px; width: 10%; float: right; text-align: center; cursor: pointer; background-image: url(images/search.svg); background-repeat: no-repeat; background-position: center center; background-size: 35%; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2); border: 1px solid transparent; white-space: nowrap; padding: 6px 20px; font-size: 14px; line-height: 1.428571429; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

#search .btn:hover, #search .btn:focus { border: 0px solid #952818; color: white; cursor: pointer; background-image: url(images/search.svg); background-repeat: no-repeat; background-position: center center; background-size: 35%; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2); }

#search .close-search { position: absolute; z-index: 9999; right: 10px; height: 30px; width: 30px; top: 20px; border-radius: 50%; background: rgba(255, 255, 255, 0) url(images/x.svg) no-repeat center center; background-size: 60%; overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; transform: translateZ(0); transform: scale(0); cursor: pointer; }

#search .close-search:hover { background-color: rgba(0, 0, 0, 0); transform: rotate(180deg); }

#search .close-search { visibility: visible; opacity: 1; transform: scale(1); }

#search .searchPanel { position: relative; top: 35%; width: 100%; display: table; margin: auto; max-width: 1160px; margin-top: 10px; }

#search .container { position: relative; }

#search .form-control { display: inline-block; text-align: left; width: 90%; height: 40px; padding: 6px 12px; font-size: 1em; text-transform: none; font-weight: 400; line-height: 1.428571429; color: #999; background-color: rgba(0, 0, 0, 0.05); background-image: none; border: 1px solid white; border-radius: 0px; float: left; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: all 0.5s ease-out; }

li#mn-search .icon-search { border: 2px solid #0080c5; height: 40px; width: 40px; text-align: center; line-height: 36px; border-radius: 50%; vertical-align: middle; margin-top: -10px; text-decoration: none; }

li#mn-search .icon-search:hover { background: #0080c5; text-decoration: none; }

li#mn-search a { text-decoration: none; border: 0 !important; box-shadow: none !important; }

li#mn-search a:hover { border: 0 !important; text-decoration: none; box-shadow: none !important; }

input#searchField::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: white; }

input#searchField::-moz-placeholder { /* Firefox 19+ */ color: white; }

input#searchField:-ms-input-placeholder { /* IE 10+ */ color: white; }

input#searchField:-moz-placeholder { /* Firefox 18- */ color: white; }

/* Core Owl Carousel CSS File v1.3.3 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { transition: height 0ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/* Owl Carousel Owl Demo Theme v1.3.3 */
.owl-theme .owl-controls { margin-top: 10px; text-align: left; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; border-radius: 20px; background: #fff; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }

/* Owl Carousel CSS3 Transitions v1.3.2 */
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }

/* fade */
.owl-fade-out { z-index: 10; animation: fadeOut .7s both ease; }

.owl-fade-in { animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out { animation: backSlideOut 1s both ease; }

.owl-backSlide-in { animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out { animation: scaleToFade .7s ease both; }

.owl-goDown-in { animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in { animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/

@keyframes empty { 0% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes backSlideOut { 25% { opacity: .5;
    transform: translateZ(-500px); }
  75% { opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideIn { 0%, 25% { opacity: .5;
    transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5;
    transform: translateZ(-500px); }
  100% { opacity: 1;
    transform: translateZ(0) translateX(0); } }

@keyframes scaleToFade { to { opacity: 0;
    transform: scale(0.8); } }

@keyframes goDown { from { transform: translateY(-100%); } }

@keyframes scaleUpFrom { from { opacity: 0;
    transform: scale(1.5); } }

@keyframes scaleUpTo { to { opacity: 0;
    transform: scale(1.5); } }

.cd-image-replace { /* replace text with image */ display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; }

/* -------------------------------- 

Navigation trigger - visible on small devices only

-------------------------------- */
.cd-nav-trigger { display: block; position: fixed; z-index: 2; bottom: 30px; right: 5%; height: 44px; width: 44px; border-radius: 0.25em; background: rgba(234, 242, 227, 0.9); /* reset button style */ cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: none; outline: none; }

.cd-nav-trigger span { /* central dot */ position: absolute; height: 4px; width: 4px; background-color: #3a2c41; border-radius: 50%; left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); }

.cd-nav-trigger span::before, .cd-nav-trigger span::after { /* bottom and top dots */ content: ''; position: absolute; left: 0; height: 100%; width: 100%; background-color: #3a2c41; border-radius: inherit; }

.cd-nav-trigger span::before { top: -9px; }

.cd-nav-trigger span::after { bottom: -9px; }

@media only screen and (min-width: 800px) { .cd-nav-trigger { display: none; } }

/* -------------------------------- 

Content Sections - basic style

-------------------------------- */
.cd-section { /* vertically align its content*/ display: table; width: 100%; height: 100vh; background: #3a2c41; }

.cd-section:nth-of-type(even) { background-color: #70557e; }

.cd-section > div { /* vertically align <div> inside <section> */ display: table-cell; vertical-align: middle; text-align: center; }

.cd-section h1, .cd-section h2 { width: 90%; margin: 0 auto; text-transform: uppercase; font-size: 2.4rem; line-height: 1.4; }

.cd-section h1 b, .cd-section h2 b { color: #584c5e; }

.cd-section p { margin: 1em auto 0; line-height: 1.6; width: 90%; max-width: 680px; color: rgba(234, 242, 227, 0.6); }

@media only screen and (min-width: 800px) { .cd-section h1, .cd-section h2 { font-size: 3rem; } .cd-section p { font-size: 2rem; } }

.cd-scroll-down { position: absolute; left: 50%; right: auto; transform: translateX(-50%); bottom: 20px; width: 44px; height: 44px; background: url(../img/cd-arrow-bottom.svg) no-repeat center center; }

/* -------------------------------- 

no-js

-------------------------------- */
.no-js .cd-nav-trigger { display: none; }

.no-js .cd-vertical-nav { position: static; height: auto; width: 100%; max-width: none; background-color: rgba(0, 0, 0, 0.8); border-radius: 0; transform: scale(1); }

.no-js .cd-vertical-nav::before { display: none; }

.no-js .cd-vertical-nav ul::after { clear: both; content: ""; display: table; }

.no-js .cd-vertical-nav li { display: inline-block; float: left; }

.no-js .cd-vertical-nav a { padding: 0 1em; margin: 1.5em 1em; color: #bf311a; }

.no-js .cd-vertical-nav a.active { color: #bf311a; }

.no-js .cd-vertical-nav a::after, .no-js .cd-vertical-nav a::before { display: none; }

.no-js .cd-vertical-nav .label { transform: translateX(0); }

/* ======================
Weather Widget
====================== */
.weather-widget { position: absolute; bottom: 100px; right: 40px; z-index: 10; width: 170px; color: white; }

@media (max-width: 992px) { .weather-widget { right: -50px; } .weather-widget canvas { width: 50px; height: 50px; } .weather-widget .wlww-shelby .info { left: 62px; } }

@media (max-width: 600px) { .weather-widget { top: 80px; } }

.weather-widget p { text-align: center; border-top: 1px solid white; width: 159px; margin-left: 10px; margin-bottom: 0; text-transform: uppercase; font-size: .75em; padding: 8px; border-left: 1px solid white; border-right: 1px solid white; }

.sw-accordion { margin-bottom: 4rem; }

.sw-accordion .tabbedcontent-header { background: #eee; cursor: pointer; font-size: 2rem !important; letter-spacing: 1px; outline: none; margin-bottom: 0; padding: 2rem 4rem; position: relative; text-transform: uppercase; color: #5d9632; }

.sw-accordion .tabbedcontent-header:hover { color: #3c763d; }

.sw-accordion .tabbedcontent-header:before { content: '\f067'; font-family: 'fontawesome'; font-size: 1.6rem; position: absolute; top: 2.5rem; left: 1.5rem; }

.sw-accordion .tabbedcontent-header.ui-state-active { background: #5d9632; color: white; }

.sw-accordion .tabbedcontent-header.ui-state-active:before { transform: rotate(135deg); }

.sw-accordion .tabbedcontent-content { background: #fff; padding: 2rem; }

.page-alert-message { background-color: #0080c5; border: none; border-radius: 0; color: #fff; font-size: 20px; top: inherit; left: 0; bottom: 0; width: 100%; margin-left: 0; padding: 30px; text-align: center; z-index: 99999; }

.page-alert-message #page-alert-dismiss { -webkit-appearance: none; border: none; font-size: 16px; border-radius: 50px; padding: 10px 30px; background: #fff; color: #0080c5; }

.page-alert-wrapper { z-index: 9999; }

.blog .blog-entry { padding-bottom: 50px; border-bottom: 1px solid #5d9632; margin-bottom: 70px; position: relative; }

.blog .blog-entry .post-date { margin-left: 150px; top: 10px; }

.blog .blog-entry .post-title { margin-left: 150px; font-size: 3.2rem; }

.blog .blog-entry .post-image { position: absolute; width: 125px; top: 0; }

.blog .blog-entry .post-image:after { background-image: url(/SiteFiles/2140/css/images/ripped-border.png); height: 100%; width: 125px; position: absolute; content: ''; left: 0; z-index: 99; background-size: contain; background-repeat: no-repeat; margin-bottom: 10px; bottom: -100%; }

.blog .blog-entry .post-image img { width: 125px; }

.blog .blog-entry .post-body { line-height: 2; margin-left: 150px; position: relative; }

.blog .blog-entry .post-body a.post-summary-read-more { display: block; margin-top: 20px; padding: 7px 30px; background: #e6a514; width: 150px; text-align: center; border-radius: 50px; text-transform: uppercase; color: #fff; font-size: 13px; transition: .3s ease; }

.blog .blog-entry .post-body a.post-summary-read-more:hover { background: #0080c5; }

.blog .blog-entry .post-profileinfo { display: none; }

.blog .blog-entry .post-tags { display: none; }

@media (max-width: 767px) { .blog .blog-entry .post-date { margin-left: 0; position: relative; } .blog .blog-entry .post-title { position: relative; margin-left: 0; margin-top: 0; } .blog .blog-entry .post-image { display: none; } .blog .blog-entry .post-body { margin-left: 0; margin-top: 0; } }

.event-module .calendar-controls { color: #0080c5; }

.event-module .calendar-controls .current-month { color: #0080c5; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; font-size: 2rem; }

.event-module .calendar-controls .monthyear-jumper { color: #7b7b7b; font-size: 15px; display: block; margin-top: 10px; }

.event-module .calendar-controls .monthyear-jumper select { border: 1px solid #eee; padding: 2px; }

@media (max-width: 1199px) { .event-module .calendar-controls .monthyear-jumper { float: inherit; display: block; margin-top: 10px; } }

.event-module .list-panel .event-listing-date { background-color: #5d9632; padding: 10px; color: #fff; text-transform: uppercase; letter-spacing: 2.5px; font-size: 11px; font-weight: 600; text-align: center; }

.event-module .list-panel .event-listing-table { margin-top: 20px; }

.event-module .list-panel .event-listing-table td { padding-bottom: 10px; }

.event-module .list-panel .event-listing-table td img { display: none; }

.event-module .list-panel .event-listing-table td.event-listing-event-column a { font-size: 16px; }

@media (max-width: 570px) { .event-module .list-panel .event-listing-table tr.event-listing-odd-row, .event-module .list-panel .event-listing-table tr.event-listing-even-row { display: block; padding-bottom: 15px; } .event-module .list-panel .event-listing-table tr:last-child { padding-bottom: 0; } .event-module .list-panel .event-listing-table td { display: block; width: 100%; padding-bottom: 0; } }

.event-module .event-detail-image { width: 150px; }

.swCalEvents .cal-wrapper .event-day { width: 100%; text-align: center; background-color: #5d9632; padding: 5px 0; border-radius: 4px; }

.swCalEvents .cal-wrapper .event-day h4 { color: #FFF; margin: 0 auto; }

.swCalEvents .cal-wrapper .single-event { display: flex; width: 100%; }

.swCalEvents .cal-wrapper .single-event > div { width: calc(100% / 3); display: flex; padding: 5px; align-items: center; }

.swCalEvents .cal-wrapper .single-event .e-time p { width: 100%; margin: 0; font-size: 1.5rem; }

.CalendarEvent .CalendarEvent__box .CalendarEvent__meta .CalendarEvent__date_time > img { display: none; }

.CalendarEvent .CalendarEvent__box .CalendarEvent__meta .CalendarListEvent__tags { display: flex; flex-wrap: wrap; gap: 5px; }

.CalendarEvent .CalendarEvent__box .CalendarEvent__meta .CalendarListEvent__tags > a { padding: 5px; }

/* =============== HOME JUMP NAV =============== */
.home-jumps { position: fixed; z-index: 999999; top: 50%; transform: translateY(-50%); right: -100px; }

@media (max-width: 767px) { .home-jumps { display: none; } }

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

.home-jumps ul li { line-height: 3; transition: 0.5s ease; width: 100px; }

.home-jumps ul li:hover { margin-left: -85px; }

.home-jumps ul li a { position: relative; color: #bf311a; }

.home-jumps ul li a i { font-size: 9px; color: #bf311a; position: absolute; top: -15px; left: -50px; padding: 20px; }

/* =============== VIDEO COMPONENTS =============== */
.bgVideo-wrapper { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: inherit; pointer-events: none; overflow: hidden; opacity: 0.9; }

.bgVideo-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; /* Safari 6.0 - 9.0 */ filter: grayscale(100%); transform: translate(-50%, -50%); opacity: 0.15; }

#bgvid { position: absolute; display: block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 10; }

@media screen { #bgmobile { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: inherit; opacity: 1; transform: translateX(-50%) translateY(-50%); background-repeat: no-repeat; background-size: cover !important; background-position: 73% 50% !important; } }

/* Flex Nav */
#hero-nav { visibility: visible; -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -webkit-padding-start: 0; transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); bottom: 30px; display: flex; justify-content: space-between; list-style: none; min-width: 100%; overflow: hidden; padding: 0.5rem; position: absolute; z-index: 1; }

#hero-nav .portal-tile { background: white; position: relative; padding: 4%; margin-top: 0; box-shadow: 0 30px 50px rgba(0, 0, 0, 0); transform: scale(1); z-index: inherit; transition: all 0.5s ease; }

#hero-nav .portal-tile:hover { background: white; box-shadow: 0 30px 50px rgba(0, 0, 0, 0.55); transform: scale(1.15); z-index: 10; }

#hero-nav .portal-tile span { opacity: 0; transition: all 0.5s ease; }

#hero-nav .portal-tile:hover span { opacity: 1; transition: all 0.5s ease; }

#hours { position: absolute; top: 120px; right: 40px; z-index: 19; padding: 10px 30px; }

#hours h5 { color: #5d9632; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8em; margin-bottom: 10px; }

#hours p { font-size: 1em; text-transform: uppercase; display: table; color: white; font-family: "Roboto", sans-serif; margin-bottom: 0; font-weight: 300; letter-spacing: 1.5px; }

#hours span { display: none; }

@media (max-width: 767px) { #hours { display: none; } }

/* ======================
Scroll Down Indicator
====================== */
.scroll-down { position: absolute; bottom: 30px; left: 50%; padding: 20px 35px; opacity: 1; transition: all 0.5s ease-out; z-index: 100; }

@media (max-width: 600px) { .scroll-down { left: 40%; bottom: 100px; } }

.scroll-down-fade { opacity: 0 !important; transition: all 0.5s ease-out; }

.scroll-down span { display: block; width: 10px; height: 10px; /* IE 9 */ /* Chrome, Safari, Opera */ transform: rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; margin: 0 0 3px; }

.unu { margin-top: 6px; }

.doi, .trei, .unu { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; }

.unu { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-direction: alternate; }

.doi { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-direction: alternate; }

.trei { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-direction: alternate; }

.mouse { height: 31px; width: 20px; border-radius: 10px; margin-bottom: 10px; margin-left: -2px; transform: none; border: 2px solid white; background: white; top: 170px; }

.wheel { height: 5px; width: 2px; display: block; margin: 2px auto; background: transparent; position: relative; }

.wheel { -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; }

@keyframes mouse-scroll { 0% { opacity: 0; }
  50% { opacity: 0.5; }
  100% { opacity: 1; } }

.jump-nav { position: fixed; right: -95px; top: 40%; z-index: 9999; line-height: 2; transition: 0.3s ease; }

.jump-nav:hover { transition: 0.3s ease; margin-right: 115px; }

.jump-nav ul { list-style: none; }

.jump-nav ul span { margin-left: 10px; display: inline-block; }

/* ====================== Homepage Template ====================== */
/* Loaded image container */
.loaded .background { transform: scale(1); transition: 12.5s transform; }

.background { width: 100%; height: 100%; position: absolute; transform: translate3d(0, 0, 0) scale(1.15); background: none; background-size: cover; background-position: top right; z-index: 10; }

.background:before { content: ""; background: rgba(0, 0, 0, 0.15); position: absolute; display: block; height: 100%; width: 100%; }

section.home-slider { position: relative; overflow: hidden; height: 100vh; }

section.home-slider .hero-message { width: 100%; max-width: 60%; padding: 35px 0 0; z-index: 99; }

section.home-slider .hero-message:before { content: ""; position: absolute; height: 80px; width: 4px; background: #e6a514; display: block; left: -50px; margin-top: 35px; }

section.home-slider .hero-message h2 { color: white; text-transform: uppercase; font-size: 1rem; font-weight: 300; letter-spacing: 3px; }

section.home-slider .hero-message h1 { color: #fff; font-size: 6rem; font-weight: 700; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* HERO TEXT ANIMATION (OPTIONAL) */ }

@media screen and (max-width: 768px) { section.home-slider .hero-message h1 { font-size: 4.5rem; } }

section.home-slider .hero-message h1 span:nth-of-type(1) { animation-delay: 2.8s; }

section.home-slider .hero-message h1 span:nth-of-type(2) { animation-delay: 3s; }

section.home-slider .hero-message h1 span:nth-of-type(3) { animation-delay: 3.2s; }

section.home-slider .hero-message p { color: white; font-size: 1em; width: 550px; }

@media (max-width: 767px) { section.home-slider .hero-message p { width: auto; } }

section.home-slider .hero-message i.demo-icon.icon-right.down-arrow { display: inline-block; font-size: 4rem; color: #fff; transform: rotate(90deg); position: relative; cursor: pointer; }

section.home-main { position: relative; background: url(images/halftone.png), #FCD21F; background-blend-mode: multiply; z-index: 9; padding-bottom: 5%; }

section.home-main .swSlider { /*@media (max-width: 767px) { img { display: none; } .title { font-size: 3.5rem !important; line-height: 1; } .caption { width: 77%; margin-left: 5%; } }*/ }

section.home-main .swSlider img { position: relative; width: 50%; margin-top: 5%; z-index: 100; box-shadow: -1px 30px 105px -25px #000; }

section.home-main .swSlider .caption { width: 43%; margin-left: 53%; bottom: inherit !important; top: 9% !important; }

section.home-main .swSlider .caption .title { color: #0080c5 !important; font-size: 5rem !important; }

section.home-main .swSlider .caption .description { color: #333 !important; font-size: 1.75rem !important; line-height: 1.9em; font-weight: 100; letter-spacing: 0.5px; font-weight: 500 !important; }

section.home-main .swSlider .prev { margin-top: -100px; position: absolute; right: 10%; color: #0080c5; transform: scale(1.7); font-size: 0; }

section.home-main .swSlider .prev:before { content: '\f177'; font-size: 16px; font-family: 'FontAwesome'; }

section.home-main .swSlider .next { margin-top: -100px; position: absolute; right: 7%; color: #0080c5; transform: scale(1.7); font-size: 0; }

section.home-main .swSlider .next:before { content: '\f178'; font-size: 16px; font-family: 'FontAwesome'; }

@media (max-width: 1000px) { section.home-main .swSlider .scrollable { height: 700px !important; } }

@media (max-width: 920px) { section.home-main .swSlider img { width: 35%; } section.home-main .swSlider .caption { width: 55%; margin-left: 40%; } }

@media (max-width: 767px) { section.home-main .swSlider img { display: none; } section.home-main .swSlider .caption { width: 88%; margin-left: 5%; } section.home-main .swSlider .caption .title { font-size: 3.5rem !important; line-height: 1; } }

@media (max-width: 450px) { section.home-main .swSlider .scrollable { height: 775px !important; } }

@media (max-width: 400px) { section.home-main .swSlider .scrollable { height: 850px !important; } section.home-main .swSlider .scrollable .title { font-size: 35px !important; } }

section.home-portals { position: relative; z-index: 1000; background: url(images/halftone.png), #231f20; background-blend-mode: multiply; }

section.home-portals .templatecontent { padding: 0; }

section.home-portals .portal-tile { position: relative; padding: 55px; margin-top: 0; box-shadow: 0 30px 50px rgba(0, 0, 0, 0); transform: scale(1); z-index: inherit; transition: all 0.5s ease; background-size: cover; background-position: 50% 50%; height: 100%; background-repeat: no-repeat; }

section.home-portals .portal-tile:hover { margin-top: -10px; box-shadow: 0 30px 50px rgba(0, 0, 0, 0.55); transform: scale(1.05); z-index: 10; }

section.home-portals .portal-tile:hover h2 { margin-top: 20px; font-weight: 700; }

section.home-portals .portal-tile:hover .yellow-btn { opacity: 1; margin-top: 0; }

section.home-portals .portal-tile h2 { margin-top: 20px; color: white; text-align: center; text-transform: uppercase; font-size: 2em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); font-family: "Oswald", sans-serif; }

section.home-portals .portal-tile .yellow-btn { opacity: 0; margin-top: 15px; }

.events-wrapper { padding: 10% 7%; }

.events-wrapper:after { content: "Come Explore"; display: block; position: absolute; left: 7%; font-size: 7.25em; font-family: "Amatic SC", cursive; transform: rotate(-8deg); bottom: 20%; }

.events-wrapper h4 { color: #bf311a; font-size: 3rem; font-weight: 700; }

/* --------------------------------

Home Tabs Block

-------------------------------- */
.home-tabs { padding-top: 5%; padding-bottom: 10%; text-align: center; position: relative; background-color: #fff; }

.home-tabs .flex-container-fluid { width: 100%; display: inline-block; }

.home-tabs .rip-border { width: 100%; z-index: 999; margin-top: -60px; position: absolute; left: 0; top: 0; }

@media (max-width: 700px) { .home-tabs .rip-border { margin-top: -35px; } }

.home-tabs .small-intro { font-weight: 100; text-transform: uppercase; letter-spacing: 4px; font-size: 11px; margin: 0; z-index: 999; position: absolute; left: 50%; transform: translate(-50%, -25%); width: 100%; background: #fff; padding-top: 50px; margin-top: -50px; }

.home-tabs ul { list-style-type: none; }

.home-tabs ul li .cbp-content { margin-right: 10%; margin-left: 10%; }

.home-tabs ul li .thin-width { margin-right: 15%; margin-left: 15%; height: 100%; }

.home-tabs ul li h1 { font-family: "Amatic SC", cursive; font-size: 10rem; text-align: center; margin-top: 5px; }

@media (max-width: 700px) { .home-tabs ul li h1 { font-size: 6.5rem; } }

.home-tabs .event-btn { margin-top: -10px; }

.cbp-contentslider { width: 100%; height: 475px; margin: 1em auto; position: relative; border: none; margin-top: -20px; }

.cbp-contentslider > ul { list-style: none; height: 100%; width: 100%; overflow: hidden; position: relative; padding: 0; margin: 0; }

.cbp-contentslider > ul > li { position: absolute; width: 100%; height: 100%; left: 0; top: 15px; padding: 1em; background: #fff; overflow: scroll; }

.cbp-contentslider > ul > li:target { z-index: 100; }

.cbp-contentslider nav { margin-top: 50px; margin-bottom: 50px; display: inline-block; }

.cbp-contentslider nav a { background-color: #0080c5; border: 2px solid #0080c5; padding: 15px 30px; margin-bottom: 10px; display: inline-block; color: #fff; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; }

.cbp-contentslider nav a:first-child { border-radius: 50px 0 0 50px; }

.cbp-contentslider nav a:last-child { border-radius: 0 50px 50px 0; }

.cbp-contentslider nav a:hover { background-color: transparent; color: #0080c5; }

.cbp-contentslider nav a i { margin-right: 7px; }

.cbp-contentslider nav a.rc-active { background: #fff; color: #0080c5; }

.cbp-contentslider #slide3 .flex-col-sm-6 p { text-align: left; }

.cbp-contentslider #slide3 .btn { margin-top: 30px; }

.cbp-contentslider #slide4 .flex-row { width: 130%; margin-left: -15%; }

.cbp-contentslider #slide4 .flex-row strong { color: #0080c5; }

.cbp-contentslider #slide5 { text-align: center; }

.cbp-contentslider #slide5 .flex-row { text-align: left; }

.cbp-contentslider #slide5 .flex-row strong { color: #0080c5; }

.cbp-contentslider #slide5 .btn { text-align: center; }

/* --------------------------------

Slider

-------------------------------- */
.cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.cd-hero-slider { position: relative; height: 360px; overflow: hidden; }

.cd-hero-slider li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(100%); }

.cd-hero-slider li.selected { /* this is the visible slide */ position: relative; transform: translateX(0); }

.cd-hero-slider li.move-left { /* slide hidden on the left */ transform: translateX(-100%); }

.cd-hero-slider li.is-moving, .cd-hero-slider li.selected { /* the is-moving class is assigned to the slide which is moving outside the viewport */ transition: transform 0.5s; }

@media only screen and (min-width: 768px) { .cd-hero-slider { height: 500px; } }

@media only screen and (min-width: 1170px) { .cd-hero-slider { height: 680px; } }

/* --------------------------------

Single slide style

-------------------------------- */
.cd-hero-slider li { background-position: center center; background-size: cover; background-repeat: no-repeat; }

.cd-hero-slider li:first-of-type { background-color: #2c343b; }

.cd-hero-slider li:nth-of-type(2) { background-color: #3d4952; background-image: url("../assets/tech-1-mobile.jpg"); }

.cd-hero-slider li:nth-of-type(3) { background-color: #586775; background-image: url("../assets/tech-2-mobile.jpg"); }

.cd-hero-slider li:nth-of-type(4) { background-color: #2c343b; background-image: url("../assets/video-replace-mobile.jpg"); }

.cd-hero-slider li:nth-of-type(5) { background-color: #2c343b; background-image: url("../assets/img.jpg"); }

.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; /* this padding is used to align the text */ padding-top: 100px; text-align: center; /* Force Hardware Acceleration in WebKit */ -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); }

.cd-hero-slider .cd-img-container { /* hide image on mobile device */ display: none; }

.cd-hero-slider .cd-img-container img { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); }

.cd-hero-slider .cd-bg-video-wrapper { /* hide video on mobile device */ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.cd-hero-slider .cd-bg-video-wrapper video { /* you won't see this element in the html, but it will be injected using js */ display: block; min-height: 100%; min-width: 100%; max-width: none; height: auto; width: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); }

.cd-hero-slider h2, .cd-hero-slider p { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); line-height: 1.2; margin: 0 auto 14px; color: #ffffff; width: 90%; max-width: 400px; }

.cd-hero-slider h2 { font-size: 2.4rem; font-weight: 700; }

.cd-hero-slider p { font-size: 1.4rem; line-height: 1.4; }

.cd-hero-slider .cd-btn { display: inline-block; padding: 1.2em 1.4em; margin-top: 0.8em; background-color: rgba(212, 68, 87, 0.9); font-size: 1.3rem; font-weight: 700; letter-spacing: 1px; color: #ffffff; text-transform: uppercase; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); transition: background-color 0.2s; }

.cd-hero-slider .cd-btn.secondary { background-color: rgba(22, 26, 30, 0.8); }

.cd-hero-slider .cd-btn:nth-of-type(2) { margin-left: 1em; }

.no-touch .cd-hero-slider .cd-btn:hover { background-color: #d44457; }

.no-touch .cd-hero-slider .cd-btn.secondary:hover { background-color: #161a1e; }

@media only screen and (min-width: 768px) { .cd-hero-slider li:nth-of-type(2) { background-image: none; } .cd-hero-slider li:nth-of-type(3) { background-image: none; } .cd-hero-slider li:nth-of-type(4) { background-image: none; } .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 150px; } .cd-hero-slider .cd-bg-video-wrapper { display: block; } .cd-hero-slider .cd-half-width { width: 45%; } .cd-hero-slider .cd-half-width:first-of-type { left: 5%; } .cd-hero-slider .cd-half-width:nth-of-type(2) { right: 5%; left: auto; } .cd-hero-slider .cd-img-container { display: block; } .cd-hero-slider h2, .cd-hero-slider p { max-width: 520px; } .cd-hero-slider h2 { font-size: 2.4em; font-weight: 300; } .cd-hero-slider .cd-btn { font-size: 1.4rem; } }

@media only screen and (min-width: 1170px) { .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 220px; } .cd-hero-slider h2, .cd-hero-slider p { margin-bottom: 20px; } .cd-hero-slider h2 { font-size: 3.2em; font-weight: 700; } .cd-hero-slider p { font-size: 1.6rem; } }

/* --------------------------------

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) { .cd-hero-slider .cd-half-width { opacity: 0; transform: translateX(40px); } .cd-hero-slider .move-left .cd-half-width { transform: translateX(-40px); } .cd-hero-slider .selected .cd-half-width { /* this is the visible slide */ opacity: 1; transform: translateX(0); } .cd-hero-slider .is-moving .cd-half-width { /* this is the slide moving outside the viewport wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */ transition: opacity 0s 0.5s, transform 0s 0.5s; } .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2), .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type { /* this is the selected slide - different animation if it's entering from left or right */ transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; } .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type, .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) { /* this is the selected slide - different animation if it's entering from left or right */ transition: opacity 0.4s 0.4s, transform 0.5s 0.4s; } .cd-hero-slider .cd-full-width .cd-btn, .cd-hero-slider .cd-full-width h2, .cd-hero-slider .cd-full-width p { opacity: 0; transform: translateX(100px); } .cd-hero-slider .move-left .cd-full-width .cd-btn, .cd-hero-slider .move-left .cd-full-width h2, .cd-hero-slider .move-left .cd-full-width p { opacity: 0; transform: translateX(-100px); } .cd-hero-slider .selected .cd-full-width .cd-btn, .cd-hero-slider .selected .cd-full-width h2, .cd-hero-slider .selected .cd-full-width p { /* this is the visible slide */ opacity: 1; transform: translateX(0); } .cd-hero-slider li.is-moving .cd-full-width .cd-btn, .cd-hero-slider li.is-moving .cd-full-width h2, .cd-hero-slider li.is-moving .cd-full-width p { /* this is the slide moving outside the viewport wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */ transition: opacity 0s 0.5s, transform 0s 0.5s; } .cd-hero-slider li.selected h2 { transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; } .cd-hero-slider li.selected p { transition: opacity 0.4s 0.3s, transform 0.5s 0.3s; } .cd-hero-slider li.selected .cd-btn { transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s; } }

/* --------------------------------

Slider navigation

-------------------------------- */
.cd-slider-nav { position: absolute; width: 100%; bottom: 0; z-index: 2; text-align: center; height: 55px; background-color: rgba(0, 1, 1, 0.5); }

.cd-slider-nav a, .cd-slider-nav li, .cd-slider-nav nav, .cd-slider-nav ul { height: 100%; }

.cd-slider-nav nav { display: inline-block; position: relative; }

.cd-slider-nav .cd-marker { position: absolute; bottom: 0; left: 0; width: 60px; height: 100%; color: #d44457; background-color: #ffffff; box-shadow: inset 0 2px 0 currentColor; transition: transform 0.2s, box-shadow 0.2s; }

.cd-slider-nav .cd-marker.item-2 { transform: translateX(100%); }

.cd-slider-nav .cd-marker.item-3 { transform: translateX(200%); }

.cd-slider-nav .cd-marker.item-4 { transform: translateX(300%); }

.cd-slider-nav .cd-marker.item-5 { transform: translateX(400%); }

.cd-slider-nav ul::after { clear: both; content: ""; display: table; }

.cd-slider-nav li { display: inline-block; width: 60px; float: left; }

.cd-slider-nav li.selected a { color: #2c343b; }

.no-touch .cd-slider-nav li.selected a:hover { background-color: transparent; }

.cd-slider-nav a { display: block; position: relative; padding-top: 35px; font-size: 1rem; font-weight: 700; color: #a8b4be; transition: background-color 0.2s; }

.cd-slider-nav a::before { content: ''; position: absolute; width: 24px; height: 24px; top: 8px; left: 50%; right: auto; transform: translateX(-50%); background: url("../assets/cd-icon-navigation.svg") no-repeat 0 0; }

.no-touch .cd-slider-nav a:hover { background-color: rgba(0, 1, 1, 0.5); }

.cd-slider-nav li:first-of-type a::before { background-position: 0 0; }

.cd-slider-nav li.selected:first-of-type a::before { background-position: 0 -24px; }

.cd-slider-nav li:nth-of-type(2) a::before { background-position: -24px 0; }

.cd-slider-nav li.selected:nth-of-type(2) a::before { background-position: -24px -24px; }

.cd-slider-nav li:nth-of-type(3) a::before { background-position: -48px 0; }

.cd-slider-nav li.selected:nth-of-type(3) a::before { background-position: -48px -24px; }

.cd-slider-nav li:nth-of-type(4) a::before { background-position: -72px 0; }

.cd-slider-nav li.selected:nth-of-type(4) a::before { background-position: -72px -24px; }

.cd-slider-nav li:nth-of-type(5) a::before { background-position: -96px 0; }

.cd-slider-nav li.selected:nth-of-type(5) a::before { background-position: -96px -24px; }

@media only screen and (min-width: 768px) { .cd-slider-nav { height: 80px; } .cd-slider-nav .cd-marker, .cd-slider-nav li { width: 95px; } .cd-slider-nav a { padding-top: 48px; font-size: 1.1rem; text-transform: uppercase; } .cd-slider-nav a::before { top: 18px; } }

/* --------------------------------

Main content

-------------------------------- */
.cd-main-content { width: 90%; max-width: 768px; margin: 0 auto; padding: 2em 0; }

.cd-main-content p { font-size: 1.4rem; line-height: 1.8; color: #999999; margin: 2em 0; }

@media only screen and (min-width: 1170px) { .cd-main-content { padding: 3em 0; } .cd-main-content p { font-size: 1.6rem; } }

/* --------------------------------

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li { display: none; }

.no-js .cd-hero-slider li.selected { display: block; }

.no-js .cd-slider-nav { display: none; }

section.home-exhibits { background: url("images/blots.png"), #0080c5; background-blend-mode: multiply; padding: 7%; }

section.home-exhibits h3.section-title { color: #fff; font-size: 9rem; text-align: center; margin-bottom: -1em; }

section.home-exhibits h2 { color: #5d9632; font-size: 5rem; font-weight: 700; }

section.home-exhibits .portal-tile { position: relative; padding: 55px; margin-top: 0; box-shadow: 0 30px 50px rgba(0, 0, 0, 0); transform: scale(1); z-index: inherit; }

section.home-exhibits .portal-tile:hover { margin-top: -10px; box-shadow: 0 30px 50px rgba(0, 0, 0, 0.55); transform: scale(1.05); z-index: 10; }

section.home-exhibits .portal-tile:hover h2 { margin-top: 20px; }

section.home-exhibits .portal-tile:hover .yellow-btn { opacity: 1; margin-top: 0; }

section.home-exhibits .portal-tile h2 { margin-top: 20px; color: white; text-transform: uppercase; font-size: 2em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); font-family: "Oswald", sans-serif; }

section.home-exhibits .portal-tile .yellow-btn { opacity: 0; margin-top: 15px; }

section.home-exhibits .portal-tile:nth-of-type(1) { background: url("images/portal-tile-1.jpg") no-repeat; background-size: cover; }

section.home-exhibits .portal-tile:nth-of-type(2) { background: url("images/portal-tile-2.jpg") no-repeat; background-size: cover; }

section.home-exhibits .portal-tile:nth-of-type(3) { background: url("images/portal-tile-3.jpg") no-repeat; background-size: cover; }

section.home-exhibits .portal-tile:nth-of-type(4) { background: url("images/portal-tile-4.jpg") no-repeat; background-size: cover; }

/* --------------------------------

Home Interest Block

-------------------------------- */
.home-interest { padding-top: 5%; padding-bottom: 6%; background: url(images/halftone.png), #0080c5; background-blend-mode: multiply; z-index: 9; position: relative; }

.home-interest .flex-row { margin-right: 5%; margin-left: 5%; }

.home-interest .section-title { color: #fff; text-transform: uppercase; letter-spacing: 4px; font-size: 11px; font-weight: 100; }

.home-interest .right-image { width: 700px; position: relative; right: -10px; box-shadow: -12px 12px 91px -16px #000; }

.home-interest h1 { color: #FCD21F; font-family: "Amatic SC", cursive; font-size: 65px; margin-top: -5px; }

.home-interest p { color: #fff; font-weight: 100; letter-spacing: 0.5px; }

.home-interest .left-image { width: 550px; position: relative; margin-top: -120px; margin-left: 230px; box-shadow: -12px 12px 91px -16px #000; }

.home-interest h4 { margin-left: 200px; margin-top: 5%; font-family: "Amatic SC", cursive; color: #fff; font-size: 43px; transform: rotate(-14deg); }

.home-interest .swSlider img { width: 50%; float: right; box-shadow: -1px 30px 105px -25px #000; }

.home-interest .swSlider .caption { bottom: inherit; top: 0 !important; margin-left: 5%; width: 43%; }

.home-interest .swSlider .caption:before { content: 'How We Help'; font-size: 11px; color: #fff; text-transform: uppercase; font-weight: 100; letter-spacing: 3px; }

.home-interest .swSlider .caption .title { font-family: "Amatic SC", cursive; color: #FCD21F !important; font-size: 65px !important; margin-top: 0; padding: 10px 4px 12px; line-height: 1; }

.home-interest .swSlider .caption .description { color: #fff; font-size: 1.75rem !important; line-height: 1.9em; font-weight: 100; letter-spacing: 0.5px; }

@media (max-width: 800px) { .home-interest .swSlider img { display: none; } .home-interest .swSlider .caption { width: 88%; } }

.home-interest .prev { margin-top: -50px; position: absolute; margin-left: 5%; color: #fff; transform: scale(1.7); font-size: 0; }

.home-interest .prev:before { content: '\f177'; font-size: 16px; font-family: 'FontAwesome'; }

.home-interest .next { margin-top: -50px; position: absolute; margin-left: 8%; color: #fff; transform: scale(1.7); font-size: 0; }

.home-interest .next:before { content: '\f178'; font-size: 16px; font-family: 'FontAwesome'; }

@media (max-width: 1300px) { .home-interest { padding-bottom: 10%; } .home-interest .next, .home-interest .prev { margin-top: 0; } }

@media (max-width: 1200px) { .home-interest .swSlider .scrollable { height: 700px !important; } }

@media (max-width: 980px) { .home-interest .swSlider .scrollable { height: 800px !important; } }

@media (max-width: 800px) { .home-interest .swSlider .scrollable { height: 600px !important; } }

@media (max-width: 630px) { .home-interest .swSlider .scrollable { height: 700px !important; } }

@media (max-width: 475px) { .home-interest .swSlider .scrollable { height: 800px !important; } }

@media (max-width: 375px) { .home-interest { padding-bottom: 15%; } .home-interest .swSlider .scrollable { height: 900px !important; } .home-interest .swSlider .scrollable .title { font-size: 45px !important; } }

/* --------------------------------

Home Membership Block

-------------------------------- */
.home-membership { height: 400px; position: relative; display: flex; }

.home-membership:before { background: rgba(0, 0, 0, 0.2); z-index: 9; position: absolute; content: ''; height: 100%; width: 100%; }

.home-membership .cta-content { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; width: 95%; }

.home-membership .cta-content .cta-small { color: #fff; text-transform: uppercase; letter-spacing: 4px; font-size: 11px; font-weight: 100; }

.home-membership .cta-content h1 { color: #fff; }

@media (max-width: 700px) { .home-membership .cta-content h1 { font-size: 3.5rem; } }

.home-membership #bgvid { background-repeat: no-repeat; width: 100%; top: 0; right: 0; left: 0; transform: translate(0, 0); z-index: 0; position: absolute; height: auto; }

@media (max-width: 767px) { .home-membership #bgvid { width: auto; } }

/* --------------------------------

Home Wildlife Safari CTA Block

-------------------------------- */
.home-safari-cta { height: 400px; position: relative; }

.home-safari-cta:before { background: rgba(0, 0, 0, 0.2); z-index: 9; position: absolute; content: ''; height: 100%; width: 100%; }

.home-safari-cta .cta-content { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; width: 95%; }

.home-safari-cta .cta-content h4 { color: #fff; text-transform: uppercase; letter-spacing: 4px; font-size: 11px; font-weight: 100; }

.home-safari-cta .cta-content h1 { color: #fff; margin-top: 0; }

.home-safari-cta .background-img { width: 100%; height: 400px; background-size: cover; background-position: 50% 50%; }

.home-safari-cta #bgvid { background-repeat: no-repeat; width: 100%; top: 0; right: 0; left: 0; transform: translate(0, 0); z-index: 0; position: absolute; }

/* --------------------------------

Home Special Events Block

-------------------------------- */
.home-special-events { padding: 6% 0; background: url(images/halftone.png), #FCD21F; }

.home-special-events .rip-border { width: 100%; margin-top: -55px; z-index: 9; position: relative; }

.home-special-events h1 { text-align: center; font-family: "Amatic SC", cursive; font-size: 70px; margin-bottom: 45px; color: #0080c5; margin-top: 0; }

.home-special-events .upcoming-events-wrapper { text-align: center; }

.home-special-events .upcoming-events-wrapper ul { list-style: none; display: inline-block; padding: 0; width: 100%; }

.home-special-events .upcoming-events-wrapper ul li.tag-Featured { width: 250px; margin-right: 2.5% !important; margin-left: 2.5% !important; background-color: #0080c5; transition: 0.3s ease; display: inherit; vertical-align: top; margin-bottom: 20px; }

.home-special-events .upcoming-events-wrapper ul li.tag-Featured:hover { transform: scale(1.05); transition: 0.3s ease; box-shadow: 6px 6px 30px #8e8e8e; }

.home-special-events .upcoming-events-wrapper ul li.tag-Featured .upcoming-events-image { margin-bottom: 10px; }

.home-special-events .upcoming-events-wrapper ul li.tag-Featured .upcoming-events-image img { width: auto; }

.home-special-events .upcoming-events-wrapper ul li.tag-Featured .upcoming-events-date { color: #fff; font-size: 1.2rem; }

.home-special-events .upcoming-events-wrapper ul li.tag-Featured .upcoming-events-name { font-size: 12px; margin-bottom: 0; margin-right: 10px; margin-left: 10px; padding-bottom: 10px; }

.home-special-events .upcoming-events-wrapper ul li.tag-Featured .upcoming-events-name a { font-size: 2rem !important; color: #fff; }

.home-special-events .center { text-align: center; }

.home-special-events .center .flex-row .green-btn { display: inline-block; margin-bottom: 10px; }

.home-special-events .event-portal { width: 20% !important; flex: 20% !important; height: 175px; background-size: cover; background-position: 50% 50%; transition: 0.3s ease; }

.home-special-events .event-portal:hover { transform: scale(1.1); z-index: 10; box-shadow: 3px 6px 20px #2b2929; transition: 0.3s ease; }

.home-special-events .event-portal .flex-center { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.home-special-events .event-portal .flex-center h2 { color: #fff; font-size: 23px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); font-family: "Oswald", sans-serif; text-transform: uppercase; transition: 0.3s ease; font-weight: 700; }

/* --------------------------------

Home Special Events Block

-------------------------------- */
.home-education { position: relative; background: url(images/halftone.png), #FCD21F; background-blend-mode: multiply; z-index: 9; box-shadow: 10px 10px 30px #312d2d; }

.home-education .content-block { padding: 5%; }

.home-education .content-block .education-cta { display: none; }

.home-education .content-block h1 { font-family: "Amatic SC", cursive; font-size: 70px; color: #0080c5; margin: 0; }

.home-education .content-block .sw-accordion { margin-bottom: 4rem; }

.home-education .content-block .sw-accordion .tabbedcontent-header { background: #fff; cursor: pointer; font-size: 2rem !important; letter-spacing: 1px; outline: none; margin-bottom: 0; padding: 2rem 4rem; position: relative; text-transform: uppercase; color: #0080c5; }

.home-education .content-block .sw-accordion .tabbedcontent-header:hover { color: #428bca; }

.home-education .content-block .sw-accordion .tabbedcontent-header:before { content: '\f067'; font-family: 'fontawesome'; font-size: 1.6rem; position: absolute; top: 2.5rem; left: 1.5rem; }

.home-education .content-block .sw-accordion .tabbedcontent-header.ui-state-active { background: #0080c5; color: white; }

.home-education .content-block .sw-accordion .tabbedcontent-header.ui-state-active:before { transform: rotate(135deg); }

.home-education .content-block .sw-accordion .tabbedcontent-content { background: #fff; padding: 2rem; }

.home-education .content-block .sw-accordion .tabbedcontent-content p:first-child { display: none !important; }

.home-education .content-block .sw-accordion .tabbedcontent-content p:last-child { display: none !important; }

.home-education .photo-block { position: absolute; width: 100%; height: 100%; right: 0; }

.home-education .photo-block .education-cta { height: 100%; margin-right: -15px; position: relative; }

.home-education .photo-block .education-cta:before { background: rgba(0, 0, 0, 0.2); z-index: 9; position: absolute; content: ''; height: 100%; width: 100%; }

.home-education .photo-block .education-cta .cta-content { position: absolute; z-index: 9; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; }

.home-education .photo-block .education-cta .cta-content h4 { color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 5px; font-weight: 100; }

.home-education .photo-block .education-cta .cta-content h1 { color: #fff; }

.home-education .photo-block .education-cta .background-img { background-size: cover; background-position: 50% 50%; height: 100%; width: 100%; }

@media (max-width: 767px) { .home-education .photo-block .education-cta { height: 550px; margin-left: -15px; } }

@media (max-width: 767px) { .home-education .photo-block { position: initial; } }

/* --------------------------------

no-js

-------------------------------- */
.no-js .cd-nav-trigger { display: none; }

.no-js .cd-vertical-nav { position: static; height: auto; width: 100%; max-width: none; background-color: rgba(0, 0, 0, 0.8); border-radius: 0; transform: scale(1); }

.no-js .cd-vertical-nav::before { display: none; }

.no-js .cd-vertical-nav ul::after { clear: both; content: ""; display: table; }

.no-js .cd-vertical-nav li { display: inline-block; float: left; }

.no-js .cd-vertical-nav a { padding: 0 1em; margin: 1.5em 1em; color: #bf311a; }

.no-js .cd-vertical-nav a.active { color: #bf311a; }

.no-js .cd-vertical-nav a::after, .no-js .cd-vertical-nav a::before { display: none; }

.no-js .cd-vertical-nav .label { transform: translateX(0); }

.weather-widget div.blurb iframe { height: 60px; overflow: hidden; }

section { position: relative; }

section.home-slider .video-container { background-position: center; background-size: cover; height: 100vh; transition: all 0.75s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s; position: fixed; width: 100%; }

section.home-slider .video-container iframe { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; transition: all 1s ease; }

section.home-slider .video-container iframe.loaded { opacity: 1; z-index: 1; }

section.home-slider #bgvid2 { pointer-events: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100vw; min-height: 100vh; }

.default .video-banner { position: relative; height: 400px; }

.default .video-banner:before { content: ''; background: rgba(0, 0, 0, 0.2); height: 100%; width: 100%; z-index: 9; }

.default .video-banner video#bgvid { width: 100%; z-index: 0; }

@media (max-width: 767px) { .default .video-banner video#bgvid { width: auto; } }

.default .bg-image { background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.default .inner-banner { position: relative; display: block; height: 400px; background-position: 50%, 20%; margin-top: 65px; }

.default .inner-banner .page-title { text-align: center; z-index: 99; }

.default .inner-banner .page-title h1 { font-size: 65px; color: #fff; text-transform: uppercase; letter-spacing: 4px; font-weight: 800; line-height: 1; font-family: "Amatic SC", cursive; }

.default .swRotator { position: relative !important; }

.default .swRotator .scrollable { position: relative !important; overflow: visible !important; width: 100% !important; height: auto !important; }

.default .swRotator .scrollable:before { content: ''; width: 100%; height: 400px; position: absolute; z-index: 9; background: rgba(0, 0, 0, 0.15); }

.default .swRotator .scrollable .items { width: 100% !important; position: relative !important; top: 0; left: 0; right: 0; display: -webkit-inline-box; }

.default .swRotator .scrollable .items .item { position: relative !important; display: block; width: 100% !important; height: 400px !important; }

.default .swRotator .scrollable .items .item img { width: 100%; max-width: 100%; height: auto; }

.default .default-main { padding-top: 5%; margin-bottom: 5%; background: #fff; position: relative; }

.default .default-main .sidebar h2 { font-family: "Amatic SC", cursive; font-size: 55px; letter-spacing: 1px; margin-bottom: 5px; }

.default .default-main .sidebar h2 a { color: #5d9632; }

.default .default-main .sidebar #subnav { list-style: none; padding: 0; line-height: 2; }

.default .default-main .sidebar #subnav a.sw-menucode-item__link { color: #5d9632; font-weight: 100; letter-spacing: .5px; transition: .3s ease; }

.default .default-main .sidebar #subnav a.sw-menucode-item__link:hover { transition: .3s ease; color: #6abd2c; }

@media (max-width: 415px) { .default .default-main .sidebar { display: none; } }

.default .default-cta { background: #bf311a; padding-top: 3%; padding-bottom: 5%; position: relative; text-align: center; margin-top: 5%; }

.default .default-cta h3 { color: #fff; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px; }

.default footer .rip-border { display: none; }

.default .page-break-yellow { padding: 50px; margin-top: 50px; margin-bottom: 50px; background: url(images/halftone.png), #FCD21F; background-blend-mode: multiply; }

.default .page-break-yellow h1, .default .page-break-yellow h2, .default .page-break-yellow h3, .default .page-break-yellow h4, .default .page-break-yellow h5, .default .page-break-yellow h6 { color: #5d9632 !important; }

@media (max-width: 767px) { .default .page-break-yellow { margin-left: -15px; margin-right: -15px; padding: 30px; } }

.default .page-break-blue { padding: 50px; margin-top: 50px; margin-bottom: 50px; background: url(images/halftone.png), #0080c5; background-blend-mode: multiply; }

.default .page-break-blue h1, .default .page-break-blue h2, .default .page-break-blue h3, .default .page-break-blue h4, .default .page-break-blue h5, .default .page-break-blue h6 { color: #FCD21F !important; }

.default .page-break-blue p, .default .page-break-blue ol, .default .page-break-blue ul { color: #fff; }

@media (max-width: 767px) { .default .page-break-blue { margin-left: -15px; margin-right: -15px; padding: 30px; } }

.default .page-break-green { padding: 50px; margin-top: 50px; margin-bottom: 50px; background: url(images/halftone.png), #5d9632; background-blend-mode: multiply; }

.default .page-break-green h1, .default .page-break-green h2, .default .page-break-green h3, .default .page-break-green h4, .default .page-break-green h5, .default .page-break-green h6, .default .page-break-green p, .default .page-break-green ul, .default .page-break-green ol { color: #fff !important; }

@media (max-width: 767px) { .default .page-break-green { margin-left: -15px; margin-right: -15px; padding: 30px; } }

.default .page-break-red { padding: 50px; margin-top: 50px; margin-bottom: 50px; background: url(images/halftone.png), #bf311a; background-blend-mode: multiply; }

.default .page-break-red h1, .default .page-break-red h2, .default .page-break-red h3, .default .page-break-red h4, .default .page-break-red h5, .default .page-break-red h6, .default .page-break-red p, .default .page-break-red ol, .default .page-break-red ul { color: #fff !important; }

@media (max-width: 767px) { .default .page-break-red { margin-left: -15px; margin-right: -15px; padding: 30px; } }

div.button-row span { white-space: nowrap; line-height: 3em; text-align: center; }

/* ====================== FORM STYLING ====================== */
.formmodule { display: block; position: relative; /* ====== Keyframes ====== */ /* Tada */ /* Shake */ /* .formmodule-form */ /* .form-bot-stopper */ }

@keyframes tada { from {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes shake { 0%, 100% {
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-6px); }
  20%, 40%, 60%, 80% {
    transform: translateX(6px); } }

.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage, .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage { position: relative; font-size: 1rem; color: #fff !important; background: #4EB75E; border: 1px solid #419c4f; border-radius: 2px; padding: 8px; margin: 0 0 30px 0; overflow: hidden; padding-left: 45px !important; animation: tada 1s ease-out 0.3s normal 1; }

@media (min-width: 768px) { .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage, .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage { padding: 12px; } }

.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage:before, .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage:after, .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage:before, .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage:after { content: ''; display: block; background: #fff; position: absolute; top: 50%; left: 24px; border-radius: 1px; }

.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage:before, .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage:before { width: 4px; height: 20px; margin: -10px 0 0 0px; transform: rotate(42deg); }

.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage:after, .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage:after { width: 4px; height: 10px; margin: -1px 0 0 -8px; transform: rotate(-47deg); }

.formmodule h3:first-of-type { display: none; }

.formmodule .formmodule-form { /* table */ }

.formmodule .formmodule-form table, .formmodule .formmodule-form tbody, .formmodule .formmodule-form tr, .formmodule .formmodule-form td { display: inline-block; width: 100%; }

.formmodule .formmodule-form table { /* tbody */ }

.formmodule .formmodule-form table tbody { /* tr */ }

.formmodule .formmodule-form table tbody tr { /* td */ /* td.formmodule-column2 */ }

.formmodule .formmodule-form table tbody tr.formmodule-row, .formmodule .formmodule-form table tbody tr.formmodule-altrow { margin: 0 0 10px 0; }

@media (min-width: 768px) { .formmodule .formmodule-form table tbody tr.formmodule-row, .formmodule .formmodule-form table tbody tr.formmodule-altrow { margin: 0 0 15px 0; } }

.formmodule .formmodule-form table tbody tr td { padding: 0; /* CheckBox & RadioButton */ }

.formmodule .formmodule-form table tbody tr td span, .formmodule .formmodule-form table tbody tr td label { font-weight: normal; font-style: normal; font-size: 1rem; }

.formmodule .formmodule-form table tbody tr td input[type="text"], .formmodule .formmodule-form table tbody tr td input[type="file"], .formmodule .formmodule-form table tbody tr td textarea { font-size: 16px; background: #fff; color: #222; border: 1px solid #dcdcdc; border-radius: 2px; padding: 4px 8px; width: 100%; }

.formmodule .formmodule-form table tbody tr td input[type="text"]:-moz-placeholder, .formmodule .formmodule-form table tbody tr td input[type="text"]::-moz-placeholder, .formmodule .formmodule-form table tbody tr td input[type="text"]:-ms-input-placeholder, .formmodule .formmodule-form table tbody tr td input[type="text"]::-webkit-input-placeholder, .formmodule .formmodule-form table tbody tr td input[type="file"]:-moz-placeholder, .formmodule .formmodule-form table tbody tr td input[type="file"]::-moz-placeholder, .formmodule .formmodule-form table tbody tr td input[type="file"]:-ms-input-placeholder, .formmodule .formmodule-form table tbody tr td input[type="file"]::-webkit-input-placeholder, .formmodule .formmodule-form table tbody tr td textarea:-moz-placeholder, .formmodule .formmodule-form table tbody tr td textarea::-moz-placeholder, .formmodule .formmodule-form table tbody tr td textarea:-ms-input-placeholder, .formmodule .formmodule-form table tbody tr td textarea::-webkit-input-placeholder { color: #999; opacity: 1; }

@media (min-width: 768px) { .formmodule .formmodule-form table tbody tr td input[type="text"], .formmodule .formmodule-form table tbody tr td input[type="file"], .formmodule .formmodule-form table tbody tr td textarea { padding: 8px 12px; } }

.formmodule .formmodule-form table tbody tr td input.formmodule-phone { width: 32%; margin: 0 2% 0 0; text-align: center; }

.formmodule .formmodule-form table tbody tr td input.formmodule-phone:nth-of-type(3) { margin-right: 0; }

.formmodule .formmodule-form table tbody tr td select, .formmodule .formmodule-form table tbody tr td input[type="file"] { display: block; clear: both; }

.formmodule .formmodule-form table tbody tr td input[type="file"] { background: #f7f7f7; }

.formmodule .formmodule-form table tbody tr td table.formmodule-checkboxlist tbody tr td input[type="checkbox"], .formmodule .formmodule-form table tbody tr td table.formmodule-checkboxlist tbody tr td input[type="radio"], .formmodule .formmodule-form table tbody tr td table.formmodule-radiobuttonlist tbody tr td input[type="checkbox"], .formmodule .formmodule-form table tbody tr td table.formmodule-radiobuttonlist tbody tr td input[type="radio"] { margin: 2px 0; }

.formmodule .formmodule-form table tbody tr td table.formmodule-checkboxlist tbody tr td label, .formmodule .formmodule-form table tbody tr td table.formmodule-radiobuttonlist tbody tr td label { font-size: 0.85rem; margin: 0 0 0 6px; padding: 4px 0; }

.formmodule .formmodule-form table tbody tr td.formmodule-column1 { margin: 0; }

.formmodule .formmodule-form table tbody tr td.formmodule-column2 { /* error message */ }

.formmodule .formmodule-form table tbody tr td.formmodule-column2 span[style*="color: red;"] { padding: 5px 8px; position: relative; font-size: 13px; color: #fff !important; background: #E63A3A; border: 1px solid #ce2233; border-radius: 2px; }

.formmodule .formmodule-form table tbody tr td.formmodule-column2 span[style*="color: red;"]:before { content: ''; display: block; position: absolute; top: -6px; left: 8px; height: 10px; width: 10px; background: #E63A3A; border-top: 1px solid #ce2233; border-left: 1px solid #ce2233; border-top-left-radius: 2px; transform: rotate(45deg); }

.formmodule .form-bot-stopper { margin: 0 0 15px 0; }

.formmodule .form-bot-stopper .form-bot-stopper-info { font-size: 0.85rem; }

.formmodule .form-bot-stopper .form-bot-stopper-question { font-size: 0.85rem; }

.formmodule .form-bot-stopper .form-bot-stopper-question input.form-bot-stopper-value { height: 32px; width: 40px !important; text-align: center; font-size: 16px; background: #fff; color: #222; border: 1px solid #dcdcdc; border-radius: 2px; padding: 4px; }

.formmodule .formmodule-errors { margin: 15px 0 0 0; }

.formmodule .formmodule-errors div { position: relative; font-size: 0.85rem; color: #fff !important; background: #e63a3a; border: 1px solid #ce2233; border-radius: 2px; padding: 8px; padding-left: 38px !important; animation: shake 1s ease-out 0.3s normal 1; }

@media (min-width: 768px) { .formmodule .formmodule-errors div { padding: 12px; } }

.formmodule .formmodule-errors div:before, .formmodule .formmodule-errors div:after { content: ''; display: block; position: absolute; top: 50%; left: 18px; height: 18px; width: 4px; margin: -9px 0 0 -2px; background: #fff; border-radius: 1px; }

.formmodule .formmodule-errors div:before { transform: rotate(-45deg); }

.formmodule .formmodule-errors div:after { transform: rotate(45deg); }

/* .formmodule */
/* ====================== FORM STYLING END ====================== */