@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,600;1,400;1,600&family=Roboto+Condensed:ital,wght@0,400;1,300&display=swap');

/*
font-family: 'Roboto Condensed', sans-serif;   headings
font-family: 'Arimo', sans-serif;    text
*/
/* ------- for A11y -------  */
a#skip {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}
a#skip:focus, a#skip:active {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}
.visually-hidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba($black, 0);
}
body {
  color: #3e4553;
  background-color: #ffffff;
  font-family: 'Arimo', sans-serif !important;
  font-style: normal;
  font-weight: 400;
  height: 100%;
}
/*****                 Admin and DNN9 tweaks             */
.dnnEditState .BannerPane {
  margin-top: 150px !important;
}
.dnnEditState .AlertFull {
  margin-top: 50px;
}
/********              DNN9 tweaks               **************/
.dnnModuleManager.dnnSortable {
  z-index: 999;
}
/****** RTE Background Fix *****      this is necessary to see the module tools in Edit Mode          */
.redactor-box textarea {
  background: #fff !important;
  color: #333 !important;
}
/****** RTE Background Fix *****      this is necessary to see the module tools in Edit Mode          */
/*Warning Box is hard to read*/
.dnnFormMessage.dnnFormWarning a {
  color: #6d21ab;
  font-weight: bold;
}
.dnnFormMessage.dnnFormWarning {
  background-color: rgb(0 253 255 / 50%);
  border-color: #1fcda3;
}
.dnnCheckbox .mark, #dnnRadiobutton .mark {
  background-color: transparent;
}
.dnnCheckbox .mark, .dnnRadiobutton .mark {
  background: 0
}
.dnnEditState #onlyPopUps {
  display: none;
}
.dnnBoxLabel {
  display: inline-block !important;
}
/* for login buttons*/
.dnnPrimaryAction, a.dnnPrimaryAction {
  color: white !important;
}
li.dnnModuleItem > .title { /* using wrong font size from OLB */
  font-size: 12px;
}
/* stops bootstrap modal from shifting body content on open */
.modal {
  overflow-y: auto !important;
}
.modal-open .modal, .modal-open {
  overflow: auto !important;
}
.modal-open[style] {
  padding-right: 0px !important;
}
/* hide HTML Editor Module from Add Module */
li.dnnModuleItem[data-moduleid="73"] {
  display: none;
  visibility: hidden;
}
/*bootstrap 4 fix*/
.actionMenuAdmin {
  z-index: 1500;
} /* appears behind Move menu?? ************/
/*-------------------------------------*/
/* TABS : JQUERY UI TABS 1.8.14 to make Persona Bar tabs display properly */
/*-------------------------------------*/
/* Tabs */
ul.dnnAdminTabNav {
  display: inline-block;
  margin-top: 5px;
  margin-left: 0;
  width: 100%;
  min-height: 37px;
  border-bottom: 1px solid #c2c2c2;
}
ul.dnnAdminTabNav li {
  float: left;
  margin-right: 4px;
  list-style: none;
}
ul.dnnAdminTabNav li a {
  /* most styles are inherited from typography.css */
  margin-bottom: 0;
  border-bottom: 0;
  box-shadow: none;
  webkit-box-shadow: none;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
ul.dnnAdminTabNav li.ui-tabs-active a {
  margin-top: -3px;
  padding: 12px 9px 10px 9px;
  background: #fff;
}
/* Panels */
.ui-tabs .ui-tabs-panel {
  position: relative;
  display: block;
}
.ui-tabs .ui-tabs-hide {
  display: none;
}
/*********************************** end jquery ui tabs            *********************/
/********************                  preloader/spinner             ***********************/
.spinner-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 999999;
}
.sk-cube-grid {
  top: 100px;
  left: 100px;
  position: relative;
}
.sk-chase, .sk-wander {
  top: 48%;
}
.sk-cube-grid .sk-cube, .sk-wander-cube {
  background-color: #0054a6 !important;
}
/*******             Search                 ************/
div#searchBox {
  margin: auto;
  text-align: center;
  position: relative;
  display: block;
  width: 50px;
  height: 20px;
}
a#search_link {
  display: block;
  width: 50px;
  height: 30px;
  top: 1px;
}
@media (max-width: 1200px) {
  @supports (-ms-ime-align: auto) {
    a#search_link {
      width: 71px;
      margin-left: 10px !important;
    }
    div#dnn_TopBarPane {
      margin-left: 31px;
      margin-right: -20px;
    }
  }
}
.wsc_search_wrap.wsc_use_forms {
  margin: auto;
  text-align: center;
  padding-top: 2rem;
}
#dnn_SEARCH1_cmdSearch {
  padding-left: 3px;
}
.SearchIcon, .dnnSearchResultItem-Others {
  display: none;
  background-image: none !important;
}
i.fas.fa-search, .svg-inline--fa.fa-search.fa-w-16 {
  color: white;
}
.searchInputContainer a.dnnSearchBoxClearText {
  display: inline;
  position: absolute;
  /*right: -20px;*/
  width: 16px;
  height: 16px;
  background: none;
  cursor: pointer;
  margin: 7px 0 7px 0;
  z-index: 20;
  float: right;
}
a#dnn_dnnSEARCH_cmdSearchNew {
  display: none;
  visibility: hidden;
}
#dnn_dnnSEARCH_DropDownSearch {
  padding-top: 1rem;
}
.search_main {
  z-index: 5;
  position: relative;
}
/* keeps close "X" visible above dropdown search results */
.dnnSearchBoxClearText.dnnShow {
  z-index: 1026 !important;
}
/*search*/
ul.searchSkinObjectPreview {
  display: none;
}
.search_main {
  display: none;
  visibility: hidden;
  background: #d3d3d3;
  height: 150px;
}
.SearchContainer {
  margin: 0 auto;
  max-width: 700px;
  padding-top: 55px;
}
.searchInputContainer { /*! float: left; */ /*! width: 90%; */
}
input.SearchTextBox {
  max-width: 100%;
  padding: 17px;
  width: 100%;
  line-height: 16px;
  font-size: 12px;
  border: 1px solid #ececec;
}
.dnnSearchBoxPanel {
  max-width: 100%;
}
.search_link {
  margin-top: 6px;
  position: absolute;
  cursor: pointer;
}
.search_link.close {
  margin-top: 11px;
}
.SearchIcon, .dnnSearchResultItem-Others {
  display: none;
}
.dnnSearchBoxPanel .dnnSearchBox {
  margin-left: 10px;
  margin-right: 125px;
  display: block;
}
.dnnSearchResultPanel {
  width: 100%;
  max-width: 100%;
  margin: 30px 0 0 0;
  padding: 10px 0 7px 0;
  background-color: #ddd;
}
.search, a.search:link, a.search:active, a.search:visited {
  background: rgba(0, 0, 0, 0) url("/Portals/CommunityTrustBank/Skins/CommunityTrustBank/img/search.png") no-repeat scroll center center;
  display: block;
  float: left;
  height: 32px;
  margin-left: -40px;
  margin-top: 11px;
  position: relative;
  text-indent: -3000px;
  width: 33px;
}
@media (max-width:1200px) {
  .menu_wrap .nav li a {
    letter-spacing: 0 !important;
  }
}
/* search */
/*Firefox*/
.wsc_search_trigger .fa.fa-search {
  color: white;
  margin: .5vh .5vw;
}
.wsc_search_wrap.wsc_use_forms {
  /*margin-bottom: 0.85vh;*/
}
.searchText {
  font-family: 'Arimo', sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
  font-size: 13px;
  vertical-align: .15vh;
}
.resultNav > ul {
  display: table;
}
.resultNav > ul li {
  display: table-cell;
  padding-right: 15px;
}
.sContent > a {
  font-size: 18px;
}
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .wsc_search_trigger .fa.fa-search {
    color: white;
    margin: .5vh 0vw;
  }
  .wsc_search_wrap.wsc_use_forms {
    /*margin-bottom: 0.85vh;
    margin-top: 0.85vh;*/
  }
}
/* end search */
/*****               mobile header                   *****/
#loginMobileLinks {
  list-style: none;
}
#header {
  background: #0060aa;
}
/************               typography                        ***************/
h1, p.h1, span.h1 {
  color: #1a428a;
  font-size: 2.25rem !important;
  margin-bottom: 1rem !important;
}
h2, p.h2, span.h2 {
  color: #0060aa;
  font-size: 1.85rem !important;
}
div.homepage {
  margin: 3% 0;
}
.homepage p.h1 {
  font-size: 2.75rem !important;
}
.homepage p.h2 {
  color: #535c6d !important;
}
h3, p.h3, span.h3 {
  color: #535c6d;
  font-size: 1.65rem !important;
}
h4, p.h4, span.h4 {
  color: #0060aa;
  margin-top: 1.5rem !important;
}
h5, p.h5, span.h5 {
  color: #1a428a;
}
h6, p.h6, span.h6 {
  color: #434b59;
}
h1, h2, h3, h4 {
  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
h5 {
  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 600 !important;
}
h6, p.h6, span.h6 {
  font-family: 'Arimo', sans-serif !important;
  font-weight: 600 !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}
.lead {
  font-size: 1.2em !important;
  color: #1a428a;
  font-family: 'Arimo', sans-serif !important;
  line-height: 1.2;
}
.calc {
  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 600;
  font-size: 1.1em;
  color: #535c6d !important;
}
.lowerK {
    text-transform: lowercase;
}
/*****     also, to stop headbutting   ******/
/*a.anchor:before {
  display: block;
  content: "";
  height: 11vh;
  margin: -11vh 0 0;
}
.anchor {
  text-decoration: none;
  color: inherit;
}*/
/*anchors*/
:target { display: block; position: relative; top: -230px;  visibility: hidden;}

/*******************      Links         *********************/
a, a:link, a:visited, a:focus {
  color: #0061aa;
  text-decoration: underline;
  background-color: transparent;
}
a:hover, a:active, #content a:hover, #content a:active {
  color: #1a428a;
  text-decoration: none !important;
}
a.dnnPrimaryAction:link {
  color: white;
}
a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited {
  color: black;
}
sup {
    font-size: 65%!important;
}
a sup, a sup:visited {
    text-decoration:none;
    display:inline-block;
}
/*  -------------------- BS button overrides ----------------------   */
.btn {
  padding: .25rem .75rem !important;
}
/* -----  main/darker blue  ----- */
.btn-primary {
  color: #fff !important;
  border-color: #1a428a !important;
  text-decoration: none !important;
  background: #2C539E;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2C539E), to(#0061AA));
  background: -webkit-linear-gradient(#2C539E, #0061AA);
  background: -moz-linear-gradient(#2C539E, #0061AA);
  background: -ms-linear-gradient(#2C539E, #0061AA);
  background: -o-linear-gradient(#2C539E, #0061AA);
  background: linear-gradient(#2C539E, #0061AA);
}
a.btn-primary, .btn-primary a:link, p.btn-primary a:link {
  color: #fff !important;
  text-decoration: none !important
}
.btn-primary:hover {
  color: #fff !important;
  border-color: #0f2752 !important;
  background: #0f2752;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0f2752), to(#193f85));
  background: -webkit-linear-gradient(#0f2752, #193f85);
  background: -moz-linear-gradient(#0f2752, #193f85);
  background: -ms-linear-gradient(#0f2752, #193f85);
  background: -o-linear-gradient(#0f2752, #193f85);
  background: linear-gradient(#0f2752, #193f85);
  text-decoration: underline !important;  
}
.btn-primary a:active, p.btn-primary a:hover, p.btn-primary a:active {
  color: #fff !important;
    
}
.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(26, 66, 138, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(26, 66, 138, 0.5) !important
}
/* ----- red -----  */
.btn-danger {
  color: #fff !important;
  background-color: #892e3b !important;
  border-color: #892e3b !important;
  text-decoration: none !important
}
.btn-danger a:link, .btn-danger a:visited, p.btn-danger a:link, p.btn-danger a:visited {
  color: #fff !important;
  text-decoration: none !important
}
.btn-danger:hover {
  background-color: #712631 !important;
  border-color: #712631 !important;
  text-decoration: underline !important;  
}
.btn-danger a:active, p.btn-danger a:hover, p.btn-danger a:active {
  color: #fff !important;
    
}
.btn-danger:focus, .btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(138, 52, 61, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(138, 52, 61, 0.5) !important
}
/* ----- gold -----  */
.btn-warning {
  color: #000 !important;
  background: #927207;
  background: -moz-linear-gradient(top, #f7cd44 1%, #fee38b 100%);
  background: -webkit-linear-gradient(top, #f7cd44 1%, #fee38b 100%);
  background: linear-gradient(to bottom, #f7cd44 1%, #fee38b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7cd44', endColorstr='#fee38b', GradientType=0);
  border-color: #f8d669 !important;
  text-decoration: none !important;
    
}
.btn-warning a:link, .btn-warning a:visited, p.btn-warning a:link, p.btn-warning a:visited {
  color: #000 !important;
  text-decoration: none !important
}
.btn-warning:hover {
  color: #000 !important;
  background: #927207;
  background: -moz-linear-gradient(top, #cfa723 1%, #e9c244 100%);
  background: -webkit-linear-gradient(top, #cfa723 1%, #e9c244 100%);
  background: linear-gradient(to bottom, #cfa723 1%, #e9c244 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfa723', endColorstr='#e9c244', GradientType=0);
  border-color: #f8d669 !important;
   text-decoration: underline !important; 
}
.btn-warning a:active, p.btn-warning a:hover, p.btn-warning a:active {
  color: #000 !important;
    
}
.btn-warning:focus, .btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(240, 171, 0, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(240, 171, 0, 0.5) !important
}
/* -----  medium blue ----- */
.btn-info {
  color: #fff !important;
  background-color: #0061aa !important;
  border-color: #0061aa !important;
  text-decoration: none !important
}
.btn-info a:link, .btn-info a:visited, p.btn-info a:link, p.btn-info a:visited {
  color: #fff !important;
  text-decoration: none !important
}
.btn-info:hover {
  background-color: #035696 !important;
  border-color: #035696 !important;
   text-decoration: underline !important; 
}
.btn-info a:active, p.btn-info a:hover, p.btn-info a:active {
  color: #fff !important;
    
}
.btn-info:focus, .btn-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 97, 170, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 97, 170, 0.5) !important
}
/* -----  green  -----  */
.btn-success {
  color: #fff !important;
  background-color: #0f6611 !important;
  border-color: #0f6611 !important;
  text-decoration: none !important
}
.btn-success a:link, .btn-success a:visited, p.btn-success a:link, p.btn-success a:visited {
  color: #fff !important;
  text-decoration: none !important
}
.btn-success:hover {
  background-color: #0b4a0c !important;
  border-color: #0b4a0c !important;
 text-decoration: underline !important;   
}
.btn-success a:active, p.btn-success a:hover, p.btn-success a:active {
  color: #fff !important;
    
}
.btn-success:focus, .btn-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(15, 102, 17, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(15, 102, 17, 0.5) !important
}
/* -----  lt grey  -----  */
.btn-default {
  color: #000 !important;
  background-color: #ccc !important;
  border-color: #ccc !important;
  text-decoration: none !important
}
.btn-default a:link, .btn-default a:visited, p.btn-default a:link, p.btn-default a:visited {
  color: #000 !important;
  text-decoration: none !important
}
.btn-default:hover {
  background-color: #bbb !important;
  border-color: #bbb !important;
  text-decoration: underline !important;  
}
.btn-default a:active, p.btn-default a:hover, p.btn-default a:active {
  color: #000 !important;
    
}
.btn-default:focus, .btn-default.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(170, 170, 170, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(170, 170, 170, 0.5) !important
}
/* is btn-group missing from bootstrap.min.css? */
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/*         dark grey       *****/
.btn-dark, a.btn-dark, a.btn-dark:link {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
/*********************                    media queries                        **********************/
/*********                                           Standard Media Queries headers to use                         *****/
/*****              Phones               ****************/
/* ----------- Galaxy S9 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 1440px) and (device-height: 2960px) and (-webkit-device-pixel-ratio: 2.05) {}
/* Portrait */
@media screen and (device-width: 1440px) and (device-height: 2960px) and (-webkit-device-pixel-ratio: 2.05) and (orientation: portrait) {}
/* Landscape */
@media screen and (device-width: 2960px) and (device-height: 1440px) and (-webkit-device-pixel-ratio: 2.05) and (orientation: landscape) {}

/* ----------- Galaxy A8 ----------- */
/* Portrait and Landscape */
@media screen and (device-width:1080px) and (device-height: 2220px) and (-webkit-device-pixel-ratio: 2.05) {}
/* Portrait */
@media screen and (device-width: 1080px) and (device-height: 2220px) and (-webkit-device-pixel-ratio: 2.05) and (orientation: portrait) {}
/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {}
/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
	.slide-item .slide-text-container { padding: 0 0 0 1em; } .DnnModule-295825 img, .DnnModule-295839 img, .DnnModule-295826 img, .DnnModule-319215 img, .DnnModule-349652 img, .DnnModule-319217 img, .DnnModule-319218 img {max-width:325px;}
}
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}
/* ----------- Galaxy S8 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 4) {}
/* Portrait */
@media screen and (device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {.slide-item .slide-text-container {
padding: 6em 2em 2em 2em;} .Mvc-FisSliderModule-Container .slide-desc a.btn, .Mvc-FisSliderModule-Container .slide-desc a.btn:visited .Mvc-FisSliderModule-Container .slide-nav .active, .Mvc-FisSliderModule-Container .play-button-container {bottom: 7em;}
}
/* Landscape */
@media screen and (device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {.slide-item .slide-text-container {padding: 0 4em 3em 4em;} #dnn_TopBarPane {left: 185px;}
}
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */ 
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2) {.slide-item .slide-text-container {padding: 0 4em 3em 4em;}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { .slide-item .slide-text-container{padding: 1em .5em 2em .5em !important; }} /* ouch */
/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait) {.DnnModule-295825 img, .DnnModule-295839 img, .DnnModule-295826 img, .DnnModule-319215 img, .DnnModule-349652 img, .DnnModule-319217 img, .DnnModule-319218 img {max-width:325px;}}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape) { #\31 24460 { margin-left: -15px;}#dnn_TopBarPane {margin-right: -25px;}
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
.slide-item .slide-text-container {padding: 0 0 0 1em;}.DnnModule-295825 img, .DnnModule-295839 img, .DnnModule-295826 img, .DnnModule-319215 img, .DnnModule-349652 img, .DnnModule-319217 img, .DnnModule-319218 img {max-width:325px;}
}
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}
/* ----------- iPhone se 2020----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 393px) and (max-device-width: 786px) and (-webkit-min-device-pixel-ratio: 2) { }
/* Portrait */
@media only screen and (min-device-width: 393px) and (max-device-width: 786px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait) {.slide-item .slide-text-container {padding: 10em 0 0 1em !important;} #mobileLogo #logo5 {padding-top: 30px;}#mobileLogo #logo3 {padding-top: 30px;} #mobileLogo #logo1 {padding-top: 30px;margin-left: 15px;} #mobileLogo #logo2 {padding-top: 30px;margin-left: 10px;}#mobileLogo #logo4 {padding-top: 30px;margin-left: 10px;} .DnnModule-295825 img, .DnnModule-295839 img, .DnnModule-295826 img, .DnnModule-319215 img, .DnnModule-295825 img, .DnnModule-295839 img, .DnnModule-295826 img, .DnnModule-319215 img, .DnnModule-349652 img, .DnnModule-319217 img, .DnnModule-319218 img {max-width:325px;}
 }
/* Landscape */
@media only screen and (min-device-width: 393px) and (max-device-width: 786px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape) { body#Body {
width: 807px;} #top-bar {width: 807px;}#dnn_TopBarPane {left: 185px;} .slide-text-container {padding: 14em 4em 3em 4em;}
}
/* ----------- iPhone XR ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) {}
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.slide-item .slide-text-container { padding: 0 0 0 1em;} #mobileLogo #logo1 {padding-top: 45px !important;margin-left: 0 !important;} #mobileLogo #logo2 {padding-top: 45px !important;margin-left: 0 !important;} #mobileLogo #logo3 {padding-top: 45px !important;margin-left: 0 !important;} #mobileLogo #logo4 {padding-top: 45px !important;margin-left: 0 !important;} #mobileLogo #logo5 {padding-top: 45px !important;margin-left: 0 !important;}.DnnModule-295825 img, .DnnModule-295839 img, .DnnModule-295826 img, .DnnModule-319215 img, .DnnModule-349652 img, .DnnModule-319217 img, .DnnModule-319218 img {max-width:325px;}
}
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { body#Body {width: 896px;} #top-bar {width: 896px;}#dnn_TopBarPane {width: 300px;left:0;}
}

/* ----------- Google Pixel 3----------- */
/* Portrait and Landscape */
@media screen and (device-width: 393px) and (device-height: 786px) and (-webkit-device-pixel-ratio: 3) {}
/* Portrait */
@media screen and (device-width: 393px) and (device-height: 786px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {.modal .form-check-label.col-md-2, .modal .form-check-label.col-3 { margin-left: 1rem !important;padding-left: 0 !important;padding-right: 0 !important;font-size: 14px !important;}
}
/* Landscape */
@media screen and (device-width: 393px) and (device-height: 786px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {}
/*****              Tablets               ****************/
/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {}
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {body#Body {
width: 1024px;}#top-bar {width: 1024px;}}
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {body#Body {
width: 1024px;}#top-bar {width: 1024px;}}
/* ----------- Galaxy Tab S ----------- */
/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {}
/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}
/* Landscape */
@media (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}
/* ----------- Kindle Fire HD 7" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {}
/* Portrait */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {}
/* Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {}
/*****                      *****************/
/* begin skin FIS2020 */
/* utilities */

/* containers */
.box_white_cta {
  background: #fff;
  padding-bottom: 10px;
  box-shadow: -1px 0px 14px #333;
}
.box_white_cta h3 {
  color: #007b57 !important;
  padding: 0 10px;
}
.box_white_cta p {
  color: #333;
}
.whiteBG {
  background: #fff;
  padding: 50px;
}
/*bootstrap 4 fix*/
/*login drawer*/
#login {}
#login p {}
#login p.close {
  margin: 0;
  padding: 0;
  font-size: 1em !important;
}
.close {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
  font-size: 1.5em !important;
}
#login-form {
  display: none;
  position: absolute;
  z-index: 9999;
  margin-left: -10px;
  width: 240px;
  border-radius: 10px;
  margin-top: 90px;
  height: 231px;
}
p.loginButton.btn.btn-warning {
  background: #f7cd44;
  background: -moz-linear-gradient(top, #f7cd44 1%, #fee38b 100%);
  background: -webkit-linear-gradient(top, #f7cd44 1%, #fee38b 100%);
  background: linear-gradient(to bottom, #f7cd44 1%, #fee38b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7cd44', endColorstr='#fee38b', GradientType=0);
  color: #000;
  border-radius: .25rem;
}
#olbframe {
    margin-top: -120px;
    position: absolute;
    left: -238px;
}
.inner_olb {
  background: #007b57;
  width: 100%;
  border-radius: 10px;
}
.online {
  background: #007b57;
  width: 130px;
  float: right;
  clear: both;
  padding: 10px;
  border: 2px solid #fff;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  border-radius: 25px;
}
.online a, .online a:hover {
  color: #fff !important;
}
.online {
  float: right;
}
.top_right p {
  text-align: right;
  float: left;
  margin-left: 34%;
  margin-top: 10px;
}
.online a {
  color: #fff !important;
  text-align: center;
  font-weight: 900;
  padding: 18px 30px;
}
.online p {
  height: auto !important;
  float: none !important;
  color: #007b57;
}
/*******             top bar          ******************/
.topBarFull {
  background: #535c6d;
}
.TopBarPane p, .TopBarPane a:link, .TopBarPane a:visited {
  color: white;
  text-decoration: none;
  font-size: 0.7rem;
}
.TopBarPane a:hover, .TopBarPane a:active {
  color: white;
  text-decoration: underline!important;
}
div#dnn_TopBarPane {
  font-size: 0.82em;
  z-index: 15;
  position: relative;
}
#top-bar {
  margin-bottom: -33px;
  background-color: #535c6d;
  color: white;
}

#alpha {
background-color:#0060aa;	
}
/************        banner             ************/
#dnn_BannerPane {
  padding: 0;
}
.BannerPane, .BannerPane p {
  margin: 0;
}
.BannerPane {
  margin: 0px; /*height: 456px;*/ height: 500px;
  max-width: 100%;
  overflow: hidden;
}
#dnn_BannerPane p, #dnn_bannerInner p {
  margin-bottom: 0;
}
/*********                slider module overrides                     ********/
.Mvc-FisSliderModule-Container .prev:hover, .Mvc-FisSliderModule-Container .next:hover {
    background-color: rgba(0, 0, 0, 0.25);
    color: inherit;
}

/*******banner bottom gradient*************/
.gradient_block {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1));
  z-index: 9;
  position: absolute;
  height: 150px;
  width: 100%;
  bottom: 0;
}
/**** ^ if wanted/needed**/
/*banner inner*/
.inner_banner {
  margin: 0px;
  max-height: 300px;
  max-width: 100%;
}
#bannerInner {
  max-height: 300px;
  overflow: hidden;
  clear: both;
}
/*Carousel Pane*/
#dnn_CarouselPane p {
  margin: 0;
}
/*Sections*/
#content {
  padding: 25px 0;
}
#content a, #content p {}
hr {
  border: 0 !important;
  height: 1px !important;
  margin: 40px 20px !important;
  background-color: #f7cc42;
  clear: both;
}
hr.halved {
  margin: 20px 20px !important;
}

a#maincontent {
	color:#000;
}

/*                                                       section 1                       */
#dnn_dnnBreadcrumb_lblBreadCrumb, #dnn_dnnBreadcrumb_lblBreadCrumb > a:link, .SkinObject[itemprop="item"] {
  font-size: .80rem;
  color: #737373;
}
#contentOne {
  padding: 25px 0;
  background: #fff;
}

