@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------------------------- GLOBAL STYLES -------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}	
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}	
a {
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border:none;
}	
a:hover {
	text-decoration: none;
	border:none;
}
img {
	border:none;
}
input {
    -webkit-appearance: none;
}
html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
body {
	background-color: #050c3c;
}
.subtext {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	font-size: 18px;
}	
h2 {
	font-family: 'Playfair Display', serif;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 36px;
	line-height: 44px;
}
h3 {
	font-family: 'Source Sans Pro', sans-serif;
	padding-bottom: 10px;
	text-transform: uppercase;
}
p {
	font-family: 'Source Sans Pro', sans-serif;
	padding-bottom: 30px;
	font-size: 21px;
    line-height: 30px;
}
a:hover {
	text-decoration: underline;
}
ul li {
	list-style: none;
	padding-bottom: 6px;
	font-size: 21px;
    line-height: 30px;
	font-family: 'Source Sans Pro', sans-serif;
}
ul.bullets li {
	list-style: disc;
	margin-left: 20px;
}
.icon-list {
	line-height: 40px;
}
.icon-list .fas {
	text-align: center;
	width: 20px;
	color: #1b62e1;
}

/* -------------------------------------------------------------------- BUTTON STYLES -------------------------------------------------------------------- */

.button {
	padding: 15px 20px;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	width: 100px;
	height:auto;
	text-transform:uppercase;
	color: #050c3c;
	background-color: #ffffff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	border: none;
	font-size: 15px;
	border: 1px solid #050c3c;
	display: inline-block;
}
a.button {
	background-color: #fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	border: 1px solid #050c3c;
}
a:hover .button {
	text-decoration: none;
	opacity: 0.6;
}
.form-button {
	padding: 15px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size:13px;
	width: 150px;
	height:auto;
	text-transform:uppercase;
	color: #fff;
	background: #050c3c;
	-webkit-transiton: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-transition: all 0.2s;
	border: none;
	cursor:pointer;
	margin-top:10px;
}
a:hover .form-button {
	background: #1b62e1;
	text-decoration: none;
}	
a.pdf-download {
	color:#050c3c;
	text-decoration:none;
	padding: 10px;
	border-radius: 10px;
	background-color:#fbebc9;
	border: 2px solid #ffaa00;
	margin-top: 20px;
	font-size: 16px;
	float: left;
}		
a:hover.pdf-download {
	color: #317afd;
	text-decoration:underline;
}		

/* -------------------------------------------------------------------- HEADER STYLES -------------------------------------------------------------------- */

.header {
	float: left;
	height: auto;	
	background-color: transparent;
	padding: 10px 0px 20px 0px;
	width: 100%;
	position: absolute;
	z-index: 100;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	background: rgba(0,0,0,0.2);
}
.web-nav {
	padding-top: 10px;
	padding-right: 50px;
}
.web-nav .fa-caret-down {
	margin: 0px 0px 0px 5px;
}
.logo {
	vertical-align: middle;
	padding-left: 60px;
	padding-top: 15px;
	width: 185px;
	}	
.logo img {
	width: 100%;
	}	
.web-nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
}
.web-nav ul li {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	text-transform:uppercase;
	font-size: 13px;
	line-height: 18px;
	letter-spacing:0.04em;
	color: #ffffff;
	display: inline-block;
	margin-right: -4px;
	position: relative;
	z-index:99;
 	padding: 15px 0px 5px 0px;
 	margin: 0 10px;
 	background: transparent;
 	cursor: pointer;
 	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border-bottom: 2px solid transparent;
}
.web-nav ul li a {
	color: #ffffff;
	padding: 15px 0px;
	}
.web-nav ul li a:hover {
  color: #ffaa00;
  text-decoration: none;
}	
.web-nav ul li:hover {
  background: transparent;
  border-bottom: 2px solid #ffaa00;
}
.web-nav ul li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  padding: 20px 0 0 0;
  left: -10;
  width: 300px;
  line-height:140%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  /*box-shadow: 3px 1px 3px #000;*/
}
.web-nav ul li ul li { 
  background: #ffffff; 
  display: block; 
  color: #050c3c;
  text-shadow: 0 -1px 0 #000;
  padding: 10px 20px;
  border: none;
}
.web-nav ul li ul li:hover {
	border: none;
}
.web-nav ul li ul li a { 
  color: #050c3c;
}
.web-nav ul li ul li a:hover { 
  opacity: 1;
  color: #050c3c;
}
.web-nav ul li ul li:hover { 
	/*background: #ffffff; */
	background: #d1d4e9;
	}
