/*
Theme Name: 1752 Ennis State Bank | Trinity Capital Bank of Texas
Theme URI: http://csibankanytime.com/
Author: CSI ( CSI Developer Name )
Description: Design Pro 3 CSI Banking Theme
Version: 2.1.0
Text Domain: design-pro-3
*/
.accordion-body .mid-col + .col-lg-4{
	text-align: center;
}
/* TYPOGRAPHY
-------------------------------------------------------------------------------------- */
.icon-card-component a:hover span:not(.right-arrow),
.icon-card-component a:focus span:not(.right-arrow){
	text-decoration: underline;
}

.icon-card-component img{
	max-width: 80px;
	height: auto;
	padding: 1rem;
	align-self: center;
}

.icon-card-component a:hover,
.icon-card-component a:focus{
	box-shadow: 0 10px 23px 0 rgb(103 103 103 / 45%);
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar-close{
	color: #fff;
}
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close:focus{
	text-decoration: underline;
}
.ui-dialog.ui-widget-content .ui-widget-header .ui-icon{
	display: none;
}
.ui-dialog .ui-dialog-buttonpane button{
  color: #fff;
  padding: 0.675rem 1.575rem;
  border: 1px solid #fff;
}
.ui-dialog .ui-dialog-buttonpane button:hover,
.ui-dialog .ui-dialog-buttonpane button:focus{
	color: #000;
	text-decoration: underline;
	background: #fff;
	border: 1px solid #fff;
}
.cms-page h2.section-title{
	text-align: center;
}
#wpadminbar #wp-admin-bar-wp-logo {
  display: none;
}
.no-shadow .text-editor img{
	box-shadow: none !important;
}
.tab-content .csi-btn.btn{
	display: block;
}
body,
html {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	background-color: transparent;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.575rem;
  margin-top: 2.025rem;
}

h1{
	font-size: 2.025rem;
}

h2{
	font-size: 1.9125rem;
}

h3{
	font-size: 1.575rem;
}

h4{
	font-size: 1.35rem;
}

h5{
	font-size: 1.0125rem;
}

h6{
	font-size: 0.9rem;
}

p{
	line-height: 1.8rem;
	font-size: 1.0125rem;
}

li{
	font-size: 1.0125rem;
}

p .lead{
	font-size: 1.35rem;
	line-height: 2.1375rem;
}

p .text-muted{
	font-size: 0.9rem;
	line-height: 1.6875rem;
	color: #231F20;
}

.panel-group .lead strong, .panel-group strong .lead{
	font-weight: 700;
	font-size: 1.63125rem;
}

strong{
	font-weight: 600;
}

p,
ul,
dl,
ol {
  color: #231F20;
  background-color: transparent;
}

img{
	max-width: 100%;
}

.csi-alert h1, .csi-alert h2, .csi-alert h3, .csi-alert h4, .csi-alert h5, .csi-alert h6{
	margin-top: 0;
}

.csi-alert p{
	margin-bottom: 0;	
}

