/* ==========================================================================
   BASE / GLOBAL
   ========================================================================== */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Funnel Display", serif;
  font-size: 1.1em;
  line-height: 1.5em;
  color: #444;
  font-weight: 300;
  background-color: #f0f0f0;
}



img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: #83acce;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}

a:hover {
  color: #888888;
}

h1, h2, h3, h4 {
  font-family: "Marck Script", serif;
  letter-spacing: -.5px;
  line-height: 100%;
  font-weight: 300;
  color: #101010;
  margin: 0.2em 0 0.4em;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 3em;
}

h3 {
  line-height: 32px;
  font-size: 1.2em;
  font-family: "Funnel Display", serif;
}

h4 {
  font-size: 1.3em;
  line-height: 1.4em;
  color: #9e9e9e;
  font-weight: normal;
  letter-spacing: 2px;
}

.block-quote {
  margin-top: 20px;
  padding: 5px 0 5px 12px;
  border-left: 2px solid #83acce;
}

.block-quote h1,
.block-quote h2,
.block-quote h3 {
  border: 0;
  margin: 5px 0;
}

.readon {
  padding: 10px 25px;
  display: inline-block;
  margin-top: 12px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-decoration: none;
  font-weight: bold;
  background-color: #83acce;
  color: #fff;
  border-bottom: 2px solid #3C6587;
  position: relative;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}

.readon:hover {
  background-color: #3C6587;
  color: #fff;
  border-bottom: 2px solid #214A6C;
}

.skip-to-accessible {
  position: absolute;
  transform: translateY(-220%);
  z-index: 2;
  padding: 0.5rem 1.5rem;
  background: white;
}

.skip-to-accessible:focus {
  transform: translateY(0);
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe {
  transition: opacity 500ms ease-in-out;
  transition-delay: 250ms;
}

.example-marquee {
  position: relative;
}

.content {
  display: table;
  width: 100%;
  min-height: 70vh;
  z-index: 1;
  position: relative;
}

.content .inner {
  display: table-cell;
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
  vertical-align: bottom;
  padding-bottom: 28%;
}

.content .inner h1 {
  font-size: 62px;
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.video-background-controls button {
  font-size: 32px;
  display: inline-block;
  padding: 0;
  margin: 0 0 0 10px;
  height: 32px;
  width: 32px;
  border-radius: 16px;
  line-height: 32px;
  border: none;
  background: none;
  -webkit-appearance: none;
  color: white;
  filter: drop-shadow(0 0 1px black);
  cursor: pointer;
  opacity: 1;
  transition: all 250ms ease-in-out;
}

.video-background-controls button:hover {
  opacity: 0.5;
}

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle {
  color: #ff6500;
}

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
  color: #af4702;
}

div.jwts_toggleControlContainer a.jwts_toggleControl {
  background-image: none;
  background-color: transparent;
  padding: 8px;
  font-size: inherit;
  padding-top: 13px;
  border: 0;
}

div.jwts_toggleControlContainer a.jwts_toggleOn {
  color: #242a2f;
}

div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {
  background: url() no-repeat 0 4px;
}

div.jwts_content {
  border: 0;
  padding: 0;
}


/* ==========================================================================
   UTILITY CLASSES
   ========================================================================== */

.wrapper {
  margin: 0 auto;
  max-width: 1200px;
  width: 92%;
  padding: 6% 4%;
}

.width-30 { width: 30%; }
.width-45 { width: 45%; }
.width-95 { width: 95%; }

.invisible {
  display: none !important;
}

.show959  { display: none; }
.show960  { display: none; }
.show767  { display: none; }
.show1200 { display: none; }
.show400  { display: none; }
.hide400  { display: block; }

.show-over-1200 { display: block; }

.logo-text {
  text-align: center;
  padding-left: 89px;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-top: -32px;
}


/* ==========================================================================
   LAYOUT — HEADER
   ========================================================================== */

#header-surround {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  right: 0;
  left: 0;
  top: 0;
  display: block;
  background-color: #739fbe;
}

#header {
  position: relative;
  margin: 0;
  padding: 0;
  border-top: 5px solid #387FAD;
  border-bottom: 5px solid #387FAD;
}

#header .width-95 {
  width: 100%;
}

