/* gray version*/
@font-face {
    font-family: 'open-sans-italic';
    src: url('../fonts/OpenSans-Italic-VariableFont_wdth,wght.tff') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'open-sans';
    src: url('../fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'work-sans-italic';
    src: url('../fonts/WorkSans-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'work-sans';
    src: url('../fonts/WorkSans-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
// <weight>: Use a value from 300 to 800
.open-sans-400 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.open-sans-800 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
// <weight>: Use a value from 100 to 900
.work-sans-800 {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.work-sans-600 {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}




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


/* to make front end editing work */
.btn.jmodedit {background:#000 !important;padding:6px 18px;}
.icon-edit:before {content: 'edit';color:#fff;}
main#main-content #modules-form .span12 .row-fluid .span12 #options{display:none;}
main#main-content #modules-form .span12 .row-fluid .span12 .control-group{display:none;}
main#main-content #modules-form .hr-condensed{display:none;}
main#main-content #modules-form hr{display:none;}
main#main-content #modules-form .row-fluid .span12 legend{display:none;}


/* custom accordion */
.accordionMenu{
    margin: 0 auto;
}
.accordionMenu input[type=radio]{
    display: none;
}
.accordionMenu label{
    background: #363539;
    font-size: 18px;
    color: #fff;
    position: relative;
    cursor: pointer;
    display: block;
    height: 50px;
    line-height: 47px;
    padding: 5px 25px 0 15px;
    border-bottom: 1px solid #e6e6e6;
}
.accordionMenu label::after{
    display: block;
    content: "";
   border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    width: 0;
    height: 0;
    right: 10px;
    top: 20px;
    z-index: 10;
    -moz-transition: all 0.3s ease-in;
    -ms-transition:all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.accordionMenu .content{
    max-height: 0;
    height: 0;
    overflow: hidden;
   -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    transition: all 2s ease-in;
}
.accordionMenu .content .inner{
    padding: 0px 10px;
}
.accordionMenu input[type=radio]:checked + label:after{
   -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
 
.accordionMenu input[type=radio]:checked + label + .content{
    max-height: 2000px;
    height: auto;
}


body {
font-family: 'open-sans';
font-size:.9em;
line-height: 28px;
color: #4c5168;
margin:0;
padding:0;
}
h1, h2, h3, h4 {font-family: 'work-sans';font-weight: 900;text-transform:uppercase}
h1{font-weight:900;font-size: 2.6rem;line-height: 1.2;letter-spacing: -.018em;
font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
}
h2 {font-size: 2.6rem;line-height:100%;letter-spacing: -.018em;
font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
}
h3 {font-size:150%;line-height:100%;transition: transform .6s;}
h3:hover{  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.1);
}

a {color: #25afc6;}
a:hover {color:#d78936;}
.readon{background-color: transparent;color:#4c5168;border-bottom: 1px solid #4c5168;border-radius:0;padding:0 10px 10px 10px;text-transform:uppercase;}
.readon:hover{color:#000;border-bottom: 1px solid #000; -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}

blockquote{margin-top: 20px;
padding: 0px 0px 0px 12px;
border-left:3px solid #25afc6;
margin-left:0}

#header-surround{height:116px;background-color:rgba(255,255,255,1);transition: height 1s, background-color 4s, transform 2s;}
.scrolled{background-color:rgba(255,255,255,1) !important;height:76px !important;}
#header{height:88px;padding:20px 4%;}
#header-height{height:0px;}

.logo-size{width:109px;margin-top:-16px;margin-bottom:-9px;transition: width 1s, transform 2s;}
.scroll-logo-width{width:69px;margin-top: -16px;}

#drawer-holder{background-color:#383838;padding:16px 1% 14px;}
#showcase-a.width-95{width:100%;}

#pretop{position: relative;padding:99px 4% 0;margin-bottom:-53px;background-color: #fff;z-index:222;}
#pretop-boxes{width:100%; text-align:center;margin:0 auto;}/*max-width:1400px;*/
#top-a.pre{background-color:transparent;}

#top{position: relative;background-color: #fff;box-shadow: 0px 1px 0 #dde0e7;}
/* .top-a, .top-b, .top-c{padding:9% 16%;}
or  with top-boxes max width set and trans backgrounds on a b and c*/
.top-a{padding-right:8%;}
.top-b{padding-left:8%;}
#top-boxes{width:100%;margin:0 auto -28px;background-color:#fff;display: flex;}/*max-width:1400px;*/
#top-a{display:inline-block;vertical-align:top;}
#top-b, #top-c {display:inline-block;vertical-align:top;}
.top-a {padding:16%;}
.top-b, .top-c{padding:16%;}
#top .fa, #top .fas {color: #25afc6;}
#top h2{color:#25afc6;font-size: 200%;font-weight: bold;}
#top .readon{background-color:#4c5168;color:#fff;border:0;text-transform:uppercase;border-radius:0;padding:10px 30px;}
#top .readon:hover{background-color:#000;}

#utility{position: relative;padding:00;box-shadow: 0px 1px 0 #dde0e7;}
#utility-boxes{display: flex;vertical-align:top;margin:0 auto;}/*max-width:1400px;*/
#utility-a{display:inline-block;vertical-align:top;background-color:#f6f6f6;}
#utility-b {display:inline-block;vertical-align:top;background-color:#ebebeb;}
#utility-c {display:inline-block;vertical-align:top;background-color:#f6f6f6;}
.utility-a, .utility-b, .utility-c{padding:16% 16%;}
/*or  with utility-boxes max width set and trans backgrounds on a b and c
.utility-a{padding-right:13%;}
.utility-c{padding-left:13%;}*/
#utility .fa, #utility .fas{color:#cbcbcb;}
#utility i {font-size:150%;line-height:100%;transition: transform .6s;}
#utility i:hover{  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2);
}


#utility2-a{display:inline-block;vertical-align:top;background-color:#ebebeb;}
#utility2-b {display:inline-block;vertical-align:top;background-color:#f6f6f6;}
#utility2-c {display:inline-block;vertical-align:top;background-color:#ebebeb;}
.utility2-a, .utility2-b, .utility2-c{padding:16% 16%;}
/*or  with utility-boxes max width set and trans backgrounds on a b and c
.utility2-a{padding-right:13%;}
.utility2-c{padding-left:13%;}*/

#prefeature{
color: #000000;
background-color: #F5F6F8;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
padding:92px 4% 107px;
}
#prefeature-boxes{max-width:1400px;width:100%; text-align:center;margin:0 auto;}
#prefeature h2, #prefeature h3, #prefeature h4{color:#656565}
#prefeature-a{display:inline-block;vertical-align:top;}
#prefeature-b, #prefeature-c {display:inline-block;margin-left:3%;vertical-align:top;}
#prefeature{position: relative;  z-index: 22;}


#feature{
background-image: url(../../../images/top-and-section-backgrounds.jpg);
background-attachment: fixed;
background-position:top;
background-size: cover; 
color:#fff;
background-color: #F5F6F8;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #3D4262;
padding:65px 4%;
}
#feature-boxes{max-width:1400px;width:100%; text-align:center;margin:0 auto;}
#feature h2, #feature h3, #feature h4{color:#fff}
#feature-a{display:inline-block;vertical-align:top;}
#feature-b, #feature-c {display:inline-block;margin-left:3%;vertical-align:top;}
#feature .readon{background-color:transparent;border:1px solid #fff;}

#maintop{
padding:99px 4% 112px;
color: #fff;background-color:#25afc6;
}
#maintop-boxes{max-width:1400px;width:100%;margin:0 auto;}
#maintop-a{display:inline-block;vertical-align:top;}
#maintop-b, #maintop-c {display:inline-block;margin-left:3%;vertical-align:top;}
#maintop h2, #maintop h3, #maintop h4{color:#4c5165}
#maintop-a p{transition: transform .6s;}
#maintop-a p:hover{  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.1);
}

#preexpandedtop{
padding:88px 4% 0;
color: #2C2C2C;
background-image: url(../images/patterns/subtle_white_feathers.png);
background-attachment: fixed;
}
#preexpandedtop-boxes{max-width:1400px;width:100%; text-align:center;margin:0 auto;}
#preexpandedtop-a{display:inline-block;vertical-align:top;}
#preexpandedtop-b, #preexpandedtop-c {display:inline-block;margin-left:3%;vertical-align:top;}
#preexpandedtop h2, #preexpandedtop h3, #preexpandedtop h4{color:#25afc6}

#expandedtop{
padding:69px 0;
background-image: url(../images/patterns/subtle_white_feathers.png);
color: #2C2C2C;
background-attachment: fixed;
}
#expandedtop-boxes{width:100%;margin:0 auto;display: flex;}
#expandedtop-a{display:inline-block;vertical-align:top;padding:0 0 4% 0;}
#expandedtop-b, #expandedtop-c {display:inline-block;vertical-align:top;padding:0 0 4% 0;}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#25afc6}
/*#expandedtop-a {background-image: url(../../../images/3-row-1.webp);background-size: cover;background-position: center;}
#expandedtop-b {background-image: url(../../../images/3-row-2.webp);background-size: cover;background-position: center;}
#expandedtop-c {background-image: url(../../../images/3-row-3.webp);background-size: cover;background-position: center;}
*/


#content-top{background-color: #FFFFFF;color: #6E6E6E;}
#content-top h2, #content-top h3, #content-top h4{color:#656565}
#mainbody{background-color: #FFFFFF;color: #2C2C2C;}
#sidebar-a{
background-color: #fff; /* or AFAFAF #78bf57 or #888888*/
}
#sidebar-a h2, #sidebar-a h3{}
#sidebar-b{background-color: #fff; /* #AFAFAF or #78bf57 or #888888*/
}

#content-bottom-boxes{width:100%;background-color:#ebebeb;margin:0 auto -28px;display: flex;}/*max-width:1400px;*/
#content-bottom-a{display:inline-block;vertical-align:top;text-align:left}
#content-bottom-b, #content-bottom-c {display:inline-block;vertical-align:top;color:#000}
.content-bottom-a, .content-bottom-b, .content-bottom-c{padding:9%;}
/* or  with top-boxes max width set and trans backgrounds on a b and c
.content-bottom-a{padding-right:13%;}
.content-bottom-c{padding-left:13%;}
*/
#content-bottom-b p{transition: transform .6s;color:#fff;}
#content-bottom-b p:hover{  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.1);
}


#expandedbottom{
padding: 99px 4% 112px;
position:relative;
background-color:#25afc6;
color: #fff;
}
#expandedbottom-boxes{max-width:1400px;width:100%; text-align:right;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 h2, #expandedbottom h3, #expandedbottom h4 {color: #fff;}
#expandedbottom-a p{transition: transform .6s;}
#expandedbottom-a p:hover{  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.1);
}