.web-nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.nav-mobile {
	display: none;
	visibility:hidden;
}
.menu-link { display: none;}
.menu { 
  float: left;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
}
.menu ul li { 
	padding: 0px; 
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #02082f;
	text-transform:uppercase;
	letter-spacing:0.03em;
	}
.menu > ul > li { 
	display: inline-block; 
	}
.menu ul li a { 
	display: block; 
	text-decoration: none; 
	color: #02082f; 
	font-size: .9em; }
.menu ul li a:hover {
	background-color: #1b62e1;
	color: #fff;}	
.menu ul li > a { 
   height:18px; 
   padding: 19px 12px; 
   }
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  width: 100%;
  background-color: #f4f4f4;
  border: 1px solid #CCC;
}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f4f4f4; }
.menu ul ul > li a:hover { background-color: #1b62e1; color: #fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }	

.container {
	position:relative;
}		

/* -------------------------------------------------------------------- FOOTER STYLES -------------------------------------------------------------------- */

.footer {
	clear:both;
	display:block;
	background-color:#e7eaee;
	min-height:200px;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	padding: 50px;
	box-sizing: border-box;
	float:left;
	width: 100%;
	border-top: 3px solid #f6c004;
}
.footer-col {
	width: auto;
	padding-right: 30px;
	float:left;
	color: #767984;
	text-align:left;
}
.footer-col p {
	font-size: 15px;
	line-height: 160%;
}
.footer-col form {
	padding-top: 10px;
}	
.footer-col a {
	color: #767984;
}
.footer-col a:hover {
	opacity: 0.5;
}	
.footer-col p {
	color: #767984;
}
.footer-col h1 {
	text-transform: uppercase;
	font-size:15px;
	font-weight:600;
}
.footer-col img {
	padding-bottom: 20px;
	height:auto;
}	
.content {
	background-color: #fff;
	width: 100%;
	float: left;
	min-height:620px;
}		

/* -------------------------------------------------------------------- FORM STYLES -------------------------------------------------------------------- */

.field {
	border:none;
	background: white;
	padding: 10px;
	height: 20px;
	width: 205px;
	margin-right: 7px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size:14px;
	}	
.textbox {
	border:none;
	background: white;
	padding: 10px;
	height: 70px;
	width: 440px;
	display:block;
	clear:both;
	padding: 10px;
	margin-top: 10px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size:14px;
	}	
.ruby {
	display: none;
	visibility:hidden;
}

::-webkit-input-placeholder {
   color: #000;
   font-weight:300;
   opacity: 0.8;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;  
   font-weight:300;
   opacity: 0.8;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
   font-weight:300;
   opacity: 0.8;
}

:-ms-input-placeholder {  
   color: #000; 
   font-weight:300; 
   opacity: 0.8;
}
		
/* -------------------------------------------------------------------- KEYFRAME STYLES -------------------------------------------------------------------- */

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    0% { opacity: 0; }
    100%   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    0% { opacity: 0; }
    100%   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    0% { opacity: 0; }
    100%   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    0% { opacity: 0; }
    100%   { opacity: 1; }
}	
@keyframes fadein {
    0% { opacity: 0; }
    100%   { opacity: 1; }
}
		

/* -------------------------------------------------------------------- BANNER STYLES -------------------------------------------------------------------- */

.home-banner {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	height: 700px;
	width: 100%;
	float:left;
	overflow:hidden;
	border-bottom: 3px solid #f6c004;
}
.home-banner .container {
		display: block !important;
		visibility:visible;
		}
				
.home-banner-inner {
	padding: 190px 50px 0px 130px;
	height: auto;
	position:absolute;
	z-index:1;
	background-repeat:no-repeat;
	width: 100%;
	box-sizing: border-box;
	}	
.home-banner-inner h1, .banner h1 {
	 color: #fff;
    letter-spacing: 0.01em;
    font-size: 80px;
    line-height: 80px;
    font-weight: 600;
    padding-bottom: 40px;
	font-family: 'Playfair Display', serif;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.4);
	}	
.home-banner-inner p{
	color: #fff;
	font-size:28px;
	font-weight:400;
	line-height:120%;
	width: 70%;
	}
