/*
Site Colors
Links: #0071bc/#205493/#4c2c92
Blue:  #202b7d
Green: #5c8e09
Purple:#623182
Black: #343434
*/

.soi-page, .ms-core-navigation {
	font-family:"Arial", "Helvetica Neue", "Helvetica", "Roboto", sans-serif;
	/*font-family:"Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;	*/
}
h1, h2, h3, h4, h5, h6 {
	font-family:"Arial", "Helvetica Neue", "Helvetica", "Roboto", sans-serif;
}
h3 {
	font-size:1.2em;	
}
.ms-rtestate-field h2 {
	color:#5d8e0a;
}
.soi-content h2, .ms-rtestate-field h2, .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
	font-family:"Arial", "Helvetica Neue", "Helvetica", "Roboto", sans-serif;
	color:#636363;
	font-size:30px;
}
.soi-body-inner a {
  color: #0071bc;
  text-decoration: none; }
  .soi-body-inner a:hover, .soi-body-inner a:active {
    color: #205493;
    text-decoration: underline; }
  .soi-body-inner a:visited {
    color: #4c2c92; }
  .soi-body-inner a:focus {
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
    outline: 0; }

.soi-footer a, .soi-page-breadcrumb a,
.soi-footer a:link, .soi-footer a:visited,
.soi-page-breadcrumb a:link, .soi-page-breadcrumb a:visited {
    color: #ffffff; 
}
.soi-footer a:hover,
.soi-page-breadcrumb a:hover {
    color: #ffffff; 
}
.soi-footer a:active,
.soi-page-breadcrumb a:active {
    color: #ffffff; 
}
.soi-page a:focus {
	box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
	outline: 0; 
}

.soi-pagetitle {
	background-color:#213f7d; /*205493;/*212b7d 447eb8*/
	/*margin-bottom:20px;*/
}
.soi-pagetitle h1 {
	color:white;
}
header {
	border-bottom:4px #004b75 solid;
	background-color:white;
	position:relative;	
}
#s4-titlerow {
	padding-top:5px;
	padding-bottom:0px;
	height:auto;
}
.navbar {
	margin-bottom:0px;
	background-color:white;	
}
.navbar-toggle {
	margin-top: 0px;
	margin-bottom:0px;
}

.navbar-toggle .icon-bar {
	width:auto;
}
.navbar-brand {
	padding-top:5px;
	padding-bottom:5px;
}
.navbar .menu-item img {
	padding:5px 10px;
}
#topnavbar .navbar-collapse {
	padding-top: 5px;
}
.ms-srch-sbLarge-fullWidth {
	width:auto;
}
#s4-workspace {
	-webkit-overflow-scrolling: touch;	
}


/* ===================================================================================
   Navigation Icons
   =================================================================================== */
#topnavbar .nav li.static > .menu-item {
	background-attachment:scroll;
	background-repeat:no-repeat;
}

#topnavbar .nav li.static:nth-child(1) > .menu-item {
	background-image:url("/Style%20Library/SOISierra/Images/GovernmentIcon.png");
}
#topnavbar .nav li.static:nth-child(2) > .menu-item {
	background-image:url("/Style%20Library/SOISierra/Images/BusinessIcon.png");
}
#topnavbar .nav li.static:nth-child(3) > .menu-item {
	background-image:url("/Style%20Library/SOISierra/Images/EmploymentIcon.png");
}
#topnavbar .nav li.static:nth-child(4) > .menu-item {
	background-image:url("/Style%20Library/SOISierra/Images/EducationIcon.png");
}
#topnavbar .nav li.static:nth-child(5) > .menu-item {
	background-image:url("/Style%20Library/SOISierra/Images/ResidentsIcon.png");
}
#topnavbar .nav li.static:nth-child(6) > .menu-item {
	background-image:url("/Style%20Library/SOISierra/Images/VisitingIcon.png");
}
#topnavbar .nav li.static:nth-child(7) > .menu-item {
	background-image:url("/Style%20Library/SOISierra/Images/AboutIcon.png");
}
#topnavbar .nav li.static:nth-child(8) > .menu-item {
	background-image:url("/Style%20Library/SOISierra/Images/EmailUpdatesIcon.png");
}
#topnavbar .nav li.static:nth-child(9) > .menu-item {
	background-image:url("/Style%20Library/SOISierra/Images/SearchIcon.png");
}
   
/* ===================================================================================
   /END Navigation Icons
   =================================================================================== */
/* ===================================================================================
   Local navigation
   =================================================================================== */