#header-a {
  display: inline-block;
  vertical-align: top;
}

#header-b,
#header-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}


/* ==========================================================================
   LAYOUT — VERY TOP BAR
   ========================================================================== */

#verytop {
  transition: all 0.5s ease-in-out;
  display: block;
  width: 100%;
  text-align: center;
  background: #444444;
  color: #fff;
  position: relative;
  z-index: 22;
  margin: -10px auto 0;
  height: 55px;
}

#verytop h3 {
  color: #fff;
}

#verytop-boxes {
  margin: 0 auto;
  max-width: 1200px;
}

#verytop-a {
  display: inline-block;
  vertical-align: top;
}

#verytop-b,
#verytop-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#verytop-b {
  text-align: right;
}

#verytop-b.width-45,
#verytop-c.width-45 {
  margin-left: 6% !important;
}


/* ==========================================================================
   LAYOUT — DRAWER
   ========================================================================== */

#drawer-holder {
  background-color: #383838;
  padding: 16px 1% 14px;
  z-index: 12;
  position: relative;
}

#drawer {
  margin: 0 auto;
  max-width: 1200px;
  width: 92%;
  padding: 10px 4%;
}


/* ==========================================================================
   LAYOUT — SHOWCASE
   ========================================================================== */

#showcase-bkg {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: block;
  width: 100%;
}

#showcase {
  clear: both;
  transition: all 0.5s ease-in-out;
  width: 100%;
  padding: 12% 0;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}

#showcase h1 {
  color: #83acce;
}

#showcase-a {
  display: inline-block;
  vertical-align: top;
}

#showcase-b,
#showcase-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#showcase-a img,
#showcase-b img,
#showcase-c img {
  width: 100%;
}

#showcase-a.width-95 {
  width: 90%;
  max-width: 803px;
  position: relative;
}

.layout-slideshow {
  margin-top: 60px;
  margin-bottom: 58px;
  padding-top: 6px;
}


/* ==========================================================================
   LAYOUT — BREADCRUMB
   ========================================================================== */

#breadcrumb {
  margin: 0 auto;
  max-width: 1200px;
  width: 92%;
  padding: 10px 4%;
}

ul.breadcrumb li {
  background: none;
  display: inline-block;
}


/* ==========================================================================
   LAYOUT — TOP
   ========================================================================== */

#top-boxes {
  max-width: 1200px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}

#top {
  position: relative;
  padding: 69px 4%;
  color: #424242;
  background-color: #fff;
}

#top::after {
  content: "";
  font-family: FontAwesome;
  font-size: 2.9em;
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -15px;
  color: #fff;
  text-shadow: 0 2px 0 #fff;
}

#top h2,
#top h3,
#top h4 {
  line-height: 100%;
  color: #656565;
  padding-left: 0;
  border-left: 0;
  border-bottom: 2px solid #83acce;
  padding-bottom: 31px;
  opacity: 0.8;
}

#top-a {
  display: inline-block;
  vertical-align: top;
}

#top-b,
#top-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#top-a img,
#top-b img,
#top-c img {
  margin-bottom: 16px;
}

/* Pre-top variant */
#pretop {
  position: relative;
  padding: 99px 4% 36px;
  margin-bottom: -53px;
  color: #424242;
  background-color: #fff;
  z-index: 222;
}

#pretop-boxes {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

#top-a.pre {
  background-color: transparent;
}

#pretop h2 {
  padding-left: 0;
  border-left: 0;
  font-size: 2.1em;
}


/* ==========================================================================
   LAYOUT — UTILITY
   ========================================================================== */

#utility-bkg {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: block;
  width: 100%;
}

#utility {
  color: #fff;
  background-color: rgb(0 0 0 / 62%);
  padding: 6% 0;
}

#utility h2,
#utility h3,
#utility h4 {
  color: #fff;
}

#utility-boxes {
  max-width: 800px;
  width: 50%;
  text-align: left;
  margin-left: 4%;
}

#utility-a {
  display: inline-block;
  vertical-align: top;
}

#utility-b,
#utility-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#utility-a img,
#utility-b img,
#utility-c img {
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — FEATURE
   ========================================================================== */

