/*colors*/
/*
burnt orange: #993300
turquoise: #009899
light grey: #e5e5e5
light grey border: #c2c2c2
dark grey: #333333
text: #444444
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*


#suiteBarTop{
	display:none;
}
#s4-ribbonrow, .ms-cui-topBar2, .s4-notdlg, .s4-pr s4-ribbonrowhidetitle, .s4-notdlg noindex, #ms-cui-ribbonTopBars, #s4-titlerow, #s4-pr s4-notdlg s4-titlerowhidetitle, #s4-leftpanel-content {display:none !important;}
    .s4-ca {margin-left:0px !important; margin-right:0px !important;}
    .ms-core-navigation { display: none; }
    #sideNavBox { DISPLAY: none }
    #contentBox { margin-left: 0px }  
    
*/
           
#s4-workspace {
    overflow-x: hidden !important;
   
}
    
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline; /*font: inherit;*/
}

/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
/*ol, ul {list-style: none;}*/
/*blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}*/
/*table {border-collapse: collapse;border-spacing: 0;}
/*end reset*/

/* Fonts ----------------------------------------------------*/
/* Here you go ie */
/*
@font-face {
  font-family: 'mensch';  
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/mensch-webfont.eot');
}
/* For real web browsers */
/*
@font-face {
  /*font-family:'Arial'; 
  font-family: 'mensch';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/mensch-webfont.ttf');
}
/* GENERAL ------------------------------------------------------------*/
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	/*color: #444;*/
	color:#333333;
}
body a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*a {
  cursor:pointer!important;
}*/
a:visited{
 color:inherit;
 cursor:pointer;
}

.article-content a {
    color:#333333;
}


body body a:active {
	text-decoration: none;
}
body p {
	margin-bottom: 21px;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 14px;
}
h1,h2,h3,h4,h5,h6 {
	/*font-family: mensch, Helvetica, Arial, sans-serif;*/
	font-family:  Arial, sans-serif;
	line-height: 1.3em;
	color:#333333;

	/*color: black;*/
}
.wrapper {
    margin: 0 auto;
	padding: 0px 10px;
    position: relative;
    width: 940px;
}

a.button {
	display: inline-block;
	color: white;
	/*font-size: 16px;*/
	line-height: 1em;
	padding: 10px 20px;
	border: 1px #c2c2c2 solid;
	background: #ad8627 none;
}
a.button2 {
	
	
	/*font-size: 16px;*/
	line-height: 1em;
	padding: 10px,10px,10px,10px;
	border: 1px #c2c2c2 solid;
    -webkit-appearance: button;


	
}

a.button:hover {
	     
	/*color:#0083C9;;*/
	/*color:#DBB725;*/
	border: 1px #333333 solid;
}
/*.span6.sitemap > a, a:hover, a:active, a:visited {  }*/
/*end general*/

/*header*/
/*.override {
    text-transform: none !important;
}*/
header {
	border-top: 7px #1f3e6c solid;
	background: transparent none;
	min-height: 100px;
}
header .wrapper {
	height: 105px;
}
header #logo {
	display: inline-block;
}
header #logo img {
	display: block;
	margin: 20px 0px 20px 5px;
}
header .tagline {
	/*background: transparent url("../img/divider-tagline.png") no-repeat;*/
	background:none;
	display: inline-block;
	margin: 20px 0 0;
	min-height: 45px;
	padding: 10px 0 10px 10px;
	vertical-align: top;
	
}
header .tagline h1 {
	color: #444;
	font-size: 30px;
	line-height: 1em;
	text-transform: none !important;
}

header .tagline h2 {
	color: #444;
	font-size: 24px;
	line-height: 1em;
}
header .tagline h2  span {
	color: #444;
}
header .searchbox {
	position: absolute;
	/*right: 10px;*/
	bottom: 10px;
	width: 260px;
	text-align: left;
}
header #searchInputBox {
	background: #e5e5e5 none;
	border: 1px #c2c2c2 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	height: 38px;
}
header #searchInputBox input[type=text]{
	border: 0px;
	width: 200px;
	height: 28px;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 1em;
	color: #333;
	background: transparent none;
	display: inline-block;
	vertical-align: top;
}
header .searchbox a {
	display: inline-block;
	height: 24px;
	width: 22px;
	padding: 7px 0px 5px;
	vertical-align: top;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
	background: transparent url('../img/icon-search.png') no-repeat 0px 7px;
}
header .searchbox a:hover {
	background-position: 0px -69px;
}
header .searchbox a img{
	display: none;
}
/*social*/

