/* typography */
body {
  font-family: 'Open Sans', 'Helvetica Neue', Sans-serif;
  font-weight: 400;
}
body * {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a {
  color: #349187;
}
a:hover {
  color: #ff5a5f;
  text-decoration: none;
}

.anchor_top {
    top: -150px;
    position: relative;
    display: block;
}
b, strong {
    font-weight: 600;
}
h1, h2, h3, h4, h5 {
  font-family: 'Proxima Nova', 'Helvetica Neue', Sans-serif;
  font-weight: 100;
}

h1, h2 {
  text-transform: uppercase;
}

h3, h4 {
  font-weight: 300;
}

h5, h6 {
  font-weight: 300;
}

h1 {
  font-size: 60px;
  font-weight: 300;
  letter-spacing: .05em;
}
h2 {
  font-size: 34px;
  letter-spacing: .1em;
  margin-bottom: 30px;
}
h3 {
  font-size: 24px;
  text-transform: uppercase;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
  text-transform: uppercase;
}
h6 {
  font-size: 16px;
}

.bigger {
  font-family: 'Proxima Nova', 'Helvetica Neue', Sans-serif;
  font-size: 18px;
  font-weight: 300;
}

/* blockquote */

blockquote {
  border: none;
}
blockquote p {
  font-size: 24px;
  font-family: 'Proxima Nova', 'Helvetica Neue', Sans-serif;
  font-weight: 100;
  font-style: italic;
  color: #777;
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
  display: none;
}
blockquote footer cite b {
  color: #333;
}

/* buttons */
.btn {
  color: #777777;
  font-family: 'Proxima Nova', 'Helvetica Neue', Sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
  background: #cccccc;
  height: 40px;
  border-radius: 20px;
  padding: 9px 15px 0 20px;

}
.btn:hover {
  background: #777777;
  color: #cccccc;
}
.btn .icon {
  margin-left: 10px;
}
.btn-dark {
  background: rgb(48, 142, 133);
  color: #fff;
}
.btn-dark:hover {
  background: #777777;
  color: #cccccc;
}

.btn-white {
  background: #fff;
  color: #999999;
}
.btn-white:hover {
  background: #cccccc;
  color: #777777;
}

.btn-rounded {
  margin-bottom: 20px;
}
.btn.margin_bottom {
	margin-bottom: 40px;
	margin-top: -10px;
}
/* header */
#masthead {
	background: url('../temp/header-bg.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#masthead:before {
  content: "";
  background: #000;
  opacity:.2;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#masthead .container {
  position: relative;
}
#masthead .inner {

  color: #fff;
  min-height: 300px;
  /*
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.37) 99%, rgba(0,0,0,0.38) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.37)), color-stop(100%,rgba(0,0,0,0.38)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.37) 99%,rgba(0,0,0,0.38) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.37) 99%,rgba(0,0,0,0.38) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.37) 99%,rgba(0,0,0,0.38) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.37) 99%,rgba(0,0,0,0.38) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#61000000',GradientType=0 );
  */

}
#masthead a {
  color: #fff;
}

#masthead #top-bar {
  background: #fff;
  opacity: .99;
  height: 30px;
  color: #333;
  font-weight: 600;
  font-size: 12px;
  font-family: 'Proxima Nova', 'Helvetica Neue', Sans-serif;
}
#masthead #top-bar.dark {
  background: #000;
  color: #fff;
}
#masthead #top-bar.dark a {
  color: #aaa;
}
#masthead #top-bar.dark a:hover {
  color: #ccc;
}
#masthead #top-bar.dark .user-nav li {
  border-color: #555;
}

#masthead #top-bar a {
  color: #333;
}
#masthead #top-bar .user-nav {
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 0;
}
#masthead #top-bar .user-nav ul {
  padding-left: 0;
  list-style: none;
}
#masthead #top-bar .user-nav li {
  border-right: 1px solid #e4e4e4;
  padding: 0 10px;
}
#masthead #top-bar .user-nav li:last-child {
  border-right: none;
}

#masthead #top-bar .lang-switch {
  float: right;
  border-left: 1px solid #e4e4e4;
}

#masthead #top-bar .lang-switch #lang_sel a,
#masthead #top-bar .lang-switch #lang_sel a:visited {
  border: none;
  background: transparent;
  text-transform: uppercase;
  padding: 4px;
}


#masthead .logo-container {
  position: relative;
  float: left;
}
#masthead .navigation-bar {
  background: rgba(0,0,0,.3);
}