.s4-ql 
{
	padding-top:20px;
}
.s4-ql UL.root > LI > .menu-item, .soi-content .ms-quickLaunch h2
{
	background-color:#232228;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	font-size:1em;	
}

.s4-ql ul.root ul > li > a, a.soi-bullet, .soi-content .ms-quickLaunch li .item a
{
	color:#303636;
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:5px 10px;
}
.s4-ql ul.root ul > li > a.selected {
	padding-left:20px !important;
}
.s4-ql ul.root ul > li > a:hover
{
	background-color:#e7f4e4;
}
.s4-ql A.selected
{
	/*color:#000 !important;	*/
	background-color:#94bfa2;
	background-image:none;
}
.s4-ql li.static, .soi-content .ms-quickLaunch li .item {
	background-color:#e7f4e4;
}
.soi-content .ms-quickLaunch h2 {
	padding:10px 20px 10px 10px;
	margin:0px;
}
.soi-content .ms-quickLaunch .dfwp-column {
	padding-left:0px;
	float:none;
}
.soi-content .ms-quickLaunch .ms-webpart-chrome-title {
	margin-bottom:0px;
}
.soi-content .ms-quickLaunch .ms-webpart-chrome-title .js-webpart-titleCell {
	display:block;
}
/* ===================================================================================
   /END Local navigation
   =================================================================================== */

.soi-footer {
	border-top: 4px #004b75 solid;	
}

.soi-footer {
	color:white !important;	
}
.soi-footer h3 {
	color:#ffffff  !important;
}

.soi-footer-agency {
	background-color:#343434;
	color:white;
}
.soi-footer-agency h3 {
	color: white;
}
.soi-footer-state {
	border-top: 1px #212121 solid;
	background-color:#2f2f2f;
	color:white;
}
/* ===================================================================================
   Search Control
   =================================================================================== */
.ms-srch-sbLarge > input {
	height:50px;
}
.ms-srch-sbLarge > .ms-srch-sb-searchLink {
	margin-top:8px;
	margin-bottom:8px;
}
.soi-search-control {
	display:inline-block;
	padding:20px;
	text-align:left;
	background-color: rgb(0, 0, 0); /* Fallback for older browsesrs without RGBA support. */
	background-color: rgba(0, 0, 0, .5);
}
.soi-search-label {
	font-size:2.5em;
	font-style:italic;
	text-shadow:2px 2px #000;
	display:block;
	text-align:left;
}

label.soi-search-label {
	color:white;
}
.soi-srch-sbLarge-fullWidth {
	width:456px;
}
.soi-news-attributes {
	font-size:.85em;
	color:#999;
}
.ms-srch-item-preview {
	max-height:100px;
}
.ms-srch-ellipsis {
	white-space:normal;
}
.soi-updates-control input {
	height:50px;
    display: inline-block;
    float: left;
    border-style: none;
    outline-style: none;
    vertical-align: top;
    font-size: 20px;
    margin: 1px 0px 0px 6px;
    padding: 0px 1px 0px 1px;
    background-color: transparent;
}

/* ===================================================================================
   Home Page
   =================================================================================== */
.soi-band-1{
	display: table;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	
	/*-- Full Height --*/
	height: 100vh;
}

 /*-- Vertically center --*/