header .social {

	position: absolute;
	top: 0px;
	right: 30px;
	height: 32px;
	padding: 0px 7px 7px; 
	background: #FFFFFF none; 
	border-radius: 0px 0px 0px 5px;
	-moz-border-radius: 0px 0px 0px 5px;
	-webkit-border-radius: 0px 0px 0px 5px;
	
} 
.ssocial {
	position: absolute;
	top: 0px;
	right: 10px;
	height: 32px;
	padding: 0px 7px 7px; 
	background: #FFFFFF none; 
	-moz-border-radius: 0px 0px 0px 5px;
	-webkit-border-radius: 0px 0px 0px 5px;
}
header .social ul {
	display: block;
}
header .social ul li {
	float: left;
	display: block;
	padding-left: 7px;
}
header .social ul li:first-child {
	padding-left: 0px;
}
header .social ul li a {
	display: block;
	width: 32px;
	height: 32px;
}
header .social a.social-toggle {
	position: absolute;
	bottom: -20px;
	right: 0px;
	display: block;
	padding: 0px 10px 8px 10px;
	height: 14px;
	width: 16px;
	/*background: #0083C9  url('../img/icon-arrows-vert.png') no-repeat 10px 0px;*/
	text-indent: -9999px;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
header .social a.social-toggle:hover {
	cursor: pointer;
}
header .social.down {
	top: 0px;
}
header .social.down a.social-toggle {
	background-position: 10px -25px;
}
.csstransforms.csstransitions header .social {
	-webkit-transition: top 500ms ease;
	-moz-transition: top 500ms ease;
	-o-transition: top 500ms ease;
	transition: top 500ms ease;
}
/*end social*/


/*end top nav*/

/*end header*/ 

/*main content area*/
#main .wrapper {
}
.headline {
    text-align: center;
	border-bottom: 1px #333 solid;
	margin-bottom: 10px;
}
.headline h2 {
    text-align: center;
	color: #444;
	/*text-transform: uppercase;*/
	line-height: 1em;
	padding-bottom: 5px;
}
.headline h4 {
    text-align: center;
	color: #444;
	/*text-transform: uppercase;*/
	line-height: 1em;
	padding-bottom: 5px;
}

/*sections*/
.section {
	border-bottom: 1px solid #333333;
	margin-bottom: 10px;
}
.section .heading {
	margin-bottom: 10px;
	text-align: left;
}
.section h2.heading  {
	color: #444;	
	font-size: 30px;
}
.section h2.heading:before {
	padding-right: 10px;
}



footer {
	background: #183561;
	/*color: #fff;*/
	color:#FFFFFF;
	font-size: 14px;
}
footer a {
	color: #FFFFFF;
	/*color:#0082C8*/
}
footer .cols {
	/*font-size: 14px;*/
	margin: 30px 0px;
}
footer .cols > li.col {
	float: left;
	width: 32%;
	padding-left:2%;
}
footer .cols > li.col:first-child {
	padding-left:0%;
}
footer .cols h1, footer .cols h2, footer .cols h3, footer .cols h4, footer .cols h5, footer .cols h6 {
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 0;
	padding-top: 0;
	text-align: center;
}
footer .contact li {
	/*padding: 0px 0px 0px 40px;*/
	padding: 0px 0px 0px 0px;

	margin-bottom: 15px;
	/*background: transparent url('../img/icon-contact.png') no-repeat 0px 0px;*/
	color: #FFFFFF;
}
footer .contact li.phone {
	background-position: 7px 3px;
}
footer .contact li.email {
	background-position: 7px -29px;
}
footer .contact li.fb {
	background-position: 7px -61px;
}
footer .recent-post {
	padding: 0px 0px 15px;
}
footer .recent-post > a {
	display: block;
	float: left;
	padding-right: 10px;
}
footer .footer-bottom  {
	background: #1f3e6c;   /*#003366;*/
	
	/*font-size: 14px;*/
}
footer .footer-bottom p {
	margin: 0px;
	padding: 0px;
	/*font-size: inherit;*/
}
footer .footer-bottom  .wrapper {
	padding: 15px 0px;
}
footer .footer-bottom  .copyright {
	float: left;
	display: inline-block;
}
footer .footer-bottom  .sitemap {
	float: right;
	display: inline-block;
}
footer .footer-bottom  .sitemap li {
	display: inline-block;
	border-left: 1px #fff none;
	padding-left: 9px;
	line-height: 1em;
}
footer .footer-bottom  .sitemap li:first-child {
	border-left: none;
}
footer .footer-bottom  .sitemap li a, footer .footer-bottom  .sitemap li a:link, footer .footer-bottom  .sitemap li a:visited {
	color: white;
	/*font-size: inherit;*/
}
footer .footer-bottom  .sitemap li a:hover {

	/*color: #FFFFFF;*/
	/*color: #DBB725;*/
	color:white;
}
footer .footer-bottom  a:hover {

	/*color: #FFFFFF;*/
	/*color: #DBB725;*/
	color:white;
}