.logo {
  display: block;
  color: #fff;
}
.logo:hover {
  text-decoration: none;
  color: #fff;
}
.logo em {
  font-style: normal;
  display: block;
  text-transform: uppercase;
  letter-spacing: 6px;
  opacity: 0.5;
  font-size: 12px;
  width: 86px;
}

#masthead .logo {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  background: #349187;
  padding: 20px 20px 20px 20px;
}
#masthead .logo:hover {
  text-decoration: none;
  padding: 25px 20px 20px 20px;
}


/* main navigation */
.top_menu {
    position: fixed;
    display: block;
    min-width: 100%;
    z-index: 999999;
}
#masthead .navi-container {
  margin-left: 140px;
  margin-bottom: 0;
  font-family: 'Proxima Nova', 'Helvetica Neue', Sans-serif;
}
#masthead .navigation {
  padding: 0;
  margin: 0;
  list-style: none;
}

#masthead .navigation > li {
  position: relative;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  width: 16.6%;
  /* border-right: 1px solid rgba(255,255,255,.2); */
  text-shadow: 0 1px rgba(0,0,0,.4);
}
#masthead .navigation > li > a {
  display: block;
  letter-spacing: 1px;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
  text-align: center;

}
#masthead .navigation > li:hover > a,
#masthead .navigation > li.current-menu-item:hover > a {
  background: rgba(255,255,255,.9);
  color: #333;
  text-shadow:  none;
  text-decoration: none;
}

#masthead .navigation > li.current-menu-item > a {
  background: #000;
}

#masthead .navigation .sub-menu {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  list-style: none;
  padding: 15px 0 0 0;

  -webkit-transform: translate(0,-10px);
  transform: translate(0,-10px);
}
#masthead .navigation .sub-menu li {
  padding: 0;
  background: rgba(255,255,255,.9);
}
#masthead .navigation .sub-menu li:first-child {
  padding-top: 10px;
}
#masthead .navigation .sub-menu li:last-child {
  padding-bottom: 10px;
}
#masthead .navigation .sub-menu li a {
  display: block;
  padding: 5px 15px;
  text-transform: none;
  color: #333;
  text-shadow: none;
  font-weight: 300;
}
#masthead .navigation .sub-menu li a:hover {
  text-decoration: none;
  background: #fff;
}

/* creates triangle */
#masthead .navigation .sub-menu:before {
  content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  border-width:0 10px 10px;
  border-style: solid;
  border-color: rgba(255,255,255,.9) transparent;
}

#masthead .navigation > li:hover .sub-menu {
  display: block;
  padding-bottom: 15px;
  width: 100%;
  z-index: 1000;

  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

/* navbar toggle */
.navbar-toggle {
  float: left;
  z-index: 10000;
}
.navbar-toggle .icon-bar {
  background: #fff;
  height: 3px;
  width: 30px;
}
.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 5px;
}

.navbar-toggle.open {
  margin-left: -5px;
}
.navbar-toggle.open .icon-bar {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #777;
}
.navbar-toggle.open .icon-bar:nth-child(2) {
  display: none;
}
.navbar-toggle.open .icon-bar:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -3px;
}


#masthead .page-sign {
  width: 600px;
  margin: 80px auto;
  text-align: center;
}
#masthead .page-sign h1 {
font-weight: 300;
text-shadow: 0 2px rgba(0,0,0,.2);
font-size: 65px;
}
.home #masthead .page-sign h1 {
  font-size: 65px;
  font-weight: 300;
}


#masthead .page-sign p {
  font-size: 16px;
  color: #fff;
  opacity: .9;
}

.subnav {
  background: #f4f4f4;
}
.subnav.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000;
  box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.subnav ul {
  text-align: center;
  padding: 10px 0;
  margin: 0;
}
.subnav ul li {
  text-transform: uppercase;
  color: #333;
  font-family: 'Proxima Nova', 'Helvetica Neue', Sans-serif;
  letter-spacing: 2px;
  margin: 0 20px;
}
.subnav ul li a {
  color: #777;
  font-weight: 100;
}
.subnav ul li a:hover {
  color: #333;
}
.subnav ul li.current-menu-item a,
.subnav ul li.active a {
  font-weight: 300;
  color: #333;
}
.subnav ul li.current-menu-item a:hover {
  text-decoration: none;
}

.subnav .nav>li {
  display: inline-block;
}
.subnav .nav>li>a {
  padding: 0;
}
.subnav .nav>li>a:hover,
.subnav .nav>li>a:focus {
  background: transparent;
}

