html {overflow-y:scroll;overflow-x:hidden;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;color: #000;}
body {display: flex;flex-direction: column;height: 100%;font: 14px/1.6 'Poppins',sans-serif;font-weight: 400;position: relative;padding: 0;margin: 0;}
#layout { flex: 1 0 auto; }
.footer {flex-shrink: 0;/* padding: 0 15px; */}
#layout 

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;  }
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;  }
audio: not([controls]) {  display: none;  height: 0;  }
[hidden],template {  display: none;  }
a {  background-color: transparent;  }
a:active,a:hover {  outline: 0;  }
abbr[title] {  border-bottom: 1px dotted;  }
b,strong {  font-weight: bold;  }
dfn {  font-style: italic;  }
h1, .h1style {/* font-size: 2em; *//* margin: 0.67em 0; */}
mark {  background: #ff0;  color: #000;  }
small {  font-size: 80%;  }
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;  }
sup {  top: -0.5em;  }
sub {  bottom: -0.25em;  }
img {  border: 0;  }
svg: not(: root) {  overflow: hidden;  }
figure {  margin: 1em 40px;  }
hr {  -webkit-box-sizing: content-box;  box-sizing: content-box;  height: 0;  }
pre {  overflow: auto;  }
code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;  }
button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;  }
button {  overflow: visible;  }
button,select {  text-transform: none;  }
button, input[type="reset"], input[type="submit"], input[type=button] {-webkit-appearance: button;cursor: pointer;position: relative;background: #04326e;color: #ffffff;border: none;text-transform: uppercase;font-family: 'Poppins', sans-serif;font-size: 15.4px;font-weight: bold;letter-spacing: 0.6px;text-align: center;cursor: pointer;padding: 5px 12px;}
button[disabled],html input[disabled] {  cursor: default;  }
button:: -moz-focus-inner,input:: -moz-focus-inner {  border: 0;  padding: 0;  }
input {  line-height: normal;  }
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  }
input[type="number"]:: -webkit-inner-spin-button,input[type="number"]:: -webkit-outer-spin-button {  height: auto;  }
input[type="search"] {  -webkit-appearance: textfield;  -webkit-box-sizing: content-box;  box-sizing: content-box;  }
input[type="search"]:: -webkit-search-cancel-button,input[type="search"]:: -webkit-search-decoration {  -webkit-appearance: none;  }
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {  border: 0;  padding: 0;  }
textarea {  overflow: auto;  }
optgroup {  font-weight: bold;  }
table {  border-collapse: collapse;  border-spacing: 0;  }
td,th {  padding: 0;  }

/*! Source: https: //github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {  
	*, *:before, *:after {  background: transparent !important;  color: #000 !important;  -webkit-box-shadow: none !important;  box-shadow: none !important;  text-shadow: none !important;  }
	a, a:visited {  text-decoration: underline;  }
	a[href]:after {  content: " (" attr(href) ")";  }
	abbr[title]:after {  content: " (" attr(title) ")";  }
	a[href^="#"]:after, a[href^="javascript: "]:after {  content: "";  }
	pre, blockquote {  border: 1px solid #999;  page-break-inside: avoid;  }
	thead {  display: table-header-group;  }
	tr, img {  page-break-inside: avoid;  }
	img {  max-width: 100% !important;  }
	p, h2, .h2style, h3, .h3style {  orphans: 3;  widows: 3;  }
	h2, .h2style, h3, .h3style {  page-break-after: avoid;  }
	.navbar {  display: none;  }
	.btn > .caret, .dropup > .btn > .caret {  border-top-color: #000 !important;  }
	.label {  border: 1px solid #000;  }
	.table {  border-collapse: collapse !important;  }
	.table td, .table th {  background-color: #fff !important;  }
	.table-bordered th, .table-bordered td {  border: 1px solid #ddd !important;  }
}



/* ==================== Basic declarations ==================== ================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas {  display: block;  }
p {  margin: 0.5em 0;  line-height: 1.7em;  }
a {-moz-transition: .3s ease;-o-transition: .3s ease;-webkit-transition: .3s ease;transition: .3s ease;color: #007bff;text-decoration: none;}
.Button-primary {  background-color: #04326e;  border-color: #04326e;  }
.Button-primary:hover {  background: #c14600;  }
a.button {font-size: 0.9em;}
a:hover, a:focus {text-decoration: none; color:#04326e;}
a img {  border: 0px  }
img {  max-width: 100%;  width: auto\9;  height: auto;  vertical-align: middle;  border: 0;  -ms-interpolation-mode: bicubic;  }
h1, h2, h3, h4, h5, h6 {color: #04326e;text-align: left;text-rendering: optimizelegibility;font-family:'Crimson Pro', serif;}
h1{font-weight:700;}
h2{ font-size:2em; }
h3{ font-size:1.8em; }
h4{ font-size:1.5em; }
h5{ font-size:1.2em; }
h6{ font-size:1em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {  color: #007bff ;  text-decoration: none;  }
ul, ol {  margin-left: 3em;  list-style: disc;  }  

ol {  list-style: decimal;  }
blockquote, q {  quotes: none;  }
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none;  }
hr {  margin-top: 20px;  margin-bottom: 20px;  border: 0;  border-top: 1px solid #eee;  }
sub, sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;  }
sup {  top: -.5em;  }
sub {  bottom: -.25em;  }
table {  border-collapse: collapse;  }
table td, table th {  vertical-align: top;  }
table.content_table {  border: 1px solid #e9e9e9;  }
table.content_table td, table.content_table th {  padding: 4px;  border: 1px solid #e9e9e9;  border-collapse: collapse;  }
.colbtn {  padding: 6px 23px;  color: #FFF;  display: inline-block;  margin: 6px;  }
nav ul {  margin: 0;  padding: 0;  }

/* ==================== input elements==================== ================================================== */
button, input, optgroup, select, textarea {  margin: 0;  font: inherit;  color: inherit;  }
button {  overflow: visible;  }
button, select {text-transform: none;outline: 0 !important;}
button:: -moz-focus-inner, input:: -moz-focus-inner {  padding: 0;  border: 0;  }