.page-content {
    margin-top: 20px;
}
.section.noborder {
    border-bottom: none;
    margin-bottom: 10px;
}
h2.heading  {
	color: #444;
	font-size: 30px;
}
h4.heading {
    color: #444444;
    font-size: 22px;
	margin-bottom: 10px;
}
h2.heading:before, h4.heading:before {
    padding-right: 10px;
}
.one-half, .one-third, .one-fourth {
	float: left;
	margin-bottom: 40px;
	margin-right: 2.1276%;
	position: relative;
}
.one-half {
	width: 48.9361%;
}
.one-third {
	width: 31.9148%;
}
.one-fourth {
	width: 23.4042%;
}
.last {
	clear: right;
	margin-right: 0 !important;
}
img.floatleft, div.floatleft {
    float: left;
    padding: 10px 10px 10px 0;
}
img.floatright, div.floatright {
    float: right;
    padding: 10px 0px 10px 10;
}
/*end general*/

#suiteBarLeft {
    background-color: #1f3e6c;
}
#suiteBarRight {
    background-color: #e5e5e5;
}
.ms-core-suiteLink-a:hover {
    background-color: white;
}
#globalNavBox, .ms-clientcontrol-chromeheader {
    background-color: #e5e5e5;
}
#pageStatusBar[class], .ms-status-msg {
    margin-bottom: 0px;
}
.ms-cui-tt-s > .ms-cui-tt-a, .ms-cui-tt-a:hover, .ms-cui-tt-s > .ms-cui-tt-a:hover {
    border-color: #1f3e6c;
}
.ms-browseTab.ms-cui-tt-s > .ms-cui-tt-a:hover {
    border-color: #1f3e6c;
}
/*end ribbon*/
/*header*/
/*search box*/
header #SearchBox .ms-srch-sb-border, header #SearchBox .ms-srch-sb-borderFocused {
	background: white none;
	border: 1px #c2c2c2 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	height: 38px;
	display: block;
}
header #SearchBox .ms-srch-sb-borderFocused {
	border-color: white;
}
header #SearchBox .ms-srch-sb input[type=text]{
	border: 0px;
	width: 170px;
	height: 28px;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 1em;
	color: #333;
	background: transparent none;
	display: inline-block;
	vertical-align: top;
}
.ms-srch-sb > .ms-srch-sb-navLink  {
	background: transparent none;
	padding: 0px;
	margin:  7px 10px 5px 0;
}
.ms-srch-sb > .ms-srch-sb-navLink img {
	display: block;
	max-width: none;
}
.ms-srch-sb > .ms-srch-sb-searchLink {
	height: 24px;
	width: 22px;
	display: inline-block;
	margin: 0px;
	padding: 7px 0px 5px;
	vertical-align: top;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
	background: transparent url('../img/icon-search.png') no-repeat 0px 6px;
}
.ms-srch-sb > .ms-srch-sb-searchLink:hover {
	background: transparent url('../img/icon-search.png') no-repeat 0px -70px;
}
.ms-srch-sb > .ms-srch-sb-searchLink img {
	display: none;
}
/*end search box*/
/*end header*/
#s4-bodyContainer {
    padding-bottom: 0px;
}
/*end general SP fixes*/



/*bootstrap fixes*/
/*bootstrap resets for SharePoint*/
*, *:before, *:after {
	-moz-box-sizing: content-box; /*border-box causes many issues with SP*/
}
* [class^="span"], * [class^="span"]:before, , * [class^="span"]:after {
	-moz-box-sizing: border-box;
}
img {
	max-width: none;
	width: auto;
}
* [class^="span"] img {
	max-width: 100%; /*for images inside span grid*/
}
#scriptWPQ2 img, img.ms-webpart-menuArrowImg, #applist img {
	width: auto; /*within a span may still need to have width of image not 100% for SP2013 OOTB features/imges*/
	max-width: none;
}
.ms-siteactions-imgspan {
	float: none;
	margin: 0px;
}
#s4-ribbonrow [class*="span"] {
    float: none;
    margin-left: 0px;
    line-height: 1.2em;
}
input.ms-cui-cb-input {
	height: 14px;
    padding: 3px 7px 2px;
}
select, input[type="file"] {
    height: auto;
    line-height: 20px;
}
label {
    display: inline-block;
    margin-bottom: 0px;
}
/*edit the spaces in between the main menu items*/
.nav > li > a {
  padding: 15px 7px;
}
/*end bootstrap resets*/