/* BUTTONS AND LINKS
Before Changing any Hover/Focus behavior, ensure the new behavior still complies with
ADA requirements (at least 3.0 contrast change or underline change)
-------------------------------------------------------------------------------------- */
.panel-group .text-editor a{
	display: inline-block;
	padding: 0px;
	border: none;
}
a {
  color: #105DA9;
  text-decoration: underline;
  font-weight: 700;
  font-size: 1.0125rem;
  font-style: italic;
}
a:hover, a:focus {
  color: #105DA9;
  text-decoration: none;
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
.icon-card-component a{
	text-decoration: none;
	flex-direction: column;
	box-shadow: 0 0 4px 0 rgb(103 103 103 / 45%);
	font-style: normal;
	min-height: 340px;
	position: relative;
}
.icon-card-component .icon-card-body{
	padding: 0 1rem;
}
.icon-card-component .icon-card-body h4{
	text-align: center;
}
.icon-card-component .icon-card-link-title{
	padding: 1rem;
	display: flex;
	align-items: center;
	background: #105DA9;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.icon-card-component .icon-card-link-title span{
	color: #fff;
}
.icon-card-component .icon-card-link-title span:not(.right-arrow){
	color: #fff;
  width: 100%;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  vertical-align: middle;
  justify-content: space-between;
  text-align: left;
}
.icon-card-component .right-arrow {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #fff;
    display: inline-flex;
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
}
.icon-card-component .right-arrow:after{
	content: '';
  display: inline-block;
  width: .625rem;
  height: .625rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  top: 28%;
  left: 24%;
}
.csi-body-7 h4{
	width: 70%;
	margin: 0 13.5% 2.025rem;
	font-size: 1.63125rem;
}
.home-cards h4 {
	font-size: 1.6rem;
}
.inside-header-content{
	margin: 1.8rem 0;
}
.inside-header-content .head{
  padding: 0.9rem;
  border: 1px solid #105DA9;
  background: #105DA9;
  color: #fff;
}
.inside-panel-group a:hover h5,
.inside-panel-group a:focus h5{
	text-decoration: underline;
}
.inside-header-content .head i{
	float: right;
  display: inline;
  padding-top: 0.315rem;
}
.inside-header-content .head h5{
	margin-bottom: 0;
  display: inline;
}
.card-section-description + .row{
	margin-top: 50px;
}
.social-media-links i{
	font-size: 2.8125rem;
	margin-left: 0.8rem;
}
.social-media-links{
	text-align: right;
}
.text-editor img{
	max-width: 100%;
	height: auto;
	box-shadow: 13.5px 13.5px 27px 0 rgb(0 0 0 / 50%);
}
.blue-background{
	background: #105DA9;
	min-height:675px;
}
.blue-background *,
.blue-background .text-muted
.blue-background .lead{
	color: #fff;
}
.center-image img{
	display: block;
	margin: 0 auto;
}
.csi-insidepages section:not(.card-section):not(.floating-section):not(.attached-blue-background):not(.hover-cards):not(.home-section-cards){
	padding: 22.5px 14.5%;
	padding-bottom: 0;
}
.csi-insidepages section.accordion{
	padding-top: 0;
	padding-bottom: 0;
}
.csi-insidepages section.no-gutters{
	margin: 0 !important;
	width: 100% !important;
}
.csi-insidepages .standard-section div[class*="col"]:first-child .text-editor img,
.csi-insidepages .staggered-section div[class*="col"]:first-child .text-editor img{
	box-shadow: -13.5px 13.5px 27px 0 rgb(0 0 0 / 50%);
}
table img{
	box-shadow: none !important;
}
.card-section h3, .card-section-description{
	text-align: center;
}
.csi-logo .navbar-brand{
	padding: 0;
	margin: 0;
}
section.accordion{
	margin-top: 6.58125rem;
}

.panel-group .panel-body h5{
	color: #231F20;
	margin-bottom: 2.19375rem;
	display: block;
	vertical-align: initial;
}
.card-component .image-background{
	width: 100%;
	height: 358.2px;
}
.card-component .card-title{
	color: #fff;
	font-weight: 700;
	width: 90%;
	position: absolute;
	top: -47.8px;
	left: 5%;
	padding: 1.8rem 0 1.125rem;
	text-align: center;
	background: #105DA9;
	font-size: 1.125rem;
}
.card-component .card-body{
	position: relative;
	padding-top: 3.15rem;
	text-align: center;
}
table.table thead th{
	background: #105DA9;
	color: #fff;
	vertical-align: top;
	height: 137.7px;
	font-weight: 600;
	font-size: 1.4625rem;
	width: 25%;
}
table.table{
	margin: 0;
}
table.table tr td{
	font-size: 1.0125rem;
}
table.table tr td:first-child{
	font-weight: 600;
	font-size: 1.4625rem;
}
table.table th, table.table td{
	padding: 2.025rem;
}
div.table-responsive{
	box-shadow: 0 7.2px 36px rgba(2,22,43,0.239);
}
.blue-header h2{
	color: #105DA9;
}
hr{
	border-color: #231F20;
	margin: 2.7rem 0;
}
.csi-container1600{
	max-width: 1640px;
	margin: 0 auto;
}
.panel-group .accordion-body a{
	border: none;
	border-radius: 0;
	padding: 0;
	text-align: center;
	text-decoration: underline;
}
.panel-group .accordion-body a.csi-btn{
	margin-bottom: 1.2375rem;
}
.panel-group .mid-col{
	border-left: 1px solid rgba(16,93,169,0.078);
	border-right: 1px solid rgba(16,93,169,0.078);
}
.accordion-body{
	box-shadow: 0 7.2px 36px rgba(2,22,43,0.235);
	padding: 4rem 3.09375rem 1.5rem;
}
.panel-group h5{
	margin: 0;
	color: #105DA9;
	padding: 0;
	display: inline;
	font-size: 2.1375rem;
	vertical-align: middle;
}
.panel-group img{
	display: inline;
	width: 61.2px;
	height: auto;
}
.panel-heading{
	position: absolute;
	text-align: center;
	top: -54px;
	width: 64.8%;
	margin: 0 17.6%;
	box-shadow: 0 5.4px 20.7px rgba(1,16,31,0.352);
	background: #EBF5FF;
	padding: 1.0125rem 0;
}
.IB-dropdown{
	position: absolute;
	display: none;
	box-shadow: 0 3px 27px rgba(0,0,0,0.486);
	z-index: 5;
	right: 2.025rem;
	padding: 3.0375rem 1.8rem;
	background: #656364;
	width: 345.6px;
  right: 0;
  top: 64.8px;
}
.csi-body-7 .card-body h3{
	margin: 0;
}
.home-cards .card-body h3 {
    margin: 0;
}
.IB-dropdown h6{
	font-size: 1.0125rem;
	text-align: center;
	color: #fff;
	margin-bottom: 0.9rem;
	margin-top: 0;
}
.IB-dropdown form input[type="text"]{
	background: #2F2C2D;
	border-radius: 0;
	border-color: #2F2C2D;
	color: #fff;
	margin-bottom: 0.9rem;
	height: 48.6px;
}
.IB-dropdown form button[type="submit"]{
	background: #FEDD00;
	border: 1px solid #FEDD00;
	padding: 0.7875rem 0rem;
	width: 100%;
	font-weight: 700;
	color: #231F20;
	text-decoration: none;
	font-style: normal;
	font-size: 0.9rem;
	margin-bottom: 0.9rem;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1 !important; /* Firefox */
  font-weight: 700;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  font-weight: 700;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
  font-weight: 700;
}
.calc-body input.form-control::placeholder{
	opacity: 0.5 !important;
}
.calc-body input.form-control:-ms-input-placeholder{
	opacity: 0.5 !important;
}
.calc-body input.form-control::-ms-input-placeholder{
	opacity: 0.5 !important;
}
.IB-dropdown form input::placeholder{
	color: #fff !important;
	text-align: center;
	font-style: normal;
}
.IB-dropdown form input:-ms-input-placeholder{
	color: #fff !important;
	text-align: center;
	font-style: normal;
}
.IB-dropdown form input::-ms-input-placeholder{
	color: #fff !important;
	text-align: center;
	font-style: normal;
}
.IB-dropdown a{
	font-weight: 500;
	font-size: 0.9rem;
	color: #fff;
}
.IB-dropdown i{
	color: #fff;
	padding-right: 0.9rem;
}
.ib-login{
	position: relative;
}
.ib-login:after{
	content: "\f060";
	transform: rotate(-45deg);
	position: absolute;
	top: -2px;
	right: 7px;
	height: 19.8px;
	color: #fff;
	text-shadow: 0 3px 9px rgba(0,0,0,0.16);
	font-family: "FontAwesome";
}
.IB-dropdown:before{
	content: "\f060";
	transform: rotate(135deg);
	position: absolute;
	bottom: 0px;
	left: 7px;
	height: 19.8px;
	color: #fff;
	text-shadow: 0 3px 9px rgba(0,0,0,0.16);
	font-family: "FontAwesome";
}
.csi-banner-7 .row.align-items-center .col-lg-8.col-12{
	position: static;
}
.csi-logo{
	position: absolute;
	top: -80px;
}
.csi-logo.mortgage-logo{
	/* top: -103.5px; */
}
.csi-logo img {
  width: 358.2px;
}
.csi-banner-7 .ib-login{
	background: #656364;
	padding: 23px 2.35rem;
	text-align: center;
}
.header-links-container{
	padding-right: 3rem;
}
.csi-banner-7 .header-quick-links-row{
	background: #D9D9D9;
	padding: 23px 3.5rem;
	text-align: center;
	font-size: 0.9rem;
}
.csi-banner-7 .header-quick-links-row a{
	font-size: 0.9rem;
	font-weight: 500;
	color: #231F20;
	text-decoration: none;
	font-style: normal;
}
.csi-banner-7 .header-quick-links-row a:hover,
.csi-banner-7 .header-quick-links-row a:focus,
.csi-banner-7 .ib-login a:hover,
.csi-banner-7 .ib-login a:focus{
	text-decoration: underline;
}
.csi-banner-7 .ib-login a{
	font-size: 0.9rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-style: normal;
}
.text-editor ul li:before{
	content: '\f00c';
  font-family: FontAwesome;
  color: #105DA9;
  font-style: normal;
  margin-left: -24.3px;
  margin-right: 9px;
}

.text-editor ul li{
	display: inline-block;
	width: 100%;
  margin-left: -.75rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.tagline p strong{
	font-weight: 800;
}
.link-divider{
	padding: 0 0.5rem;
}
.csi-banner-7 .header-quick-links-row, .csi-banner-7 .ib-login, .mortgage-button{
	display: inline-block;
}

.mortgage-button a.csi-btn.button{
	padding: 23px 1.8rem;
	margin-bottom: 0;
}
.csi-banner-7 .carousel-item{
	height: 513px;
	width: 70%;
	margin-left: 30%;
}
.panel-group .accordion-body a.open-account{
	font-size: 1.51875rem;
}
.panel-group .accordion-body a.open-account:hover,
.panel-group .accordion-body a.open-account:focus{
	text-decoration: none;
}
tbody tr{
	border-top: none;
	border-bottom: none;
}
.blue-footer p{
	margin-bottom: 0;
}
.csi-insidepages .csi-articleContent .calc-body ul li:before{
	margin: 0;
}
.csi-banner-7 .carousel-inner{
	background: #105DA9;
}
.csi-banner-7 .carousel-item:before{
	content: " ";
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  background: transparent linear-gradient(90deg, #105DA9 0%, rgba(16,93,169,0) 35%) 0% 0% no-repeat padding-box;
}
.csi-banner-7 .carousel-caption{
	top: 22.5%;
	bottom: auto;
	left: -27%;
	right: 0;
}
.csi-banner-7 .carousel-caption .tagline{
	background: transparent;
}
.csi-banner-7 .carousel-indicators{
	bottom: 0px;
}
.csi-carousel{
	position: relative;
}
.csi-banner-7 .banner-links{
	background: #073058;
	text-align: center;
	position: relative;
	bottom: 0;
	width: 100%;
	z-index: 99;
}
.banner-links-row .separator{
	height: auto;
  width: 1px;
  border-left: 1px solid #fff;
}
.csi-banner-7 .banner-links a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: underline;
	font-style: normal;
}
.csi-banner-7 .banner-links a:hover,
.csi-banner-7 .banner-links a:focus{
	text-decoration: none;
}
.csi-banner-7 .banner-links i{
	margin-right: 0.5rem;
	color: #fff;
}
.csi-banner-7 .banner-links{
	padding: 1.625rem 0;
}
.csi-banner-7 .left-banner-link{
	border-right: 1px solid #fff;
}
.carousel-caption a{
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	text-shadow: 0 0 11px #02162B;
	box-shadow: 0 0 5px #02162B;
	padding: 0.675rem 3.4875rem;
	font-size: 0.9rem;
	font-style: normal;
}
.carousel-caption a:hover,
.carousel-caption a:focus{
	text-decoration: underline;
}
.csi-body-7{
	padding: 8rem 0 10.5rem;
}
.csi-section-02{
	padding: 6rem 0 20rem;
}
.csi-section-02 h1{
	font-size: 52px;
	line-height: 52px;
	margin-bottom: 2rem;
}
.csi-section-02 p{
	margin-bottom: 4rem;
	font-size: 22px;
	line-height: 27px;
}
.csi-body-7 h3{
	font-size: 1.63125rem;
	color: #231F20;
}
.juicer-feeds h3{
	font-size: 2.925rem;
	text-align: center;
}
.juicer-feed h6{
	font-size: 1.2375rem;
	font-weight: 700;
	text-align: center;
}
.home .card-deck .card, .home-cards .card-deck .card{
	margin-left: 22.5px;
	margin-right: 22.5px;
	padding: 2.025rem 1.8rem 4.05rem;
	position: relative;
	border: 2px solid #105DA9;
	border-radius: 0;
	-webkit-box-shadow: 0px 5px 13px 0px rgba(35,31,32,0.75); 
box-shadow: 0px 5px 13px 0px rgba(35,31,32,0.75);
}
.home .card-deck .card p, .home-cards .card-deck .card p{
	font-size: 1.0125rem;
	font-weight: 400;
	padding-bottom: 1.125rem;
	padding-top: 1.125rem;
	font-weight: 700;
}
.home .card-deck .card a, a.csi-btn.button {
	background: #FEDD00;
	border: 1px solid #FEDD00;
	padding: 0.9rem 3.4875rem;
	font-weight: 500;
	color: #231F20;
	text-decoration: none;
	font-style: normal;
	font-size: 0.9rem;
	display: inline-block;
}
.home-cards a.card-linkName {
	background: #FEDD00;
	border: 1px solid #FEDD00;
	padding: 0.9rem 3.4875rem;
	font-weight: 500;
	color: #231F20;
	text-decoration: none;
	font-style: normal;
	font-size: 0.9rem;
	display: inline-block;
}
a.csi-btn.button{
	margin-bottom: 1rem;
}
.sliding-links a{
	transition: all .3s ease-out;
	display: block;
}
.sliding-links a:hover,
.sliding-links a:focus{
	transform: translateX(5px);
}
.home .card-deck .card a:hover, a.csi-btn.button:hover,
.home .card-deck .card a:focus, a.csi-btn.button:focus{
	background: #fff;
	text-decoration: underline;
	color:black;
}
.nav-tabs .nav-item{
	margin-right: 0.5rem;
}
.nav-tabs .nav-link{
	background: #fff;
	border: 1px solid #105DA9;
	padding: 1.0125rem 3.125rem;
	font-weight: 500;
	color: #105DA9;
	text-decoration: none;
	font-style: normal;
	font-size: 1.0125rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus{
	background: #105DA9;
	color: #fff;
	text-decoration: underline;
}
.nav-tabs .nav-link.active{
	background: #105DA9;
	border-color: #105DA9;
	color: #fff;
}
.home .card-deck .card a:hover, .home-cards .card-deck .card a:hover,
.home .card-deck .card a:focus, .home-cards .card-deck .card a:focus{
	background: #fff;
}
.home .card-deck .card-body, .home-cards .card-deck .card-body{
	padding: 0;
}
.home-cards .card-deck .card-body {
	text-align: center;
}
.csi-body-7 .card-icon{
  border-radius: 3rem;
  background: #105DA9;
  -webkit-box-shadow: 0px 6px 0px #253B67;
	-moz-box-shadow: 0px 6px 0px #253B67;
	box-shadow: 0px 6px 0px #253B67;
	width: 75px;
}
.home-cards .card-icon {
	border-radius: 3rem;
	background: #105DA9;
	-webkit-box-shadow: 0px 6px 0px #253B67;
	  -moz-box-shadow: 0px 6px 0px #253B67;
	  box-shadow: 0px 6px 0px #253B67;
	  width: 75px;
}
.csi-body-7 div.card-icon, .home-cards .card-icon{
	text-align: left;
	margin: 0 auto;
}
.csi-body-7 .card-icon img, .home-cards .card-icon img{
	padding: 0.9rem;
	position: absolute;
	bottom: -35px;
	margin: 0;
}
.juicer-feed-section{
	padding: 5rem 0;
}
.juicer-feed .j-paginate.juicer-button{
	border-radius: 10px;
	border: 2px solid #595959;
	color: #212121;
	font-weight: bold;
	font-size: 1.0125rem;
	text-transform: capitalize;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
}
.promotion-section{
	padding-bottom: 7.0875rem;
}
.promotion-section .promotion-body{
	text-align: center;
	position: relative;
  width: 54%;
  margin: 0 23%;
  padding-top: 3.0375rem;
}
.promotion-section h3{
	background: #105DA9;
	color: #fff;
	padding: 1.125rem 0;
	width: 63%;
  margin: 0 18.5%;
	position: absolute;
	top: -42px;
}
.csi-insidepages .hover-cards{
	padding: 0px 9%;
	height: 354px;
}
.hover-card-section .no-gutters>[class*=col-]{
	padding: 0 2px;
}
.hover-card-section .card-background{
	height: 350px;
	position: relative;
}
.hover-card-section .card-section-description{
	opacity: 0;
	height: 100%;
}
.hover-card-transition:hover .card-caption,
.hover-card-transition:focus .card-caption{
	opacity: 0;
}
.hover-card-transition:hover .card-section-description,
.hover-card-transition:focus .card-section-description{
	opacity: 1;
}
.hover-card-section .card-caption, .hover-card-section .card-section-description{
	position: absolute;
	bottom: 0;
	padding: 1rem;
	background: rgba(0,0,0,0.75);
	width: 100%;
	transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.hover-card-section .card-caption h3, .hover-card-section .card-section-description h3,
.hover-card-section .card-section-description p{
	color: #fff;
	margin: 0;
	font-style: normal;
	text-decoration: none;
}
.hover-card-section .card-section-description p{
	font-size: 1rem;
	line-height: 1.25rem;
}
.hover-card-section .card-section-description h3{
	font-size: 1.35rem;
}
.hover-card-section .card-section-description span{
	margin: 0;
	font-style: normal;
	text-decoration: none;
	padding: 0.75rem 1.25rem;
	background: #fff;
	color: #000;
}
.hover-card-section .card-section-description span:hover,
.hover-card-section .card-section-description span:focus{
	border: 1px solid #fff;
	background: #000;
	color: #fff;
	text-decoration: underline;
}
.hover-card-section .card-section-description hr{
	margin: 1rem 0;
	border-color: #fff;
}
.hover-card-section .card-section-description p{
	margin-bottom: 2rem;
}
/* Animations */
.fadeInLeft{
  visibility: hidden;
}


.fadeInRight{
  visibility: hidden;
}

.fadeInUp{
  visibility: hidden;
}

.fadeInDown{
  visibility: hidden;
}
/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;

	visibility: visible !important;
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}



/*
==============================================
slideRight
==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;

	visibility: visible !important;
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;

	visibility: visible !important;
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}

/*
==============================================
slideDown
==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;

	visibility: visible !important;
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}
.floating-section-inner{
	position: relative;
}
.floating-section{
	padding: 22.5px 14.5%;
}
.floating-section .blue-background{
	width: 75%;
	padding: 73px 157px 73px 60px;
}
.floating-section .blue-background .floating-image img{
	    margin-right: -120px;
}

.floating-section .floating-image img{
	position: absolute;
	max-width: 691px;
	width: 45vw;
	height: auto;
	right: 0;
	box-shadow: 0 5px 13px rgba(35,31,32,0.749);
	border-radius: 40px;
}
.floating-section h3{
	font-size: 29px;
	line-height: 2rem;
}

.floating-section p, .floating-section li{
	font-size: 1.25rem;
	line-height: 2rem;
}
.floating-section .blue-background.reverse{
	margin-left: 35%;
	padding: 73px 90px 73px 150px;
}
.floating-section .blue-background.reverse img{
	left: 0;
}
.attached-blue-background{
	background: #105DA9;
	width: 80%;
	margin-left: auto;
	font-weight: bold;
	padding: 9.375rem;
}
.attached-blue-background p{
	font-weight: 400;
}
.attached-blue-background + .attached-blue-background{
	padding-top: 0;
}

.attached-blue-background h1,
.attached-blue-background h2,
.attached-blue-background h3,
.attached-blue-background h4,
.attached-blue-background h5,
.attached-blue-background h6,
.attached-blue-background p,
.attached-blue-background a{
	color: #fff;
}

.attached-blue-background img{
	border-radius: 40px;
	box-shadow: 0px 5px 13px rgba(35,31,32,0.749);
	max-width: 100%;
	height: auto;
	width: 45vw;
}

 div[class^="csi-pic-"] {
    position: absolute;
    border-radius: 12px;
    -webkit-transition: all 0.4s ease;
  }

  div[class^="csi-pic-"] img{
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    box-shadow: 0 5px 13px rgba(35,31,32,0.749);
    width: 277px;
    border: 8px solid #FFFFFF;
    display: block;
    max-width: 100%;
    height: auto;
  }
  
  .csi-section-02 .manypics{
    padding: 0;
    top: -100px;
  }


    .csi-pic-01{
      left: -5px;
    }
    .csi-pic-01 img{
	    transform: matrix(1, -0.05, 0.05, 1, 0, 0);
    }

    .csi-pic-02{
      left: 190px;
      top: 170px;
    }
    .csi-pic-02 img{
	    transform: matrix(1, 0.03, -0.03, 1, 0, 0);
    }

    .csi-pic-03{
      left: 390px;
    }
    .csi-pic-03 img{
	    
    }

    .csi-pic-04{
      top: 360px;
      left: -10px;
    }
    .csi-pic-04 img{
	    transform: matrix(1, 0.07, -0.07, 1, 0, 0);
    }

    .csi-pic-05{
      top: 475px;
      left: 260px;
      z-index: 2;
    }
    .csi-pic-05 img{
	    transform: matrix(1, -0.07, 0.07, 1, 0, 0);
    }

    .csi-pic-06{
     top: 250px;
     left: 485px;
    }
    .csi-pic-06 img{
	    transform: matrix(1, 0.05, -0.05, 1, 0, 0);
    }
    
    .juicer-section-title{
	    background: #105DA9;
	    border-radius: 20px;
	    padding: 36px 0;
	    width: 50%;
	    margin: 0 auto;
	    text-align: center;
	    margin-bottom: 3rem;
    }
    .juicer-section-title:after{
	    content: "";
	    position: absolute;
	    bottom: calc(-29px + 3rem);
	    right: calc(37% - 50px);
	    border-width: 30px 40px 0;
	    border-style: solid;
	    border-color: #105DA9 transparent;
	    display: block;
	    width: 0;
    }
    .juicer-section-title h1{
	    color: #fff;
	    font-size: 52px;
	    line-height: 52px;
    }
    .slanted-footnote-section{
	    padding: 0 !important;
	    margin: 4rem 0;
	    background: linear-gradient(125deg, transparent 25%, #083058 25%);
    }
    .slanted-content{
	    padding: 40px 0;
	    text-align: center;
	    width: 75%;
	    margin-left: auto;
    }
    .slanted-content .csi-btn.button{
	    border-color: #fff;
	    background: transparent;
	    padding: 0.625rem 4rem;
    }
    .slanted-content .csi-btn.button:hover,
    .slanted-content .csi-btn.button:focus{
	    background: #fff;
	    color: #083058 !important;
    }
    .slanted-content *{
	    color: #fff !important;
    }

/* REVIEWS */
.review-stars ul {
  display: inline-block;
  list-style: none;
}

.review-stars ul li {
  float: left;
  margin-right: 5px;
}

.review-stars ul li i {
  color: #E4B248;
  font-size: 12px;
}
/*color: #E4B248;*/
.review-stars ul li i.inactive {
  color: #c6c6c6;
}
.star:after {
  content: "\2605";
}

.cms-page.card-section{
	width: 80%;
	margin: 0 auto;
}

.allpoint-locator table{
	width: 227.7px;
}
.allpoint-locator input#zipcode{
	width: 198px;
}
.allpoint-locator .text-editor img{
	margin-top: 0; 
}

.allpoint-locator .text-editor table{
	width: 253px;
	height: 165px;
}

.drop2{FONT-WEIGHT: normal;COLOR: black;FONT-SIZE: 10px;FONT-FAMILY: Arial;
	display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

/* Form Disclosure text */
.form-small {
	font-size: .8rem;
}

.ginput_address_city, 
.ginput_address_state, 
.ginput_address_zip {
	flex: 0 0 32% !important;
	padding-right: 10px !important;
}

#field_1_19 {
	grid-column: span 2;
}
input[name="input_29"],
input[name="input_30"]{
	width: 100%!important;
}
.csi-videoBackground iframe {
	border-radius: 0;
    overflow: hidden;
    position: relative;
	box-shadow: 0 0 17px #02162b;
}
.csi-videoBackground .video-background {
    background: black;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
	height: 528px;
    position: relative;
    overflow: hidden;
}
.csi-videoBackground .video-background:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background: linear-gradient(90deg, rgba(0,0,0,0) 80%, rgba(0,0,0,1) 98%);*/
	/*background: linear-gradient(90deg, rgba(0,0,0,0) 72%, rgba(16,93,169,1) 82%);*/
}
.csi-videoBackground .video-background:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background: linear-gradient(90deg, rgba(0,0,0,1) 2%, rgba(0,0,0,0) 30%);*/
	/*background: linear-gradient(90deg, rgba(16,93,169,1) 19%, rgba(0,0,0,0) 32%);*/
}
.csi-videoBackground .video-foreground, .csi-videoBackground .video-background iframe {
    position: static;
    top: 0%;
    left: 0%;
    width: 100%;
	height: 528px;
    pointer-events: none;
}
.csi-videoControls {
    position: absolute;
    z-index: 10;
	bottom: 2rem;
    right: 5rem;
}
.csi-videoControls button#toggle-btn {
	background: rgba(255, 255, 255, 0.66);
    border: none;
    color: black;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: .85rem;
}
.csi-videoControls button#toggle-btn:hover,
.csi-videoControls button#toggle-btn:focus {
	background: rgb(16, 93, 169, 0.66);
	color: white;
}
.csi-banner-7 .video-caption {
	position: relative;
	left: 0;
    right: 0;
    bottom: 0;
    top: 0;
	padding-right: 2rem;
	z-index: 0;
}
.csi-banner-7 .video-caption h2,
.csi-banner-7 .video-caption p,
.csi-banner-7 .video-caption a {
	color: black;
	text-shadow: none;
}
.csi-banner-7 .video-caption h2 {
	color:#105DA9;
}
.video-banner .caption-container {
	display: flex;
	align-content: center;
	align-items: center;
}
.video-caption a.csi-btn {
	background: #105DA9;
    border: 1px solid #105DA9;
    color: white;
	margin-top: 1rem;
	margin-left: 1rem;
    margin-right: 1rem;
}
.video-caption a.csi-btn:focus,
.video-caption a.csi-btn:hover {
	background: white;
	color: black;
	border: 1px solid black;
}
.video-banner {
	padding: 1rem;
}
.video-embed {
	box-shadow: 0 0 17px #02162b;
}

