body {margin: 0px;  text-align: center; font-size: 16px; font-family:  arial, sans-serif; background-color: WHITE; -webkit-text-size-adjust: 100%; padding: 0px; padding-top: 160px; color:  #202657; }
input, button, select, textarea {font-size: 16px; font-family:  arial, sans-serif; }
button:focus{outline: 0;}

.normal {
  font-size: 18px; font-family:  arial, sans-serif !important;
}
#contentwrapper {width: 100%;  }

header {width: 100%; height: 160px;  position: fixed; top: 0px; right: 0px; background-color: white; z-index: 100; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5);}
header .liner {height: 160px;}
.liner {width: 96%;  max-width: 1170px; margin: 0 auto;  position: relative; }

/*::target::before, :target:before {content:"";display:block;height:160px; margin:-160px 0 0; }*/

/*.anchorite {position: relative; top: -210px;}*/
/*:target:before {*/
.anchorite:before {
  display: block;
  content: " ";
  height: 160px;      /* Give height of your fixed element */
  margin-top: -160px; /* Give negative margin of your fixed element */
  visibility: hidden;
}

a.skipper, a.skipper:visited {line-height: 0; font-size: 0; border: 0; background: transparent;position: absolute; top: 0; left: 0; z-index: 101}
a.skipper:focus, a.skipper:visited:focus {border: solid 2px white; color: black; background-color: yellow; line-height: 1; font-size: 18px;}

a.homelink{position: absolute; left: 0px; top: 16px;}
a.homelink img {width: 140px; /*height: 90px*/}

.pipe { margin: 0px 5px;}