header > .container-fluid {
	position: relative;
}
header .searchbox {
	bottom: auto;
	right: auto;
	position: relative;
	float: right;
	margin-top: 60px;
	text-align: left;
	width: 260px;
}
header #searchInputBox input[type=text]{
	box-shadow: none;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}
header .social {
	right: 30px;
}
footer {
	padding-top: 10px;
}
footer .span4 h1, footer .span4 h2, footer .span4 h3, footer .span4 h4, footer .span4 h5, footer .span4 h6 {
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 0;
	padding-top: 0;
	text-align: center;
}
footer .footer-bottom  .container-fluid {
	padding: 15px 20px;
}
footer .footer-bottom p, footer .footer-bottom li {
	font-size: 13px;
}
footer .footer-bottom .copyright, footer .footer-bottom .sitemap {
	min-height: 0px;
}
footer .footer-bottom  .sitemap {
	text-align: right;
}
/*responsive media queries*/
 .col-md-2.showhideText.section2spacing {	
     
	 text-align:center;    }

@media (min-width: 1200px  ) {
	
	header > .container-fluid, nav#topnav > .container-fluid, footer > .container-fluid, .footer-bottom  > .container-fluid  {
		max-width: 1160px;
		margin-left: auto;
		margin-right: auto;
	}
	#main {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	.col-md-4.ctxtright{ 
	  display:block;
	  
	}
	.ctxtbottom{ 
		display:none;
	}
    .carousel-caption1 {
	text-align:center;
	height:405px;
	position:relative;
	left:0%;
	right:0%;
	margin-top:0px;
	margin-left:-30px;
	bottom:0px;
	z-index:10;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	color:#000;
	text-shadow:none;
	background:#1f3e6c;
	
	}
	.carousel-text{
	
	 color:white; 
	 text-align:left;
    }
    
     .imgcarousel {
	  

	}

  #carousel-inner{
       max-height:406px;
	}
   
	.carousel-control.left, .carousel-control.right {
	opacity:1;
	background-image:none;
	background-repeat:no-repeat;
	text-shadow:none;
	background:none;
	color:#1f3e6c;
	}
	
	.carousel-control.left span {
	padding:15px;
	}
	
	.carousel-control.right span {
	padding:15px;
	}
	
	.carousel-control {
	position:absolute;
	top:5%;
	z-index:5;
	display:inline-block;
	}
	
	.controllers {
	position:absolute;
	top:150px;
	}
		
		
	.carousel:hover .carousel-control { 
	visibility: visible; 
	}
	
	


}
		
@media (max-width: 1199px) {
   
	
     
	
    .ctxtbottom{ 
		display:none;
	}
	.col-md-4.ctxtright{ 
	  display:block;
	  
	}
	
	.carousel-caption1 {
		text-align:center;
		/*height:500px;*/
		height:100%;
		position:relative;
		left:0%;
		right:0%;
		margin-top:0px;
		/*margin-left:-30px;*/
		bottom:0px;
		z-index:10;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:5px;
		padding-right:5px;
		color:#333333;
		text-shadow:none;
		background:white
	
	}
	.carousel-text{
	 

	 color:#333333;
	 text-align:left;
     }
     
     div.sc_menu
	 {
	  overflow-x: auto;
	 }

     

	
  
}

/*responsive media queries*/
@media (max-width: 978px) {
   


  

   .col-md-4.ctxtright{ 
	  display:none;
	  
	 
	  
	}
	.ctxtbottom{ 
		display:block;
		margin-left:0%;
		margin-right:0%;
	}
	.imgcarousel {
	 
    }
	
	
    .carousel-caption1 {
		text-align:center;
		/*height:500px;*/
		height:150%;
		position:relative;
		left:0%;
		right:0%;
		margin-top:0px;
		/*margin-left:-30px;*/
		bottom:0px;
		z-index:10;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:5px;
		padding-right:5px;
		color:#333333;
		text-shadow:none;
		background:white
	
	}
	.carousel-text{
	
	 color:#333333;
	 text-align:left;
     }

	

	
	header #logo {
		width: 100%;
	}
	
	

     
	header #logo img {
		display: block;
		width: 90%;
		max-width: 90%;
		height: auto;
	}
	header .tagline h2 {
		font-size: 20px;
	}
	header .searchbox {
		margin-top: 50px;
	}	
	nav#topnav {
		height: auto;
	}
	nav#topnav  .navbar-inner {
		border: none;
		height: auto;
	}
	nav#topnav .navbar .nav {
		float: none;
		margin: 0px;
	}
	
	nav#topnav .nav ul.root > li {   /*child menu in mobile*/
		border-right: none;
		border-top: 0px solid white;
		display: block;
		float: none;
		height: auto;
		background: #DDDDDD none;
		
	}
	nav#topnav .nav ul.root > li:first-child, nav#topnav .nav ul.root > li a {
		padding: 15px 20px;
		border-top: none;
	}
	nav .site-access {
		right: auto;
		left: 10px;
	}
	div.sc_menu
	 {
	  overflow-x: auto;
	 }
	 
	 


	
		
}



