/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: TILED-LAYOUT - HOME, WHAT WE DO, WHO WE ARE - INDEX
:: Interior
:: Contact
:: News/History
:: Login
*/


/* -----------------------------------------
   Soroc styles
----------------------------------------- */\
html { width: 100%; }
body{ background-color: #e1e1e1; font-family: 'Lato', sans-serif; }
body, div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td{ font-size: 1.4rem; line-height: 1.5; }
h1,h2,h3,h4,h5,h6{ font-family: 'Ubuntu', helvetica, arial, sans-serif; font-weight: 100; color: #5a5a5a; line-height: 1.2; margin: 0 0 15px 0; }

a { color: #004358; }

ul li { list-style-type: none; list-style-position: inside; }

.date{ font-style: italic; }

.row { min-width: 0; } /* If removed, causes issues with iPad query */
.row.container{ width: 100%; max-width: 980px; height: 100%; position: relative; }
.button{ border: none; box-shadow: none; }

/*header{ height: 374px; width: 100%; }*/
header{ width: 100%; }

article.row{ margin-top: -55px; } /* places content behind navigation */

.contain-to-grid { background: rgba(77, 77, 77, .9); border-bottom: 1px solid #ff9900; height: 58px; margin: 0 auto; }
.contain-to-grid .logo{ float: left; padding: 6px 10px 0px 4px; }

/* -----------------------------------------
	NAVIGATION
----------------------------------------- */
#menu { display: none; }
nav { text-align: center; }
.nav-container { max-width: 980px; margin: 0 auto; z-index: 100; }

.nav-bar { margin: 0; padding: 0; height: 58px; display:block; background: none; }
.nav-bar li { border: none; }
.nav-bar li.move-right { float: right; margin-right: 15px; }
.nav-bar li, .nav-bar>li:last-child { box-shadow: none; -webkit-box-shadow: none; border: none; }

.nav-bar li a { height: 58px; padding: 12px 18px 12px 18px !important; border-bottom: 1px solid #ff9900;  }

/*.nav-bar>li { line-height: 59px; }*/
.nav-bar .flyout { background: rgba(255, 255, 255, 0.9); }
/* .nav-bar li.has-flyout>a.flyout-toggle { display: none; }  DND */
.nav-bar>li.has-flyout>a:first-child { padding-right: 20px !important;  }
.nav-bar>li.has-flyout>a:first-child:after { border: none; }
.nav-bar ul.flyout { width: 200px; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow:none; }
.flyout { left: 0px; top: 58px; }
.flyout-toggle { height: 100%; width: 100%; }
ul.flyout li a, .nav-bar li ul li a { background:none; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow:none; border-width: 0; font-size: 1.1rem; line-height: 1.3; text-align: left; }
ul.flyout li, .nav-bar li ul li { border: none; }
ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus  { background: none; color: #2ba6cb; text-decoration: none; }

/* #menu { display: none; } */

/* NAV SEARCH */
.nav-bar li.search a { background: url('../images/search-icon.png') 50% 50% no-repeat; text-indent: -9999px; }
.nav-bar li.search.mobile-search a { background-image: none !important; text-transform: uppercase; text-indent: 0; }
.nav-bar input { display: none; width: 200px; position:absolute; top: 14px; right: 35px; padding-right: 55px; }
.nav-bar>li>input { margin: 0; }
.nav-bar .show-search { 
	display: block !important;
	opacity: 0;
	border: 1px solid #FFF;
	color: #FFF;
	background-color: #4d4d4d;
 }
 .nav-bar input[type="text"]:focus {
    background-color: #4d4d4d !important;
}

.nav-bar input#NavEN_buttonSearch {
	width: 50px;
	padding: 4px 0px 4px 0px;
	margin: 3px 3px 0 3px;
	background-color: #4D4D4D;
	color: #FFFFFF;
}

/* -----------------------------------------
	NAVIGATION END
----------------------------------------- */

/* Learn more */
.more:after { 
	content: "";
	display: inline-block;
	border: solid 3px;
	border-color: transparent transparent transparent #FF9900;
	position: relative;
	margin-left: 5px;
}

/* Header banners */
.head-bkgd{ height: 374px; background-color: #111;  position: absolute; width: 100%; display: block; z-index: -1; top: 0; }
.head-bkgd{
	content: "";
	background: rgba(17,17,17, 1);
	position: absolute;
	top: 55px;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
} 
.head-bkgd:after{
	content: "";
	background: rgba(0,0,0,.6);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/* HEADER BG - Page specific */
.home  .head-bkgd{	background: url('../images/header-bkgd.jpg') no-repeat 50% 50%; }
.who-we-are  .head-bkgd{ background: url('../who-we-are/images/header-who-we-are.jpg') no-repeat 50% 50%; }
.history  .head-bkgd{ background: url('../who-we-are/history/images/header-history.jpg') no-repeat 50% 50%; }
.partners  .head-bkgd{ background: url('../who-we-are/partners/images/header-partners.jpg') no-repeat 50% 50%; }
.mission-statement  .head-bkgd{ background: url('../who-we-are/mission-statement/images/header-mission-statement.jpg') no-repeat 50% 50%; }
.careers  .head-bkgd{ background: url('../who-we-are/careers/images/header-careers.jpg') no-repeat 50% 50%; }

.what-we-do  .head-bkgd{ background: url('../what-we-do/images/header-what-we-do.jpg') no-repeat 50% 50%; }
.advanced-tech  .head-bkgd{ background: url('../what-we-do/advanced-tech-solutions-lab/images/header-advanced-tech.jpg') no-repeat 50% 50%; }
.digital-marketing  .head-bkgd{ background: url('../what-we-do/digital-marketing/images/header-digital-marketing.jpg') no-repeat 50% 50%; }
.it-recruitment  .head-bkgd{ background: url('../what-we-do/it-recruitment/images/header-it-recruitment.jpg') no-repeat 50% 50%; }
.managed-services  .head-bkgd{ background: url('../what-we-do/managed-services/images/header-managed-services.jpg') no-repeat 50% 50%; }
.pro-services  .head-bkgd{ background: url('../what-we-do/professional-services/images/header-professional-services.jpg') no-repeat 50% 50%; }
.supply-chain  .head-bkgd{ background: url('../what-we-do/supply-chain/images/header-supply-chain.jpg') no-repeat 50% 50%; }
.support-services  .head-bkgd{ background: url('../what-we-do/support-services/images/header-support-services.jpg') no-repeat 50% 50%; }

.news-stories  .head-bkgd{ background: url('../news-stories/images/header-news-stories.jpg') no-repeat 50% 50%; }

.contact  .head-bkgd{ background: url('../contact-us/images/header-contact.jpg') no-repeat 50% 50%; }

/* ******* */


/* -----------------------------------------
	INTRO Text
----------------------------------------- */ 

.intro.row{ height: 374px; padding: 105px 160px 30px; width: 100%; margin: 0 auto; margin-top: 55px; }
.intro h1, 
.intro h2{ color: white; margin-top: 0; margin-bottom: 10px; }
.intro h1{ font-size: 4rem; }
.intro h2{ font-size: 1.9rem; }
.intro p{ color: white; margin-bottom: 20px; margin-right: 25px; }
.intro a{ text-transform: uppercase; color: white; font-size: 1.2rem; font-weight: 500; }
.button{ background-color: #004358; padding: 12px 30px; }
.button:hover{ background-color: #007295;}
/* ----------------------------------------- */

/* ----------------------------------------- 
	BODY
----------------------------------------- */ 
/* .content.row{ width: 100%; max-width: 980px; margin: 0 auto; } */

.row .row { margin-left: 0; }
h3 { font-size: 24px; }

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

footer{
	font-family:'Lato', helvetica, arial, sans-serif;
	color: #747675;
	font-size: 0.8rem;
	
    background: rgb(204,203,203);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(204,203,203,1) 0%, rgba(225,225,225,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,203,203,1)), color-stop(100%,rgba(225,225,225,1)));
    background: -webkit-linear-gradient(top,  rgba(204,203,203,1) 0%,rgba(225,225,225,1) 100%);
    background: -o-linear-gradient(top,  rgba(204,203,203,1) 0%,rgba(225,225,225,1) 100%);
    background: -ms-linear-gradient(top,  rgba(204,203,203,1) 0%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom,  rgba(204,203,203,1) 0%,rgba(225,225,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccbcb', endColorstr='#e1e1e1',GradientType=0 );

    border-top: 1px solid #b2b2b2;
}

/* footer .row { width: 100%; border-bottom: 1px solid #b2b2b2; } 
footer .row.links { border-bottom: none; } */
footer h3{ font-family: 'Ubuntu', Sans-Serif; font-size: 1.7rem; font-weight: 500; color: #5a5a5a; margin-top: 15px; }
footer h3 a { color: #5a5a5a; }
footer p { margin: 0; font-size: 10px; }
footer .four .twelve { min-height: 230px; border-right: 1px solid #b2b2b2; }
footer .four.last .twelve {border-right: none; }
footer ul { margin: 0; } 
footer .links .columns{ margin: 15px 0px; }
footer ul.inline-list { margin: 0; float: right; }
footer ul.inline-list li a{ text-transform: uppercase;  }
footer ul.inline-list li a:hover { text-decoration: underline; }
footer ul.inline-list>li, footer ul.link-list>li { margin-left: 10px; }
footer .columns.secondary-footer-nav { float:right; padding: 0px 12px; font-size: 12px; }
footer .columns.secondary-footer-nav  li:last-child { margin-right: 0px; } 
/* ----------------------------------------- */

/* -----------------------------------------
  TILED-LAYOUT - HOME, WHAT WE DO, WHO WE ARE - INDEX
----------------------------------------- */
.tiled-layout .six { width: 48%; padding: 0; vertical-align: top; margin-bottom: 20px; }

.tiled-layout .tiles h3{ font-size: 1.9rem; color: #5a5a5a; font-weight: 500; margin: 10px 0 15px; }
.tiled-layout .tiles p{ margin-bottom: 15px; }
.tiled-layout .tiles a { color: #004358; text-decoration: none; }
.tiled-layout .tiles a:hover img { opacity: 0.7; }
.tiled-layout .tiles a:hover span { text-decoration: underline; }

.tiled-layout .tiles img { border-top: solid 3px #004358; }
/* ----------------------------------------- */

/* -----------------------------------------
   INTERIOR
----------------------------------------- */
.interior.content{ margin: 20px auto; }
.interior .eight, .interior .four{ padding: 0 20px; }
.interior .row { padding-right: 20px; }
.interior .inline-list{ padding: 0; margin-left: 0;  }
.interior ul.inline-list > li:first-child { margin-left: 0; }
.inline-list li a{ text-transform: uppercase; font-family: 'Lato'; color: #767676; font-size: 1.2rem; }
.interior h2{ color: #767676; font-size: 4rem; }
.interior p{ font-size: 1.4rem; color: #404040; }

.interior ul  { margin: 0 0 17px 11px; }
.interior ul li { list-style-type: none; }
.interior ul li:before { content: "• "; color: #FF9900; margin: 0 0 0 -11px; }

.int-image { margin: 0px 10px 5px 10px; }

.bolded { font-weight: bold; }



/* -----------------------------------------
   SIDERBAR
----------------------------------------- */
.columns.sidebar div { width: 100%; border-bottom: solid 1px #b2b2b2; padding-bottom: 10px; }
.columns.sidebar div.form.custom { border: none; padding: 0; }
.interior .sidebar h3{ font-size: 1.8rem; margin: 0 0 10px 0; color: #5a5a5a; font-weight: 500; }
.interior .sidebar .servers,
.interior .sidebar .career,
.interior .sidebar .history,
.interior .sidebar .news { margin: 0 0 10px 0; }

.interior .sidebar p,
.interior .sidebar a,
.sidebar .form label { padding: 0 15px 0 0; }

.interior .sidebar p, 
.interior .sidebar .form label { font-size: 1.2rem; margin-bottom: 10px; }
.interior .sidebar .form .button { margin-top: 15px; padding: 10px 20px 11px; }

.interior .sidebar img { display: block; margin-bottom: 10px; }
.interior .sidebar .more { font-size: 1.2rem; }

/* ----------------------------------------- 
	ACCORDIAN
----------------------------------------- */ 
.interior ul.accordion { margin: 0 0 22px 0; } /* Foundation default */
ul.accordion>li>div.title { background-color: #FFFFFF; }
ul.accordion>li>div.title:after {
	border-color: transparent transparent transparent #FF9900;
}
ul.accordion>li.active .title:after { border-color: #FF9900 transparent transparent transparent; }

ul.accordion>li:before { content: ""; margin: 0; }
ul.accordion>li ul li  { list-style-type: none; }
ul.accordion>li ul li:before { content: "• "; color: #FF9900; }

ul.accordion>li { border-top: 3px solid #e9e9e9; }
ul.accordion>li:first-child { border: none !important; }
ul.accordion>li.active { border-top: 3px solid #ccc; }
ul.accordion>li h5 { font-weight: 500; color: #004358; }


/* ----------------------------------------- 
	TABS
----------------------------------------- */ 
.tabs { margin-top: 20px; margin-bottom: 0px; } 

.tabs dd, .tabs li {
	background: #E1E1E1;
	border-left: solid 1px #c6c6c6;
}

.tabs dd a, .tabs li a {
	line-height: 1.2;
	padding-top: 4px;
}

.tabs dd.active a, .tabs li.active a{
	/* background-color: #e6e6e6; */
	background-color: #F7F7F7;
}

.tabs dd.active a, .tabs li.active a, .tabs dd a:focus, .tabs li a:focus  {
	font-weight: normal;
	border-left: none;
}

ul.tabs-content {
	padding: 20px;
	background: #F7F7F7;
	border: solid 1px #E6E6E6;
	border-top: none;
	margin: 0;
}
.tabs-content>li:before {
	content: none !important;
}

.chart-item .tabs-content h5 { margin-top: 0px; margin-bottom: 10px; }

ul.tabs-content #linksTab { min-height: 300px; }

/* -----------------------------------------
   DIVIDER
----------------------------------------- */
.row.divider { padding: 0px 20px; margin: 0 0; }
.row.divider hr {
	border: solid #C6C6C6;
	border-width: 2px 0 0;
	margin: 10px 0 30px 0;
}


/* -----------------------------------------
   CHARTS
----------------------------------------- */

.row.charts { background-color: #FFF; border: solid 1px #ccc; padding: 0; margin: 0 0 20px 0;}
.row.chart-item  { padding: 0 15px 0 10px !important; margin: 0;}

.chart-title { background-color: #006699; color: #FFF; padding: 10px; margin: 0px; border-bottom: solid 1px #cccccc; font-size: 18px; font-weight: 500; }
 
.chart-item { border-bottom: solid 1px #ccc; list-style-type: circle; }
.chart-item .first { margin-top: 15px;   }
.chart-item .alt-bg { background-color: #F2F2F2; }
.chart-item  img { float: left; margin: 20px; width: 120px; height: 80px; }
.chart-item  h4 { margin-top: 20px; }
/* .chart-item  h5 { font-size: 16px; margin: 28px 0px 5px 0px; color: #004358; font-weight: bold; } */
.chart-item  h5 { font-size: 16px; margin: 22px 0px 5px 0px; color: #004358; font-weight: bold; }
.charts.numbered .chart-item  h4 { font-size: 40px; font-weight: bold; color: #FF9900; }
.charts.numbered .chart-item  h5 { margin-top: 30px; padding-bottom: 10px; border-bottom: solid 1px #ccc;  }

/* Page specific */

.mission-statement .int-image,
.managed-services .int-image { margin: 0px 15px 5px 0px;  }
.history .int-image,
.advanced-tech .int-image { margin: 8px 0px 10px 15px;  }

.managed-services .bolded { margin-top: 15px; } 

.support-services .chart-item  img { width: 84px; height: 66px; } 

.it-recruitment .recruitment { margin: 0; padding-right: 0; }
.it-recruitment .recruitment  .chart-item  img { width: 90px; height: 88px; } 

.it-recruitment .recruitment.delivery  .row { margin: 0; } 
.it-recruitment .recruitment.delivery  .chart-item { padding: 0px !important; }
.it-recruitment .recruitment.delivery  .chart-item  img { width: 108px; height: 98px; margin-top: 12px; margin-bottom: 12px; }
.it-recruitment .recruitment.delivery  .finale { background-color: #F4A92B; text-align: center; padding-right: 0; }
.it-recruitment .recruitment.delivery  .finale h5 { font-size: 18px; font-weight: 500; color: #FFF; margin: 20px 0px; }	

.it-recruitment .recruitment ul.accordion>li>div.title {
	background: #006699;
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;
	padding: 10px;
}

.it-recruitment .recruitment ul.accordion>li.active .title {
	padding-top: 10px;
}

.it-recruitment .recruitment ul.accordion>li>div.title h5 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
}

.it-recruitment .recruitment ul.accordion>li>div.title:after {
	border-color: transparent transparent transparent #FFFFFF;
	top: 16px;
}

.it-recruitment .recruitment ul.accordion>li.active .title:after {
	border-color: #FFFFFF transparent transparent transparent;
}

.it-recruitment .recruitment.our-team .chart-item  img { margin-bottom: 100px; margin-left: 10px;
margin-right: 30px; } 
.it-recruitment .candidates .introduction { border-bottom: none; }
.it-recruitment .candidates ul.tabs-content>li h5 { font-weight: bold; }
.it-recruitment .candidates ul.tabs-content>li.active .title { padding-top: 0; background: none; } 
.it-recruitment .candidates ul.tabs-content>li .title:after { content: none; }

/* -----------------------------------------
   SEARCH
----------------------------------------- */
.spt #tipue_search_content {
	color: #404040;
}

.spt #tipue_search_content .h01{ text-decoration: underline; }

.spt .tipue_search_content_title {
	margin-top: 20px;
}

.spt #tipue_search_results_count {
	font-size: 20px;
	margin-bottom: 15px;
}

.spt .tipue_search_content_text {
	font-weight: normal;
}

.spt #tipue_search_foot_boxes li {
	float: left;
	padding: 0 20px 0 0;
}
.spt #tipue_search_foot_boxes li:hover {
	cursor: pointer;
	color: #2ba6cb;
	text-decoration: underline;
}

.spt #tipue_search_foot_boxes li.current {
	text-decoration: underline;
}

.spt #tipue_search_foot_boxes li:before {
	content: "";
}

/* -----------------------------------------
   CONTACT
----------------------------------------- */

.contact-tile h3 { font-size: 1.9rem; font-weight: 500; }
.contact-tile p{ font-size: 1.3rem; }
.contact-tile p span { font-weight: 500; }

.contact .interior ul li:before { content: ""; margin: 0; }
.contact-tile .column, .contact-tile .columns  { padding: 0; }

/* -----------------------------------------
   MAPS
----------------------------------------- */
#gmap-list img { max-width: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
#gmap-list .map-copy h2 { font-size: 14px; color: #FF9900; margin: 0px 0 10px 0px; }
#gmap-list .map-copy span { color: #004358; font-weight: 500; }
#gmap-list .map-copy ul li a { color: #404040 !important; }

.gmap_controls .wrap_controls {
	background: none !important;
	box-shadow: none !important;
	border: none !important;
	color: #FFF !important;
}
.gmap_controls .wrap_controls ul li { 
	background-color: #004358;
	margin-bottom: 4px;
	padding: 2px 0px;
} 
.gmap_controls .wrap_controls ul li a span { color: #FFF !important; }
.gmap_controls .wrap_controls ul li:hover { background-color: #FF9900 !important; }
.gmap_controls .wrap_controls ul li.active:hover a span { color: #FFFFFF !important; }
.gmap_controls .wrap_controls ul li.active { background-color: #FF9900 !important; }

.map-street-image a:after {
	content: "";
	display: inline-block;
	border: solid 5px;
	border-color: transparent transparent transparent #FF9900;
	position: relative;
	margin-left: 5px;
}

.map-info { font-size: 12px; }

/* -----------------------------------------
   NEWS
----------------------------------------- */

.news-stories .post-title { font-size: 2.8rem; margin-bottom: 10px; margin-top: 0; padding-top: 30px; }
.news-stories .post-date{ color: #767676; font-weight: 500; font-size: 2rem; margin-bottom: 25px; margin-top: 0; }
.news-stories .story { padding-bottom: 20px; }
 
.news-stories #tipue_search_content {
	color: #404040;
}

.news-stories #tipue_search_content .h01{ text-decoration: underline; }

.news-stories .tipue_search_content_title {
	margin-top: 20px;
}

.news-stories #tipue_search_results_count {
	font-size: 20px;
	margin-bottom: 15px;
}

.news-stories .tipue_search_content_text {
	font-weight: normal;
}

.news-stories #tipue_search_foot_boxes li {
	float: left;
	padding: 0 20px 0 0;
}
.news-stories #tipue_search_foot_boxes li:hover {
	cursor: pointer;
	color: #2ba6cb;
	text-decoration: underline;
}

.news-stories #tipue_search_foot_boxes li.current {
	text-decoration: underline;
}

.news-stories #tipue_search_foot_boxes li:before {
	content: "";
}

.news-stories .success-story {
	background-color: #FFF;
	padding: 20px;
	border: solid 1px #b2b2b2;
}
.news-stories .success-story h2 {
	padding-top: 0px;
	color: #FF9900;
	font-size: 2.8rem;
	font-weight: bold;
	margin-bottom: 0px;
}

.news-stories .success-story h3 {
	padding-top: 0px;
	color: #004358;
	font-size: 1.6rem;
	font-weight: bold;
}


/* -----------------------------------------
   SPT pages (Sitemap, Privacy, Terms of Use, link fix for careers
----------------------------------------- */
.spt .head-bkgd { display: none !important; }
.spt header { height: 55px !important; }

.spt .row.intro { display:none; }
.spt .interior.content { margin: 70px auto; } 

.spt .interior, .careers .interior a { color: #004358; font-weight: bold; }
.spt .interior a:hover, .careers .interior a:hover { color: #2ba6cb; text-decoration: underline;  }
.spt .interior li { line-height: 1.7 }

.sitemap .columns,
.sitemap .column { padding: 0; }
.spt .interior  .sitemap h4 { padding-top: 10px; font-weight: bold; }
.spt .interior  .sitemap h4 a { color: #5a5a5a; text-decoration: none; color: inherit; }
.spt .interior  .sitemap h4 a:hover { text-decoration: underline; }

.interior .sitemap  ul li:before { content: ""; }

.sitemap .squares {
border-top: solid 4px #b6b6b6;
background: #bcbcbc; /* Old browsers */
background: -moz-linear-gradient(left,  #bcbcbc 0%, #dfdfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bcbcbc), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #bcbcbc 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #bcbcbc 0%,#dfdfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #bcbcbc 0%,#dfdfdf 100%); /* IE10+ */
background: linear-gradient(to right,  #bcbcbc 0%,#dfdfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#dfdfdf',GradientType=1 ); /* IE6-9 */
margin-bottom: 20px;
padding: 0 10px;
min-height: 250px;
} 


/* -----------------------------------------
	MOBILE
-------------------------------------------*/

/* -----------------------------------------
	   WIDTH < 980px 
----------------------------------------- */

@media only screen and (max-width: 980px) {
	.nav-bar>li.has-flyout>a:first-child, .nav-bar>li>a:first-child { padding: 0px 15px; }
	.intro.row { padding: 105px 100px 30px; }
}

/* -----------------------------------------
	WIDTH < 768px (MEDIUM)
----------------------------------------- */

@media only screen and (max-width: 768px){
	#mainNav.show-it { display: none; float: right;	}
	
	.contain-to-grid { background: rgba(77, 77, 77, .9); }
	.head-bkgd{ left: 0px; }
	
	/* -----------------------------------------
		M-NAVIGATION
	----------------------------------------- */
	
	#menu { width:1.4em; display: block; background:#222; color: #ff9900; font-size:1.35em; text-align: center; float: right; margin: 12px; cursor: pointer; border: solid 1px #ff9900; border-radius: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}
	#menu:hover { color: #FFFFFF; }
	
	

	
	.nav-bar { width: 200px; }
	.nav-bar>li { line-height: 1; }
	.nav-bar li a { height: 40px; padding:14px 18px !important; border-bottom: none; }
	.nav-bar ul.flyout li, .nav-bar li ul li { display: none; }
	.nav-bar>li>a:hover { color: #ff9900; }
	.nav-bar>li.has-flyout>a:first-child, .nav-bar>li>a:first-child { background-color: #222; }
	.nav-bar>li { margin-right: 0px; }
	.nav-bar li, .nav-bar li.move-right { float: none; margin: 0; padding: 0; }
	
	.nav-bar>li.has-flyout>a.flyout-toggle { display: none; }
	/*.touch .nav-bar li.has-flyout>a, .nav-bar>li.has-flyout>a:first-child { padding-right: 10px !important; }*/ /* Prevents drop down items from pushing over */
	
	.nav-bar li a.search { display: none; }
	
	/* -----------------------------------------
		M-INTRO
	----------------------------------------- */
	
	.intro.row { width: auto; padding: 18% 5% 0 5%; margin: 55px 0 0 0; }
	.intro p { margin-right: 20px; }
	.intro a.button { width: 158px; }
	
	/* ----------------------------------------- 
		M-BODY
	----------------------------------------- */ 
	h3 { font-size: 20px; }
		
	.row { max-width: 100% !important; }
	.button { width: 158px; }
	
	.eight.column, .eight.columns { width: 100% !important; float: left; margin-bottom: 20px; }
	
	.six.columns.tiles { width: 50% !important; float: left; padding: 0px 10px; }
	
	/* -----------------------------------------
		M-SIDERBAR
	----------------------------------------- */
	.columns.sidebar { float: left !important; }
	.columns.sidebar { float: left; }
	.columns.sidebar, .columns.sidebar div { width: 100% !important; }
	.columns.sidebar .servers { border-top: solid 1px #b2b2b2; padding-top: 15px; }
	.columns.sidebar .history { border-bottom: none; }
	
	/* ----------------------------------------- 
		M-ACCORDIAN
	----------------------------------------- */ 
	ul.accordion>li>div.title { padding-right: 24px; }
	
	/* ----------------------------------------- 
		M-TABS
	----------------------------------------- */ 
	.tabs dd a, .tabs li a { padding: 4px 8px; }
	
	/* -----------------------------------------
		M-TILED-LAYOUT - HOME, WHAT WE DO, WHO WE ARE - INDEX
	----------------------------------------- */
	.tiled-layout .eight.column, .tiled-layout .eight.columns { padding-right: 0px !important; }

	
	/* -----------------------------------------
		M-CHARTS
	----------------------------------------- */
	
	.chart-item  img { width: 120px; height: 80px; margin: 22px 28px; }
	.charts.numbered .chart-item  h5 { margin-top: 0px; }
	
	.numbered .chart-item  .one, .numbered .chart-item  .row .one {
		width: 8.33333% !important; /* Foundation default */
		float: left;
	}
	.numbered .chart-item  .eleven, .numbered .chart-item  .row .eleven {
		width: 91.66667% !important; /* Foundation default */
		float: left;
		margin-top: 30px;
	}
	
	.it-recruitment .recruitment.our-team .chart-item  img { margin-bottom: 70px; } 
	
	/* -----------------------------------------
		M-NEWS
	----------------------------------------- */
	/* .story .news-img{ width: auto !important; height: 100%; } */
	
	/* -----------------------------------------
		M-FOOTER
	----------------------------------------- */

	footer { padding: 0px 15px; background: rgb(204,203,203);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(204,203,203,1) 0%, rgba(225,225,225,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,203,203,1)), color-stop(100%,rgba(225,225,225,1)));
    background: -webkit-linear-gradient(top,  rgba(204,203,203,1) 0%,rgba(225,225,225,1) 100%);
    background: -o-linear-gradient(top,  rgba(204,203,203,1) 0%,rgba(225,225,225,1) 100%);
    background: -ms-linear-gradient(top,  rgba(204,203,203,1) 0%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom,  rgba(204,203,203,1) 0%,rgba(225,225,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccbcb', endColorstr='#e1e1e1',GradientType=0 );
    border-top: 1px solid #b2b2b2;
    }
    /* footer .row { border-bottom: none; }  */
	footer .columns, footer .column { padding: 0 7px; }
	footer .four, footer .row .four { width: 33.33333% !important; float: left !important; } /* foundation overwrite */
}


/* -----------------------------------------
	   WIDTH < 568px (SMALL)
----------------------------------------- */
@media only screen and (max-width: 568px) {
	html, body  { min-width: 320px; } /* Maybe move this to IE 8 only */
	.contain-to-grid { min-width: 320px; }  /* Maybe move this to IE 8 only */
	
	/* ----------------------------------------- 
		S-NAVIGATION
	----------------------------------------- */ 
	#menu { position: absolute; top: 0; right: 0; }
	
	.nav-bar { width: 170px; }
	ul.flyout li, .nav-bar li ul li { display: none; }
	
	#mainNav.show-it { width: 100%; margin: 0; margin-top: 1px; }
	
	/* ----------------------------------------- 
		S-INTRO
	----------------------------------------- */ 
	.intro h1 { font-size: 3.6rem; }
	.intro.row { padding: 22% 5% 0 5%; }
	
	/* ----------------------------------------- 
		S-INTERIOR
	----------------------------------------- */ 
	.interior .row { padding-right: 0px; }
	
	.int-image { width: 50%; display: block; }
	
	/* -----------------------------------------
		S-TILED-LAYOUT - HOME-INDEX, WHAT WE DO, WHO WE ARE - INDEX
	----------------------------------------- */
	
	.tiled-layout .six.columns.tiles { width: 95% !important; }
	.tiled-layout .tiles img { width: 100% }
	
	/* -----------------------------------------
		S-CHARTS
	----------------------------------------- */
	.chart-item  img { margin: 0 auto; display: block; float: none; margin-top: 10px; margin-bottom: 10px; }
	.chart-item h5, .eight.columns .chart-item p { padding-left: 10px; }
	.chart-item  h5 { margin-top: 0px; }
	
	.charts.numbered .chart-item  .columns { padding: 0px;  }
	.charts.numbered .chart-item  h5 { padding-left: 0px; }
	
	.charts.numbered .chart-item  .one, .charts.numbered .chart-item  .row .one {
		width: 8.33333% !important; /* Foundation default */
		float: left;
		padding: 0 10px;
	}
	.charts.numbered .chart-item  .eleven, .charts.numbered .chart-item  .row .eleven {
		width: 91.66667% !important; /* Foundation default */
		float: left;
		padding: 0 20px;
		margin-top: 25px;
	}
	
	.supply-chain .chart-item img { margin-bottom: 10px; }
	.it-recruitment .recruitment.our-team .chart-item img { margin: 0 auto; margin-bottom: 20px; } 
	.it-recruitment .eight.columns .charts.numbered .chart-item p { padding-left: 0px; }
	
	
	.pro-services .intro h1 { font-size: 2.9rem; }
	
	/* -----------------------------------------
		S-NEWS
	----------------------------------------- */
	.news-stories .post-title { font-size: 2rem; padding-top: 0px; }
	.news-stories .post-date { font-size: 1.5rem; }
	
	.news-stories .success-story {
		padding-right: 20px !important;
	}
	/* .news-stories .news-img{ float: none; margin-bottom: 10px; } */
	
	/* -----------------------------------------
		S-SPT pages (Sitemap, Privacy, Terms of Use
	----------------------------------------- */
	.sitemap .squares { min-height: initial; }
	
	
	/* -----------------------------------------
		S-FOOTER
	----------------------------------------- */
	footer .four, footer .row .four { width: auto !important; float: none !important; } /* foundation overwrite */
	
	footer .links { padding: 0; text-align: left; }
	footer ul.inline-list { margin: 0; float: left; }
	footer ul.inline-list>li, footer ul.link-list>li { margin-left: 0px; margin-right: 8px; }
	footer .four .twelve { padding-bottom: 20px; min-height: initial; } 
	footer .four .twelve { border: none; }
	footer .four, footer .four.first, footer .four.last { border-bottom: solid 1px #b2b2b2; } 
	
	
	footer ul.inline-list>li, footer ul.link-list>li { margin-right: 6px; }
	footer .links .columns { float: left; padding: 0; margin-bottom: 5px; }
	footer .copyright { float: left !important; margin: 0px 0px 10px 0px !important; }
}