/************************
* Resets *
************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,svg{display:block;}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}
audio:not([controls]) {
  display: none
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
}
a:hover, a:active {
  outline: 0
}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}
sup {
  top: -0.5em
}
sub {
  bottom: -0.25em
}
img{height:auto;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle; max-width:100%;}

button, input, select, textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle
}
button, input {
  *overflow: visible;
  line-height: normal
}
button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none
}
.clearfix {
  *zoom: 1
}
.clearfix:before, .clearfix:after {
  display: table;
  content: ""
}
.clearfix:after {
  clear: both
}
/*------typography, etc.------*/

body{margin:0;scroll-behavior:smooth;text-rendering:optimizeSpeed;font-family: 'Public Sans', sans-serif;font-size: 16px;line-height:1.5em;color:#000;background-color:#FFF;font-weight:400;}

p {
  margin: 0 0 1.5em;
}
a {
  color: #000;
  font-weight:600;
  text-decoration: underline;
  -webkit-transition: color .2s ease-in;
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  transition: color .2s ease-in;
}
a:hover {
  color: #666666;
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}

a img {
  border: none;
}

h1, h2, h3, h4, h5, h6 {margin-top: 0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom:1rem;line-height:1em;}

h1,h1 a,.h1{font-size:3rem;font-weight:700;margin-bottom:.4em}
h2,h2 a,.h2{font-size:1.75rem;font-weight:700;margin-bottom:.75em}
h3,h3 a,.h3{font-size:1.45rem;font-weight:700;}
h4,h4 a,.h4{font-size:1.2rem;font-weight:500;}
h5,h5 a,.h5{font-size:1rem;font-weight:500;}
h6,h6 a,.h6{font-size:1em;font-weight:500;}

h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a{text-decoration:none;font-size:1em;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:underline;}

p + div, p + fieldset {
  margin-top: 1.5em;
}
p + ul, p + ol {
  margin-top: -.125em;
  margin-bottom: 1.5em;
}
p + h2, ul + h2, ol + h2, p + h3, ul + h3, ol + h3, p + h4, ul + h4, ol + h4 {
  margin-top: 1.25em;
}
.lead {
  font-size: 1.4em;
  font-weight: 300;
  margin-bottom: .75em;
}
hr {
  color: #CCCCCC;
  background-color: #CCCCCC;
  height: 1px;
  border: 0;
  width: 100%;
  margin-bottom: 2em;
  margin-top: 1.5em;
  clear: both;
}
blockquote {
  font-size: 1.4em;
  color: #666;
  margin: 0 0 1.5em 0;
  border-left: #A3CF5D 8px solid;
  padding-left: .75em;
}
blockquote p {
  margin-bottom: .75em
}
cite {
  color: #333;
  margin: 0 00;
  display: block;
  text-emphasis: none;
  font-style: normal;
}
cite p {
  margin-bottom: 1em;
}
sup, sub {
  line-height: 1em;
}
strike {
  color: #999;
}
iframe {
  margin: 0 auto 1.5em auto;
  display: block;
  width: 100%;
}
code {
  font-size: 1em;
  background: rgba(0, 0, 0, .07);
  border-radius: 4px;
  padding: 0 3px;
}
pre {
  white-space: pre;
  overflow: auto;
  width: 100%;
  padding: 0;
  font-size: 12px;
  line-height: 1.4em;
  font-family: Monaco, monospace;
  border: 1px solid #DDD;
  background: whitesmoke;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 2.5em;
}
aside, figure {
  float: right;
  margin: 0 0 1em 2.5%;
  width: 33%;
  background: whitesmoke;
  padding: .75em;
  font-size: .75em;
  line-height: 1.333em;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
aside img, figure img {
  margin: 0 0 1em;
}
dl {
  margin-bottom: 1em;
}
dt {
  font-weight: bold;
}

/************************
* Structure *
************************/

.first{float:left;margin-right:3.5%;}
.middle{float:left;margin-right:3.5%;}
.last{float:right;}

/*------widths------*/
.group{margin-bottom:1.5em;}
.group:last-child{margin-bottom:0;}

.group_1of2,table.table_structure_2x td{width:48.25%;}

.group_1of3,table.table_structure_3x td{width:31%;}
.group_2of3{width:65.5%;}

.group_1of4,table.table_structure_4x td{width:22.375%;}
.group_3of4{width:74.125%;}

.group_1of5{width:17.2%;}
.group_2of5{width:37.9%;}
.group_3of5{width:58.6%;}
.group_4of5{width:79.3%;}

.group_1of6{width:13.75%;}
.group_5of6{width:82.75%;}

.group_1of7{width:11.28571428571429%;}
.group_2of7{width:26.07142857142858%;}
.group_3of7{width:40.85714285714287%;}
.group_4of7{width:55.64285714285716%;}
.group_5of7{width:70.42857142857145%;}
.group_6of7{width:85.21428571428574%;}

.group_1of8{width:9.4375%;}
.group_3of8{width:35.3125%;}
.group_5of8{width:61.1875%;}
.group_7of8{width:87.0625%;}

.visually-hidden {
  display:none;
}

.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/* Flex Grid */

.flex_grid { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; margin-bottom: 3em; }
.flex_grid .flex_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; /* for IE */
padding: .75em; margin-bottom: 2em; position: relative; }
/* Flex Grid border/no border widths */
.flex_grid.flex_4x .flex_item { width: 25%; }
.flex_grid.flex_3x .flex_item { width: 33.333%; }
.flex_grid.flex_2x .flex_item { width: 50%;}
/* Flex Grid Borders */
.flex_grid.flex_borders { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.flex_grid.flex_borders .flex_item { border: 1px solid #ddd; margin: 0; border-bottom: 0; border-right: 0; }
/* Flex Grid Margins */
.flex_grid.flex_borders.flex_margin { border: 0; }
.flex_grid.flex_borders.flex_margin .flex_item { margin-right: 3%; margin-bottom: 1.5em; border: 1px solid #ddd; padding: 0;}

.flex_grid.flex_borders.flex_margin .flex_item .item_details { padding: .75em; padding-top: 0; }
.flex_grid.flex_4x.flex_margin .flex_item { width: 22.75%; }
.flex_grid.flex_3x.flex_margin .flex_item { width: 31.333%; }
.flex_grid.flex_2x.flex_margin .flex_item { width: 48.5%; }
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(4n+4), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_2x.flex_margin .flex_item:nth-child(2n+2) { margin-right: 0; }
/* IE8 and IE9 */
.no-flexbox .flex_grid:after { content: ' '; display: block; clear: both; }
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(4n+5), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_2x .flex_item:nth-child(2n+3) { clear: both; }


.bio_feed.flex_grid .flex_item span {display:block;}
.bio_feed .bio_info {background-color:#FFF;padding:1em;}
.bio_feed .image {margin-bottom:0;}
.bio_feed .name {margin-bottom:.25em;}
.bio_feed .job_title {font-size:.9em;}
.bio_feed .phone {font-size:.9em}
.bio_feed .email {margin-top:1em;}

.hours.flex_grid .flex_item {padding:1.5em;}


/*------wrapper------*/
.wrapper {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 3.5%;
  position: relative;
}

.wrapper_hero {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  position: relative;
  webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; background-position: center center;
}

.wrapper_hero img {width:100%;}

/*------site header------*/
.site_header {
  margin: 0 auto;
  position: relative;

  background-color: #FFF;
}
.site_header a.logo {
  position: absolute;
  top: 0;
  left: 30px;
  width: 193px;
  z-index: 100;
}
.site_header a.logo img {
    height: 90px;
    background-color:#FFF;
    padding:1em 1.2em;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
}


.site_header .btn-ebank.btn {padding: 10px 15px;color: #333;background-color: #A3CF5D;}
.site_header .btn_i_want.btn {padding: 10px 15px;}

.site_header .btn-ebank.btn:hover {color: #FFF;background-color: #000!important;border:2px solid #000;}
.site_header .btn_i_want.btn:hover {color: #FFF!important;background-color: #000!important;border:2px solid #000!important}
.site_header .searchtoggl {position:absolute;top:15px; right:230px;padding:.75em;font-size:20px;color:#000;}


/* Mobile Button*/
.menu-btn {display:none;font-size:1em;color:#000;padding:1em;margin:0;}
.menu-btn:hover {color:#CFD0D2;}

/*----------Popovers-------*/

.show_hide_iwant {display:none}
.show_hide_iwant.show {display:block}  

.popover {background-color:#000;position:absolute;top:70px;right:122px;z-index:1000;color:#FFF;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); }
.popover:before {content:"";position: absolute;top: -20px;width: 0;height: 0; border: 10px solid transparent;border-bottom: 10px solid #000;}

.popover_right {}
.popover_right:before {right:16px}

.popover_list .popover {min-width:250px;margin:0;padding:1em;list-style:none;font-size:15px}
.popover_list .popover a {color:#FFF;text-decoration:none;display:block;padding:.7em 0; line-height: 1.4em}
.popover_list .popover li:last-child a {border-bottom:0}

.popover_list.active > a{background:#999!important;border: 1px solid #999!important; color:#fff;}

/*------site footer------*/
.site_footer {
  position: relative;
  padding: 3em 0;
  color: #000;
  margin:auto 0;
  background-color:#CFD0D2;
}
.site_footer a {
  color: #000;
  text-decoration: underline;
}
.site_footer h4 { 
  color:#000;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 1em
}
.site_footer a:hover {
  color: #777;
  text-decoration: none;
}
.site_footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site_footer ul li {
  line-height: 1.5em;
  padding-bottom: 10px;
  font-size:.9em;
}
.site_footer .legal {
  margin-top: 2em;
  border-top: 1px solid #bbb;
  padding-top: 2em;
}

.site_footer ul.holidays li {
  line-height: 1.5em;
  padding-bottom: 10px;
}

.site_footer ul.social li {
  display:inline-block;
  margin-right: .5em;
}
.site_footer .copyright {
  font-size: .8em;
  text-align: right;
}

.show_nav {display:none;}
.show_hide_content {display:block}

.top_site {position:fixed; bottom:20px; right:20px; z-index:700000; display:none;}
.top_site a { color:#999; color: rgba(153,153,153,.6); border:0;}
.top_site a:hover { border:0;}

/************************
* Navigation *
************************/

/* Primary Navigation Resets and Defaults*/
nav.nav_primary {position:relative;top:0;width:100%;box-sizing:border-box}
	nav.nav_primary ul {list-style: none; margin:0; padding:0;}

	nav.nav_primary > ul > li > a {text-decoration:none;}
	
/* Mobile Button*/
.nav_primary_btn {display:none; padding:1.1em; text-decoration:none; font-size:1.1em;text-transform:uppercase;position:absolute;right:0px;top:5px;color:#004876}
.nav_primary_btn svg {width:15px;float:left;position:relative;top:3px;fill:#004876}
.nav_primary_btn span {margin-left:5px;}
.nav_primary_btn_close {display:none}

/* Level 1 (All) */
nav.nav_primary ul.parent {display:flex;}
ul.parent.left {float:left;margin-left:180px}
ul.parent.right {float:right;margin-right:15px;margin-top:1.5em}
nav.nav_primary ul.parent > li {position:relative; display:block; float:left; flex-grow:1; flex-basis:fit-content;}
nav.nav_primary ul.parent > li.nav_mobile {display:none;}
nav.nav_primary ul.parent.left > li > a {font-size:.95em;}

nav.nav_primary ul.parent > li > a {padding:2.4em .75em 2.4em .75em;display:block;line-height:1em;position:relative;}
nav.nav_primary ul.parent.right > li > a {margin-right:.5em;}
nav.nav_primary ul.parent > li > a:hover, nav.nav_primary ul.parent > li.drop_nav.hover > a, nav.nav_primary ul.parent > li.drop_mega.hover > a {background-color:#F7F6F4;}
nav.nav_primary ul.parent > li > a.selected, nav.nav_primary ul.parent > li.selected > a {background-color:#F7F6F4;}

nav.nav_primary ul.parent.left > li.drop_nav > a:after {content:"";background-image:url(/images/nav-primary-caret.png);width:10px;height:6px;position:absolute;right:.9em;top:26px;background-size:10px 6px;transition:.3s all ease;}

nav.nav_primary ul.parent.left > li.drop_nav > a:hover:after {transform: rotate(180deg);}

/* Level 1 Dropdown (Mega)*/
nav.nav_primary ul.parent li.drop_mega{ position: static;}
	
/* Level 2 Dropdown (All)*/
nav.nav_primary ul.parent > li > ul { background:#fff; display:none; position:absolute; padding-left:200px;left:0; z-index:3;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
	.no-js nav.nav_primary ul.parent > li:hover > ul, .no-js nav.nav_primary ul.parent > li:focus-within > ul {display:block;}  /*no js fallback */
	
/* Level 2 Dropdown (Nav)*/
nav.nav_primary ul.parent li.drop_nav > ul {width:210px; top:60px;padding:1.5rem;background-color:#000;z-index:100;}
nav.nav_primary ul.parent.right li.drop_nav > ul {left:auto;right:0;}
nav.nav_primary ul.parent.right li.drop_nav > ul:nth-child(2) {color:#fff;}
nav.nav_primary ul.parent.right li.drop_nav > ul:nth-child(2) li a {display:inline-block;}
nav.nav_primary ul.parent.right li.drop_nav > ul:nth-child(2) li a.btn {color:#000;}
nav.nav_primary ul.parent li.drop_nav > ul li a {color:#FFF;font-size:.9em;padding:.4em 0; display:block;text-decoration:none;}
nav.nav_primary ul.parent li.drop_nav > ul > li > a:hover {color:#878787;}
    
nav.nav_primary .flex_grid {margin:-1.25em;}
nav.nav_primary .flex_item {margin:0;}

/* Level 2 Dropdown (Mega)*/
nav.nav_primary ul.parent li.drop_mega > ul {width:100%; box-sizing:border-box;top:auto;background-color:#000;}
nav.nav_primary ul.parent li.drop_mega > ul > li {padding:1.5em ;color:#FFF;}
nav.nav_primary ul.parent li.drop_mega > ul > li ul li a {color:#FFF;font-size:.9em;text-decoration:none;display:block; padding:.5em 0; border-bottom:1px solid #878787;}	
nav.nav_primary ul.parent li.drop_mega > ul > li ul li a:hover {color:#878787;}	
nav.nav_primary ul.parent li.drop_mega > ul > li ul li:last-child a {border-bottom:none;}	
nav.nav_primary ul.parent li.drop_mega > ul > li h3 {font-size: 1.1em;color:#FFF;text-decoration:none;}
nav.nav_primary ul.parent li.drop_mega > ul > li h3 a {font-size: 1.1em;color:#FFF;text-decoration:none;}
nav.nav_primary ul.parent li.drop_mega > ul > li .h3 {font-size: 1.1em;color:#FFF;text-decoration:none;}
nav.nav_primary ul.parent li.drop_mega > ul > li h2 {font-size:1.3em;}
nav.nav_primary ul.parent li.drop_mega .call-to-action a {color:#A3CF5D!important;}
\nav.nav_primary ul.parent li.drop_mega .call-to-action a:hover {color:#878787!important;}


/* removes caret on touch */
.caret {
  display: none;
}
.no-touch .caret {
  margin-top: 4px;
  margin-left: 4px;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 6px solid #A3CF5D;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  opacity: 1;
  filter: alpha(opacity=30);
}


/*------secondary navigation------*/
nav.nav_secondary {
  position: absolute;
  top: 18px;
  right: 200px;
}
nav.nav_secondary ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table-row;
}
nav.nav_secondary li {
  font-size: 14px;
  display: table-cell;
  height: 34px;
  vertical-align: middle !important;
  padding: .75em 1.25em;
}
nav.nav_secondary li:last-child {
  border-right: none;
}
/*	nav.nav_secondary li a i { margin-right:1.25em;}*/
nav.nav_secondary li a {
  text-decoration: none;
  border-radius: 4px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
nav.nav_secondary li a .btn2 {
  padding: 0em;
  text-decoration: none;
  border-radius: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500 !important;
  color: #ffffff !important;
  font-size: 12px;
}
nav.nav_secondary li a:hover, nav.nav_primary li a:focus {
  color: #333;
}
nav.nav_secondary li a:active {
  color: #666;
}
nav.nav_secondary li.active a {
  font-weight: bold;
  color: #333;
}
/*------section navigation (vertical)------*/
.nav_section {
  background: #FFF;
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  border-top:6px solid #A3CF5D;
  padding: 0;
  margin-bottom: 2em;
    
}
.nav_section > ul {
  margin: 0;
  list-style: none;
  padding: 0;
  border: none;
  font-size: 14px;
  line-height: 1.3em;
}
.nav_section h2 {
  font-size: 18px;
    font-weight:600;
  text-transform:uppercase;
  padding:20px;
}
.nav_section h2 a {
  color: #000 !important;
}
.nav_section h2 a:hover {
  text-decoration: underline;
}
.nav_section > ul > li {}
.nav_section > ul li a {
  text-decoration: none;
  display: block;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  list-style: none;
  border-top: dotted 1px #CCC
}
.nav_section > ul li:last-child a {
}
.nav_section > ul li a:hover {
  background-color: rgba(194, 194, 194, 0.1);
  color: #333
}
.nav_section > ul .selected {
  border-right: 2px solid #A3CF5D;
  font-weight: 700;
  background-color: #eee;
}
/*------nested------*/
.nav_section > ul ul {
  list-style: none;
  font-size: .9em;
}
.nav_section > ul ul li a {
  padding: 3px 7px;
}
.nav_section ul .selected_parent {
  font-weight: bold;
}
/*------paging, crumbs, tags (articles)------*/
nav.page ul {
  text-align: center;
  padding: 0;
}
nav.page ul li {
  display: inline;
  margin: 0 4px 0 0;
}
nav.page ul li a {
  padding: 4px 8px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #CCC;
  background: #fff;
  border-radius: 4px;
  text-decoration: none;
  background: #f5f5f5;
}
nav.page ul li a:hover, nav.page ul li a:focus {
  background: #f0f0f0;
  border-color: #ccc;
}
nav.page ul li a:active, nav.page ul li a.current {
  background: #fff;
  border-color: #ccc;
}
nav.breadcrumb {
  color: #666;
  font-size: 0.750em;
  margin-bottom: 2em;
  padding-bottom: .5em;
  border-bottom: 1px solid #ddd;
}
nav.breadcrumb a {
  margin: 0 5px;
  text-decoration: none;
  color: #999;
}
nav.breadcrumb a:first-child {
  margin-left: 0;
}
nav.breadcrumb a:hover, nav.breadcrumb a:focus {
  color: #000;
}
nav.breadcrumb a:active {
  color: #000;
}
nav.breadcrumb strong {
  margin-left: 5px;
  font-weight: bold;
  color: #000;
}
ol.tags {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5em;
  font-size: .75em;
}
ol.tags li {
  float: left;
  margin: 0 5px 5px 0;
}
ol.tags li a {
  text-decoration: none;
  background: #CCC;
  background: rgba(0, 0, 0, .2);
  float: left;
  padding: 0px 7px;
  font-weight: normal;
  color: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
ol.tags li a:hover, ol.tags li a:focus {
  background-color: #999;
}
ol.tags li a:active {
  background-color: #ccc;
}
/*------thumbs------*/
.thumbs {
  margin: 0;
  padding: 0;
}
.thumbs li {
  float: left;
  list-style: none;
  margin: 0 2.5em 2.3em 0;
  width: 160px;
  text-align: center;
}
.thumbs img {
  margin: 0 0 1.2em 0;
  -webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2);
  border: 1px solid #fff
}
/*------Tabs on Media ------*/
.mediaTabs {}
.mediaTabs ul {
  margin: 0 0 0 8px;
  padding: 0;
  float: left;
  border: 1px solid #ccc;
}
.mediaTabs li {
  display: inline;
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
  border-right: 1px solid #fff;
  margin-bottom: -4px;
}
.mediaTabs li:last-child {
  border-right: 0px;
}
.mediaTabs a {
  text-decoration: none;
  color: #fff;
  background: #ccc;
  text-transform: uppercase;
  display: block;
  float: left;
  text-align: center;
  padding: 12px 24px;
  line-height: 1em;
}
.mediaTabs a:hover {
  background: #333;
}
.mediaTabs a.selected {
  background: #fff;
  color: #000;
  border-bottom: 2px solid #fff;
}
.tabContent {
  clear: both;
  border-top: 1px solid #ccc;
  padding: 25px 0;
}

.split {padding:0; position:relative; list-style: none; background-color:#000; color:#fff;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start;}
.split h2 {font-size:1.7em;}
.split .split_item {position: relative; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
.split.split_left .split_item:first-child {order: +1;padding:0; display: block;}
.split .split_content {padding:5em 30px 5em 5em; max-width:600px;}
.split.split_left .split_content {float:right;padding:5em 5em 5em 30px;}
.split .split_img {position:absolute; top:0; left:0; height:100%; width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; background-position: center center;}



/*
.banking_login {
  background: #000;
  width: 300px;
  padding: 2em;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  -webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2);
}
.banking_login ul {
  margin: 0 0 0;
  padding: 0;
}
.banking_login ul li {
  display: inline;
  padding: 0 1em 0 0;
}
.banking_login ul li:last-child {
  padding: 0;
}
.banking_login a {
  text-decoration: none;
  color: #fff;
  font-size: .9em;
}
.banking_login h2 {
  font-size: 1.05em;
  color: #333
}*/
/*.banking_login .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  background-color: #333;
  border-color: #333;
}
.banking_login .btn.btn-success:hover {
  background-color: #47a447 !important;
  border-color: #398439;
}*/
input#loginusername {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  margin: .5em 0 1em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: .85em;
  padding: 10px 10px;
}
.img_blend {position:absolute; top:0; opacity: 0.7;height:100%;width:80%;background-image: linear-gradient(270deg, rgba(0,0,0,0.00) 0%, #000000 100%)}


.wrapper_hero .hero_img_text .wrapper > div {width:60%;}

.hero_img_text {
  color:#FFF;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/*.hero_img_text .call-to-action {
  font-size: 1em;
  text-decoration: none;
  line-height: 1em;
  color: #fff;
}
.hero_img_text .call-to-action a {
  color: #fff;
}*/
.hero_interior_text {
  padding: 18px 20px 18px 18px;
  position: absolute;
  bottom: 30px;
  left: 50px;
}
.hero_interior_text H1 {
  color: #fff !important;
  font-size: 2rem;
  line-height: 1.6em
}
/************************
* Content *
************************/
section header, article header {}
section footer, article footer {
  border-top: 1px solid #CCC;
  font-size: .875em;
  padding: 1em 0;
  color: #888;
  margin-top: 3em;
}
section footer img {
  float: left;
  margin: 0 10px 0 0;
}
.inset {
  padding: 1em;
}
.well {
  display: block;
  padding: 15px 15px;
  background: #FFF;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #ccc;
  -webkit-box-shadow: inset 0 0 5px #ccc;
  box-shadow: inner 0 0 5px #ccc;
  margin-bottom: 2em;
}
.platform {
  display: block;
  padding: 15px 15px;
  background: #FFF;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 4px #999;
  -webkit-box-shadow: 0 0 4px#999;
  box-shadow: 0 0 4px #999;
  margin-bottom: 2em;
}
.center {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  background-color: #b0e0e6;
}
.comments {
  margin-top: 5em;
}
/*------Spinternet Defaults ------*/
.page_banner {
  margin-bottom: 1em;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 4px #999;
  -webkit-box-shadow: 0 0 4px#999;
  box-shadow: 0 0 4px #999;
}
.page_video {
  font-size: .875em;
  line-height: 1.666em;
  padding: 1em;
  margin-bottom: 1em;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 4px #999;
  -webkit-box-shadow: 0 0 4px#999;
  box-shadow: 0 0 4px #999;
}
.page_video .fluid_video {
  margin-bottom: 0;
}
.page_video .last {
  margin-left: 1em;
}
.side_banner {
  margin-bottom: 1em;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 4px #999;
  -webkit-box-shadow: 0 0 4px#999;
  box-shadow: 0 0 4px #999;
}
.side_content {
  padding: .5em .75em;
  background: #F3F3F3;
  margin-bottom: 1.5em;
  font-size: .75em;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 1.5em;
}
.side_content p:last-child {
  margin-bottom: 0;
}
img[align=left], img.img_left {
  float: left;
  margin: 0 1em 1em 0;
  max-width: 30%;
}
img[align=right], img.img_right {
  float: right;
  margin: 0 0 1em 1em;
  max-width: 30%;
}
.fluid_video {
  margin-bottom: 1.5em;
}
.fluid_map {
  width: 100%;
  height: 0;
  padding-top: 60%;
  position: relative;
  margin-bottom: 1.5em;
}
.fluid_map iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
/*------icons (added with selectors.js) ------*/
.pdf {
  background: url(/images/icon-pdf.gif) no-repeat 98% 50%;
  padding: 2px 2.5em 5px 0;
}
.excel {
  background: url(/images/icon-excel.gif) no-repeat 98% 50%;
  padding: 2px 2.5em 15px 0;
}
.word {
  background: url(/images/icon-word.gif) no-repeat 98% 50%;
  padding: 2px 2.5em 5px 0;
}


.quick_links {background-color:#FFF;}
.quick_links span {display:block;}
.quick_links .flex_grid.flex_borders.flex_margin .flex_item {position:relative; padding-bottom:4.5em!important;}
.quick_links .flex_grid.flex_borders.flex_margin .flex_item .title {font-size:1.2em;font-weight:600;color:363636;margin:.75em 0;}
.quick_links .flex_grid.flex_borders.flex_margin .flex_item .summary {margin-bottom:.75em;}
.quick_links .flex_grid.flex_borders.flex_margin .flex_item .btn.cta {position:absolute; left:1.5em; bottom:1.5em; right:1.5em; margin:0;}

.quick_links .flex_grid {margin-top:2em;}
.quick_links .flex_grid.flex_borders.flex_margin .flex_item {padding:1.5em;background-color:#FFF;text-decoration:none;}


.content_wrapper {
  background: #FFF;
  padding: 3em 0
}

.sideNav_inset {
  padding: 0px 0px 0px 20px;
}

/*------text options------*/
.text_smaller{font-size:.75em;}
.text_small{font-size:.875em;}
.text_medium{font-size:1.1em;}
.text_large{font-size:1.25em;line-height:1.5em;}
.text_larger{font-size:1.5em;}
.text_largest{font-size:1.75em;}

.text_cusb_green{color:#A3CF5D}
.text_ada_green{color:#578311}


/*------highlighting / alerts------*/
.text_cooler {
  color: #0066CC;
}
.text_success {
  color: #009933;
}
.text_warmer {
  color: #f78d1d;
}
.text_danger {
  color: #b94a48;
}
.alert {
  padding: .5em 1em;
  color: #c09853;
  border: 1px solid #fbeed5;
  background: #fcf8e3;
  font-size: .875em;
  border-radius: 4px;
  margin: .25em 0 2em;
}
.alert p:last-child {
  margin: 0;
}
.alert.alert_success {
  color: #468847;
  border: 1px solid #d6e9c6;
  background: #dff0d8;
}
.alert.alert_danger {
  color: #b94a48;
  border: 1px solid #eed3d7;
  background: #f2dede;
}
/*------rows and grid views (e-commerce, typically generated dynamically)------*/
.list {
  clear: both;
  margin: 0 0 2em;
}
.list_row {
  padding: 0;
  padding-top: 1em;
}
.list_row li {
  border-top: 1px solid #E2E2E2;
  margin: 0;
  display: table;
  border-collapse: collapse;
  width: 100%;
  float: left;
  margin-bottom: 1em;
}
.list_row .inner {
  padding-right: 50em;
  display: table-row;
  text-decoration: none;
}
.list_row .li-img {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  padding-right: 1em;
  padding-top: 1em;
}
.list_row .li-img img {
  display: block;
  width: 100%;
  height: auto;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.list_row .li-text {
  display: table-cell;
  vertical-align: middle;
  width: 70%;
  padding: 1em 1em 1em 0;
}
.list_row .li-head {
  margin-bottom: .1em;
}
.list_row .li-summary {
  display: block;
  color: #333;
  margin-bottom: .25em;
}
.list_row .li-action {
  margin: 0;
}
span.posted_info {
  display: block;
  font-style: italic;
  color: #999;
  font-size: .9em;
  margin-bottom: 1em;
}
.list_row .author {
  display: block;
  font-style: italic;
  color: #999;
}
.list_row li.clear_even, .list_row li.clear_third, .list_row li.clear_fourth, .list_row li.clear_fifth {
  width: 100%;
  display: none;
  margin: 0;
}
.list_grid {
  padding: 0;
}
.list_grid li {
  padding: 0;
  margin-right: 3.5%;
  margin-bottom: 0em;
  display: block;
  float: left;
}
.list_grid.list_2x li {
  width: 48.25%;
}
.list_grid.list_3x li {
  width: 31%;
}
.list_grid.list_4x li {
  width: 22.375%;
}
.list_grid.list_5x li {
  width: 17.2%;
}
.list_grid.list_6x li {
  width: 13.75%;
}
.list_grid li.clear_even, .list_grid li.clear_third, .list_grid li.clear_fourth, .list_grid li.clear_fifth, .list_grid li.clear_sixth {
  display: none;
  margin: 0;
  border-bottom: none;
  padding: 1em 0 1em 0;
}
/*---set up/style clears---*/
.list_grid.list_2x li.even, .list_grid.list_3x li.third, .list_grid.list_4x li.fourth, .list_grid.list_5x li.fifth, .list_grid.list_6x li.sixth {
  margin-right: 0;
}
/*---margin of last item---*/
.list_grid.list_2x li.clear_even, .list_grid.list_3x li.clear_third, .list_grid.list_4x li.clear_fourth, .list_grid.list_5x li.clear_fifth, .list_grid.list_6x li.clear_sixth {
  display: block;
  width: 100%;
}
/*---show clears---*/
.list_grid .inner {
  text-decoration: none;
}
.list_grid .li-img {
  padding-bottom: 1em;
}
.list_grid .li-img img {
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.list_grid .li-text {
  clear: both;
}
.list_grid .li-head {
  margin-bottom: .1em;
  font-size: 18px;
  color: rgb(26, 90, 66);
}
.list_grid .li-summary {
  font-size: .9em;
  line-height: 1.5em;
  padding-right: 22px
}
.list_grid .li-action {
  font-size: 13px
}
.list_grid a {
  color: #686868
}
/*------table structure (in editor template)------*/
table.table_structure_4x {
  width: 100%;
  margin-bottom: 1em;
  border-collapse: collapse;
  line-height: 1.3em;
  display: block;
  height: 1%;
  overflow: hidden;
}
table.table_structure_4x tbody, table.table_structure_4x tr {
  display: block;
  width: 100%;
}
table.table_structure_4x tr td {
  display: block;
  float: left;
  padding-bottom: .5em;
  margin-right: 2.5%;
}
/*margin matches column structure*/
table.table_structure_4x td td {
  display: table-cell;
  float: none;
  width: auto;
}
/*fix embeded tables*/
table.table_structure_4x td.clear {
  display: none;
  clear: both;
  width: 100%;
}
table.table_structure_3x {
  width: 100%;
  margin-bottom: 1em;
  border-collapse: collapse;
  display: block;
  height: 1%;
  overflow: hidden;
}
table.table_structure_3x tbody, table.table_structure_3x tr {
  display: block;
  width: 100%;
}
table.table_structure_3x tr td {
  display: block;
  float: left;
  padding-bottom: .5em;
  line-height: 1.4em;
  margin-right: 2.5%;
}
/*margin matches column structure*/
table.table_structure_3x td td {
  display: table-cell;
  float: none;
  width: auto;
}
/*fix embeded tables*/
table.table_structure_2x {
  width: 100%;
  margin-bottom: 1em;
  border-collapse: collapse;
  display: block;
  height: 1%;
  overflow: hidden;
}
table.table_structure_2x tbody, table.table_structure_2x tr {
  display: block;
  width: 100%;
}
table.table_structure_2x tr td {
  display: block;
  float: left;
  padding-bottom: .5em;
  margin-right: 2.5%;
}
/*margin matches column structure*/
table.table_structure_2x td td {
  display: table-cell;
  float: none;
  width: auto;
}
/*fix embeded tables*/
table.table_structure_2x tr td:last-child, table.table_structure_3x tr td:last-child, table.table_structure_4x tr td:last-child {
  margin-right: 0;
}
/*margin matches column structure*/
/*------data tables (min-width for overflow on small devices, can be adjusted)------*/
table thead th {
  background: #eee;
  white-space: nowrap;
  font-weight: normal;
  color: #6D5322;
  padding: 10px 10px;
  font-size: 15px;
}
table thead tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
table thead tr:first-child th:last-child {
  border-top-right-radius: 4px;
  border: 0;
}
.table_data {
  border-collapse: collapse;
  min-width: 480px;
  width: 99.9%;
  font-size: .9em;
}
.table_data td {
  padding: .5em .75em;
  border: 1px solid #ddd;
  min-width: 5em;
}
.table_data td strong {
  white-space: nowrap;
}
.table_list {
  color: #333;
  border-collapse: collapse;
  min-width: 480px;
  width: 99.9%;
  font-size: .9em;
}
.table_list td {
  padding: .5em .75em;
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  min-width: 5em;
}
.table_list td:last-child {
  border-right: 0;
}
.table_list.table_stripe {
  border-top: 0;
}
table .stripe_row {
  background: #efefef;
}
table.table_condensed th {
  padding: .25em .5em;
  font-size: 1em;
}
table.table_condensed td {
  padding: .25em .5em;
  font-size: .875em;
}
.table_overflow {
  /*added with selectors.js and */
  width: 100%;
  overflow-x: auto;
  margin-bottom: 1.5em;
  background: /* Shadow covers */ linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0)), linear-gradient(90deg, rgba(255, 255, 255, 0), white 70%) 100% 0, /* Shadows */ radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)), radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)) 100% 0;
  background: /* Shadow covers */ linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0)), linear-gradient(90deg, rgba(255, 255, 255, 0), white 70%) 100% 0, /* Shadows */ radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)) 100% 0;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}
/************************
* Forms *
************************/
.form {
  margin-bottom: 1em;
  clear: both;
  font-size: 14px;
}
.form fieldset {
  margin-bottom: 1em;
  border: 1px solid #DDD;
  padding: 15px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #FFF;
}
.form fieldset fieldset {
  margin-bottom: 0;
  padding: 1em;
  clear: both;
  border: 0;
  background: #F9F9F9;
}
.form fieldset fieldset fieldset {
  background: #FFF;
}
.form fieldset fieldset fieldset fieldset {
  background: #F9F9F9;
}
.form fieldset legend {
  display: block;
  color: #FFF;
  display: block;
  font-weight: bold;
  background: #999;
  padding: .5em .75em;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 1%;
  overflow: hidden;
  float: left;
  margin-bottom: 1.5em;
  font-size: .875em;
  line-height: 1;
}
.form fieldset > div {
  padding: 7px 0;
  clear: both;
  border-bottom: 1px dotted #DDD;
}
.form fieldset > div:last-child {
  border-bottom: 0;
}
.form fieldset > div {
  *zoom: 1
}
.form fieldset div:before, .form fieldset div:after {
  display: table;
  content: ""
}
.form fieldset div:after {
  clear: both
}
.form fieldset > div > label {
  display: block;
  padding: 3px 5% 3px 0;
  width: 33%;
  text-align: right;
  float: left;
}
.form fieldset ul {
  padding: 3px 0;
  list-style: none;
  margin: 0;
  float: left;
  display: compact;
  width: 60%;
}
.form fieldset ul li {
  margin: 0 0 15px 0;
}
.form fieldset ul li {
  *zoom: 1
}
.form fieldset ul li:before, .form fieldset ul li:after {
  display: table;
  content: ""
}
.form fieldset ul li:after {
  clear: both
}
.form fieldset ul li span {
  width: 90%;
  float: left;
}
.form fieldset ul li small {
  font-size: .85em;
  margin: -.5em 0 0 0;
}
.form label input[type="checkbox"], .form label input[type="radio"] {
  margin-right: .5em;
  vertical-align: text-top;
  margin-top: 6px;
  float: left;
  clear: both;
}
.form fieldset select {
  margin: 0 1em 0 0;
  max-width: 55%;
}
input[type="text"], textarea, input[type="email"], input[type="password"], input[type="radio"] {
  margin-right: .5em;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #CCC;
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  max-width: 55%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/*------remove number spinners------*/
li input[type="text"], li textarea, li input[type="email"], li input[type="password"] {
  max-width: 98%;
}
input[type="text"]:focus, textarea:focus {
  border: 1px solid #ccc;
  background: #fff;
}
span.required {
  color: #BA1A22;
}
.form fieldset .icon_form img {
  margin-right: .5em;
}
.form [disabled="disabled"] {
  opacity: .60;
}

/*------search------*/
.site_header fieldset.site_search {
  position: absolute;
  top: 10px;
  right: 0;
  width: 35%;
  text-align: right;
  color: rgba(255, 255, 255)
}
fieldset.site_search input[type="text"] {
  width: 50%;
  padding: .25em .5em;
  font-size: 16px;
  border: 1px solid #ddd;
  background: #f5f5f5;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: .5em;
}
fieldset.site_search input[type="submit"] {
  padding: .25em .5em;
  font-size: 16px;
  color: #fff;
  border: none;
  background: #999;
  border-radius: 4px;
}
fieldset.site_search input[type="submit"]:hover, fieldset.site_search input[type="submit"]:focus {
  background: #777;
}
fieldset.site_search input[type="submit"]:active {
  background: #666;
}
/*------searchbar------*/
.searchbar {
  display: none;
  padding: 0 2.5%;
  height: 60px;
  background: #000;
  -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .1);
}
.search {
  background: none;
  display: block;
  width: 80%;
  border: 0;
  padding: 0;
  line-height: 3.125em;
  font-size: 1.1em;
  font-weight: 400;
  color: #FFF;
}
.searchbar input::-webkit-input-placeholder {
  color: #fff;
}
.searchbar input::-moz-placeholder {
  color: #fff;
}
.searchbar input:-moz-placeholder { /* Older versions of Firefox */
  color: #fff;
}
.searchbar input:-ms-input-placeholder {
  color: #fff;
}
.searchbar a:hover {
  color: #efefef !important;
}
.searchsubmit {
  display: block;
  float: right;
  margin-top: 10px;
  background: none;
  border: 0;
  cursor: pointer;
  color: #FFF;
}
.disclosure {
  height: 100px;
  overflow: auto;
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #FFF;
  border: 1px solid #CCC;
  font-size: .9em;
  line-height: 1.3em;
}
.security {
  margin-top: 1em;
  float: right;
}
/*------buttons------*/
.btn {
  text-decoration: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 0;
  color: #000;
  text-transform: uppercase;
  line-height: 1;
  font-weight: bold;
  font-size: .8em;
  margin: 0 .25em .25em 0;
  padding: 1.1em 1.5em;
  cursor: pointer;
  border: 2px solid #A3CF5D;
  text-align:center;
  -webkit-appearance: none;
}

.btn-outline {background-color:none;border-color: #A3CF5D; color:#fff;}
.btn.btn-outline:hover {background-color: #A3CF5D;border-color: #A3CF5D; color:#000;}

.btn.btn-special {background-color:#A3CF5D;border-color: #A3CF5D; color:#000;}
.btn.btn-special:hover {background-color: #000;border-color: #A3CF5D; color:#fff!important;}

.btn:hover {
  color: #FFF;
  border: 2px solid #A3CF5D;
  background-color: #000;
  text-decoration: none;
}
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-danger {
  background: #b94a48;
  border-color: #ac2925;
}
.btn-danger:hover {
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-success {background-color:#A3CF5D;border-color: #A3CF5D; color:#000;}
.btn-success:hover {background-color: #000;border-color: #A3CF5D; color:#fff!important;}

.btn-full {display:block;margin-right:0;width:100%;}
.btn-large{padding: 1em 1.5em;}
.btn-small{font-size: .9rem;padding: .5em 1em;}
.btn-mini{font-size: .8rem;padding: .25em .5em;}

.btn i {
  font-size: 1.3em;
}

/*

.btn2 {
  text-decoration: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: #FFF;
  border: 0;
  color: #000;
  line-height: 130%;
  font-weight: 600;
  font-size: 13px;
  margin: 0 .25em 0 0;
  padding: 1.5em;
  cursor: pointer;
  border: 2px solid #A3CF5D;
  text-transform: uppercase;
}

.btn-online-banking {
  background-color: #007A50 !important;
  border-color: #007A50;
  color: #FFFFFF !important;
}
.btn-online-banking:hover {
  background-color: #47a447 !important;
  border-color: #398439;
}
.btn-account-access {
  display: none;
}
.btn-account-access-scroll {
  display: none;
}
.site_footer .btn {
  background: #0A7A56;
  border: 0;
}
.site_footer .btn:hover {
  background: #0A6D4D;
  border: 0;
}*/

/* just for presentation (bottom left corner) */
.breakpoint {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #333;
  width: 70px;
  color: #FFF;
  font-size: .8em;
  display: none;
  padding: 0 10px;
}
.break_1024to992 {
  display: none;
}
/*------who we are------*/
.gray_box h3 {
  font-size: 18px;
  line-height: 29px !important;
  color: #000;
}
.gray_box {
  background-color: #FFFFFF;
  border: 1px solid #CFD0D2;
  -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.15);
  box-shadow: 0 5px 20px 0 rgba(0,0,0,0.15);
  padding: 30px;
  margin:0 0 2em 0;
    
}
.employee_spotlight {
  margin: 3em 0;
  border: 1px solid #E0E0E0;
  font-size: 13px;
  line-height: 22px !important;
  background-color: #178E64;
  color: #FCFEF4;
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2)
}
.employee_spotlight .inset {
  padding: 30px;
}
.employee_spotlight h4 {
  text-align: center;
  margin-bottom: 1em;
  font-size: 18px;
  color: #FCFEF4
}
.employee_spotlight .staff_member {
  text-align: center;
  margin: auto;
  max-width: 246px;
  clear: both;
  margin-bottom: 1em;
}
.employee_spotlight .quote {
  background-color: #F4F4F3;
  padding: 15px;
  font-style: italic;
  color: #666
}
.quote_divider {
  border-bottom: 9px solid #003D25;
  position: relative;
  margin-top: 15px;
}
.quote_divider span {
  width: 20px;
  height: 29px;
  position: absolute;
  left: 20px;
  top: 2px;
  background-image: url(/images/img-quote.png);
}
.employee_spotlight .name {
  font-weight: bold;
  clear: both;
  margin-top: 25px;
  padding-left: 1.4em;
  font-size: 14px;
  margin-bottom: 0.20em;
}
.employee_spotlight .title {
  clear: both;
  padding-left: 1.7em;
  font-size: 13px;
  font-style: italic;
}
.featured-rotator {
  margin-top: 75px !important;
}
.featured-rotator .slide {
  padding: 25px;
  position: relative;
  margin-top: 15px;
}
.featured-rotator .slide_img {
  display: block;
  width: 100%;
  height: auto;
}
.featured-rotator p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0px;
  line-height: 1.2em;
  color: #1a5a42
}
.featured-rotator a {
  color: #333;
}
/*------Quiz------*/
.circle-quiz {
  display: table;
  height: 70px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}
.circle-quiz .middle {
  display: table-cell;
  vertical-align: middle;
}
.outer-circle {
  align-items: center;
  display: flex;
  height: 70px;
  justify-content: center;
  max-width: 100%;
  overflow: auto;
}
svg {
  height: 100%;
}
circle {
  fill: none;
  stroke: #007A50;
  stroke-width: 10;
}
text {
  fill: #007A50;
  font-size: 4rem;
}
.quiz-title {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  padding: 20px 0;
}
.circle-quiz-table {
  display: table;
  margin: 0 auto;
}
ul.quiz-buttons {
  list-style: none;
  padding: 0 0;
  margin: 0 auto;
}
ul.quiz-buttons li {
  display: inline;
  padding: 0px
}
.quiz-btn {
  background-color: #007A50 !important;
  border-color: #007A50;
  color: #FFFFFF !important;
  padding: 1em 1.5em;
  ;
}
.quiz-btn:hover {
  background-color: #47a447 !important;
  border-color: #398439;
}
.circle-quiz-yes-text {
  margin: 0 auto;
}
.circle-quiz-yes-text h3 {
  color: #007A50;
  text-transform: uppercase;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .selector {
    background: url() top no-repeat;
  }
  /* high-density images */
}


@media only screen and (max-width: 1120px) {
    
nav.nav_primary ul.parent.left {display:none;}
.site_header {height:90px;}
.mobile_menu {display:inline;z-index:10001;}
.menu-btn {display:block;position:absolute;right:0;top:10px;}
.site_header .searchtoggl {top:15px; right:260px;}
ul.parent.right {margin-right:50px;margin-top:1.5em}

}
    
@media only screen and (max-width: 991px) {
  /*---remove defaults for breakpoints---*/
  .list_grid.list_3x li.clear_third, .list_grid.list_4x li.clear_fourth, .list_grid.list_5x li.clear_fifth, .list_grid.list_6x li.clear_sixth {
    display: none;
  }
  /*---hide default clears---*/
  .list_grid.list_3x li.third, .list_grid.list_4x li.fourth, .list_grid.list_5x li.fifth, .list_grid.list_6x li.sixth {
    margin-right: 3.5%;
  }
  /*---over-ride default margin---*/
    
    
.content_wrapper {
  padding: 1em 0
}
    
 /* default breakpoints for structure */
  .structure > .first, .structure > .middle, .structure > .last {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
    
   
    .nav_section {
 margin-top:2em;
}
    
.sideNav_inset {
    padding: 0px;
  }
    
    
    /* Flex Grid max 3 column */
.flex_grid.flex_4x .flex_item {width: 33.333%;}
.flex_grid.flex_4x.flex_margin .flex_item {width:31.333%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(4n+4) {margin-right:3%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(3n+3) {margin-right:0;}

/* Flex Grid IE9 */
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(4n+5) {clear: none;}
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4) {clear:both;}

.site_footer .show_nav {display:block;padding:1.25em 0;text-decoration:none;text-align:center;background-color:#A3CF5D;color:#000;text-transform:uppercase;margin-top:1em;margin-bottom:1.5em}   
.show_nav svg {margin-right:6px;}    
.show_hide_content {display:none}
.show_hide_content.show {display:block}    
    
    
.split {display:block;}
.split .split_item {width: 100%!important; float: none;}
.split.split_left .split_item:first-child {order: +1;padding:0; display: block;}
.split .split_content {max-width:100%;}
.split.split_left .split_content {float:none;}
.split .split_img {position:relative; display:block; top:auto; left:auto; width:auto;}
    
.site_footer .first, .site_footer .last {text-align: center;}
.site_footer .group_1of5, .site_footer .group_2of5 {width:100%;text-align:center;margin-bottom:2em;}
.site_footer .copyright {text-align: center;}


}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .break_991to768 {
    display: none;
  }
  /*---5, 6 column to 4---*/
  .list_grid.list_5x li, .list_grid.list_6x li {
    width: 22.375%;
  }
  /*---establish widths---*/
  .list_grid.list_3x li.third, .list_grid.list_4x li.fourth, .list_grid.list_5x li.fourth, .list_grid.list_6x li.fourth {
    margin-right: 0;
  }
  /*---last column---*/
  .list_grid.list_3x li.clear_third, .list_grid.list_4x li.clear_fourth, .list_grid.list_5x li.clear_fourth, .list_grid.list_6x li.clear_fourth {
    display: block;
    width: 100%;
  }
  /*---show clears---*/
    
.split h2 {font-size:1.5em;}
.split h2 > span {font-size:1.7em;}
.split .split_content, .split.split_left .split_content {padding:3em 30px 3em 30px;}
.split .split_img {height:480px;}

}

@media only screen and (max-width: 767px) {


  /* default breakpoints for table structure */
  table.table_structure_4x tr td {
    width: 47%;
  }
  table.table_structure_4x td.clear {
    display: none;
  }
  .hero_interior_text {
    background-color:#000;
    padding: 11px 20px 10px 18px;
    position: relative;
    bottom: 0px;
    left: 0px;
    z-index: 6;
    max-width: 100%;
  }
    
   .hero_interior_text h1 {
    margin-bottom:0;
    }
 .img_blend {display:none;}
    
  .no_mobile {
    display: none !important;
  }
    


  .site_header a.logo img {
    height: 75px;
  }
    
  .wrapper_hero .hero_img_text .wrapper > div {width:100%;}
  
  .hero_img_text {
    background-color:#000;
    width:100%;
    position: static;
      top:inherit;
      left:inherit;
      transform:inherit;
      padding:1.5em 0;
  }
    
.hero_img_text h1{
  font-size:2.25rem;
}
    
    /* Flex Grid max 2 column */
.flex_grid.flex_4x .flex_item, .flex_grid.flex_3x .flex_item {width: 50%;}
.flex_grid.flex_4x.flex_margin .flex_item, .flex_grid.flex_3x.flex_margin .flex_item {width:48.5%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(3n+3) {margin-right:3%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(2n+2), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(2n+2) {margin-right:0}

/* Flex Grid IE9 */
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4) {clear: none;}
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(2n+3), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(2n+3) {clear:both;}
    
    
.split .split_content, .split.split_left .split_content {padding:2em 30px 2em 30px;}
    
  /************************
* Navigation *
************************/



  .site_footer {
    margin: 0em auto 0;
    padding: 60px 0;
  }


  .site_footer ul.social {
    float: none;
    clear: both
  }
  .site_footer .legal {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .break_767x480 {
    display: none;
  }
  .form textarea {
    width: 60%;
  }
  /*---4, 5, 6 column to 3---*/
  .list_grid.list_4x li, .list_grid.list_5x li, .list_grid.list_6x li {
    width: 31%;
  }
  /*---establish widths---*/
  .list_grid.list_3x li.third, .list_grid.list_4x li.third, .list_grid.list_5x li.third, .list_grid.list_6x li.third {
    margin-right: 0;
  }
  /*---last column---*/
  .list_grid.list_3x li.clear_third, .list_grid.list_4x li.clear_third, .list_grid.list_5x li.clear_third, .list_grid.list_6x li.clear_third {
    display: block;
    width: 100%;
  }
  /*---show clears---*/
  /*---Site Header---*/

  .site_header a.logo {
    position: absolute;
    top: 0;
    color: #666;
    text-decoration: none;
    width: 163px;
    z-index: 100
  }
    
.split h2 {font-size:1.5em;}
.split .split_img {height:350px;}
    

  /************************
* Navigation *
************************/


  .hero_interior_text h3 {
    font-size: 18px;
    line-height: 1.2em
  }
}
/* Interim breakpoint for some phones (landscape) and tablets (portrait) */
@media only screen and (max-width: 640px) {
  
  .site_footer {padding: 30px 0; }
    
  nav.nav_primary ul.parent.right {margin-right:50px;margin-top:1em}
  .site_header .searchtoggl {top:6px; right:140px;}
  .site_header {height:70px;}
  .menu-btn {top:3px;}
    ul.parent.right .drop_nav .btn.btn_i_want {display:none;}
    
  .site_header a.logo {
    position: absolute;
    top: 0;
    left: 10px;
    color: #666;
    text-decoration: none;
    width: 163px;
    z-index: 100
  }
  .site_header a.logo img {
    height: 70px;
  }
  .site_footer ul.social li {
    display: inline-block;
    float: none !important;
    margin-left: 0em;
    padding-left: 10px;
    vertical-align: top;
    text-align: center;
  }
    
    /* Flex Grid */
.flex_grid.flex_4x .flex_item, .flex_grid.flex_3x .flex_item, .flex_grid.flex_2x .flex_item, .flex_grid.flex_4x.flex_margin .flex_item, .flex_grid.flex_3x.flex_margin .flex_item, .flex_grid.flex_2x.flex_margin .flex_item { width: 100%;margin-right:0; }
    
        /* Flex Grid max 2 column */
.flex_grid.flex_4x .flex_item, .flex_grid.flex_3x .flex_item {width: 100%;}
.flex_grid.flex_4x.flex_margin .flex_item, .flex_grid.flex_3x.flex_margin .flex_item {width:100%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(3n+3) {margin-right:0;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(2n+2), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(2n+2) {margin-right:0}

/* Flex Grid IE9 */
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4) {clear: none;}
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(2n+3), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(2n+3) {clear:both;}
 
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
  .break_479x0 {
    display: none;
  }
  /* default breakpoints for table structure */
  table.table_structure_4x tr td, table.table_structure_3x tr td, table.table_structure_2x tr td {
    width: 100%;
    margin: 0;
  }
  table.table_structure_4x tr td td, table.table_structure_3x tr td td, table.table_structure_2x tr td td {
    width: auto;
  }
  .no_mobile {
    display: none;
  }

.split h2 {font-size:1.3em;}
.split .split_img {height:250px;}

  /************************
* Navigation *
************************/
  .no_mobile {
    display: none;
  }


  .form input[type="text"], .form input[type="email"], .form input[type="password"], .form textarea, .form fieldset select {
    max-width: none;
    width: 90%;
  }
  .form fieldset > div > label {
    width: 100%;
    padding: 0;
    text-align: left;
  }
  .form fieldset .icon_form {
    clear: both;
    display: block;
    margin-top: .5em;
  }
  .form fieldset ul {
    width: 100%;
  }
  img.img_left, img[align=left], img.img_right, img[align=right] {
    max-width: 33%;
  }
  aside, figure {
    width: auto;
    float: none;
    margin-left: 0;
    margin-top: 25px
  }
  nav.page ul li {
    display: none;
  }
  nav.page ul li.page-prev, nav.page ul li.page-next {
    display: inline;
  }
  /*---3, 4, 5, 6 column to 2---*/
  .list_grid.list_3x li, .list_grid.list_4x li, .list_grid.list_5x li, .list_grid.list_6x li {
    width: 48.25%;
  }
  /*---establish widths---*/
  .list_grid.list_3x li.even, .list_grid.list_4x li.even, .list_grid.list_5x li.even, .list_grid.list_6x li.even {
    margin-right: 0;
  }
  /*---last column---*/
  .list_grid.list_3x li.clear_even, .list_grid.list_4x li.clear_even, .list_grid.list_5x li.clear_even, .list_grid.list_6x li.clear_even {
    display: block;
    width: 100%;
  }
  /*---show clears---*/
  .list .li-summary {
    display: none;
  }

  .banking_login {
    display: none;
  }

/*  .promotions_wrapper {
    background: #FCFEF4;
    padding: 60px 0;
    margin-bottom: 0px !important;
  }*/
  .featured-rotator {
    margin-top: 35px !important;
  }
  .social .icon {
    width: auto
  }

/*  .promotions p {
    font-size: 18px;
  }*/
}


@media only screen and (min-width: 0px) and (max-width: 340px) {
    
      .site_header .searchtoggl {display:none;}

}
    
/*Print styles */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " ("attr(href) ")";
  }
  abbr[title]:after {
    content: " ("attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "" !important;
  }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}



/* Slider */
.slick-slider
{
    overflow:hidden;
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{

}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;

    opacity: .75;
    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position:static;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;

    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
 
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 48px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 48px;
    height: 48px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

  .quiz-two, .yes, .quiz-three, .circle-quiz-yes-text, .joint {
        display: none;
    }

    .DispTable {
        display: table;
    }

    .DispBlock {
        display: block;
    }