.banner {
	font-weight:300;
	height: 700px;
	width: 100%;
	float:left;
	overflow:hidden;
	background-image: url(imgs/example-slide-1.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	border-bottom: 3px solid #f6c004;
	}
.banner h1 {
	padding-top: 25%;
	text-align: center;
    width: 60%;
    margin: 0 auto;
}
.banner.short {
	background-image: none;
	height: 300px;
	background-color: #050c3c;
}
.banner.short h1 {
	padding-top: 140px;
}

.banner h1 {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*Industry Banners*/
.casino-resort-lodging .banner {
	background-image: url(imgs/industries/casino-resorts-lodging.jpg);
}	
.host-environments .banner {
	background-image: url(imgs/industries/host-environments.jpg);
}
.restaurants-convenience-retail .banner {
	background-image: url(imgs/industries/restaurants-convenience-retail.jpg);
}
.cultural-attractions-venues .banner {
	background-image: url(imgs/industries/cultural-attractions-venues.jpg);
}
.healthcare .banner {
	background-image: url(imgs/industries/healthcare.jpg);
}

/*Services Banners*/
.concept-brand-development .banner {
	background-image: url(imgs/services/concept-brand-development.jpg);
}
.data-analytics .banner {
	background-image: url(imgs/services/data-analytics.jpg);
}
.rfp-management-contract-negotiation .banner {
	background-image: url(imgs/services/rfp-management-contract-negotiation.jpg);
}
.trasnational-due-diligence .banner {
	background-image: url(imgs/services/trasnational-due-diligence.jpg);
}
.operational-process-improvement .banner {
	background-image: url(imgs/services/operational-process-improvement.jpg);
}

/*Operation Solutions*/
.dssi-analyze .banner {
	background-image: url(imgs/operation-solutions/banner-placeholder.jpg);
}
.simple-solutions .banner {
	background-image: url(imgs/operation-solutions/banner-placeholder.jpg);
}
.svk .banner {
	background-image: url(imgs/operation-solutions/banner-placeholder.jpg);
}
.web-gpo .banner {
	background-image: url(imgs/operation-solutions/banner-placeholder.jpg);
}

/* -------------------------------------------------------------------- BACKGROUND STYLES -------------------------------------------------------------------- */

/* GREY BG */
.greybg {
	background: #e7eaee;
	border-bottom: 1px solid #d2d2d2;
}
.greybg h3 {
	color: #90939d;
}
.greybg h2 {
	color: #050c3c;
}
.greybg p {
	color: #505050;
}
.greybg ul li {
	color: #505050;
}

/* BLUE BG */
.bluebg {
	background: #1b62e1;
}
.bluebg h2, p {
	color: #ffffff;
}

/* DARK BG */
.darkbluebg {
	background: #050c3c;
	color: white;
}
.darkbluebg h3, p, ul li, a {
	color: #ffffff;
}
.darkbluebg .fa-arrow-right {
	color: #f6c004;
	margin-left: 5px;
	font-size: 16px;
}

/* WHITE BG */
.whitebg {
	background: #fff;
}
.whitebg p, .whitebg ul li a, .whitebg h2, .whitebg a, .whitebg ul li {
	color: #505050;
}
.whitebg .fa-arrow-right {
	color: #f6c004;
	margin-left: 5px;
	font-size: 16px;
}

/* IMG BG */
.industries-bg {
	background-image: url(imgs/sample-img.jpg);
	background-size: cover;
	min-height: 100%;
	height: auto;
}
.services-bg {
	background-image: url(imgs/sample-img2.jpg);
	background-size: cover;
	min-height: 100%;
	height: auto;
}
.kitchen-bg {
	background-image: url(imgs/kitchen-bg.jpg);
	background-size: cover;
	min-height: 100%;
	height: auto;
}

/* -------------------------------------------------------------------- ROW STYLES -------------------------------------------------------------------- */

.row {
	width: 100%;
	border-bottom: 1px solid #e7eaee;
	text-align: left;
	height: 100%;
	display: flex;
}
.row-full {
	width: 100%;
}
.row-left {
	display: inline-block;
	width: 50%;
	float: left;
	vertical-align: top;
}
.row-right {
	display: inline-block;
	width: 50%;
	float: right;
	vertical-align: top;
}
.row-text {
	padding: 60px 50px;
	display: inline-block;
	width: 70%;
}
.row img {
	object-fit: cover;
	width: 100%;
}

/* -------------------------------------------------------------------- COLUMN STYLES -------------------------------------------------------------------- */

.col-1 {
	width: 77%;
	text-align: center;
	margin: 0 auto;
	padding: 60px 30px;
	clear: both;
}
.col-2 {
	width: 75%;
	text-align: left;
	margin: 0 auto;
	padding: 50px 0;
}

.col-2 > div:first-child {
	width: 58%;
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;

}
.col-2 > div:last-child {
	width: 32%;
    display: inline-block;
    vertical-align: top;
}
.col-3 {
	width: 70%;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
.col-3 > div {
	width: 32%;
	display: inline-block;
	vertical-align: top;
}
.col-4 {
	width: 70%;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
.col-4 > div {
	width: 23%;
	display: inline-block;
	vertical-align: top;
}
.col-5 {
	width: 80%;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
.col-5 > div {
	width: 17%;
	display: inline-block;
	vertical-align: top;
}

/* -------------------------------------------------------------------- THREE COLUMN TEXT STYLES -------------------------------------------------------------------- */

.blurb {
	margin: 0px 0 40px 0;
	padding: 0 10px;
}
.blurb-text p {
	padding: 25px 20px;
	text-align: left;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	line-height: 20px;
}
.blurb-text a {
	text-align: left;
	font-family: 'Source Sans Pro', sans-serif;
	color: #767984;
	text-transform: uppercase;
	font-weight: 600;
}
.blurb-text a:hover {
	opacity: 0.7;
}

/* -------------------------------------------------------------------- ICON STYLES -------------------------------------------------------------------- */

.icon i {
	font-size: 42px;
	color: #f6c004;
	width: 90px;
	height: 90px;
	line-height: 90px;
	border: 3px solid #f6c004;
	border-radius: 50%;
	margin-bottom: 20px;
	background-color: white;

}
/*.icon i:after {
    content: "—";
    color: #f6c004;
    display: block;
    padding: 0;
    margin: 0;
    font-size: 40px;
    line-height: 30px;
}*/
.icon {
	margin: 7px;
	padding: 25px 15px;
/*	box-shadow: 0 1px 5px rgba(0,0,0,0.15);
*/    position: relative;
    border-radius: 5px;
    -webkit-transform: translateY(0);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.icon:after {
	content: "";
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    opacity: 0;
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.icon:hover {
    transform: scale(1.05, 1.05);
}
.icon:hover:after {
    opacity: 1;
}

.icon-text p {
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 0;
	font-size: 18px;
    line-height: 23px;
}

/* -------------------------------------------------------------------- INSIGHTS STYLES -------------------------------------------------------------------- */

.item {
	width: 100%;
    text-align: left;
    margin-bottom: 30px;
    background: white;
    padding: 30px 30px 0px 30px;
    box-sizing: border-box;
}
.item div {
	vertical-align: top;
}
.item div img {
	width: 300px;
    margin-right: 20px;
    float: left;
    padding-top: 10px;
}
.item div a {
	color: #050c3c;
}

				
/* -------------------------------------------------------------------- RESPONSIVE STYLES -------------------------------------------------------------------- */
	
/* For tablets */
@media (max-width: 1015px) {
	.header {
		padding-top: 10px;
	}
	.logo {
		padding-top: 10px;
		padding-left: 10px;
		z-index: 99;
		position:relative;
	}
	.logo img {
		width: 70%;
		height: auto;
	}	
	.footer {
		float: left;
		padding: 30px;
		width: 100%;	
	}
	.footer-inner {
		width: 90%;}
	.footer-col {
		padding: 20px 0px;
		display:block;
		clear:both;
		}
	.button {
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	ul.bullets li {
    	list-style: none;
    	margin-left: 0px;
	}	
	.home-middle {
		width: 100%;
		padding: 10px 0px;
		}	
	.row-left.industries-bg {
		width: 0%;
	}
	.row-right.greybg {
		width: 100%;
	}
	.services-bg {
		display: none;
	}
	.industries-bg {
		display: none;
	}
	.row-left.whitebg {
		width: 100%;
	}
	.row-left.whitebg .row-text {
		float: left;
	}
	.col-3 > div {
		width: 100%;
		display: block;
	}
	.row-left {
		width: 100%;
	}
	.row-right {
		width: 100%;
	}
	.row-text {
		padding: 10px;
		display: inline-block;
		width: auto;
	}

	.box {
		float: none;
		width: 80%;
		border-right: none;
		border-bottom: 2px solid #e9eaed;
		margin: auto;
		padding: 30px 0px;
		}	
	 .box:last-child {
		 border-bottom: none;
		 }	
	  .pull {
		  height: auto;
		  } 
	.footer-inner {
		width: auto;
		}
	.pull {
		  height: auto;
		  margin-top: 0px;
		 }  		
	.pull-inner {
		width: 90%;
		line-height: 130%;
		font-size: 29px;
		}
	.home-banner {
		height: auto;
		width: 100%;
		}
	.home-banner .container {
		display: none !important;
		visibility:hidden;
		}		
	.home-banner-inner {
		width: 100%;
		padding: 70px 0px;
		text-align:center;
		position:relative;
		background: #1b62e1;
		}
	.home-banner-inner p{
	width: 100%;
	}
	.home-banner p {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.home-banner h1 {
		font-size: 37px;
		width: 100%;
		line-height: 40px;
		padding: 20px 0 20px 0;
		}
	.col-3 {
		width: 90%;
	}
	.col-4 {
		width: 90%;
	}
	.col-5 {
		width: 90%;
	}
	.col-3 div{
		width: 100%;
	}
	.col-4 div{
		width: 100%;
	}
	.col-5 div{
		width: 100%;
	}	

	.web-nav {
		display: none;
		visibility:hidden;
		}
	.nav-mobile {
		display: block;
		visibility: visible;
		padding-top: 10px;
		}	
	.example-header .container { 
		width: 100%; 
		}
	a.menu-link { 
		display: block; 
		color: #ffffff; 
		float: right; 
		text-decoration: none; 
		padding: 5px 10px 10px 0;
		background-color: transparent;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		border: none;
		text-transform:uppercase;
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		font-size: 14px;
		}
	.menu { 
		clear: both; 
		min-width: inherit; 
		float: none; 
		}
	.menu, .menu > ul ul { 
		overflow: hidden; 
		max-height: 0; 
		background-color: #f4f4f4; 
		}
	.menu > li > ul.sub-menu { 
		padding: 0px; 
		border: none; 
		}
	.menu.active, .menu > ul ul.active { 
		max-height: 55em; 
		}
	.menu ul {
	   display: inline; }
	.menu > ul { 
	   border-top: 1px solid #808080; 
	}
	.menu li, .menu > ul > li { 
	display: block; 
	}
	.menu li a { 
	   color: #000; 
	   display: block; 
	   padding: 0.8em; 
	   border-bottom: 1px solid #808080;
	    position: relative; 
		}
	.menu li.has-submenu > a:after {
	   content: '+';
	   position: absolute;
	   top: 0;
	   right: 0;
	   display: block;
	   font-size: 1.5em;
	   padding: 0.55em 0.5em;
	}
	.menu li.has-submenu > a.active:after {
    content: "-";
	}
	.menu ul ul > li a { 
	   background-color: #e4e4e4; 
	   height:18px; 
	   padding: 19px 18px 19px 30px;
	}
	.menu ul ul, .menu ul ul ul { 
	   display: inherit; 
	   position: relative; 
	   left: auto; 
	   top:auto; 
	   border:none; 
	}
	.textbox {
		width: 100%;
		margin-top: 0px;
	}	
	.field {
		width: 100%;
		margin-bottom: 10px;
		}
	.banner {
		height: 300px;
		background-size: cover;
		padding: 15px 0;
		}	
	.banner h1 {
		font-size: 42px;
		width: 100%;
		line-height: 40px;
	}	
	.page-content {
		width: 90%;
	}
	.main {
		width: 90%;
		}
	.subnav {
		width: 100%;
		padding: 0px;
		display: none;
		}	
	.main-content, .main-content-2col {
		width: 100%;
		padding: 0px;
		}	
	.main-content-image {
		width: auto;
		padding-bottom: 60px;
		padding-top: 20px;
		}
	/* Team Page */
	.left-col-team {
		display: none;
		visibility: hidden;
	}	
	.teamthumb {
		width: 100%;
	}
	.team-back {
		display: block;
		visibility: visible;
		font-weight: 600;
		color: #1b62e1;
	}
	.team-back a {
		color: #1b62e1;
		text-decoration: none;
	}
	.team-back a:hover {
		color: #1b62e1;
		text-decoration: underline;
	}
	.team-header {
		display: none;
		visibility: hidden;
	}	
	.content-team {
		width: 100%;
		padding-right:0px;
		}	
	.bio {
		display: block;
		clear:both;
		padding-top: 10px;
		width: 100%;
		}	
	.bio-image img{
		width: 30%;
		padding-right: 3%;
		}		
	.bio-title {
		position: relative;
		margin-top:0px;
		background-image: none;
		width: 100%;
		padding: 10px 0px;
	}
	.bio h1 {
		color: #050c3c;
		}
	.bio .position {
		color: #050c3c;
		padding-bottom: 0px;
		}	
	.bio p {
		float: left;
		width: 100%;
		}
	.bio:last-child{
		border-left: none;
		margin-left: 0px;
		padding-left: 0px;
		}
	.bio-image-lynne {
		background-size: 70%;
		}
	.bio-image-brian {
		background-size: 70%;
		}	
	.main-content-results {
		width:100%;}	
	.col-1 {
		width: auto;
		padding: 20px;
	}
	.col-2 {
		width: 100%;
		padding: 20px;
	}
	.col-2 > div:first-child {
		width: 100%;
    	display: block;
	}
	.col-2 > div:last-child {
		width: 100%;
    	display: block;
	}	
	h2 {
		font-size: 26px;
    	line-height: 32px;
	}
	h1 {
		font-size: 30px;
    	line-height: 36px;
	}
	.col-5 h1 {
		font-size: 30px !important;
    	line-height: 36px !important;
	}	
	.row {
		text-align: center;
	}		
}
	
/* For smartphones */
@media (max-width: 480px) {	
	.logo {
		width: 240px;}
	.logo img {
		height: auto;
		width: 90%;}	
	.nav {
		display: none;
		visibility:hidden;
		}
	.nav-mobile {
		display: block;
		visibility: visible;
		}
	.home-middle {
		width: 100%;
		padding: 10px 0px;
		}	
	.box {
		float: none;
		width: 90%;
		border-right: none;
		border-bottom: 2px solid #e9eaed;
		margin: auto;
		padding: 30px 0px;
		}
	.box:last-child {
		 border-bottom: none;
		 }	
	/* Full Color Background Page */		
	.fc-bg p{
		font-size: 32px;
		width: 90%;
		line-height:140%;
		padding: 30px 0px;
	}	
	/* Team Page */		
	.left-col-team {
		display: none;
		visibility: hidden;
	}	
	.teamthumb {
		width: 100%;
	}
	.team-back {
		display: block;
		visibility: visible;
		font-weight: 600;
		color: #1b62e1;
	}
	.team-back a {
		color: #1b62e1;
		text-decoration: none;
	}
	.team-back a:hover {
		color: #1b62e1;
		text-decoration: underline;
	}
	.team-header {
		display: none;
		visibility: hidden;
	}		
	.content-team {
		width: 100%;
		padding-right:0px;
		}	
	.bio {
		display: block;
		clear:both;
		padding-top: 10px;
		}	
	.bio-image img{
		width: 100%;
		padding-right: 0px;
		padding-bottom: 30px;
		
		}	
	.bio p {
		float: left;
		width: 100%;
		}	
	.bio-image-lynne {
		background-size: 100%;
		}
	.bio-image-brian {
		background-size: 100%;
		}			  
		 			
}


/* -------------------------------------------------------------------- OLD STYLES -------------------------------------------------------------------- */

/* Slider */

#slides {
      display: block !important;
	  height:auto;
	  z-index: 0;
	  position: relative !important;
	  overflow:hidden;
    }
	.container {
		position: relative;
		z-index:0;
		display: block !important;
	}
	.slidesjs-container {
		position: relative;
		z-index:0;
		display: block !important;
	}
    #slides .slidesjs-navigation {
      margin-top:5px;
    }
    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(imgs/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }
    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }
    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }
    a.slidesjs-previous {
      background-position: 0 0;
    }
    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }
    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }
    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }
    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }
    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }
    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
	  display:none;
	  visibility:hidden;
    }
    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }
	.slidesjs-stop slidesjs-navigation {
		display: none !important;
	}
    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(imgs/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }
    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
    #slides a:link,
    #slides a:visited {
      color: #333;
	  display:none !important;
	  visibility:hidden;
    }
    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }
    .navbar {
      overflow: hidden
    }
    #slides {
      display: block;
    }
    .container {
      margin: 0 auto;
    }
	
