@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;
}
.visdatatable td {
  vertical-align: top;
  max-width: 120px;
  overflow: hidden;
}
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);
}

ul.pagination{list-style-type: none;}
ul.pagination li{list-style-type: none;display: inline-block;padding-left:12px;}


.cert-container {
  margin: 0;
    margin-top: 0px;
  display: flex;
  justify-content: center;
}
.cert-image-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}
.cert-image-box {
  flex: 3;
  margin: 0 5%;
  box-sizing: border-box;
}

.cert-image-box.first {
  margin: 0 4% 0 0;
  max-width: 184px;
}
.cert-image-box.second {
  flex: 4;
  max-width: 264px;
}
.cert-image-box.third {
  max-width: 99px;
}
.cert-image-box.fourth {
  max-width: 99px;
}
.cert-image-box.fourth {
  max-width: 99px;
}
.cert-image-box.fifth {
  margin: 0 0 0 5%;
  max-width: 99px;
}
@media (max-width: 480px) {
  .cert-image-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .cert-image-box, .cert-image-box.first, .cert-image-box.second, .cert-image-box.fourth, .cert-image-box.fifth {
    padding: 12px 0;
    margin: 0;
    width: 100%;
    max-width: 180px;
  }
}
.price-box {
  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);
  padding: 17px 25px 13px;
  margin: 4% 0;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #d1ae6e;
}

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:#166c47;
  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:#166c47;
  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: -1px;}
.numbers p{margin-top: -18px;}
.numbers .placement{display:inline-block;width: 20%;text-align:center;vertical-align: top;}

.uk-card-body{position: relative;
  padding: 2.5rem 2.5rem 1rem;
  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);
min-height: 306px;
background-color:#fff;
}
.uk-scope .uk-card-default{background-color:transparent;box-shadow:none;}

.uk-card-body::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 70px 70px;
  border-color: transparent transparent #166c47 transparent;
opacity: .5;
}

.j51-quote-icon{position: absolute;
  right: 12px;
  bottom: 10px;
  fill: #166c47;
  z-index: 1;
  max-width: 20px;
  opacity: .25;
float: right;
  margin-right: -7px;
max-width:24px !important;
}

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: #166c47 transparent transparent transparent;
  transition: border-color .3s ease;
}
.scrolled .body_bg::after {
  border-color: #eceff4 transparent transparent transparent;
}


.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: #166c47;
  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;
color: #d1ae6e;
}
.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: #166c47;
}

a:hover {
  color: #888;
}

.readon {
    background-color: #166c47;
    color: #fff;
  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: #0b4e31;
  color: #fff;
}

.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;
}
#showcase img{width:100%;box-shadow: 0 1px 1px rgba(0,0,0,0.11),0 2px 2px rgba(0,0,0,0.11),0 4px 4px rgba(0,0,0,0.11),0 8px 8px rgba(0,0,0,0.11),0 16px 16px rgba(0,0,0,0.11),0 32px 32px rgba(0,0,0,0.11);border-radius: 15px;}


#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;
text-align: center;
}
#top {
  position: relative;
  padding: 69px 4% 0;
text-align: center;
}
#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);
text-align: left;
}
#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);
text-align: left;
}
.top-a, .top-b {padding:7%}
.top-c {padding:2% 7% 7%}
#top-a.width-30, #top-b.width-30{width:22%}
#top-c.width-30{width:46%}

#utility-bkg {
background-color:#fff;
  display: block;
  width: 100%;
}
#utility-boxes {
max-width: 1200px;
  width: 100%;
  text-align: left;
  margin: 0 auto;}

#utility {
  padding: 49px 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 {
  padding: 69px 4%;
}
#feature-boxes {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
#feature-a {
  display: inline-block;
  vertical-align: top;
}
#feature-b, #feature-c {
  display: inline-block;
  margin-left: 5%;
  vertical-align: top;
}


#maintop-bkg {
  display: block;
  width: 100%;
}
#maintop-boxes {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
#maintop {
  padding: 12% 0;
}
#maintop-a {
  display: inline-block;
  vertical-align: top;
}
#maintop-b, #maintop-c {
  display: inline-block;
  margin-left: 5%;
  vertical-align: top;
}

#expandedtop {
  padding: 0px 4% 69px;
}
#expandedtop-boxes {
  max-width: 1200px;
  width: 100%;
  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: 29px 4% 49px;
}

#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: 0px 4%;
  position: relative;
}
#expandedbottom-boxes {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
#expandedbottom-a {
  display: inline-block;
  vertical-align: top;
}
#expandedbottom-b, #expandedbottom-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}

#mainbottom {
padding: 4%;
background-color:rgba(236, 239, 244, 1);
}
#mainbottom-boxes {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
#mainbottom-a {
  display: inline-block;
  vertical-align: top;
}
#mainbottom-b, #mainbottom-c {
  display: inline-block;
  margin-left: 3%;
  vertical-align: top;
}


#extension {
  padding: 0px 4% 49px;
}
#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: 49px 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-color: #fff;
}
#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;
}
#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:#0a4d32;
  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;
}
#copyright a {color: #c8c8c8;}

#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#maximenuck1032 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck1032 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#maximenuck1032 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a, div#maximenuck1032 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck1032 ul.maximenuck2 li:hover > a, div#maximenuck1032 ul.maximenuck2 li:hover > h2 a, div#maximenuck1032 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 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#maximenuck1032 {
  float: none;
  text-align: right;
  margin-right: -45px;
  margin-top: 42px;
}

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

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

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

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

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

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

div#maximenuck1032 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck1032 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck1032 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck1032 ul.maximenuck li.maximenuck.level1.active > span.separator {
  color: #166c47;
}

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

/* dropdown */
div#maximenuck1032 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck1032 ul.maximenuck2 li.maximenuck {
padding: 8px 0 8px 13px;
background-color:#f8f9fb;
  border: 2px solid #f0f1f3;
border-bottom: 1px solid #d1ae6e;
  width: 228px;
font-size: 14px;
}
/* dropdown */
div#maximenuck1032 div.floatck {
  margin-top: -2px;
  padding-left: 6px;
  padding-top: 8px;
}

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

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

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

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

#maximenuck197 .maximenumobiletogglericonck {
  color: #fff;
  font-size: 43px !important;
}
div#maximenuck1032 ul.maximenuck li.level1.parent > a::after{top:9px;}

@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;}
.uk-card-body{min-height: 366px;}
}

@media only screen and (max-width: 960px) {
  .show960 {display: block;}
  .hide960 {display: none;}
.numbers .placement{display:block;width:100%;text-align:center;}
.uk-card-body{min-height: 266px;}
}

@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%}
.top-c {padding: 9% 3% 6%;}
.j51_icon_title {margin-top: -14px;}

}

@media only screen and (max-width: 650px) {
  #utility-boxes, #maintop-boxes {
    width: 98%;
    margin-left: 2%;
  }
.uk-card-body{min-height: 386px;}
}

.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;}
.uk-card-body{min-height: 426px;}


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

  .hide400 {
    display: none;
  }
.uk-card-body{min-height: 446px;}
  #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;
  }
}