@import url(https://fonts.googleapis.com/css?family=Open+Sans);
html {
    margin: 0;
}

body {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414853;
    margin: 0;
    background-attachment: fixed;
    background-size: 100%;
    background-position: 0%;
}

html,
body {
    overflow-x: hidden;
}

header {
    text-align: left;
    width: 100%;
    height: 220px;
    position: relative;
    padding-top: 5px;
    margin: 0 auto;
    background: url(/templates/soo_coop/images/new/top.png);
    background-size: 180% 100%;
    background-repeat: no-repeat;
    background-position: 40%;
    margin-bottom: -65px;
}

section {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 100px 10px 10px 10px;
    
    position: relative;
    min-height: 600px;
}

article {
    width: 100%;
    max-width: 720px;
    float: left;
    min-height: 350px;
    border: solid 1px #d2d6db;
    background-color: white;
    padding: 0px 45px 20px 45px;
    border-radius: 10px;
    margin: 5px 0px 30px 10px;
}

aside {
    z-index: 99;
    overflow: hidden;
    width: 100%;
    position: relative;
}

footer {
    width: 100%;
    text-align: left;
    background-color: #64091B;
    margin: 0 auto;
    padding: 10px 0;
    color: white;
}

a,
a:visited {
    color: #64091B;
    font-weight: 600;
}

a:hover {
    color: rgb(71, 12, 24);
}

h1 {
    color: #64091B;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}

h2,
.boxtop,
.code_block_indiv_top {
    color: #64091B;
    font-size: 18px;
    font-weight: 600;
}

h3, .forum_thread_category {
    color: #64091B;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

h4, .forum_thread_firstpost_replies, .forum_reply_bottom {
    color: #64091B;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

h5, .forum_thread_date, .forum_mischeader_title {
    color: #64091B;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

h6 {
    color: #64091B;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

article p {
    color: #333333;
    font-size: 14px;
    line-height: 180%;
}

img {
    border: 0;
}

table {
    font-size: 14px;
}

a.call-to-action {
    display: inline-block;
    color: white;
    margin: 20px 0;
    padding: 10px 20px;
    background: #64091B;
    border-radius: 4px;
    text-transform: uppercase;
}

div.header-row>div.col-xs-2.col-md-2 {
    padding-left: 0px;
    padding-right: 0px;
}

.floatR {
    position: relative;
    float: right;
}

.floatL {
    position: relative;
    float: left;
}

.breaker {
    clear: both;
}

.border {
    border: solid 1px red;
}

.abso {
    position: absolute;
}

.captcha_warning {
    font-size: 14px;
    color: red;
    font-weight: 700;
}

.content_rates_table {
    margin-bottom: 20px;
    width: 100%;
}

.content_rates_table_fields {
    background-color: #64091B;
    color: #FFF;
    font-weight: 700;
    font-size: 20px;
    padding: 5px 10px;
}

.content_rates_table_row2 {
    background-color: #dfe5ef;
    font-size: 16px;
    padding: 5px 10px;
}

.content_rates_table_row1 {
    background-color: #FFF;
    font-size: 16px;
    padding: 5px 10px;
}

.content_rates_table_row_highlight {
    color: #0a6104;
    background-color: #B6FF00;
}

td.content_rates_table_title {
    font-size: 20px;
}

.region table td table td {
    padding: 2px;
}

.regions_rates_table_row1,
.regions_rates_table_row2 {
    background-color: #E3E7ED;
    border-bottom: 3px solid #FFF;
    font-size: 10px;
}

.regions_rates_table_effectivedate {
    font-size: 9px;
}

.regions_rates_table_fields {
    font-size: 10px;
    color: #000;
}

.aprnote {
    font-size: 10px;
    width: 100%;
    max-width: 180px;
}

footer>div.row>div.col-xs-12 {
    padding-top: 10px;
}

td.content_calendar_table_headercell {
    background-color: #000;
    color: #FFF;
    text-align: center;
    font-weight: 700;
}

td.content_calendar_table_headercell a,
td.content_calendar_table_headercell a:visited {
    color: #FFF;
    text-decoration: none;
}

td.content_calendar_table_headercell a:hover {
    color: silver;
    text-decoration: none;
}

td.content_calendar_table_selectedcell {
    border: solid 1px #000;
    background-color: silver;
}

ul.content_article_list {
    padding-left: 15px;
}

ul.content_article_list li {
    list-style: none;
}

.content_poll_option,
.regions_poll_option {
    display: inline-block;
    margin: 5px 0;
}

.content_poll_title,
.regions_poll_title {
    display: inline-block;
    font-weight: 700;
    margin: 5px 0;
}

.faq_toolbar {
    padding-bottom: 15px;
}

.faq_viewed {
    color: #000;
    font-size: 11px;
    font-weight: 700;
    font-family: arial, sans-serif;
}

.faq_advanced_search_panel {
    padding: 0;
}

.faq_advanced_search_panel table td {
    padding: 2px 0;
}

.faq_advanced_search_panel i {
    color: silver;
}

ul.region_faq_list li {
    margin-bottom: 5px;
}

span.region_faq_header {
    display: block;
    margin-bottom: 10px;
}

.required_legend {
    padding-bottom: 20px;
    color: gray;
    font-style: italic;
}

a.homelink {
    display: block;
    margin: 10px auto;
}
a.homelink img {
    max-width: 160px;
}

.search {
    display: block;
    float: right;
    margin-top: 5px;
}

.searchbox {
    border: solid 1px #d2d6db;
    margin: 0 5px;
    float: left;
    max-width: 140px;
    background: #ddd;
    display: block;
}

.searchbutton {
    padding-top: 10px;
    width: 15px;
    display: block;
    float: right;
    position: relative;
    right: 20px;
}

.toplinks {
    text-align: right;
    width: auto;
    height: 35px;
    border: solid 0 #FF0;
    float: right;
    clear: both;
    margin: 0 auto;
}

.toplink-list {
    padding-top: 5px;
    float: left;
    color: #333;
    font-weight: 600;
}

.toplink-list>a,
.toplink-list>span {
    color: #333;
    font-weight: 600;
}

.pipe {
    font-weight: 700;
    margin: 0 5px;
}

.bx-viewport ul {
    padding: 0;
}

div#navbar {
    height: 50px;
    padding-right: 0;
}

.navbar-nav {
    width: 90%;
    float: right;
}

.navbar-nav>li {
    display: inline-block;
    width: 16.6666666666666%;
    height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.navbar-nav>li>a {
    font-size: 14px;
    font-weight: 600;
    color: #64091B;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

div#header-row {
    margin-bottom: 20px;
    max-width: 1070px;
}

.content {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    max-width: 1050px;
    margin: 0 auto;
}

img.content_banner {
    width: 100%;
    height: auto;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.bannerwrap {
    text-align: center;
    margin-bottom: 10px;
}

.regionbox ul {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
}

ul.regions_relatedlink_list a {
    font-size: 12px;
    color: #333;
}

.regionbox ul li {
    padding-bottom: 5px;
}

.boxwrap {
    padding-left: 0px;
    padding-right: 30px;
}

.boxwrap.rel-links {
    padding-left: 40px;
    padding-right: 15px;
}

.regionbox,
.code_block_indiv_content {
    overflow: hidden;
}

.code_block {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.code_block_indiv_content {
    padding-top: 5px;
    font-size: 12px;
}

.code_block_indiv_content p {
    line-height: 180%;
}

.bottomlinks {
    position: relative;
    float: right;
    font-size: 12px;
    width: 100%;
    text-align: right;
}

.bottomlinks>a {
    color: white;
    border-left: 1px solid white;
    padding: 0px 5px;
    font-weight: 600;
    text-transform: uppercase;
}

.bottomlinks>a:first-child {
    border-left: none;
}

.ehl,
.ncua {
    position: relative;
    float: left;
    margin-right: 5px;
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
}

.blunote {
    color: #039;
}

.icons img {
    margin-left: 5px;
}

.comments_section_summary {
    border: 1px solid #660;
    background-color: #FF9;
    font-size: 14px;
    width: 100%;
    margin: 10px;
    padding: 10px;
}

.comment_section_summary_would_recommend {
    border-top: 1px solid #000;
    margin-top: 10px;
}

.comments_section_header3 {
    margin-top: 20px;
}

.comments_header_and_sortbox {
    position: relative;
    padding-top: 5px;
    clear: both;
    margin-top: 20px;
}

.comments_sortbox {
    position: absolute;
    top: 5px;
    right: 0;
    width: 100%;
    max-width: 225px;
}

.comment_item {
    width: 96%;
    margin: 10px 0;
    padding: 10px 2%;
}

.comment_rating_number {
    margin-left: 90px;
}

.comment_title,
.comment_reply_title {
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    color: #802021;
}

.comment_posted_by_and_who {
    margin-top: 5px;
    font-style: italic;
    color: gray;
}

.comment_text {
    margin-top: 5px;
    margin-bottom: 5px;
}

.comment_reply {
    border: 1px solid #F2A649;
    background-color: #F6F6DE;
    margin: 10px;
    padding: 10px;
}

.comments_form_textbox {
    width: 100%;
    max-width: 500px;
    height: auto;
}

.comments_form_table {
    width: 94%;
    margin: 10px 3%;
}

.comments_form_table TD {
    border-bottom: solid 1px #F2A649;
    padding: 3px 0;
}

.comments_form_name {
    width: 100%;
    max-width: 200px;
}

.comments_form_errors {
    background: #EFC3C3;
    border: 1px solid #E67A7A;
    color: #E81818;
    font-weight: 700;
    margin: 10px;
    padding: 10px;
}

.comments_form_errors UL,
.comments_form_errors LI {
    color: #E81818;
}

.comments_submitted {
    background: #F6F6DE;
    border: 1px solid #802021;
    color: #802021;
    font-weight: 700;
    width: 92%;
    margin: 10px 2%;
    padding: 10px 2%;
}

.region_ratings {
    padding: 0 0 0 10px;
}

.region_ratings_title {
    font-weight: 700;
    margin-top: 5px;
    font-size: 14px;
}

.region_ratings_posted_by_and_who {
    margin-top: 5px;
    font-weight: 700;
}

div.rating-cancel,
div.star-rating {
    float: left;
    width: 100%;
    max-width: 17px;
    height: auto;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
}

div.rating-cancel,
div.rating-cancel a {
    background: url(/admin/js/ratings/delete.gif) no-repeat 0 -16px;
}

div.star-rating,
div.star-rating a {
    background: url(/admin/js/ratings/star.gif) no-repeat 0 0;
}

div.rating-cancel a,
div.star-rating a {
    display: block;
    width: 100%;
    max-width: 16px;
    height: 100%;
    background-position: 0 0;
    border: 0;
}

div.star-rating-on a {
    background-position: 0 -16px!important;
}

div.star-rating-hover a {
    background-position: 0 -32px;
}

div.star-rating-readonly a {
    cursor: default!important;
}

div.star-rating {
    background: transparent!important;
    overflow: hidden!important;
}

.blog_posted_date,
.blog_author {
    display: inline-block;
    color: gray;
    font-style: italic;
    margin: 10px 0;
}

.blog_entry {
    margin-bottom: 30px;
}

.blog_share {
    border: 1px solid #EEE;
    margin-bottom: 5px;
    padding: 5px;
}

.content_blog_header {
    color: #802020;
    font-size: 16px;
    font-family: 'Trebuchet ms', arial, sans-serif;
    font-weight: 700;
}

.bttmpad,
.region table td table,
.bigbanner,
.boxbottom,
.code_block_indiv_bttm {
    margin-bottom: 10px;
}

.regions_rates_table_title,
.print {
    display: none;
}

.content_calendar_table,
td.content_calendar_table_cell {
    border: solid 1px #000;
}

.faq_search,
.faq_advanced_search_panel table {
    margin: 20px 0;
}

.faq_question_block,
.region_ratings_text {
    margin-top: 10px;
}

.toplinks a,
.toplinks a:visited,
.bottomlinks a,
.bottomlinks a:visited,
.blog_title a,
.blog_title a:link,
.blog_title a:active,
.blog_title a:visited {
    text-decoration: none;
    display: inline-block;
    margin-top: 7px;
}

.toplinks a:hover,
.bottomlinks a:hover {
    text-decoration: underline;
}

.comment_helpful,
.comment_footer {
    font-size: 10px;
}

.blog_title,
.category_name,
.blog_year,
.blog_category_name,
.blog_year_title {
    color: #802020;
    font-family: 'Trebuchet ms', arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.blog_author,
.blog_posted_date {
    font-style: italic;
}

.container {
    width: 100%;
}

.row {
    max-width: 1000px;
    margin: 0 auto;
}

#online-banking-box {
    width: 300px;
    float: left;
    text-align: center;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 15px;
    padding: 25px 25px 15px 25px;
}

#online-banking-box>h1,
#online-banking-box>form>input,
#online-banking-box>form>button {
    display: block;
}

#online-banking-box>h1 {
    color: #64091B;
    font-weight: 600;
    font-size: 22px;
    margin: 0 0 7px 0;
    letter-spacing: -1px;
}

div.toplinks>form>input[type=text],
#online-banking-box>form>input {
    margin: 7.5px auto;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: black !important;
    width: 100%;
}

div.toplinks>form>input[type=text] {
    text-align: left;
    margin: 0px 0px;
}

div.toplinks>form>input::-webkit-input-placeholder,
#online-banking-box>form>input::-webkit-input-placeholder {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #333 !important;
}

div.toplinks>form>input:-moz-placeholder,
#online-banking-box>form>input:-moz-placeholder {
    /* Firefox 18- */
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #333 !important;
}

div.toplinks>form>input::-moz-placeholder,
#online-banking-box>form>input::-moz-placeholder {
    /* Firefox 19+ */
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #333 !important;
}

div.toplinks>form>input:-ms-input-placeholder,
#online-banking-box>form>input:-ms-input-placeholder {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #333 !important;
}

#online-banking-box>form>button,
#online-banking-box>form>input#submitButton {
    margin: 5px auto;
    background: #64091B;
    color: white !important;
    padding: 5px 45px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
}