#contentOne h1, #contentOne h2, #contentOne h3 {}
#contentTwo {
  background-color: #fff; /*#f8f8f8*/
  color: #333333;
}
#dnn_ContentPane ul li, #dnn_ContentPane ol li {
  margin-left: 30px;
  margin-bottom: 5px;
}

ul.spacedOut li, ol.spacedOut li {
  padding-bottom: 20px;
}
ul.rtCaret {
  padding-left: 20px;
  list-style-image: url(img/rtCaret.png);
}
.rtCaret li {
  margin-bottom: 5px;
  margin-left: 0 !important; /*---- added b/c AB put ml on contentpanes ---- */
}
.rtCaret li::before {
  color: #ddb32d;
}

.rtCaret li ul {
  margin-top: 10px !important;
}
.rtCaret li li {
  list-style-type: square;
}
.rtCaret li li::before {
  content: none;
}

.serving {
    max-width: 333px;
    text-align: right;
    font-style: italic;
}

/*************      blog css             ********************/

h1.post_link {
    font-size: 1.75rem !important;
    margin-top: 1rem;
}
.post_link a:link, .post_link a:visited {
  color: black;
  text-decoration: none;
}
.post_link a:hover, .post_link a:active {
  text-decoration: underline;
}
.icons li {
  list-style: none;
}
#dnn_ContentPane p.wsc_post_summary {
  text-align: left;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
}
#dnn_ContentPane .wsc_post_content p:first-of-type {
  text-align: left;
}
.btn.btn-medium.btn-rounded.btn-blog1 {
  border: 1px solid #afb1b2;
  margin-bottom: 5px;
}
/* hiding FA comment bubbles, disqus, and breaks  */
.post-meta ul li:first-of-type, .pagination, /*.fa.fa-comments.fa-2x, .fa.fa-comments.fa-2x + br,*/ .com_no, .wsc_date + br, .com_no + br, ul i.fa.fa-caret-right.grey2, .wsc_postit_subscribe {
  display: none;
  visibility: hidden;
}
.read_more {
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  color: transparent;
  border-width: 1px;
  border-style: solid;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(15, 46, 103, 0.75), rgba(0, 0, 0, 0)) left bottom no-repeat;
  background-size: 100% 1px
}
.wsc_image_wrapper img, img.post-image {
  max-width: 100%;
}

 a.wsc_date:link,  a.wsc_tag:link{
  padding-left: 5px;  
}