#mainbottom{
padding:138px 4%;
color: #fff;
background-image: url(../../../images/top-and-section-backgrounds.jpg);
background-attachment: fixed;
background-position:bottom;
background-size: cover;
}
#mainbottom-boxes{max-width:1400px;width:100%; text-align:center;margin:0 auto;}
#mainbottom-a{display:inline-block;vertical-align:top;}
#mainbottom-b, #mainbottom-c {display:inline-block;margin-left:3%;vertical-align:top;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#fff}
#mainbottom .readon{background-color:#4c5168;color:#fff;border:0;text-transform:uppercase;border-radius:0;padding:10px 30px;}
#mainbottom .readon:hover{background-color:#000;}

#extension{
background-repeat: repeat;
padding:91px 2%;
background-color:#ebebeb;
}
#extension-boxes{width:100%; text-align:center;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{color:#07659e}


#extensionlower{
background-repeat: repeat;
padding:91px 4%;
background-color:#F5F6F8;
}
#extensionlower-boxes{max-width:1400px;width:100%; text-align:center;margin:0 auto;}
#extensionlower-a{display:inline-block;vertical-align:top;}
#extensionlower-b, #extensionlower-c {display:inline-block;vertical-align:top;}
.extensionlower-a, .extensionlower-b{padding:0 12%;}
#extensionlower h2, #extensionlower h3, #extensionlower h4{}
#extensionlower-boxes p{transition: transform .6s;}
#extensionlower-boxes p:hover{  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.1);
}


