/*

*/

@charset "utf-8";


@font-face
{
	font-family: 'DINOT';
	src:url('/App_Themes/ColumbiaBank/fonts/dinot-black-webfont.eot?-1fr60b');
	src:url('/App_Themes/ColumbiaBank/fonts/dinot-black-webfont.eot?#iefix-1fr60b') format('embedded-opentype'),
		url('/App_Themes/ColumbiaBank/fonts/dinot-black-webfont.woff?-1fr60b') format('woff'),
		url('/App_Themes/ColumbiaBank/fonts/dinot-black-webfont.woff2?-1fr60b') format('woff2'),
		url('/App_Themes/ColumbiaBank/fonts/dinot-black-webfont.ttf?-1fr60b') format('truetype'),
		url('/App_Themes/ColumbiaBank/fonts/dinot-black-webfont.svg?-1fr60b#DINOT') format('svg');
	font-weight: normal;
	font-style: normal;
}

::selection {
  background: #bad036 !important; /* WebKit/Blink Browsers */
  color:#fff !important;
}
::-moz-selection {
  background: #bad036 !important; /* Gecko Browsers */
  color:#fff !important;
}


HTML
{
	font-size: 62.5%; /* Makes it so 1em == 10px, 1.2em == 12px, etc... */
	width: 100%;
	height: 100%;
	min-height: 100%;
}

BODY
{
    font-family: Arial;
    font-size: 1.6em;
	font-style: normal;
	font-weight: 300;
	color: #767676;
	width: 100%;
	height: 100%;
    min-height: 100%;
	line-height: 1em;
	text-rendering: optimizelegibility;
	background-color: #f7f8f8;
}

HTML, BODY, FORM, FIELDSET, LEGEND, DL, DT, DD, BLOCKQUOTE
{
    margin: 0;
    padding: 0;
}

H1, H2, H3, H4, H5, H6, H7
{

}

H1
{
	font-family: Arial;
	color: #fff;
}

/*
H2
{
	font-family: 'DINOT';
	font-size: 25px;
	color: #000;
}
*/

H3
{
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #888;
}

IMG,
:FOCUS
{
	border: 0;
	outline: none;
}

P
{
	font-size: 15px;
	color: #888;
	line-height: 24px;
}

A
{
	text-decoration: underline;
    color: #87adc5;
	outline: none;
	cursor: pointer !important;
}

A:HOVER
{
	cursor: pointer !important;
}

TEXTAREA
{
    resize: none;
}


A, DIV, HEADER, FOOTER, SECTION, NAV, ASIDE, ARTICLE
{
	position: relative;
}


/*
	CONTAINER STYLES
*/
div.base-outer-container
{
	width: 100%;
    height: 100%;
	margin: 0 auto;
	text-align: center;
}

div.base-inner-container
{
    width: 100%;
    height: 100%;
	margin: 0 auto;
	text-align: left;
}

div.base-content-container
{
	width: 100%;
    height: 100%;
	text-align: left;
}

div.container-restricted
{
	max-width: 1200px;
	margin: 0 auto;
}



/*
	HEADER STYLES
*/
header
{
	width: 100%;
	height: 75px;
	position: absolute;
	top: 0;
	z-index: 99999;
}

header div.container
{
	padding: 30px 0 20px 0;
	z-index: 3;
}

header a
{
	color: #fff;
}

header div.logo
{
	width: auto;
	height: 41px;
	float: left;
	margin-right: 38px;
}

header div.logo a img
{
	width: 100%;
}

.logo-small
{
	display: none;
}

header div.utility
{
	width: auto;
	float: left;
}

header div.links {
    float: right;
    margin-top: 11px;
}

header div.links .login {
    display: none;
}

header.fixed div.links .login {
    display: block;
}

header div.links ul li {
    float: left;
    margin-left: 25px;
}

header div.links ul li a span:first-child {
    width: 15px;
    height: 25px;
    display: inline-block;
    margin-bottom: -10px;
    background-image: url('/App_Themes/ColumbiaBank/images/links-icons.png');
    background-repeat: no-repeat;
}

header div.links ul li.search a span:first-child {
    background-position: left 3px;
}

header div.links ul li.locations a span:first-child {
    background-position: -15px top;
}

header div.links ul li.login a span:first-child {
    background-position: -30px top;
}

header div.links ul li:first-child {
    margin-left: 0 !important;
}

header div.links ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color:  rgb(255, 255, 255);
	opacity: 0.8;
    font-size: 16px;
}

header.fixed div.links ul li a {
    font-size: 16px;
}

header div.links ul li a:hover,
header div.links ul li a:hover *,
header.fixed div.links ul li a:hover,
header.fixed div.links ul li a:hover * {
	opacity: 1;
}

header.fixed #navMain {
	margin-left: 20px;
}


.sfBreadcrumbWrp
{
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.sfBreadcrumbWrp a
{
    text-decoration: none !important;
}

.sfBreadcrumbWrp a:hover
{
	background: none !important;
}

.sfBreadcrumbNodeSeparator
{
    display: inline-block;
    color: #fff;
    margin-left: 5px !important;
}

.sfBreadcrumbNodeSeparator img
{
    margin: 0 0 -15px 0;
}

.nav-login
{
	display: none;
}


input[name="txtUserID"]
{
	display: none;
}

.fixed
{
    width: 100% !important;
	min-width: 1200px !important;
    height: 78px !important;
    position: fixed;
    z-index: 99999999999999;
    top: 0;
    left: 0;
    /*background-color: #414141;*/
    background-color: rgba(65, 65, 65, 0.9);
}

.fixed .nav-login
{
	position: absolute;
	z-index: 0;
	top: 77px;
	right: 0;
	display: none;
}

.fixed .nav-login .login-box
{
	height: 200px;
	background-image: url('/App_Themes/ColumbiaBank/images/login-shadow.png');
	background-position: left top;
	background-repeat: repeat-x;
}

.fixed .nav-login .login-box h3
{
	display: none;
}

.fixed div.logo
{
    margin-right: 0;
}

.fixed .sfNavWrp > .sfNavHorizontalDropDown > li > a {
    border-bottom: 5px solid rgba(0,0,0,0) !important;
}

.fixed div.sfNavWrp > ul > li > a.sfSel {
    border-bottom: 5px solid #cddd63 !important;
}

.k-animation-container .k-popup .k-item {
    border: none !important;
}

.fixed div.container {
    padding: 15px 0 10px 0;
}

#navMain {
    float: left;
    width: auto;
    height: 41px;
    text-transform: lowercase;
}