/***********          Sun Blog                        **************/
ul.utils-tabs li.active a:link,ul.utils-tabs li.active a:visited {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

ul.utils-tabs li.active, ul.utils-tabs li.active a:hover, ul.utils-tabs li.active a:active {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

#dashBoardZone li, .thumbnail-panel li {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.fa-paper-plane-o::before {
    content: "\f1d8";
}

.btn-blog1 > i.fa.fa-comments.fa-2x {
    display: none;
    visibility: hidden;
}

/********                       Section 2                *****************/
button, input, optgroup, select, textarea, tel, email {
  border: 1px solid #737373;
  border-radius: .25rem;
  padding: .25rem;
}
.form-control {
  border: none;
}

.contact-form .form-control {
   /* border: 1px solid #737373;*/
       border: 1px solid #1a428a;
}

.news-contact-form .form-control, .consultant-contact-form .form-control {
    border: 1px solid #1a428a;
}

label, .contact-form label {
  display: block;
}
.contact-form input[type=text] {
  width: 100%;
}
.contact-form select {
  height: 34px;
}
.required {
  color: red;
}
/*consultant-contact-form*/
.modal input[type="checkbox"] {
  margin-left: 0;
  margin-right: 1.25rem;
}
.modal .form-check-label {
    margin-left: 1.25rem;
}
.modal .form-check {
  padding-left: 0;
}
.modal .form-check-label.col-md-2, .modal .form-check-label.col-3 {
  margin-left: .8rem;
}
p.form-response {
    padding: 2rem 5rem;
}

.consultant-contact-form p.form-response::after {content: " Click outside the white box to continue.";}

.form-check-inline .form-check-label {
    margin-left: 0;
}

/********                       Section 3                *****************/
#contentThree {
  background-color: #d6d6d6;
  color: #000000;
}
#contentThree .DnnModule .dnnDragHint {
    outline: 1px dashed #7e7e7e;
}/* default dash impossible to see on contentThree bg */