/* Home Middle */
.home-middle {
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	padding: 60px 0px;
	display:block;
	clear:both;
}	
/* Pull Quote */
.pull, .col-3 h1 {
	background: white;
	text-align:center;
	color: #050c3c;
	font-family: 'Playfair Display', serif;
	font-weight:500;
	font-size:36px;
	line-height: 45px;
	display:block;
	clear:both;
	float:left;
	padding: 40px 0px;
	width: 100%;
}
.col-4 h1 {
	background: white;
	text-align:center;
	color: #050c3c;
	font-family: 'Playfair Display', serif;
	font-weight:500;
	font-size:36px;
	line-height: 45px;
	display:block;
	clear:both;
	float:left;
	padding: 40px 0px;
	width: 100%;
}
.col-5 h1 {
	background: white;
	text-align:center;
	color: #050c3c;
	font-family: 'Playfair Display', serif;
	font-weight:500;
	font-size:36px;
	line-height: 45px;
	display:block;
	clear:both;
	float:left;
	padding: 40px 0px;
	width: 100%;
}
.pull-inner {
	max-width: 80%;
	margin-left:auto;
	margin-right:auto;
}	
.quote {
	font-style: italic;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 20px 5px 50px 5px;
	color: #050c3c;
	font-weight: 400;
	background-image: url(imgs/quote.png);
	background-repeat: no-repeat;
	background-position: top left;
}	
.author {
	font-style: normal;
	font-size: 0.85em;
}
.main {
	display: block;
	margin-left: auto;
	margin-right:auto;
	width: 1024px;
	padding-top: 40px;
	clear:both;
	padding-bottom: 40px;
	}