input {  line-height: normal;  }
input[type="checkbox"], input[type="radio"] {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  margin: 0 3px;  }
input[type="number"]:: -webkit-inner-spin-button, input[type="number"]:: -webkit-outer-spin-button {  height: auto  }
input, select, textarea {  color: #271f1b;  border: 1px solid #E9E9E9;  background: #FBFBEA;  padding: 5px;  font-style: normal;  font-weight: 400;  text-align: left;  outline: none;  }
textarea {  overflow: auto;  height: 120px;  min-width: 250px;  width: 70%;  }
input[type=button], input[type=reset], input[type=submit], .button {-moz-transition: 0.4s all ease;-webkit-transition: 0.4s all ease;-o-transition: 0.4s all ease;transition: 0.4s all ease;text-align: center;border: none;color: #fff;text-decoration: none;background: #04326e;cursor: pointer;padding: 12px 20px;margin: 5px 0;display: inline-block;text-transform: uppercase;border-radius: 0;outline: none;box-shadow: none;text-shadow: none;position: relative;letter-spacing: 0;font: 600 14px/1.2em 'Work Sans', sans-serif;}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: #1B427D ;color: #FFF;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active {background: #04326e;}
input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea {width: 100%;min-height: 45px;background-color: rgba(49, 48, 47, 0.07);border: 1px solid transparent;font-size: 14px;padding: 11px 21px;text-align: left;color: #31302f;margin: 10px 0;border-radius: 4px;}
input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder {  font-family:'Poppins', sans-serif;  }
input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {  font-family:'Poppins', sans-serif;  }
input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder {  font-family:'Poppins', sans-serif;  }
input[type=email]: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder {  font-family:'Poppins', sans-serif;  }
input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
 
.select-wrapper {  position: relative;  }
.select-wrapper:after {  content: "\f0d7";  font-family: 'FontAwesome';  color: #1B427D ;  font-size: 20px;  line-height: 1;  height: 20px;  width: 10px;  text-align: center;  display: block;  position: absolute;  right: 10px;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  pointer-events: none;  }
select {border-radius: 0;margin: 0;font-size: 16px;}
select:: -ms-expand {  display: none;  }
label {font-family:'Poppins', sans-serif;font-weight: bold;  display: inline-block; }
.error {color: #FF5722;font-family:'Poppins', sans-serif;display: block; text-align:center;}
.error .msgcontent {padding:5px;text-align:center;display: block;border:1px solid #FF5722;margin: 10px 0;} 

input[type=email],input[type=password],input[type=tel],input[type=text],input[type=number], select,textarea {width: 100%;min-height: 45px;background-color: #e5e5e5;border: 1px solid rgba(0, 0, 0, 0.07);font-size: 14px;padding: 10px;text-align: left;color: #31302f;margin: 5px 0;border-radius: 0;}
input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder { color:#31302f;  }
input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {color:#31302f; }
input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder { color:#31302f;  }
input[type=email]: -moz-placeholder, input[type=password]: -moz-placeholder, input[type=tel]: -moz-placeholder, input[type=text]: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder { color:#31302f;  }
input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
 

.button-red {background: #04326e; border:1px solid transparent;}
.button-red:hover { border:1px solid #023470 ;}
.button-blue {background: #023470;}
.button-blue:hover {background: #04326e;}
.button-white { background:#FFF; color:#04326e ;}
.button-white:hover { background:#04326e; color:#FFF;}
.button-sm {padding: 5px 12px;  }
.button-sm {display: inline-block;  }

.button-lines{background:transparent;border: 2px solid #ffffff;color: #ffffff;}
.button-no-lines{background:transparent;border: 0;padding: 13px 5px;color: #04326e;}
.button-lines.button-blue{ border-color:#023470; color:#023470;}
.button-lines.button-blue:hover{background:#023470; color:#FFF;}
.button-lines.button-red{ border-color:#04326e ; color:#04326e ;}
.button-lines.button-red:hover{ background:#04326e; color:#FFF;}

.button-lines.button-white{ border-color:#FFF ; color:#FFF ;}
.button-lines.button-white:hover{ background:#FFF; color:#04326e;}

.button-arrow-right:after {font-family: 'FontAwesome';content:"\f0a9";padding: 0 0 0 4px;}
.button-arrow-down:after {  font-family: 'FontAwesome'; font-size: 15.4px;  content: '\f0a8';  padding: 0 0 0 4px;  }
.button-arrow-left:before {  font-family: 'FontAwesome'; font-size: 15.4px;  content: '\f0a8';  padding: 0 4px 0 0px;  }

/* ====================utility/ helper classes ==================== ================================================== */
.clear {  clear: both;  height: 0px;  margin: 0px;  padding: 0px;  }
.header:after, .container:after, .row:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after {  content: "";  display: table;  clear: both;  }
.pad {  padding-left: 15px;  padding-right: 15px;  }
.pad-left {  padding-left: 15px;  }
.pad-right {  padding-right: 15px;  }
.divider {  margin-top: 20px;  position: relative;  }
.divider-line {  margin: 40px 0;  }

.img-circle {  border-radius: 50%;  }
.hide {  display: none;  }
.show {  display: block !important;  }
.invisible {  visibility: hidden;  }

/* ==================== layout==================== ================================================== */
#layout {position: relative;z-index: 1;top: 0;left: 0;width: 100%;min-width: 100%;background: transparent;display: flex;min-height: 100vh;flex-direction: column;background: #b3c3c7;padding: 15px 0px;}
#layout:after{content:'';display:block;position:absolute;width:100%;height: 100%;top:0;left:0;background:url(../image/cache/bg.jpg);z-index: -1;/* opacity: .6; */background-attachment: fixed;background-size: 400px;}
#wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;height: auto;width: 100%;margin: 0 auto;position: relative;flex: 1 0 auto;}
#wrapper > .container{background:#FFF;border: 1px solid #ededed;box-shadow: 0px 1px 6px rgb(0 0 0 / 20%);}

.content-block {  padding: 25px 0; }
.page-content-block {margin: 0 0;padding: 0 15px;}
.subpageHeader-block {text-align: justify;background: #e0e0e0;position: relative;z-index: 0;}
.subpageHeader-block .pageTitle .container{position:relative;height: 100%;}
.subpageHeader-block .pageTitle h2 {/* position: absolute; */width: 100%;text-align: center;bottom: 0;left: 0;}
.subpageHeader-block h2 {margin: 35px 0;color: #fff;font-size: 3em;font-weight: 900;text-transform: uppercase;}
.subpageHeader-block img{max-width:100%;max-height: 580px;display: block;margin: 0 auto;}

.home-content-block {  border: 0;  padding: 50px 0; }
.subpage-block {  margin-top: 74px;  padding-top: 10px;  }
.breadcrumbs {padding: 5px 0;margin-bottom: 0;color: #04326e;font-size: .86em;clear: both;background: transparent;}
.breadcrumbs a {  font-size: .84em;  color: #04326e;  }

.subpage-content-block.main-content-block .container  .row div > h1:first-child{text-transform:uppercase;font-size: 2.3em;font-weight:800;color: #04326e;}

.subpageHeader-block{min-height: 10px;margin: 0 -15px;margin-top: 0;}
.flwdth.pageheader {top: 0;height: 100%;text-align: center;background-blend-mode: screen;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-origin: padding-box;background-size: cover;position: absolute;width: 100%;background-repeat: no-repeat;/* background-attachment: fixed; */background-position: center;}
.flwdth.pageheader .Back_Black{display:block;position:absolute;width:100%;height:100%;background: url(/image/cache/overlay-pattern.png);opacity: .7;top:0;left:0;z-index:1;}
.flwdth.pageheader .Back_White{display:block; position:absolute; width:100%; height:100%; background: url(/image/cache/overlay-pattern_white.png); opacity: .7; top:0; left:0; z-index:1;}
.flwdth.pageheader .Back_None{ display:none;}
.flwdth.pageheader .container {height: 100%;}
.pagetitle{width: 75%;text-align: center;margin: auto; z-index: 10;position: relative; top: 50%; transform: translateY(-50%);  }
.pagetitle .titleShow { padding: 20px; }
.pagetitle .titleShow.GreyBox{background: rgba(0, 0, 0, 0.25); border: 6px solid #777; }
.pagetitle .titleShow.WhiteBox{background: rgba(255, 255, 255, 0.25); border: 6px solid #FFF;}
.pagetitle .titleShow.BrownLine{background:none ; border-bottom: 2px solid #04326e; padding: 20px;padding-bottom: 0;margin-bottom: 20px;} 
.pagetitle .titleShow.BrownLine  * { color:#04326e;}
.pagetitle .titleShow.WhiteLine{background:none ;  padding: 20px;padding-bottom: 0;margin-bottom: 20px; color:#FFF;}
.pagetitle .titleShow.WhiteLine h2,.pagetitle .titleShow.BrownLine h2  { border-bottom: 2px solid #FFF; }  
.pagetitle .titleShow.WhiteLine * { color:#FFF;}
.pagetitle h1, .pagetitle h2, .pagetitle h3, .pagetitle h4, .pagetitle h5, .pagetitle h6 {text-align:center;color: #FFF;text-shadow: .5px .5px 1px #666;text-transform: uppercase;/* line-height:2em; */margin: 0;padding: 0;}
.pagetitle h1 { font-size:3em; padding: 0; margin: 0;}
.subpageHeader-block.noPageHeader{background:none;height:auto;margin: 0;min-height: 120px;font-size: 0;}

/* ====================header ==================== ================================================== */
.Header h1 {  display: none;  }
.Header {position: relative;width: 100%;z-index: 999;padding: 0;top: 0;left: 0;/* background: #FFF; */transition: all .3s ease;/* box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6); */}
.Header > .Navigation{position:relative;z-index:2;padding: 0;margin-bottom: 5px;}
Header > nav.Navigation {}
body.subpage .Header {/* background: #FFF; *//* box-shadow: 1px 1px 3px rgba(4, 4, 4, 0.35); */}

.logo {position: relative;z-index: 999;left: 0;top: 0;margin: 0;padding: 0;}
.logo img {position: relative;display: block;vertical-align: middle;max-width: 280px;padding: 0;transition: all .3s ease;}
.mobileTop {display:flex;flex-direction: column;justify-content: space-between;align-items: flex-end;align-content: space-around;height: 100%;display: none;}
.Header .topNav {background: transparent;}
.Header .topNav ul{ list-style:none; display:block; margin:0; padding:0; text-align:right;}
.Header .topNav ul li { display:inline-block;}
.Header .topNav ul li a{display:block;padding: 2px 5px;color: #777;font-size: .85em;/* text-transform: uppercase; */font-family: 'Poppins', sans-serif;font-weight: 400;}
 
.searchBlock{position:relative;margin: 10px 0;clear: both;text-align: revert;display: none;}
.searchBlock:after{content:'';display:table; clear:both; }
.searchBlock form{float: right;display:block;}
.searchBlock input[type=text] {width: 320px;background: none;border: 1px solid #d9d9d9;border-radius: 5px;padding: 5px;padding-right: 35px;margin: 0;min-height: 35px;font-size: .8em;background: rgb(255 255 255 / 65%);}
.searchBlock input[type=submit]{position:absolute;right:0;top: 0;margin: 0;border: 0;background: transparent;font-size: 0;width: 35px;padding: 5px;height: 100%;}
.searchBlock .icn{position:absolute;width: 35px;height:100%;right:0;top:0;color: transparent;}
.searchBlock .icn:after{content:"\f002";font: normal normal normal 14px/1 FontAwesome;font-size: 20px;text-align: center;color: rgb(255, 255, 255);display: block;vertical-align: middle;background: #999;width: 100%;line-height: 35px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.Navigation__body, .HeaderMenu { height:100%;}
.HeaderMenu {background: #04326e;padding: 0;margin: 0px -15px;}
.HeaderMenu .Navigation{ padding:0;}
.HeaderMenu ul {list-style: none;margin: 0;padding: 0;width: 100%;align-items: center;justify-content: space-evenly;padding: 0 15px;}
.HeaderMenu ul li {}
.HeaderMenu nav>ul>li {padding: 0;text-align: center;position:relative;}

.HeaderMenu nav>ul>li a, .HeaderMenu nav>ul>li span {color: #FFF;display: block;padding: 10px;font-weight: 500;font-family:'Poppins', sans-serif;font-size: .9em;cursor: pointer;text-transform: uppercase;}
.HeaderMenu nav>ul>li ul li:hover a, .HeaderMenu>ul>li a:hover{color: #FFF;}
.HeaderMenu nav>ul>li ul{display: none;position:absolute;list-style: none;margin: 0;padding: 0;width:240px;margin-top: 0;background: #eee;left:0;top:100%;box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.2);}
.HeaderMenu nav>ul>li ul li a{display:block;color: #04326e;padding: 8px 15px;font-size: 0.9em;font-weight: 500;text-transform: unset;text-align: left;}
.HeaderMenu nav>ul>li:hover > ul { display:block; }
.HeaderMenu nav>ul>li:hover > a, .HeaderMenu nav>ul>li:hover span{color: #04326e;background: #FFF;}
.HeaderMenu nav>ul>li.currentitem > a{color: #FFF;background: #04326e;}

.HeaderMenu nav>ul>li ul li:first-child{padding-top: 1px;}
.HeaderMenu nav>ul>li ul li{ position:relative;}
.HeaderMenu nav>ul>li ul li ul{position:absolute;left:100%;top: 0;}
.HeaderMenu nav>ul>li ul li:hover{background: #04326e;}
.HeaderMenu nav>ul>li ul li:hover ul{ display:block;}
.HeaderMenu nav>ul>li ul li ul li:first-child{padding:0;}
.HeaderMenu nav>ul>li.selected a{color: #04326e;border-bottom-color: #04326e;}

.HeaderMenu nav>ul>li.home a{font-size: 0;vertical-align: middle;} 
.HeaderMenu nav>ul>li.home a:before{content:"\f015";color:#fff;font-family: FontAwesome;margin: 0;font-size: 20px;font-weight: normal;line-height: initial;color: #FFF;display: block;}
.HeaderMenu nav>ul>li.home.currentitem a{background:none;}
.HeaderMenu nav>ul>li.home:hover a:before{color:#04326e;}

.Sidebar__body {background-color: #04326e;min-width: 240px;height: 100%;margin: auto;left: -100%;top: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 9999;-webkit-transition: right .3s ease-in-out;transition: left .3s ease-in-out;}
.Sidebar.show .Sidebar__body {left: 0;}
.Sidebar.show .Sidebar__backdrop {  display: block;  }
.SidebarMenu {padding: 10px 15px;max-width: 340px;margin: 0 auto;}
.SidebarMenu ul {list-style: none;padding: 0;margin: 0;text-align: center;}
.SidebarMenu ul li {margin-bottom: 0;}
.SidebarMenu ul li ul li a{font-size: 14px;border: 0;padding: 5px 10px;text-transform: none;}
.SidebarMenu ul li ul li, .SidebarMenu ul li ul li ul li{margin-left: 5px;}
.SidebarMenu ul a, .SidebarMenu ul span {font-size: 15px;color: #fff;text-decoration: none;display: block;padding: 10px;text-transform: uppercase;border-top: 1px solid #184e93;text-align: left;cursor: pointer;}
.SidebarMenu ul a:hover{background: #04326e;color: #fff;}
.SidebarMenu ul li ul {/* border-bottom: 2px solid #fff; */}
.SidebarMenu ul li:first-child a{ border:0;}
.Sidebar__backdrop {background-color: rgb(0 0 0 / 0.75);left: 0;top: 0;z-index: 999;display: none;}
.Sidebar--active, .Sidebar__backdrop {  position: fixed;  height: 100%;  width: 100%;  }
.Sidebar.active .Sidebar__backdrop {  display: block;  }
.Sidebar--active, .Sidebar__backdrop {position: fixed;height: 100%;width: 100%;}
.Header.headBg .NavbarToggle i {color: #04326e;}
body.subpage .Header .sidebar__Close i , .Header.headBg .sidebar__Close i {color: #ffffff;}

.navIcon {position: relative;height: 100%;text-align: right;}
.NavbarToggle {display: inline-block;vertical-align: middle;background-color: transparent;border: 0;padding: 0;}
.NavbarToggle i {font-size: 1.5em;color: #04326e;display: block;padding: 10px 5px;outline: 0 !important;}
.navIcon:focus, .navIcon *:focus{border:0;outline: 0;} 
.sidebar__Close {padding: 5px;max-width: 340px;margin: 0 auto;}
.sidebar__Close button {outline: 0 !important;height:auto;}
body.subpage .Header .NavbarToggle i {/* color: #04326e; */}
.sidebar__Close .NavbarToggle i {color: #04326e;}
body.noPageHeader .Header, .Header.headBg  {transition: top 0.5s ease, background 0.3s ease;box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 30%);background: #ffffff;transition: all .3s ease;}
.Header.headBg .logo img {max-width: 250px;transition: all .3s ease;}

/* ==================== Social Menu ==================== ================================================== */
#social,.topLogo {position: relative;z-index: 99;margin: 0;}
.topLogo img{margin: 2px 5px 2px 0;}

#social ul {margin: 0;padding: 0;text-align: right;/* display: inline-block; */}
#social li {float: none;display: inline-block;vertical-align: middle;padding: 0px 6px;padding-right: 0;}
#social li a {font: normal normal normal 14px/1 FontAwesome;text-align: left;padding: 0 !important;color: #023470;display: block;margin: 3px;}
#social li a span {display: none;font-family:'Poppins', sans-serif;text-transform: capitalize;font-size: 16px;margin-left: 5px;color: #FFF;font-weight: 600;}
#social li a:before {font-size: 22px;text-align: center;background: #fff;color: #023470;display: inline-block;vertical-align: middle;line-height: 26px;width: 26px;height: 26px;border-radius: 10%;}
#social li.audio a:before{content: "\f028";background: #eb0009;width: 80px;border-radius: 30px;font-size: 22px;}
#social li.facebook a:before {content: "\f09a";line-height: 28px;}
#social li.twitter a:before {content: "\f099";}
#social li.instagram a:before {content: "\f16d";font-size: 24px;}
#social li.linkedin a:before {content: "\f0e1";/* background:#0077b5; */}
#social li.youtube a:before {content: "\f16a";}
#social li.pinterest a:before {  content: "\f231";  }
#social li.googleplus a:before {content: "\f0d4";background: #dc4b38;}
#social li.contact a:before, #social li.email a:before {content: "\f0e0";/* background: #FF5722; */}
#social li.rss a:before {  content: "\f09e"; background:#f58220;  }
#social li.phone, #social li.email{/* display:block; *//* float: left; */}
#social li.phone a:before {content: "\f095";width: auto;}
#social li.phone a span{display:inline-block;vertical-align: middle;color: #023470;}
/* Social Menu Hover */
#social li:hover a:before, #social li a:hover:before {opacity: .8;}

/* ====================Footer==================== ================================================== */
footer {clear: both;z-index: 1;width: 100%;line-height: 1.6em;font-size: 14px;text-align: left;position: relative;border-top: 1px solid #d2d2d2;margin-top: 20px;}

footer .address {text-align: left;display: block;clear: both;}
footer .footerLogo{text-align:right;clear: both;}
footer .address img{max-width: 250px;margin-bottom: 5px;}
footer .address * {color: #444;}
footer .address h4{color: #cacaca;text-align: right;font-size: 1.1em;margin-top: 25px;}
footer .address p span {}
#footnav ul, .copyright ul{ margin:0;list-style:none; }
#footnav{padding: 0;}
#footnav > ul {display:flex;flex-direction: row;flex-wrap: wrap;text-align: right;justify-content: flex-end;align-items: flex-start;}
#footnav ul li {min-width: 40%;}
#footnav ul li a{color: #333;font-size: 1.1em;padding: 7px 5px;display: inline-block;}
#footnav ul li.head{/* padding-top:15px; *//* text-transform:uppercase; */color: #333;}
#footnav ul li.head > a{color: #04326e;font-size: 1.1rem;font-family: 'Crimson Pro',serif;font-weight: 500;padding: 0 5px;}
#footnav ul li ul li.head a, #footnav ul li.head ul li.head a{color: #00853E;}
#footnav ul li ul{padding-bottom: 5px;}
#footnav ul li.head ul li a, #footnav ul li.head ul li a, #footnav ul li.head ul li.head ul li a, #footnav ul li ul li a{display:block;color: #666;padding:0;font-size:.97em;line-height:1.6em;}
#footnav ul li ul li a:hover{/* color:#5C96FF; */}
#footnav ul li ul li{ float:none;display:block;padding-left:5px;width:100%;font-weight:normal;text-transform:capitalize; }

.foot_form h2{color:#333;}
.subfooter-nav ul {/* float: right; */display: block;text-align: left;width: 100%;}
.subfooter-nav ul li {  display: inline-block !important;  float: none !important;  }
.subfooter-nav ul li a {  padding: 0 5px !important;  }
.subfooter-nav ul li a:hover {  background: none !important;  }
footer #social { background:#cbd1d8;}
footer #social ul {text-align: center;}

/* ==================== Copyright ==================== */
.copyright {font-size: 12px;text-align: left;padding: 10px 15px;background: #04326e;margin: 0 -15px;}
.copyright a {color: #c6c6c6 !important;padding: 10px;}
.copyright span {display: block;color: #c6c6c6 !important;text-align: right;}
.subpage .copyright{ margin:0;}
/* ==================== Go to top button ==================== ================================================== */
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 10px;right: 0px;z-index: 10;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;background: #04326e;/* border: 1px solid #fff; */visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top i {color: #fff;font-size: 1.4em;text-align: center;line-height: 40px;text-indent: 0;display: block;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: 0 auto;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;  }
.cd-top.cd-is-visible {  visibility: visible;  opacity: 1;  }
.cd-top.cd-fade-out {opacity: .75;}
.cd-top:hover, .no-touch .cd-top:hover {opacity: 1;background: #04326e;border-color:#FFF;}
.cd-top:hover i{ color:#FFF;}

/* ==================== webform post form styles ==================== ================================================== */



.fieldgroup {clear: both;margin: 10px 0;padding: 0;}
.fieldgroup_label {  font-size: 1.5em;  font-weight: bold;  font-family: 'Poppins', sans-serif;  width: 98%;  display: block;  color: #F9A13A;  padding: 5px 1%;  margin: 20px 0 5px 0;  border-bottom: 1px solid #F9A14C;  }
.fieldgroup_desc, .field_desc {  font-style: italic;  color: #1B427D ;  line-height: 1.4em;  padding: 0 3px;  font-size: 0.87em;  margin-bottom: 10px;  clear: both;  }
.fieldrow {  padding: 5px 0;  text-align: left;  display: block;  }
.fieldrow .fieldlabel sup {  color: red;  margin-left: 5px;  }
.fieldrow .fieldval textarea {  width: 80%;  min-height: 100px;  }
.fieldrow .fieldlabel {  display: inline-block;  width: 100%;  margin: 0 0.5%;  text-align: left !important;  margin-right: 20px !important;  }
.fieldrow .fieldval {  display: inline-block;  width: 100%;  margin: 0 0.5%;  vertical-align: top;  }
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {  width: 80%;  }
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button {  width: auto;  }
.fieldrow .fieldval input[type=file] {  border: 1px solid #ddd;  }
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr {  display: none;  }

.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0 5px;}
.newPostTemplate.webform .fieldrow .fieldval input[type=number], .newPostTemplate.webform .fieldrow .fieldval input[type=text], .newPostTemplate.webform .fieldrow .fieldval input[type=tel], 
.newPostTemplate.webform .fieldrow .fieldval input[type=email], .newPostTemplate.webform .fieldrow .fieldval select, .newPostTemplate.webform .fieldrow .fieldval textarea{ width:100%;}
.newPostTemplate.webform .fieldrow .fieldval input[name*='date'], .newPostTemplate.webform .fieldrow .fieldval input[name*='date'],
.webform .fieldrow .fieldval input[name*='date'], .webform .fieldrow .fieldval input[name*='date']{width: calc(100% - 30px);}
.newPostTemplate.webform .fieldrow .fieldval input[type='checkbox']{width:auto; }
.newPostTemplate.webform .fieldrow .desc{ font-size:.84em; color:#777;}
.newPostTemplate.webform .fieldrow .fieldlabel label{font-family: 'Poppins', sans-serif;display: block;font-size: 15px;margin: 0;}
.newPostTemplate.webform .fieldrow .fieldlabel label{}
.newPostTemplate.webform .fieldrow .fieldval label{font-family:'Poppins', sans-serif;font-weight: 400;font-size: 15px;margin: 0;display: inline-block;}
.newPostTemplate.webform .fieldrow .fieldval div[class*="_radio"]{display:inline-block;}


.webform_3.webform .fieldrow .fieldval > div{ display:inline-block; }
.webform .fieldrow .fieldval div[class*="multicheckbox"] {margin-bottom:10px;display: flex;align-content: flex-start;align-items: center;line-height: normal;justify-content: flex-start;}
.webform .fieldrow .fieldval div[class*="multicheckbox"] input {display:inline-block;}

.webform .fieldrow .fieldval div[class*="multicheckbox"] label{font-weight: normal;display:inline-block;margin-bottom: 0;font-size: 14px;}
.webform .fieldrow .fieldval div[class*="multicheckbox"] div[id*="_desc"]{ padding-left:20px;}

/* ====================small size grid style declarations==================== ================================================== */
@media (min-width: 580px) {  
/* ==================== multi level footer menu ==================== ================================================== */
.footer-nav ul {display: block;clear: none;width: 100%;}
.footer-nav > ul > li {vertical-align: top;list-style: none;/* margin: 10px 15px 10px 0; */}
.footer-nav ul li a, .footer-nav ul li span {/* padding: 0; */}
.footer-nav ul li.head {display:inline-block;vertical-align: top;min-width: 40%;}
.footer-nav ul li.head > ul {  padding-left: 4px;  }
.footer-nav ul li.head li.head ul {  padding-left: 0;  }
.footer-nav ul li.head li.head >a {  margin-left: -5px;  }
 }

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
	.Navigation {transition: margin .5s ease;}
	.Navigation .container{/* width:98%; *//* max-width: none; */}
	body.subpage .Navigation {  margin-top: 0;  }

	/* ==================== webform styles ==================== ================================================== */
	.fieldrow .fieldval select {width: 80%;padding: 8px 5px;}
	.fieldrow .fieldval input {  width: 80%;  }
	.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] {  width: auto;  }
	.fieldrow .fieldval {  display: inline-block;  vertical-align: top;  width: 60%;  margin: 0;  text-align: left;  }
	.fieldrow .fieldlabel {  width: 30%;  min-width: 10%;  }
}
  
@media (min-width: 1200px) {  
   .Navigation .container{width: auto;max-width: 1140px;}
}

/* ==================== taoCMS Components and Modules ==================== ================================================== */
/* ==================== Image Slider ==================== ================================================== */

/* slide show */
/* slide show */
.sliderContent {  height: 100%;  position: relative;  overflow: hidden;  width: 100%;  float: none;  }
.sliderContent div.base {position: absolute;width: 100%;height: 100%;right: 0;opacity: 1;display: none; /* Safari 6.0 - 9.0 */}
.sliderContent div.base .container .sliderData {/* width: 75%; */text-align:left;}
.sliderContent div.base .img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;background-repeat: no-repeat;background-size: cover;background-position: top center;background-attachment: fixed;/* -webkit-filter: grayscale(100%); *//* filter: grayscale(100%); */}
.sliderContent div.base .img img{/* height: 100%; *//* width: 100%; *//* max-height: 100vh; */display: block;margin: 0 auto;}
.sliderContent div.base.Video .img {  display: none;  }
.sliderContent div.base .sliderData{position: absolute;width: 100%;z-index: 99;bottom: 0;padding: 10px;}

.sliderContent div.activeSlide { display: block; right: 0; }
.slider_block div.container {height: 100%;}
.sliderContent div.base div.caption {position: relative;z-index: 5;/* width: 55%; */padding: 10px;color: #FFF;max-width: 100%;margin: 0;top: 0;display: none;}
.sliderContent div.base div.caption * {color: #FFF;}
.sliderContent div.base div.caption a{font-weight: 400;display: inline-block;}
.sliderContent div.base div.caption p {color: #333;}
.sliderContent div.base div.caption h1{margin: 0 0 10px;font-size: 4em;}
.sliderContent div.base div.caption h2{font-size: 4em;font-family: 'Poppins', sans-serif;color: #04326e;margin: 0 0 10px;/* text-shadow: 0px 1px 2px #5e5e5e; */}
.sliderContent div.base div.caption h2 span.block{ display:block;}
.sliderContent div.base div.caption h3{font-family:'Poppins', sans-serif;font-size: 2em;color: #fff;}
.sliderContent div.base div.caption h4{font: 300 16px/24px 'Poppins', sans-serif;}
.sliderContent div.base div.caption h5{ font-size:.84em; line-height:1.18em;}
.sliderContent div.base div.caption .background{margin-bottom: 5px;display: inline-block;}

.sliderContent div.base div.caption.capcolorBrown *{color:#3B2A22;}
.sliderContent div.base div.caption.capcolorBlack *{color:#333;}
.sliderContent div.base div.caption.capcolorWhite *{color:#fff;}

/*caption Video*/
.sliderContent div.base.slShow div.caption.Video {  width: 100%;  max-width: none;  text-align: center;  position: relative;  height: auto;  padding: 0;  border: 0;  margin: 0;  }
.sliderContent div.base.slShow div.caption.Video h3 {  text-align: left;  margin: 0;  margin-left: 15px;  padding: 0;  display: none;  }
.sliderContent div.base.slShow div.caption.Video iframe {  height: 400px !important;  width: 100%;  }
.sliderContent div.base.slShow div.caption.Video a, .sliderContent div.base.slShow div.caption.Video p {  padding: 0;  margin: 0;  }

/* caption positions*/
.sliderContent div.base.slShow div.caption.Top-Left {  top: 2%;  left: 0;  }
.sliderContent div.base.slShow div.caption.Top-Center {top: calc(0px + 150px);left: 50%;-webkit-transform: translateY(-12%) translateX(-50%);-ms-transform: translateY(-12%) translateX(-50%);transform: translateY(-12%) translateX(-50%);}
.sliderContent div.base.slShow div.caption.Top-Center * {  text-align: center !important;  }
.sliderContent div.base.slShow div.caption.Top-Right {  top: 2%;  left: 100%;  -webkit-transform: translateY(-2%) translateX(-100%);  -ms-transform: translateY(-2%) translateX(-100%);  transform: translateY(-2%) translateX(-100%);  text-align: right !important;  }
.sliderContent div.base.slShow div.caption.Top-Right * {  text-align: right !important;  }
.sliderContent div.base.slShow div.caption.Middle-Left {  top: 50%;  left: 0%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  display: block !important; }
.sliderContent div.base.slShow div.caption.Middle-Center {top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}
.sliderContent div.base.slShow div.caption.Middle-Center * {  text-align: center !important;  }
.sliderContent div.base.slShow div.caption.Middle-Right {  top: 50%;  left: 100%;  -webkit-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);  }
.sliderContent div.base.slShow div.caption.Middle-Right * {  text-align: right !important;  }
.sliderContent div.base.slShow div.caption.Bottom-Left {  top: 100%;  left: 0%;  -webkit-transform: translateY(-100%);  -ms-transform: translateY(-100%);  transform: translateY(-100%);  }
.sliderContent div.base.slShow div.caption.Bottom-Center {  top: 100%;  left: 50%;  -webkit-transform: translateY(-100%) translateX(-50%);  -ms-transform: translateY(-100%) translateX(-50%);  transform: translateY(-100%) translateX(-50%);  }
.sliderContent div.base.slShow div.caption.Bottom-Center * {  text-align: center !important;  }
.sliderContent div.base.slShow div.caption.Bottom-Right {  top: 100%;  left: 100%;  -webkit-transform: translateY(-100%) translateX(-100%);  -ms-transform: translateY(-100%) translateX(-100%);  transform: translateY(-100%) translateX(-100%);  }
.sliderContent div.base.slShow div.caption.Bottom-Right * {  text-align: right !important;  }
.sliderContent div.base div.caption div {  margin-top: 0px;  }
.sliderContent div.base div.caption div a {text-align: center;color: #FFF;margin:;}
.sliderContent div.base.slShow div.caption {display: inline-block;position: relative;z-index: 1;/* border: 2px solid #9f6849; */}
.sliderContent div.base.slShow div.caption.No-Background {  background: none !important;  }

/*Caption Backgrounds*/
.sliderContent div.base div.caption.White {  background: rgba(255,255,255,0.65);  }
.sliderContent div.base div.caption.Yellow {  background: rgba(191, 130, 54, 0.65);  color: #FFF!important;  }
.sliderContent div.base div.caption.Yellow * {  color: #FFF;  }
.sliderContent div.base div.caption.Blue {  background: rgba(62, 77, 92, 0.65);  }
.sliderContent div.base div.caption.Blue * {  color: #FFF;  }
.sliderContent div.base div.caption.Black {  background: rgba(0, 0, 0, 0.65);  }
.sliderContent div.base div.caption.Black * {  color: #FFF;  }
.taoNav {margin-top: -30px;position: relative;z-index: 98;text-align: center;/* display: none; */}
.taoNav a {margin: 2px 6px;display: inline-block;vertical-align: middle;padding: 0;border: 0;border-radius: 2px;-webkit-border-radius: 2px;-ms-border-radius: 2px;-moz-border-radius: 2px;color: #04326e;background: #04326e;cursor: pointer;font-size: 0;width: 28px;height: 6px;line-height: 0;text-align: center;}
.taoNav a.active {  background: #04326e;  color: #04326e;  }
.taoNav a:hover {  text-decoration: none;  }

/* ==================== Tao Slider Thumb Menu ==================== ================================================== */
#slides .taoTab_blk { position: absolute; bottom: 0; left: 0;  width: 100%; z-index: 10; float: none;clear: both;text-align: center;}
#slides .taoTab_blk .taoTab {background: #F0AAAC; display: inline-block;  margin: 0 auto; color: #FFF; line-height: 1.2em; width: 10%;margin: 0 1px;position: relative;}
#slides .taoTab_blk .taoTab .tab {display: block;  height: 100%;width: 100%;}
#slides .taoTab_blk .taoTab  h3 {color: #FFF; }
#slides .taoTab_blk .taoTab:hover { background: #808285; cursor:pointer; } 
#slides .taoTab_blk .taoTab.active { }
#slides .taoTab_blk .taoTab img {   width: 23%;  padding: 1px;   margin-right: 5px;   float: left;   border: 1px solid #DDD;     position: relative;     left: 2%;   top: 50%;     -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);     transform: translateY(-50%);}
#slides .taoTab_blk .taoTab span { display: block; text-align: center; margin: 0 auto; padding: 20px; position: relative;        }
#slides .taoTab_blk .taoTab.active .tab{ background: #808285; }
/* subpage_slider*/
.subpage_slider {  padding: 100px 0; background-position: center center;  background-attachment: fixed;  background-size: cover;  }

/* tao directional nav */
.directionNav a{position:absolute;z-index: 99;top: calc(50% - 25px);width: 40px;height: 40px;text-align:center;font-size:0;/* opacity: 0; */cursor:pointer;transition: all .5s ease;background: #808285;border-radius: 50px;overflow: hidden;padding: 10px;}
.directionNav a.prevNav{left: -200px;right:auto;}
.directionNav a.nextNav{right: -200px;}
.directionNav a.prevNav:before{content:'';display:block;height: 1px;/* border-top: 2px solid #ddd; */-moz-transform-origin: 0 100%;-ms-transform-origin: 0 100%;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;left: 30%;right: 30%;height: 1px;background-color: #ffd274;top: 50%;}
.directionNav a.prevNav:after{content:'';display:block;height: 1px;-moz-transform-origin: 0 100%;-ms-transform-origin: 0 100%;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 30%;right: 30%;height: 1px;background-color: #ffd274;top: 50%;}
.directionNav a.nextNav:before{content:'';display:block;height: 1px;bord;-moz-transform-origin: 0% 100%;-ms-transform-origin: 0 100%;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;left: 30%;right: 30%;height: 1px;background-color: #ffffff;top: 50%;}
.directionNav a.nextNav:after{content:'';display:block;height: 1px;bord;-moz-transform-origin: 0% 100%;-ms-transform-origin: 0 100%;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 30%;right: 30%;height: 1px;background-color: #ffffff;top: 50%;}

/* home */
/*login*/
.changepass, .general_login {max-width: 370px;margin: 0 auto;text-align: left;padding: 10px;border: 1px solid rgb(233, 233, 233);}
.general_login div.logintitle {  background: transparent;  color: #0d3c8a;  font-size: 18px;  line-height: 25px;  font-weight: normal;  }
.general_login div.loginmessage {  font-style: italic;  margin-bottom: 20px;  }
.changepass div.row, .general_login div.row {margin: 8px 0px;text-align: left;display: block;}
.changepass {max-width: 420px;} 
.changepass div.row label, .general_login div.row span.label {  text-align: right;  padding-right: 7px;  min-width: 100px;  font-weight: bold;  display: inline-block;  }
.changepass div.row label {  font-weight: normal;  min-width: 125px;  }
.changepass div.row span, .general_login div.row span.formw {  display: inline-block;  vertical-align: middle;  }
.changepass div.row span input {  max-width: 190px;  }
.general_login div.loginbtn {  margin-left: 100px;  display: inline-block;  text-align: center;  }
.general_login div.forgotpassword {  vertical-align: middle;  display: inline-block;  }
.general_login .errmsg {  color: #08364c;  font-size: .84em;  padding: 0;  text-align: center;  overflow: hidden;  }
#filter {  display: none;  }

/* =============================================== ================================================== =============================================== ================================================== Custom Styles =============================================== ================================================== =============================================== ================================================== */
/*navigation */
.form-btn {  padding: 10px 10px;  cursor: pointer;  position: relative;  float: right;  text-align: center;  right: 0;  margin: 3px 0;  color: #fff;  }
.nav-icon a {  color: #3f3f41;  line-height: 75px;  display: block;  padding: 0 5px;  }
.nav-icon a:hover, .nav-icon.nav-collapsed a:hover {  text-decoration: none !important;  background: none !important;  color: #08364c !important;  }
.nav-icon {  float: right;  font-size: 30px;  line-height: 75px;  position: relative;  z-index: 99;  right: 0;  top: 0px;  margin: auto;  padding: 0 7px;  color: #08364c;  }
.nav-icon a:hover, .search-btn.search-on, .search-btn:hover {  background: #08364c;  color: #FBFBEA;  }
.nav-icon.nav-collapsed {  z-index: 102;  }
.nav-icon.nav-collapsed a {  color: #04326e !important;  }
.nav-icon.nav-collapsed a span:before {  content: "\f00d";  }

/* side navigation*/
.side-nav {  margin-top: 20px;  }
.side-nav ul{list-style:none; margin:0; padding:0;}
.side-nav ul li a {border-bottom: 1px solid #dddddd;font-size: .9em;color: #04326e;display: block;padding: 10px 10px;}
.side-nav ul li a:before{content:"\f0da";font-family: 'FontAwesome';display: inline-block;margin-right: 5px;}
.side-nav ul li: last-child a {  border: 0;  }
.side-nav ul li a:hover {color: #1B427D ;}

#slides:hover a.nextNav{right: 0;transition: all .5s ease;opacity:1;}
#slides:hover a.prevNav{left: 0px;transition: all .5s ease;opacity:1;}

/*modal*/
.modalData{/* display:none; */}
.modal.show .close{position:absolute;right: -25px;top: -25px;background: red;z-index: 100;text-shadow: none;color: #FFF;line-height: 25px;width: 25px;font-size: 24px;padding:0;}
.modalData_img img{max-height: 500px;display: block;margin: 0 auto;}
.modalData_lnk{ text-align:center;}
.modalData_lnk a{margin: 5px;}
.modal.show .modal-body{position:relative; padding:0;}
.modal.show .modal-body iframe{ border:0; width:100%;}
.modal.show .modal-content{border:0;box-shadow:none;border-radius: 0;background: transparent;}

/*footer*/
footer .nav-bar.nav-center {  text-align: left;  }
footer nav.nav-bar a:hover {  color: #04326e ;  }

/* gallery */
.Gallery {background: #2B2F6C;}
.hide { display: none; }
#imageoverlay {position: fixed;top: 0;left: 0;z-index: 999;background: transparent;width: 100%;height: 100%;}
.overlay {position: absolute;z-index:1121;width: 100%;height: 100%;top: 0;background: rgba(9,9,9,0.9);left: 0;}
.taoGalleryBox {width: 100%;padding: 0%;z-index:1121;height: 100%;top: 0;/* background: rgba(9,9,9,0.9); */position: relative;}
.no-rgba #gcontent {background: #333; }
#gimage {text-align: center;position: relative;}
#gimage img { background: #FFF; padding: 5px; border: 1px solid #EEE;  }
#gimage p{margin:0;position: absolute;bottom: 0;width: 100%;text-align: center;}
#gimage p a{display:inline-block;padding:5px;color: #333;border: 1px solid #777;line-height:10px;font-size: 12px;background: #fff;}
#gimage p a:hover{ background:#04326e; color:#333;}
#gcontent {/* float: left; */width: 85%;line-height: 1.3em;margin: 15px auto;padding: 0;color: #CCC;display: none;word-break: break-all;}
#gcontent div { margin: 5px 0;    }
#gcontent label { display: block; color: #FFF; font-size: 1.2em; }
#gcontent span { display: block; }
#gnav {position: absolute;bottom: 5%;right: 5%;/* width: 50%; */z-index:1122;text-align: right;}
#gnav a {margin-left: 10px;color: #FFF;display: inline-block;padding: 2px 15px;border: 1px solid #fff;}
#gnav a:hover{ background:#fff; color:#333;}
#gclose {position: absolute;z-index:1122;top: 0%;right: 5%;color: #777;background: #04326e;padding: 5px 15px;color: #FFF;text-align: center;}
.gwait {position: fixed; width: 100%; height: 100%; top: 0;left: 0; margin: 0 !important; font-size: 0;}
.gwait:before{content:"\f110";font-family:FontAwesome;font-size:36px;line-height:40px;margin-top: 0 !important;color: #fff;position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;margin: auto !important;height: 40px;width: 40px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8);}

.gallerylist { float: left;   padding: 1% .5%;  margin: 1%;   border: 1px solid #04326e; width: 30%;  position: relative;  text-align: center;    }
.gallerylist a { display:block; width: 180px; height: 120px; margin: 0 auto; overflow: hidden;}
.gallerylist img { max-width: 100%; background: #04326e;  }
.gallerylist a:hover img, .gallerylist a img:hover{ opacity:.75; }
.gallerylist h3 { margin: 0; margin-top: 5px; text-align: center; font-size: 1.1em;}
.gallerylist p { display: none; }
.imageGallery {text-align:center;}
.imageGallery a {background: #fff;height: 120px;border: 1px solid rgba(255, 255, 255, 0.3);width: 180px;margin: 2px;overflow: hidden;text-align: center;vertical-align: middle;position: relative;text-align: center;overflow: hidden;display: inline-block;}
.imageGallery a .gContent { display: none; }
/* .imageGallery a img { width: 100%;} */
.imageGallery a:hover img { opacity: .75;}


/* ====================paging ====================
   ================================================== */
.gallery_next_link{ float:right; }
.gallery_home_link, .gallery_prev_link{ float:left;}

.gallery_home_link a, .gallery_next_link a, .gallery_prev_link a{display:inline-block;padding:5px 15px;font-weight:500;color: #333;border: 1px solid #333;}
.gallery_prev_link a:before, .gallery_next_link a:after{ content:"\f178"; font: normal normal normal 14px/1 FontAwesome; display:inline-block; vertical-align:middle; margin-left:7px;}
.gallery_prev_link a:before{content:"\f177"; margin-right:7px; margin-left:0;}
.gallery_prev_link a:hover, .gallery_next_link a:hover{ background:#04326e; color:#FFF;}

#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links {clear:both;text-align: center;margin: 10px 0;margin-top: 50px;float: none;}
#form_paging_links:after, #calendar_paging_links:after, #paging_links:after, #newschannel_paging_links:after, .gallery_paging_links:after {content:''; display:table; clear:both;}
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span{display: inline-block;text-align: center;margin: 2px;}

#newschannel_paging_links span.gallery_prev_link_inactive, #newschannel_paging_links span.gallery_next_link_inactive,   #form_paging_links span.gallery_prev_link_inactive, 
#paging_links span.prev_link_inactive, #paging_links span.next_link_inactive{ display:none;}

#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover, #paging_links span.currentpage, 
.paging span.currentpage {background: #04326e;color: #FFF;}

#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, 
#calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, 
.gallery_paging_links span a:hover {background: #04326e;text-decoration: none;color: #FFF;border: 1px solid #04326e;}    

#paging_links span a, .gallery_paging_links span a {color: #333;display: block;border: 1px solid #333;padding: 5px 15px;}
#paging_links span.next_link {width:auto;}
.gallery_prev_link_inactive, .gallery_next_link_inactive, .gallery_paging_links span.gallery_prev_link_inactive{ display:none;} 


/*home*/
.randomImage { text-align:center;}
.randomImage img{display:block;margin:0 auto;float: none;height: auto !important;width: auto !important;max-width: 100%;}

/*handbook*/
.ContentNav ul { list-style:none; padding:0; margin:0; padding-left:10px;}
.ContentNav ul li { margin-bottom:5px;}
.ContentNav ul li a{font-weight:bold;display:inline-block;margin-right: 5px;}

/*board*/
.boardRow {display:flex;flex-direction: row;align-items: center;}
.boardRow img{padding: 0 15px;max-width: 200px;}

#county_list ul {list-style:none;margin:0;padding:0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
#county_list ul li {min-width: 33.33%;margin-bottom: 10px;}

.countyGroup h2{border-bottom: 1px solid #04326e;padding: 0px 10px;}


.B_MaterialRow a[href*=".pdf"]:before{content: "\f1c1";font-family:FontAwesome;font-size: 16px;display:inline-block;vertical-align: middle;margin-right: 5px;line-height: 0;}



/* ====================mobile css ==================== ================================================== */
@media (min-width: 460px) {  }

@media (min-width: 580px) {  }

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
	.subpage-content-block.page-content-block {  margin: 20px 0;  }
	/*footer*/
	.footer-logo a {  display: inline-block;  vertical-align: top;  }
	.footer-logo a img {  max-height: 70px;  }
	.modal-dialog{ max-width:65%;}
}

@media (min-width: 991px) {  }

@media (min-width: 1200px) {  
	.logo {  margin-top: 0;  }
}

@media all and (min-width: 0px) and (max-width: 1199px) {  
	.sliderContent div.base div.caption p {  margin: 0;  line-height: 1.1em;  }
}

@media all and (min-width: 0px) and (max-width: 1080px) {  
	#socail > span {  display: block;  line-height: normal;  }
	#socail li a:after {  line-height: normal;  font-size: 25px;  margin: 0 2px;  }
}

@media all and (min-width: 0px) and (max-width: 991px) { 
    .mobileTop {display: flex;width: 100%;flex-direction: column;justify-content: space-around;align-items: flex-end;align-content: flex-end;flex-wrap: nowrap;padding: 3px 0;} 
    .searchBlock{ margin:0;}
	.HeaderMenu>ul>li {  padding: 0 7px;  }
	.Header .HeaderMenu{  display: none;  }
	.no-pageHeader.subpageHeader-block{min-height: 5px;background:#04326e;}
	.sliderContent div.base div.caption h1 {  font-size: 2.2em;  line-height: 1.4em;  font-weight: 600;  text-align: center;  margin: 0;  }
	.sliderContent div.base div.caption h2 {font-size: 5em;text-align: center;}
	.sliderContent div.base div.caption h3 {font-weight: 400;text-align: center;font-size: 20px;line-height: 18px;margin: 0;}
	.sliderContent div.base div.caption h4 {  font-weight: 400;  text-align: center;  font-size: 13px;  line-height: 16px;  margin: 0;  }

}

 @media all and (min-width: 0px) and (max-width: 880px) {  
	.sliderContent div.base div.caption {  -webkit-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);  left: 100%;  top: 50%;  float: none;  }
	.sliderContent div.base div.caption p {  line-height: 1.6em;  }
 }

@media all and (min-width: 0px) and (max-width: 779px) { 
    .searchBlock input[type=text] {width: 100%;}
    .backbutton{height: 124px;}
	.page-content-block {  margin-top: 20px;  padding-top: 0px;  }
	.logo img {max-width: 280px;}
	/* header */
	.nav-top {  margin-top: 0;  }
	.nav-top li a {  padding: 8px 6px !important;  }
	.header {  padding: 0px 0;  border: 0;  }
	.header > .container {  width: 98%;  }
	.Header.headBg{padding: 0;}
	.Header.headBg .logo{margin: 0;}
	.Navigation .NavbarToggle {z-index: 1;display: block;float: right;margin: 0;height: auto;}
    .NavbarToggle i {padding:10px 0px;}
	.sliderContent div.base img {/* max-width: none; *//* top: 0; *//* left: 50%; *//* -webkit-transform: translateY(0%) translateX(-50%); */-ms-transform: translateY(0%) translateX(-50%);/* transform: translateY(0%) translateX(-50%); */}
	.sliderContent div.base div.caption h1 {  font-size: 2.2em;  line-height: 1.4em;  font-weight: 600;  text-align: center;  margin: 0;  }
	.sliderContent div.base div.caption h2 {/* font-size: 1.4em; */text-align: center;}
	.sliderContent div.base div.caption h3 {  font-weight: 400;  text-align: center;  font-size: 20px;  line-height: 18px;  margin: 0;  }
	.sliderContent div.base div.caption h4 {  font-weight: 400;  text-align: center;  font-size: 13px;  line-height: 16px;  margin: 0;  }
.sliderContent div.base.slShow div.caption.Top-Center {top:20%;left: 50%;-webkit-transform: translateY(-20%) translateX(-50%);-ms-transform: translateY(-20%) translateX(-50%);transform: translateY(-20%) translateX(-50%);}
	/* navigation */
	.nav-top ul {  margin: 0 !important;  }
	#main-navigation {  position: fixed;  overflow-y: auto;  width: 0;  height: 100%;  margin-bottom: 0;  z-index: 1;  left: 0;  top: 0;  background: #08364c;  display: none;  }
	#main-navigation.navbar-block {  display: block;  }

	/* ====================nav bar==================== ================================================== */
	footer .footer-bg {  background-position: center bottom;  }
	#footnav > ul {display:block;text-align: center;}
	.footer-nav > ul > li {  vertical-align: top;  }
	.footer-nav-block { clear: both;  }
	.footer-logo, .newsletter {  width: 100%;  float: none;  }
	.copyright,	.subfooter-nav ul, .copyright span{ text-align:center;}
	.slider-block{padding-top: 80px;}
	footer .address {text-align:center;border-bottom: 1px solid #ddd;}
    #gimage, #gcontent {float:none;width:100%;height: auto;margin: 0 auto;}
    #gcontent{margin:15px auto;width: 85%;}
    #gimage img {margin:auto !important;margin-top: 45px !important;width: auto !important;height: auto !important;max-width: calc(100% - 10px);}
}

@media all and (min-width: 0px) and (max-width: 639px) {  
	.sliderContent div.base div.caption {  width: 100%;  min-width: 100%;  max-width: 100%;  transform: none; padding: 0;  left: 0;  top: auto;  background: none;  }
	#slides .sliderContent div.base .img {width: 100%;/* position: relative; */}

}

@media all and (min-width: 0px) and (max-width: 579px) {  
	.logo img, .Header.headBg .logo img {}
	.nav-icon a, .nav-icon {  line-height: 74px;  }
	.sliderContent div.base div.caption h1 {  font-size: 1.8em;  }
	.sliderContent div.base div.caption h2 {  font-size: 1.4em;  line-height: 1.4em;  }
	.sliderContent div.base div.caption h3 {  font-size: 1.2em;  border: 0;  margin: 0;  padding: 0;  }
	.sliderContent div.base div.caption h4 {  font-size: 1.0em;  line-height: 1.2em;  }
	.sliderContent div.base div.caption h5 {  font-size: .84em;  line-height: 1.18em;  }
	 .subpage-content-block.page-content-block {  margin-top: 129px;  }
	footer .footerMenu, footer .contact {  float: none;  }
	.footer-nav {  margin-bottom: 0;  text-align: center;  }
	.footer-nav > ul {  display: block;  width: 100%;  }
	.footer-nav > ul > li, .footer-nav ul li a {  display: block;  text-align: center;  }
	footer .address p {  text-align: center !important;  margin-top: 20px;  }
	.subfooter-nav ul,.copyright span {  display: block;  text-align: center;  float: none;  }
	.subfooter-nav ul {  margin: 0 auto;  display: block;  }
	.subfooter-nav ul li {  float: none;  display: inline-block;  }
	#socail li {  margin: 0 2px;  }
	.sliderContent div.base div h2.display-1{font-size: 4em;font-weight:900;}
}

@media (max-width: 460px) and (min-width: 0px) {  
	.logo img {max-width: 100%;}
	.nav-top {  position: relative;  text-align: right;  }
	.Header .topNav ul li a{padding: 3px;}
    .searchBlock input[type=text] {width: 160px;}	
	#socail > span {  display: inline-block;  vertical-align: middle; font-size: 11px;  }
	#socail li a:after {  font-size: 20px;  margin: 2px;  }
	.subpageHeader-block {margin-top: 0;/* height: 320px; */}
	.boardRow  { display:block; text-align:center; border:1px solid #dddd;}
	.boardRow * {text-align:center;}
	#county_list ul {/* display:block; */}
	#county_list ul li {min-width: 50%;text-align: center;} 
}

@media all and (min-width: 0px) and (max-width: 380px) {  
    .searchBlock form { float:none;}
    .searchBlock input[type=text]{ width:100%;}  
    .Header .topNav ul {text-align:center;}
    .Header .topNav ul li a { padding:0 3px;}
    .mobileTop { display:block;}
	.slider_block { min-height: 100% !important;  }
	.logo { max-width:100%;}
	.logo a {  letter-spacing: 0px;  }
	.logo img {}
	.logo .tag {  letter-spacing: 1px;  font-size: 15.5px;  }
	.search-btn, .nav-icon {  margin: 0 5px;  padding: 0;  }
	.footer-nav > ul > li {  display: block;  width: auto;  }
	.Header.headBg .logo, .logo{}
	.logoBlock span{font-size: 2.2em;}
	.NavbarToggle{height: 54px;}
	.slider-block{/* padding-top:54px; */}
	.sliderContent div.base div h2{font-size: 1.8em;}
	.sliderContent div.base div h2.display-1{ font-size:2.4em;}
}

@media all and (orientation: landscape) and (min-height: 100px) and (max-height: 540px) {  
  .sliderContent div.base div {}
  #gimage img {margin:0 !important;padding: 0;}
}