#fullwidth{
width:92%;margin:0 auto;
max-width:2000px;
padding:82px 4%;
background-image: url(../../../images/full-width-bkg.jpg);
background-position:center center;
background-repeat: repeat-y;
background-color: #ebebeb;
}

#fullwidthmid{
width:92%;margin:0 auto;
max-width:2000px;
padding:82px 4%;
background-image: url(../../../images/full-widthmid-bkg.jpg);
background-position:center top;
background-repeat: repeat-y;
background-color: #f6f6f6;
}

#fullwidthlower{
width:92%;margin:0 auto;
max-width:2000px;
padding:82px 4%;
background-image: url(../../../images/full-widthlower-bkg.jpg);
background-position:center top;
background-repeat: repeat-y;
background-color: #ebebeb;
}
.full-width-text-layout-left{width:45%}
.full-width-text-layout-right{width:45%;text-align:right;padding-left:55%;}

#prebottom{
padding:81px 4%;
background-color:#F5F6F8;
}
#prebottom-boxes{max-width:1400px;width:100%; text-align:center;margin:0 auto;}
#prebottom-a{display:inline-block;vertical-align:top;}
#prebottom-b, #prebottom-c {display:inline-block;margin-left:3%;vertical-align:top;}
#prebottom h2, #prebottom h3, #prebottom h4{}
#prebottom{position: relative;  z-index: 22;}
#prebottom p{transition: transform .6s;}
#prebottom p:hover{  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.1);
}