.subnav {
	width: 200px;
	float: left;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	font-weight: 600;
	font-size:12px;
	padding-right: 20px;
	padding-bottom: 50px;
	letter-spacing:0.03;
	line-height: 160%;
	}	
.subnav ul li {
	display: block;
	margin-bottom: 3px;
	padding: 10px;
	background-color: #fbebc9;
	}
.subnav ul a li {
	color: #050c3c;
	background-color: #fbebc9;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	padding-left:10px;
	}	
.subnav ul a:hover li  {
	background-color: #ffaa00;
	padding-left:15px;
	}
.subnav .on  {
	background-color: #ffaa00;
	padding:10px 10px 10px 15px;
	display: block;
	margin-bottom: 3px;
	}	
.main-content {
	float: left;
	width: 430px;
	margin-left: auto;
	margin-right:auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	line-height:160%;
	color: #050c3c;
	padding-right: 20px;
	padding-bottom: 60px;
	}	
.main-content-results {
	float: left;
	width: 670px;
	margin-left: auto;
	margin-right:auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	line-height:160%;
	color: #050c3c;
	padding-right: 20px;
	padding-bottom: 60px;
	}		
.main-content-image {
	float: left;
	width: 350px;
	}
.main-content-image img{
	width: 100%;
	height: auto;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
     -ms-animation: fadein 2s; /* Internet Explorer */
     -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
	}
