@font-face {
  font-family: "Montserrat";
  src: url("../../../fonts/Montserrat-VariableFont_wght.ttf")  format("truetype");
}

@font-face {
  font-family: "Rubik";
  src: url("../../../fonts/Rubik-VariableFont_wght.ttf")  format("truetype");
}
@font-face {
  font-family: 'j51icons';
  src: url('../../../fonts/j51icons.eot');
  src: url('../../../fonts/j51icons.eot?#iefix') format('embedded-opentype'), url('../../../fonts/j51icons.woff') format('woff'), url('../../../fonts/j51icons.ttf') format('truetype'), url('../../../fonts/j51icons.svg#j51icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
box-shadow: 0 1px 1px rgba(0,0,0,0.03),0 2px 2px rgba(0,0,0,0.04),0 4px 4px rgba(0,0,0,0.05),0 4px 8px rgba(0,0,0,0.05);
}
img {max-width:100%;}
/* FOR Riley uls */
ol,
ul {
  line-height: 1.5;
  margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
ul.tick,
ul.plus,
ul.star,
ul.chevron,
ul.arrow {
  margin-left: 34px;
}
ul.mod-articles-items li,
ul.tick li,
ul.plus li,
ul.star li,
ul.chevron li,
ul.arrow li {
  list-style: none outside none;
  position: relative;
}
ul.tick li::before,
ul.plus li::before,
ul.star li::before,
ul.chevron li::before,
ul.arrow li::before {
  position: absolute;
  right: 100%;
  top: 5px;
  display: inline-block;
  font-family: 'j51icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  color: white;
  background-color:#5e81ac;
  padding: 3px;
  font-size: 0.75em;
}
ul.tick li:before {
  content: '\0042';
}
ul.plus li:before {
  content: '\0041';
}
ul.star li:before {
  content: '\0043';
}
ul.arrow li:before {
  content: '\0045';
}
ul.chevron li:before {
  content: '\0044';
position: absolute;
  right: 100%;
  top: 5px;
  display: inline-block;
  font-family: 'j51icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  color: white;
  background-color:#5e81ac;
  padding: 3px;
  font-size: .75em;
}
ul.dot {
  margin-left: 0;
}
ul.dot li {
  position: relative;
  list-style: none outside none;
  padding: 0 26px;
}
ul.dot li::before {
  position: absolute;
  left: 5px;
  content: "�";
  font-size: 1.5em;
  color: rgba(0, 0, 0, 0.5);
}

/* Content Column Layout */
.columns-2 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 2.5em;
     -moz-column-gap: 2.5em;
          column-gap: 2.5em;
}
@media only screen and (max-width: 767px) {
  .columns-2{
    -webkit-column-count: auto;
       -moz-column-count: auto;
            column-count: auto;
  }
}
.box-shadow{box-shadow: 0 1px 1px rgba(0,0,0,0.03),0 2px 2px rgba(0,0,0,0.04),0 4px 4px rgba(0,0,0,0.05),0 4px 8px rgba(0,0,0,0.05);}


.numbers{text-align:center;}
.numbers h2{font-size: 55px;opacity: 0.5;}
.numbers h3{color: #4c566a;margin-top: -21px;}
.numbers p{margin-top: -18px;}
.numbers .placement{display:inline-block;width: 20%;text-align:center;vertical-align: top;}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Rubik", arial, sans-serif;
  font-size: 16px;
  line-height: 1.75em;
  font-weight: 400;
  color: #2e3440;
}

.body_bg::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40vw 40vw 0 0;
  border-color: #eceff4 transparent transparent transparent;
  transition: border-color .3s ease;
}
.scrolled .body_bg::after {
  border-color: #eceff4 transparent transparent transparent;
}
.body_bg::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40vw 40vw 0 0;
  border-color: #eceff4 transparent transparent transparent;
  transition: border-color .3s ease;
}