#feature {
  background-repeat: repeat;
  padding: 69px 4%;
  background-color: #fff;
}

#feature-boxes {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

#feature h2,
#feature h3 {
  font-size: 224%;
}

#feature-a {
  display: inline-block;
  vertical-align: top;
}

#feature-b,
#feature-c {
  display: inline-block;
  margin-left: 5%;
  vertical-align: top;
}

#feature-a img,
#feature-b img,
#feature-c img {
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — MAIN TOP
   ========================================================================== */

#maintop-bkg {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: block;
  width: 100%;
}

#maintop {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 12% 0;
}

#maintop h2,
#maintop h3,
#maintop h4 {
  color: #fff;
}

#maintop-boxes {
  max-width: 800px;
  width: 75%;
  text-align: left;
  margin-left: 25%;
}

#maintop-a {
  display: inline-block;
  vertical-align: top;
}

#maintop-b,
#maintop-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#maintop-a img,
#maintop-b img,
#maintop-c img {
  width: 100%;
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — EXPANDED TOP
   ========================================================================== */

#expandedtop {
  padding: 0 4% 69px;
  background-color: #ffffff;
  color: #2c2c2c;
}

#expandedtop h2,
#expandedtop h3,
#expandedtop h4 {
  color: #656565;
}

#expandedtop-boxes {
  max-width: 1200px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}

#expandedtop-a {
  display: inline-block;
  vertical-align: top;
}

#expandedtop-b,
#expandedtop-c {
  display: inline-block;
  margin-left: 5%;
  vertical-align: top;
}

#expandedtop-a img,
#expandedtop-b img,
#expandedtop-c img {
  width: 100%;
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — CONTENT TOP
   ========================================================================== */

#content-top {
  background-color: #ffffff;
  color: #6e6e6e;
}

#content-top h2,
#content-top h3,
#content-top h4 {
  color: #656565;
}

#content-top-boxes {
  max-width: 1200px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

#content-top-a {
  display: inline-block;
  vertical-align: top;
}

#content-top-b,
#content-top-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#content-top-a img,
#content-top-b img,
#content-top-c img {
  width: 100%;
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — MAIN BODY + SIDEBARS
   ========================================================================== */

#mainbody {
  max-width: 1200px;
  width: 94%;
  margin: 0 auto;
  padding: 25px 3% 0 3%;
}

#main-content {
  display: inline-block;
  width: 100%;
}

.main-content-container {
  width: 59%;
  position: relative;
  z-index: 1;
  margin-top: -60px;
  margin-bottom: 30px;
  padding: 30px 4%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.main-content-container-both {
  width: 42%;
  display: inline-block;
  vertical-align: top;
}

.main-content-container-full {
  width: 100%;
}

/* Sidebar A */
#sidebar-a {
  padding: 3% 7%;
  border-radius: 3px;
  display: inline-block;
  margin-left: 4%;
  width: 86%;
  background-color: #fff;
  color: #444;
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

#sidebar-a h2,
#sidebar-a h3 {
  color: #fff;
}

.sidebar-a-container {
  width: 29%;
  display: inline-block;
  vertical-align: top;
}

.sidebar-a-container-both {
  width: 22%;
  display: inline-block;
  vertical-align: top;
}

.sidebar-a-zero-container {
  width: 0;
  display: inline-block;
}

/* Sidebar B */
#sidebar-b {
  padding: 3% 4%;
  border-radius: 3px;
  display: inline-block;
  margin-right: 4%;
  width: 89%;
  background-color: #fff;
  color: #5e5e5e;
  font-size: 80%;
}

#sidebar-b h2,
#sidebar-b h3 {
  color: #fff;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.sidebar-b-container {
  width: 28%;
  display: inline-block;
  vertical-align: top;
}

.sidebar-b-container-both {
  width: 22%;
  display: inline-block;
  vertical-align: top;
}

.sidebar-b-zero-container {
  width: 0;
  display: inline-block;
}


/* ==========================================================================
   LAYOUT — CONTENT BOTTOM
   ========================================================================== */

#content-bottom {
  color: #6e6e6e;
  background-color: #ffffff;
}

#content-bottom h2,
#content-bottom h3,
#content-bottom h4 {
  color: #656565;
}