#slider_container {
    max-width: 732px;
    float: left;
    display: block;
    width: 100%;
}

.bx-wrapper {
    box-shadow: none;
    -webkit-box-shadow: none;
    -mox-box-shadow: none;
    background: transparent;
    border: none;
    margin-bottom: 0px;
}

.bx-pager-item {
    position: relative;
    top: -50px;
    right: 50px;
    z-index: 1000000;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255, 255, 255, 0.6);
    width: 15px;
    height: 15px;
    border-radius: 7.5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #64091B;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -36px;
    width: 100%;
    left: 320px;
}

div.buttons-mini-slider {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    height: auto;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 10px 0;
}
div.buttons-mini-slider .row {
    display: flex;
    align-items: center;
}

div.buttons-mini-slider-mob {
    width: 100%;
    max-width: 726px;
    margin: 0 auto;
    height: auto;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
}


div.buttons-mini-slider>div.row>div {
    padding-left: 0px;
    padding-right: 0px;
}


#mobile-blue-buttons {
    display: none;
}

a.blue-buttons {
    width: 250px;
    background: #64091B;
    display: block;
    padding: 10px 20px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 16px;
}

a.blue-buttons.inside {
    width: 221px;
    background: #64091B;
    display: block;
    padding: 10px 20px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 10px auto;
    font-weight: 600;
    font-size: 14px;
}

