/* gray version*/
html{scroll-behavior: smooth;}


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


body {
font-family: 'Poppins-Regular';
font-size:.9em;
line-height: 28px;
color: #4c5168;
margin:0;
padding:0;
}
h1, h2, h3, h4 {font-family: 'Poppins-SemiBold';font-weight: 400;text-transform:uppercase;}
h1{font-weight:600}
h2 {font-size:170%;line-height:100%;}
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: #d40d1b;}
a:hover {color:#ae0b16;}
.readon{background-color:#d40d1b;color:#fff;border-bottom: 1px solid #ae0b16;border-radius:0;padding:10px 30px;text-transform:uppercase;}
.readon:hover{background-color:#ae0b16;color:#fff;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 #be020e;
margin-left:0}
blockquote h2{margin-bottom: -8px;}

#header-surround{height:93px;background-color:rgba(30,30,30,1);transition: height 1s, background-color 4s, transform 2s;}

.scrolled{background-color:rgba(30,30,30,1) !important;height:88px !important;margin-top:-39px;}

#header{height:88px;padding:20px 4%;}
#header-height{height:0px;}

.logo-size{opacity: .95;width:227px;margin-top:-55px;margin-bottom:-9px;transition: width 1s, transform 2s;}
.scroll-logo-width{width: 169px;margin-top: -21px;}

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

#pretop{position: relative;padding:59px 4% 59px;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 0;background-color:#1e1e1e;color: #f1f1f1;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% 16%}
.top-b, .top-c{padding:9% 16% 9% 2%;}
#top .fa, #top .fas {color: #be020e;}
#top h2{color:#be020e;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;text-align:left;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:#1e1e1e;color: #f1f1f1;}
#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);
}
#utility h2{color:#be020e;font-size: 200%;font-weight: bold;}
#utility .readon{background-color:#4c5168;color:#fff;border:0;text-transform:uppercase;border-radius:0;padding:10px 30px;}
#utility .readon:hover{background-color:#000;}


#utility2-a{display:inline-block;vertical-align:top;background-color:#ebebeb; overflow:hidden;}
#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:8% 8%;}
#utility2-a.width-95{width:100%;}
.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:#be020e;
}
#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-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:#be020e}

#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:#be020e}
/*#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:#be020e;
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% 69px;
background-image: url(../images/patterns/noise.png);
background-color: #1e1e1e;
border-top:22px solid #3C3C3C;
color: #f1f1f1;
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
#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;}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#footer{
background-image: url(../images/patterns/noise.png);
color: #8f8f8f;
background-color: #1e1e1e;
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;}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#footer a{color:#ccc;}

#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:-22px;right:0px}
.mobilemenuck-item a{text-decoration:none;}
div#maximenuck197 a{color:#ccc}
div#maximenuck197{float:none;text-align:right;text-transform: uppercase;}
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: 300;
}
div#maximenuck197 ul.maximenuck{margin-top:15px;}
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: #f9f9f9;}

/* 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: 904px) {
#verytop p {display: none;}
#verytop {background:#1e1e1e;}

}


@media only screen and (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
#header-a.width-45 {width:100%;text-align:left;}
#top-boxes{display:block;}
#top-b{display:none;}
.top-b{padding-left:0}
#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;}
.mobilemenuck-bar-button {margin-top: -85px;right: -60px;}
}

@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{margin-top:89px;}
#pretop{margin-bottom: -45px;padding-top:24px;}
}

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