.subnav ul li.up {
  float: right;
  margin: 0;
  font-size: 20px;
  line-height: 20px;
}
.subnav ul li.up a {
  color: #ccc;
}
.subnav ul li.up a:hover {
  color: #349187;
}
.subnav ul li.up {
  opacity: 0;
}
.subnav.sticky ul li.up {
  opacity: 1;
}

/* footer */

#page-footer {
  background: #023642;
  padding: 40px;
}
#page-footer .logo {
  opacity: .5;
  padding: 15px;
}
#page-footer .logo:hover {
  opacity: 1;
}
#page-footer .social {
  padding: 0 15px;
}
.social ul.list-inline {
  padding-left: 2px;
}
.social ul.list-inline > li {
  padding: 3px;
}
.social ul.list-inline > li > a {
  opacity: .5;
}
.social ul.list-inline > li > a:hover {
  opacity: 1;
}

#page-footer .navigation {
  font-family: 'Proxima Nova', 'Helvetica Neue', Sans-serif;
}
#page-footer .navigation {
  padding: 0 0 0 15px;
}
#page-footer .navigation > li {
  float: left;
  margin-right: 40px;
  padding: 0;
  width: 20%;
}
#page-footer .navigation > li > a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 12px;
}
#page-footer .navigation > li > ul.sub-menu {
  padding: 0;
  font-weight: 100;
}
#page-footer .navigation > li > ul.sub-menu > li {
  margin: 5px 0;
}
#page-footer .navigation > li > ul.sub-menu > li > a {
  color: #777;
  margin: 4px 0;
}

/* footer: secondary navigation */

#page-footer .footer-secondary-nav {
  display: inline;
}




#page-footer .legal {
  margin-top: 40px;
  color: #aaa;
  opacity: .5;
  font-size: 12px;

}
#page-footer .legal p {
  display: inline;
}
#page-footer .legal a {
  color: #aaa;
  margin: 0 0 0 20px;
  text-decoration: underline;
}

/* PRODUCT SYMBOLS */
.product-symbol {
  margin: 0 0 20px 0;
  padding-left: 5px;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 1px;
  width: 160px;
  height: 50px;
  font-family: 'Proxima Nova', 'Helvetica Neue', Sans-serif;
  border-radius: 2px;
}

.product-symbol a,
.product-symbol span {
  display: block;
  color: #fff !important;
  background: #333;
  text-transform: uppercase;
  padding: 9px;
  height: 100%;
  border-radius: 2px;
}

.product-symbol a:hover,
.product-symbol span:hover {
  background: rgba(0,0,0,.2);
  text-decoration: none;
}

.product-symbol.finance {
  background-color: #2ab46e;
}
.product-symbol.finance a,
.product-symbol.finance span {
  color: #2ab46e;
}
.product-symbol.marketing {
  background-color: #ff5a5f;
}
.product-symbol.marketing a,
.product-symbol.marketing span {
  color: #ff5a5f;
}
.product-symbol.intelligence {
  background-color: #2aa7d5;
}
.product-symbol.intelligence a,
.product-symbol.intelligence span {
  color: #2aa7d5;
}
.product-symbol.platform {
  background-color: #e1872f;
}
.product-symbol.platform a,
.product-symbol.platform span {
  color: #e1872f;
}



/*  Module icons */
img.module-icon {
  height: 48px;
  opacity: .8;
}


/* SERVICES */
section.icon-grid {
  padding: 40px 0 20px 0;
}
section.icon-grid h2 {
  font-size: 20px;
  margin: 0 0 1em 0;
  font-weight: 300;
}
section.icon-grid div {
  margin-bottom: 1em;
}
section.icon-grid div div {
}
section.icon-grid .icon-services-dark {
  margin-left: -10px;
}
section.icon-grid p {
  color: #777;

}

/* GENERIC BLOCK */
section.basic {
  padding: 40px 0;
}

/* Gray logo grid (Partners section) */
section.basic.gray-logo-grid {
  padding: 10px 0 40px 0;
}
section.basic.gray-logo-grid h2 {
  margin-bottom: 20px;
  font-size: 18px;
  padding: 20px 0 3px 0;
  color: #aaa;
  margin: 30px 0 20px 0;
}
section.basic.gray-logo-grid div.row div {
  margin-bottom: 30px;
}


/* CUSTOMERS */

