/*Black 3 Style https://pritchardwebpages.com/black-anacron3/*/
/* add <link href="https://fonts.googleapis.com/css?family=Comfortaa|Josefin+Sans:300" rel="stylesheet"> to index.php */

/* to hide #mainbody on home page there is css in the Content on FP module */
.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%;
}


a.border-icon{padding: 9% 4% 0;
border: 1px solid #ccc;
background: #f1f1f1;
border-radius: 50%;
min-height: 100px;
min-width: 100px;
display: inline-block;}

.icon-expand{transition: all .2s ease-in-out;}
.icon-expand:hover{transform: scale(1.1); }

.terminal-left{display:inline-block;width:38%;vertical-align:top;min-width:300px;}
.terminal-right{display:inline-block;width:58%;min-width:300px;}

body{
font-family:arial, san-serif;
font-size:1em;
line-height: 22px;
color: #5e5e5e;
}
a {color:#d40000;}
a:hover {color:#920303;}
.readon{background-color: #d40000;color:#fff;border-bottom: 2px solid #920303;}
.readon:hover{background-color: #920303;color:#fff;border-bottom: 2px solid #6c0101;}
h1, h2, h3, h4 {color:#d40000;text-transform: uppercase;font-weight: 200;letter-spacing: 1px;line-height:100%;}

h1 {
  border-bottom: 3px solid #d40000;
  padding-bottom: 5px;
width:40%;
}

h1::after {
  content: "";
  display: block;
  border-bottom: 3px solid #000;
  width: 25%;
  position: relative;
  bottom: -8px; /* your padding + border-width */
}

h2{font-size:120%;}
h3{font-size:115%;}
h4{font-size:110%;}

#verytop{transition: all 0.5s ease-in-out;display:block;width:100%;
text-align:center;background:rgba(255,255,255,0.6);
color: #fff;
position:relative;
background: #151515;
z-index:22;
margin:-9px auto 0px; 
height:46px;}
#verytop a {color: #fff;}
#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 {background-color: #fff;}
#header {background-color: #fff;color: #2F2F2F;height: 67px;padding:20px 4%;}
#header-height{}
#header-a.width-45{width:15%}
#header-b.width-45{width:81%;}

#drawer-holder {background-color: #383838;padding: 16px 1% 14px;}
#showcase{border-bottom: 12px solid #151515;}

#top::after {color: #151515;} /*dropdown triangle */
#top {
  color: #1A1A1A;
  background-color: #B1B1B1;
}

#top h2, #top h3, #top h4 {
  color: #1A1A1A;
}

#utility{margin-bottom:0px;padding-bottom:37px;color: #6E6E6E;background-color: #FFFFFF;border-bottom: 1px solid #ccc;}
#utility h2, #utility h3, #utility h4{color:#656565}
.utility-a, .utility-b, .utility-c {border: 1px solid #cecece;padding:7%;}

#feature{
background-image: url(../images/backgrounds/feature/preset1/bg.png);
color: #8B8B8B;
background-color: #333;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
}
#feature h2, #feature h3, #feature h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#maintop{color: #6E6E6E;background-color: #f5f6f8;}
#maintop h2, #maintop h3, #maintop h4{color:#656565}

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

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

#mainbody{background-color: #FFFFFF;}
#mainbody img {border-bottom: 12px solid #151515;}

.sidebar-a-container {margin-top: 62px;}

#sidebar-a{
background-color: #fff; /* or AFAFAF #78bf57 or #888888*/
color: #5e5e5e;
font-size:80%;
}

#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:#656565}
#content-bottom-boxes{border-top: 1px solid #ccc;padding-top:53px;}
#expandedbottom{
color: #8b8b8b;
background-color: #f5f6f8;
border-top: 1px solid #dde0e7;
box-shadow: 0px 1px 0 #dde0e7;
}
#expandedbottom::after {color: #F5F6F8;text-shadow: 0px 2px 0 #dde0e7;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color:#000;}
#expandedbottom img {border-bottom: 12px solid #151515;}

#mainbottom{background-color: #FFFFFF;color: #6E6E6E;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}
#extension{
background-image: url(../images/backgrounds/extension/preset1/bg.png);
color: #fff;
background-color: #333;
}
#extension a{color:#07659e}
#extension h2, #extension h3, #extension h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#fullwidth{color: #6E6E6E;background-color: #FFFFFF;}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}
#bottom{
background-image: url(../images/patterns/noise.png);
background-color: #e7e7e7;;
color: #111;
}
#bottom a:hover,#footer a, #copyright a{color: #fff;}

#footer{
background-image: url(../images/patterns/noise.png);
color: #9E9E9E;
background-color: #050505;
}
#footer a {color: #9E9E9E}
#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);}
#copyright a:hover, #footer a:hover{color: #aaa;}


/* Joomla Shack sliders */
div.jwts_toggleControlContainer a.jwts_toggleControl{
background-image:none;
background-color:none;
	padding: 0;
padding-bottom:18px;
font-size: inherit;
margin-top: -10px;
border: none;
}
div.jwts_toggleControlContainer a.jwts_toggleOn{color:#333}
div.jwts_content, div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle,div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {
background: none; border: none; padding-left: 0;
}
.jwts_toggleContent {margin-top: -30px;}




/*Changes to menu*/
/*Menu changes*/
.mobilemenuck-bar-title{display:none;}
.mobilemenuck-bar-button{margin-top:10px;}
div#maximenuck195{margin-top:-20px;}
div#maximenuck195 ul.maximenuck {float: right !important;}

div#maximenuck195 ul.maximenuck li.maximenuck.level1 {
	/*background: #976c6c3b;*/
	padding: 0;
	margin: 0 1px;
	position: relative;
}