@media (max-width: 768px) {


     .col-md-4.ctxtright{ 
	  display:none;
	}
	

	.ctxtbottom{ 
		display:block;
		
		/* margin-left:5%;
	    margin-right:5%;*/
	    
	}
    
    .carousel-indicators {
	    bottom: 35px;
	  }
    


           

	header #logo img {
		margin: 10px 0px 0px 5px;
		width: 85%;

	}
	header #logo {
		width: 85%;
	}
	

	header .tagline h2 {
		font-size: 16px;
	}
	header .searchbox {
		margin: 10px 1% 10px;
		float: left;
		width: 98%;
	}
	header #searchInputBox input[type="text"] {
		width: 80%;
	}
	header .searchbox a {
		float: right;
		margin-right: 2%;
	}
	header .social {
		right: 1%;
		visibility:hidden;

	}
	.community-list, .our-homes {
		padding: 0px 10px;
	}
	.our-homes > .row-fluid > .span8, .our-homes > .row-fluid > .span4 {
		background: #e5e5e5 none;
		border-color: transparent;
		min-height: 0px;
		padding: 0px 10px 10px;
	}
	.our-homes > .row-fluid > .span4 {
		margin-top: 50px;
	}
	footer .footer-bottom .copyright {
		padding-left: 9px;
	}
	footer .footer-bottom  .sitemap {
		text-align: left;
	}
	
	
	.imgwrap3 { 
	    float: left;
	    width: 230px;
	    height:230px;
	    margin: 0 10px 0 0; 
    }
    div.sc_menu
	 {
	  overflow-x: auto;
	 }
	 
	



		
}
		

@media (max-width: 599px) {
    

	.slider-wrapper {
		/*display: none;*/
	}
	/*target just span4 containers within .mobile-contain-height*/
	.span6 {
		/*max-height: 200px; /*set a maximum height*/
		/*overflow-y: hidden; /*hide any additional overflow*/
	}
	 .col-md-4.ctxtright{ 
	 display:none;
	}
	.ctxtbottom{ 
		display:block;		
         

	}
	div.sc_menu
	 {
	  overflow-x: auto;
	 }
	 
	


	


}
@media (max-width: 479px) {
	header .tagline {
		background: transparent none;
		display: block;
		margin: 5px 10px;
		min-height: 0px;
		padding: 0px;
		vertical-align: top;
	}
	header .tagline h2 {
		font-size: 16px;
	}
	footer .footer-bottom .copyright {
		padding-left: 10px;
	}
	footer .footer-bottom .sitemap {
		margin-top: 10px;
		border-top: 1px #333333 solid;
		padding-top: 10px;
	}
	footer .footer-bottom .sitemap li {
		border: none;
		display: block;
		line-height: 1em;
		padding: 0px 0px 5px 10px;
	}
	 .col-md-4.ctxtright{ 
	 display:none;
	}
	.ctxtbottom{ 
		display:block;
		/*width:95%;*/
		margin-left:0px;
		margin-right:0px;
		

	}
    div.sc_menu
	 {
	  overflow-x: auto;
	 }
    

	
       
}


/*bootstrap fixes for additional pages*/
.row-fluid #posts-list, .row-fluid .property-content, .row-fluid .property-info {
	width: auto;
	float: none;
}
#posts-list article .feature-image img {
    width: 100%;
}
.row-fluid #sidebar {
	width: auto;
	float: none;
}
#sidebar .ads a {
	width: 49%;
	margin-right: 2%;
}
#sidebar .ads img {
	width: 100%;
}
.feature {
	width: 100%;
}
.feature li {
	margin-left: 1%;
	width: 32%;
}
.feature li .thumb {
	margin: 3%;
	width: 94%;
}
.feature li .thumb .date {
	right: 10%;
	left: auto;
}
/*end bootstrap fixes for additional pages*/

