@font-face {
font-family:'OpenSans';
src: url('../../../fonts/OpenSans-Regular.ttf')  format('truetype'),}

@font-face {font-family:'LibreBaskerville';
src: url('../../../fonts/LibreBaskerville-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */}
@font-face {font-family:'LibreBaskerville-italic';
src: url('../../../fonts/LibreBaskerville-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */}
@font-face {font-family:'LibreBaskerville-bold';
src: url('../../../fonts/LibreBaskerville-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */}

html {scroll-behavior: smooth;}


hr {
  color: #630000;
  background: #630000;
  font-size: 0;
  border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  height: 0px;
  border-bottom: 1px solid #630000;
 }

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

body {
font-family: 'OpenSans', 'Tahoma', 'Helvetica', arial, serif;
font-size:1em;
line-height: 1.2em;
color: #5e5e5e;
}
h1, h2, h3, h4 {font-family: 'LibreBaskerville-bold', 'Times New Roman',serif;color:#183643;line-height: 100%;}
h2 {font-size: 150%;line-height: 120%;}
h3 {line-height: 120%;}
a {color:#183643;}
a:hover {color:#0e252f;}
.readon{background-color: #183643;color:#fff;border-bottom: 2px solid #0e252f;}
.readon:hover{background-color: #0e252f;color:#fff;border-bottom: 2px solid #07161d;}

#header-surround{background-color:#fff;}
#header{background-color:#fff;height:170px;padding:20px 4%;}
#header-height{}

#drawer-holder{background-color:#2b393f;padding:20px 1% 16px;}

#showcase{max-width:1200px;padding: 85px 4% 0;color:#f1f1f1}
#showcase a{}
#showcase-bkg {
  background-image: url(../../../images/showcase-bkg.jpg);
  background-size: cover;
  background-position:top;
  display: block;
  width: 100%;
}
#showcase h1, #showcase h2, #showcase h3, #showcase h4 {color:#f1f1f1}
#showcase h2, #showcase h3 {text-transform:unset;}

#top{position: relative;padding:69px 4% 29px;color: #424242;background-color: #fff;}

#utility{margin:12px 0 12px;color: #2C2C2C;background-color: #FFFFFF;}
.utility-a, .utility-b, .utility-c{box-shadow:0px 2px 18px 0px rgba(0,0,0,0.1);padding-bottom: 16px;text-align: left;margin-bottom: 52px;}


#feature{
background-repeat: repeat;
padding:91px 4% 99px;
color: #000000;
background-color: #F5F6F8;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
}

#maintop{padding:102px 4% 113px;color: #f1f1f1;background-color:#183643;}
#maintop h3{color:#f1f1f1;}

#expandedtop{padding:104px 4% 16px;background-color: #FFFFFF;color: #2C2C2C;}

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

#mainbody{background-color: #FFFFFF;color:#353535;}

#sidebar-a{
background-color: #fff; /* or AFAFAF #78bf57 or #888888*/
color: #5e5e5e;
}
#sidebar-a h2, #sidebar-a h3{}
#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{
padding:104px 4% 16px;
position:relative;
color: #424242;
background-color: #f5f6f8;
border-top: 1px solid #dde0e7;
}

#mainbottom{padding:6px 4% 124px;background-color: #f5f6f8;color: #6E6E6E;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}

#extension{
background-image: url(../images/backgrounds/extension/preset1/bg.png);
color: #000000;
background-color: #cdcdcd;
}
#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-repeat: repeat;
padding:116px 4% 100px;
background-image: url(../images/patterns/noise.png);
background-color:#2b393f;
color: #f1f1f1;
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#bottom a{color:#fff;padding:0 12px;border-left:1px solid #fff;}

#footer{
background-image: url(../images/patterns/noise.png);
color: #8f8f8f;
background-color:#183643;
font-size:80%;
}
#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;
padding-top:6px;
padding-bottom:24px;
}
#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%;}


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


.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;}
#showcase-bkg {
background-position: right;
}
#mod-custom232{width:50%;}
}

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

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

@media (max-width: 480px) {
#showcase-bkg {background-position: left;}
#mod-custom232{width:100%;}
#showcase {padding: 0px 4% 16px;}
}
@media (max-width: 330px) {
#verytop {height:67px;}
}