body {
    color: #262627;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    line-height: 1.7!important;
}
html {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.3em;
    margin-top: 0;
}
h1 {
	font-family: 'Questrial', sans-serif;
	font-size:32px;
}
h2 {
	font-family: 'Questrial', sans-serif;
	font-size:24px;
	margin-top: 32px;
}
h3 {
	text-transform: uppercase;
	font-size:17px;
}
p {
    margin-top: 1px;
}

section {
    padding-top: 180px;
}
/*contained navigation 
	section {
    padding-top: 40px;
} */
.no-gutter {
    padding-right: 0;
    padding-left: 0;
}
a, a:link, a:visited {
    color: #61B3AA;
}
a:hover, a:focus {
    color: #262627;
    text-decoration: none;
}
.vcenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.fill {
    height: 100vh;
}
.margin-top-05 {
    margin-top: 0.5em;
}
.margin-top-10 {
    margin-top: 1.0em;
}
.margin-top-15 {
    margin-top: 1.5em;
}
.margin-top-20 {
    margin-top: 2.0em;
}
.margin-top-25 {
    margin-top: 2.5em;
}
.margin-top-30 {
    margin-top: 3.0em;
}
.margin-top-35 {
    margin-top: 3.5em;
}
.margin-top-40 {
    margin-top: 4.0em;
}
.margin-top-45 {
    margin-top: 4.5em;
}

/*---------- Navbar ----------*/