.locations-javascript-addition {
	padding: 22.5px 9%;
}


/*.page-id-100054 .accordion-body .mid-col + .col-lg-4 {
    text-align: center;
    display: flex;
    align-items: center;
	justify-content: center;
}*/

/* HOME SECTION CARDS COMPONENT */
.home-cards .card-deck .card {
	margin-left: 22.5px;
    margin-right: 22.5px;
    padding: 2.025rem 1.8rem 4.05rem;
    position: relative;
    border: 2px solid #105DA9;
    border-radius: 0;
    -webkit-box-shadow: 0px 5px 13px 0px rgba(35,31,32,0.75);
    box-shadow: 0px 5px 13px 0px rgba(35,31,32,0.75)
}
h2.gform_submission_error {
	font-size: 2rem!important;
    font-weight: 700!important;
	color: white!important;
	line-height: 1.5 !important;
}
.gform_validation_errors {
	
	background: #fff9f9;
	border: 1.5px solid #c02b0a;
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0,0,0,.11), 0 0 4px rgba(18,25,97,.041);
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 16px 16px 16px 48px;
	position: relative;
	width: 100%;
	padding: 2rem!important;
background: #c02b0a!important;
}

.blog-container{
	padding: 0 9%;
}

.quickLinksButton .blogPostPic{
	transition: all .5s;
}