.customer.gray-bg {
  background: #f4f4f4;
}
.customer p {
  color: #777;
  margin-bottom : 1.5em;
}
.customer .the-logo {
  display: block;
  margin-bottom: 40px;
}
.customer .the-logo img {
  max-width: 150px;
  max-height: 80px;
}
.customer h3 {
  margin-top: 0;
}

.customer h4 {
  margin-bottom: 0;
}






/* blocks  (generic stuff) */

.block {
  padding: 40px 0 0 0;
}

.bg-gray-gradient {
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
}
.gray-bg {
  background: #f4f4f4;
}
.border-bottom-gray {
  border-bottom: 2px solid #e4e4e4;
}

.block-title {
  margin-bottom: 70px;
}
.block-title h2 {
  margin-top: 0;
}

/* Jobs */

.gray-box {
  padding: 40px 50px;
  background: #f4f4f4;
}
.gray-box h3 {
  font-weight: 300;
  margin: 15px 0;
}
.block.text .gray-box p {
  color: #777;
  margin: 15px 0;
}

/* block: cards */
.block.cards {
  padding: 40px 0 0 0;
}
.block.cards h2 {
  text-align: center;
  margin-bottom: 0;
}
.block.cards h4 {
  text-align: center;
  margin: 20px auto 40px auto;
  font-size: 22px;
  line-height: 1.3em;
  color: #777;
}



/* block: logos */

#customer-logos {
  margin-bottom: 80px;
}

span.customer-logo {
  display: block;
  height: 100px;
  overflow: hidden;
}
span.customer-logo.color img {
  margin-top: -100px;
}
#customer-logos .owl-item {
  text-align: center;
}
#customer-logos span.customer-logo {
  display: inline-block;
}

#carousel {
  position: relative;
}
#carousel * {
  -webkit-transition: none;
  transition: none;
}
.crsl-nav a {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 40px;
}
.crsl-nav .previous {
  left: -40px;
}
.crsl-nav .next {
  right: -40px;
}


/* block: services */

.block.services {
  background: #565b61 url('../temp/services-bg.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
}
.block.services h2 {
  margin-bottom: 20px;
}
.block.services p.bigger {
  opacity: .8;
  margin-bottom: 40px;
}
.block.services .service-icons {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 60px;
}
.block.services .service-icons b {
  font-weight: 300;
  opacity: .8;
  font-size: 12px;
}

/* block call to action */

.block.call-to-action {
  background: #349187;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  color: #fff;
}
.block.call-to-action p.bigger {
  margin-bottom: 30px;
  font-size: 22px;
}
.block.call-to-action p.more {
  text-align: center;
}
.block.call-to-action p.more .btn-dark {
  background: rgb(48, 142, 133);
}
.block.call-to-action p.more .btn-dark:hover {
  background: rgba(0,0,0,.7);
}

.block.call-to-action blockquote {
  text-align: left;
  font-size: 32px;
  font-style: italic;
}
.block.call-to-action blockquote footer {
  opacity: .5;
  font-size: 16px;
  margin-top: 10px;
  font-family: Georgia, Garamond, Serif;
}
.block.call-to-action blockquote footer cite {
    font-style: italic;
}
.block.call-to-action blockquote:before {
  content: "“";
  font-size: 52px;
  line-height: 40px;
  margin-left: -.5em;
  opacity: .5;
  font-style: normal;
  font-family: Georgia, Garamond, Serif;
}



/* block: news */
.block.news {
  margin-bottom: 50px;
}
.block.news .news-item {
  background: #f4f4f4;
  margin-bottom: 20px;
  height: 350px;
  overflow: hidden;
}
.block.news .news-item .post-image {
  display: block;
  overflow: hidden;
  height: 170px;
}
.block.news .news-item .post-image img {
  width: 100%;
}
.block.news .news-item .entry-text {
  padding: 20px;
}
.block.news .news-item p {
  margin-bottom: 0;
}
.block.news .news-item p.date {
  font-size: 12px;
  color: #aaa;
  margin-bottom: 5px;
}
.block.news .news-item h3 {
  margin: 0 0 5px 0;
  font-size: 19px;
  text-transform: none;
  color: #333;
  font-weight: 300;
}
.block.news .news-item h3 a {
  color: #333;
}
.block.news .news-item p {
  color: #777;
  font-size: 13px;
}

.block.news .more-news {
  margin-top: 20px;
}




/* block: text */
.block.text p,
.block.text ul,
.block.text ol {
  font-size: 18px;
  line-height: 1.4em;
  color: #777;
  margin-bottom: 40px;
}
.block.text ul li,
.block.text ol li {
  margin: 10px 0;
}
.block.text .bigger p {
  font-size: 20px;
}
.block.text.image-left h2,
.block.text.image-right h2 {
  margin-top: 0;
}