.soi-band-1 .soi-search-container{
  display: table-cell;
  top:40vh;
  position: relative;
  padding: 0 0;
}
/*----------------------------------------------   
--Keyframes
-----------------------------------------------  */
/*----------------------------------------------   
--Fade out for slider
-----------------------------------------------  */
@-webkit-keyframes fade-out {
	0% { opacity: 0; animation-timing-function: ease-in; }
	10% { opacity: 1; animation-timing-function: ease-out; }
	20% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade-out {
	0% { opacity: 0; animation-timing-function: ease-in; }
	10% { opacity: 1; animation-timing-function: ease-out; }
	20% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade-out {
	0% { opacity: 0; animation-timing-function: ease-in; }
	10% { opacity: 1; animation-timing-function: ease-out; }
	20% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 0; }
}
/*----------------------------------------------   
--List for images, sm and large
-----------------------------------------------  */
ul.soi-bkg-slider {
	margin:0px;
	padding:0px;
}
ul.soi-bkg-slider li{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:	50%;
	z-index: 0;
	opacity: 0;
	/*-- Add animation --*/ 
	-webkit-animation: fade-out 50s infinite both;
	-moz-animation: fade-out 50s infinite both;
	animation: fade-out 50s infinite both;
	/*-- Image 1: small --*/ 
	background-image: url('Images/banner-1-sm.jpg');
}
 /*-- Image 2 --*/ 
ul.soi-bkg-slider li:nth-child(2){
  background-image: url('Images/banner-2-sm.jpg');
  /*-- Animation delay: 3s --*/ 
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
}
 /*-- Image 3 --*/ 
ul.soi-bkg-slider li:nth-child(3){
  background-image: url('Images/banner-3-sm.jpg');
  /* Animation delay: 6s */  
  -webkit-animation-delay: 20s;
  -moz-animation-delay: 20s;
  animation-delay: 20s;
}
ul.soi-bkg-slider li:nth-child(4){
  background-image: url('Images/banner-4-sm.jpg');
  /* Animation delay: 6s */  
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  animation-delay: 30s;
}
ul.soi-bkg-slider li:nth-child(5){
  background-image: url('Images/banner-5-sm.jpg');
  /* Animation delay: 6s */  
  -webkit-animation-delay: 40s;
  -moz-animation-delay: 40s;
  animation-delay: 40s;
}
/*----------------------------------------------   
  Read More/Less
-----------------------------------------------  */
.read-more-state {
  display: none;
}
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}
.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}
.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}
.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}
h3.soi-social-heading {
	display:inline-block;
	margin: 0px;
}
.soi-social-links {
	display:inline-block;
}
.soi-gov-print {
	padding-top:15px;
}
@media (min-width: 800px) {
	ul.soi-bkg-slider li{
		background-image: url('Images/banner-1.jpg');
	}
	ul.soi-bkg-slider li:nth-child(2){
	  background-image: url('Images/banner-2.jpg');
	}
	ul.soi-bkg-slider li:nth-child(3){
	  background-image: url('Images/banner-3.jpg');
	}
	ul.soi-bkg-slider li:nth-child(4){
	  background-image: url('Images/banner-4.jpg');
	}
	ul.soi-bkg-slider li:nth-child(5){
	  background-image: url('Images/banner-5.jpg');
	}	
}
.soi-band-2 {
	background: #f2f2f2 url('Images/skeletal-weave.png') repeat center center;
	padding-top:20px;
	position:relative;	
}
.soi-band-2-button {
	position:absolute;
	top:-90px;
	text-align:center;
	width:100%;
}
.soi-band-2-button img:hover {
	cursor:pointer;	
}

.soi-band-2 blockquote {
	background: url('Images/TransparentBackground.png') repeat transparent fixed;
}
.soi-band-3 {
	border-bottom:10px #cfcfcf solid;
	background-color:white;	
}
.soi-band-4 {
	background: #f2f2f2 url('Images/skeletal-weave.png') repeat center center;

}
.soi-band-5 {
	background-color:white;

}
h2.soi-currentfocus-heading {
	color:#004b75;
}
/* ===================================================================================
   /end Home Page
   =================================================================================== */
/* ===================================================================================
    BEGINNING GET HIRED
   =================================================================================== */