.quickLinksButton:hover .blogPostPic{
	transform: scale(1.1);
	transition: all .5s;
}

.quickLinkImage{
	overflow: hidden;
    transition: transform .5s ease;
}

.quickLinksButton {
	color: #105DA9;
	text-decoration: none;
}

.quickLinksButton:hover .blogTitle,
.quickLinksButton:focus .blogTitle{
	color: #105DA9;
}

.quickLinksButton:hover .quickLinksButtonText,
.quickLinksButton:focus .quickLinksButtonText{
	color: #105DA9;
	text-decoration: underline;
}

.quickLinkImage {
    width: 100%;
    height: auto;
}

.blogPostRow {
	padding: 0 12%;
    margin: 10% 0;
}

.blogContent p {
    font-size: .75rem;
}

.blogDate {
    font-weight: bold;
    margin-top: 10px;
    color: black;
    font-size: .75rem;
}

.blogLink {
    color: #105DA9;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
}

.blogTitle {
    font-weight: bold;
    font-size: 1.5rem;
    color: black;
	margin-top: 20px;
}

.blog-container .post{
	margin-bottom: 2rem;
}

.category #main-content{
	padding: 22.5px 4.5%;
}

.single-post .post-content{
	padding: 22.5px 9%;
}

.blog-categories .nav-link{
	padding: .5rem 0;
}

.blog-sidebar h4{
	font-size: 1.875rem;
}

.blog-categories .nav-link{
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: 1.25rem;
}

.blog-categories .nav-link:hover, .blog-categories .nav-link:focus{
	color: #000;
}

.post a.csi-btn.button{
	margin-bottom: 0;
	background: #105DA9;
	border-color: #105DA9;
	color: #fff;
	border-radius: 10px;
	padding: 0.75rem 3.25rem;
}

.post a.csi-btn.button:hover, .post a.csi-btn.button:focus{
	background: #fff;
	color: #105DA9;
}

.fdic-wrapper .fdic-notice {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
	text-align: left;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: .8rem;
	font-weight: 400;
	color: #000;
	justify-content: center;
    padding-bottom: .5rem;
    align-items: center;
    padding-left: 1rem;
    line-height: 1.5;
}
.fdic-wrapper .fdic-notice svg {
	width: auto;
    height: 15.74px;
    margin-right: .75em;
    display: block;
}

.csi-banner-7 .item-no-overlay.carousel-item:before{
	background: none;
}

.csi-banner-7 .item-no-overlay.carousel-item{
	width: 100%;
    margin-left: 0px;
}

.csi-banner-7 .item-no-overlay.carousel-caption .tagline{
	display: none;
}