/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* New grid setup from ResponsiveGridSystem - 5/2016
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- page IDs
- Grid
- Base Styles
- Typography
- Colors
- Links
- Misc Padding/Margins/rounding
- Block headings
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Page IDs */

#top-bar{
	background-color:#1F1F1F; 
	padding-top:7px;
}

#search-menu{
	font-size:.9em;
	line-height:none;
	color:#dddddd;
	margin-bottom:0px;

	height:35px;
	overflow: hidden;
	}
#search-menu a{
	color:#dddddd;
	text-decoration:none;
	}	
#search-menu a:hover a:focus{
	text-decoration:none;
	color:#92DEFB;
	}

.social-bar{width:73%;float:left; text-align:right; padding-top:4px;}

#menu-logo-bar{
	background-color:#303030; padding:5px; margin:0px;
}

.logo {width:25%; float:left;}	
	
.ht50{height:35px; overflow:hidden}

.page-background{
	background-image:url(../img/big-background/city-hall.jpg);
	background-repeat:no-repeat;
	background-position: left;
	background-size: cover;
}
.background-image{
	background-image:url("../img/section-page-top/parks-rec.jpg");
	background-repeat:no-repeat;
	background-position: left;
	background-size: cover;
	
}
#maincontent{outline: none;}

#page-content{
	background-color:#fff;
	padding-bottom: 20px; 
	border-left:10px solid #fff; 
	border-right:10px solid #fff;	
}
#page-content-noborder{
	background-color:#fff;
	padding-bottom: 0px; 
		
}
@media screen and (max-width: 932px) {

.logo {width:70%; margin:auto; float:none; text-align: center;}
}



@media screen and (max-width: 770px) {
#search-menu{ 
	display: none;
    visibility: hidden;}

#top-bar{
	display: none;
	visibility: hidden;}	

.page-background{
	background-image:none;}	
#page-content{
	background-color:#fff;
	padding-bottom: 40px; 
	border-left:0px;  
	border-right:0px;	
}	
}

.search-div{width:26%; float:right; text-align: right;}
.search-form {
                padding:0px 0px;
                background:rgba(50, 50, 50, 0.25);
                border:1px solid #dbdbdb;
}
.search-button {
                position:relative;
                padding:6px 12px;
                left:-8px;
                border:1px solid #6B6C6E;
                background-color:#6B6C6E;
                color:#fafafa;
				font-family: FontAwesome;
}
.search-button:hover  {
                background-color:#814142;
				border:1px solid #814142;
                color:#ffffff;
}