.spin-bkg {
  -webkit-animation-name: rotate;
  -webkit-animation-duration:96s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name: rotate;
  -moz-animation-duration:96s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
}

@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {  -webkit-transform:rotate(360deg);}
}

@-moz-keyframes rotate {
  from {-moz-transform:rotate(0deg);}
  to {  -moz-transform:rotate(360deg);}
}


#bottom{
padding:81px 4%;
background-color: #fff;
}
#bottom-boxes{max-width:1400px;width:100%; text-align:center;margin:0 auto;}
#bottom-a{display:inline-block;vertical-align:top;}
#bottom-b, #bottom-c {display:inline-block;margin-left:3%;vertical-align:top;}


#footer{
font-size:80%;
}
#footer-boxes{max-width:1400px;width:100%; text-align:center;margin:0 auto;padding-bottom:6px;padding-top:12px;}
#footer-a{display:inline-block;vertical-align:top;}
#footer-b, #footer-c {display:inline-block;margin-left:3%;vertical-align:top;}

#copyright{
background-image: url(../images/patterns/noise.png);
color: #5f5f5f;
background-color: #2d2d2d;
border-top: 1px solid rgba(0,0,0,0.2);
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}


/*Changes to menu*/
.mobilemenuck-bar-title{display:none;}
.mobilemenuck-bar-button{margin-top: -76px;}
.mobilemenuck-item a{text-decoration:none;}
div#maximenuck197 a{color:#4c5168}
div#maximenuck197{float:none;text-align:right;}
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-weight: 600;
text-transform:uppercase;
font-family: work-sans;
}
div#maximenuck197 ul.maximenuck{margin-top:28px;}
div#maximenuck197 ul.maximenuck li.maximenuck.level1{margin-right:24px;}
div#maximenuck197 ul.maximenuck li.maximenuck.last.level1{margin-right:0px;}
div#maximenuck197 .maxiFancybackground{height:1px;top:44px;background-color:transparent;border-top:2px solid #3c2927;}

/*Menu text color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck197 ul.maximenuck li.maximenuck.level1 > span.separator{
text-shadow:none;
font-size:15px;
letter-spacing:1px;
}
/*Active menu item color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > 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 {
color: #25afc6;}

/* submenu */
div#maximenuck197 ul.maximenuck li.level1.parent > a:after, div#maximenuck197 ul.maximenuck li.level1.parent > span.separator:after{
right:-7px;} /*dropdown arrow position*/
div#maximenuck197 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck197 ul.maximenuck2 li.maximenuck{
padding-bottom:8px;}

/* submenu background and border */
div#maximenuck197 div.floatck{
border:1px;
border-color:#fff;
background:#fff;
margin-top:12px;
padding-left:16px;
padding-top:8px;
padding-bottom:8px;
}

/* submenu  link color */
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{
}

/* Changes menu hover color */
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck197 ul.maximenuck2 li:hover > a{
}

/* sets dropdown arrow color */
div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
display:none;right:0;}
div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > span.separator{
display:none;padding-right:0;}
div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > a{
padding-right:0;
}


.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show767{display:none;}

@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;}
.layout-slideshow .sprocket-features-content{background:none;}
.layout-slideshow{margin-top:0px;}
#top-boxes{display:block;}
.top-a{}
.top-b{}
#utility{box-shadow:none;}
#utility-boxes{display:block;}
#feature{padding:30px 4%;}
#feature-boxes{border-top:0;border-bottom:0;padding:80px 0;}
#expandedtop-boxes{display:block;}
#mainbottom{padding:0 4%;}
#mainbottom-boxes{padding:80px 0;border-top:0;border-bottom:0;}
.full-width-text-layout-left{width:100%}
.full-width-text-layout-right{width:100;text-align:left;padding-left:0;}
#fullwidth{background-image: url(none);background-color:#f6f6f6;}
#fullwidthmid{background-image: url(none);background-color:#f6f6f6;}
#fullwidthlower{background-image: url(none);background-color:#f6f6f6;}
}

@media (max-width: 640px) {
div#maximenuck197 ul.maximenuck li.maximenuck.level1{text-align:right;padding-top: 12px;padding-right:4px !important}
div#maximenuck197 div.floatck{background-color:transparent;border-color:transparent;}
div#maximenuck197 ul.maximenuck li.maximenuck a{text-align:right;}
div#maximenuck197 ul.maximenuck2 a{text-align:right;}
div#maximenuck197 div.floatck{margin-top:0px;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a{color:#fff;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a:hover{color:#ccc;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{color:#fff;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a:hover{color:#ccc;}
#showcase{}
#pretop{}
}

@media (max-width: 480px) { ... }