/*chapter 6 top nav fixes, listing 6.5*/
/*top nav*/
/*center menu*/
nav#topnav .ms-core-listMenu-horizontalBox {
	display: block;
}
/*hide or provide padding for downdown arrow*/
nav#topnav .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	padding-right: 20px; 
	/*background: transparent none;*/ /*unhide to hide the down arrow*/
}
/*remove border from menu items*/
nav#topnav .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    border: none;
}
/*correct location of dropdown menu*/
nav#topnav .nav ul.root > li ul {
	border: none;
	top: 54px !important;
}
/*fix height of dropdown menu list items*/
nav#topnav .nav ul.root > li ul li a {
	height: 25px;
}
/*end Listing 6.5*/

/*chapter 6 top nav fixes - edit nav menu inline, listing 6.6*/
/*edit links font*/

/*
.carousel.slide img {
    width:100%;
    height:auto;
}*/
.boxkeyrate{
    width: 95%;
    float: left;
    padding:0px,0px,0px,0px;
    margin-right: 25px;
    border: 5px solid white;    
    background-color:#dbe7f9;
    padding-top:10px;
    padding-bottom:10px;
       
}
.titlekeyrate {
    display: block;
    
    padding: 0px 0 15px 0;
    font-size: 20px;
    font-weight: 100;
    margin: 10px;
    border: 2px solid;
    border-color:white;
}

.ulkeyrate {
    color:#333333;
    list-style:none;
    padding: 0;
    /*margin-left: 20px;*/
    text-align:center;
    
    
    /*font-size: 1px;*/
}
.ulkeyrate2 {
    color: #666;
    list-style:square;
    padding: 0;
    margin-left: 20px;
    font-size: 16px;
}