#content-bottom-boxes {
  max-width: 1200px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  padding-top: 53px;
}

#content-bottom-a {
  display: inline-block;
  vertical-align: top;
}

#content-bottom-b,
#content-bottom-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#content-bottom-a img,
#content-bottom-b img,
#content-bottom-c img {
  width: 100%;
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — EXPANDED BOTTOM
   ========================================================================== */

#expandedbottom {
  padding: 69px 4%;
  position: relative;
  color: #424242;
  background-image: linear-gradient(180deg, #283d45, #091e26);
  border-top: 1px solid #dde0e7;
  box-shadow: 0 1px 0 #091e26;
}

#expandedbottom::after {
  content: "";
  font-family: FontAwesome;
  font-size: 2.9em;
  position: absolute;
  bottom: -17px;
  left: 50%;
  margin-left: -15px;
  color: #091e26;
  text-shadow: 0 2px 0 #091e26;
}

#expandedbottom h2,
#expandedbottom h3,
#expandedbottom h4 {
  color: #fff;
}

#expandedbottom .block-quote {
  border-left: 8px solid #333;
}

#expandedbottom-boxes {
  max-width: 1200px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}

#expandedbottom-a {
  display: inline-block;
  vertical-align: top;
}

#expandedbottom-b,
#expandedbottom-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#expandedbottom-a img,
#expandedbottom-b img,
#expandedbottom-c img {
  width: 100%;
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — MAIN BOTTOM
   ========================================================================== */

#mainbottom {
  background-color: #ffffff;
  color: #6e6e6e;
  padding: 0 4%;
}

#mainbottom h2,
#mainbottom h3,
#mainbottom h4 {
  color: #656565;
}

#mainbottom-boxes {
  max-width: 1200px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}

#mainbottom-a {
  display: inline-block;
  vertical-align: top;
}

#mainbottom-b,
#mainbottom-c {
  display: inline-block;
  margin-left: 5%;
  vertical-align: top;
}

#mainbottom-a img,
#mainbottom-b img,
#mainbottom-c img {
  width: 100%;
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — EXTENSION
   ========================================================================== */

#extension {
  background-repeat: repeat;
  font-size: 122%;
  padding: 69px 4%;
  color: #f1f1f1;
  background-color: #283d45;
}

#extension h2,
#extension h3,
#extension h4 {
  font-size: 177%;
  color: #f1f1f1;
  padding-left: 0;
  border-left: 0;
  font-style: unset;
  text-transform: uppercase;
}

#extension img {
  width: 18%;
  min-width: 200px;
  margin: 0.5%;
}

#extension-boxes {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

#extension-a {
  display: inline-block;
  vertical-align: top;
}

#extension-b,
#extension-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#extension-a img,
#extension-b img,
#extension-c img {
  margin-bottom: 16px;
}

.sold-aircraft {
  font-size: 70%;
  width: 19%;
  display: inline-block;
  vertical-align: top;
  margin: 0.5%;
  min-width: 200px;
}


/* ==========================================================================
   LAYOUT — FULL WIDTH
   ========================================================================== */

#fullwidth {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

#fullwidth h2,
#fullwidth h3,
#fullwidth h4 {
  color: #656565;
}

#fullwidth-a {
  width: 90%;
  display: block;
  margin: 0 auto;
}

#fullwidth-b,
#fullwidth-c {
  width: 90%;
  display: block;
  margin: 42px auto 0;
}

#fullwidth-a img,
#fullwidth-b img,
#fullwidth-c img {
  margin-bottom: 16px;
}

#fullwidth-bottom {
  background-color: #7aadd3;
  padding: 15px 4% 8px;
  text-align: center;
}

#fullwidth-bottom a {
  color: #fff;
}

#fullwidth-bottom a:hover {
  color: #1b3a5f;
}


/* ==========================================================================
   LAYOUT — BOTTOM
   ========================================================================== */

#bottom {
  padding: 69px 4%;
  background-image: url(/images/top-1-bg.jpg);
  background-color: #555d6d;
  background-position: 50% 0%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover !important;
  color: #f1f1f1;
}

#bottom h2,
#bottom h3,
#bottom h4 {
  font-size: 1.3em;
  color: #fff;
  border: 0;
}

