/* gray version*/
/* add <link href="https://fonts.googleapis.com/css?family=Comfortaa|Josefin+Sans:300" rel="stylesheet"> to index.php */

.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%;
}
 /* services boxes */
.services-boxes{
width:30%;margin:7px 1%;
display:inline-block;
vertical-align:top;
border:1px solid #3E3E3E;
min-width:200px;
background: rgba(0, 0, 0, 0.3)
-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;
box-shadow: 0px 1px 11px #2E1B19;
}
.services-boxes:hover{
background: rgba(0, 0, 0, 0.6)
}



.djslider-loader-default{box-shadow:0px 0px 40px #9d9d9d}
.no-shadow .djslider-loader-default{box-shadow:0px 0px 0}

body {
font-family: 'Montserrat', 'Helvetica', arial, serif;
font-size: 1.1em;
line-height: 28px;
color: #5e5e5e;
background-color:#fff;
min-height: 100vh; display: flex; flex-direction: column;
}
h1, h2, h3, h4 {font-family: 'Raleway', 'Helvetica', arial, serif;color: #435672;}
h2 {font-size: 150%;line-height: 102%;}
a {color: #2e3747;font-weight: bold;}
a:hover {color:#c49c1b;}
.readon{background-color: #efb04f;color:#fff;border-bottom: 2px solid #b67f29;}
.readon:hover{background-color: #b67f29;color:#fff;border-bottom: 2px solid #8c5c10;}

#header-surround{background-color:#131720;margin-bottom:-19px;height: 125px;}
#header{padding:30px 4%;}
#header-a.width-45{width:30%}
#header-b.width-45{width:64%}

.logo-bkg{background-color:#261311;box-shadow:0px 1px 3px #000}

#drawer-holder{background-color:#3c2927;padding:16px 1% 14px;box-shadow:0 8px 6px -6px black inset}

#showcase{}
#showcase a{}
#showcase .desktop-bkg-placement .custom{
vertical-align: top;
background-size: cover;
background-position: center;
background-attachment: fixed;
width: 100%;
min-height:900px;
color: #fff;
}

#top{color: #FFF;
background-color:#131720;
}
#top h2, #top h3, #top h4{color:#efb04f}
#top a{color:#f1f1f1;text-decoration:none;text-tranform:uppercase;font-weight:500;padding: 0 24px;white-space: nowrap;}
#top a:hover{color:#fff}

#utility{color: #2C2C2C;background-color: #FFFFFF;}
#utility h2, #utility h3, #utility h4{color:#656565}


/*fp box flex */
#feature .mod-custom {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#feature h3, #feature a {color: #fff}

@media (min-width: 768px) {
#feature-boxes{max-width:100%;display: flex;flex-flow: row nowrap;}
#feature .mod-custom {height:400px;color: #fff;transition: background 0.6s ease;}
#feature-a.width-30, #feature-b.width-30, #feature-c.width-30{width:33.33%;transition: width 0.6s ease;}
#feature-b, #feature-c{margin-left:0;}
#feature .mod-custom:hover {box-shadow: inset 0 0 0 2000px rgb(67 39 73 / 80%);}
#feature-a.width-30:hover, #feature-b.width-30:hover, #feature-c.width-30:hover {width: 50%;}
#feature .mod-custom h3 {display: block; transition: font-size 0.6s ease;font-size: 1.65rem; margin-bottom: 0;}
#feature .mod-custom:hover h3 {font-size:3rem;line-height: 3rem;}
#feature .mod-custom p {opacity: 0;padding: 0;transition: opacity 0.6s ease, margin-top 0.6s ease, padding .6s ease}
#feature .mod-custom:hover  p {opacity: 1;   padding: 0 17%;}
}
@media only screen and (max-width: 767px) {
#feature .mod-custom {
background-color: rgba(67,39,73,0.6);
background-blend-mode:darken;
padding: 80px 0;
font-size:120%;
color: #fff;}
#feature-boxes{padding-bottom:87px;}
}


#maintop{color: #424242;background-color: #f5f6f8;}
#maintop h2, #maintop h3, #maintop h4{color:#656565}
#expandedtop{background-color: #FFFFFF;color: #2C2C2C;}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#656565}
#content-top{background-color:#fff;color: #6E6E6E;padding-bottom:40px;}
#content-top h2, #content-top h3, #content-top h4{color:#656565}
#content-top h3{font-size:150%;}

#mainbody{background-color:#fff;color:#2e3747;}
#sidebar-a{
background-color: #fff; /* or AFAFAF #78bf57 or #888888*/
}

#sidebar-b{background-color: #fff; /* #AFAFAF or #78bf57 or #888888*/
color: #5e5e5e;
font-size:80%;
}
#content-bottom{color: #6E6E6E;background-color: #FFFFFF;}
#content-bottom h2, #content-bottom h3, #content-bottom h4{color:#4D3A38}
#content-bottom-boxes {border-top: 1px solid #ccc;padding-top: 53px;}

#expandedbottom{
color: #424242;
background:linear-gradient(120deg, #f6c982, #fd9f02);
border-top: 1px solid #dde0e7;
box-shadow: 0px 29px 29px #120000;
}
#expandedbottom::after {color: #F5F6F8;text-shadow: 0px 2px 0 #120000;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #4D3A38;}
.expandedbottom-image-glow{float:right;margin:7px 0 0 30px;width:36%;max-width:500px;box-shadow:0px 0px 40px #e08200;}

#mainbottom{background-color: #FFFFFF;color: #6E6E6E;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}

#extension{
background-image: url(../images/patterns/noise.png), linear-gradient(90deg, #131720, #547097, #131720);
color: #fff;
animation: bkg-animation 20s infinite;
-webkit-animation: bkg-animation 20s infinite;
text-align:center;
}
@-webkit-keyframes bkg-animation{
0% {background-position:top;}
100% {background-position:bottom;}
}
@keyframes bkg-animation{
0% {background-position:top;}
100% {background-position:bottom;}
}
#extension h2, #extension h3, #extension h4{text-shadow: 1px 2px 0 rgba(0,0,0,0.2);color:#ffd54f}


#fullwidth{color: #6E6E6E;background-color: #FFFFFF;margin-bottom:-10px;}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}
#bottom{
background-image: url(../images/patterns/noise.png);
background-color:#131720;
color: #f1f1f1;
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#bottom a{color:#f1f1f1;text-decoration:none;}
#bottom a:hover{color:#fff}
/*bottom menu */
#bottom ul.mod-menu{list-style-type: none;}
#bottom ul.mod-menu li{list-style-type: none;display: inline-block;padding-left:12px;}


#footer{
background-image: url(../images/patterns/noise.png);
color: #8f8f8f;
background-color:#0b0f16;
font-size:80%;
padding-top:20px;
}
#footer a{color:#ccc;text-decoration:none;}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#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);}




/* full width slider */
#showcase-a.width-95{width:100%;}




/*Changes to menu*/
.mobilemenuck-bar-title .titreck-text{display:none;} 
.mobilemenuck-item a{text-decoration:none;}

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;
}
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;
text-transform:uppercase;
color:#f1f1f1;
font-size:13px;
letter-spacing:2px;
}
/*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: #fff;}

/* 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:#321b37;
background:#432749;
margin-top:24px;
padding-left:16px;
padding-top:8px;
padding-bottom:10px;
}


/* submenu  link color */
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{
font-weight: 600;color: #f1f1f1;text-transform:uppercase;}

/* Changes menu hover color */
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,  div#maximenuck197 ul.maximenuck2 li:hover > h2 a, div#maximenuck197 ul.maximenuck2 li:hover > h3 a{
color:#fff;text-transform:uppercase;}
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{
color:#fff;}

/* 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;}
.show524{display:none;}

/* JP Start */

/* Global CSS for any page */
    /* Remove Header Edit */
    #drawer-holder #drawer .drawer.no-card a.btn.btn-link.jmodedit{display:none;}
    /* Remove Menu Edit */
    div.header-a.no-card.Test-of-Class a.btn.btn-link.jmodedit{display: none;}
    /* Remove Slider Edit */
    div.showcase-a.no-card a.btn.btn-link.jmodedit{display: none;}
    /* Remove Slider Edit HomePage */
    div.showcase-a.no-card.nopaddingall.nomarginall a.btn.btn-link.jmodedit{display: none;}
    
    /* Move Edit Text Left -- Not needed for A1-Shadows */
    /*div.float-end{margin-left: -41px !important;}*/
    
    /* Remove Published Article Text */
    div[role="tooltip"]{display:none;}

/* FOOTER */
    /* Remove Module Name and Module Type */
    .col-md-12 > div:nth-child(2){display:none;}
    /* Remove Title */
    #jform_title-lbl{display:none;}
    /* Remove Footer Label Box */
    #jform_title{display:none;}
    /* Remove Text Position */
    #jform_position-lbl{display:none;}
    /* Remove footer-a Remove Item Button*/
    div.choices{display:none;}
    /* Remove Text Status */
    #jform_published-lbl{display:none;}
    /* Remove Published Dropdown Menu (Status Dropdown) */
    #jform_published{display: none;}
    /* Remove Test Start Publishing */
    #jform_publish_up-lbl{display: none;}
    /* Remove Empty Box Under Text Start Publishing */
    #jform_publish_up{display:none;}
    /* Remove Button or Possible Spacer Under Above Button */
    #jform_publish_up_btn{display: none;}
    /* Remove Text Finish Publishing */
    #jform_publish_down-lbl{display:none;}
    /* Remove Empty Box Under the Above Text */
    #jform_publish_down{display:none;}
    /* Renove Button or Possible Space Under Above Box */
    #jform_publish_down_btn{display:none;}
    /* Remove Text Access */
    #jform_access-lbl{display:none;}
    /* Remove Dropdown Menu set to Public */
    #jform_access{display:none;}
    /* Remove Text Ordering */
    #jform_ordering-lbl{display:none;}
    /* Remove Ordering Dropdown Menu */
    #jform_ordering{display:none;}
    /* Remove Text Note */
    #jform_note-lbl{display:none;}
    /* Remove Text Box below Note Title */
    #jform_note{display:none;}
    /* Options Button */
    .accordion-button{display:none;}
    /* Prepare Content Lightswitch */
    #jform_params_prepare_content{display:none;}

/* CSS affecting Footer and Header and both */  
    #jform_params_prepare_content-lbl{display:none;}
    #jform_params_prepare_content-desc{display:none;}
    #collapse1-heading{display: none;}
    #collapse0{display:none;}
    #jform_params_layout-lbl{display: none;}
    #jform_params_layout{display: none;}
    #collapseTypes{display:none;}
    .modal-title{display:none;}
    div.modal-header button.btn-close.novalidate{display:none;}
    div.modal-footer{display:none;}
    div#versionsModal{display:none;}
    div[role="tablist"] > button:nth-child(2){display:none;}
    div[role="tablist"] > button:nth-child(3){display:none;}
    div.mb-2 > button.btn.btn-secondary{display:none;}

/* Makes Outer Darker Border Disappear */
form#adminForm.form-validate.form-vertical fieldset{border:0;}

/* Toggle Editor Move Left - Not Needed for A1-Shadow */
/* div.btn-group button.btn.btn-secondary.js-tiny-toggler-button{margin-left:42px;} */

/* A1-Shadows ONLY */
    /* Make Modules Text Hidden */
    form#modules-form.form-validate .row .col-md-12 legend{display:none;}
    /* Make 3 horizontal Lines Hidden */
    form#modules-form.form-validate .row .col-md-12 hr{display:none;}
    /* Edit for Homepage Slider */
    .btn.btn-link.jmodedit{display: none;}

/* JP END */

@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;}
#top-a{width:100%;}
#top a{padding:0 12px;}
#header-a.width-45{width:65%}
#header-b.width-45{width:30%}
#header{padding:10px;}
#header-surround{height:87px;}
}

@media only screen and (max-width: 524px) {
.show524{display:block;}
.hide524{display:none;}
#top{display:none;}
#maximenuck197 .maximenumobiletogglericonck{
margin-bottom:12px;}


}

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