.nav {
    position: relative;
    width: auto;
    display: inline-block;
    border: none;
    float: right;
    z-index: 99999;
    margin-top: 10px;
}
.navbar-fixed-top {
    padding-top: 10px;
}
.navbar-brand {
    padding-top: 25px;
    height: 86px;
}
.navbar-brand > img {
    max-width: 300px;
    z-index: 9999;
}
@media (max-width: 768px) {
    .navbar-brand {
        padding-left: 0px;
    }
}
@media (max-width: 414px) {
.navbar-brand > img {
    max-width: 220px;
    }
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-default.color-fill {
    background-color: #fff;
    border-color: transparent;
}
.btn-nav {
    background: transparent;
    border: none;
    padding: 15px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    z-index: 99999;
}
@media (max-width: 768px) {
    .btn-nav {
        padding: 15px 0;
    }
}
.btn-nav:focus {
    outline: 0;
}
.icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #222;
}
.icon-bar.inverted {
    background-color: #fff;
}
@media (max-width: 992px) {
    .icon-bar.inverted {
        background-color: #222;
    }
}
.opaque {
    background-color: #fff!important;
}
.btn-nav:hover .icon-bar {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    background-color: #555;
}
.nav-content {
    position: fixed;
    top: -100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 1);
    display: block;
    height: 100%;
    z-index: 9;
}
.nav-list {
    list-style: none;
    padding: 0;
    position: relative;
}
.item-anchor {
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    position: relative;
    text-decoration: none;
    padding: 10px;
}
.item-anchor:hover,
.item-anchor:focus {
    color: #ffffff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.item-anchor:hover:after,
.item-anchor:focus:after {
    width: 100%;
    background: #f7f7f7;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.nav-item {
    font-family: 'Questrial', sans-serif;
    margin: 10px auto;
    text-align: center;
    color: #222;
}
.nav-item a:link,
.nav-item a:hover,
.nav-item a:focus,
.nav-item a:visited {
    color: #222;
}
.nav-item a:hover,
.nav-item a:focus {
    border-bottom: 2px solid #222;
}
.animated {
    display: block;
    margin: 0 auto;
}
.animated:hover .icon-bar,
.animated:focus .icon-bar {
    background-color: #fff;
}
.animated:focus {
    cursor: pointer;
    z-index: 9999;
}
.middle {
    margin: 0 auto;
}
.icon-bar {
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    z-index: 999999;
}
.animated .icon-bar {
    z-index: 999999;
    background-color: #222!important;
}
.animated .top {
    -webkit-transform: translateY(7px) rotateZ(45deg);
    -moz-transform: translateY(7px) rotateZ(45deg);
    -ms-transform: translateY(7px) rotateZ(45deg);
    -o-transform: translateY(7px) rotateZ(45deg);
    transform: translateY(7px) rotateZ(45deg);
}
.animated .bottom {
    -webkit-transform: translateY(-11px) rotateZ(-45deg);
    -moz-transform: translateY(-11px) rotateZ(-45deg);
    -ms-transform: translateY(-11px) rotateZ(-45deg);
    -o-transform: translateY(-11px) rotateZ(-45deg);
    transform: translateY(-11px) rotateZ(-45deg);
}
.animated .middle {
    width: 0;
}
@keyframes showNav {
    from {
        top: -100%;
    }
    to {
        top: 0;
    }
}
@-webkit-keyframes showNav {
    from {
        top: -100%;
    }
    to {
        top: 0;
    }
}
@-moz-keyframes showNav {
    from {
        top: -100%;
    }
    to {
        top: 0;
    }
}
@-o-keyframes showNav {
    from {
        top: -100%;
    }
    to {
        top: 0;
    }
}
.showNav {
    -webkit-animation: showNav 1s ease forwards;
    -moz-animation: showNav 1s ease forwards;
    -o-animation: showNav 1s ease forwards;
    animation: showNav 1s ease forwards;
}
@keyframes hideNav {
    from {
        top: 0;
    }
    to {
        top: -100%;
    }
}
@-webkit-keyframes hideNav {
    from {
        top: 0;
    }
    to {
        top: -100%;
    }
}
@-moz-keyframes hideNav {
    from {
        top: 0;
    }
    to {
        top: -100%;
    }
}
@-o-keyframes hideNav {
    from {
        top: 0;
    }
    to {
        top: -100%;
    }
}
.hideNav {
    -webkit-animation: hideNav 1s ease forwards;
    -moz-animation: hideNav 1s ease forwards;
    -o-animation: hideNav 1s ease forwards;
    animation: hideNav 1s ease forwards;
}
.hidden {
    display: none;
}

/*---------- Menu Icon Animation ----------*/

.navbar-toggle * {
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.navbar-toggle {
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    height: 50px;
    padding: 16px;
    width: 50px;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #fff;
}
.navbar-toggle span {
    width: 25px;
    height: 3px;
    margin-bottom: 5px;
    background-color: #222;
    display: block;
}
.navbar-toggle span.bar1 {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform-origin: 1px 3px;
    -webkit-transform-origin: 1px 3px;
    -moz-transform-origin: 1px 3px;
    -o-transform-origin: 1px 3px;
    transform-origin: 1px 3px;
    width: 31px;
}
.navbar-toggle span.bar2 {
    -ms-transform: rotate(-360deg) scale(0);
    -webkit-transform: rotate(-360deg) scale(0);
    -moz-transform: rotate(-360deg) scale(0);
    -o-transform: rotate(-360deg) scale(0);
    transform: rotate(-360deg) scale(0);
}
.navbar-toggle span.bar3 {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform-origin: 8px 2px;
    -webkit-transform-origin: 8px 2px;
    transform-origin: 8px 2px;
    width: 31px;
}
.navbar-toggle.collapsed span.bar1,
.navbar-toggle.collapsed span.bar2,
.navbar-toggle.collapsed span.bar3,
.navbar-toggle.collapsed span.bar4 {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 30px;
}

/*---------- Custom Styles ----------*/


img.pdf  {
	max-width:28px;
}
section#contact {
	padding-top:115px;
}
section#contact .container{
	padding-top: 20px;
	border-top: 1px solid #eee;
}
footer{
	color: #b8b8b8;
	font-size:16px;
	margin-top:40px;
	padding-top: 10px;
	border-top: 14px solid #C7C8CA;
	margin-bottom:40px;
}
footer a:link, footer a:visited {
	color: #b8b8b8;
	}
	
.btn-primary {
	background-color: #61B3AA;;
	border-color: #61B3AA;
	text-transform: uppercase;
}
.btn-primary a:link, .btn-primary a:visited, {
	color:#fff;
	}
.block {
	border: 1px solid #d7d7d7;
	margin:46px;
}
@media (max-width: 414px) {
.block {
	margin-left:0px;
	margin-right:0px;
}
}
.block-inner {
	padding:20px 28px;
}
.block-inner h2 {
	margin-top:0px;
}
p.more {
	text-align: right;
	margin-bottom: 0;
	}
p.more a {
	text-transform: uppercase;
	font-size:16px;
}
.block img {
	width:100%;
}
.head-block img {
	width:100%;
	border-left: solid white 2px;
}
.head-block {
	background-color:#C7C8CA;
}
.head-block-inner {
	padding:44px 50px 44px 50px;
}
.head-block-inner p {
	font-size: 19px;
}
.outcomes {
	text-align: center;
	margin-top:40px;
	margin-bottom:40px;

}
.outcomes img {
	width:100%;
	max-width:935px;
}