.soi-band-1-hired {
    background: #5b5556 url(/GetHired/PublishingImages/HeroImage.jpg) no-repeat center center;
    background-size: cover;
    height: 500px;
    text-align: center;
    padding-top: 15px;
}
.soi-band-1-hired .btn-primary {
	margin: 15px;
    font-size: 1.1rem;
    font-weight:bold;
    color: #FFF;
    width: auto;
    padding: 15px 30px;
    border: 2px solid #fff;
    border-radius: 0;
    text-transform: uppercase;
    background-color: transparent;
    font-family: ESD Proxima Nova Bold,Helvetica,Arial,sans-serif;
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    box-shadow: 1px 1px 6px black;
}
.soi-band-1-hired .job-seeker-content-container .btn-primary:hover {
	color: #1F497D !important;
	background-color: white;
}
.soi-band-1-hired .employer-content-container .btn-primary:hover {
	color: #184d11 !important;
	background-color: white;
}
.soi-band-1-hired .btn-primary:visited {
	color: white;
}
.soi-band-1-hired .job-seeker-content-container {      
  margin: auto;
  padding: 10px;
  width: 750px;
  height: auto;
  box-shadow: 0px 3px 6px black;
  /*border-radius: 10px;*/
  background-color: #1F497D;
}
.soi-band-1-hired .employer-content-container {      
  /*position: relative;
  overflow: hidden;
  margin: auto;*/
    float: right;
  padding: 10px;
  width: 520px;
  height: 350px;
  box-shadow: 0px 3px 6px grey;
  /*border-radius: 10px;*/
  background-color: #184d11;
}
.soi-band-1-hired h2, .soi-band-1-hired h3 {
    color: white;
}
.soi-band-1-hired .job-seeker-content-container p {
    color: lightblue;
}
.soi-band-1-hired .employer-content-container p {
    color: lightgreen;
}
.soi-band-1-hired h2, .soi-band-1-hired h3, .soi-band-1-hired p {
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}
.soi-band-2-hired {
	/*background-color: #1F497D;*/
    box-shadow: 0px 3px 6px grey;
    border-top:10px #cfcfcf solid;
    background: #5b5556 url(/GetHired/PublishingImages/BlueBackground.jpg) no-repeat center center;
    background-size: cover;
}
.soi-band-2-hired .content-area-1 {
	color: white;
	margin-top: 20px;
    text-align: center;
}
.soi-band-2-hired .content-area-2 {
	color: white;
	margin-top: 20px;
	border-left: 2px white solid;
    text-align: center;
}
.soi-band-2-hired .content-area-3 {
	color: white;
	margin-top: 20px;
	border-left: 2px white solid;
    text-align: center;
}
.soi-band-2-hired .left-content {
	text-align: center;
}
.soi-band-2-hired .middle-content {
	text-align: center;
}
.soi-band-2-hired .right-content {
	text-align: center;
}
.soi-band-2-hired .card-text {
	font-size: 1.17em;
}
.soi-band-2-hired .btn-primary {
	margin: 15px;
    font-size: 1.1rem;
    font-weight:bold;
    color: #fff;
    width: auto;
    padding: 15px 60px;
    border: 2px solid #fff;
    border-radius: 0;
    text-transform: uppercase;
    background-color: transparent;
    font-family: ESD Proxima Nova Bold,Helvetica,Arial,sans-serif;
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    box-shadow: 1px 1px 6px black;
}
.soi-band-2-hired .btn-primary:hover {
	color: #1F497D !important;
	background-color: white;
}
.soi-band-2-hired .btn-primary:visited {
	color: white;
}
.soi-band-2-hired h2 {
	font-weight: bold;
    color: white !important;
    text-align: center;
}
.soi-band-2-hired .ms-webpart-titleText {
    text-align: center !important;
}
.soi-band-3-hired {
    width: 100%;
}
.soi-band-3-hired .band-3-content-row {
    width: 100%;
}
.soi-band-3-hired .shaded-row {

}
.soi-band-3-hired img {
    margin-top: 15px;
    box-shadow: 0px 3px 6px grey;
}
.soi-band-3-hired .hired-list-text {
    
}
.soi-band-5-hired {
    min-height: 300px;
}
.soi-band-5-hired #EmployerImage {
    margin-top: 15px;
    box-shadow: 0px 3px 6px grey;
}
.soi-band-5-hired #myCarousel {
    margin-top: 15px;
    min-height: 300px;
}
.soi-band-5-hired .carousel-caption {
    /*display: -webkit-flex;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;*/
    position: static !important;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.soi-band-5-hired .carousel-caption > h3 {
    display: block;
    font-size: 2em;
}
.soi-band-5-hired .carousel-caption > p {
    font-size: 1.5em;
}
.soi-band-5-hired .carousel-inner > .item {
    background-color: transparent;
    min-height: 300px;
}
.soi-band-5-hired .carousel-inner > .item > .carousel-caption h3 {
    color: black;
}
.soi-band-5-hired .carousel-inner > .item > .carousel-caption p {
    color: black;
}
.soi-band-5-hired .carousel-control.left {
    background-image: none;
}
.soi-band-5-hired .carousel-control.right {
    background-image: none;
}
.soi-band-5-hired .glyphicon-chevron-left {
    color: transparent;
}
.soi-band-5-hired .glyphicon-chevron-right {
    color: transparent;
}
.soi-band-5-hired .carousel-indicators > li {
    background-color: transparent;
}
.soi-band-6-hired {
    background: #5b5556 url(/GetHired/PublishingImages/BlueBackground.jpg) no-repeat center center;
    background-size: cover;
}
.soi-band-6-hired ul li:before {    
    font-family: 'FontAwesome';
    content: '\f08e';
    margin:0 5px 0 -15px;
    color: white;
}
.soi-band-6-hired h2 {
    color: white !important;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}
.soi-band-6-hired a {
  color: white;
  font-size: 1.2em;
}
.employer-resources-hero {
    height: 400px;
    margin-top: 30px;
    background: #5b5556 url(/GetHired/PublishingImages/AdobeStock_333083843.jpg) no-repeat center center;
    background-size: cover;
}
.employer-resources-hero-text-area {      
  float: left;
  padding: 15px;
  /*box-shadow: 0px 3px 6px grey;
  border-radius: 10px;*/
  background: rgba(255, 255, 255, 0.95);
  margin-top: 30px;
  margin-left: 30px;
}
.employer-resources-hero-text-area h2 {
    color: #1F497D;
    font-weight: bold;
}
.employer-resources-hero-text-area h3 {
    color: #1F497D;
}
.employer-resources-hero-text-area p {
    color: black;
}
.employer-resources-container {    
    margin-top: 30px;
}
.employer-resources-container .panel{    
    box-shadow: 0px 3px 6px grey;
}
.employer-resources-container .panel-heading{    
    font-weight: bolder;
    font-size: 1.5em;
}
.job-seeker-resources-hero {
    height: 400px;
    margin-top: 30px;
    background: #5b5556 url(/GetHired/PublishingImages/JobSeeker.jpg) no-repeat center center;
    background-size: cover;
}
.job-seeker-resources-hero-text-area {      
  float: left;
  padding: 15px;
  /*box-shadow: 0px 3px 6px grey;
  border-radius: 10px;*/
  background: rgba(255, 255, 255, 0.95);
  margin-top: 30px;
  margin-left: 30px;
}
.job-seeker-resources-hero-text-area h2 {
    color: #1F497D;
    font-weight: bold;
}
.job-seeker-resources-hero-text-area h3 {
    color: #1F497D;
}
.job-seeker-resources-hero-text-area p {
    color: black;
}
.job-seeker-resources-container {    
    margin-top: 30px;
}
.job-seeker-resources-container .panel{    
    box-shadow: 0px 3px 6px grey;
}
.job-seeker-resources-container .panel-heading{    
    font-weight: bolder;
    font-size: 1.5em;
}
.general-resources-hero {
    height: 400px;
    margin-top: 30px;
    background: #5b5556 url(/GetHired/PublishingImages/GeneralResources.jpg) no-repeat center center;
    background-size: cover;
}
.general-resources-hero-text-area {      
  float: left;
  padding: 15px;
  /*box-shadow: 0px 3px 6px grey;
  border-radius: 10px;*/
  background: rgba(255, 255, 255, 0.95);
  margin-top: 30px;
  margin-left: 30px;
}
.general-resources-hero-text-area h2 {
    color: #1F497D;
    font-weight: bold;
}
.general-resources-hero-text-area h3 {
    color: #1F497D;
}
.general-resources-hero-text-area p {
    color: black;
}
.general-resources-container {    
    margin-top: 30px;
}
.general-resources-container .panel{    
    box-shadow: 0px 3px 6px grey;
}
.general-resources-container .panel-heading{    
    font-weight: bolder;
    font-size: 1.5em;
}
/*.employer-resources-container .list-group-item:after {    
    font-family: 'FontAwesome';
    content: '\f08e';
    margin:0 5px 0 -15px;
    color: #1F497D;
}*/
/* ===================================================================================
   END GET HIRED
   =================================================================================== */
/* ===================================================================================
   Category Pages
   =================================================================================== */
.soi-nav-categories a:visited {
	color:#0071bc;
}
.soi-nav-categories a.thumbnail {
	margin-bottom:5px;
    border: thin #e5e5e5 solid;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    transition: 0.3s;	
}
.soi-category-band-1 {
	background: #dfdfdf url('Images/skeletal-weave.png') repeat center center;
	padding-top:20px;
	xpadding-bottom:20px;	
}
.soi-category-band-3, .soi-category-band-5 {
	background: #dfdfdf url('Images/skeletal-weave.png') repeat center center;
}
.soi-nav-categories .media-left {
    text-align: center;
}
.soi-nav-categories .fa-2x {
	width:42px;
}
.soi-image-container {
	position:relative;
	height:400px;	
}
.soi-image-container:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:100%;
	background:black;
	z-index:2;
	opacity:.4;
}