div.sfNavWrp
{
    border: 0 !important;
    background: none !important;
}

.sfNavWrp .k-i-arrow-s,
.sfNavWrp .k-i-arrow-e {
    display: none;
}

div.sfNavWrp ul
{
    border: 0 !important;
    background: none !important;
}

div.sfNavWrp ul li
{
    border: 0 !important;
    background: none !important;
}

.sfNavWrp ul li:first-child {
    display: none;
}

div.sfNavWrp > ul > li > a {
    border: 0 !important;
    background: rgba(0, 0, 0, 0) !important;
    color: #fff !important;
    font-size: 1.5em;
    height: 46px !important;
    margin: 0 20px !important;
    padding: 0 !important;
}

.fixed div.sfNavWrp > ul > li > a {
    height: 58px !important;
}

div.sfNavWrp > ul > li:hover {
    background-color: rgba(65, 65, 65, 0.9) !important;
    color: #fff !important;
}

.fixed div.sfNavWrp > ul > li:hover,
.fixed div.sfNavWrp > ul > li > a:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #ababab !important;
}

.k-animation-container {
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.sfNavHorizontalDropDownWrp .k-popup .k-animation-container {
    margin-left: -1px !important;
}

div.sfNavWrp ul li ul
{
    /*width: 225px;*/
    border: 0 !important;
	display: none;
}

div.sfNavWrp ul li ul li
{
    border: 0 !important;
}

div.sfNavWrp ul li ul li a
{
    border: none !important;
    background-color: rgba(65, 65, 65, 0.9);
    color: #fff !important;
    font-size: 1.4em;
    height: auto !important;
    line-height: 1.6 !important;
    padding: 0 20px !important;
}

.sfNavWrp ul li:first-child > a {
    padding-top: 10px !important;
}

.sfNavWrp ul li:last-child a {
    padding-bottom: 0px !important;
}

.sfNavWrp ul li ul li:first-child > a {
    padding-top: 10px !important;
}

.sfNavWrp ul li ul li:last-child a {
    padding-bottom: 20px !important;
}

.sfNavWrp ul li ul li:last-child ul li:first-child a {
    padding-bottom: 0px !important;
}

.sfNavWrp ul li ul li:last-child ul li:nth-child(2) a {
    padding-bottom: 0px !important;
}

.sfNavWrp ul li ul li:last-child ul li:nth-child(3) a {
    padding-bottom: 0px !important;
}

.div.sfNavWrp ul li ul li a:hover {
    border: none !important;
    background-color: rgba(65, 65, 65, 0.9);
    color: #ababab !important;
}

div.sfNavWrp ul li a.sfSel
{
    border-bottom: 2px solid #fff !important;
}

sfNavWrp *,
.sfNavHorizontalDropDown *
 {
     border: 0 !important;
 }

.k-animation-container .k-item > a.k-link.sfSel,
.k-animation-container .k-item > a.k-link.sfSel:hover {
    background-color: rgba(65, 65, 65, 0.9) !important;
    font-weight: normal !important;
    border-bottom: none !important;
}



/*
	CONTENT STYLES
*/
#divContent
{
	width: 100%;
	height: auto;
}

#divContent div.container
{

}

div.main-container
{
	background-color: #fff;
}


iframe.iframe-calculator
{
	border: 0;
	overflow:hidden;
	width: 100%;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}

iframe.iframe-branch-detail
{
	border: 0;
	overflow:hidden;
	width: 100%;
	height:770px;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}

iframe.iframe-branch-detail::-webkit-scrollbar {
	display: none;
}


iframe.iframe-location-map
{
	border: 0;
	overflow:hidden;
	width: 100%;
	height: 800px;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}

iframe.iframe-location-map::-webkit-scrollbar {
	display: none;
}



/*
	MAIN IMAGE/CTA STYLES
*/
#divImageHeader
{
	width: 100%;
	height: 400px;
	background-position: 50% top;
	background-repeat: no-repeat;
	background-size: cover;
}

header div.toplay
{
	width: 100%;
	height: 125px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url('/App_Themes/ColumbiaBank/images/nav-bar-grad.png');

}

#divImageHeader div.container
{
	width: 100%;
	height: inherit;

}

#divImageHeader div.cta
{
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 999;
}

#divImageHeader div.cta span
{
	font-size: 3em;
}

#divImageHeader img.main-img
{
	width: 100%;
	height: 100%;
}

#divImageHeader div.heading
{
	width: 760px;
	height: 105px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
}

#divImageHeader div.breadcrumbs
{
	position: absolute;
	bottom: 105px;
	left: 0;
	z-index: 999;
	text-transform: lowercase;
}

#divImageHeader div.breadcrumbs ul
{
	position: relative;
	z-index: 1;
	padding: 0 20px 10px 20px;
	float: left;
	clear: both;
}

/*
#divImageHeader div.breadcrumbs ul li
{
	float: left;
	margin: 0 20px 0 20px;
}
*/


div.main-image
{

}

#divImageHeader div.breadcrumbs ul li:first-child
{
	margin-left: 0 !important;
}

#divImageHeader div.breadcrumbs ul li:last-child {
    margin-right: 0 !important;
    color: #fff;
    font-weight: bold;
}

#divImageHeader div.breadcrumbs ul li a {
    color: #fff;
}

#divImageHeader div.breadcrumbs ul li a:hover {
    text-decoration: underline !important;
}