nav.navbar.navbar-static {
    position: static;
}

.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    color: #64091B;
    float: left;
    clear: left;
    border: 1px solid;
    margin-top: 5px;
    margin-right: 6px;
}

span#menu-toggle-text {
    color: #64091B;
    font-size: 16px;
    font-weight: 600;
}

#mobile-nav {
    display: none;
}
.mobile-toplinks {
    display: none;
    text-align: center;
    color: #64091B;
    font-weight: 600;
    background: white;
}
.sideviewtoggle {
    left: 200px;
    margin-top: 5px;
    margin-right: 15px;
    padding: 9px 10px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    max-width: 95px;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent;
    border-bottom: 2px solid #64091B;
}

.hbx3 a {
    color: #333;
    text-decoration: underline;
    font-size: 13px;
}

.hbx4 {
    display: inline-block;
    margin-top: 10px;
}

div#drop-down-menus {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    position: absolute;
    left: 0;
}

.drop-down {
    width: 100%;
    max-width: 600px;
    color: #64091B;
    position: absolute;
    background: #FFF;
    z-index: 1000000;
    top: -40px;
    padding: 20px 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 5px 1px rgba(51, 51, 51, 1);
    -moz-box-shadow: 0px 1px 5px 1px rgba(51, 51, 51, 1);
    box-shadow: 0px 1px 5px 1px rgba(51, 51, 51, 1);
    text-align: left;
}