.soi-image-container:hover:before {
	background:#0071bc;
	opacity:.8;
}
.soi-image-container:hover .soi-image-description {
	opacity: 1;
	xbackground:#0071bc;
}
.soi-image-background {
	position:absolute;
	text-align:center;
	xleft:0;
	right:0;
	right:0;
	background-image:url("/PublishingImages/AboutLandingWide.jpg");
	background-position:center;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	background-size:cover;
	z-index:1;
	transition:all 800ms ease-out 0ms;
}
.soi-image-title h2 {
	color:white;
	font-weight:600;
	opacity:1;
}
.soi-image-description {
	color:white;
	opacity:0;
	transition: all 300ms;
}
.pillars .pillar-item::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 2;
    opacity: 0.4;
    -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
    transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
}
.pillars .pillar-item {
    position: relative;
    height: 180px;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    background: #353a3e;
}
.pillars .pillar-item .pillar-image {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 800ms ease-out 0ms;
    transition: all 800ms ease-out 0ms;
}
.pillars .pillar-item .pillar-about {
    background-image:url("/PublishingImages/AboutLandingWide.jpg");
}

x.pillars .pillar-item .pillar-visiting {
    background-image:url("/PublishingImages/VisitingLandingWide.jpg");
}
.lazy {
    -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
    transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
}
.link-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
}
.pillars .pillar-item .pillar-caption {
    text-align: center;
    color: #fff;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
    transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
}