.body_bg {
 /* background-color: #ffffff; */
  background-image: linear-gradient(to bottom, #ffffff, #eceff4); 
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: cover !important;
z-index:-22;
}
.scrolled .body_bg::after {
  border-color: #eceff4 transparent transparent transparent;
}
@media only screen and (max-width: 1024px) {
  .body_bg::after {
    border-width: 512px 512px 0 0;
  }
}
@media only screen and (max-width: 767px) {
.body_bg::after {border-width: 90vw 90vw 0 0;}
.mobilemenuck-bar-button{top: -57px;right: -20%;}
}

h1, h2, h3, h4 {
  color: #5e81ac;
  font-family: Montserrat, Arial, Verdana, sans-serif;
  line-height: 100%;
  font-weight: 700;
}

h1 {
  font-size: 2.4em;
  font-weight: 400;
  margin-bottom: 1.6rem;
}

h2 {
  margin-bottom: .6rem;
  font-size: 2.1rem;
  line-height: 2.7rem;
  font-weight: 700
  text-rendering: optimizelegibility;
}

h3 {
  font-weight: 700;
  line-height: 1em;
font-size: 1.35em;
  text-rendering: optimizelegibility;
}
.j51_icon_title{color: #4c566a;}

h4 {
  padding-left: 0;
  border-left: 0;
  margin-bottom: -14px;
  font-size: 119%;
}

strong {
  font-weight: 700;
}

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

a:hover {
  color: #888;
}

.readon {
    background-color: #ff885d;
    color: #fff;
    border-bottom: 2px solid #e5744b;
  padding: 5px 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;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  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;
  transition: all 0.2s ease-in;
}

.readon:hover {
  background-color: #e5744b;
  color: #fff;
  border-bottom: 2px solid #c95c35;
}

.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;
}

#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 0px;
  height: 55px;
  background-image: url(../images/patterns/noise.png);
}

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

#verytop h3 {
  color: #fff;
}

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

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

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

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

#header-surround{
animation-duration: .5s;
animation-fill-mode: both;
z-index: 1000;
right: 0;
left: 0;
top: 0;
display: block;
transition: all 300ms ease;
}
.scrolled #header-surround{
position:fixed;
background-color:#fff;
}

#header-height{}
#header{
position: relative;
margin:0 auto;max-width:1200px;width:92%;padding:10px 4%;
padding:18px 4% 14px;
}
.scrolled #header{
padding: 8px 4% 4px;
}
#header-a{display:inline-block;vertical-align:top;}
#header-b, #header-c {display:inline-block;margin-left:3%;vertical-align:top;}
#header-a {
  display: inline-block;
  vertical-align: top;
}
#header-b, #header-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}
#header-a.width-45{width:25%}
#header-b.width-45{width:69%}


#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%;
}
.logo-holder{transition: all .2s ease;}
.logo-s{display:none}
.scrolled .logo-l{display:none}
.scrolled .logo-s{display:block}

#showcase-bkg {
  background-image: url(../../../images/showcase-bkg.jpg);
  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%;
max-width: 1273px;
  padding: 12px 0 0 0;
  text-align: center;
  margin: 0px auto;
}

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

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


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

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

#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;
}

#top-boxes {
  max-width: 1200px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}
#top {
  position: relative;
  padding: 69px 4% 0;
}
#top h2, #top h3, #top h4 {
margin-bottom:-14px;
}
#top-a {
  display: inline-block;
  vertical-align: top;
background-color:#fff;
  box-shadow: 0 1px 1px rgba(0,0,0,0.03),0 2px 2px rgba(0,0,0,0.04),0 4px 4px rgba(0,0,0,0.05),0 4px 8px rgba(0,0,0,0.05);
}
#top-b, #top-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
background-color:#fff;
  box-shadow: 0 1px 1px rgba(0,0,0,0.03),0 2px 2px rgba(0,0,0,0.04),0 4px 4px rgba(0,0,0,0.05),0 4px 8px rgba(0,0,0,0.05);
}
.top-a, .top-b {padding:7%}
.top-c {padding:2% 7%}
#top-a.width-30, #top-b.width-30{width:22%}
#top-c.width-30{width:46%}

#utility-bkg {
  background-image: url(../../../images/showcase-bkg2.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: block;
  width: 100%;
}
#utility-boxes {
max-width: 1200px;
  width: 100%;
  text-align: left;
  margin: 0 auto;}

#utility {
  padding: 0 4%;
}

#utility h2, #utility h3, #utility h4 {}

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

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