.search-txt {font-size:.85em; color:#494646;  padding:3px 0px 2px 0px;}
	
.head-foot{
	background-color:#24282d;
	color:#dddddd;
	}
	
.head-foot a{
	color:#dddddd;
	text-decoration:none;
	text-decoration:underline	
	}
.head-foot a:hover{
	color:#90C0E7;
	}

.copyright{
	background-color:#000000;
	color:#dddddd;
	text-align:center;
	padding-top:20px;
	}	

.copyright a{
	color:#dddddd;
	text-decoration:none;
	text-decoration:underline;		
	}
.copyright a:hover{
	color:#90C0E7;
	
	}
.copyright a:focus{
	color:#90C0E7;
	
	}
.copyright a:visited{
	color:#dddddd;
	}
.copyright a:visited:hover{
	color:#90C0E7;
	}

/*.menu-container{
	padding-top:30px;
	}
*/
@media screen and (max-width : 900px) {
/*#logo{
	width:100%;
	margin:auto;
	text-align:center;
	}	

.menu-container{
	width:100%;
	padding-top:5px;
	padding-left:80px;
	}
*/
}

/*home boxes */

.photo-div{
	background-image:url(../img/box-backgrounds/box-pins.jpg); 
	background-repeat: no-repeat; 
	background-position: center;
	background-size: cover;
	padding-top:220px;}

@media (min-width: 670px) {
	.photo-div{
	padding-top:120px;}
	
}


.transparant-gray{
	background-color: rgba(83,86,100,.80);
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.transparant-dark{
	background-color: rgba(0,0,0,.60);
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.news-box {
	background-color:#2E5A93;
	color:#fff;
	
}

.news-box a:link{color:#ffffff; text-decoration:underline; }
.news-box a:hover a:focus{color:rgba(252,252,252,.70);}
.news-box a:visited{color:#ffffff;}
.news-topic-border{ border-bottom: 3px solid rgba(255,255,255,.70); line-height: 1.5em;}
.news-section-border{border-right:1px dashed #fff;}
.news-top-border{border-top:1px #fff dashed; margin-top:10px;}

@media screen and (max-width : 767px) {
	.news-section-border{ 
	border-right:0px }
}
.contact-box {
	background-color:#f9f9f9;
	border-top:6px solid #1F5293;
	color:#1F5293;
}

.contact-box a:link{ color:#1F5293; text-decoration:underline;}

.contact-box a:hover{color:#5c8727;}

.contact-box p {line-height: 1.75em;}

.contact-box-maroon {
	background-color:#f9f9f9;
	border-top:6px solid #6A2022;
	color:#6A2022;
}

.contact-box-maroon a:link{ color:#6A2022; text-decoration:underline;}

.contact-box-maroon a:hover{color:#5c8727;}

.contact-box-maroon p {line-height: 1.75em;}

.contact-box-orange {
	background-color:#f9f9f9;
	border-top:6px solid #AF3802;
	color:#AF3802;
}

.contact-box-orange a:link{ color:#AF3802; text-decoration:underline;}

.contact-box-orange a:hover{color:#5c8727;}

.contact-box-orange p {line-height: 1.75em;}


.gray-box {
	background-color:rgba(185,186,192,.20);
	border-top:6px solid rgba(82,85,100,1.00);	
}

.gray-box p {line-height: normal;}

.interior-column-l {border-right:1px solid rgba(83,86,100,0.36); padding:10px 30px 10px 20px;}
.interior-column-r {padding:10px 20px 10px 30px;}

footer {
	background-color: #303030;
	color: #dddddd;
	
	}

footer a:link {color:#fff; text-decoration:none; }
footer a:hover {color:#CFF8FF; text-decoration:underline;}
footer a:visited {color:#E9F4F9;}	

.footer-xlate-margin{margin-top: 40px !important;}
@media screen and (max-width : 767px) {
.footer-xlate-margin{margin-top: 0px !important;}	
}
.breadcrumb-light{color: #fff; font-size: 85%;}
.breadcrumb-light a:link {color:#fff; text-decoration:none;}
.breadcrumb-light a:visited {color:#fff; text-decoration:none;}
.breadcrumb-light a:hover {color:#CFF8FF; text-decoration:underline;}

.breadcrumb-dark {color:rgba(83,86,100,1.00); font-size: 85%;}
.breadcrumb-dark a:link {color:rgba(83,86,100,1.00); text-decoration:none;}
.breadcrumb-dark a:visited {color:rgba(83,86,100,1.00); text-decoration:none;}
.breadcrumb-dark a:hover {color:#960609; text-decoration:underline;}

#breadcrumb{
	margin-left:0px; padding-left:0px;
	
}
#breadcrumb li{
	/* display inline */
	display:inline-block;
	/* remove list-symbols */
	list-style-type:none;
}
#breadcrumb {color:rgba(83,86,100,1.00); font-size: 85%;}
#breadcrumb a:link  a:focus{color:rgba(83,86,100,1.00); text-decoration:none;}
#breadcrumb a:visited {color:rgba(83,86,100,1.00); text-decoration:none;}
#breadcrumb a:hover {color:#960609; text-decoration:underline;}

#breadcrumb li:first-child::before {
 font-family: FontAwesome;
 content:'\f015';
 margin: 0 .6em;	
}

#breadcrumb li::after {
  display: inline-block;
  list-style-type:none;
  font-family: FontAwesome;
  content:'\f105';	
  /*content: '\00bb';*/
  margin: 0 .6em;
  color: #959fa5;
}

#breadcrumb li:last-child::after{
 content:'';	
}

/*breadcrumb for dark backgrounds */
#breadcrumb-white{
	margin:0px; padding:0px;
	
}
#breadcrumb-white li{
	/* display inline */
	display:inline-block;
	/* remove list-symbols */
	list-style-type:none;
}
#breadcrumb-white {color:#FDF7F7; font-size: 85%;}
#breadcrumb-white a:link {color:#FDF7F7; text-decoration:none;}
#breadcrumb-white a:visited {color:#FDF7F7; text-decoration:none;}
#breadcrumb-white a:hover {color:#CFF8FF; text-decoration:underline;}

#breadcrumb-white li:first-child::before {
 font-family: FontAwesome;
 content:'\f015';
 margin: 0 .6em;	
}

#breadcrumb-white li::after {
  display: inline-block;
  list-style-type:none;
  font-family: FontAwesome;
  content:'\f105';	
  /*content: '\00bb';*/
  margin: 0 .6em;
  color: #959fa5;
}

#breadcrumb-white li:last-child::after{
 content:'';	
}


.sidenav-title{
	font-size:200%;
	color:#2E5A93;
	margin-left:10px;
	margin-bottom:0px;
}
/*skip link */
/* For devices larger than 670px */
@media (min-width: 670px) {
#audio-only {position: absolute;
	padding: 5px;
    left: 10%;
    top: 0%;
    transform: translateX(-90%);}
}
@media (max-width: 670px) {
#audio-only {display:none;}
}
#audio-only p{color:#1F1F1F;}
#audio-only a:link {color:#1F1F1F; padding:3px;}
#audio-only a:visited {color:#1F1F1F;}
#audio-only a:hover {background-color:#2C689F;color:#fff;}
#audio-only a:focus{color:#ffffff;}


.visually-hidden{display: none; visibility:hidden;}
.prep-button{padding:5px;}

.in-section{background-color:rgba(0,0,0,0.45);color:#fff; padding-left:10px; padding-right:10px; padding-top:.25em;}


/*social links with icons */
.social{
	padding-right:10px;
	color:#dddddd;}	

.social a:hover{
	color:#92DEFB;}	

.social a:focus{
	color:#92DEFB;}	

.social-fb::before {
    font-family: FontAwesome;
    content:'\f082';
	font-size:1.45em;
    margin: 0 .1em;
	display: inline-block;	
}

.social-twitter::before {
    font-family: FontAwesome;
    content:'\e61a';
	font-size:1.45em;
    margin: 0 .3em;
	display: inline-block;	
}

.social-youtube::before {
    font-family: FontAwesome;
    content:'\f166';
	font-size:1.45em;
    margin: 0 .3em;
	display: inline-block;	
}

.social-nextdoor::before {
    font-family: FontAwesome;
    content:'\f015';
	font-size:1.45em;
    margin: 0 .3em;
	display: inline-block;	
}

.social-nixle::before {
    font-family: FontAwesome;
    content:'\f086';
	font-size:1.45em;
    margin: 0 .3em;
	display: inline-block;	
}

.social-instagram::before {
    font-family: FontAwesome;
    content:'\f16d';
	font-size:1.45em;
    margin: 0 .3em;
	display: inline-block;	
}

.social-tiktok::before {
    font-family: FontAwesome;
    content:'\e07b';
	font-size:1.45em;
    margin: 0 .1em;
	display: inline-block;	
}
.social-icon{color:#dddddd;}
.social-icon a:hover a:focus{color:#92DEFB;}

.footer-contacts{
	line-height:2.5em
}
.icon-phone::before{
    font-family: FontAwesome;
    content:'\f098';
	font-size:1.45em;
    margin: 0 .3em;
	display: inline-block;		
}

.icon-book::before{
    font-family: FontAwesome;
    content:'\f02d';
	font-size:1.45em;
    margin: 0 .3em;
	display: inline-block;		
}
.icon-email::before{
    font-family: FontAwesome;
    content:'\f0e0';
	font-size:1.45em;
    margin: 0 .3em;
	display: inline-block;		
}

html, body {}
.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5px;
  box-sizing: border-box; }

.container-noborder {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height:248px;	
  margin: 0 auto;
  padding: 0px;
  box-sizing: border-box;
  background-image:url(../Movin/img/footer.jpg);
  background-repeat: no-repeat;
 background-position: bottom center;
	background-size: cover;
}



.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
 

 
/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {width: 98%;}
    /*margin-left: 1%; }*/
	
}


/* For devices larger than 670px */
@media (min-width: 670px) {
  .container {
    width: 98%; }
  .column,
  .columns {
    margin-left: 1.6%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 6.866%; }
  .two.columns                    { width: 15.33%; }
  .three.columns                  { width: 23.8%;            }
  .four.columns                   { width: 32.68%; }
  .five.columns                   { width: 40.73%; }
  .six.columns                    { width: 49.2%;            }
  .seven.columns                  { width: 57.66%; }
  .eight.columns                  { width: 66.31%; }
  .nine.columns                   { width: 74.68%;          }
  .ten.columns                    { width: 83.06%; }
  .eleven.columns                 { width: 91.53%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 32.26%; }
  .two-thirds.column              { width: 66.13%; }
  .one-half.column                { width: 48.4%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.46%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 16.93%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 27.6%; }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 36.26%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 44.93%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 53.6%; }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 59.26%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 67.91%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 76.28%; }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 84.66%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 93.13%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 33.86%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 67.73%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

.alpha{margin-left:0px; padding-left:0px;}
.omega{margin-right:0px; padding-right:0px;}

@media (min-width: 1000px) {

.container {
    width: 96%; }

}

@media (min-width: 1200px) {

.container {
    width: 95%; }

} 

/*Dept. Headings 
------------------------------------------------- */

.dept-title{
	color:#fff;
	font-size: 6rem;
	line-height:1;
	letter-spacing: normal;
}

.background-dept-head-image {
 height:600px;
 background-image:url(../departments/images/CityHall_Banner.jpg);
 background-position: center top;
 background-repeat: no-repeat;
 background-size: cover;
}

.bk-atty
{
height:600px;
background-image:url(../departments/images/CityAttorney_Banner.jpg);
 background-position: center top;
 background-repeat: no-repeat;
 background-size: cover;

}

.bk-clerk
{height:600px;
 background-image:url("../departments/images/CityClerk_Banner.jpg");
 background-position: center top;
 background-repeat: no-repeat;
 background-size: cover;
}

.bk-citymanager
{height:600px;
 background-image:url("../departments/images/CityManager_Banner.jpg");
 background-position: center top;
 background-repeat: no-repeat;
 background-size: cover;
}

.contact-signature{
	color:#fff;
	padding-top:150px;
}


.signature-atty{
 background-image:url("../departments/images/CityAttorney_signature.png");
 background-position: center top;
 background-repeat: no-repeat;	
}

.signature-citymanager{
 background-image:url("../departments/images/CityManager_signature.png");
 background-position: center top;
 background-repeat: no-repeat;	
}
.signature-cityclerk{
 background-image:url("../departments/images/CityClerk_signature.png");
 background-position: center top;
 background-repeat: no-repeat;	
}

.signature-title{
	padding-top:100px;
	text-align: center;
}


/* For devices larger than 400px */
@media (max-width: 768px) {
	
.contact-signature{
	padding-top:10px;
	}
.bk-atty,
.bk-citymanager,
.bk-clerk		
	{
	height:350px;
	background-image:url(../departments/images/CityHall_Banner.jpg);
	}

.signature-atty,
.signature-citymanager,
.signature-cityclerk
	{ background-image: none;}
	
.signature-title{
	padding-top:0px;
	text-align: left;
}	
	
}

/* --Know MoVal page bknd -- */

.know-MV-bknd {
	background-image:url(../know/img/mo-val-bknd2.png); 
	background-repeat: no-repeat; 
	background-size: contain;
}
@media (max-width: 550px) { 
	.know-MV-bknd {
	background-image:none;
	  }
	  
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%;

}

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Lato", Arial, sans-serif;
  color:#4D515F; 
  background-color:rgba(255,255,255,255.00); /*page background color white for magnific popups*/
}

.body-bg{background-color:#000000;}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  /*letter-spacing: -.1rem;*/ }
h4 { font-size: 2.4rem; line-height: 1.35; }
h5 { font-size: 1.8rem; line-height: 1.5; }
h6 { font-size: 1.5rem; line-height: 1.6; }

bold{font-weight:900;}
.semi-bold{font-weight:700;}
.smallish { font-size: 90%;line-height:150%; }
.small { font-size: 80%; }
.small-txt{font-size: 80%; line-height:150%;}
.largish { font-size: 130%;}
.larger{ font-size: 170%;}
.large { font-size: 200%; }
.text-uppercase {text-transform: uppercase;}
.line-ht-normal {line-height:normal;}
.fontawesome{font-family:FontAwesome;}
.phone{ white-space:nowrap; }
.icon-image{font-size:7em; text-align: center; line-height: 0em;}
.icon-image-sm{font-size:5em; text-align: center; line-height: 0em;}
.nav-title{font-size: 2.4rem; line-height: 1.35; margin-bottom:0px; margin-left:10px;}	
.exec-title { font-size: 120%; line-height:90%; }

.img-cover img {width:100%;}


/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 3.75rem; }
  h2 { font-size: 3rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.0rem; }
  h5 { font-size: 1.8rem; line-height: 1.5;  }
  h6 { font-size: 1.5rem; }
}

p {margin-top: 0; }

/*p a.link{text-decoration:underline;}*/

img {max-width: 100%;}

.huge{font-size:6.75rem; margin:0px; padding:0px; line-height: none;}

@media (max-width: 750px){
	.huge{font-size:4.25rem;}
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {color:#1513C3; text-decoration:underline; }

a:hover {color:#C95100; text-decoration:none; }

a:visited{color:#521A97;}

a:focus {tex-decoration:underline; background-color:#1B5E9D; color:#fff;} /*default focus to all links for ADA*/

p a:link a:focus {text-decoration:underline;}

p a:focus{background-color:#58326B;}

/* Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .color-maroon{color:#582b2c;}
	.color-red {color:#a50b04;}
	.color-white {color:#ffffff}
	.color-green {color:#3E6314;}
	.color-blue {color:#2E5A93;}
	.color-dark-gray{color:#464646;}
	.color-gray{color:#535664;}
	.color-lt-gray{color:#8B8989;}
	.color-orange{color:#ff6e00;}
    .color-dk-orange{color:#AF3802;}
    .color-brown{color:#3a2123;}
 
	.bk-white{background-color:#fff;}
    .bk-cream{background-color:#fff6ea;}
    
    .bk-med-gray {background-color:#B2B2B2;}
    .bk-lt-gray {background-color:#F1F1F2;}
    .bk-vlt-gray {background-color:rgba(185,186,192,.20);}

   	.bk-brightblue {background-color:#8c9bb4; color:#fff;}
    .bk-cdd-maroon{background-color:#814142; color:#fff;}

    .bk-blue2{ background-color:#2E5A93; color:#ffffff;} /*no link underline*/

    .bk-blue{ background-color:#2E5A93; color:#ffffff;}
    .bk-blue a:link {color:#ffffff; text-decoration: underline}
    .bk-blue a:hover a:focus{color:#A2E5FD; }
    .bk-blue a:visited{color:#ffffff; text-decoration: underline} 
    .bk-blue a:visited:hover{color:#A2E5FD; }

    .bk-green{ background-color:#3E6314; color:#ffffff;}
    .bk-green a:link{color:#ffffff; text-decoration: underline}
    .bk-green a:hover a:focus{color:#A2E5FD; }
    .bk-green a:visited{color:#ffffff; text-decoration: underline} 
    .bk-green a:visited:hover{color:#A2E5FD; }

    .bk-med-green{background-color:#536315; color:#fff;}
    .bk-med-green a:link{color:#ffffff; text-decoration: underline}
    .bk-med-green a:hover a:focus{color:#A2E5FD; }
    .bk-med-green a:visited{color:#ffffff; text-decoration: underline} 
    .bk-med-green a:visited:hover{color:#A2E5FD; }

    .bk-dark-gray{background-color:#535664;}
    .bk-dark-gray a:link{color:#ffffff; text-decoration: underline}
    .bk-dark-gray a:hover a:focus{color:#A2E5FD; }
    .bk-dark-gray a:visited{color:#ffffff; text-decoration: underline} 
    .bk-dark-gray a:visited:hover{color:#A2E5FD; }

    .bk-orange{background-color:#ff6e00; color:#fff;}
    .bk-orange a:link{color:#ffffff; text-decoration: underline}
    .bk-orange a:hover a:focus{color:#814142; }
    .bk-orange a:visited{color:#ffffff; text-decoration: underline} 
    .bk-orange a:visited:hover{color:#814142; }

    .bk-dk-orange{background-color:#AF3802; color:#fff;}
    .bk-dk-orange a:link{color:#ffffff; text-decoration: underline}
    .bk-dk-orange a:hover a:focus{color:#814142; }
    .bk-dk-orange a:visited{color:#ffffff; text-decoration: underline} 
    .bk-dk-orange a:visited:hover{color:#814142; }

	.bk-red{background-color:#c4262e; color:#fff;}
   
    .bk-tomato {background-color:#AB1F22; color:#fff;}
    .bk-tomatoe a:link{color:#ffffff; text-decoration: underline}
    .bk-tomato a:hover a:focus{color:#814142; }
    .bk-tomato a:visited{color:#ffffff; text-decoration: underline} 
    .bk-tomato a:visited:hover{color:#814142; }

    .bk-lt-blue{background-color:#E2F4FE}
    .bk-dark{background-color:rgba(0,0,0,.40); color:#ffffff;}

	a.color-white{
	color:#fff;
	text-decoration:underline;
	}

	a.color-white:hover{
	color:#A2E5FD;
	text-decoration:underline;
	}
	a.color-white:active{
	color:#A2E5FD;
	text-decoration:underline;
	}
	a.color-white:visited{
	color:#fff;
	text-decoration:underline;
	}

   a.social-blue{color:#2E5A93;}
   a.social-blue:hover{color:#739B09;}
      a.social-blue:focus{color:#739B09;}
  


    .bk-gray{background-color:#535664; color:#fff;}
	.bk-gray a:link {color:#fff; text-decoration:none;}	
    .bk-gray a:hover a:focus {text-decoration:underline; color:#F8F3DA}

    .bk-darkblue {background-color:#004280; color:#fff;}
    .bk-darkblue a:link {color:#fff; text-decoration:none;}	
    .bk-darkblue a:hover a:focus {text-decoration:underline; color:#F8F3DA}

    .bk-gray-button {background-color:#535664; color:#fff;}
	.bk-gray-button:hover {background-color:#814142;}
    .bk-gray-button a:link {color:#fff; text-decoration:none;}	
    .bk-gray-button a:visited {color:#fff; text-decoration:none;}
    .bk-gray-button a:visited:hover a:focus{color:#fff; background-color:#814142}

    .bk-blue-button {background-color:#535664; color:#fff;text-decoration:none;}
	.bk-blue-button:hover {background-color:#2E5A93; text-decoration:none;}
    .bk-blue-button a:link{color:#fff; text-decoration:none;}
    .bk-blue-button a:visited {color:#fff; text-decoration:none;}
    .bk-blue-button a:visited:hover a:focus{color:#fff; background-color:#2E5A93; text-decoration:none;}

    .bk-green-button {background-color:#535664; color:#fff;}
	.bk-green-button:hover {background-color:#5c8727;}
    .bk-green-button a:link {color:#fff; text-decoration:none;}	
    .bk-green-button a:visited {color:#fff; text-decoration:none;}
    .bk-green-button a:visited:hover a:focus{color:#fff; background-color:#5c8727}


    .bk-maroon-button {background-color:#814142; color:#fff;}
	.bk-maroon-button:hover {background-color:#680E08;}
    .bk-maroon-button a:link {color:#fff; text-decoration:none;}
    .bk-maroon-button a:visited {color:#fff; text-decoration:none;}
    .bk-maroon-button a:visited:hover a:focus{color:#fff; background-color:#680E08;}


    .bk-dk-orange-button {background-color:#535664; color:#fff;}
	.bk-dk-orange-button:hover {background-color:#AF3802;}
    .bk-dk-orange-button a:link {color:#fff; text-decoration:none;}
    .bk-dk-orange-button a:visited {color:#fff; text-decoration:none;}
    .bk-dk-orange-button a:visited:hover a:focus{color:#fff; background-color:#680E08;}

/*no underline*/
	a.no-underline{
	text-decoration:none;
	}

	a.no-underline:hover{
	color:#A2E5FD;
	text-decoration:none;
	}
	a.no-underline:active{
	color:#A2E5FD;
	text-decoration:underline;
	}
	a.no-underline:visited{
	color:#fff;
	text-decoration:none;
	}

/* Hover Boxes  */

.hoverbox-tomato{background-color:#AB1F22; color:#fff;}
.hoverbox-tomato:hover a:focus{background-color:#ff6e00;}

/* Misc Padding/Margins/rounding
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.border-light{border:1px solid #D9D7D7}
    

	.margin-half-bottom {margin-bottom: 10px !important; }
	.margin-add-bottom {margin-bottom: 20px !important; }
	.margin-no-top {margin-top: 0px !important; }
	.margin-no-bottom {margin-bottom: 0px !important; }

	.margin-add-top {margin-top: 20px !important; }
	.margin-half-top {margin-top: 10px !important; }
    .margin-left {margin-left: 20px !important; }
	.margin-left-large{margin-left: 60px !important; }
    .margin-right {margin-right: 20px !important; }
    .margin-add-top-lg{margin-top: 40px !important;}


	.pad-bottom { padding-bottom: 20px !important; }
	.pad-top { padding-top: 20px !important; }

	.pad-half-bottom { padding-bottom: 10px !important; }
	.pad-remove-bottom { padding-bottom: 0px !important; }

	.box-padding{padding:10px;}
	.box-padding-sides{padding:0px 10px 0px 10px;}

	.box-padding-side30{padding:0px 30px 0px 30px;}
	.box-padding-side60{padding:0px 60px 0px 60px;}

    .page-padding{padding:20px;}
    .round-corners {border-radius: 15px;  padding:10px;}
    .round-corners-sm {border-radius: 5px;  padding:10px;}
	.round-div{	border-radius: 20px;}
    
	.circle-div {
		width:70%;
		height:0;
		padding-bottom:70%;
		border:3px solid #626161;
		-moz-border-radius:70%;
		-webkit-border-radius:70%;
		border-radius:50%;
		-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
		-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
         box-shadow:0 0 8px rgba(0, 0, 0, .8);
}
	.img-circle {border-radius: 50%;}
    img {max-width: 100%;}

	.square-div {
		width:80%;
		height:0;
		padding-bottom:95%;
		border:1px solid #626161;
		/*-moz-border-radius:70%;
		-webkit-border-radius:70%;
		border-radius:50%;
		*/
		-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
		-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
         box-shadow:0 0 8px rgba(0, 0, 0, .8);
		margin-bottom:5px;
}
	
.square-div-lg {
		width:96%;
		height:0;
		padding-bottom:110%;
		/*border:1px solid #626161;*/
		-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
		-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
         box-shadow:0 0 8px rgba(0, 0, 0, .8);
		margin-bottom:5px;
}	

	.drop-shadow{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(59,59,59,0.93); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 8px 0px rgba(59,59,59,0.93); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */}
	
	.drop-shadow:hover{
	-webkit-box-shadow: 0px 0px 2px 0px rgba(59,59,59,0.53); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 2px 0px rgba(59,59,59,0.53); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
		
		}
		
   @media only screen and (max-width: 759px) {
	.margin-left-large{margin-left:5px !important; }

   }
   
   @media only screen and (min-width: 480px) and (max-width: 759px) {
	.margin-left-large{margin-left:3px !important; }
		}
	

/*Well - box with border and colored background
=============================================== */
.well {
  background-color: #f9f9f9;
  border-color: #ededed;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 24px;
  padding: 0px 10px;
}
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6,
.well .h1, .well .h2, .well .h3, .well .h4, .well .h5, .well .h6,
.well .giga, .well .mega, .well .kilo {
  color: inherit;
}
.well p {
  margin: 10px 0;
}

.well header h1, .well header h2, .well header h3, .well header h4, .well header h5, .well header h6,
.well header .h1, .well header .h2, .well header .h3, .well header .h4, .well header .h5, .well header .h6 {
  margin: 20px 0 10px;
}
.well header .label,
.well header .badge {
  margin-top: 10px;
}
.well[class*='bg-'] {
  color: #fff;
}
.well.bg-white {
  color: #666;
  border-color: #2E5A93;	
  background-color:rgba(255,255,255,0.70);	
}
.well.bg-black {
  border-color: #000;
}

.well.bg-maroon {
  border-color: #3d8b3d;
  background-color:#3d8b3d;
  color:#fff;
}
.well.bg-green {
  border-color: #3d8b3d;
  background-color:#3d8b3d;
  color:#fff;
}

.well.bg-green a:link{color:#ffffff; text-decoration: underline;}
.well.bg-green a:hover {color:aqua;}
.well.bg-green a:visited {color:#ffffff;}


.well.bg-light-green {
  border-color: #3d8b3d;
  color: #468847;
}
.well.bg-blue {
  border-color: #28a1c5;
  background-color:#28a1c5;
  color:#fff;
}
.well.bg-blue a:link{color:#ffffff; text-decoration: underline;}
.well.bg-blue a:hover {color:aqua;}
.well.bg-blue a:visited {color:#ffffff;}

.well.bg-light-blue {
  border-color: #28a1c5;
  color: #3a87ad;
}
.well.bg-yellow {
  border-color: #b9730f;
}
.well.bg-light-yellow {
  border-color: #b9730f;
  background-color: #F7E380;
  color:#321F0F;
}

.well.bg-orange {
  border-color:#E78004;
  background-color:#E78004;
  color:#fff;
}
.well.bg-red {
  border-color: #b52b27;
  color: #8C0507;
  background-color:rgba(227,130,132,.80);
}
.well.bg-light-red {
  border-color: #b52b27;
  color: #d2322d;
}
@media (max-width: 750px){
.well {
  padding: 0px 0px;
}
}



/* Block headings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
   .block-heading{
	text-align:center;
	font-size: 1.25em;
	padding-top: 8px;
	padding-right:0px;
	padding-bottom: 4px;
	margin-bottom: 10px;
	color: #fff;
	display:block;
}



/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.home-topic{
	background-color:#535664;
	color:#fff;
	}

.home-topic a:hover{
	color:#CA9798;
	text-decoration: underline;
}
.home-topic:hover{background-color:#582b2c; color:#ffffff;}

@media (max-width: 780px) {
	.home-topic{
		font-size:1.25em;
}
}
@media (max-width: 550px) {
	.home-topic{
		font-size:1.5em;

}
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 26px;
  padding: 6px 5px; /* The 6px vertically centers text on FF, ignored by Webkit */
  margin-top:0px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 45px;
  padding-top: 3px;
  padding-bottom: 3px;
   }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	ul, ol { margin-bottom: 10px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 0px 0 5px 30px; font-size: 100%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 1 rem; }
	li {line-height: 1.5em; margin-bottom:5px;}
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
li:last-child {
    margin-bottom:0px;
}

ul.spacer li{margin-bottom: 1.5rem;}

/*fancy lists */

.no-indent{margin-left:8px; padding-left:8px;}

.list-acrobat {list-style-image:url(../img/symbols/acrobat.gif); margin-left:12px; padding-left:12px;}
.list-blue-pointer {list-style-image:url(../img/symbols/blue-carret.png);}
.list-maroon-pointer {list-style-image:url(../img/symbols/maroon-carret.png);}

.list-caret {list-style-image:url(../img/symbols/carret.png);}	
.list-caret-green {list-style-image:url(../img/symbols/carret-on.png);}
.list-checklist {list-style-image:url(../img/symbols/accept.png);}
.list-check {list-style-image:url(../img/symbols/tick.png);}	

.list-blue-dot {list-style-image:url(../img/symbols/dot-blue.png);}
.list-maroon-dot {list-style-image:url(../img/symbols/bullet-maroon.png);}
.list-gray-dot {list-style-image:url(../img/symbols/bullet-gray.png);}

.list-gray-pointer {list-style-image:url(../img/symbols/gray-carret.png)}

.list-gray-pointer-tips {list-style-image:url(../img/symbols/gray-carret.png)}
.list-gray-pointer-tips li{margin-bottom:20px;}


.list-white-arrow {list-style-image:url(../img/symbols/arrow_white.png); color:#fff;}
.list-white-dot {list-style-image:url(../img/symbols/white-dot.png);}
.list-white-box {list-style-image:url(../img/symbols/white-bullet.gif);}


.list-computer {list-style-image:url(../img/symbols/monitor.gif);}	
.list-page {list-style-image:url(../img/symbols/new_page.png);}	

.list-white-pointer {list-style-image: url(../img/symbols/white-carret.png);}

.list-white-pointer a {color:#ffffff; text-decoration: underline;}	
.list-white-pointer a:hover a:focus {color:#F1FFC1;}


.list-footer-bullet {
	list-style-image: url(../img/symbols/footer-carret.png);
	font-size:.9em;
	margin-left: 8px;
	padding-left:8px;
}	
a.list-footer-bullet{
	color:#C9C9C9;
	text-decoration: none;
}	
a.list-footer-bullet:hover a.list-footer-bullet:active{
	color:#F1FFC1;
	text-decoration: underline;
}

a.list-footer-bullet:visited{
	color:rgba(255,255,255,0.80);
	text-decoration: underline;
}

.list-side-nav{
	list-style-image: none;
	margin-left:0px;
	padding-left:12px;
}


.list-side-nav ul{
 	padding: 0px;
	/*list-style-type: none;*/

}

.list-side-nav li {
     margin-top:0px;
	 margin-bottom:0px;
	 color:#ffffff;
}


.list-side-nav a:link {
     padding: 0.5em .25em;
	 display:block;
	 text-decoration: none;
	 color:#2E5A93;
	 border-bottom: 1px solid #2E5A93;
}

.list-side-nav a:hover {
    display:block;
	background-color:#582b2c; /*red hover*/
	color:#ffffff;
	text-decoration: none;
	border-bottom: 0px;
}


.list-number{margin-left: 20px; padding-left:20px; }
.list-number li{margin-bottom: 1em;}

.hilite {
    display:block;
	background-color:#2E5A93;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid #2E5A93;
}

.hilite:hover{
    display:block;
	background-color:#2E5A93;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid #2E5A93;
}

 .hilite a:visited{
    display:block;
	background-color:#2E5A93;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid #2E5A93;
}


/*
 
 .side-active a:link {
    display:block;
	background-color:maroon;
	color:white;
	text-decoration: none;
}

 .side-active a:hover{
    display:block;
	background-color:maroon;
	color:white;
	text-decoration: none;
}

 .side-active a:visited{
    display:block;
	background-color:maroon;
	color:white;
	text-decoration: none;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  /*text-align: left;*/
  border-bottom: 1px solid #E1E1E1; 
 vertical-align: text-top;
}
th:first-child,
td:first-child {
  padding-left: 5px; }
th:last-child,
td:last-child {
  padding-right: 5px; }


/* border all */
table.table-border-all, table.table-border-outer {
  border: 1px solid #ededed;
}
table.table-border-all th,
table.table-border-all td {
  border-right: 1px solid #ededed;}

/*border outer */
table.table-border-all, table.table-border-outer {
  border: 1px solid #ededed;}

/* border inner */
table.table-border-inner th,
table.table-border-inner td {
  border-right: 1px solid #ededed;}

/* border row bottoms */
#table-border-row td tr {
  border-bottom: 2px solid #ededed;}

#table-border-row td:last-child tr:last-child {
  border: none;}


/* yellow hover row */  
table.table-hover-row tr:hover td, table.table-hover-cell td:hover {
  background-color: #FFFCC3;}

/* zebra stripe - even or odd */
table.table-fill-even tbody tr:nth-child(even), table.table-fill-odd tbody tr:nth-child(odd) {
  background-color:#E9F0FB;}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: .15rem; }/*field spacing*/
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2rem; } /*paragraph spacing*/


/*================================================*/
/* News landing page styles                       */

.card {
  /*background-image: linear-gradient(to bottom, #3498db, #2980b9);
  padding: 10px;  height: 100px;*/
  display: inline-block;
  vertical-align: top;
  width:100%;
  border: 1px solid #D7D7D7;
  border-radius: 3px;

  margin-bottom:1rem;
  position: relative;	

  backface-visibility: hidden; /* prevents flicker in chrome */
  will-change: transform, opacity; /* prevents flicker in safari */
		}
.card:before {
    display: inline-block;
    padding-top: 0px;
}

.cardx img {width:100%;}	

.card-title {line-height:normal; font-size:120%; margin-bottom:10px;}

 .storyboard{
    /* padding: 1rem;*/

    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}   
     			 
/* Grid Breakpoints
---------------------------------------------------------------------- */

/* 1 Columns */

@media screen and (min-width: 401px) {
    .storyboard {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

/* 2 Columns */

@media screen and (min-width: 541px) {
    .storyboard {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

/* 3 Columns */

@media screen and (min-width: 760px) {
    .storyboard {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

/* 4 Columns */

@media screen and (min-width: 1281px) {
    .storyboard{
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}		
	
    


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }
.center {
  /*display: block;*/
  margin-left: auto;
  margin-right: auto;
}

.txt-center {text-align: center;}
.txt-right	{text-align: right;}
.txt-left {text-align: left;}
	

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 2rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 3px solid #814142; }

.dotted-line{margin-top: 1rem;  margin-bottom: 2rem; border-top: 1px dotted #525463;}
.blue-line{border-color:#2E5A93}
img.scale-with-grid {
	max-width: 100%;
	height: auto; }
	

/*================= UP ARROW ================== */

#top-navigator{
    position:fixed;
    right:5%;
    bottom:3%;
    text-align:center;
    border-radius:20%;
    background:rgba(21,30,41,1.00);
    width:34px;
    height:34px;
    padding:6px;
    font-size:1.5rem;
	color:#fff;
    opacity:.8;
    z-index:99999;
    cursor:pointer;
    display:none;
}

#top-navigator:hover{
    opacity:.9;
}

/* news pubs boxes */

.pub-box {width:100%}
.pub-box img {max-width: 100%;
	height: auto; }



/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 300px) {
	/*show extra small only */
        .show-extra-small,
        .hide-Xlarge,
		.hide-large,
        .hide-small,
        .hide-medium{
        display: inline;
        visibility: visible}
		
 .box-padding{padding:20px;}	
 
     /*hide extra small only*/
        .hide-extra-small,
		.show-Xlarge,
        .show-large,
        .show-small,
        .show-medium{
        display: none;
        visibility: hidden;}
	
	#logo {
	width: 100%;
	text-align: center;
	}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	#logo {
	width:auto;
	
	}
	}

/* Larger than tablet */
@media (min-width: 769px) {
	/*show medium only, hide from all others */
        .show-medium,	 
        .hide-Xlarge,
		.hide-large,
        .hide-extra-small,
        .hide-small{
        display: inline;
        visibility: visible;}
	
		
    /*hide medium only, hide from all others */
        .hide-medium,
        .show-Xlarge,
		.show-large,
        .show-extra-small,
        .show-small{
        display: none;
        visibility: hidden;}
	
	#logo {
	width:auto;
	text-align: left;
	}
	.box-padding{padding:10px;}
	
	}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	/*show large only, hide from all others */
    .hide-Xlarge,
	.show-large,
    .hide-extra-small,
    .hide-small,
    .hide-medium{
    display: inline;
    visibility: visible;}
 
 /*hide large only, show from all others */
    .show-Xlarge,
	.hide-large,
    .show-extra-small,
    .show-small,
    .show-medium{
    display: none;
    visibility: hidden;}

	}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	/*show Xlarge only, hide from all others */
    .show-Xlarge,
	.hide-large,
    .hide-extra-small,
    .hide-small,
    .hide-medium{
    display: inline;
    visibility: visible;}
 
 /*hide Xlarge only, show from all others */
    .hide-Xlarge,
	.show-large,
    .show-extra-small,
    .show-small,
    .show-medium{
    display: none;
    visibility: hidden;}
	}

/*slick nav*/



.slicknav_menu {
	display:none;
    }
    #menu {
	display:none;
	}
    @media screen and (max-width: 768px) {
	/* #menu is the original menu */
	.js #big-menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
		.hide-mobile{
        display: none;
        visibility:hidden;}
}

/*super slide*/
.wide-container {
      /*max-width: 1200px;*/
      max-width:100%;
	  height: 400px;
      margin: 0 auto;
	  padding:0 ;
    }

/*slide messages*/

/*slide animation*/
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}


@media (min-width: 280px) {
.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 10px;
  text-align: center;
  width: 100%;
}
.wide-container {
 height: 300px;
  margin: 0 auto;
  }

.message-bknd{
	background-color:rgba(56,103,147,0.99);
	height:300px;   
	float: right;
	padding: 10px;
    margin:auto;
	animation:none;
}
	
.message-title{
	color:#fff; 
 	display: block;
	/*padding:1em;*/
	font-size: 1.65em;
	font-weight:600;	
	}

.message-txt {
	color:#fff; 
	font-size: 1em;
	margin-bottom:0px;
	padding-bottom:0px;
	}
}

@media (min-width: 400px) {
	.message-bknd{
	width:45%; 
	padding:50px 10px 10px 10px; 		
	margin:auto;
	background-color:rgba(56,103,147,0.99);
	animation:none;	
}
.message-txt {
visibility: hidden;
display:none;	
	}
.message-action {
text-align:center
	}
.message-title{
	text-align: center;	
}	
}


@media (min-width: 550px) {

.message-bknd{		
	padding:60px 20px 20px 20px; 
	width:40%; 
	background-color:rgba(56,103,147,0.90);	
	animation-duration: 3s;
    animation-name: slideInRight;
		 }	

.message-txt {
visibility: hidden;
display:none;
	}
.message-action {
text-align:center
	}
.message-title{
	color:#ffffff; 
	font-size: 2.15em;
	line-height:normal;
	
}

.message-bknd h2{
	color:#ffffff; 
	font-size: 2em;
	line-height:normal;
	
}
	

}

@media (min-width: 750px) {
.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 10px;
  text-align: right;
  width: 85%;
}
.wide-container {
      max-width: 1200px;
      height: 400px;
      margin: 0 auto;
    }

.message-bknd{
	background-color:rgba(56,103,147,0.90);	
	float:right; 	
	padding:90px 20px 20px 20px;
    width:35%; 
	height:500px
		 }

.message-txt {
	visibility:visible;
	display:block;
	color:#ffffff; 
	size: 3.5em;
	}
.message-title{
	color:#ffffff;
	font-size: 1.5em;
	line-height:normal;
	margin-bottom:0px;
	padding:0px;
	
}	

}

@media (min-width: 1000px) {
.message-bknd{
		/*margin-top:190px;*/
		padding:30px; 
		width:30%; 
	    height:500px
		
		 }		
.message-title{
	color:#ffffff; 
	font-size: 1.5em;
	font-weight:500;
	margin-top: 40px;
}	
	
	
}


@media (min-width: 1200px) {
	.message-bknd{
		/*margin-top:190px;*/
		padding:40px; 
		width:25%; 
		height:500px
		 }		
	
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
#printhead{display:none;}

/*=================================
   Before/After Swwp for Social Media icons
===================================*/

a.beforeAfter{
position:relative;
display: block;
overflow:hidden; 
cursor: pointer;
width: 20px; /* set width of image container */
height: 20px; /* set height of image container */
}

a.beforeAfter img{
position:absolute;
left:0;
top:0; 
width: 100%;
height: 100%;
-moz-transition: all 0.5s ease; /* enable transition */
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 2;
clip: rect(0,20px,20px,0); /* clip values should be rect(0,image_width,image_height,0) */
}


a.beforeAfter img:nth-of-type(2){ /* hide "after" image beneath "before" so it's initially out of view */
z-index: 1;
}


a.beforeAfter:hover img:nth-of-type(1){ /* clip "before" image to reveal "after" */
clip: rect(0,0,434px,0); /* clip values should be rect(0,0,image_height,0) */
}

/*=====================================

ADA Skip Link 
======================================*/
.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
    }

/*=====================================

    Print Styles 
======================================= */

@media print { 
#printhead{display:block;width:100%; float:none;}

/*hide these items when printing*/
header {display:none;}	
.breadcrumb-dark {display:none;}

.pg-title {display:none;}	
.box-padding {padding: 0px;}
.slider-wrapper{display:none;} 
.head {display:none;} 
.page-footer{display:none;} 
.elastislide-list {display:none;}
#carousel{display:none;}
#big-menu{display:none;}
.section-links {display:none;}
a, a:visited { text-decoration: underline; }
	/*how to print */
}