#dnn_WidePaneThree a, #dnn_WidePaneThree a:link, #dnn_WidePaneThree a:visited {
    color: #003D6B;
    background: inherit;
}

#dnn_WidePaneThree a:hover, #dnn_WidePaneThree a:active {
    color: #000000;
    background: inherit;
}

#contentFour {
  background-color: #0061aa;
  color: white;
}
/*********       pre footer section 4    ********/
#dnn_Connect p {
  font-size: 2.5em;
  text-align: center;
  margin: 28px auto;
  display: block;
}
#dnn_Prefooter1, #dnn_Prefooter2, #dnn_Prefooter3 {
  border-left: 1px solid #4f92c6;
}
@media only screen and (max-width : 767px) {
  #dnn_Prefooter1, #dnn_Prefooter2, #dnn_Prefooter3 {
    border-left: none;
  }
}
.connectRow {
  padding: 5px 0;
}
#dnn_Prefooter1 img, #dnn_Prefooter2 img, #dnn_Prefooter3 img {
  margin: 10px auto;
  text-align: center;
  display: block;
}
#dnn_Prefooter1 p, #dnn_Prefooter2 p, #dnn_Prefooter3 p {
  text-align: center;
  color: white;
}
#contentFour a:link, #contentFour a:visited {
  color: white;
  text-decoration: none;
}
#contentFour a:hover, #contentFour a:active {
  color: #f2f2f2;
  text-decoration: underline!important;
}
#dnn_FullWidePaneFour {
  background-color: #1a428a;
  color: #fff;
  font-size: 1.25rem;
}
#dnn_FullWidePaneFour a:link, #dnn_FullWidePaneFour a:visited {
  color: white;
  text-decoration: underline;
}
#dnn_FullWidePaneFour a:hover, #dnn_FullWidePaneFour a:active {
  color: #f2f2f2;
  text-decoration: none;
}
#dnn_FullWidePaneFour p {
  margin: 0 auto !important;
  padding: .75rem 0;
  text-align: center;
}