.block.text.post p strong {
  color: #333;
}


/* block: news */
.block.news-listing {

}
.block.news-listing .item {
  margin-bottom: 40px;
}
.block.single-news-item p.date,
.block.news-listing .item p.date {
  font-size: 14px;
  color: #aaa;
}
.block.news-listing .item h2 {
  margin: 0 0  10px 0;
  font-weight: 400;
}
.block.news-listing .item h2 a {
  text-transform: none;
  letter-spacing: 0;
}
.block.single-news-item .post p,
.block.news-listing .item p {
  font-size: 18px;
  line-height: 1.4em;
  color: #777;
  margin-bottom: 20px;
}


.block.single-news-item .post h1 {
  font-size: 40px;
  margin-top: 0;
  letter-spacing: 0;
  font-weight: 100;
}

.block.single-news-item .post img {
margin-bottom: 40px;
}

.single-news-item .news-item-photo {
  margin: 0 0 20px 20px;
  float: right;
  width: 40%;
}

.post img.alignleft {
  float: left;
  margin: 0 1.5em 1em 0;
}
.post img.alignright {
  float: left;
  margin: 0 0 1em 1.5em;
}
.post img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.share .twitter,
.share .facebook {
  float: left;
  margin-right: 20px;
}

/* block: timeline */
.block.timeline {

}


/* standard */
.block.timeline .timeline {
  background: transparent url('../images/timeline-bg.png') repeat-y center;
}
.block.timeline .timeline:before,
.block.timeline .timeline:after {
  content: "";
  display: block;
  position: relative;
  width: 10px;
  height: 10px;
  background: #aaa;
  border: 2px solid #fff;
  border-radius: 5px;
  margin: 0 auto;
}
.block.timeline .timeline:before {
  top: -2px;
}
.block.timeline .timeline:after {
  bottom: -2px;
}

.block.timeline .timeline .year h3 {
  text-align: center;
  height: 20px;
  z-index: 100;
  margin-top: 0;
  margin-bottom: 120px;
}
.block.timeline .timeline .year h3 span {
  display: inline-block;
  position:relative;
  margin: 20px 0;

  background: #e4e4e4;
  border: 2px solid #fff;
  border-radius: 12px;
  height: 24px;
  padding: 4px 10px 0 10px;
  font-size: 13px;
  font-weight: 300;
  z-index: 100;
  color: #777;
}

.block.timeline .timeline .item {
  z-index: 100;
  position: relative;
  width: 400px;
  left: 50%;
  margin: 30px 0;
  margin-top: -75px;
  margin-left: -200px;
  padding: 20px;
  background: #f4f4f4;
}
.block.timeline .timeline .item.left {
  margin-left: -420px;
}
.block.timeline .timeline .item.right {
  margin-left: 20px;
}
.block.timeline .timeline .item .awards {
  margin-bottom: 10px;
}

.block.timeline .timeline .item:before {
  content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  top: 20px;
  width: 0;
  border-width: 10px 0 10px 10px;
  border-style: solid;
  border-color: transparent #f4f4f4 ;
}

.block.timeline .timeline .item.left:before {
  right: -10px;
}

.block.timeline .timeline .item.right:before {
  border-width: 10px 10px 10px 0;
  left: -10px;
}

/* gray version */
.block.timeline.gray {
  background: #f4f4f4;
}
.block.timeline.gray .timeline:before,
.block.timeline.gray .timeline:after {
  border-color: #f4f4f4;
  background: #aaa;
}
.block.timeline.gray .timeline .year h3 span {
  background: #fff;
  border-color: #f4f4f4;
}
.block.timeline.gray .timeline .item {
  background: #fff;
}
.block.timeline.gray .timeline .item:before {
  border-color: transparent #fff;
}





/* block: giant photo */
.block.giant-photo {
  text-indent: -1000em;
  background-repeat: no-repeat;
  background-position: center center;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.block.giant-photo img {
  max-height: 400px;
  width: 100%;
}

/* block: profiles */
.block.profiles {
  padding-top: 0;
}
.block.profiles h3 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 60px;
}
.block.profiles .item {
  text-align: center;
  margin-bottom: 30px;
}
.block.profiles .profile-photo,
.block.profiles .profile-photo span.social {
  display: inline-block;
  width: 200px;
  height: 200px;
  position: relative;
}
.block.profiles .profile-photo img,
.block.profiles .profile-photo span.social  {
  border-radius: 50%;
}
.block.profiles .profile-photo span.social {
  opacity: 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #349187;
  background: rgba(52,145,135,.6);
}
.block.profiles .profile-photo span.social span.icon {
  margin: 90px auto;
}
.block.profiles .profile-photo:hover span.social {
  opacity: 1;
}

