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

body{margin: 0px; padding: 0px; text-align: center; font-size: 16px; background-color: WHITE; -webkit-text-size-adjust: 100%; font-family: Verdana, Geneva, sans-serif; font-weight: normal;}

p{margin: 6px 0}
article, aside{line-height: 1.66}
a, a:visited{-webkit-transition: all 0.25s; transition: all 0.25s; color: #3d627a ; text-decoration: none}
a:hover, a:focus{text-decoration: underline; color: #8C7018}

button.modal_link{ border:0; background: transparent; padding: 0; margin: 0;-webkit-transition: all 0.25s; transition: all 0.25s; color: #3d627a ; text-decoration: none}
button.modal_link:focus, button.modal_link:hover{text-decoration: underline; color: #8C7018}

input, select, textarea{font-size: 16px;  font-family: Verdana, Geneva, sans-serif; font-weight: normal;}
button{padding: 0; border: 0; background: transparent; font-size: 16px; cursor: pointer;  font-family: Verdana, Geneva, sans-serif; font-weight: normal;}
strong{font-weight: 700}
.liner{width: 100%; max-width: 1200px; margin: 0 auto; position: relative}

#contentwrapper{width: 100%; position: relative}

.container-fluid{max-width: 1160px; width: 100%; margin: 0 auto; border: solid 0px red !important}

section{width: 100%; padding: 0 30px}
section.nopad{padding: 0; margin: 0}

.pipe{margin: 0px 10px; position: relative}
a[name]{position: relative; top: -57px}
/*section.inside a[name]: before{display: block; content: " "; height: 176px; margin-top: -176px; visibility: hidden}*/


/** HEAD ****************************************/
header{width: 100%}
header.stuck{position: fixed; top: 0; left: 0; z-index: 100}

a.homelink, a.homelink:visited, a.homelink:hover, a.homelink:focus{height: 100px; overflow: hidden; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-decoration: none; font-size: 20px; line-height: 1.15; color: #3d627a}
a.homelink img{width: 100%; max-width: 78px}

.toplinks{text-align: right; color: #3d627a; font-size: 15px}
.toplinks a,  .toplinks a:visited{color: #3d627a; text-decoration: none; margin-left: 20px}
.toplinks a:hover,  .toplinks a:focus{color: #1b2c36; text-decoration: underline}
.toplinks .notalink{margin-left: 20px}
.toplinks .pipe:last-child{display: none}


/** HB ********************************/
#hbbttn{background-color: transparent; color: black; cursor: pointer; -webkit-transition: all 0.25s; transition: all 0.25s; border: none; padding: 0 20px; height: 57px; position: relative; float: right; font-weight: 500; line-height: 1.15; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 20px; margin-right: 20px; color: #1b2c36; border-radius: 10px 0 0 0}
#hbbttn:hover, #hbbttn:focus, #hbbttn.down{color: white; background-color: #3d627a}
#hbbttn br{display: none}

.hb{display: none; position: absolute; top: 57px; right: 0px; background:  linear-gradient(to bottom,   rgba(61, 98, 122, 1) 0%, rgba(17, 27, 34, 1) 100%); padding: 20px; z-index: 99; width: 300px;border-radius: 10px 0}

.hb input{width: 100%; border: 0; border-radius: 10px 0;height: 48px; margin-bottom: 10px; }
.hb input[type=text], .hb input[type=password]{padding-left: 10px;}
.hb input[type=submit]{background-color: #ddb839; color: #1b2c36}
.hb input[type=submit]:hover, .hb input[type=submit]:focus {background-color: #d1dfe9; color: #1b2c36 }

.hblinks{}
.hblinks a, .hblinks a:visited{font-size: 16px; color: #d1dfe9; display: block;}
.hblinks a:hover, .hblinks a:focus{color: white}




/** SEARCH *******************************/
#sitesearch{background-color: transparent; color: black; cursor: pointer; -webkit-transition: all 0.25s; transition: all 0.25s; border: none; padding: 0; height: 57px; width: 57px; position: relative; float: right; font-size: 20px; color: #1b2c36; border-radius: 10px 0 0 0}
#sitesearch:hover, #sitesearch:focus, #sitesearch.down{color: white; background-color: #3d627a}

.sitesearch{display: none; position: absolute; top: 57px; right: 0px; background:  linear-gradient(to bottom,   rgba(61, 98, 122, 1) 0%, rgba(17, 27, 34, 1) 100%); padding: 20px; border: 0; z-index: 99; width: 500px; max-width: 100%; height: 83px;border-radius: 10px 0 }

.searchbox{width: calc(70% - 30px); border: 0; height: 48px;position: absolute; left: 20px; top: 20px; padding-left: 10px;  border-radius: 10px 0;}

.sitesearch button[type=submit]{position: absolute; right: 20px; top: 20px; border: 0; width: calc(30% - 30px); height: 48px; color: #1b2c36; background-color: #ddb839; border-radius: 10px 0;}
.sitesearch button[type=submit]:hover,  .sitesearch button[type=submit]:focus{background-color: #d1dfe9}
button.searchex{position: absolute; top: 0px; left: 5px; padding: 5px; font-size: 16px; height: 32px; color: #3d627a; }
button.searchex:hover, button.searchex:focus{color: #FFCA00}


/** HOME ************************************/
section.turq{background-color: #3d627a; padding: 30px 0; margin: 10px 0}
section.turq a,  section.turq a:visited{font-size: 18px; font-weight: 500; text-align: center; color: #FFF; text-decoration: none; display: block; width: 200px; padding: 20px;}
section.turq a:hover,  section.turq a:focus{color: #FFF; text-decoration: none; background-color: #ddb839; border-radius: 15px 0; color: #1b2c36}
section.turq a .RLicon{font-size: 100px; display: block; margin-bottom: 20px; color: #d1dfe9; -webkit-transition: all 0.25s; transition: all 0.25s; }
section.turq a:hover .RLicon, section.turq a:focus .RLicon{ color: #1b2c36 }


.how{/*background-clip: content-box;*/}


.Pbox{width: 100%; height: 100%; background-color: white; border: solid 2px #3d627a;  border-radius: 10px 0;}
.Pimg{position: relative}
.Pimg img{width: 100%; height: auto; border-radius: 7px 0 0 0}
.Ptitle{ position: absolute; bottom: 0; right: 0; width: 100%;  color: #FFF; font-size: 24px; padding: 20px 20px 10px 20px; text-shadow: 0 0 5px #1b2c36;}
.Ptext{font-size: 16px; line-height: 1.5; padding: 20px}

/** INTERIOR *********************************/
section.intbanner{width: 100%; height: 460px; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden}
.inttext{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 20; border: solid 0px fuchsia}

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

aside{background-color: #f8efd1; padding: 10px 0; width: 100%}
aside .row {padding: 40px 0;}
aside img{width: 100%}
.regionliner { background-color: #ddb839;  border-radius: 10px 0; height: 100%;}
.Rtitle{width: 100%; padding: 15px; background-color: #3d627a;  font-size: 28px; color: #FFF;  border-radius: 10px 0 0 0;}
.regionbox a,  .regionbox a:visited{font-size: 18px; color: #1b2c36 ; text-decoration: none; display: block; padding: 5px 10px}
.regionbox a:hover,  .regionbox a:focus{color: black; text-decoration: underline; }
.Rtext{padding: 20px; position: relative}
.regionbox ul{margin: 0px; padding: 0px; list-style: none}
aside div.bannerbox{padding: 0; background: transparent}
.bannerbox img{max-width: 100%; width: 100%}
.video_wrapper{margin-top: 20px !important}


/** FOOT *************************************/
footer{width: 100%; background: linear-gradient(135deg,  #3d627a 0%,  #1b2c36 100%); border-top: solid 5px #ddb839}
section.F1{background: url(../images/footer-top-bg.jpg) center center; background-size: cover; padding: 100px 0}
.Fwhite{background: rgba(255, 255, 255, 0.9); font-size: 14px; line-height: 1.4; }
.Fbordered{width: 100%; height: 100%; border-left: solid 1px #3d627a; padding-left: 20px}

.FW1{width: calc(60% - 20px); border-radius: 10px 0 0 0}
.FW2{width: calc(40%+20px);  border-radius: 0 0 10px 0}

a.Fheader, a.Fheader:visited, a.Fheader:hover, a.Fheader:focus{ font-size: 30px; color: #1b2c36; text-decoration: none;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
a.Fheader:hover span, a.Fheader:focus span{ color:#8C7018 }
a.Fheader span{font-size: 24px}

section.F2{font-size: 14px; line-height: 1.4; color: white; padding: 50px 0}
section.F2 a,  section.F2 a:visited{color: #ddb839; text-decoration: none}
section.F2 a:hover,  section.F2 a:focus{color: white; text-decoration: underline}

.listL a{display: block}

.F2title{font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 18px;}

.bottomlinks{color:#f8efd1}
.bottomlinks .pipe:last-child{display: none}
.bottomlinks .pipe:last-child{display: none}

.socmed{font-size: 30px; margin-top: 30px}
.socmed a {display: inline-block; margin-right: 10px;}
.socmed a .RLwords{display: none}

.footnote{margin-top: 20px; padding-top: 20px; border-top: solid 1px #f8efd1;}

.Tbar{height: 7px; width: 80%; background-color: #3d627a}

.mobi, .menutoggler{display: none}

/* colors ************************************

pale_gold:  #f8efd1
gold:  #ddb839 
pale_#3d627a:  #d1dfe9 
#3d627a:  #3d627a 
dk_#3d627a:  #1b2c36 
darker gold #8C7018

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

// lt to dk
background:  linear-gradient(135deg,   rgba(61, 98, 122, 1) 0%, rgba(17, 27, 34, 1) 100%); 
background:  linear-gradient(to right,   rgba(61, 98, 122, 1) 0%, rgba(17, 27, 34, 1) 100%); 
background:  linear-gradient(to bottom,   rgba(61, 98, 122, 1) 0%, rgba(17, 27, 34, 1) 100%); 
****************************************************************/


/** UNIVERSAL ***********************/

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

hr{border: 0; height: 0; border-top: 1px solid #3d627a}

a.cta, a.cta:visited, input[type="submit"], input[type="reset"], a.clear, a.clear:visited, button#exedout, button.clear, input.go, button.modal_button{display: inline-block; text-decoration: none; border: none; cursor: pointer; line-height: 1; color: white; font-weight: 500; font-size: 18px; background-color: #3d627a; padding: 15px 30px; border-radius: 10px 0;min-height: 48px;}
a.cta:hover, input[type="submit"]:hover, a.cta:focus, input[type="submit"]:focus, a.clear:hover, a.clear:focus, button#exedout:hover, button#exedout:focus, button.clear:hover, button.clear:focus, input.go:hover, input.go:focus, input[type="reset"]:hover ,input[type="reset"]:focus {text-decoration: none; background-color: #ddb839 ; color: #1b2c36; box-shadow: 0px 4px 5px 0.1px rgba(0, 0, 0, 0.22)}
input[type="submit"], button.modal_button:hover, button.modal_button:focus{padding-top: 0; padding-bottom: 0}
button#exedout{display: none;}


h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year{ color: #3d627a; font-size: 48px; line-height: 1.22;  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 0 0 20px 0;}

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, .content_article_header{ color: #1b2c36; font-size: 36px; line-height: 1.22; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 40px 0 20px 0;}


h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name{ color: #3d627a; font-size: 32px; line-height: 1.22; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 40px 0 20px 0;}

h4, .forum_thread_date, .forum_mischeader_title{ color: #3d627a; font-size: 28px; line-height: 1.22; }
h5{ color: #3d627a; font-size: 24px; line-height: 1.22;}
h6{color: black; font-size: 14px; font-style: italic; font-weight: bold}


.flexrow{display: flex; flex-wrap: wrap; border: solid 0px red}
.flexcol{padding: 0 20px 20px 20px; border: solid 0px #3d627a}
.fc2 .flexcol{flex: 1 1 400px; min-width: 50%}
.fc3 .flexcol{flex: 1 1 300px; min-width: 33.33%}
.fc4 .flexcol{flex: 1 1 250px; min-width: 25%}
.fc5 .flexcol{flex: 1 1 190px; min-width: 20%}
.fc6 .flexcol{flex: 1 1 190px; min-width: 16.66}

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}


.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}
.code_block_indiv_content p{margin-top: 0px}


/** FEATURED RATES ******************/
.regions_rates_table{width: 100%}
.regions_rates_table_row1, .regions_rates_table_row2{background-color: #DDB839; border-bottom: 1px white solid ; font-size: 12px}
.regions_rates_table_effectivedate{font-size: 12px}
.regions_rates_table_title{display: none}
.regions_rates_table_fields{font-size: 12px; color: #3d627a}
.aprnote{font-size: 12px; width: 180px}
td.regions_rates_table_row2 marquee,  td.regions_rates_table_row1 marquee{width: 242px}

/** RATES & TABLES *****************/
table.styled, .content_rates_table, TABLE.table_builder{margin-bottom: 20px; width: 100%;}
TR.table_builder_header_row {background: transparent}
table.styled th,  .content_rates_table_fields,  TR.table_builder_header_row .table_builder_cell{background-color: #3d627a; padding: 10px;  font-size: 18px; color: #FFF; border: 0}
table.styled td,  .content_rates_table_row2,  .content_rates_table_row1,  .table_builder td{padding: 10px; font-size: 16px; line-height: 1.35; border: 0}
table.styled th:first-child,  .content_rates_table_fields:first-child,  TR.table_builder_header_row .table_builder_cell:first-child{border-radius: 15px 0 0 0}
table.styled td:last-child,  tr:last-child .content_rates_table_row2:last-child,  tr:last-child .content_rates_table_row1:last-child,  .table_builder tr:last-child td.table_builder_cell:last-child{border-radius: 0 0 15px 0}
table.styled tr:nth-child(odd) td, .content_rates_table_row2, TR.table_builder_row_even{background-color: #f8efd1}
.content_rates_table_row_highlight{color: red; padding: 10px; font-size: 16px; line-height: 1.35;}
.sideslider{width: 100%}
.table_builder .filtered{display: none}
.content_rates_table_row_highlight{color: #ae0000}
.content_rates_table_postfix{line-height: 1}

/** LOCATOR 2.0 *************************
.boxedsearch, .legend{BACKGROUND-COLOR: #f8efd1}
button#exedout{display: none}
input.go{padding: 4px 10px; font-size: 14px; margin-left: 5px}
#map-canvas{width: 100%; height: 520px; float: none}
.boxedsearch{height: auto; width: 100%; float: none; margin: 0; z-index: 80}
.boxedsearch fieldset{width: 33%; position: relative; float: right; top: -150px; margin-bottom: -150px}
.legend{top: -100px; margin: 0 0 -80px 0; z-index: 90; position: relative}
*/
/** ALERT 2.0 *****************************/
.alertholder{width: 100%}
.alertbar{padding: 10px 0; width: 100%}
.alert{width: 96%; max-width: 1160px; margin: 0 auto; padding-right: 40px; position: relative; text-align: left}
.alert_icon{width: 8.33%; min-height: 100%; height: 50px; position: relative; float: left}
.alert_icon: after{content: 'f0f3'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 36px; color: #FFF}
.alert p{width: 91.66%}
button.exed{position: absolute; top: 20px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; display: block; text-decoration: none !important}
button.exed:before{content: "\f00d"; font-family: 'Font Awesome 5 Pro'}

/** FORMS ****************************/
.cms_form_item, .cms_form_content_block{clear: both; padding: 10px 0; margin: 0 !important}
.cms_form_textinput, .cms_form_dropdown{width: 100%; border: solid 1px #3d627a; border-radius: 5px 0}
.cms_form_textarea{width: 100%; height: 100px; border: solid 1px #3d627a; border-radius: 10px 0}
.cms_form_item_sidebyside{width: 50%; padding: 0 20px 0 0}

/*div#cms_form_wrapper_17 form#cms_form_17 div#cms_form_item_17_1 fieldset legend#label_for_element_17_1*/
.cms_form_label, legend.cms_form_legend{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.cms_form_fieldset{white-space: normal; width: 100%; border: none}
form#locator fieldset label {display: inline;}

div.cms_form_collapsible_header a:before{content: '';}
div.cms_form_collapsible_header a:after{content: '\f067'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: relative;float: right}
div.cms_form_collapsible_header.open a:after{content: '\f068'; font-family: 'Font Awesome 5 Pro'; font-weight: 400;position: relative;float: right}
div.cms_form_collapsible_header.open a:before{content: ''; }

div.cms_form_collapsible_header.open a {background-color: #d1dfe9; color: #1b2c36;}

div.cms_form_collapsible_header a, div.cms_form_collapsible_header a:visited {background-color: #3d627a; padding: 5px 10px; color: white; text-decoration: none; border-radius: 10px 0; font-weight: 400}
div.cms_form_collapsible_header a:hover,  div.cms_form_collapsible_header a:focus{background-color: #ddb839;  color: #1b2c36; text-decoration: none; }

/* CLASSIFIEDS ***********************/
#classifieds_browsecat{MARGIN: 20PX 0;}

/** CALENDAR ************************/
.content_calendar_table{}

.content_calendar_table tr:first-child td.content_calendar_table_headercell:first-child{border-radius: 15px 0 0 0}
.content_calendar_table tr:last-child td:last-child{border-radius: 0 0 15px 0}
.content_calendar_table tr:first-child td.content_calendar_table_headercell{background-color: #3d627a; padding: 10px;  font-size: 18px; color: #FFF; text-align: center;}
.content_calendar_table tr:nth-child(odd) td {background-color: #d1dfe9;}
.content_calendar_table tr:nth-child(2) td {background-color: #ddb839;}

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: #3d627a}
td.content_calendar_table_cell{ border-left: solid 1px #3d627a; padding: 10px; font-size: 16px; line-height: 1.35;}
td.content_calendar_table_selectedcell{border-left: solid 1px #3d627a; background-color: #f8efd1;  padding: 10px; font-size: 16px; line-height: 1.35;}

/** 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}
label.content_poll_option_label{padding-left: 5px;}

/** FAQS *******************************/
.faq_toolbar{padding-bottom: 15px}
.faq_viewed{color: #3d627a; 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: #3d627a}
.faq_featured_block{margin: 20px 0 0 0 !important; display: block}
.faq_header{display: block}
.faq_question_block_slide{padding: 0 0 10px 0; border-bottom: 0}
.faq_question_block_slide_question{padding: 0; border: solid 0px red}


.faq_question_block_slide_question_closed a, .faq_question_block_slide_question_closed a:visited {background-color: #3d627a; padding: 5px 10px; color: white; text-decoration: none; border-radius: 10px 0; font-weight: 400; display: block;}
.faq_question_block_slide_question_closed a:hover,  .faq_question_block_slide_question_closed a:focus{background-color: #ddb839;  color: #1b2c36; text-decoration: none; }
.faq_question_block_slide_question_closed a:after{content: '\f067'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; position: relative; float: right; -webkit-transition: all .5s; transition: all .5s; }

.faq_question_block_slide_question_open a {background-color: #d1dfe9; color: #1b2c36;padding: 5px 10px; border-radius: 10px 0; font-weight: 400; display: block;text-decoration: none;}

.faq_question_block_slide_question_open a:after{content: '\f068'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; position: relative; float: right; -webkit-transition: all .5s; transition: all .5s; }

.faq_question_block_slide_answer{padding: 0 20px 10px 20px}
ul.region_faq_list li{margin-bottom: 5px}
span.region_faq_header{display: block; margin-bottom: 10px}


/** SLICK SLIDER BASICS ***************************/
.slideshow-container{width: 300px; height: 200px; overflow: hidden}
.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: 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: 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}
.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_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}


/** DEC TREE ***************************************/
div.CHboxedup{z-index: 90}
.CHbox {border: solid 1px #3d627a; border-radius: 15px 0; padding: 20px 10px 10px 10px; text-align: center;}
.reallylarge {font-size: 50px;color: #8C7018;}
.CHQ {border-bottom: solid 2px #d1dfe9;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 20px; color: #3d627a;}
.CHQ:before {content: '\f059'; font-family: 'Font Awesome 5 Pro'; font-weight: 700; color: #ddb839  }
.CHA { font-size: 16px; color: #1b2c36 }
.CHA:before {content: '\f0a4'; font-family: 'Font Awesome 5 Pro'; font-weight: 300;}

#startover{color: #3d627a; }
#startover:before {content: '\f021'; font-family: 'Font Awesome 5 Pro'; font-weight: 400}
.CHA:hover, #startover:hover {color:#8C7018; cursor: pointer}
.cardname{font-size: 18px; color: #3d627a;}

/** IMAGE GALLERY ****************************************/
.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: #ddb839;
  --thumbBG: #3d627a;
}
.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:  linear-gradient(to bottom,   rgba(61, 98, 122, 1) 0%, rgba(17, 27, 34, 1) 100%); border-radius: 6px;}

/** RATINGS & COMMENTS **********************************/
div.star-rating,div.star-rating a{background:url(../images/stars.png) no-repeat 0 0px}
.comment_item {border: 0; background-color: #d1dfe9; padding: 20px; margin: 10px 0;}

/* colors ************************************

pale_gold:  #f8efd1
gold:  #ddb839 
pale_#3d627a:  #d1dfe9 
#3d627a:  #3d627a 
dk_#3d627a:  #1b2c36 
darker gold #8C7018

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

// lt to dk
background:  linear-gradient(135deg,   rgba(61, 98, 122, 1) 0%, rgba(17, 27, 34, 1) 100%); 
background:  linear-gradient(to right,   rgba(61, 98, 122, 1) 0%, rgba(17, 27, 34, 1) 100%); 
background:  linear-gradient(to bottom,   rgba(61, 98, 122, 1) 0%, rgba(17, 27, 34, 1) 100%); 
****************************************************************/