#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;
}

#maintop-bkg {
  background-image: url(../../../images/maintop-bkg.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: block;
  width: 100%;
}

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

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

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

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

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

#expandedtop {
  padding: 0px 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;
}


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

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

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

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

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

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

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

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

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


.sidebar-a-container {
  width: 28%;
  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-a {
  padding: 3% 0 3% 4%;
  border-radius: 3px;
  display: inline-block;
  margin-left: 4%;
  width: 92%;
}

#sidebar-a h2, #sidebar-a h3 {
}

#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;
}

#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;
}

#expandedbottom {
  padding: 69px 4%;
  position: relative;
  color: #424242;
  background-image: linear-gradient(180deg, #283d45, #091E26);
  border-top: 1px solid #dde0e7;
  box-shadow: 0px 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: 0px 2px 0 #091E26;
}

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

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

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

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

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

#mainbottom {
  background-color: #FFFFFF;
  color: #6E6E6E;
  padding: 69px 4%;
background-color: rgba(236, 239, 244, 1);
}

#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;
}


#extension {
  padding: 69px 4%;
}
#extension img {
  width: 18%;
  min-width: 200px;
  margin: .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;
}


#fullwidth {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
#fullwidth h2, #fullwidth h3, #fullwidth h4 {
  color: #656565;
}


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

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

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

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


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

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

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

#footer {
  background-repeat: repeat;
  background-image: url(../images/patterns/noise.png);
  color: #ccc;
  background-color: #15355b;
  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;
  background-color: #3b9a92;
  color: #c8c8c8;
}

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

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


#copyright {
  background-repeat: repeat;
  margin: 0 auto;
  width: 92%;
  padding:1% 4% 0;
    background-color:rgba(28, 38, 52, 1);
  color: #c8c8c8;
font-size: .65rem;
text-transform:uppercase;
}

#copyright h2, #copyright h3, #copyright h4 {
}

#copyright-boxes {
  max-width: 1200px;
  width: 100%;
  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;
}


#debug {
  color: #6E6E6E;
  background-color: #FFFFFF;
  margin: 0 auto;
  max-width: 1200px;
  width: 92%;
  padding: 2% 4%;
}

#analytics {
  color: #6E6E6E;
  background-color: #FFFFFF;
  margin: 0 auto;
  max-width: 1200px;
  width: 92%;
  padding: 2% 4%;
}


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;
}


.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%;
}

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;
}

.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: 0px 1px 3px rgba(0,0,0,0.5);
}

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

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

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

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

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

.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;
}




@media only screen and (max-width: 1199px) {}

.show959 {
  display: none;
}


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

  .show959 {
    display: block;
  }

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

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

  .sidebar-a-container {
    width: 93%;
    margin-bottom: 8%;
    display: block;
  }

  .sidebar-a-container-both {
    width: 93%;
    margin-bottom: 8%;
    display: block;
  }

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

  .main-content-container-both {
    width: 100%;
    display: block;
  }
}

.show960 {
  display: none;
}

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

.show1200 {
  display: none;
}

.show767 {
  display: none;
}

@media only screen and (max-width: 1024px) {
  #header-surround {
    height: auto;
  }
  #header {
    min-height: auto;
  }
}


@media only screen and (max-width: 767px) {
  #header {
    height: 100%;
  }

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

  #header-b, #header-c {
    width: 90%;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
#header-a.width-45 {width: 95%;}
.logo-holder {max-width: 200px;}

  #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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

#mainbody {padding: 9px 4%;}

  #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-top-a img, #content-top-b img, #content-top-c img {
    margin-bottom: 16px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  #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;
  }

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

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

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

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

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

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

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

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

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


  #maximenuck204-mobile-bar {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #000;
    height: 65px;
  }
  #maximenuck204-mobile-bar .mobilemenuck-bar-button {
    display: block !important;
    position: absolute !important;
    top: 0;
    right: 0;
    width: 50px;
    height: 60px;
    z-index: 10000;
    background: #000;
    font-family: sans-serif;
    font-size: 65px !important;
    line-height: 55px;
    color: rgba(255,255,255,.7) !important;
  }

.maximenuckh {
  display: flex;
  justify-content: center;
}