#bottom-boxes {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  font-size: 1.1em;
}

#bottom-a {
  display: inline-block;
  vertical-align: top;
}

#bottom-b,
#bottom-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#bottom-a img,
#bottom-b img,
#bottom-c img {
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — FOOTER
   ========================================================================== */

#footer {
  background-repeat: repeat;
  background-color: rgba(19,26,31,1);
  color: #ccc;
  font-size: 80%;
}

#footer h2,
#footer h3,
#footer h4 {
  color: #e8e8e8;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
  border: 0;
  padding-left: 0;
}

#footer-boxes {
  max-width: 1200px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 16px 0 11px;
  font-size:1.3em;
}

#footer-boxes h5 {
  font-size: 1em;
  color: rgba(255,255,255,.7)
  opacity: .8;
  font-weight: normal;
}

#footer-boxes a {
  color:#316b91;
}

#footer-boxes a:hover {
  color:#888;
}

#footer-a {
  display: inline-block;
  vertical-align: top;
}

#footer-b,
#footer-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#footer-a img,
#footer-b img,
#footer-c img {
  width: 100%;
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — COPYRIGHT
   ========================================================================== */

#copyright {
  margin: 0 auto;
  width: 92%;
  padding: 0 4%;
  background-repeat: repeat;
  background-color: rgba(19,26,31,1);
  color: #ccc;
  font-size: 80%;
}

#copyright-boxes a {
  color:#316b91;
}

#copyright-boxes a:hover {
  color:#888;
}

#copyright h2,
#copyright h3,
#copyright h4 {
  color: #787878;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}

#copyright-boxes {
  max-width: 1200px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 6px;
}

#copyright-a {
  display: inline-block;
  vertical-align: top;
}

#copyright-b,
#copyright-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#copyright-a img,
#copyright-b img,
#copyright-c img {
  width: 100%;
  margin-bottom: 16px;
}


/* ==========================================================================
   LAYOUT — DEBUG / ANALYTICS
   ========================================================================== */

#debug,
#analytics {
  color: #6e6e6e;
  background-color: #ffffff;
  margin: 0 auto;
  max-width: 1200px;
  width: 92%;
  padding: 2% 4%;
}


/* ==========================================================================
   NAVIGATION — MAXIME MENU
   ========================================================================== */

div#maximenuck197 {
  float: none;
  text-align: right;
  margin-right: -45px;
  margin-top: 42px;
}

div#maximenuck197 ul.maximenuck {
  background: none;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: 0 0 0 0;
  font-size: 120%;
  margin-top: 0;
}

div#maximenuck197 ul.maximenuck li.maximenuck.level1 {
  border: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 24px;
}

div#maximenuck197 ul.maximenuck li.maximenuck.last.level1 {
  margin-right: 0;
}

div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck197 ul.maximenuck li.maximenuck.level1 > span.separator {
  text-shadow: none;
  font-size: 16px;
  color: #393939;
}

div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator {
  font-size: 19px;
  font-weight: 500;
  text-shadow: none;
  color: #000;
}

div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck {
  color: #3e9dd3;
}

div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active {
  border: 0;
  background: none;
  background-color: rgba(0, 0, 0, 0);
}

div#maximenuck197 ul.maximenuck li.level1.parent > a:after,
div#maximenuck197 ul.maximenuck li.level1.parent > span.separator:after {
  right: -7px;
}

div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > a:after,
div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > span.separator:after {
  border-color: #666 transparent transparent transparent;
}

div#maximenuck197 .maxiFancybackground {
  height: 1px;
  top: 29px;
  background-color: transparent;
  border-top: 2px solid #7aadd3;
}

div#maximenuck197 div.floatck {
  border: 1px;
  border-color: #fff;
  background: #fff;
  margin-top: 24px;
  padding-left: 6px;
  padding-top: 8px;
}

/* Submenu (level 2) */
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.maximenuck,
div#maximenuck197 ul.maximenuck2 li.maximenuck {
  padding-bottom: 8px;
}

div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a {
  color: #393939;
}

div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a {
  color: black;
}

div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a,
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a,
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a,
div#maximenuck197 ul.maximenuck2 li:hover > a,
div#maximenuck197 ul.maximenuck2 li:hover > h2 a,
div#maximenuck197 ul.maximenuck2 li:hover > h3 a {
  color: #000;
}