div#maximenuck195 ul.maximenuck li.maximenuck.level1 > a, 
div#maximenuck195 ul.maximenuck li.maximenuck.level1 > span.nav-header, 
div#maximenuck195 ul.maximenuck li.maximenuck.level1 > span.separator {
padding: 43px 14px;
/* color: #fff; */
text-transform: uppercase;
letter-spacing: 1px;
display: block;
}

div#maximenuck195 ul.maximenuck li.maximenuck.level1:hover > a,
div#maximenuck195 ul.maximenuck li.maximenuck.level1.active > a,
div#maximenuck195 ul.maximenuck li.maximenuck.level1:hover > span.nav-header,
div#maximenuck195 ul.maximenuck li.maximenuck.level1.active > span.nav-header,
div#maximenuck195 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck195 ul.maximenuck li.maximenuck.level1.active > span.separator {
    moz-box-shadow: inset 0 -10px 0 #8a8b8e;
    -webkit-box-shadow: inset 0 -10px 0 #8a8b8e;
    box-shadow: inset 0 -10px 0 #8a8b8e;
}

div#maximenuck195 ul.maximenuck li.maximenuck.level1 > a:hover:after, 
div#maximenuck195 ul.maximenuck li.maximenuck.level1 > a:active:after,
div#maximenuck195 ul.maximenuck li.maximenuck.level1:hover > span.nav-header:after,
div#maximenuck195 ul.maximenuck li.maximenuck.level1:hover > span.separator:after {
    height: 94px;
}

/* arrow image for parent item */
div#maximenuck195 ul.maximenuck li.level1.parent > a:after,
div#maximenuck195 ul.maximenuck li.level1.parent > span.nav-header:after,
div#maximenuck195 ul.maximenuck li.level1.parent > span.separator:after {
	border: none;
}

div#maximenuck195 ul.maximenuck li.maximenuck.level1 > a:after,
div#maximenuck195 ul.maximenuck li.maximenuck.level1 > span.nav-header:after,
div#maximenuck195 ul.maximenuck li.maximenuck.level1 > span.separator:after{
    background: rgba(47,55,67, .7 );
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
div#maximenuck195 ul.maximenuck li.level1.parent li.parent > a::after, div#maximenuck195 ul.maximenuck li.level1.parent li.parent > span.separator::after, div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a::after, div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 7px;
  border-color: transparent transparent transparent #ccc;
  margin: 0 3px;
  position: absolute;
  right: 3px;
  top: 2px;
}

/* submenu */
div#maximenuck195 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck195 ul.maximenuck2 li.maximenuck{
padding-bottom:8px;}
div#maximenuck195 div.maxidrop-main{padding-left:14px;padding-right: 14px;padding-bottom: 5px;}

/* submenu background and border */
div#maximenuck195 div.floatck{ 
border:1px; 
border-color:#fff;
background: rgba(47,55,67, .7 );
padding-left:2px;
padding-top:8px;
border-radius: 0 0 5px 5px;
}

/* submenu  link color */
div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{color:#ddd;} 
div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li > a:hover{color:#fff;} 


    





    




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

.fp-round-image-bottom-first-image{display:inline-block;margin:1%;width:220px;vertical-align:top;}
.lnee p{margin:0 0 15px} /* for the custom latest news enhanced module */
/* div.newsintro p:last-of-type {display:inline-block;} */

.show767{display:none;}
.show960{display:none;}
.show-over-1200{display:block;}
.show1200{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;}
#header-a.width-45{width:81%}
#header-a img {max-width: 180px !important;}	
#header-b.width-45{width:15%;}

}

@media (max-width: 820px) {
#verytop{line-height: 30px;}
#verytop a {white-space: nowrap;}
}

.show700{display:none;}
@media (max-width: 700px) {
#verytop{height:85px;line-height: 30px;}
#verytop a {white-space: nowrap;}
.show700{display:block;}
.hide700{display:none;}
}


@media (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
}
@media (max-width: 640px) {
#main-content img {display: none;}
div#maximenuck195 ul.maximenuck li.maximenuck.level1{text-align:right;padding-top: 12px;padding-right:4px !important}
div#maximenuck195 div.floatck{background-color:transparent;border-color:transparent;}
div#maximenuck195 ul.maximenuck li.maximenuck a{text-align:right;}
div#maximenuck195 ul.maximenuck2 a{text-align:right;}
div#maximenuck195 div.floatck{margin-top:0px;}
div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a{color:#fff;}
div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a:hover{color:#ccc;}
div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{color:#fff;}
div#maximenuck195 ul.maximenuck li.maximenuck ul.maximenuck2 li > a:hover{color:#ccc;}
}
@media (max-width: 480px) {
	#verytop{line-height: 30px;}
	#verytop a {white-space: nowrap;}
}

.show350{display:none;}
@media (max-width:350px) {
#verytop{height:106px;}
.show350{display:block;}
.hide350{display:none;}

}