#divImageHeader div.breadcrumbs ul li:last-child a {
    text-decoration: none !important;
	cursor: default !important;
}

#divImageHeader div.breadcrumbs ul li:last-child a:hover {
    text-decoration: none !important;
	cursor: default !important;
}

#divImageHeader div.breadcrumbs ul li a.selected
{
	color: #fff;
	font-weight: bold;
}

#divImageHeader div.breadcrumbs div.underlay
{
	width: 100%;
	height: 100%;
	opacity: 0.85;
	background-color: #0e7fc0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#divImageHeader div.heading div.title
{
	width: 780px;
	height: 100px;
}

#divImageHeader div.heading div.title h1
{
	font-family: DINOT;
	font-size: 45px;
	position: relative;
	z-index: 1;
	margin: 20px 0 0 40px;
}

#divImageHeader div.heading div.underlay
{
	width: 100%;
	height: 100%;
	opacity: 0.75;
	background-color: #0078bd;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}



/*
	LOGIN BOX STYLES
*/
div.login-box
{
	width: 260px;
	height: 275px;
	float: left;
	background-color: #bed6e4;
}

div.login-box h3
{
	width: 100%;
	background-color: #8eb9d0;
	display: block;
	padding: 10px 0 10px 0;
	text-indent: 25px;
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
	height: 50px;
}

.select-banking-system
{
    color: #d0eaf2;
    display: block;
    margin: 10px 0 -5px 25px;
	font-size: 13px;
}

.login-box h3+span {
    color: #5e7b8e;
    display: block;
    margin: 10px 0 0 25px;
}

div.login-box fieldset
{
	margin: 10px 25px;
}

div.login-box fieldset select
{
	width: 210px;
	height: 38px;
	font-size: 1.4em;
	padding: 7px 10px 7px 10px;
	cursor: pointer;
    color: #a5b4be;
    border-radius: 0;
    border-width: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-image: url('/App_Themes/ColumbiaBank/images/down-arrow.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

div.login-box fieldset input
{
	width: 210px;
	height: 38px;
	font-size: 1.4em;
	padding: 7px 10px 7px 10px;
	color: #7B7979;
	border: 0;
}

div.login-box div.links
{
	position: absolute;
	font-size: 13px;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: 25px 25px 17px 25px;
}

div.login-box div.links a
{
	float: left;
	color: #5e7b8e;
	text-decoration: underline;
}

div.login-box div.links a:hover
{
	text-decoration: none;
}

div.login-box div.links span
{
	float: left;
	margin: 0 5px 0 5px;
	color: #5e7b8e;
}

div.login-box a.login-btn
{
	height: 53px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: block;
	padding: 12px 35px 15px 35px;
	background-color: #87adc5;
	color: #fff;
	font-size: 1.7em;
}

div.login-box a.login-btn:hover
{
	opacity: 0.85;
}

div.login-box a.login-btn img
{
	margin: 0 10px 0 -10px;
}



div.main-content-box
{
	width: 500px;
	float: left;
	padding: 50px 50px 25px 50px;
	font-size: 1.3em;
}

div.full-layout div.general-heading { margin-top: 0; }
div.main-content-box.no-login-box { width: 710px; }
div.sfnewsDetails .sfnewsTitle { padding: 0;
 	margin-top: -25px;
 	color: #888 !important;
 	font-size: 25px !important;
}
div.sfnewsDetails .sfnewsContent {
	padding: 30px 0px;
}

div.sfnewsDetails .sfnewsBack {
	font-size: 15px;
 	color: #007ec2;
}

div.sfnewsDetails .sfnewsBack:hover { color: #289bda; }

div.main-layout div.content-block ol, div.full-layout div.content-block ol { list-style-type: decimal; margin-left: 30px; font-family: Arial; font-size: 15px; color: #888; }

div.main-content-box h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
    border: 0 !important;
    background: none !important;
}

div.main-content-box p
{
	font-family: Arial;
	font-size: 18px;
	color: #888;
	line-height: 29px;
}

div.main-content-box a
{
	text-decoration: underline;
}


div.main-content-box.fullwidth {
	width:710px;
	padding-right:0;
}


div.main-layout
{
	width: 710px;
	margin: 50px 0 0 50px;
}

div.main-layout div.image-heading
{
	width: 100%;
	height: 372px;
	background-color: #f7f8f8;
	float: left;
	margin: 25px 0 0 0;
}

div.main-layout div.image-heading div.heading
{
	width: 100%;
	height: 119px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: left;
	padding: 0 0 0 30px;
}

div.main-layout div.image-heading div.heading h2,
div.main-layout div.image-heading div.heading h3
{
	color: #fff;
	font-size: 1.6em;
	padding: 80px 0 0 0;
}

div.main-layout div.content div.container
{
	padding: 25px;
}

div.main-layout div.image-heading a:last-child
{
	display: block;
	padding: 15px 25px 15px 25px;
	background-color: #f0f2f2;
	color: #919191;
	font-size: 1.4em;
	position: absolute;
	right: 0;
	bottom: 0;
}


div.full-layout
{
	width: 100%;
	margin: 0;
	margin-top: 20px;
}

div.full-layout div.container
{
	padding: 50px;
	padding-top: 0;
}

div.main-layout div.content-block h2,
div.full-layout div.content-block h2
{
	font-family: Arial;
	font-size: 20px;
	color: #888;
	margin-bottom: 10px;
}

div.main-layout div.content-block p,
div.full-layout div.content-block p
{
	margin-bottom: 20px;
}

div.main-layout div.content-block ul,
div.full-layout div.content-block ul
{
	list-style: disc;
	margin-left: 30px;
	font-family: Arial;
	font-size: 15px;
	color: #888;
}



div.dual-box-layout
{
	width: 710px;
	margin: 0 0 0 50px;
}

div.dual-box-layout div.container
{

}

div.dual-box-layout div.box
{
	width: 355px;
	height: 372px;
	background-color: #f7f8f8;
	float: left;
	margin: 25px 0 0 0;
}

div.dual-box-layout div.box div.heading
{
	width: 100%;
	height: 119px;
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	padding: 0 0 0 30px;
}

div.dual-box-layout div.box1 div.heading
{
	background-image: url('/App_Themes/ColumbiaBank/images/image1.jpg');
}

div.dual-box-layout div.box2 div.heading
{
	background-image: url('/App_Themes/ColumbiaBank/images/image2.jpg');
}

div.dual-box-layout div.box3 div.heading
{
	background-image: url('/App_Themes/ColumbiaBank/images/image3.jpg');
}

div.dual-box-layout div.box4 div.heading
{
	background-image: url('/App_Themes/ColumbiaBank/images/image4.jpg');
}

div.dual-box-layout div.box5 div.heading
{
	background-image: url('/App_Themes/ColumbiaBank/images/image5.jpg');
}

div.dual-box-layout div.box6 div.heading
{
	background-image: url('/App_Themes/ColumbiaBank/images/image6.jpg');
}

div.dual-box-layout div.heading h3
{
	color: #fff;
	font-size: 1.6em;
	padding: 80px 0 0 0;
}

div.dual-box-layout div.box-content
{

}

div.dual-box-layout div.box-content div.container
{
	padding: 25px;
}

div.dual-box-layout div.box a
{
	display: block;
	padding: 15px 25px 15px 25px;
	background-color: #f0f2f2;
	color: #919191;
	font-size: 1.4em;
	position: absolute;
	right: 0;
	bottom: 0;
}


div.side-box
{
	width: 100%;
	min-height: 175px;
	height: 225px;
	margin: 25px 0 50px 0;
}

div.side-box span.icon
{
	width: 80px;
	display: block;
	float: left;
	padding: 0 0 150px 0;
	margin-top: -9px;
}

div.side-box h3
{
	color: #919191;
	font-size: 1.7em;
	margin-bottom: 10px;
	border: 0 !important;
}

div.side-box a.learn-more-btn
{
	float: left;
	font-size: 1.7em;
	color: #8f9292;
	text-decoration: underline;
	position: absolute;
	bottom: 0;
	left: 45px;
	z-index: 1;
	display: block;
	padding: 15px 35px 15px 35px;
}

div.side-box a.enroll-btn
{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: block;
	padding: 15px 35px 15px 35px;
    background: #f0f2f2;
	color: #8f9292;
    font-size: 17px;
    text-transform: lowercase;
}

div.side-box a.enroll-btn:hover {
    opacity: 0.85; }



div.general-heading
{
	margin: 50px 0 0 0;
}

div.general-heading h2
{
	font-family: 'DINOT' !important;
	width: auto;
	padding: 25px 0 25px 25px;
	margin-top: 0;
	background-color: #f7f8f8;
	color: #919191 !important;
	font-size: 2em !important;
}

div.rule
{
	border-top: 1px solid #e0e0e0;
	width: 100%;
}




/*
	CONNECT/BRANCH STYLES
*/
div.connect-branch
{
	width: 336px;
	height: 255px;
	position: absolute;
	top: -48px;
	z-index: 1;
}

.home div.connect-branch,
.wealth-management div.connect-branch
{
	right:0px;
	width: 400px;
	z-index: 1;
}

div.connect-branch h3
{
	display: block;
	padding: 15px 0 10px 0;
	text-indent: 25px;
	color: #fff;
	font-size: 1.6em;
	position: relative;
	z-index: 1;
}


div.connect-branch div.underlay
{
	width: 100%;
	padding: 25px 0 30px 0;
	opacity: 0.6;
	background-color: #68b0da;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

div.connect-branch div.content
{
	width: auto;
	height: 170px;
	background-color: #3596ce;
	color: #fff !important;
	padding: 27px 15px 15px;
}

div.connect-branch div.content span.icon
{
	width: 40px;
	display: block;
	float: left;
	margin-right: 10px;
	padding: 5px 0 150px 10px;
}

div.connect-branch div.content span.title
{
	font-size: 17px;
}

div.connect-branch div.content span.title a
{
	font-size: 17px;
	color: #fff !important;
	text-decoration: underline;
}

div.connect-branch div.content span.title a:hover
{
	font-size: 17px;
	color: #fff !important;
	text-decoration: none;
}

div.connect-branch div.content p
{
	font-size: 1.1em;
	line-height: 21px;
	color: #fff;
}

div.connect-branch div.content p a
{
	color: #fff;
	text-decoration: underline;
}

div.connect-branch div.content p a:hover
{
	color: #fff;
	text-decoration: none;

}

div.connect-branch div#zipform {
	display:none;
	position:absolute;
	top:-114px;
	right: -60px;
	height: 109px;
	width: 232px;
	background-color: #525254;
	padding-left: 11px;
	padding-top: 14px;
	z-index: 9999999999;
}

div.connect-branch div#zipform  input{
	width: 112px;
	height: 38px;
	font-size: 1.4em;
	padding: 7px 10px 7px 10px;
	color: #7B7979 !important;
	border: 0;
	position: absolute;
	left:14px;
	top: 55px;
}

div.connect-branch div#zipform  span{
	font-size: 13px;
	line-height: 14px;
	color: #fff;
	opacity: 0.55;
	border: 0;
}

div.connect-branch div#zipform  img#zipformPointer{
	display:block;
	position: absolute;
	top:109px;
	left:104px;
	width: 25px;
	height: 13px;
}

div.connect-branch div#zipform  a#zipformCloseBtn{
	display:block;
	position: absolute;
	top:13px;
	right:13px;
}


div.connect-branch a#setuserzip {
	font-weight:bold;
	font-size: 16px;
	display:block;
	width: 94px;
	height: 38px;
	color: #fff !important;
	opacity: 1 !important;
	text-decoration: none !important;
	background-color: #017ec1;
	position: absolute;
	left:126px;
	top: 55px;
	text-align: center;
	padding-top: 8px;
}

