@charset "utf-8";
/* CSS Document */
body{
	font-size:13px;
}
.container{
	max-width:970px!important;
}
.sppb-row-container{
	max-width:970px!important;
}
.sp-megamenu-parent{
	//float:left;
}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span{
	font-size:14px;
	text-transform:none;
	line-height:35px;
	margin: 27px 0;
    //background: #0F298F;
    //border-right: 1px solid #569475;
    color: #0F298F;
	padding:0 10px;
    font-weight: bold;
}



.sp-megamenu-parent >li >a:first-child, .sp-megamenu-parent >li >span:first-child{
	border-radius:3px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color: #fff;
}


.search-option {
    margin-top: 15px;
}


*/------------bt slider----------------------*/

.bt-cs .bt-inner{
	background-color: #fff;
	margin:0 10px;	
}
.readmore {
    height: 30px;
    width: 80px;
    background: green;
    padding: 4px 5px;
    border-radius: 5px;
    text-align: center;
	margin: 25px auto 10px;
}
.readmore a{
	color:#fff;
	font-weight: 300;
    font-size: 12px;
}
.green{
	color:green;
}
#sp-header{
	box-shadow: none;
}
.nav.menu li a {
    color: #fff;
}
.nav.menu li a:hover {
    color: #fff;
}

#sp-bottom4 img {
    border: 1px solid darkseagreen;
    padding: 2px;
}

/*--------------------Selected Client Image---------------------*/

#contentpagebody
{
	width: 960px;
	position: relative;
	margin: 64px auto 0 auto;
}

#contentpagebody.featured-client-summary
{
	margin-top: 16px;
}

@media screen and (max-width: 992px)
{
	#contentpagebody
	{
		width: auto;
		margin: 0;
	}
}

#contentpageleftcolumn
{
	position:relative;
	width:620px;
	float:left;
}

@media screen and (max-width: 992px)
{
	#contentpageleftcolumn
	{
		float: none;
		width: auto;
	}
}

#contentpageleftcolumn.full-width
{
    width: 960px;
}

@media screen and (max-width: 992px)
{
	#contentpageleftcolumn.full-width
	{
		width: auto;
	}
}

#contentpagerightcolumn
{
	position:relative;
	width:310px;
	float:right;
}

@media screen and (max-width: 992px)
{
	#contentpagerightcolumn
	{
		width: auto;
		float: none;
	}
	.case-study-related-content
	{
		padding: 0 16px 32px 16px;
	}
}

.contentpagerightcolumnpadded
{
	padding-top:0px;
}

h2.h2clientlist
{
	margin: 0;
	color: #000;
	height: 78px;
	line-height: 58px;
	padding: 0;
	border: 0;
}

#filtercontrolclientlist
{
	position:absolute;
	top: 16px;
	right:0;
	white-space:nowrap;
}

ul#clientlist
{
	list-style-type:none;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 992px)
{
	ul#clientlist
	{
		padding: 0 16px;
	}
}

ul#clientlist li
{
	position:relative;
	padding:0;
	margin:0 0 33px 0;
	float:left;
	width:188px;
	height:218px;
	border-bottom:1px #D6D9DD solid;
}

@media screen and (max-width: 992px)
{
	ul#clientlist li
	{
		position: relative;
		float: none;
		width: auto;
		height: auto;
	}
}

ul#clientlist li.left
{
	margin-left:28px;
}

@media screen and (max-width: 992px)
{
	ul#clientlist li.left
	{
		margin-left: 0;
	}
}

.full-width ul#clientlist li {
	width: 219px;	
}

.full-width ul#clientlist {
	clear: both;
	margin-top: 36px;
	padding-top: 2px;
}

.full-width h2.h2clientlist {
	font-size: 40px; 
	line-height: 42px; 
	margin: 21px 0 0 0; 
	font-weight: 300; 
	color: #79B55B;
	height: auto;
}

.full-width h2.h2clientlist::before {
	content: " ";
	font-size: 0;
	width: 960px;
	height: 1px;
	border-top: 1px #D6D9DD solid;
	margin: 0 auto 64px auto;
	display: block;
}

.full-width h2.h2clientlist::after {
	content: " ";
	margin: 30px 0 30px 0; 
	border-top: 2px #79B55B solid; 
	font-size: 0; 
	height: 1px; 
	width: 64px;
	display: block;
}

ul#clientlist li a
{
	text-decoration: none;
	display: block;
	height: 218px;
	position: relative;
}

@media screen and (max-width: 992px)
{
	ul#clientlist li a
	{
		position: static;
	}
}

ul#clientlist li a.clickable:after
{
	position: absolute;
	left: -16px;
	top: -16px;
	width: calc(100% + 32px);
	height: calc(100% + 32px);
	content: " ";
	background-color: rgba(91, 97, 104, 0.0);
	border-radius: 4px;
	transition: background-color 0.5s;
}