.block.profiles .profile-photo img {
  width: 100%;
}


/* block: contact form */

.block.contact-form {
  background: #fff;
  padding: 60px 0 0 0;
}


/* block: three icons */
.block.three-icons .container {
  text-align: center;
}
.block.three-icons h2 {
  margin-bottom: 0;
}
.block.three-icons .icons {
  padding: 20px 0 30px 0;
  clear: both;
}
.block.three-icons .bigger {
  font-size: 22px;
  color: #777;
  margin-top: 10px;
  margin-bottom: 20px;
}
.block.three-icons .bigger b {
  color: #333;
  font-weight: normal;
}
.block.three-icons h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 0px;
}
.block.three-icons h4 {
  color: #777;
  font-size: 16px;
}
.block.three-icons .image-container {
  margin-top: 40px;
}
.block.three-icons .icon-container {
 text-align: center;
}
.block.three-icons .icon-container img, .block.three-icons .icon-container span {
  display: inline-block;
  width: 120px;
  margin: 20px 0;
}
.block.three-icons#modules .icon-container img {
  width: auto;
}
.block.three-icons .icon-right {
  float: right;
  margin-right: -35px;
  margin-top: -130px;
}


/* block: Brand Resources */

.colors {
	width: 100%;
	height: 121px;
	border: solid 1px #E5E5E5;
	font-size:12px;
	text-align: center;
	color: #FFFFFF;
	margin: 0 auto 12px auto;
	padding: 30px;
}

.colors:hover {
}
.colors_turquoise {
	background-color: #278B83 ;
}
.colors_grey {
	background-color: #4A4A4A ;
}
.colors_white {
	background-color: #FFFFFF ;
}
.colors_F6696D {
	background-color: #F6696D ;
}
.colors_F5C95E{
	background-color: #F5C95E ;
}
.colors_50AED8{
	background-color: #50AED8 ;
}
.colors_4AC99D{
	background-color: #4AC99D ;
}
.colors_E1872F{
	background-color: #E1872F ;
}
.colors_7C6ECE{
	background-color: #7C6ECE ;
}
.colors_023642{
	background-color: #023642 ;
}
.colors_777777{
	background-color: #777777 ;
}
.colors_999999{
	background-color: #999999 ;
}
.colors_CCCCCC{
	background-color: #CCCCCC ;
}

.block.text .well {
  min-height: 20px;
  margin-top: 50px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.block.text .well p {
  margin-bottom: 0px;
}


#colors img {
    margin: 12px;
}

.boxed_logo {
	margin-top: 50px;
	position: relative;
}

#Box_Container h3, #Incorrect_Logo h3, #Clear_Space h3, #Typography h3 {
    margin-bottom: 15px;
}

#Typography img, #Clear_Space img {
    margin: 45px 50px;
}
#Box_Container img, #Incorrect_Logo img {
    margin: 45px 0 0 0;
}


.top60 {
	margin-top: 60px;
	display: block;
}

/* block: products */

.block.products {
  padding-bottom: 0;
}
.block.products h2 {
  margin-top: 0;
}
.block.products p {
  font-size: 18px;
  line-height: 1.4em;
  color: #777;
}
.block.products p.more {
  text-align: center;
  margin-bottom: 40px;
}
.block.products p.info {
  font-size: 14px;
  margin-bottom: 40px;
}
.screenshot.browser {
  background: #333;

  border-radius: 4px;
  max-height: 180px;
  margin-bottom: 20px;
  overflow: hidden;
  padding-top: 0px;
}
.screenshot.browser.small {
  background: #fff;
  border: 2px solid #e4e4e4;
}

.screenshot.browser .icon {
  margin: 10px 10px 5px 10px;
}
.screenshot.browser img {
  max-width: 100%;
}

.block.products.two-items p.info {
  font-size: 16px;
  font-weight: 100;
  margin-bottom: 20px;
}

.block.products.two-items p.more {
  text-align: left;
}
.block.products.two-items p.more .btn-white:hover {
  background: #ccc;
}
.block.products.two-items .screenshot.browser {
  border: none;
  clear: both;
  position: relative;
  padding: 15px 0 0 0;
  margin-bottom: 20px;
  overflow: hidden;
  max-height: 320px;
}