.pillars .pillar-item .pillar-caption h2 {
	color:white;
	font-weight:600;
	font-size:2.5em;
}

.pillars .pillar-item .pillar-hover {
	font-size:1.2em;
    left: 0px;
    right: 0px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 20px;
    color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
    transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
}
/*----------------------------------------------   
--List for images, sm and large
-----------------------------------------------  */
ul.pillar-image-list {
	margin:0px;
	padding:0px;
}
ul.pillar-image-list li{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:	50%;
	z-index: 0;
	opacity: 0;
	/*-- Add animation --*/ 
	-webkit-animation: fade-out 50s infinite both;
	-moz-animation: fade-out 50s infinite both;
	animation: fade-out 50s infinite both;
	/*-- Image 1: small --*/ 
	background-image: url('/PublishingImages/VisitingLandingWide.jpg');
}
 /*-- Image 2 --*/ 
ul.pillar-image-list li:nth-child(2){
  background-image: url('/PublishingImages/VisitingLanding2.jpg');
  /*-- Animation delay: 3s --*/ 
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
}
 /*-- Image 3 --*/ 
ul.pillar-image-list li:nth-child(3){
  background-image: url('/PublishingImages/VisitingLanding3.jpg');
  /* Animation delay: 6s */  
  -webkit-animation-delay: 20s;
  -moz-animation-delay: 20s;
  animation-delay: 20s;
}
ul.pillar-image-list li:nth-child(4){
  background-image: url('/PublishingImages/VisitingLanding4.jpg');
  /* Animation delay: 6s */  
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  animation-delay: 30s;
}
ul.pillar-image-list li:nth-child(5){
  background-image: url('/PublishingImages/VisitingLanding5.jpg');
  /* Animation delay: 6s */  
  -webkit-animation-delay: 40s;
  -moz-animation-delay: 40s;
  animation-delay: 40s;
}

@media all and (min-width:1024px) {
	

.pillars .pillar-item:hover::before {
    opacity: 0.8;
    background: #0071bc;
}

.pillars :first-child.pillar-item {
    width: 99%;
    height: 400px;
}

.pillars .pillar-item:hover .pillar-caption {
    opacity: 0;
}

.pillars .pillar-item:hover .pillar-hover {
    opacity: 1;
    z-index: 9;
    -webkit-transform: translateY(-48%);
    transform: translateY(-48%);
}
}

/* ==================================================================================
   /IFrame responsive stuff
   ================================================================================== */
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    border: 0;
}  
 

/* ===================================================================================
   /end Category Pages
   =================================================================================== */

.soi-product-cost {
	font-size:40px;
	color:#cd481f;
}
.link-item a {
	display:block;
}

.soi-videolisting-line1 {
    font-size: 1.2em;
}
.soi-list-blog, .soi-videolisting-row {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px #5c8e09 solid;
}
.soi-skipnavigationdiv a { 
	position: absolute; 
	display: block; 
	left: -10000px; 
	width: auto; 
	padding: 0 0 0 6px; 
}
.soi-skipnavigationdiv a:focus, .soi-skipnavigationdiv a:active { 
	position: relative; 
	left: 0; 
}

/* ===================================================================================
   Event Rollup styles
   =================================================================================== */