ul#clientlist li a.clickable:hover:after
{
	background-color: rgba(91, 97, 104, 0.07);
}

@media screen and (max-width: 992px)
{
	ul#clientlist li a
	{
		height: auto;
	}
}

ul#clientlist li span.plus
{
	width: 21px;
	height: 21px;
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	background-color: #A0A8B2;
	background-image: url(../images/whatwedo/learn-more-chevron_white.svg?a);
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position: center center;
	text-indent:-200px;
	text-decoration:none;
}

ul#clientlist li a:hover span.plus
{
	background-color: #79B55B;
}

ul#clientlist li div.logo
{
	display:block;
	text-decoration:none;
}

ul#clientlist li a div.logo img
{
	color:#BA8B0E;
	display:block;
	width:188px;
	height:68px;
	border:0;
	width: 120px;
	height: auto;
}

ul#clientlist li a .abstract
{
	margin: 19px 0 0px 0;
	color:#A0A8B2;
	line-height: 19px;
	font-size: 15px;
	font-weight: 500;
	transition: color 1s;
	height: 114px;
	width: 100%;
	overflow: hidden;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

@media screen and (max-width: 992px)
{
	ul#clientlist li a .abstract
	{
		height: auto;
		margin-bottom: 32px;
	}
}

ul#clientlist li a.clickable:hover .abstract {
	color: #000;
}

.greypanel.case-study-sidebar h3
{
	font-size: 32px;
	line-height: 32px;
	font-weight: 300;
}

.greypanel.case-study-sidebar p,
.greypanel.case-study-sidebar ul,
.greypanel.case-study-sidebar ul li
{
	font-size: 17px;
	line-height: 21px;
}

.greypanel.case-study-sidebar ul li a:hover
{
	text-decoration: underline;
}

.greypanel.case-study-sidebar ul li
{
	margin-top: 10px;
}

.greypanel .projectarea
{
	margin-top:15px;
	color:#777;
	text-transform:uppercase;
}

.greypanel .projectarea a
{
	color:#777;
	text-decoration:none;
}

.greypanel .projectarea a:hover
{
	color: #444;
}

.greypanel .bodytext ul
{
	margin-top:3px;
	margin-bottom:0px;
}

#filtercontrolclient .filtercontrolinner
{
	position:absolute;
	left:0;
	top:0;
}

.bodytextcasestudy
{
	margin-bottom:32px;
}

a.relatedselected
{
	color:#AAA;
}

#casestudylogo
{
	border-bottom: 1px #D6D9DD solid;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

@media screen and (max-width: 992px)
{
	#casestudylogo
	{
		margin: 32px 16px;
		padding-bottom: 32px;
	}
}

#casestudylogo img
{
	display:block;
	height: 100px;
}

#casestudyphoto
{
	margin:32px 0 21px 0;
	font-size: 0;
}

#casestudyphoto img
{
	width: 620px;
	height: 215px;
	border-radius: 4px;
}

@media screen and (max-width: 992px)
{
	#casestudyphoto img
	{
		width: 100%;
		height: auto;
	}
}

.bodytext ul.ultopmargin
{
	margin-top:12px;
}

.bodytext.bodytextcasestudy
{
	font-size: 17px;
	line-height: 21px;
	font-weight: 400;
}

@media screen and (max-width: 992px)
{
	.bodytext.bodytextcasestudy
	{
		padding: 0 16px;
	}
}

.bodytext.bodytextcasestudy p
{
	margin: 21px 0;
}

.bodytext.bodytextcasestudy p b
{
	color: #000;
	font-weight: 400;
	font-style: normal;
	font-size: 17px;
	line-height: 21px;
	display: block;
	margin-top: 42px;
}

.greypanelprojectarea
{
	position:relative;
}

.greypanelprojectarea h3
{
	float:left;
}

.projectarealeftpanel
{
	margin-top:15px;
	width:440px;
	padding-right:20px;
	margin-right:10px;
	border-right:1px #D6D9DD solid;
	min-height:265px;
	float:left;
}

.projectarearightpanel
{
	margin-top:15px;
	width:420px;
	min-height:260px;
	float:left;
}

.projectarearightpanel .bodytext p, .projectarealeftpanel .bodytext p
{
	margin:0 0 10px 0;
}

.projectareaimage
{
	width:440px;
	height:94px;
	position:absolute;
	left:20px;
	top:230px;
}

.categoryfeaturephoto
{
	padding-top:30px;
	margin-bottom:25px;
	position:relative;
	width:620px;
	height:206px;
	overflow:hidden;	
}

.categoryfeaturephoto img
{
	display:block;
	width:620px;
	height:206px;
}

.categoryfeaturephoto .largetext
{
	font-size:200px;
	position:absolute;
	left:-20px;
	top:67px;
	color:#FFF;
	white-space:nowrap;
	text-shadow:#000 0px 20px 40px;
	cursor:default;
	top:35px; /* TK */
	font-weight:500; /* TK */
}

.categoryfeaturebodytext
{
	border-bottom:1px #D6D9DD dashed;
	padding-bottom:26px;
}

.categoryfeaturebodytext p
{
	margin-top:12px;
	margin-bottom:0px;
}

h2.projectareash2
{
	margin-bottom:25px;
}

@media screen and (max-width: 992px)
{
	h2.case-study-heading
	{
		margin: 32px 16px;
	}
}

/* ==== FEATURE PANEL ==== */

a.feature-panel {
	width: 295px;
	height: 295px;
	margin: 0 0 16px auto;
	border-radius: 4px;
	font-size: 0;;
	position: relative;
	display: block;
	border: 0;
	text-decoration: none;
	overflow: hidden;
}

@media screen and (max-width: 992px)
{
	a.feature-panel
	{
		width: auto;
		margin: 32px 16px;
	}
}

a.feature-panel::after
{
	z-index: 2;
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.0);
	transition: background-color 0.6s 0s;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02),rgba(0,0,0,0.15),rgba(0,0,0,0.6));
}