/* block: platform & intelligence */

.block.intelligence {
  background: #000;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
}
.block.intelligence .bigger {
  margin-bottom: 40px;
}
.block.intelligence h2 {
  margin-top: 0;
  margin-bottom: 30px;
}
.block.platform .items h3,
.block.intelligence .items h3 {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 2px;
}
.block.platform p,
.block.intelligence p {
  color: #777;
  margin-bottom: 40px;
}
.block.platform .block-title h2 {
  margin-bottom: 10px;
}
.block.platform .block-title p {
  margin-bottom: 0;
}
.block.platform .items {
  padding-top: 60px;
  text-align: center;
}
.block.platform .items:first-child {
  border-top: 1px solid #e4e4e4;
}
.block.platform .block-title {
  margin-bottom: 20px;
}
.block.platform .items p {
  color: #777;
}
.block.platform .more {
  text-align: center;
}

.block.intelligence .items h3 {
  border-left: 3px solid #2aa7d5;
  padding-left: 7px;
}
.block.platform .items div:before {
  content: "";
  display: block;
  background: #e1872f;
  height: 3px;
  width: 20px;
  margin: 0 auto 15px auto;
}

/* block big-screenshot */
section.basic.block.big-screenshot {
  padding-bottom: 0;
  overflow: hidden;
  border-bottom: 1px solid #f4f4f4;
}
section.basic.block.big-screenshot .icon {
  opacity: .5;
}
.block.big-screenshot .screenshot.browser {
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
  max-height: 400px;
}


/* block bgimage */

.block.bg-image {
  background: #333 url('../temp/services-bg.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
}

/* contact */

.contact-map {
  height: 350px;
  background-color: #f4f4f4;
}
#map-canvas {
  width: 100%;
  height: 350px;
  background-color: #f4f4f4;
}
.address-container {
  padding: 20px;
  min-height: 250px;
  background: #f4f4f4;
  margin-bottom: 30px;
}
.address-container h3 {
  margin-top: 0;
  min-height: 55px;
}
.address-container.highlight {
  background: #dbf2f0;
}
.address-container .adr {
  margin-bottom: 20px;
}


/* block press links */

.press-link {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.press-link .image img {
  max-width: 150px;
  margin-top: 10px;
}
.press-link h3 {
  font-size: 22px;
  line-height: 1.3em;
}
.press-link h3 a {
  color: #777;
}
.press-link h3 a:hover {
  color: #349187;
}
.press-link .date {
  font-size: 14px;
  color: #aaa;
  padding-top: 10px;
}

/* block: facts */

.block.facts .item {
  color: #fff;
  float: left;
  font-size: 14px;
  text-align: center;
  margin-bottom: 30px;
}
.block.facts .item .inner {
  background: #fff;
  border-radius: 3px;
  padding: 20px;
}
.block.facts h2 {
  position: relative;
  text-shadow: 0 2px rgba(0,0,0,0.2);
  margin-top: 0;
  color: #333333;
}
.block.facts .item h4 {
  font-size: 19px;
  letter-spacing: .1em;
  font-weight: 300;
  text-transform: uppercase;
  color: #333333;
}
.block.facts .item p {
  color: #777;
  font-weight: 300;
}
.block.facts .item b {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  color: #333;
  font-weight: 400;
  letter-spacing: .1em;
}

/* single post */
#masthead.single-post .page-sign {
  width: 100%;
  margin-bottom: 40px;
}
#masthead.single-post .page-sign h2 {
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 20px;
  text-shadow: 0 2px rgba(0,0,0,.2);
}
#masthead.single-post .page-sign h1 {
  text-transform: none;
  font-weight: 300;
  font-size: 48px;
  margin-top: 0;
  text-shadow: 0 2px 10px rgba(0,0,0,.2);
}

body.single-post .basic.text p.date {
  font-size: 13px;
  color: #aaa;
}


.shareaholic-share-buttons-container ul.shareaholic-share-buttons {
  margin-left: -10px !important;
}

/* pagination */
.pagination {
  padding: 15px;
}
.pagination .page-numbers {
  display: inline-block;
  padding:  6px 10px;
  background: #f4f4f4;
  font-size: 16px;
  font-weight: bold;
}
.pagination .page-numbers:hover {
  background: #e4e4e4;
}