div#maximenuck204 ul.maximenuck {
  display: inline-flex !important;   /* key: shrink to content */
  justify-content: center;
  flex-wrap: wrap;
  width: auto;            /* override any 100% */
  padding: 0;
  margin: 0 auto;         /* center horizontally */
  background: none;
  text-transform: uppercase;
}

div#maximenuck204 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck204 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck963 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck963 ul.maximenuck li.maximenuck.level1.active > span.separator {
  text-shadow: none;  
  color: #fff;
}

div#maximenuck204 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck204 ul.maximenuck li.maximenuck.level1 > span.separator {
  padding: 5px 20px;
}

div#maximenuck204 ul.maximenuck li.maximenuck.level1:hover > a span.titreck {
  color: #fff;
}

div#maximenuck204 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck204 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck963 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a, div#maximenuck963 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck963 ul.maximenuck2 li:hover > a, div#maximenuck963 ul.maximenuck2 li:hover > h2 a, div#maximenuck963 ul.maximenuck2 li:hover > h3 a {

}

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

div#maximenuck204 ul.maximenuck li.maximenuck.level1.active {
  border: 0;
  background: none;
}

div#maximenuck204 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a {
  color:#4c566a;
}

div#maximenuck204 ul.maximenuck2 li:hover > a, div#maximenuck204 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a {

}

div#maximenuck204 span, div#maximenuck204-mobile span {
 /* font-family: Roboto;*/
  font-weight: 300;
  letter-spacing: .5px;
  font-size: 18px;
  opacity: 75;
}

div#maximenuck204 a:before {
  font-size: 23px;
  color: rgba(255,255,255,.3);
  margin-bottom: 10px;
}

div#maximenuck204-mobile a:before { /*hide icons on mobile*/
  display: none;
}

.mobilemenuck {
}

.mobilemenuck-item:hover {
  background: #000;
}

.mobilemenuck a {
  text-decoration: none;
}

.mobilemenuck a:hover {
  text-decoration: underline;
}

div#maximenuck204 ul.maximenuck li.maximenuck.level1:hover a:before{
  color: rgba(255,255,255,.6);
}


.mobilemenuck-bar-title {
  display: none;
}


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

div#maximenuck963 ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck963 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck963 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck963 ul.maximenuck li.maximenuck.level1.active > span.separator {
  font-size: 17px;
  font-weight: 400;
}

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

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

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

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

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

div#maximenuck963 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck963 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck963 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck963 ul.maximenuck li.maximenuck.level1.active > span.separator {
  color: #5e81ac;
}

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

div#maximenuck963 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck963 ul.maximenuck2 li.maximenuck {
  padding-bottom: 8px;
}

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

div#maximenuck963 ul.maximenuck li.maximenuck ul.maximenuck2 li > a {
  color:#4c566a;
}

div#maximenuck963 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck963 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck963 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,  div#maximenuck963 ul.maximenuck2 li:hover > h2 a, div#maximenuck963 ul.maximenuck2 li:hover > h3 a {
  color: #000;
}

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

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

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


@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;
  }
}


@media only screen and (max-width: 1200px) {
  .show-over-1200 {
    display: none;
  }

  .show1200 {
    display: block;
  }

  .fp-round-image-bottom-first-image {
    display: none;
  }
}

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

  .hide960 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .show767 {display: block;}
  .hide767 {display: none;}
  #verytop {display: none;}
.top-a, .top-b, .top-c {padding:3%}
#top-a.width-30, #top-b.width-30{width:100%}
#top-c.width-30{width:100%}
.j51_icon_title {margin-top: -14px;}
.numbers .placement{display:block;width:100%;text-align:center;}
}

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

.show400 {
  display: none;
}

.hide400 {
  display: block;
}

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

.show480 {display: none;}
.hide480 {display: block;}
@media (max-width: 480px) {
  .show480 {display: block;}
  .hide480 {display: none;}



@media (max-width: 400px) {
  .show400 {
    display: block;
  }

  .hide400 {
    display: none;
  }

  #header {
    padding-bottom: 8px;
  }

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

  #header-a {
    width: 100%;
  }

  body {
    font-size: 1em;
  }
}