*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-family: arial, sans-serif; background-color: WHITE; -webkit-text-size-adjust: 100%; }

p{}
a, a:visited{color: #005BAA; -webkit-transition:  all .5s; transition:  all .5s;}
a:hover, a:focus {color: #FFCA00; }
input, select, textarea{}
button {padding:0; border: 0; background: transparent; cursor: pointer}
.liner {width: 100%;  max-width: 1170px; margin: 0 auto;  position: relative; }

#contentwrapper {width: 100%;  }

header {width: 100%; height: 100px; position: relative; padding: 0 30px; background-color: white;-webkit-transition:  all .5s; transition:  all .5s; z-index: 100; border-bottom: solid 2px #FFCA00}
header.stuck {position: fixed; top: 0px; right: 0px; -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: 100px;}

a.homelink, a.homelink:visited{position: absolute; left: 0px; top: 20px; text-decoration: none; text-align: left;}
a.homelink:hover, a.homelink:focus {text-decoration: none; }
a.homelink img {width: 100%; max-width: 266px;}
.tagline {font-weight: 600; font-style: italic; color: #005BAA }


.toplinks {text-align: right;  position: absolute; top: 10px; right: 0px; color: #005BAA;  }
.toplinks a, .toplinks a:visited  {  color: #005BAA;text-decoration: none;}
.toplinks a:hover, .toplinks a:focus { color: #005BAA;text-decoration: underline;}
.pipe { margin: 0px 10px;position: relative;}

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

article {  width: 100%; max-width: 1170px; overflow: hidden; margin: 0 auto; text-align: left; }

aside {  width: 100%; max-width: 1170px; overflow: hidden; margin: 0 auto; text-align: left; }

.regionbox, .code_block, .bannerbox {overflow: hidden; width: 33.33%;  text-align: left; padding: 20px; position: relative; float: left;}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}

.bannerbox {text-align: center;}
.bannerbox img {max-width: 100%; }
.video_wrapper {margin-top: 20px !important;}

footer {width: 100%; padding: 40px 30px; background-color: #005BAA; color: white;}

footer  a, footer  a:visited { color: white;text-decoration: none;}
footer  a:hover, footer  a:focus {color: white; text-decoration: none;}

.bottomlinks { text-align: right; color: white; width: 50%; position: relative; float: right;}
.bottomlinks .pipe:last-child {display: none;}
.bottomlinks .pipe:last-child, .bl .pipe:last-child {display: none;}
.bl {display: none;}

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

.mobi, .wordiness {display: none;}

/*********************/

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

section.SL_html {width: 100%; height: 685px; background-color: #E7E7E7;}

/****************
blu - #005BAA
gold - #FFCA00
silver - #E7E7E7


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


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

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


.breaker {clear: both; }
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.disclaim {font-size: 11px; line-height: 1;}
sup, sub {vertical-align: baseline; position: relative;  top: -0.4em;}
sub {top: 0.4em;}

hr { border: 0; height: 0; border-top: 2px solid #FFCA00 }

a.cta, a.cta:visited, input[type="submit"]{display: inline-block; background-color: #005BAA; color: white; padding: 5px 10px; text-decoration: none; border: none;cursor: pointer;}
a.cta:hover, input[type="submit"]:hover, a.cta:focus, input[type="submit"]:focus { background-color: #FFCA00; color: white;  text-decoration: none;}


.col2, .col3, .col4, .col5, .col6, .col23{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%;}
.col23 {width: 66.67%;}
.col2 {width: 50%;}

h1 {color: #005BAA; font-size: 30px;font-family: 'Century Gothic', sans-serif; }

h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
{color: #005BAA; font-size: 18px; font-family: bitter, serif;font-weight: 500; }

h3, .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, .content_article_header
{color: #FFCA00; font-size: 16px;font-family: bitter, serif;font-weight: 500;}

h4, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name
{color: #005BAA; font-size: 14px; font-weight: 500; }

h5, .forum_thread_date, .forum_mischeader_title
{color: black; font-size: 14px; font-weight: bold; }

h6 {color: black; 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: #E7E7E7; border-bottom: 3px solid white; font-size: 12px; }
.regions_rates_table_effectivedate {font-size: 12px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 12px; color: #005BAA;}
.aprnote {font-size: 12px; width: 180px;}
td.regions_rates_table_row2 marquee, td.regions_rates_table_row1 marquee {width: 242px;}

/* rates & styled tables */
table.styled, .content_rates_table {margin-bottom: 20px; width: 100%; border-collapse: collapse;}
table.styled th, .content_rates_table_fields {}
table.styled td, .content_rates_table_row2, .content_rates_table_row1 {}

/*table.styled th:first-child, .content_rates_table_fields:first-child {border-left: none;}*/
/*table.styled tr td:first-child, tr td.content_rates_table_row2:first-child, tr td.content_rates_table_row1:first-child {border-left: none; }*/
.content_rates_table_row_highlight {color: #ae0000;}
.sideslider {width: 100%;}
.content_rates_table_postfix {line-height: 1;}

/* alerts */
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; border-bottom: solid 1px white}
.alert {width: 96%; max-width: 1170px; margin: 0 auto; padding-right: 40px; position: relative;text-align: left}
button.exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; display: block;}
button.exed:before {content:"\f2ee"; font-family: 'Font Awesome 5 Pro';}
.alert_icon{position: relative; float: left; font-size: 20px; margin-right: 20px;}
.alert_icon:before{content:"\f071"; font-family: 'Font Awesome 5 Pro'; font-weight: 400;  }
.alertbar.regular .alert_icon:before{content:"\f05a"; font-family: 'Font Awesome 5 Pro'; font-weight: 700;  }


/*
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; background-color: red; color: white;  }
.alert {width: 96%; max-width: 1170px; margin: 0 auto; padding-right: 40px; position: relative;text-align: left}
.alert a, .alert a:visited {color: white; }
.alert a:hover, .alert a:focus {color: yellow; }
#exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; display: block; color: white;}
#exed:hover, #exed:focus{color: black}

new styles
.alertbar {min-height: 20px; padding: 0; width: 100%; background-color: #bb0000; color: white;  }
.alert {width: 96%; max-width: 1170px; margin: 0 auto; padding: 10px 40px 10px 10px; position: relative;text-align: left}
button.exed{position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 20px; text-align: center;  display: block; color: white;}
button.exed:hover, button.exed:focus{color: black}
*/



/* new locator */
.boxedsearch, .legend {BACKGROUND-COLOR: #f7f7f7; }
a.clear, a.clear:visited, button#exedout, button.clear{}
a.clear:hover, a.clear:focus, button#exedout:hover, button#exedout:focus, button.clear:hover, button.clear:focus {}
button#exedout {display: none;}
input.go{background-color: #005BAA; color: white; border: none; padding: 4px 10px; font-size: 14px; margin-left: 5px;}
input.go:focus, input.go:hover{background-color: #FFCA00; color: white;}


/* forms */
.cms_form_item, .cms_form_content_block {clear: both; padding: 10px 0; margin: 0 !important;}
.cms_form_textinput, .cms_form_dropdown  {width: 100%;}
.cms_form_textarea {width: 100%; height: 100px;}
fieldset, legend {white-space: normal; width: 100%; }
.cms_form_item_sidebyside {width: 50%; padding: 0 20px 0 0;}
.cms_form_label {width: 33%; position: relative; float: left; margin: 0 1% 5px 0;  font-weight: normal;}
.cms_form_object {width: 66%; position: relative; float: right; margin: 1px 0}
fieldset, legend {white-space: normal; width: 100%; border: none;}

/* dec tree */
div.CHboxedup {z-index: 90;  }

/* calendars */
.content_calendar_table {border: solid 1px black; border-collapse: collapse}
td.content_calendar_table_headercell {background-color: #005BAA; color: white; text-align: center; font-weight: bold;}
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; }
td.content_calendar_table_headercell a:hover, td.content_calendar_table_headercell a:focus { color: #E7E7E7; }
td.content_calendar_table_cell { border: solid 1px black}
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: #E7E7E7}

/* polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}
.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: #005BAA; font-size: 11px; font-weight: bold;}
.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: #E7E7E7;}

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


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


/* slick slider slideshow */
/* Slider */
.slick-slider {
	-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{outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}

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

.slick-track{position: relative; top: 0; left: 0; display: block; margin: 0 auto; }
.slick-track:before {display: table;content: '';}
.slick-track:after{display: table;content: '';clear: both;}
.slick-loading .slick-track {visibility: hidden;}


.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-loading .slick-list{background: #fff url(/templates/COMMON_JS/images/ajax-loader.gif) center center no-repeat;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


/* blogs */
.blog_posted_date {display: block; color: gray;}
span.blog_tags_tag a{display: inline-block;}
.blog_share {position: relative; float: right; }
.blog_share a {position: relative; float: right; margin-left: 5px; font-size: 24px; top: -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;}

/* comments & rating - affects blogs*/
.comments_section_summary { padding: 20px; margin: 0px; border: 0; background: none;}
.comment_rating_stars, .comment_rating_number {display:  inline-block; }
.comments_sortbox {position: absolute; top: 5px; right: 0;top: -10px; width: auto;}
.comments_form_table {background: none; border: 0; width: calc(100% - 20px); margin: 10px;}
.comments_form_table TD {border: 0;  padding: 3px;}

/* include <?php echo $common_js; ?>CSS/ratings.css */

.browsertest {width: 50%; margin: 20px auto; border-radius: 10px; color: white; background-color: blue; padding: 40px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.browsertest { background-color: green }
}
@supports (-ms-ime-align:auto) {
	.browsertest { background-color: orange }
}

/*L*/
@media only screen and (max-width: 1200px) {
}

/*M*/
@media only screen and (max-width: 1000px) {
	.anchorite:before {height: 0;margin-top: 0;}
	.toplinks {font-size: 20px; }
	.toplinks .pipe {display: none;}
	.toplinks .words {display: none;}
	.toplinks a{display: inline-block;height: 36px; border-radius: 5px; margin-right: 10px; width: 36px; padding: 5px 0; text-align: center;}
	.toplinks a:hover, .toplinks a:focus{color: white; background-color: #005BAA;}
	.footnote, .bottomlinks {width: 100%; float: none;}
	.bottomlinks {text-align: center; margin-bottom: 20px;}

}
@media only screen and (max-width: 900px) {
	.toplinks { top: 5px; right: 0px; }
	.toplinks a{font-size: 24px; margin-right: 0 0 0 10px; padding-top: 2px }
}
/*S*/
@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
}

@media only screen and (max-width: 700px) {
	.col4 {width: 50%; padding: 0 1% 10px 1%; }
	.col4, .col3, .col2, .col23 {width: 100%; padding: 0 2% 10px 2%; }
}

/*XS*/
@media only screen and (max-width: 600px) {
	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
	.mobi {display: block;}
	.full {display: none;}
	a.homelink {width: 45%;}
}

@media only screen and (max-width: 500px) {
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
}

@media only screen and (max-width: 400px) {
	div#KJECalculatorScreenSize {position: relative; left: -15px;}
}


/* image gallery */
/* image height 262px */
.gallery, figure, .galleryliner {height: 380px}
.gallery figcaption{font-size: 14px; padding-right: 40px;}
.gallery {overflow-y: hidden;}
.galleryliner {}
.galleryliner figure {position: relative; float: left; margin: 0 10px;}
.swiper {width: 100%; text-align: center;}

html {
  --scrollbarBG: #FFCC00;
  --thumbBG: #005BAA;
}
.gallery::-webkit-scrollbar {
  width: 20px;
}
.gallery {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.gallery::-webkit-scrollbar-track {
  background: var(--scrollbarBG);border-radius: 6px;
}
.gallery::-webkit-scrollbar-thumb {
	background: -webkit-linear-gradient(top, rgba(9,87,142,1) 0%, rgba(25,153,214,1) 100%);
 /* background-color: var(--thumbBG) ;*/
  border-radius: 6px;
  /*border: 3px solid var(--scrollbarBG);*/
}
/*
.gallery::-webkit-scrollbar {width: 10px;}
.gallery::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(248,181,49,.7);
	background-color: #f9cb71; border-radius: 5px;
}
.gallery::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 3px rgba(0,73,135,.7);
	border-radius: 5px;
}
*/

nav.crumbs {padding: 20px 0;font-size: 14px;}
nav.crumbs ol {list-style: none; margin: 0; padding: 0}
nav.crumbs ol li {display: inline}
nav.crumbs ol li:after {content: ' > ';}
nav.crumbs ol li:last-child:after {content: '';}