/********          footer Container            ************/
.dnnEditState #FooterContainer {
   margin-bottom: 225px;
}
.dnnEditState .row #dnn_Alert {
    margin-bottom: 75px;
}

#FooterContainer {
  background: #535c6d;
  color: #fff;
}
#FooterContainer ul {
  margin: 0;
}
#FooterContainer p {
  color: white;
}
#FooterContainer a:link, #FooterContainer a:visited {
  color: white;
  text-decoration: none;
}
#FooterContainer a:hover, #FooterContainer a:active {
  color: #f2f2f2;
  text-decoration: underline!important;
}
#dnn_FooterNav p {
  margin: 0 auto !important;
  text-align: center;
}
span#dnn_dnnCopyright_lblCopyright {
  margin: auto;
  margin-bottom: 1.5rem;
  font-size: .75rem;
}
/*******          Back To Top          ***********/
#toTopBtn {
    position: fixed;
    bottom: 26px;
    right: 39px;
    z-index: 98;
    padding: 22px 18px;
    background-color: #f7cc43;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-image: url(/portals/communitytrustbank/skins/communitytrustbank/img/backtotop.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position: center;
}
.go-top.hidden-xs.hidden-sm.fas.fa-angle-double-up {
  color: #4f4f4f;
}
.js .cd-top--fade-out {
  opacity: .5
}
.js .cd-top--is-visible {
  visibility: visible;
  opacity: 1
}
.js .cd-top {
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s, visibility .3s, background-color .3s
}
.cd-top {
  position: fixed;
  bottom: 20px;
  bottom: var(--cd-back-to-top-margin);
  right: 20px;
  right: var(--cd-back-to-top-margin);
  display: inline-block;
  height: 40px;
  height: var(--cd-back-to-top-size);
  width: 40px;
  width: var(--cd-back-to-top-size);
  box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
}
/*             end back to top          */
p.disclosure, span.disclosure, div.disclosure {
  font-size: 0.8em;
  line-height: 1.1em;
  font-style: italic;
}
/*  ------------ tables ------------- */
/* -- product comparisons -- */
.prodTable {}
.prodTable th[scope=col] {
  background: #0061aa;
  color: #fff;
  text-align: center;
}
.prodTable th[scope=row] {}
.prodTable td {
  text-align: center;
}
/* -- on remote deposit capture pg -- */
.rdcTable th, .rdcTable td {
  font-size: .9em;
}
/* -- on NMLS Listings pg -- */
.nmlsTable {
  width: 50% !important;
  margin: 0 auto;
}
/* -- CTFS disclaimer in footer -- */
.ctfsDisc {
  width: 90% !important;
  margin: 0 auto 2% auto;
}
.ctfsDisc .row > div {
  border: 1px solid #000 !important;
  background-color: #c3c3c3;
  text-align: center;
  font-size: .93em;
}
.ctfsFooter {
  font-size: .9em;
}
/* -- privacy policy  -- */
.privacyTable {
  border-collapse: collapse;
  width: 100%;
}
.privacyTable td {
  padding: 1%;
  border: 1px solid #535c6d;
  vertical-align: top;
}
.privacyTable td ul {
  margin-top: 15px;
  margin-bottom: 10px;
}
.privacyTable th {
  padding: 1%;
  border: 1px solid #535c6d;
  vertical-align: top;
  font-weight: bold;
  text-align: left;
}
.privacyTable th.privacyDark {
  padding: 1%;
  background: #535c6d;
  font-weight: bold;
  color: white;
  font-size: 1.2em;
  border: 1px solid #535c6d;
  text-align: left;
}
th.privacyCenter {
  text-align: center !important;
  font-size: 1em;
}
.nonBold {
  font-weight: normal !important;
}
/* -- on philosophy pages on WTM, looks like a table -- */
.philoHeader {
  color: #0060aa;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.25em;
}
.philo .row {
  border-top: 1px solid #ccc;
  padding: 1% 0;
}
/* -- on Community Contacts pg -- */
.ccTable th {
  color: #0060aa;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.25em;
  line-height: 1;
}
.ccTable td, .ccTable th {
  padding-bottom: 20px !important;
}
/* ---------  fa icons -----------  */
.fa-check, .fa-file-pdf, .fa-angle-double-right {
  color: #0061aa;
}
.fa-file-pdf {
  color: #8a343d;
}
.fa-credit-card {
  color: #0061aa;
  font-size: 1.15em;
}
.btn-warning .fa-file-pdf {
  color: #000;
}
.btn-primary .fa-file-pdf, .btn-success .fa-file-pdf, .btn-info .fa-file-pdf, .btn-danger .fa-file-pdf {
  color: #fff !important;
}

ul.securityNav {
  margin-left: 0;
  list-style-type: none;
    font-size: .9em;
}
h3.securityNav {
  font-size: 1.35em !important;
  margin-top: 1em;
}

img.img-fluid {width:100%!important;height:auto!important;}

#dnn_ctr482371_View_Row .pane, #dnn_ctr482370_View_Row .pane{padding:5px;}