.toplinks {text-align: right;  position: absolute; top: 25px; right:190px; font-size: 14px;}
.toplinks a, .toplinks a:visited, .toplinks .notalink  {margin-right: 20px; color: #0F8093;}
.toplinks a:hover, .toplinks a:focus {color: #202657}
.pushmenu .toplinks  {display: none}


.ctas{position: absolute; bottom: 8px; right: 0; }

section { width: 100%;  background-color: white; position: relative; line-height: 1.5; }
section.nopad, section.notifications{padding: 0; margin: 0;}

article, aside.silver {  width: 96%; max-width: 1170px; overflow: hidden; margin: 0 auto; text-align: left; position: relative;  }

.intbanner {width: 100%; max-width: 2100px; height: 490px; margin: 0 auto; position: relative; background-size: cover; background-position: center top; background-repeat: no-repeat; display: flex; align-items: center; padding: 20px calc((100% - 1170px) / 2);}
.inttext{background: rgba(255,255,255,.8); padding: 30px; border-radius: 15px  0 15px 15px; max-width: 300px }
.inttext .code_block{display: inline-block; font-size: 28px; color: #202657; font-weight: 600; text-transform: uppercase; text-align: left; line-height: 1.15}
.inttext .code_block p{margin: 0;}

.crumbs{margin: 20px 0;}

section.silver {background-color: #E7E9EA;}
aside.silver, section.silver .liner { padding: 40px 0}
section.silver .liner {text-align: left;}
section.silver .col3 {background: white; width: 30%; max-width: 360px; margin: 0 1.667%; padding: 0; height: 600px; overflow: hidden; }
section.silver .col3 h2 {margin-top: 0; color: #202657}
section.silver .liner .col3 {background: transparent;  height: auto;  }
.learnmore {position: absolute; bottom: 0px; left: 20px; }
section.silver .col3 .code_block:last-child {position: absolute; bottom: 10px; left: 20px; padding:0; margin: 0;}
section.silver .col3 .code_block .code_block_indiv_top{display: none;}


section.home{position: relative; padding: 50px 2%; /*background: url(../images/LINE-ART-BAND.jpg) no-repeat center center;*/ background-size: cover;}


section.white{position: relative; padding: 50px 2%; /*background: url(../images/LINE-ART-BAND.jpg) no-repeat center center;*/ background-size: cover;}

section.white article {display: flex; justify-content: space-between;align-items: center; }
.imgr{width: 50%;  z-index: 9; background-size: contain; padding-left: 5% }
.imgr img {width: 100%;}
.textr{width: 50%;  padding-right: 5%}
.textr h2 { margin-top: 0; color: #202657}


section.testim{border-top: solid 2px #E7E9EA; border-bottom: solid 2px #E7E9EA; margin: 5px 0;position: relative;height: 352px; position: relative;}
section.testim .liner {height: 348px; width: 100%;}

article.testimtxt{background: url(../images/TestimonialOverlay.png) no-repeat right top;  z-index: 90; height: 348px;  width: 60%; position: absolute; top: 0px; left: 0px; padding: 0 60px 0 20px; overflow: hidden; display: table}
.testimcell {height: 348px;  width: 100%; display: table-cell; vertical-align: middle}

.testimimg{ height: 348px; width: 1000px; max-width: 53%;  background-position: right center; background-repeat: no-repeat; position: absolute; top: 0px; right: 0px; z-index: 9;  }
.realimg {display: none;}

.flexed{display: flex; justify-content: space-between; flex-wrap: wrap}
.greybox{background-color: #ededed; padding: 0px 20px 60px 20px; border-radius: 10px 0 10px 10px;   flex: 1 1 200px; margin: 10px; position: relative;}
.flexed .greybox:first-child {margin: 10px 10px 10px 0}
.flexed .greybox:last-child {margin: 10px 0 10px 10px}
.greybox a.cta{position: absolute; bottom: 20px; left: 20px;} 
.greybox h2{margin: 0;}


/*

section.white.int {height: 352px;}
.textr.int {background: url(../images/TestimonialOverlay.png) no-repeat right top; padding: 60px 60px 60px 0; z-index: 90}
.imgr.int {max-height: 348px; overflow: hidden; }
*/

.regionbox, aside .code_block, .bannerbox {overflow: hidden; width: 100%; text-align: left; padding: 20px; }
.bannerbox {padding: 0;}
.bannerbox img {width: 100%;}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.regionbox h2, .code_block h1 {color: #202657; font-size: 20px;}

.greenimg { width: 600px;position: absolute; bottom: 0px; right: 0px; z-index: 9; height: 540px; background-position: center center; background-repeat: no-repeat; background-size: cover}
.greentext{position: absolute; top: 0px; left: 0px;z-index: 99; background-color: transparent; width: 50%; height: 540px; padding: 0px 40px 0px 0px; overflow: hidden; display: flex;  align-items: center; height: 540px;}
.greencell { width: 100%;  text-align: left; }

.greenvid{position: absolute; top: 0px; right: 0px;z-index: 99; /*background-color: #E7E9EA;*/ width: 730px; height: 540px; padding: 0px; overflow: hidden;display: flex;  align-items: center; height: 540px;}
.greenvid video {width: 100%;height: 540px; top: -20px; margin-bottom: -20px; text-align: right;}
.greenvid .video_wrapper { width: 100%; max-height: 540px; border: dotted 0px black; text-align: right;}
.greenvid .cms_external_video_responsive_container {overflow: hidden;  height: 540px;  }
.greenvid .cms_external_video_responsive_container iframe {position: absolute;top: 0;right: 0;width: 100%;height: 540px; max-width: 737px; max-height: 540px;}
.greentext2{position: absolute; top: 0px; left: 0px;z-index: 99; background-color: transparent; width: 50%; height: 540px; padding: 0px 40px 0px 0px; overflow: hidden; display: flex;  align-items: center; height: 540px;}
.greencell2 { width: 100%;  text-align: left; }


section.green {background: url(../images/LINE-ART-BAND.jpg) no-repeat center center; background-size: cover; height: auto; position: relative;}
section.green .liner {height: 540px; text-align: left; }
section.white2 .greentext{ background-color: transparent;}

section.white2 { height: 300px; position: relative;background-color: #E7E9EA;}
section.white2 .liner {height: 300px; text-align: left; }
section.white2 .greentext{ background-color: transparent;height: 300px; }
section.white2 .greenimg{ height: 300px; }
section.white2 .greenimg img {max-height: 300px;}
section.white2 .greencell {height: 300px; }

section.qlint{ padding: 40px 0;}
section.qlint a, section.qlint a:visited{display: inline-block; width: 20%; min-width: 130px; height: 120px; color: #202657; font-weight: 500; font-size: 18px; line-height: 2; }
section.qlint a:hover, section.qlint a:focus{color: #202657; text-decoration: none;}
section.qlint .liner.bee {display: none;}
section.qlint h2 {font-weight: 300; font-size: 48px}


section.ql{ padding: 40px 0 20px 0;}
section.ql a, section.ql a:visited{display: inline-block; width: 160px; height: 120px; color: #202657; font-weight: 500; font-size: 20px; line-height: 2;margin: 0 15px 20px 15px;text-decoration: none;}
section.ql .liner.bee {display: none;}
section.ql h2 {font-weight: 300; font-size: 48px}
section.ql .eh a div{margin-bottom: -20px;}

.chatter a, .chatter a:visited{position: fixed; top: 200px; right: 0px; z-index: 99; background-color: #0F8093; color: white; text-decoration: none; width: 30px; border-radius: 7px 0 0 7px; padding: 5px; border: solid 1px white; font-weight: 700; z-index: 100}
.chatter a:hover, .chatter a:focus {background-color: #202657; color: white; text-decoration: none; }

footer {width: 100%; padding: 40px 0; background: linear-gradient(to bottom, rgba(12,78,153,1) 0%,rgba(15,128,147,1) 32%,rgba(103,193,140,1) 100%);color: white;}

.bottomlinks { text-align: left; color: white;margin: 100px 0 40px 0;}
footer  a, footer a:visited { color: white; margin-right: 10px;}
footer  a:hover {color: white; text-decoration: underline;}
.bottomlinks .pipe:last-child {display: none; }

.socmed {width: 100%; text-align: left;  }
.socmed img {margin-right: 10px;}
.socmed a .RLwords{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.socmed a, .socmed a:visited{font-size: 32px; color: white; margin-left: 10px}
.socmed a:hover, .socmed a:focus{ color: #E7E9EA; text-decoration: none;}


.col23 {width: 66.667%; position: relative; float: left; padding: 20px 0;  }
.col23 .col2 {padding: 0 40px 0 0; text-align: left}
.col23 .col2 hr { border: 0; height: 0; border-top: 1px solid #c9cbcd; margin: 5px 0; }
.header {font-weight: 500; font-size: 20px}
footer .col3 {padding: 20px 0 0 40px; text-align: left; float: right;border-left: solid 1px white;}

footer .col23 p {margin-bottom: 5px;}

.footnote {width: 66.667%; position: relative; float: left; text-align: left; font-size: 14px;}

.mobi, .wordiness {display: none;}

nav.pc {width: 100%; z-index: 100; position: relative; }

section.SL_html {width: 100%;  max-width: initial;  height: 500px;   display: block; z-index: 1; border: solid 1px lime;}

.peeppic, .peeptext {position: relative; float: left; width: 24%; padding: 10px 0; min-height: 300px; margin-bottom: 20px; overflow: hidden;}
.peeptext {width: 76%; padding: 10px 0 10px 30px;}
.peeppic {clear: both; max-width: 210px;}
.peeppic img {width: 100%; position: absolute; top: 0px; left: 0px; }
.peeptext h2 {display: inline-block; margin: 0 0 10px 0}
.peeptext h3 { color: #000000; margin: 0 0 25px 0; font-size: 16px; font-weight: 400;}
.peeptext .col2 {padding: 0px 20px 10px 0px;}
.peeptext h4{ font-weight: 400;  font-size: 14px; line-height: 20px; margin: 5px 0;}
.peeptext ul { margin: 0; padding-left: 15px}
.peeptext ul li {font-size: 14px; line-height: 20px; margin: 4px 0;}


/****************
 Dark Green - # 00714f
 Bright Green - # 80c343
 Light green - # b3db8e
 Orang - # f68121 (CTA)
 Gray - # 7e7e80 (Footer)
 Light Gray - # d8d9da (Search Box & Horizontal Lines)
 Lightest Gray - # #E7E9EA (News Background)
 Dark Gray - # 444444 (Copy)

 **** NEW COLORS ******

Midnight Blue #202657 (R=32 G=38 B=87) - text and buttons
Ocean Blue #0F8093 (R=15 G=128 B=147) - Headers and Links
Hazy Gray #E7E9EA (R=231 G=233 B=234)

gradient should be #0c4e99 into #0F8093
background: linear-gradient(to bottom, rgba(12,78,153,1) 0%,rgba(103, 193, 140, 1) 100%); 

-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
*************************/

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a, a:visited{color:#0F8093;text-decoration: none; -webkit-transition:  color .5s, background-color .5s; transition:  color .5s, background-color .5s;font-weight: 600;}
a:hover, a:focus {color: #202657; text-decoration: none;}
.breaker {clear: both; }
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.disclaimer {font-size: 11px; line-height: 1;}

hr { border: 0; height: 0; border-top: 2px solid #E7E9EA; margin: 5px 0; }


a.cta, a.cta:visited, a.blogmo, a.blogno:visited, input[type="submit"], input[type="button"], button.cta, .ctas a, .ctas a:visited, #hbbttn{display: inline-block; background-color: #0F8093; color: white; text-align:center; padding: 10px; text-decoration: none; border: 0; font-weight: 600;font-family:  arial, sans-serif; border-radius: 7px 0 7px 7px; border: none; line-height: 1; text-transform: uppercase}
a.cta:hover,  a.blogmo:hover, a.blogno:focus, input[type="submit"]:hover, button.cta:hover, button.cta:focus, .ctas a:hover, .ctas a:focus, #hbbttn:hover, #hbbttn:focus  { background-color: #202657; color: white;  text-decoration: none; outline: 0}



input[type="submit"] {-webkit-appearance: none; -moz-appearance: none;cursor: pointer; }

.Mheader{font-weight: 700; font-size: 18px; color: #0F8093}
.rate {font-weight: 900; font-size: 42px; color: white;line-height: 1.5;}
.apr {font-weight: 300; font-size: 12px;}
.peepcontact {padding: 4px 10px; border-left: 1px #0F8093 solid;}
.peepcontact .fa { padding: 0 5px 0 0;}



table.columnized{border-collapse: collapse; border: solid 1px black;}
table.columnized th{background-color: #0F8093; color: white;border: none; border-bottom: solid 1px black;}
table.columnized tr td {border: none; border-bottom: solid 1px black;}
table.columnized tr td:nth-child(even){}
table.columnized tr td:nth-child(odd){background-color:#E7E9EA}
table.columnized tr:nth-child(even) td:nth-child(even){background-color:white}
table.columnized tr td:first-child{background-color: #202657; color: white;}

table {margin-bottom: 20px; width: 100%;border-collapse: collapse;}
table th {background-color: #0F8093; color: white; font-weight: 500; font-size: 18px; padding:15px 25px; }
table tr:nth-child(even) {background-color: #E7E9EA;}
table tr td {border-right: 1px solid #E7E9EA; padding:15px 25px;}
table tr td:last-child {border-right: none;}


.col2, .col3, .col4, .col5, .col6{padding: 10px 20px; position: relative; float: left; overflow: hidden; margin: 0;}
.col6 {width: 16.6%; padding: 10px; }
.col5 {width: 20%; padding: 10px;}
.col4 {width: 25%;}
.col3 {width: 33.33%;}
.col2 {width: 50%;}

h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
{color: #0F8093; font-size: 36px; font-weight: bold; line-height: 1.15; text-transform: uppercase}

h2, .code_block h1, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle, .forum_thread_category, .Category_Header_Text, .content_faq_header, .content_calendar_header, .cms_form_header
{color: #202657; font-size: 27px;  font-weight: bold;line-height: 1.15}

h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name
{color: #202657; font-size: 18px;  font-weight: bold;line-height: 1.15}

h4, .forum_thread_date, .forum_mischeader_title {color: #202657; font-size: 14px; font-weight: bold; }
h5 {color: #202657; font-size: 14px; font-weight: bold; }
h6 {color: #202657; font-size: 14px; font-style: italic; font-weight: bold;}

/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: #E7E9EA; border-bottom: 3px solid white; }
.regions_rates_table_effectivedate {font-size: 12px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields {  color: #0F8093;}
.aprnote {font-size: 12px; width: 180px;}
td.regions_rates_table_row2 marquee, td.regions_rates_table_row1 marquee {width: 242px;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #0F8093; color: white; font-weight: 500; font-size: 18px; border: none;  }
.content_rates_table_row2 {background-color: #E7E9EA}
.content_rates_table_row1 {background-color: white;}
.content_rates_table_row_highlight {color: #0F8093;}
.sideslider {width: 100%;}
.content_rates_table_postfix {line-height: 1;}
.content_rates_table td {border-right: solid 1px solid #E7E9EA;}
.content_rates_table td:last-child {border-right: none;}
.content_rates_table_notes {background: white;}
table.content_rates_table tr td.content_rates_table_title {padding-left: 0;}


/** ALERTS 2.0 ****************************************************/
	.alertholder{width: 100%; }
	.alertbar {padding: 10px 0; width: 100%; }
	.alertbar.regular{}
	.alertbar.high{}
	.alert {width: 96%; max-width: 1160px; margin: 0 auto; padding: 0 320px 0 60px ; position: relative; text-align: left}
	.alert_icon{}
	.alert a, .alert a:visited {}
	.alert a:hover, .alert a:focus {}
	button.exed {position: absolute; top: 0px; left: 10px; cursor: pointer; font-size: 20px; text-align: center; display: block; text-decoration: none !important; background: transparent; border: 0;}
	button.exed:before {content:"\f057"; font-family: 'FontAwesome'; }

	.Cnotice button.exed {left:auto;right:0px;}
	.Cnotice p{width: 100% !important}
	.cookiebar{padding-right: 130px !important;}


/* old forms */
.captcha_warning {font-size: 14px; color: red; font-weight: bold;}
.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}

/* new forms */
div.taft_formElement-wrapper.wide {width: 100%;}
span.fb_legend {padding-bottom: 10px;color: gray;font-style: italic;}
hr.fb_legend {display: none;}
li.fb_element{ padding: 0 ;}
form.taft_fb_form ul {padding: 0; margin: 0;}
.taft_label-wrapper, .taft_formElement-wrapper  {position: relative; float: left; min-height: 30px; border: solid 0px red; padding: 0 10px 10px 0;}
.taft_label-wrapper {clear: both; width: 33%;}
.taft_formElement-wrapper {width: 66%; }
input.fbPhoneprt{ width:50px;}
.captcha, .no-sortable {clear: both;}
.taft_formElement-wrapper label {margin-left: 5px;}
.fb_required_fields{padding-bottom: 20px; color: #E7E9EA; font-style: italic;}
.regionbox .taft_formElement-wrapper, .code_block_indiv_content .taft_formElement-wrapper{width: 66%; }
.regionbox .taft_label-wrapper, .code_block_indiv_content .taft_label-wrapper{width: 33%;}

/* forms 2017 */
.cms_form_item, .cms_form_content_block {clear: both; padding: 5px 0;}
.cms_form_item_sidebyside {width: 50%; padding: 0 20px 0 0;  float: left;  }
.cms_form_clear {clear: both;}
.cms_form_label {width: 33%; position: relative; float: left; margin: 0 1% 2px 0;  font-weight: normal;}
.cms_form_object {width: 66%; position: relative; float: right; margin: 1px 0}

.cms_form_textinput { width: 100%;}
.cms_form_textarea { width: 100%; height: 100px;}
.cms_form_dropdown { width: 100%;}
.cms_form_ssn1 {width: 50px;}
.cms_form_ssn2 { width: 40px;}
.cms_form_ssn3 { width: 70px;}
.cms_form_cc_exp {width: 50px;}
.cms_form_cc_cvv {width: 50px;}

.cms_form_required_block { color: #333;  font-style: italic; border-bottom: 1px solid #E7E9EA;}

.cms_form_collapsible {margin-bottom: 10px;}
.cms_form_collapsible_header A {display: block; background-color: #dddddd; padding: 5px; font-size: 18px; font-weight: bold; color: Black;}
.cms_form_collapsible_header A:before { content: '+ ';}
.cms_form_collapsible_header.open A:before {content: '- ';}

.cms_form_submitted {color: #202657; font-weight: bold;}

.cms_form_error, .cms_form_errors {color: red; font-weight: bold;}

.cms_form_wrapper .required:before,#existing_elements_column .required:before { content: '* ';}
.cms_form_item_backend .required:after { content: '';}



/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}

/* calendars */
.content_calendar_table {border: solid 1px black; border-collapse: collapse}
td.content_calendar_table_headercell {background-color: #0F8093; color: white; text-align: center; font-weight: bold;}
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; text-decoration: none;}
td.content_calendar_table_headercell a:hover { color: #E7E9EA; text-decoration: none;}
td.content_calendar_table_cell { border: solid 1px black}
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: #E7E9EA}

/* for polls */
.region_poll_table_inner td {padding: 2px;}
.region_poll_table_inner {margin-bottom: 10px;}
.region_poll_radio_cell input {position: relative; top: 5px;}

/* faqs page */
.faq_toolbar {padding-bottom: 15px;}
.faq_viewed {color: #0F8093; font-size: 11px; font-weight: bold; font-family:  arial, sans-serif;}
.faq_search {margin: 20px 0px}
.faq_question_block {margin-top: 10px;}
.faq_advanced_search_panel {padding: 0px;}
.faq_advanced_search_panel table {margin: 20px 0px;}
.faq_advanced_search_panel table td {padding: 2px 0px;}
.faq_advanced_search_panel i {color: #E7E9EA;}

/* faqs regions */
ul.region_faq_list li {margin-bottom: 5px;}
span.region_faq_header {display: block; margin-bottom: 10px}

/* blog styles */

article.blogpage {width: 70%; position: relative; float: left; margin: 0}
aside.blogpage { width: 25%; text-align: left; position: relative; float: right; margin: 40px 0 0 0; clear: none; }
aside.blogpage .regionbox {border: solid 1px #202657; border-radius: 10px; margin-bottom: 20px;}
aside.blogpage .regionbox h2 {margin-top: 0;}

.blog_posted_date {display: block; color: gray;}
.comments_sortbox {position: relative; float: right; background-color: white; top: -20px; }
.comment_item {border: solid 1px #0F8093; padding: 0px 10px 10px 10px; margin: 10px 0px;clear: both;}
.comment_posted_by_and_who {color: gray;}
.comment_text {margin-top: 10px;}
table.comments_form_table{border: solid 1px #0F8093; width: 100%}
table.comments_form_table td {padding: 3px 5px;}
.comments_submitted {margin: 10px 0px; border: solid 1px red; padding: 10px; }
.comment_reply_body {border: solid 1px #0F8093; padding: 10px; margin: 10px; background-color: #E9E7E6;}
textarea.comments_form_textbox {width: 98%; height: 75px;}
span.blog_tags_tag a{display: inline-block;}
.blog_share {position: relative; float: right; }
.blog_share a {position: relative; float: right; margin-left: 5px;}
.blog_share ul {list-style: none}
.blog_share ul li{ display: inline-block;}
.blog_share ul li .fa {font-size: 20px; position: relative; top: 7px;}

ul.content_blog_list {margin: 0; padding: 0}
.blogbox{clear: both; border-top: solid 1px  #202657; padding: 20px 0;}
.blogimage{width: 50%; position: relative; float: left; background-size: cover; height: 0; padding-bottom: 25%; margin-right: 20px;}
/*a.blogmo, a.blogmo:visited{display: inline-block; background-color: #202657; color: white; padding: 10px 20px; text-decoration: none;text-transform: uppercase; border-radius: 5px; font-weight: 600;transition: background-color 1s; border: 0; position: relative; float: right;}
a.blogmo:hover { background-color: #006F51; color: white;  text-decoration: none;}*/
.blogdate{color: #717174; font-size: 13px;}
a.blogmo{ position: relative; float: right;}





/* for sidebar content */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}
/*.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}*/

/* for image gallery */
.slideshow-container {width: 300px; height: 200px; overflow: hidden;}

/* videos */
.video_wrapper {margin-top: 20px !important;}


.table {max-width: 100%;overflow-x: auto;}

button.modal_link{ border:0; background: transparent; padding: 0; margin: 0;} 
button.modal_link:focus, button.modal_link:hover{}
button.modal_button {}
button.modal_button:hover, button.modal_button:focus{}

/** INTERIOR HERO *****************************************/


	/* set the height - add arrows if they are on the side */
	.R0.regional_slideshow.carousel, .R0.regional_slideshow.carousel .carousel-item {background-color: #f3f4f6; /*height: 360px;*/}

	.R0.regional_slideshow.carousel {} 
	.R0.regional_slideshow .carousel-item{}

	.R0.regional_slideshow .carousel_overlay{}
	.R0.regional_slideshow .carousel-image{border: solid 1px cyan; width: 100%; /*height: 208px;*/}
	.R0.regional_slideshow .carousel-image img{object-fit: cover; object-position: center;width: 100%;  /*height: 208px*/}



	.R0.regional_slideshow .carousel-caption {position: static;   font-size: 16px; line-height: 1.8; color: black; height: 248px; padding: 0 30px; line-height: 1.5; display: flex;
  justify-content: center;
  align-items: center;}
	.R0.regional_slideshow .carousel-caption h1 {font-size: 28px; color: #202757; text-transform: initial; margin: 0 0 2rem 0;}
	.R0.regional_slideshow .carousel-caption  p{margin: 0 0 2rem 0;}

	.R0.regional_slideshow .carousel_caption_text{width: 100%}

	.R0.regional_slideshow .playpause {position: absolute;  bottom: 20px; right: 50%;  top: auto;  margin: 0; width: 74px; height: 26px; z-index: 99; }
	.R0.regional_slideshow .playpause button{border: 0; color: #202657; width: 74px; height: 26px; font-size: 16px; background: none;  font-weight: 400; text-align: right; padding-right: 5px}
	.R0.regional_slideshow .playpause button:hover, .playpause button:focus{color:#0F8093;}
	.R0.regional_slideshow .playpause button.pushed{display: none;}

	.R0.regional_slideshow a.carousel-control-next {/*border: solid 1px red;*/ opacity: 1; text-decoration: none; top: auto; bottom: 20px; width: 60px; height: 26px; font-size: 16px;font-weight: 400;  color: #202657;  border-left: solid 2px #202657; left: 50%; padding-left: 8px}
	.R0.regional_slideshow a.carousel-control-next:hover, .R0.regional_slideshow a.carousel-control-next:focus{color:#0F8093;}



	/*S*/
	@media only screen and  (min-width: 576px) {
	}
	
	/*M*/
	@media only screen and  (min-width: 768px) {
	}

	/*L*/
	@media only screen and (min-width: 992px) {
		.R0.regional_slideshow, .R0.regional_slideshow .carousel-item{height: 500px;}
		.R0.regional_slideshow video {display:block;}
		.R0.regional_slideshow .carousel-image{ width: auto; height: 500px;max-width: 1920px; position: absolute; top: 0; right: calc(50% - 960px);}
		.R0.regional_slideshow .carousel-image img{width: 1920px; height:  500px;}
		.R0.regional_slideshow .carousel-caption {position: absolute; top: 0; left: 0; font-size: 16px;  height: 100%; padding: 0 0px 0px 30px; text-align: left; display: flex;  align-items: center; width: 40%}
		.R0.regional_slideshow .carousel-caption h1 {font-size: 46px; }

		.R0.regional_slideshow .playpause {left: 30px; right: auto; }
		.R0.regional_slideshow .playpause button{ text-align: left;}
		.R0.regional_slideshow a.carousel-control-next{ left: 104px;}
	}
	
	/*XL*/
	@media only screen and (min-width: 1200px) {
	}

	
	@media only screen and (min-width: 1230px) {
		.R0.regional_slideshow .carousel-caption {width: 489px; left: calc(50% - 585px);  padding: 0; }
		.R0.regional_slideshow .playpause {left: calc(50% - 585px);}
		.R0.regional_slideshow a.carousel-control-next{left: calc(50% - 513px); }


	}


	/*XL*/
	@media only screen and (min-width: 1900px) {
	}