div.connect-branch a.zip
{
	color: #fff;
	text-decoration: underline;
	opacity: 0.6;
	display: block;
	position: absolute;
	top: 8px;
	right: 12px;
	z-index: 999;
	font-size: 1.2em;
}

div.connect-branch a.zip img
{
	margin-top: 1px;
	float: left;
	height: 16px;
	width: 18px;
}

div.connect-branch div.btnsleft
{
	height:109px;
	position: absolute;
	bottom: -17px;
	left: 0;
	z-index: 999;
}

div.connect-branch div.btnsleft a
{
	width: 223px;
	padding: 15px 0 15px 0;
	text-indent: 25px;
	display: block;
	color: #fff;
	font-size: 1.4em;
    border-top: 1px solid #007ec2;
}

div.connect-branch div.btnsleft a:hover
{
	background-color: #007ec2;
}

div.connect-branch div.btns
{
	height:109px;
	position: absolute;
	bottom: -17px;
	right: 0;
	z-index: 999;
}

div.connect-branch div.btns a
{
	width: 223px;
	padding: 15px 0 15px 0;
	text-indent: 25px;
	display: block;
	color: #fff;
	font-size: 1.4em;
}

div.connect-branch div.btns a:hover
{
	border-bottom: 0 !important;
}

div.connect-branch div.btns a.share-btn
{
	background-color: #3596ce;
    float: left;
}