.speech-bubble {
	position: relative;
	background: #f8f8f8;
	border-radius: .4em;
	padding: 30px 40px;
	margin: 50px 20px 50px 20px;
	min-height:440px;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 39px solid transparent;
	border-top-color: #f8f8f8;
	border-bottom: 0;
	border-left: 0;
	margin-left: -19.5px;
	margin-bottom: -39px;

}

.speech-bubble.grey {	
	background: #C7C8CA;
	}
.speech-bubble.grey:after {
	border-top-color: #C7C8CA;
	}
.speech-bubble.light-grey {
	background: #EEE;
}
.speech-bubble.light-grey:after {
	border-top-color: #EEE;
	}
.speech-bubble.light {
	background: rgba(199, 163, 147, 0.20);
}
.speech-bubble.light:after {
	border-top-color: rgba(199, 163, 147, 0.20);
	}
.speech-bubble.dark {
	background: #C8A595;
	color: white;
}
.speech-bubble.dark:after {
	border-top-color: #C8A595;
	}
.speech-bubble.green {
	background: #61B3AA;
	color: white;
}
.speech-bubble.green:after {
	border-top-color: #61B3AA;
	}
	
	
.journey {
	padding: 24px 30px 5px 30px;
	min-height: 289px;
}
.journey h2 {
	margin-top:0px
}
.journey-img img {
	width:100%;
}
.border{
	border: 1px solid #d7d7d7;
		display: flex;
}
.border-grey{
	border: 1px solid #eee;
		background: #EEE;
			display: flex;
}

.ftse100retailer {
	background-image:url("/img/ftse100retailer.png");
	background-size: cover;
	margin-right: -1px;
}
.financialservices {
	background-image:url("/img/financialservices.png");
	background-size: cover;
	margin-right: -1px;
}
.fortune100entertainment {
	background-image:url("/img/fortune100entertainment.png");
	background-size: cover;
	margin-right: -1px;
}
.privateequity {
	background-image:url("/img/privateequity.png");
	background-size: cover;
	margin-right: -1px;
}
.globalmining {
	background-image:url("/img/globalmining.png");
	background-size: cover;
	margin-right: -1px;
}
.globalengineering {
	background-image:url("/img/globalengineering.png");
	background-size: cover;
	margin-right: -1px;
}
.casestudy {
	max-height: 340px;
}
@media (max-width: 992px) {
.casestudy {
	max-height: none;
}
}

.casestudy h3 {
	line-height: 0.8em;
	margin-bottom: -18px;
}
.head-block.casestudy {
	margin-bottom:40px;
}
.cs-col {
	margin-bottom: -10px;
	margin-top: -10px;
}
.cs-button {
	text-align: right;
	margin-bottom:10px;
	margin-top:-10px;
}
.backto {
	margin-top:60px;
	margin-bottom:-60px;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
	background-color: #C7C8CA;
	border-color: #C7C8CA;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: #C7C8CA;
  border-color: #C7C8CA;
} 
/* 
	.block img {
  transition: filter .5s ease-in-out;
    webkit-filter: blur(0px); 
    filter: blur(0px);
}
.block img:hover {
    webkit-filter: blur(2px); 
    filter: blur(2px);
}


.block img {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); 
  filter: grayscale(0%);
}
.block img:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

*/

.block img {
  transition: filter .5s ease-in-out;
  -webkit-filter: contrast(1);
  filter: contrast(1);
}
.block img:hover {
  -webkit-filter: contrast(1.3);
  filter: contrast(1.3);
}
.row, .block {
	  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.row, .block {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.block {
	animation-delay: 0.5s;
}
.clientlogos img {
	padding:20px;
	max-width: 180px;
	max-height:100px;
}

.cc-banner .cc-message {
font-family: 'Lato', sans-serif;
}
.cc-banner .cc-btn:last-child {
min-width: 140px;
border-radius: 4px;
font-weight: 400;
padding-top: 3px;
padding-bottom: 3px;
}

@media only screen and (min-width: 988px) and (max-width: 1200px) {
	.head-block-inner {
padding: 34px 40px 34px 40px;
}
h1 {
	font-size:24px;
}
.head-block-inner p {
		font-size:17px;
	}
	
	
}