/* Mobile toggle */
.mobilemenuck-bar-title {
  display: none;
}

.mobilemenuck-bar-button {
  top: -144px;
  font-size: 32px !important;
}

#maximenuck197 .maximenumobiletogglericonck {
  color: #fff;
  font-size: 43px !important;
}

/* Module menu (horizontal) */
ul.mod-menu.mod-list.nav.horizontal {
  display: inline-block;
  list-style: none;
}

ul.mod-menu.mod-list.nav.horizontal li {
  display: inline-block;
  margin-right: 24px;
}


/* ==========================================================================
   RESPONSIVE — max-width: 1200px
   ========================================================================== */

@media only screen and (max-width: 1200px) {
  .show-over-1200 { display: none; }
  .show1200       { display: block; }
  .fp-round-image-bottom-first-image { display: none; }
}


/* ==========================================================================
   RESPONSIVE — max-width: 960px
   ========================================================================== */

@media only screen and (max-width: 960px) {
  .show960 { display: block; }
  .hide960 { display: none; }
}


/* ==========================================================================
   RESPONSIVE — max-width: 959px
   ========================================================================== */

@media only screen and (max-width: 959px) {
  .hide959 { display: none; }
  .show959 { display: block; }

  #sidebar-a {
    margin-left: 0;
    width: 86%;
  }

  #sidebar-b {
    margin-right: 0;
    width: 92%;
  }

  .sidebar-a-container,
  .sidebar-a-container-both {
    width: 100%;
    margin-bottom: 8%;
    display: block;
    margin-top: 40px;
  }

  .main-content-container,
  .main-content-container-both {
    width: 80%;
    display: block;
    margin-top: -20px;
    padding: 30px 10%;
  }
}


/* ==========================================================================
   RESPONSIVE — max-width: 767px
   ========================================================================== */

@media only screen and (max-width: 767px) {
  .show767 { display: block; }
  .hide767 { display: none; }

  #verytop { display: none; }

  #header { height: 100%; }

  #header-a {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  #header-b,
  #header-c {
    width: 90%;
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  #showcase-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #showcase-b,
  #showcase-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #top-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #top-b,
  #top-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #utility-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #utility-b,
  #utility-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #feature-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #feature-b,
  #feature-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #maintop-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #maintop-b,
  #maintop-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #expandedtop-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #expandedtop-b,
  #expandedtop-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #content-top-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #content-top-b,
  #content-top-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #content-bottom-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #content-bottom-b,
  #content-bottom-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #expandedbottom-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #expandedbottom-b,
  #expandedbottom-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #mainbottom-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #mainbottom-b,
  #mainbottom-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #extension-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #extension-b,
  #extension-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #bottom-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #bottom-b,
  #bottom-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #footer-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #footer-b,
  #footer-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }

  #copyright-a {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #copyright-b,
  #copyright-c {
    width: 90%;
    display: block;
    margin: 42px auto 0;
  }
}


/* ==========================================================================
   RESPONSIVE — max-width: 650px
   ========================================================================== */

@media only screen and (max-width: 650px) {
  #utility-boxes,
  #maintop-boxes {
    width: 98%;
    margin-left: 2%;
  }
}


/* ==========================================================================
   RESPONSIVE — max-width: 524px
   ========================================================================== */

@media only screen and (max-width: 524px) {
  #maximenuck197 .maximenumobiletogglericonck {
    margin-bottom: 12px;
  }

  div#maximenuck197 {
    float: none;
  }

  div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a,
  div#maximenuck197 ul.maximenuck li.maximenuck.level1 > span.separator {
    text-align: right;
  }

  ul.maximenuck2 li > a {
    text-align: right;
  }
}


/* ==========================================================================
   RESPONSIVE — max-width: 400px
   ========================================================================== */

@media only screen and (max-width: 400px) {
  .show400 { display: block; }
  .hide400 { display: none; }

  #header-a {
    width: 100%;
  }

  .logo-text {
    padding-left: 0;
    letter-spacing: 3px;
    margin-top: -13px;
    font-size: 130%;
    font-weight: 500;
  }


}