x.xslCal { margin-bottom:5px; padding-bottom:5px; border-bottom:1px #e4e4e4 solid; }
.xslCal .left{width:82px; float:left;}
.xslCal .right span{display:block;}
.xslCal .day{font-size:30px; width:78px; display:block; line-height:35px; text-align:center; background-color:#eaeaf3;}
.xslCal .title{color:#369; display:block; padding-top:3px;}

div.soi-calIcon .soi-calMonth{
	text-transform:uppercase; 
	font-size:.8em; 
	text-align:center; 
	background-color:#eaeaf3;
	padding:3px 5px 3px 5px; 
	width:68px; 
	display:block; 	
}
div.soi-calIcon .soi-calDay{
	font-size:30px; 
	width:78px; 
	display:block; 
	line-height:35px; 
	text-align:center; 
	background-color:#eaeaf3;
}
div.soi-calIcon .soi-calYear{
	text-transform:uppercase; 
	font-size:.8em; 
	text-align:center; 
	background:#5c8e09; 
	color:#fff; 
	padding:3px 5px 3px 5px; 
	width:68px; 
	display:block; 	
}
.soi-List {
	list-style:none;
	padding:0;
	margin:0;
}
.soi-picture3LinesContainer {
	min-height:100px;
    padding: 5px;
    margin: 10px;
    background-color: #fff;
    border: thin #e5e5e5 solid;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    transition: 0.3s;	
}
.soi-picture3LinesContainer h3 {
	margin-top:0px;
	margin-bottom:0px;	
}
.soi-picture3LinesContainer .cbs-picture3LinesContainer > div {
	padding-top:0px;
}
.soi-picture3LinesContainer .cbs-pictureLine3 {
	padding-top:0px;
}
.soi-picture3LinesImg {
	padding-bottom:10px;
}
.thumbnail .caption h3 {
	margin-top: 0px;
}
.ms-srch-item {
	width:100%;
}
.ms-srch-item-summaryPreview {
	width:75%;
}
.ms-srch-item-previewContainer {
	width:20%;
}
li.ms-navedit-editArea { display: none }

.cbs-picture3LinesContainer, .cbs-Detail, .cbs-picture3LinesDataContainer {
	max-width:none;
}
.ms-ref-refiner #Value, .ms-ref-unsel-toggle, #OtherValue, #SubmitValue {
	width:100%;
}

/* Google Translate */

#google_translate_element {
	margin-top:-25px;	
}

.goog-te-gadget-simple {
	background: transparent !important;
}
.ms-srchnav-item a {
    display: inline-block;
    padding: 10px 16px;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3333;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.ms-srchnav-item a.ms-srchnav-link-selected, .ms-srchnav-item a.ms-srchnav-link-selected:focus, .ms-srchnav-item a.ms-srchnav-link-selected:hover {
    color: #fff;
    background-color: #0071bc;
    border-color: #204d74;
}
.ms-srchnav-item a.ms-srchnav-link-selected {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0px 3px 5px rgba(0,0,0,0.125);
}
/* modify the play button on non-autoplay videos */
.vjs-big-play-button {
	width: 2em !important;
	height: 2.3em !important;
	font-size: 1.75em !important;
	left: 45% !important;
	top: 45% !important;
	/*background-color:#D15956 !important;*/
	/*color: white !important;*/
}

.ellipsis {
    overflow: hidden;
    height: 2.4em;
    line-height: 1.2em;
}
.ellipsis:before {
    content: "";
    float: left;
    width: 5px;
    height: 3.6em;
}
.ellipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}
.ellipsis:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -2.4em;
    left: 100%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background-size: 100% 100%;/* 512x1 image,gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////");
    background: -webkit-gradient(linear,left top,right top,
        from(rgba(255,255,255,0)),to(white),color-stop(50%,white));
        background: -moz-linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
        background: -o-linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
        background: -ms-linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
        background: linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
    }
.aspNetHidden {
	display:none;
}

.center-block {
    float: none !important
}

.GovThompsonIntro {
	font-size:1.4em;
	padding-top:15px;
	padding-bottom:15px;
	font-style:italic;
	font-weight:bold;
}

.soi-advert {
	margin-top: 20px !important;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
   	clear: both;
    padding: 10px;
   	color: #000;
   	border: 1px solid #a5a5a5;
   	background-color: rgb(255,233,127);
   	box-shadow: 1px 1px 6px black;
   	min-height: 131px;
}

.soi-advert p {
   	font-size: 125%;
}


@media (min-width: 768px)
{
	#topnavbar {
		background-color:white;
		opacity:.95;
	}
	.soi-currentfocus .thumbnail {
		min-height:520px;
	}
	.ms-srch-sbLarge-fullWidth {
		width:456px;
	}	
	#s4-titlerow {
		padding-top:10px;
		padding-bottom:5px;
		height:inherit;
	}
	.soi-advert {
		width: 60%;
	}
}
@media (max-width: 768px)
{
	.ms-srchnav h2 {
		font-size:1em;		
	}
	.ms-srchnav-item {
		padding-right:10px;
	}
	.soi-site-logo {
		max-width:210px;
	}
    .soi-band-1-hired {
    height: auto;
}
    .soi-band-1-hired .job-seeker-content-container {      
        width: auto;
        height: auto;
}
    .soi-band-1-hired .btn-primary {
    font-size: 14px;
}
    .soi-band-2-hired .content-area-2 {
	border-left: none;
}
.soi-band-2-hired .content-area-3 {
	border-left: none;
}
.soi-band-3-hired .band-3-content-row {
    margin-right: 0px;
    margin-left: 0px;
}
    .soi-band-4-hired .content-area-2 {
	border-left: none;
}
.soi-band-4-hired .content-area-3 {
	border-left: none;
}
    .soi-band-5-hired {
        /*display: none;*/
    }
    .soi-band-5-hired .band-5-content-row {
    margin-right: 0px;
    margin-left: 0px;
}
    .soi-band-5-hired .band-5-content-row {
        display: table;
    }
    .soi-band-5-hired .image-div {
        display: table-header-group;
    }
    .soi-band-5-hired .ms-webpartzone-cell {
    margin: 0px;
}
    .soi-band-5-hired #myCarousel {
    margin-top: 15px;
    min-height: 200px;
}
    .soi-band-5-hired .carousel-caption {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
    .soi-band-5-hired .carousel-inner > .item > .carousel-caption p {
    color: black;
        font-size: 0.7em;
}
    .soi-band-5-hired .carousel-indicators {
        display: none;
    }
}
@media (min-width: 992px)
{
	.soi-nav-categories a.thumbnail {
		padding:6px;
		margin-bottom:20px;
	}
	.ms-srch-sbLarge-fullWidth {
		width:650px;
	}	
	
}
@media (max-width: 992px)
{
	.ms-srchnav h2 {
		font-size:26px;		
	}
	.ms-srchnav-item {
		padding-right:10px;
	}
	.navbar-toggle:focus {
		box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
		outline: 0; 
	}
}