.orange { color: #F5876E; }

.blue{ color: #61A8DC; }

.green{ color: #8EBD40; }

.purple { color: #988CC3; }

.gold { color: #D8C86E; }
/*
.column {
  float: left;
  width: 20%;
  padding: 5px;
  text-align: center;

}
Clear floats after the columns 
.row:after {
  content: "";
  display: table;
  clear: both;
}*/



#WebPartWPQ1 {
border:none;
}

#WebPartWPQ1_ChromeTitle{
visibility: hidden;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* carousel */
 

.carousel-caption2 {
  position: absolute;
  right: 15%;
  top: 100px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}




/*   chat */


.attached {
    bottom: 0;
    position: absolute;
    right: 5em;
    z-index: 999;
}

.chat {
    box-shadow: 0 8px 16px rgba(0,0,0,0.45);
    max-width: 300px;
    width: 100%;
}

/* header */

.chat-header {
    /*background: #DBB725;*/
    background:#1f3e6c;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    padding: 1em;
}

/* body */

.chat-body {
    max-height: 200px;
    overflow: scroll;
    padding: 1em;
   background:#999999;
  

}

.chat-body .post {
    background:white;
    margin: 0 0 1em 0;
    padding: 1em;
    
}

.chat-body .me {
    margin-right: 3em;
}

.chat-body .you {
    margin-left: 3em;
}

.chat-body p {
    margin: 0;
}

/* footer */

.chat-footer {
    background: #999999;
    display: flex;
    padding: 8px;
   
}

.chat-footer button,
.chat-footer input {
    border: 0;
    flex: 1;
    
    
}



/*chat */

.imgwrap { 
    float: left;
    width: 230px;
    height:230px; 
    margin: 0 10px 0 0; 
    
 }

 /*
.span2.showhideText {
	
	display:none;
}*/

/*
div.article.article-body{
	
	padding:0px,20px,0px,0px; !important;
}
div.article-content{
	
	padding:0px,20px,0px,0px; !important;
}

div.article.article-right{
	
	padding:0px,20px,0px,0px; !important;
}
*/

.carousel .carousel-control {
	visibility: hidden; 
	}
/*	
.col-md-12, .col-md-8, .col-md-4, .col-md-2, .col-md-6, .col-sm-6,.col-sm-3, .col-sm-12,.col-sm-8,.col-sm-4, .col-xs-12  {
 -moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	
}}*/
.date-line, .by-line {
 display:none;
}
.article {
   font: inherit;
	 
}
/*
.article.article-right  {
	
	padding-left:40px;
	padding-right:40px;
	
}*/
.article-content  {
	
	padding-left:40px; !important;
	padding-right:40px; !important;

	
}

.article.article-right > .h2  {
  display:none;
	
	
	
}
@media print {
   @page {
      size: auto;
      margin: 1cm;
  }

  a[href]:after {
    content: none !important;
  }
  
  #btnPrint, footer, header, .chaticon, .othericon {
	display:none;
	}
	
	#btnCancel, #btnBack {
	display:none;
	}
   #pagemenu {	
      display:none;
	}
	.noprint, .webchat-v2, .webchat-v2--BR, .webchat-v2--READY, .wc2-floating-btn__btn--badge[data-v-02f88b87], #sinitic-webchat-wrapper{
		display:none !important;
	}

}

	
/*end quick edit mode*/
/*end listing 6.6*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
  
  
/*sub menu css */
        .sc_menu,
		.sc_menu ul,
		.sc_menu ul li,
		.sc_menu ul li a {
		  margin: 0;
		  padding: 0;
		  border: 0;
		  list-style: none;
		  line-height: 1;
		  display: block;
		  position: relative;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		   

		}
		.sc_menu:after,
		.sc_menu > ul:after {
		  content: ".";
		  display: block;
		  clear: both;
		  visibility: hidden;
		  line-height: 0;
		  height: 0;
		}
		.sc_menu {
		  /*width: auto;*/
		  border-bottom: 3px solid #ad8627;
		 /*#47c9af; */
		 /* font-family: Raleway, sans-serif;*/
		 font-family:"Segoe UI", Roboto, Helvetica, Arial;
		 
		 
		  line-height: 1;
		}
		.sc_menu ul {
		  background: #ffffff;
		 /* background:#CCCCCC;*/
		}
		.sc_menu > ul > li {
		  float: left;
		}
		.sc_menu.align-center > ul {
		  font-size: 0;
		  text-align: center;
		}
		.sc_menu.align-center > ul > li {
		  display: inline-block;
		  float: none;		   
		}
		.sc_menu.align-right > ul > li {
		  float: right;
		}
		.sc_menu.align-right > ul > li > a {
		  margin-right: 0;
		  margin-left: -4px;
		}
		.sc_menu > ul > li > a {
		  z-index: 2;
		  padding: 18px 25px 12px 25px;
		  font-size: 15px;
		  font-weight:normal;
		  text-decoration: none;
		  color:#444444;
		  /*font-weight:200;*/
		  -webkit-transition: all .2s ease;
		  -moz-transition: all .2s ease;
		  -ms-transition: all .2s ease;
		  -o-transition: all .2s ease;
		  transition: all .2s ease;
		  margin-right: -4px;
		  
		}
		.sc_menu > ul > li.active > a,
		.sc_menu > ul > li:hover > a,
		.sc_menu > ul > li > a:hover {
		  color: #ffffff;
		}
		.sc_menu > ul > li > a:after {
		  /*background:#e7e7e7;*/
		  
		  position: absolute;
		  left: 0;
		  bottom: 0;
		  right: 0;
		  z-index: -1;
		  width: 100%;
		  height: 120%;
		  border-top-left-radius: 8px;
		  border-top-right-radius: 8px;
		  content: "";
		  -webkit-transition: all .2s ease;
		  -o-transition: all .2s ease;
		  transition: all .2s ease;
		  -webkit-transform: perspective(5px) rotateX(2deg);
		  -webkit-transform-origin: bottom;
		  -moz-transform: perspective(5px) rotateX(2deg);
		  -moz-transform-origin: bottom;
		  transform: perspective(5px) rotateX(2deg);
		  transform-origin: bottom;
		}
		.sc_menu > ul > li.active > a:after,
		.sc_menu > ul > li:hover > a:after,
		.sc_menu > ul > li > a:hover:after {
		  /*background: #47c9af;*/
		 background: #ad8627;
		  
		}
		
		.ms-rteThemeFontFace-1 {
			font-family:inherit;
			font-size: inherit;
			 line-height: 1.5em;
	
	        color:#333333;

		}
		.ms-rtestate-field h4, h4.ms-rteElement-H4 {
		    color:#333333;
		    font-family:inherit;
			font-size: 20px;
			line-height: 1.3em;


	      
         }
/* sub menu css */

