html {overflow-y:scroll;overflow-x:hidden;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;color: #555;}
body {display: flex;flex-direction: column;height: 100%;font: 15px/1.6 'Roboto Flex', sans-serif;font-weight:300;position: relative;padding: 0;margin: 0;}
#layout { flex: 1 0 auto; }
.footer {flex-shrink: 0;}
#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,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;  position: relative;  background: #04326e;  color: #ffffff;  border: none;  text-transform: uppercase;  font-family: 'Roboto Flex', 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: #001e8a;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: #001e8a;}
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: #555;text-align: left;text-rendering: optimizelegibility;font-family: 'Jost', sans-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: inherit;  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: #98002E;cursor: pointer;padding: 13px 28px;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: #98002E;color: #FFF;}
input[type=button]:focus,input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active, .button:focus {background: #001e8a; color:#FFF;}
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:'Roboto Flex', 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:'Roboto Flex', 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:'Roboto Flex', 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:'Roboto Flex', 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;  }
input[type=radio] {  display: block;  float: left;  margin-right: 10px;  }
.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:'Roboto Flex', sans-serif;  font-weight: bold;  display: block;  font-size: 16.8px;  }
.error {  color: #9f6849;  font-family:'Roboto Flex', sans-serif;  font-size: 0.9em;  display: block;  }
input[type=email],input[type=password],input[type=tel],input[type=text],input[type=number], select,textarea, input[type="file"] 
{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;  }
input[type=radio] {  display: block;  float: left;  margin-right: 10px;  }

.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: #FFF;}
#layout:after{content:'';display:block;position:absolute;width:100%;height: 100%;top:0;left:0;z-index: -1;/* opacity: .6; */background-attachment: fixed;background-size: 400px;}
#wrapper {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: #d8d8d8;position: relative;z-index: 2;}
.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;  }
.breadcrumb {padding: 15px 0;margin-bottom: 0;color: #FFF;font-size: .86em;clear: both;background: transparent;}
.breadcrumb a {  font-size: .84em;  color: #FFF;  }

.flwdth.caption {background: #eee;padding: 25px 0;text-align:center;}
.flwdth.caption h4{text-align:center;}

.subpage-content-block.main-content-block .container  .row div > h1:first-child{text-transform:uppercase;font-size: 2.3em;font-weight:800;color: #04326e;}

/*Subpage Header*/
.subpageHeader-block {margin-top:0;padding-top: 130px;height: auto;border-bottom: 1px solid #c8c8c8;}
.subpageHeader-block.no-pageHeader{margin-top: 0;}
.subpageHeader-block img{ border:1px  solid #ddd;}
.subpageHeader-block .county_map img{ border:none;}
.breadcrumbWrapper {padding: 0;}
.breadcrumbWrapper a{font-size:0.9em;color: #999;}
.breadcrumbWrapper a:hover{ color:#087482;}

/* ====================header ==================== ================================================== */
.Header h1 {  display: none;  }
.Header {position: fixed;width: 100%;z-index: 999;padding: 0;top: 0;left: 0;background: transparent;transition: all .3s ease;background: #FFF;}
.Header .headerWrapper {background: #fff;padding: 0 15px;} 
.Header .headerRight { flex:1;/* background: #FFF; *//* display: flex; *//* flex-direction: column; */}
.Header .headerRight .headerTop, .Header .logoWrapper {background: #FFF;}
.Header .Navigation{position:relative;z-index:2;padding: 0;}
Header > nav.Navigation {}
.Header .headerTopInner { display:flex;flex-direction: row;align-items: center;/* background: #FFF; *//* height: 100%; */width: 100%;align-content: flex-end;justify-content: flex-end;flex-wrap: wrap;}
.Header .headerTopInner .topNav  { margin: 5px 0;}
.Header .headerTopInner .topNav ul {display:flex; list-style:none;justify-content: flex-end;flex-direction: row;align-items: center;}
.Header .headerTopInner .topNav ul li { display: block; }
.Header .headerTopInner .topNav ul li a{ color: #ffffff;  font-size: 1.0em;padding: 5px 10px;background: #98002E;border: 1px solid #98002E;margin: 0 5px;display: block;/* text-transform: uppercase; */font-weight: 400;font-family: 'Jost', sans-serif;}
.Header .headerTopInner .topNav ul li.Portal a { background:#001E8A; border: 1px solid #001E8A;}

body.subpage .Header .headerWrapper {/* background: #FFF; *//* box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 30%); */}

.logoWrapper {position: relative;z-index: 999;left: 0;top: 0;margin: 0px;padding: 0px;}
.logoWrapper img {position: relative;display: block;vertical-align: middle;width: 100%;max-height: 150px;/* padding: 15px; */transition: all .3s ease;margin: 0 auto;}

.mobileTop {display:flex;flex-direction: column;justify-content: space-between;align-items: flex-end;align-content: space-around;height: 100%;}
.Header .topnav {margin: 0;}
.Header .topnav ul, #newTopNav ul{list-style:none;display:block;margin:0;padding:0;text-align:right;}
.Header .topnav ul li, #newTopNav ul li {display:inline-block;vertical-align: middle;}
.Header .topnav ul li a{display:block;padding: 5px 8px;color: #FFF;font-size: 1.1em;font-family: 'Roboto Flex', sans-serif;font-weight: 400;}
.Header .topnav ul li ul { position:absolute; width: 125px; right: 0; top: 29px; margin: 0; text-align: right; display:none; background: #333;}
.Header .topnav ul li ul li { float:none; width: 85%; border-bottom: 1px solid #134C3D;} 
.Header .topnav ul li:hover ul { display:block;}

#newTopNav ul  {margin: 2px 0;margin-bottom: 20px;}
#newTopNav ul li a{display:inline-block;vertical-align: middle;padding: 4px 10px;color: #FFF;background: #087482;border-radius: 7px;font-size: .85em;}
#newTopNav ul li.phone a, #newTopNav ul li.contact a {background:none;color:#087482;font-family: 'Roboto Flex', sans-serif;font-weight:700;font-size:.9em;}
#newTopNav ul li.phone a:before, #newTopNav ul li.contact a:before{content:"\f098";font-family:FontAwesome;font-size: 18px;display: inline-block;vertical-align: middle;margin: 0 2px;line-height: 22px;} 
#newTopNav ul li.contact a:before {content:"\f0e0";}



.Navigation__body {/* background: #001E8A; */align-items: end;/* box-shadow: 0px 1px 2px rgb(0 0 0 / 20%); */height: 100%;}
.Navigation__body > .navIcon {display:none;}
.HeaderMenu {padding: 0;margin: 0;/* background: #001E8A; */height: 100%;}
.HeaderMenu .navbar {padding:0;align-items: center;justify-content: center;align-content: center;height: 100%;}
.HeaderMenu ul#topnav {list-style: none;margin: 0;padding: 0;display: flex;flex-grow: 1;align-items: center;justify-content: flex-start;height: 100%;flex-direction: row;flex-wrap: nowrap;}
.HeaderMenu ul li {}
.HeaderMenu nav>ul>li {padding: 0;text-align: center;position:relative;/* margin: 7px 0; */}
.HeaderMenu nav>ul>li:last-child a{border:0;}
.HeaderMenu nav>ul>li a, .HeaderMenu nav>ul>li span {color: #001e8a;display: block;padding: 8px 12px;font-family: 'Roboto Flex', sans-serif;font-size: 1em;cursor: pointer;font-weight: 500;/* 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: 200px;margin-top: 0;background: #98002E;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: #ffffff;padding: 8px 15px;font-size: 0.85em;text-transform: unset;text-align: left;font-family:'Roboto Flex', sans-serif;font-weight: 400;}
.HeaderMenu nav>ul>li:hover > ul { display:block; }
.HeaderMenu nav>ul>li:hover > a, .HeaderMenu nav>ul>li:hover span{color: #FFF;background: #98002E;}
.HeaderMenu nav>ul>li.currentitem > a{color: #FFF;background: #98002E;}

.HeaderMenu nav>ul>li.home a{font-size: 0;vertical-align: middle;padding: 10px;} 
.HeaderMenu nav>ul>li.home a:before{content:"\f015";color: #001e8a;font-family: FontAwesome;margin: 0;font-size: 20px;font-weight: normal;line-height: initial; display: block;}

.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: #001e8a;}
.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 ul li ul li a:hover{background: #b3381c ;}
.HeaderMenu nav>ul>li.selected a{color: #b3381c;border-bottom-color: #b3381c;}


.HeaderMenu nav>ul>li.home.currentitem a{background:none;}
.HeaderMenu nav>ul>li.home:hover a{background: #98002E; color: #FFF;}
.HeaderMenu nav>ul>li.home:hover a:before{ color:#FFF;}

.Sidebar__body {background-color: #fff;min-width: 300px;height: 100%;margin: auto;left: 0;bottom: 100%;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 9999;-webkit-transition: right .3s ease-in-out;transition: bottom .3s ease-in-out;}
.Sidebar.show .Sidebar__body {bottom: 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: #555;text-decoration: none;display: block;padding: 5px 10px;text-transform: uppercase;/* border-top: 1px solid #444; */text-align: left;cursor: pointer;font-weight: 500;font-size: 1.1em;}
.SidebarMenu ul a:hover{background: #001e8a;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: #FFF;}
body.subpage .Header .sidebar__Close i , .Header.headBg .sidebar__Close i {color: #ff5722;}

.navIcon {position: relative;height: 100%;text-align: right;padding: 15px;}
.NavbarToggle {display: inline-block;vertical-align: middle;background-color: transparent;border: 0;padding: 0;/* display: block; */}
.NavbarToggle i {font-size: 2.0em;color: #001e8a;display: block;padding: 5px;outline: 0 !important;line-height: normal;}
.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: #ff5722;}
body.noPageHeader .Header .headerWrapper, .Header.headBg .headerWrapper  {transition: top 0.5s ease, background 0.3s ease;transition: all .3s ease;}
.Header.headBg {box-shadow:0px 0px 2px 0px rgb(0 0 0 / 30%);}
.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: 0;}
#social li a {text-align: left;padding: 0 !important;color: #98002E;display: block;margin: 3px;}
#social li a span {display: none;font-family: 'Roboto Flex', sans-serif;text-transform: capitalize;font-size: 14px;color: #FFF;}
#social li a:before {font-size: 30px;text-align: center;color: #555;display: inline-block;vertical-align: middle;line-height: 36px;width: 36px;height: 36px;border-radius: 0;font-family: 'FontAwesome';}
#social li.audio a:before{content: "\f028";background: #eb0009;width: 80px;border-radius: 30px;font-size: 22px;}
#social li.facebook a:before {content:"\f082";}
#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:"\f098";font-size: 1.8em;}
#social li.phone a {}
#social li.phone a span{display: inline-block;vertical-align: middle;color: #555;font-weight: bold;font-size: 1.3em;}


/* Social Menu Hover */
#social li:hover a:before, #social li a:hover:before {opacity: .8;}

/* ====================Footer==================== ================================================== */
footer {clear: both;color: #383838;z-index: 1;width: 100%;line-height: 1.6em;font-size: 14px;text-align: left;position: relative;background: #ffffff;margin-top: 30px;border-top: 1px solid #f5f5f5;}
footer iframe{ width:100%; line-height:0;height: 500px;}
footer .address {text-align: center;display: block;clear: both;padding: 10px;}
footer .address h3{text-align:center;}
footer .footlogo{text-align:right;clear: both;display: none;}
footer .footlogo 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 {  font-size: .80em;  display: none;  }
#footnav ul, .copyright ul{ margin:0;list-style:none; }
.footerNavigation { display:flex; flex-direction: column;justify-content: space-between;flex-wrap: nowrap;min-height: 100%;}
#footnav{padding: 0;}
#footnav > ul {/* display:flex; */padding: 30px;}
#footnav ul li {min-width: 40%;}
#footnav ul li a, #footnav ul li span{color: #001E8A;font-size: 1.1em;padding: 7px 5px;display: inline-block;font-weight: bold;}
#footnav ul li.head{padding-bottom: 15px;text-transform:uppercase;color: #333;text-align: center;}
#footnav ul li.head > a{color: #001E8A;font-size: 1.1rem;font-family: 'Roboto Flex', sans-serif;font-weight: 500;padding: 0 5px;}
#footnav ul li ul li.head a, #footnav ul li.head ul li.head a{color: #001E8A;}
#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;font-weight: normal;}
#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 0;background: #cdcdcd;}
.copyright a {color: #000000 !important;padding: 10px;}
.copyright span {display: block;color: #333 !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 ==================== ================================================== */
.postwebform .row {/* padding: 5px; *//* clear: both; *//* width: 100%; */}
#transaction_fee_check { clear: both;  }
.postwebform .row:after { clear: both; content:""; }
.postwebform .row .forlft { width: 50%; float: left; }
.postwebform .row .forrgt { margin-left: 50%;  }
.postwebform .row .label,.postwebform .row .input { display: inline-block; width: 65%; vertical-align: top;   }
.postwebform .row .label {width: 30%;font-size: 0.87em;font-weight: bold;}
.postwebform .row .forrgt .label { text-align: right; padding-right: 5px; }
.postwebform .row .input i { font-size: 0.79em; line-height: 1.2em; display: block; color: #999; }
.postwebform .row .forlft .label,.postwebform .row .forlft .input { width: 50%; }
.postwebform h4 { color: #C76750; width: 100%; text-align: left;}
.home_information_radio { float: left; margin: 0 5px; }
.postwebform .bank .row .forlft { width: 60%; }
.postwebform .bank .row .forlft .label { width: 55%; }
.postwebform .bank .row .forlft .input { width: 40%; }
.postwebform .bank .row .forrgt { width: 50%; }
.postwebform .bank .row .forrgt .input{ width: 100px; }
.postwebform .bank .row .forrgt input { width: 40px; }

.tbl {width: 100%; display:table;}
.tbl .thd, .tbl .trow {display:table-row;width: 100%;}
.tbl .thd span, .tbl .trow span { font-weight: bold; display:table-cell;  text-align: center;vertical-align: top;}
.tbl span.tdata { display: inline-block; padding: 3px 1%;}
.colspan3 span.tdata { width: 31%;  text-align: center;}
.colspan2 { border-left:1px solid #DDD; border-top: 1px solid #DDD;  }
.colspan2 span.tdata  { width: 47%;  text-align: center; border: 1px solid #DDD; border-top: 0; border-left: 0;}
.mv { clear: both; border-bottom: 1px dashed #4A8FAD; padding: 5px 0 15px 0px; }


.fieldgroup {clear: both;margin: 10px 0;padding: 0;}
.fieldgroup_label {  font-size: 1.3em;  font-weight: bold;      display: block;  color: #087482;  padding: 5px;  margin: 20px 0 5px 0;  border-bottom: 1px solid #087482;  }
.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 input[type="file"], .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: 'Roboto Flex', sans-serif;font-weight: 400;display: block;font-size: 15px;margin: 0;}
.newPostTemplate.webform .fieldrow .fieldlabel label{ display:inline;}
.newPostTemplate.webform .fieldrow .fieldval label{font-family:'Roboto Flex', sans-serif;font-weight: 400;font-size: 15px;margin: 0;display: inline-block;}
.newPostTemplate.webform .fieldrow .fieldval div[class*="_radio"]{display:inline-block;}

/* ====================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: 40%;  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 ==================== ================================================== */
.slidebg {max-height: 80vh;position: relative;overflow: hidden;margin: 0 auto;width: 100%;height: 80vh;margin-top: 90px;}
#slides {height: 100%;position: absolute;top: 0px;width: 100%;}

/* 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: contain;}
.sliderContent div.base .img img{width: 100%;margin: 0 auto;}
.sliderContent div.base .img.Fullwidth { background-size:100%;}
.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 {color: #FFF;top: 50%;left: 0%;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-60%);display: inline-block !important;padding: 0;width: auto;text-align: center;}
.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;font-size: 3.0em;color: #FFF;text-shadow: 1px 0px black;font-family: 'Roboto Flex', sans-serif;}
.sliderContent div.base div.caption h2{font-size: 4em;font-family: 'Roboto Flex', 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-size: 1.6em;/* color: #001E8A; */font-weight: 300;font-family: 'Roboto Flex', sans-serif;}
.sliderContent div.base div.caption h4{font: 300 16px/24px 'Roboto Flex', 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  ul { display:block; margin:0; padding:0; list-style:none;}
.sliderContent div.base div.caption  ul li { display:inline-block;}
.sliderContent div.base div.caption  ul li a{ background:#98002E;font-size: 1.0em;margin: 5px 10px;border-radius: 4px;}
.sliderContent div.base div.caption .ccbPartner {padding: 40px;}
.sliderContent div.base div.caption .ccbPartner h3{font-size: 2.5em;text-shadow: 1px 1px 2px rgb(7 7 7 / 50%);}
.sliderContent div.base div.caption .ccbPartner p{font-size: 1.3em;color: #FFF;}

.sliderContent div.base div.caption .ccbContact {background:#FFF;height:100%;padding:20px;display: flex;flex-direction: column;justify-content: center;align-items: center;border: 1px solid #dfdfdf;}
.sliderContent div.base div.caption .ccbContact h3 {font-size: 2.6em;color:#087482;}

/*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.slShow div.caption .cpdesc:after{content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0;background: transparent;z-index: -1;}
.sliderContent div.base div.caption div.cpdesc {position:relative;padding: 20px;border: 1px solid rgb(92 92 92 / 50%);display: block;margin: 0 auto;}
.sliderContent div.base div.caption div a {text-align: center;color: #FFF;background: #22a3dc;border-radius: 20px;padding: 10px 25px;font-size: 2em;font-family: 'Roboto Flex', sans-serif;}
.sliderContent div.base.slShow div.caption {display: inline-block;position: relative;z-index: 1;}
.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: 360px;  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;  }
.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*/
.contentBlocks .contentBox {text-align:center;padding: 45px 10px 30px 10px;text-align:center;border-radius: 10px;border: 1px solid #ddd;background-color:#FFF;box-shadow: 2px 5px 15px #ddd;transition:linear 1.5s linear 1.5s;position: relative;margin-bottom: 35px;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;flex-wrap: wrap;}
.contentBlocks .contentBox .title{font-size: 1.6em;text-transform:uppercase;font-weight: 700;text-align:center;} 
.contentBlocks .contentBox .title a { color:#04326e;}
.contentBlocks .contentBox .icon {position:absolute;display: block;width: 100%;top: -35px;}
.contentBlocks .contentBox .icon a{ display:block;} 
.contentBlocks .contentBox .icon span{display: block;/* font-size: 0; */margin: 0 auto;text-align: center;transition: linear 0.3s linear 0s;z-index: 5;background-color: #FFF;width: 70px;height: 70px;border-radius: 50px;box-shadow: 0px 1px 0px #ddd;border: 1px solid #ddd;}
.contentBlocks .contentBox .icon span:after{content:"";font-family:'FontAwesome';font-size: 1.9em;line-height: 70px;}
.contentBlocks .contentBox.about .icon span:after {content:"\f0c0";}
.contentBlocks .contentBox.apply .icon span:after {content:"\f040";}
.contentBlocks .contentBox.Law .icon span:after {content:"\f0e3";}
.contentBlocks .contentBox.Forms .icon span:after {content:"\f15c";}
.contentBlocks .contentBox.Education .icon span:after {content:"\f19d";}
.contentBlocks .contentBox.Providers .icon span:after {content:"\f19c";}
.contentBlocks .contentBox.Resource .icon span:after {content:"\f02d";}
.contentBlocks .contentBox.Directory .icon span:after {content:"\f2bb";}

.feature-blocks{padding: 75px 0;margin-bottom: 0;background: #e1e3e4;}
.feature-blocks h3{text-align:center;width: 70%;margin: 0 auto;color: #fff;border-bottom: 1px solid #deb63c;}
.feature-blocks p{font: 300 17px/22px Quicksand;margin: 10px auto;color: #FFF;}


/*Serch block*/
.searchBlockWrapper{padding: 30px 40px;background: #04326e;}
.searchBlockWrapper p { width:auto;}
.directorySearchForm {padding: 10px;background: #f0f5f7;border: 1px solid #dae0e2;margin: 10px;}
.directorySearchForm h3{margin-bottom:0; font-size:1.4em; line-height:24px; }
.directorySearchForm p{ margin:0; line-height:1.4em; margin-bottom:5px; font-size:.94em;}
.row.search-form{margin-left:-15px;margin-right:-15px;}
.row.search-form > div{ padding-left:15px; padding-right:15px;}
.search-form input, .search-form select{border: 0;border: 1px solid #dae0e2;padding: 10px 5px;margin: 5px 0;background: #edf1f3;}
.search-form input[type=submit], .search-form input[type=reset]{ background:#deb63c;  padding:15px 32px; border:0; border-radius:0; margin-top:10px;}
.search-form input[type=submit]:hover, .search-form input[type=reset]:hover{ background:#08364c;}
.searchBlockWrapper h2{margin: 0;color: #FFF;font-size: 34px;line-height: 38px;text-transform: unset;}

.search-form  input[type=text]::-webkit-input-placeholder, select::-webkit-input-placeholder { color:#59798a;}
.search-form input[type=text]::-moz-placeholder, .search-form select::-moz-placeholder{ color:#59798a;}
.search-form input[type=text]::-ms-input-placeholder, .search-form select::-ms-input-placeholder{color:#59798a;}
.search-form select { color: #59798a;}
.search-form select option:not(:first-of-type) { color: #21526b;}
.search-form fieldset {border:0;margin: 0;padding: 0;}
.search-form {padding: 0;/* border: 1px solid #154f9b; *//* background: #d4d4d4; */}
.search-form .form-group.row {padding-bottom:0 !important;margin: 8px 0;}
.search-form button {color:#fff;line-height: normal;padding: 5px 10px;}


.serviceBlock { padding: 100px; background: #98002E; color:#FFF;margin-top: 50px;}
.serviceBlock h2{ color:#FFF; font-size:3em; text-align:center;}
.serviceBlock ul { list-style:none; margin:0; padding:0; text-align:center;}
.serviceBlock ul li {display:inline-block; padding:10px; margin:10px; border:1px solid #FFF; border-radius: 5px;}

/*Q & A*/
.qa {padding-bottom: 5px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.qa .answer p {display:block;}
.qa .answer p:before{content:'A:'; font-weight:bold;display: inline-block;margin-right: 4px;}


/*Jobs*/
.list .lstitem { padding: 15px;border-bottom: 1px dotted #333;margin: 15px 0;}
.list .lstitem .title {font-size:1.4em; font-weight:500; font-family: 'Jost', sans-serif;} 
.list .lstitem .loc {}
.list .lstitem .posted {font-style: italic;}
.list .lstitem ul { padding:0; margin:0; list-style:none;}
.list .lstitem ul li { display:inline-block;}
.list .lstitem ul li a {padding:5px 10px;font-size: 0.8em;}

#pay label {display: inline; }

/* ====================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: 1299px) { 
    .HeaderMenu nav>ul>li a, .HeaderMenu nav>ul>li span { font-size:.9em;padding: 12px 8px;}
}

@media all and (min-width: 0px) and (max-width: 1199px) {  
    .sliderContent div.base div.caption p {  margin: 0;  line-height: 1.1em;  }
    .Navigation__body .HeaderMenu{ display:none;}
    .Navigation__body > .navIcon{ display:block;text-align: left;padding: 10px;}
   .Navigation__body > .navIcon .NavbarToggle i {color:#001e8a;}
    
}
@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 (min-width: 0px) and (max-width: 992px) { 
    .HeaderMenu{display:none;}
    #newTopNav ul { margin:0;}
    .HeaderMenu>ul>li {  padding: 0 7px;  }
    .logoWrapper img{ max-width:100%;width: auto;margin: 2px;}
    .Navigation .navbar-collapse, .Header .topnav {  display: none;  }
    .Navigation__body{ display:none;}
    .navIcon { padding: 5px 0;}
    .Header .headerTopInner{ justify-content: flex-end;align-content:end;align-items: flex-end;flex-direction: row;}
    .Header .headerTopInner .topNav { margin:0;}
    #social ul{text-align:center;}
    .slidebg {/* margin-top: 120px; */height: 540px;}
    .sliderContent div.base div.caption {width: 80% !important;}
    .sliderContent div.base div.caption .ccbPartner {padding: 40px 0;}
    .sliderContent div.base div.caption div a { font-size: 1.8em;}
    .logoBlock img { max-width:200px;}
    .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 {}
    .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 {top: 60%;float: none;width: 100% !important;}
    .sliderContent div.base div.caption p {  line-height: 1.6em;  }
     .Header .headerTopInner{flex-direction: row;align-items: center;}
     .Header #social {/* display:none; */}
     #social li a{ margin:0;}
     #social li.phone a span {font-size:1em;}
     #social li a:before  {width:auto;margin: 2px;height: auto;line-height: normal;}
     .Header .headerTopInner .topNav {margin: 0;}
     .logoWrapper img{ }
 }

@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;  }
    .Header .headerWrapper { padding:0;}
    .Header { background:#FFF;}
    body.noPageHeader .Header .headerWrapper, .Header.headBg .headerWrapper{ box-shadow:none;}
    .logo img {/* max-width: 180px; *//* padding: 5px; */}
    /* header */
    .nav-top {  margin-top: 0;  }
    .nav-top li a {  padding: 8px 6px !important;  }
    .header {  padding: 0px 0;  border: 0;  }
    .Header .headerRight {background: #001E8A;flex-direction: column;justify-content: center;align-items: flex-end;display: flex;align-content: flex-end;}
    .Header .headerRight .headerTop { width:100%;}
    .Navigation__body { /* height:100%; */ align-items:center;}
    .header > .container {  width: 98%;  }
    .Header.headBg{
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 30%);
    padding-bottom: 3px;
}
    .Header.headBg .logo{}
    .Navigation .NavbarToggle {z-index: 1;display: block;float: right;margin: 0;height: auto;}
    .NavbarToggle i {padding: 0;}
    .Header .headerTopInner .topNav ul li a {padding: 3px 10px;font-size: .85em;}
    #social li.phone a span{font-size:.9em;}
    .slidebg { margin-top: 110px;}
    .sliderContent div.base img {}
    .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 { }
    .sliderContent div.base div.caption h4 {  font-weight: 400;  text-align: center;  font-size: 13px;  line-height: 16px;  margin: 0;  }
    .sliderContent div.base div.caption div.cpdesc{ padding:15px;}
    .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%);}
        .sliderContent div.base div.caption div a { font-size: 1.5em;}
    /* 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;  }

        .subpageHeader-block.no-pageHeader { padding-top: 130px;}
    
    /* ====================nav bar==================== ================================================== */
    footer .footer-bg {  background-position: center bottom;  }
    footer .footlogo {text-align:center;}
    #footnav > ul {text-align: center;align-items: center;flex-direction: column;}
    .footer-nav > ul > li {  vertical-align: top;  }
    .footer-nav-block { clear: both;  }
    .footer-logo, .newsletter {  width: 100%;  float: none;  }
    .slider-block{padding-top: 80px;}
    footer .address { text-align:center;}
    #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) {  
    .Header {}
    .slidebg{margin-top: 90px;height: 480px;}
    .sliderContent div.base div.caption {width: 100%;min-width: 100%;max-width: 100%;padding: 0;background: none;} 
    .sliderContent div.base div.caption .ccbPartner{ padding:25px 0;}
    #slides .sliderContent div.base .img {width: 100%;}
    .logo img { /* max-width: 160px; */}
    .Header .headerTopInner .topNav { margin:0px;}
    .Header .headerTopInner .topNav ul li a{ margin:2px;padding: 2px;font-size: .9em;}
    .Header .headerWrapper{padding:0;}
    .headerWrapper .col-8.col-md-8 {width:100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;order: 0;padding: 0;}
    .headerWrapper .col-4.col-md-4, .headerWrapper .col-12.col-md-12 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;order: 0;}
    .headerWrapper .headerTopInner ~ .navIcon, .Navigation__body .HeaderMenu {display: none !important;}  

    .Header .headerTopInner {align-items:center;align-content: center;justify-content: space-between;}
    .headerWrapper .col-12.col-md-12 .Navigation__body { display:block;}
    .Navigation__body > .navIcon {padding:0 10px;text-align: right;}
    .logo img { margin:0; padding:0;max-width: 150px;}
  
    .nav-top {  position: relative;  text-align: right;  }
    .Header .topNav ul li a{padding: 3px;}    
}

@media all and (min-width: 0px) and (max-width: 579px) {  
    .logo img, .Header.headBg .logo img {}
    .logo img  { max-width: 140px;}    
    .sliderContent div.base div.caption div.cpdesc{ padding:10px;}
    .sliderContent div.base div.caption ul li a { margin:5px;padding: 5px 10px;font-size: 1em;}
    .sliderContent div.base div.caption h1 {  font-size: 1.8em;  line-height: normal;}
    .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;  }
    .slidebg { height:400px;}
    .sliderContent div.base div h2.display-1{font-size: 4em;font-weight:900;}
    .Header { /* padding-top: 30px; */}
    .logoWrapper { position:relative; /* top:60px; */}
    .Header .headerRight .headerTop { position:absolute;width: 100%;left: 0;top: 0;padding: 0 15px;}
     
}

@media all and (min-width: 0px) and (max-width: 460px) {  
    .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; }
    .sliderContent div.base .img img {height:100%;width:auto;max-width: fit-content; }
    .slidebg {margin-top: 115px;height: 400px;}
    .sliderContent div.base div.caption div a { font-size: 1.1em;} 
    #social li.phone a span, .Header .headerTopInner .topNav ul li a{font-size:0.7em;}
    
}

@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;  }
    .Header .headerTopInner {justify-content: center;}
    .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;}
    .sliderContent div.base div.caption div a { font-size: 1.0em;} 
}

@media all and (orientation: landscape) and (min-height: 100px) and (max-height: 540px) {  
  .sliderContent div.base div {}
  #gimage img {margin:0 !important;padding: 0;}
}