a.feature-panel:hover::after
{
	background-color: rgba(0,0,0,0.35);
}

a.feature-panel h3
{
	z-index: 3;
	font-size: 33px;
	line-height: 34px;
	color: #fff;
	margin: 0;
	padding: 32px 16px 32px 32px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: bottom 0.4s 0.1s;
	text-shadow: 0 1px rgba(0,0,0,0.2);
}

a.feature-panel:hover h3
{
	bottom: 80px;
}

a.feature-panel h3::after
{
	content: " ";
	width: 17px;
	height: 34px;
	display: inline-block;
	vertical-align: bottom;
	background: url(../images/whatwevedone/cta_arrow-01.svg) no-repeat;
	margin-left: 5px;
}

a.feature-panel p
{
	z-index: 4;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -80px;
	padding: 16px 24px 16px 32px;
	font-size: 15px;
	font-weight: 500;
	color: white;
	line-height: 21px;
	opacity: 0;
	transition: bottom 0.4s 0.1s, opacity 0.4s 0.1s;
	text-shadow: 0 1px rgba(0,0,0,0.15);
	-webkit-hyphens: auto; 
	-moz-hyphens: auto; 
	-ms-hyphens: auto; 
	hyphens: auto;
}

a.feature-panel:hover p {
	bottom: 0;
	opacity: 1;
}

a.feature-panel img {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 295px;
	height: 295px;
	transition: all 0.6s;
}

a.feature-panel:hover img {
	left: -15px;
	top: -15px;
	right: -15px;
	width: 325px;
	height: 325px;
}

@media screen and (max-width: 992px)
{
	a.feature-panel img,
	a.feature-panel:hover img
	{
		width: 100% !important;
		height: auto !important;
		left: 0;
		right: 0;
		top: 0;
	}
}

section.feature-list.separator {
    border-top: 1px #D6D9DD solid;
	clear: both;
}

@media screen and (max-width: 992px)
{
	#contentpageleftcolumn > div.clearthin
	{
		height: 0 !important;
	}
}

@media screen and (max-width: 992px)
{
	.full-width h2.h2clientlist
	{
		margin: 0 16px;
	}
	.full-width h2.h2clientlist::before
	{
		width: auto;
		margin-bottom: 32px;
	}
}
.client img {
   margin-bottom:15px;
}

.client {
    min-height: 240px;
	padding-top: 10px;
    border-radius: 5px;
}
.right-arrow {
    margin-bottom: 0px!important;
    margin-left: 175px;
}
.border {
    border-bottom: 1px solid gainsboro;
}

.client:hover {
    background: #F3F4F4;
}
.top_margin {
    margin-top: 10px;
}
/*----------------------service------------------*/
.service-title {
    font-size: 36px;
    margin: 40px 0 30px;
    font-weight: 300;
}
.service-title:hover{
	color:green;
}
.learn a{
    color: green;
    margin: 20px 0;
	display: inherit;
}
.learn a:hover {
    text-decoration: underline;
}
.learn-arrow{
	background-image:url(../images/home/learn-more-chevron_brown.svg);
	background-repeat:no-repeat;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
	padding:0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span{
	padding: 3px 10px;
	//border-bottom: 1px dashed #FB0B0B;
}
.bt-introtext {
    line-height: 16px;
}
#sp-main-body{
	padding:30px 0;
}