/* go to top css*/

				#goTop {
				  position: fixed;
				  bottom: 0;
				  z-index: 1000;
				  left:16px;
				  background-color: #ad8627;
				  width: 50px;
				  height: 50px;
				  text-align: center;
				  border-radius: 4px;
				}
				
				#goTop::after {
				  content: "\f077";
				  font-family: FontAwesome;
				  font-weight: normal;
				  font-style: normal;
				  font-size: 2em;
				  line-height: 50px;
				  color: #fff;
				}
				
				#goTop:hover {
				  cursor: pointer;
				  background-color: #333;
				}
				#goTop:active {
				  background-color: #555;
				}
				
				
				/* for accordion */
				.panel-title > a:before {
				    float: right !important;
				    font-family: FontAwesome;
				    content:"\f068";
				    padding-right: 5px;
				}
				.panel-title > a.collapsed:before {
				    float: right !important;
				    content:"\f067";
				}

/* go to top css*/

/*New menu item CSS*/

.consumer-menu > li > span {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.sub-title-menu {
	font-size: 16px !important;
	color:  #1f3e6c !important;
	font-weight: 600 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.dropdown-column {
	width: 50%;
	float: left;
}

.consumer-menu {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  right: 0 !important;
  left:  auto !important;
}

@media (max-width: 768px) {
	.consumer-menu {
	  columns: 1;
	  -webkit-columns: 1;
	  -moz-columns: 1;
	}
}

@media (max-width: 1199px) {
	.consumer-menu {
		right: auto !important;
	}
}

/*advisories css*/
.boxadvisories{
	/*background-color: #f9f0db;*/
	float: left;
	margin-left: 5px;
	margin-right: 15px;
	margin-bottom: 25px;
	padding-top: 10px;
}

.boxadvisories > div{
	width: 95%;
	/*padding: 8px;*/
	padding: 10px 0px 0px 12px;
	margin: 12px 0px;
	border-top: 2px solid #ccc;
}

.boxadvisories ul{
	text-align: right;
	margin-top: 5px;
}

/*About the bank dropdown*/
.about-menu >li > span{
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  white-space: nowrap;
  position: relative;
        }
        
        
   
      
      .about-menu{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
 right: auto !important;
left:0 !important;
 }
 
  
 
    
    @media (max-width: 1023px) {
   .about-menu {
     columns: 1;
     -webkit-columns: 1;
     -moz-columns: 1;
         right: auto !important;
  left:  0 !important;
   }
}

/*Fin dropdown*/
.fin-menu >li > span{
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  position:relative;
        }

      
      .fin-menu{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
    right: auto !important;
  left:  0 !important;
 }

    @media (max-width: 1023px) {
   .fin-menu {
     columns: 1;
     -webkit-columns: 1;
     -moz-columns: 1;
         right: auto !important;
  left:  0 !important;
   }
}

/*Payments and Settlements dropdown*/
.payments-menu >li > span{
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  position: 300px;
        }

       
      .payments-menu{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
    right: 0 !important;
  left:  auto !important;
 }
 
    @media (max-width: 1023px) {
   .payments-menu {
     columns: 1;
     -webkit-columns: 1;
     -moz-columns: 1;
         right: auto !important;
  left:  0 !important;
   }
}

@media (min-width: 751px) {
	/*add hover to menu*/
	.expand-menu:hover {
	    text-decoration:underline;
	    text-decoration-thickness: 2px;
	    text-underline-offset: 6px;
	 }
}



        @media (min-width: 769px) {   
      .blankrow{
   min-height: 20px;
 }
 }

 /* Added style for Related Content
*/
#related-content{
      padding: 15px;
      border-radius: 3px;
      padding-top: 12px;
      margin-bottom: 12px;
      width: 100%;
      float: left;
      padding-left: 35px;
}
#related-content .col-sm-3{
	margin-bottom: 5px;
}
#related-content .thumbnail {
	text-align: center;
	height: 100%;
	position: relative;
	padding: 0px 0px 15px 0px;
	min-height: 250px;
}
#related-content .thumbnail:hover{
 	border-color: #337ab7;
}
#related-content .display-flex{
 	/*display: flex;
 	flex-wrap: wrap;*/
 	width: 100%;
 	margin-top: 10px;
}
.separator{
	border-top: 1px solid #ddd;
	min-height: 12px;
}
#related-content .thumbnail .caption {
	padding: 9px;
	color: #333;
	position: absolute;
	width: 100%;
	background-color: #fff;
	bottom: 0;
	min-height: 100px;
	height: initial;
}

/* added this style to hide the read-only alert on top of the page
   This css file is only used by the system masterpage
   Julius M. Serdone
*/

div[role="alert"]{
   display:none;
}
/*Chatbot Proto*/
#sinitic-webchat-wrapper{
	right: 20px !important;
}
@media (max-width: 768px) {
	#sinitic-webchat-wrapper{
		right: 0px !important;
	}
}