div.connect-branch div.btns a.make-appt-btn
{
	background-color: #007ec2;
}

div.connect-branch div.btns a.make-appt-btn:hover
{
	background-color: #289bda;
}

div.connect-branch div.btns a.live-chat-btn
{
	  display:block;
      float: right;
      position: relative;
	  height:54px;
	  width: 223px;
      background: url('https://125108272.securebanksolutions.com/125108272/images/status/contactus/index.php?im=customercare@columbiabank.com&group=125108272');
}

div.connect-branch div.btns a.live-chat-btn:hover
{
	opacity: 0.85;
}

div.tab-content a.live-chat-btn
{
	  display:block;
      float: right;
      position: relative;
	  height:35px;
	  width: 230px;
}

div.tab-content a.live-chat-btn.customer-care-chat
{
      background: url('https://125108272.securebanksolutions.com/125108272/images/status/general/index.php?im=customercare@columbiabank.com&group=125108272');
}

div.tab-content a.live-chat-btn.support-chat
{
      background: url('https://125108272.securebanksolutions.com/125108272/images/status/general/index.php?im=support@columbiabank.com&group=125108272');
}

div.tab-content a.live-chat-btn:hover
{
	opacity: 0.85;
}

div.cta
{
	width: 100%;

}

div.cta ul
{
	width: 100%;
	display: table;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	table-layout: fixed;
	border-collapse: collapse;
}

div.cta ul li
{
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	height: 68px;
	text-align: center;
}

div.cta ul li a
{
	display: block;
	width: 100%;
}

div.cta ul li:first-child
{
	background-color: #e5eef3;
	font-size: 13px;
	font-weight: bold;
	color: #85adc6;
}

div.cta ul li:last-child
{
	background-color: #87acc6;
}

div.cta ul li:last-child:hover
{
	background-color: #698ca2;
}

div.cta ul li:first-child a
{
	display:inline;
	font-size: 13px;
	font-weight: bold;
	color: #85adc6;
	text-decoration: underline;
}


div.cta ul li:first-child a:hover
{
	text-decoration: none;
}