.drop-down p {
    padding: 5px 0px 5px 20px;
}

.drop-down table td {
    padding: 10px 20px;
}

#drop-down-1 {
    display: none;
    left: 270px;
}

#drop-down-2 {
    display: none;
    left: 380px;
}

#drop-down-3 {
    display: none;
    left: 490px;
}

#drop-down-4 {
    display: none;
    right: 220px;
}

#drop-down-5 {
    display: none;
    right: 110px;
}

#drop-down-6 {
    display: none;
    right: 0px;
}

.scroll-table {
    overflow-x: auto;
}

.alert-area {
    background: #64091b;
    position: relative;
    z-index: 2147483647;
}

.alert {
    color: #fff;
    margin-bottom: 0 !important;
    text-align: center;
}
.alert p a {
    color: white;
    text-decoration: underline;
}

div#exed a {
    float: right;
    position: relative;
    top: -35px;
    color: white;
    text-decoration: none;
    display: block;
    padding: 0px 20px;
    border-radius: 10px;
    font-size: 22px;
    cursor: pointer;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

div#ob-slider-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

/* image gallery */
/* image height 262px */
.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: #D7F0FF;
  --thumbBG: #840037;
}
.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);*/
}

#socmedIcons {margin-top: 10px;}
#socmedIcons a {margin:0 5px; display:inline-flex; align-items:center;justify-content:center;color:white}
#socmedIcons a span.RLwords {display:none}
#socmedIcons a span.RLicon {font-size:30px;color:white;}