/* logo grid */
section.basic.logo-grid {
  padding-bottom: 0;
}
section.basic.logo-grid h2 {
  margin-top: 40px;
}
.logo-grid .logo-item {
  background: #f4f4f4;
  margin-bottom: 30px;
  min-height: 82px;
  position: relative;
  text-align: center;
}
.logo-grid .logo-item a {
  display: block;
}
.logo-grid .logo-item img {
  max-width: 100%;
  display: inline-block;
}
.logo-grid .logo-item a span.case-link {
  display: block;
  position: absolute;
  font-size: 11px;
  font-weight: 300;
  background: rgba(0,0,0,.2);
  bottom: 0;
  right: 0;
  padding: 2px 5px;
  color: rgba(255,255,255,.7);
  text-transform: uppercase;
}

.logo-grid .logo-item a:hover span.case-link {
  background: rgba(0,0,0,.5);
  color: rgba(255,255,255,.99);
}

/* Corporate Home ------------- */

/* hide top bar */
#masthead.corporate #top-bar {
  display: none;
}

#masthead.corporate .navigation-bar {
  background: rgba(0,0,0,.1);
  max-height: 40px;
}
/* center logo */
#masthead.corporate .logo-container {
  float: none;
  margin: 0 auto;
}
#masthead.corporate .logo {
  left: 50%;
  margin-left: -65px;
}
#masthead.corporate .navi-container {
  margin: 0;
  float: right;
  width: 50%;
}
#masthead.corporate .navigation > li {
  float: right;
  width: 150px !important;
}

#masthead.corporate .page-sign {
  margin-top: 110px;
}

body.home #masthead.corporate .page-sign {
  margin-top: 100px;
  margin-bottom: 20px;
  width: 700px;
}
body.home #masthead.corporate .page-sign h1 {
  font-size: 65px;
}
body.home #masthead.corporate .page-sign h3 {
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: normal;
  text-shadow: 0 2px rgba(0,0,0,.4);
}
body.home #masthead.corporate .page-sign .button {
  margin: 20px 0;
}
body.home #masthead.corporate .page-sign .btn {
  color: #333;
  background: #fff;
}
body.home #masthead.corporate .page-sign .btn:hover {
  color: #fff;
  background: #349187;
}
body.home #masthead.corporate .page-sign p.excerpt {
  font-size: 22px;
  text-shadow: 0 2px rgba(0,0,0,.2);
  margin-bottom: 20px;
}
body.home #masthead.corporate .page-sign .strands-site p {
  font-size: 14px;
  text-shadow: 0 2px rgba(0,0,0,.2);
  margin-bottom: 40px;
}

/* Hubspot forms */
body .hs-form fieldset,
body .hs-form .hs-richtext div,
body .hs-form label {
  font-family: 'Open Sans', 'Helvetica Neue', Sans-serif;
}
body .hs-form fieldset,
body .hs-form .hs_submit {
  max-width: 500px;
  margin: 0 auto;
}
body .hs-form .hs-richtext div {
  margin-bottom: 1em;
  font-size: 16px;
  line-height: 1.4em;
}
body .hs-form textarea {
  min-height: 10em
}
body .hs-form .hs-button,
body .hs-form .hs-button:hover {
  background: #308E85;
  font-family: 'Proxima Nova', 'Helvetica Neue', Sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: 20px;
  text-shadow: none;
  border: 0;
  font-size: 16px;
  height: auto;
  line-height: 30px;
  padding: 7px 20px 4px 20px;
  box-shadow: none;
  letter-spacing: 1px
}
body .hs-form .hs-button:hover,
body .hs-form .hs-button:active {
  background: #333;
  box-shadow: none !important;
  border: 0 !important;
}

/* Icon Company Finance */

.icon_Company {
    width: 120px;
    height: 120px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../images/icons/Sprite_Company.svg);
}

.Icon_Company-Design {

    background-position: 0 0;
}
.Icon_Company-Innovation {

    background-position: -136px 0;
}
.Icon_Company-People {

    background-position: -272px 0;
}
.Icon_Company-Simplicity {

    background-position: -408px 0;
}
.Icon_CompanyJOBS-Cool_Locations {

    background-position: -544px 0;
}
.Icon_CompanyJOBS-International_Team {

    background-position: -680px 0;
}
.Icon_CompanyJOBS-Top_Clients {

    background-position: -816px 0;
}
.Icon_CompanyPARTNERS-Access {

    background-position: -952px 0;
}
.Icon_CompanyPARTNERS-Growth {

    background-position: -1088px 0;
}
.Icon_CompanyPARTNERS-Training {

    background-position: -1224px 0;
}