.main-content-2col {
	float: left;
	width: 650px;
	margin-left: auto;
	margin-right:auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	line-height:160%;
	color: #050c3c;
	padding-right: 20px;
	padding-bottom: 60px;
	}	
.main-content-full {
	float: left;
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	line-height:160%;
	color: #050c3c;
	padding-right: 20px;
	padding-bottom: 60px;
	}
.main-content ol li {
	margin-left: 25px;
	padding-top: 5px;
}
.main-content-2col	ol li {
	margin-left: 25px;
	padding-top: 5px;
}	

/* Full Color Background Page */	
.fc-bg {
	background-image:url(imgs/bg-mission.gif);
	background-size: cover;
	width: 100%;
	float: left;
	}	
.fc-bg p{
	font-size: 38px;
	font-family: 'Source Sans Pro', sans-serif;
	text-align:center;
	max-width: 1024px;
	width: 90%;
	line-height:160%;
	color: #fff;
	padding: 100px 0px;
	font-weight:300;
	margin-left: auto;
	margin-right:auto;
	text-shadow: 1px 1px 0px #000;
	}
.fc-bg a {
	color: #ffaa00;
	}
.fc-bg a:hover {
	color: #fff;
	}		
/* Leadership Page */
.content-team {
	float: left;
	width: 1024px;
	margin-left: auto;
	margin-right:auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	line-height:160%;
	color: #050c3c;
	padding-right: 30px;
	padding-bottom: 60px;
	}	