@media (min-width: 1000px)
{
	.soi-currentfocus .thumbnail {
		min-height:520px;
	}
	h2.soi-currentfocus-heading {
		font-size:3.5em;
	}
	#topnavbar .root > li .menu-item-text img {
		margin: 0px auto 5px auto;
		display:block;
	}
	#topnavbar .nav li.static > .menu-item {
		padding-top:34px;
		background-position:center top;
		padding-left:7px;
		padding-right:7px;
	}
	.soi-site-logo {
		max-width:200px;
	}
}
@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	#topnavbar .nav li.static > .menu-item {
		padding-left:44px;
		padding-top:5px;
		background-position:left top;
	}
    
}
@media (min-width: 1100px)
{
	#topnavbar .nav li.static > .menu-item {
		padding-left:8px;
		padding-right:8px;
	}	
	.soi-site-logo {
		max-width:none;
	}
	
}

@media (min-width: 1150px)
{
	#topnavbar .nav li.static > .menu-item {
		padding-left:10px;
		padding-right:10px;
	}	
}

@media (min-width: 1200px)
{
	.soi-currentfocus .thumbnail {
		min-height:470px;
	}
	#topnavbar .nav li.static > .menu-item {
		padding-left:15px;
		padding-right:15px;
	}	
	.soi-nav-categories a.thumbnail {
		padding:13px;
	}
	.ms-srch-sbLarge-fullWidth {
		width:725px;
	}	
	
}
@media (min-width: 1320px)
{
	#topnavbar .nav li.static > .menu-item {
		padding-left:20px;
		padding-right:20px;
	}	
}

@media (min-width: 1450px)
{
	#topnavbar .nav li.static > .menu-item {
		padding-left:29px;
		padding-right:29px;
	}	
}

@media (min-width: 1600px)
{
	#topnavbar .nav li.static > .menu-item {
		padding-left:37px;
		padding-right:37px;
	}	
}

/* ===================================================================================
   Accessibility Fixes
   =================================================================================== */

.goog-te-gadget {
	color: white !important;	
}

.goog-te-combo {
	color: black;
}