div.cta ul li:last-child a
{
	height: 68px;
	padding-top: 24px;
	background-color: #87acc6;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

div.cta ul li:last-child a:hover
{
	background-color: #698ca2;
}

div.cta ul li img
{
	display: inline-block;
	margin: -11px 0 -18px 0;
}


div.what-else ul
{
	position: relative;
	list-style: none !important;
	padding: 0;
	margin: 0;
}

div.what-else ul li
{
	position: relative;
	background-color: #f0f2f1;
	text-align: center;
	height: 54px;
	border-bottom: 2px solid #fff;
	font-weight: bold;
}


div.what-else ul li:hover
{
	background-color: #8eb9d0;
}

div.what-else ul li:hover a
{
	color: #fff;
}


div.what-else ul li a
{
	display: block;
	width: 100%;
	padding-top: 14px;
	text-align: center;
	font-size: 16px;
	color: #c0c2c1;
}

div.other-resources
{
	width: 100%;
	background-color: #ddecf4;
	border-top: 1px solid #648da3;
}

div.other-resources h3
{
	display: block;
	padding: 15px 0 15px 0;
	margin-top: 0px;
	text-indent: 25px;
	color: #fff;
	background-color: #8eb9d0;
	font-size: 1.8em;
	font-family: 'DINOT';
	border: none;
}

div.other-resources ul
{
	padding: 20px 0 25px 35px;
	line-height: 2.4em;
	list-style: none !important;
}

div.other-resources ul li a
{
	font-size: 1.3em;
	color: #597482;
	text-decoration: underline;
}

div.other-resources ul li a:hover
{
	text-decoration: none;
}



div.cta-img
{
	width: 340px;
	height: 400px;
	float: right;
	clear: both;
}

div.cta-img img
{
	width: 100%;
	height: 100%;
}



div.col-100
{
	width: 100%;
}

div.col-67
{
	width: 67%;
	float: left;
}

div.col-33
{
	width: 28%;
	float: right;
	padding-top: 276px;
	margin-right: 50px;
}



div.bottom-content-expand
{
	width: auto;
	height: auto;
	padding: 0 50px 0 50px;
}


div.main-layout div.content-block ul.tabs,
div.full-layout div.content-block ul.tabs
{
	padding: 0;
	margin: 0;
}

div.tabs
{
	width: 100%;
	background-color: #e5eef3;
}

div.tabs ul.tabs
{
    list-style: none;
	width: 100%;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
}

div.tabs ul.tabs li
{
	background-color: #eff4f7;
	border-left: 3px solid #fff;
	border-top: 1px solid #cfdade;
	border-bottom: 1px solid #cfdade;
    display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 68px;
	cursor: pointer;
}

div.tabs ul.tabs li:first-child
{
	border-left: 0 !important;
}

div.tabs ul.tabs li a
{
	width: 100%;
    text-decoration: none;
    outline: none;
	color: #6b8291;
	display: block;
	font-size: 20px;
	font-weight: bold;
}

div.tabs li a:hover
{

}

div.tabs ul.tabs li.active
{
    background-color: #e5eef3;
	border-bottom: 0 !important;
}

div.tabs li.active a:hover
{

}

div.tabs div.tab-content
{
    display: none;
	font-size: 15px;
}

div.tabs div.tab-content div.container
{
    padding: 25px;
	color: #6b8291 !important;
	font-size: 17px !important;
	line-height: 28px;
}

div.tabs div.tab-content div.container *
{
	color: #6b8291 !important;
	font-size: 17px !important;
	line-height: 28px !important;
}

div.tabs div.tab-content div.container td
{
	padding-left: 6px;
}

div.tabs div.tab-content div.container sup, div.tabs div.tab-content div.container sub
{
    font-size: 75% !important;
}


div.tabs div.tab-content div.container h2
{
	font-size: 20px;
	font-family: Arial;
	font-weight: bold;
	color: #6b8292;
    border: 0 !important;
	background: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}


div.tabs div.tab-content tbody tr:nth-child(even) { background-color: #e5eef3 !important; }
div.tabs div.tab-content tbody tr:nth-child(odd) { background-color: #dce5ea !important; }

div.tabs div.tab-content ul:not([class])
{
	list-style: disc;
	margin-left: 30px;
	font-family: Arial;
}

div.tabs div.tab-content div.blue-tty,
div.tabs div.tab-content div.green-check,
div.tabs div.tab-content div.blue-arrow,
div.tabs div.tab-content div.blue-plus
{
	background-color: #eff4f7;
}

div.tabs div.tab-content ul.blue-tty li,
div.tabs div.tab-content ul.green-check li,
div.tabs div.tab-content ul.blue-arrow li,
div.tabs div.tab-content ul.blue-plus li
{
	list-style: none;
	margin: 0 0 35px 0;
	padding: 25px 50px 0 75px;
	border-top: 1px solid #cfdae0;
	display: block;
}

div.tabs div.tab-content ul.blue-tty li:last-child,
div.tabs div.tab-content ul.green-check li:last-child,
div.tabs div.tab-content ul.blue-arrow li:last-child,
div.tabs div.tab-content ul.blue-plus li:last-child
{
	border-bottom: 1px solid #cfdae0;
	padding-bottom: 25px;
}


div.tabs div.tab-content ul.blue-tty li p,
div.tabs div.tab-content ul.green-check li p,
div.tabs div.tab-content ul.blue-arrow li p,
div.tabs div.tab-content ul.blue-plus li p
{
    line-height: 20px;
	color: #6b8292;
}

div.tabs div.tab-content ul.blue-tty li h2,
div.tabs div.tab-content ul.green-check li h2,
div.tabs div.tab-content ul.blue-arrow li h2,
div.tabs div.tab-content ul.blue-plus li h2
{
	font-size: 20px;
	font-family: Arial;
	font-weight: bold;
	color: #6b8292;
    border: 0 !important;
	background: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	margin-bottom: 10px;
}

div.tabs div.tab-content ul.blue-tty li h2 a,
div.tabs div.tab-content ul.green-check li h2 a,
div.tabs div.tab-content ul.blue-arrow li h2 a,
div.tabs div.tab-content ul.blue-plus li h2 a
{
	font-size: 20px;
	font-family: Arial;
	font-weight: bold;
	color: #87adc5;
    border: 0 !important;
	background: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	margin-bottom: 10px;
}


div.tabs div.tab-content ul.blue-tty li h2 a:hover,
div.tabs div.tab-content ul.green-check li h2 a:hover,
div.tabs div.tab-content ul.blue-arrow li h2 a:hover,
div.tabs div.tab-content ul.blue-plus li h2 a:hover
{
/*text-decoration:underline;*/
	color: #8cb9d1;

}



div.tabs div.tab-content ul.blue-tty li
{
	background: url('/App_Themes/ColumbiaBank/images/tty-icon.png') no-repeat 25px 25px;
}

div.tabs div.tab-content ul.green-check li
{
	background: url('/App_Themes/ColumbiaBank/images/green-check.jpg') no-repeat 25px 25px;
}

div.tabs div.tab-content ul.blue-arrow li
{
	background: url('/App_Themes/ColumbiaBank/images/blue-arrow.png') no-repeat 25px 25px;
}

div.tabs div.tab-content ul.blue-plus li
{
	background: url('/App_Themes/ColumbiaBank/images/blue-plus.png') no-repeat 25px 25px;
}

div.tabs div.tab-content li.blue-tty
{
	background: url('/App_Themes/ColumbiaBank/images/tty-icon.png') no-repeat 25px 25px !important;
}

div.tabs div.tab-content li.green-check
{
	background: url('/App_Themes/ColumbiaBank/images/green-check.jpg') no-repeat 25px 25px !important;
}

div.tabs div.tab-content li.blue-arrow
{
	background: url('/App_Themes/ColumbiaBank/images/blue-arrow.png') no-repeat 25px 25px !important;
}

div.tabs div.tab-content li.blue-plus
{
	background: url('/App_Themes/ColumbiaBank/images/blue-plus.png') no-repeat 25px 25px !important;
}


table .first-column
{
	font-weight: normal !important;
	background: none !important;
}


div.triple-box-layout
{
	width: 100%;
	height: 500px;
}

div.triple-box-layout div.box
{
	float: left;
	width: 366px;
	height: 350px;
	border-left: 1px solid #e0e0e0;
}

div.triple-box-layout div.box:first-child
{
	border-left: 0 !important;
}

div.triple-box-layout div.box img:first-child
{
	width: 100%;
	height: 155px;
}

div.triple-box-layout div.box-content
{
	padding: 25px;
	background-color: #fdfdfd;
	height: 240px;
}

div.triple-box-layout div.box-content h3
{
	font-size: 1.6em;
	margin-bottom: 15px;
}

div.triple-box-layout div.box1
{

}

div.triple-box-layout div.box2
{

}

div.triple-box-layout div.box3
{

}

div.triple-box-layout div.box div.hash-tags
{
	margin: 15px 0 0 0;
}

div.triple-box-layout div.box div.hash-tags ul
{

}

div.triple-box-layout div.box div.hash-tags ul li
{
	float: left;
	margin-left: 15px;
	font-size: 1.2em;
	color: #c6c6c6;
}

div.triple-box-layout div.box div.hash-tags ul li:first-child
{
	margin-left: 0 !important;
}

div.triple-box-layout div.box a:last-child
{
	float: left;
	font-size: 1.7em;
	color: #8f9292;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: block;
	padding: 15px 35px 15px 35px;
	background-color: #f0f2f2;
}



/*
	BIO STYLES
*/
div.bio
{
	background-color: #eff4f7;
	float: left;
	clear: both;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #cfdadf;
	/* z-index:9999999; */
}

div.bio.branchpage
{
	/*background-color: #ffffff !important;*/
}

div.bio div.container
{
	padding: 35px 35px 25px 35px !important;
	float: left;
	clear: both;
	width: 100%;
	height: 100%;
}

div.bio div.container * {
    color: #6b8291 !important;
    font-size: 17px !important;
    line-height: 28px !important;
}

div.bio-region-heading
{
	float: left;
	clear: both;
	width: 100%;
	height: 75px;
	padding: 25px 35px 15px 35px !important;
	border-bottom: 1px solid #cfdadf;
	background-color: #e5eef3;
}

div.bio-region-heading h2.bio-region-heading
{
	font-size: 20px !important;
	font-weight: bold;
	color: #6b8291!important;
}

div.bio div.img
{
	min-width: 100px;
	max-width: 100px;
	width: 10%;
	float: left;
	margin: 0 20px 0 0;
	display: block !important;
}

div.bio div.img::before
{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.25;
	box-shadow: inset 3px 3px 0 rgba(0,0,0,.25);
	-moz-box-shadow: inset 3px 3px 0 rgba(0,0,0,.25);
	-webkit-box-shadow: inset 3px 3px 0 rgba(0,0,0,.25);
}

div.bio div.img img
{
	float: left;
}

div.bio div.bio-title
{
	width: 45%;
	float: left;
}

div.bio div.bio-title span.name
{
	font-weight: bold;
	font-size: 20px !important;
	color: #6b8291 !important;
	display: block;
	margin-bottom: 0px !important;
	line-height: 22px !important;
	margin-top: -5px !important;
}

div.bio div.bio-title span.title
{
	font-weight: bold;
	font-size: 20px !important;
	color: #6b8291 !important;
	display: block;
	margin-bottom: 10px !important;
	line-height: 26px !important;
	margin-top: 0px !important;
}


div.bio  div.bio-links
{
	float: right;
	position: relative;
	width: 25%;
	padding: 0;
	margin: 0;
	margin-top:-10px;
}

div.bio div.bio-links span.nmls {
	margin-bottom: 10px;
	display:block;
}

div.bio div.bio-address a.email,
div.bio div.bio-links a.vLending,
div.bio div.bio-links a.vCard
{
	text-decoration: underline;
	margin: -10px 0 0 0;
	font-size: 15px !important;
}

div.bio div.bio-links a.vCard {
	/*display:none !important;*/
}


div.bio div.bio-links a.email
{
	float: left;
}

div.bio div.bio-links a.vLending
{
	display: block;
	margin-bottom: 20px;
	padding-left: 35px !important;
	background-image: url('/App_Themes/ColumbiaBank/images/team_apply.png');
	background-position: left center;
	background-repeat: no-repeat;
}

div.bio div.bio-links a.vCard
{
	display: block;
	padding-left: 35px !important;
	background-image: url('/App_Themes/ColumbiaBank/images/team_vcard.png');
	background-position: left center;
	background-repeat: no-repeat;
}

div.bio div.bio-links a:hover
{
	text-decoration: none;
}

div.bio  div.bio-title div.bio-address
{
	float: left;
	width: 210px;
	margin: 0;
}

div.bio  div.bio-title div.bio-address span,
div.bio  div.bio-title div.bio-address a
{
	display: block;
	height: auto !important;
	font-size: 15px !important;
	margin:0;
	line-height: 18px !important;
}

/*SS 5.25.16 */

div.bio  div.bio-title div.bio-address .phone a {display:inline;}

div.bio  div.container div.bio-specialties
{
	width: 548px;
	float:right;
	margin: 0;
	margin-top: 20px;
	font-size: 15px !important;
	line-height: 22px !important;
}

div.bio   div.container div.bio-specialties a
{
	font-size: 15px !important;
	line-height: 22px !important;
	text-decoration:underline;
}

div.bio   div.container div.bio-content
{
	margin: 25px 0 25px 0;
    height: 50px;
	overflow: hidden;
	float: left;
	clear: both;
}

div.bio   div.container div.bio-content div.bio-description p
{
	margin-bottom: 15px;
}

div.bio   div.container div.bio-content div.bio-disclosure
{
	font-size: 14px !important;
	line-height: 16px !important;
	padding: 10px !important;
	border: 1px solid #e0e0e0;
	border-top: none;
}


div.bio   div.container div.bio-content div.bio-disclosure:first-of-type
{
	border-top: 1px solid #e0e0e0;
}

div.bio  div.container div.bio-content div.bio-disclosure sup{
	line-height: 16px !important;
}

div.bio  div.container div.bio-content div.bio-disclosure img {display: inline-block;}

div.bio  div.container div.bio-content div.grad
{
	background: url('/App_Themes/ColumbiaBank/images/grad-fade.png');
	background-position: center 20px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	z-index: 3;
}

div.bio a.expand-collapse
{
	float: right;
	clear: both;
	margin: 0 25px 0 0;
	font-size: 15px !important;
}

div.bio a.expand-collapse-after-plus:after
{
	content: "+";
    position: absolute;
    right: -20px;
    top: 5px;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #919191;
    color: #919191;
    text-align: center;
    line-height: 17px;
}

div.bio a.expand-collapse-after-minus:after
{
	content: "-";
    position: absolute;
    right: -20px;
    top: 5px;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #919191;
    color: #919191;
    text-align: center;
    line-height: 14px;
}



/*
	FOOTER STYLES

footer
{
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
	color: #a1a1a1;
	font-size: 1.2em;
}

footer span
{
	margin-left: 10px;
}

footer span:first-child
{
	margin-left: 0 !important;
}
	*/

/*
	GENERAL STYLES
*/
br.clear
{
	float: none;
    clear: both;
    line-height: 1px;
    height: 1px;
    display: block;
    overflow: hidden;
}

.left
{
    float: left !important;
}

.right
{
    float: right !important;
}

.bottom
{
	position: absolute;
	bottom: 0;
}

.center
{
	text-align: center !important;
}

.show
{
    display: block !important;
}

.hide
{
    display: none !important;
}

.no-border
{
	border: 0 !important;
}

.nomp
{
	margin: 0;
	padding: 0;
}

ul.nomp
{
	list-style: none;
}


.normal
{
	color: #888 !important;
	font-weight: normal !important;
}


.callout
{
	font-family: 'DINOT' !important;
	font-size: 25px !important;
	color: #000 !important;
	background-color: #f7f8f8 !important;
	border-top: 1px solid #e0e0e0 !important;
}

/* hide blog byline until we have a solution for updating the post author */
.sfnewsAuthorAndDate,
.sfpostAuthorAndDate {
	display:none;
}

.newsdate {
	display:block;
	margin-bottom: 8px;
	color: #888;
	font-size: 15px;
}

.sfnewsDetails .newsdate  {
	border-bottom: 1px solid #e0e0e0;
  padding: 8px 0 15px 0;
  margin-bottom: 0;
}

.sfnewsSummary{
	font-size: 15px !important;
	line-height: 24px !important;
	color: #888 !important;
}


li.sfnewsListItem>a {
	text-decoration: underline  !important;
	font-size: 15px !important;
	line-height: 24px !important;
    color: #87adc5 !important;
	outline: none !important;
	cursor: pointer !important;
}

.sfnewsListItem a:hover {
	text-decoration: none !important;
}

.sfpostContent ul {
	font-size: 15px;
	line-height: 24px;
}

.sflistitem  h2{
	line-height: 24px;
}

.sflistitem  h2 a:hover{
	text-decoration: none !important;
}


select, option {
background-color: #fff !important;
}

img.homebg {
/* Set rules to fill background */
min-height: 562px;
min-width: 100%;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}


.mobile-header {
	display:none;
}

.mobile-links {
	display:none;
	text-transform: lowercase;
}

.mobile-footer {
	display:none;
}

#footer>a {
	display: block;
	letter-spacing: 0;
	font-size: 24px;
	margin-bottom: 20px;
	color: #a1a1a1 !important;
	text-decoration: underline !important;
}

#at20mc, #at20mc div {position: initial;}

.addthis_native_toolbox {
	display:none;
}

.bop .clear {clear:both;}
div.bop div.container div.bio-title-address * {font-size: 15px !important;line-height: 20px !important;}
.bio-description img {max-width: 400px;display:block;}
.bop .img {float:left;width: 20%;}
.bop .bio-title-address {float:right; width: 80%;}
.bop .price {width: 20%; float:right;}
div.bop div.container div.bio-title-address span.money {font-size: 17px !important;}
.bop .map { display:block;padding-top: 5px;}
.bop .name-container {width:80%; float:left;}
div.bop div.container div.bio-title-address span.name , div.bop div.container div.bio-title-address span.title {display:block;font-weight: bold; font-size:20px !important;}
.bop span {display:block;}
.bop .contact-container {padding-top: 10px;}
.bop .c-left {width: 50%; float:left;}
.bop .c-right {width: 50%; float:right;}
.bop .email {text-decoration: underline;}
.bop .bio-description img {margin-top: 20px;}


#donatebutton {
	display:inline-block !important;
	height:43px !important;
	width:174px !important;
	padding-left:20px;
	position:relative;
	top:18px;
}

/* SS 5.13.16 */
.relay-for-life {background-image:url(/images/default-source/home-hero/relay-logo.jpg) !important;}

/* SS 5.23.16 */
div.tabs div.tab-content div.container .bio-disclosure a, div.tabs div.tab-content div.container .bio-disclosure p {font-size: 14px !important; text-decoration: underline; }
div.tabs div.tab-content div.container .bio-disclosure a:hover { text-decoration: none; }

/* SS 5.24.16 */
#lnkViewDesktopSite {display:none !important;}

 /*SS 7.13.16 */
 .desktop-only {display:block;}
  .mobile-only {display:none;}



/*-------------------------------------
*blog and content block styles for underlined links
--------------------------------------*/

.sfpostDetails.sfdetails a,
.content-block li a {
    text-decoration: underline;
    color: #888;
}

.sfpostDetails.sfdetails a:hover,
.content-block li a:hover {
	text-decoration: none;
	color:#007ec2;
	cursor:pointer;
}
/*Video WarmHeart Styles*/

.video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%}
    
 .video iframe {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        }
    
 .video .overlay {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        }
.video .overlay a {
        height: 100%;
		display: block;
    }
.home div.connect-branch {
		z-index: 2;
		}
/* IE11 Nav Hack*/

.k-menu .k-item, .k-menu-scroll-wrapper .k-item, .k-menu-scroll-wrapper.horizontal > .k-item, .k-popups-wrapper .k-item, .k-popups-wrapper.horizontal > .k-item, .k-widget.k-menu-horizontal > .k-item
{
    position: relative;
    float: left;
    box-sizing: content-box;
}