.bio {
	float: left;
	width: 47%;
	}
.bio:last-child {
	padding-left: 25px;
	margin-left: 25px;
	border-left: 2px dotted #eee;
	}	
.bio-image {
	display:block;
	width: 45%;
	height: auto;
	}
.bio-image-lynne {
	background-image:url(imgs/lynne-jacoby.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
	}
.bio-image-brian {
	background-image:url(imgs/brian-berger.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
	}	
.bio-image-buddy {
	background-image:url(imgs/buddy-gillespie.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
	}	
.bio-image-colleen {
	background-image:url(imgs/colleen-hurley.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
	}	
.bio-image-sheila {
	background-image:url(imgs/sheila-ferrer.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
	}	
	
.bio-image-vincent {
	background-image:url(imgs/vincent-gillespie.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
	}	
.bio-image-alexis {
	background-image:url(imgs/alexis-kukuka.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
	}
.bio-image-david {
	background-image:url(imgs/david-gawrych.png);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
}	
.bio-image-marc {
	background-image:url(imgs/marc-goldberg.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
	}		
.bio-image-chris {
	background-image:url(imgs/chris-coble.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
	}	
.bio-image-marie {
	background-image:url(imgs/marie-stella.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
}
.bio-image-john {
	background-image:url(imgs/john-falcon.jpg);
	height: 520px;
	background-size: 100%;
	background-repeat:no-repeat;
}							
.bio-image img{
	display:block;
	clear:both;
	float: left;
	max-width:90%;
	padding-right: 30px;
	height:auto;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
     -ms-animation: fadein 2s; /* Internet Explorer */
     -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
	}	
.bio-title {
	position: absolute;
	background-image:url(imgs/bio-title-bg.png);
	padding: 0px 20px;
	margin-top: -71px;
	box-sizing: border-box;
	width: 481px;
}
.bio h1 {
	font-size: 26px;
	padding: 10px 0px 8px 0px;
	display:block;
	clear:both;
	color: #fff;
	}
.bio .position {
	text-transform:uppercase;
	font-size:13px;
	padding-bottom:10px;
	color: #fff;
	}				
.bio p {
	float: left;
	padding-bottom: 40px;
	padding-top: 20px;
	}

/* Leadership with sidebar */
.content-team-sidebar {
	float: left;
	width: 774px;
	margin-left: auto;
	margin-right:auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	line-height:160%;
	color: #050c3c;
	padding-right: 30px;
	padding-bottom: 60px;
}	
.bio-image-tony {
	background-image:url(imgs/tony-asaro.jpg);
	height: 393px;
	background-size: 100%;
	background-repeat:no-repeat;
}
.bio-image-larry {
	background-image:url(imgs/larry-kessel.jpg);
	height: 393px;
	background-size: 100%;
	background-repeat:no-repeat;
}
.bio-title-sidebar {
	position: absolute;
    background-image: url(imgs/bio-title-bg.png);
    padding: 0px 20px;
    margin-top: -72px;
    box-sizing: border-box;
    width: 363px;
}
.content-team-sidebar .bio:last-child{
	padding-left: 25px;
    margin-left: 25px;
    border-left: 2px dotted #eee;
    width: 350px;	
}
	
/* Team Page */	

h1.team-header {
	color: #050c3c;
}
.teamthumb {
	float: left;
	width: 27%;
	margin: 10px 0px;
}
.left-col-team .teamthumb {
	float: left;
	width: 50%;
	margin: 10px 0px;
}
.teamthumb img {
	width: 220px;
	height: auto;
	float:left;
}
.teamthumb-image {
	float: left;
	position: relative;
}
a.teamthumb-overlay {
	float: left;
	background: rgba(255,170,0,0.0);
	color: rgba(255,255,255,0.0);
	position: absolute;
	z-index: 99;
	display: inherit;
	height: 126px;
	padding-top: 110px;
	width: 220px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
}
a:hover.teamthumb-overlay {
	background: rgba(255,170,0,0.9);
	color: #fff;
	padding-top: 120px;
	height: 119px;
}
.teamthumb-text {
	display: inline-block;
	float:left;
	margin: 10px 0px 0px 5px;
	line-height: 140%;
	font-size: 0.95em;
}
.teamthumb-line {
	width: 96%;
	height: 2px;
	float: left;
	border-bottom: 1px dotted #050c3c;
	padding-top: 10px;
	margin-bottom: 10px;
	opacity: 0.2;
}
.team-back {
	display: none;
	visibility: hidden;
}	

.supporter {
	padding-top: 20px;
	text-align: center;
}	

.supporter p{
	font-family: 'Source Sans Pro', sans-serif;
	padding-bottom: 15px;
	color: #050c3c;
}
.supporter img {
	width: 230px;
	height: auto;
}
.insights-item {
	border-bottom: #e4e4e4 1px solid;
	padding: 0px 0px 30px 10px;
	margin-bottom: 30px;
}
.insights-item p {
	font-style: italic;
}
.insights-item a {
	font-style: normal;
}
.insights-item a:hover {
	color: #050c3c;
}
.insights-item .title {
	font-weight: 600;
	font-size: 22px;
	padding-bottom: 7px;
	display: block;
}	
.insights-item a.view-article  {
	display: block;
	background-color: #1b62e1;
	width: 120px;
	padding: 5px 10px;
	font-weight: 600;
	margin-top: 15px;
	color: #fff;
}
.insights-item a:hover.view-article {
	background-color: #050c3c;
}
.insights-item .info {
	padding-bottom: 7px;
	text-transform: uppercase;
	display: block;
	font-size: 13px;
}
/* Page */	
.page-content {
	width: 75%;
	margin: 0 auto;
	padding: 40px 0px;
	color: #050c3c;
	letter-spacing: 0.01em;
}
.page-content a {
	color: #050c3c;
	text-decoration: underline;
}
.page-content a:hover {
	opacity: 0.7;
}
.page-content p {
	font-family: 'Playfair Display', serif;
	font-size: 23px;
	line-height: 34px;
}
.page-content ul li{
	font-family: 'Playfair Display', serif;
	margin-bottom: 20px;
	font-size: 23px;
	line-height: 34px;
}
.page-content ul {
	margin: 0 0 0 40px;
}	



.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
}

.mySlides .text {
	min-height: 300px;
}
/* The dots/bullets/indicators */
.dot {
  height: 20px;
  width: 20px;
  margin: 0 2px;
  background-color: rgba(255,255,255,0.3);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
span.dot:hover {
    cursor: pointer;
}

.active {
  background-color: rgba(255,255,255,0.8);
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}