/*-------------------------------------------*\
  $BASE - Base styles, variables, mixins, etc
\*-------------------------------------------*/
@import "//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
@import "//fonts.googleapis.com/css?family=Droid+Sans:300,400,600,700";
/* ahhh 3 balls*/
/* Showcase Area */
/* Timeline */
/* Mixins */
/* Timeline */
h1, h2, h3, h4, h5 {
  margin-top: 0; }

.page-header {
  margin-top: 30px; }

.no-pad-top {
  padding-top: 0; }

.extra-pad {
  padding-top: 60px;
  padding-bottom: 60px; }

.top-inner {
  padding: 90px 0 30px 0; }

.side-pad {
  padding-left: 20px;
  padding-right: 20px; }

.left-side-pad {
  padding-left: 20px; }

.right-side-pad {
  padding-right: 20px; }

/* Image Sizes */
.img-xsm {
  width: 100px; }

.img-sm {
  width: 200px; }

.img-lg {
  width: 400px; }

.img-xlg {
  width: 700px; }

.clearfix {
  clear: both; }

body {
  background-color: #FFF;
  color: #055183;
  font-family: "Droid Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7em; }

#wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  position: relative;
  width: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Droid Sans", sans-serif;
  font-style: normal;
  margin-bottom: 20px; }

h3,
h4,
h5 {
  color: #255a8a; }

.go-to-top.affix-top {
  position: absolute;
  /* allows it to "slide" up into view */
  bottom: -82px;
  left: 10px;
  z-index: 9999; }

.go-to-top.affix {
  position: fixed;
  /* keeps it on the bottom once in view */
  bottom: 18px;
  left: 10px;
  z-index: 9999; }

h1.title span {
  font-weight: 300; }

h2.title span {
  font-weight: 300; }

h3.title {
  color: #404041;
  margin-bottom: 36px; }

h3.title span {
  font-weight: 300; }

h3.page-header {
  color: #4a4a4a;
  margin-top: 20px;
  padding-bottom: 15px; }

h3.page-header span {
  font-weight: 300; }

h4.title {
  margin-top: 20px;
  margin-bottom: 26px; }

h4.title span {
  font-weight: 300; }

p {
  margin: 0 10px 10px 0;
  line-height: 28px;
  font-size: 15px; }

p.lead {
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 0px;
  color: #055183; }

.well-color {
  background-color: #B1E1EF; }

.row-centered {
  text-align: center; }

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px; }

.quote {
  margin: 1.5em 0 1.5em;
  padding: 0 1em 0 2.5em;
  position: relative;
  border-left: 5px solid #5FB1E3;
  font-size: 14px; }

.quote:before {
  color: #055183;
  content: "\201C";
  font-size: 3em;
  position: absolute;
  left: 5px;
  top: 0.3em;
  line-height: 0.1em; }

.quote p {
  display: inline; }

.quote footer, .quote-reverse footer {
  color: #055183;
  font-weight: 700; }

.quote-reverse {
  margin: 1.5em 0 1.5em;
  padding: 0 2.5em 0 1em;
  position: relative;
  border-right: 5px solid #5FB1E3;
  font-size: 14px; }

.quote-reverse:after {
  color: #055183;
  content: "\201D";
  font-size: 3em;
  position: absolute;
  right: 5px;
  bottom: 0.3em;
  line-height: 0.1em; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

ol,
ul {
  margin-bottom: 20px; }

section a {
  color: #055183;
  text-decoration: none;
  font-weight: 600; }
  section a:hover {
    text-decoration: none;
    text-shadow: 0 0 1px #999; }

img {
  border-radius: 4px; }

img.pull-left.padded {
  margin: 0 20px 15px 0; }

img.pull-right.padded {
  margin: 0 0 15px 20px; }

ul, li {
  list-style: none; }

ul li {
  line-height: 24px; }

ul.nav-list > li {
  margin: 0;
  padding: 0; }

ul.nav-list > li a {
  border-bottom: 1px solid #f2f3f4;
  color: #4a4a4a;
  padding: 8px 15px;
  -webkit-transition: all .3s;
  transition: all 0.3s; }

ul.nav-list > li a i {
  margin-right: 5px; }

.bullets li {
  line-height: 24px; }

.bullets li:before {
  content: '\f111';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #055183;
  font-size: 12px; }

.go-to-top.affix-top {
  position: absolute;
  /* allows it to "slide" up into view */
  bottom: -82px;
  left: 10px; }

.go-to-top.affix {
  position: fixed;
  /* keeps it on the bottom once in view */
  bottom: 18px;
  left: 10px; }

img.device {
  width: 100%; }

img.device-small {
  width: 70%;
  margin-bottom: -40px; }

.top-side-margin {
  margin-top: 20px; }

.right-side-margin {
  margin-right: 20px; }

.bottom-side-margin {
  margin-bottom: 20px; }

.left-side-margin {
  margin-left: 20px; }

/*-------------------------------------------*\
  $MODULES - Individual site components
\*-------------------------------------------*/
/* Lists */
/*.list{
	margin-bottom:30px;
}

.list-feature{
	@extend .list;
	margin:0;
	padding:0;
	width:80%;
	
	li{
		line-height:1.6em;
		overflow:auto;
	}
	
	li:last-child{
		border:0;
	}
	
	span{
		vertical-align:top;
		padding-top:9px;
		font-size:80%;
	}
	
	i{
		margin-top:-9px;
		margin-right:5px;
	}
}

.list-comments {
	margin:0;
	padding:0;
}

.list-comments li{
	padding:10px 0 5px 0;
	@include add-border(1px, #cccccc, bottom);
	overflow:auto !important;
}

.list-comments li:last-child{
	border:0;
}

.list-comments img{
	width:100px;
}*/
/* Icons */
.fa-1 {
  font-size: 10px; }

.fa-2 {
  font-size: 18px; }

.fa-3 {
  font-size: 24px; }

.fa-4 {
  font-size: 27px; }

.fa-5 {
  font-size: 35px; }

.fa-6 {
  font-size: 40px; }

.fa-xl {
  font-size: 80px; }

.fa-primary {
  color: #055183; }

.fa-light {
  color: #B1E1EF; }

.fa-dark {
  color: #055183; }

.fa-white {
  color: #FFF; }

.fa-black {
  color: #000; }

.fa-border {
  border: 1px solid #055183;
  border-radius: 5px;
  padding: 13px 15px;
  width: 70px;
  margin-bottom: 10px; }

/* Headings */
.heading-primary, .heading-primary-a {
  color: #055183; }

.heading-primary-a {
  border-bottom: 2px solid #B1E1EF; }

.heading-secondary, .heading-secondary-a {
  color: #055183; }

.heading-secondary-a {
  border-bottom: 2px solid #055183; }

.heading-light, .heading-light-a {
  color: #B1E1EF; }

.heading-light-a {
  border-bottom: 2px solid #B1E1EF; }

.heading-dark, .heading-dark-a {
  color: #055183; }

.heading-dark-a {
  border-bottom: 2px solid #055183; }

/* Emphasis Text */
.img-pad {
  padding: 15px; }

.em-primary {
  color: #055183; }

.em-secondary {
  color: #30A7DF; }

.em-dark {
  color: #055183; }

.em-light {
  color: #B1E1EF; }

/* Blocks */
.block, .block-primary, .block-secondary, .block-light, .block-dark, .block-trans {
  padding: 15px;
  margin-bottom: 15px; }
  .block h3, .block-primary h3, .block-secondary h3, .block-light h3, .block-dark h3, .block-trans h3 {
    margin-top: 10px;
    padding-top: 0;
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 500; }
  .block iframe, .block-primary iframe, .block-secondary iframe, .block-light iframe, .block-dark iframe, .block-trans iframe {
    width: 100%; }

.block-primary {
  background: #30A7DF;
  color: #ffffff; }

.block-secondary {
  background: #30A7DF;
  color: #ffffff; }

.block-light {
  background: #B1E1EF;
  color: #666666; }

.block-dark {
  background: #055183;
  color: #ffffff; }

.block-trans {
  background-color: transparent; }

.block-center {
  text-align: center !important; }

.block-image img {
  width: 100%; }

.block-border {
  border: 1px solid #cccccc; }

.block-primary-head h3 {
  padding: 15px 5px 15px 10px;
  background: #055183;
  color: #ffffff;
  margin: 0;
  font-size: 18px; }
.block-primary-head .block-content {
  border: 1px solid #055183;
  padding: 10px; }

.block-icon h3 {
  padding: 0;
  margin: 0; }
.block-icon .icon {
  float: left;
  width: 20%;
  margin-top: 10px;
  margin-right: 20px; }
.block-icon .icon-content {
  float: left;
  width: 70%; }

/* contact page 3 links */
.contact-block-link:hover {
  background: #B1E1EF;
  border: 1px solid #055183; }

.circle {
  height: 260px;
  width: 260px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  -moz-border-radius: 130px;
  -webkit-border-radius: 130px;
  padding: 10px; }
  .circle i {
    color: #fff;
    font-size: 80px;
    line-height: 250px; }
  .circle h4 {
    color: #333333;
    margin: 2em 0 .5em 0;
    font-weight: 600;
    font-size: 20px; }
  .circle p {
    color: #7b7b7b;
    font-weight: 300;
    font-size: 15px;
    width: 74%;
    margin: 0 auto;
    line-height: 1.7; }
  .circle:hover {
    opacity: 0.7; }

.circle-auto {
  height: 100%;
  width: 100%;
  -moz-border-radius: 130px;
  -webkit-border-radius: 130px;
  padding: 20px; }
  .circle-auto i {
    font-size: 20px;
    line-height: 15px; }

.circle-auto-line {
  height: 100%;
  width: 100%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 22px; }
  .circle-auto-line i {
    font-size: 30px;
    line-height: 0px; }

.btn-primary {
  background: #055183;
  color: #ffffff;
  border: 2px solid #055183; }

.btn-primary:hover {
  background: #022339;
  border: 2px solid #055183; }

.btn-primary-inverse {
  background: #B1E1EF;
  color: #666666;
  border: 2px solid #5FB1E3; }

.btn-primary-inverse:hover {
  background: #022339;
  border: 2px solid #055183; }

/*-----------------------------------*\
  Hero
  \*-----------------------------------*/
.hero {
  position: relative;
  padding: 100px 0;
  text-align: center;
  background: #E1DCD2;
  background-size: cover; }
  .hero h1 {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 46px;
    color: #2C3C69;
    margin-top: 10px; }
  .hero h1 strong {
    color: #055183; }
  .hero h1 span {
    color: #30A7DF; }
  .hero h2 {
    font-weight: normal;
    margin-bottom: 0;
    font-size: 20px; }
  .hero .message {
    background-color: rgba(255, 255, 255, 0.58);
    border-radius: 20px;
    padding: 30px 10px;
    width: 90%;
    max-width: 950px;
    margin: 0 auto;
    z-index: 5;
    position: relative; }

@media screen and (max-width: 730px) {
  .hero {
    padding: 50px 0; } }
@media screen and (max-width: 730px) {
  .hero .message {
    max-width: 90%;
    border-radius: 0;
    padding: 10px 10px; } }
@media screen and (max-width: 730px) {
  .hero .message {
    max-width: 90%;
    border-radius: 0;
    padding: 10px 10px; }
  .hero h1 {
    font-size: 26px; } }
h3.hero-headline {
  margin-top: 16px; }

.hero-text {
  min-height: 150px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px; }

/*-----------------------------------*\
  testimonial
  \*-----------------------------------*/
.testimonial p.lead {
  color: #B1E1EF;
  padding-top: 10px; }

.testimonial blockquote {
  font-size: 18px;
  font-style: italic;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  border-left: none;
  margin: 0;
  padding: 0; }
.testimonial blockquote cite {
  color: #B1E1EF;
  font-size: 18px;
  font-weight: 300;
  font-size: 14px;
  display: block;
  margin-top: 5px; }

/*-----------------------------------*\
  section
  \*-----------------------------------*/
section {
  padding: 40px 0; }

.section-showcase {
  height: 400px;
  background: url("../img/showcase.jpg") no-repeat top center; }
  .section-showcase .showcase-content {
    padding: 110px 15px;
    text-align: center; }
  .section-showcase h1 {
    color: #055183; }

.video-promo h2 {
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase; }
.video-promo h2 > i {
  font-size: 1.2em;
  font-weight: 700;
  color: #022339; }

.contact-promo h2 {
  color: #055183;
  font-weight: 700;
  text-transform: uppercase; }
.contact-promo h2 > i {
  font-size: 1.2em;
  font-weight: 700;
  color: #022339; }

.section-dark, .section-brand {
  text-align: center;
  background: #055183;
  color: #ffffff; }

.section-medium-dark {
  background: #30A7DF;
  color: #ffffff; }

.section-medium-light {
  background: #5FB1E3;
  color: #ffffff; }

.section-light {
  background: #B1E1EF;
  color: #666666; }

.section-rounded {
  border-radius: 20px; }

section.launch {
  padding: 12px 0 0 0; }

section.services {
  padding-top: 24px; }

.section-brand {
  border-top: 3px solid #5FB1E3; }
  .section-brand h1 {
    color: #FFF;
    float: left; }
  .section-brand h1 span {
    color: #5FB1E3; }
  .section-brand h1 small {
    color: #B1E1EF;
    margin-left: 25px; }

.section-footer-dark {
  background: #022339;
  color: #ffffff; }

.websites-promo h2 {
  font-weight: 700;
  text-transform: capitalize; }
.websites-promo h2 > i {
  font-size: 1.2em;
  font-weight: 700;
  color: #022339; }
.websites-promo h3 {
  font-size: 21px;
  line-height: 1.7em;
  font-weight: 400;
  text-transform: uppercase;
  margin: 20px 0 40px 0; }
.websites-promo h4 {
  font-size: 16px;
  word-spacing: 3px;
  letter-spacing: .2px; }
.websites-promo img {
  margin: 40px 0 10px 0; }

.partners img:hover {
  opacity: 0.6;
  transition: 0.8s; }

.about-us .show-team {
  border: solid 1px #eeeeee;
  border-left: 3px solid #9b59b6;
  margin: 0 40px;
  padding: 28px; }

.software {
  color: #B1E1EF;
  background-color: #3581C6; }
  .software h3 {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    word-spacing: 3px;
    letter-spacing: .2px; }
  .software blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 14px;
    border-left: 5px solid #FFF;
    color: #FFF; }

.learning {
  background-color: #8A255A; }

.academy {
  background-color: #258A88; }

/* index message slider */
.msg-slider-container {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 54px;
  overflow: hidden; }
  .msg-slider-container h1 {
    margin: 0;
    font-weight: 800; }

.msg-slider-text {
  position: absolute;
  display: block;
  top: 0;
  transition: all 0.6s ease;
  font-size: 24px;
  text-align: center;
  width: 100%;
  text-align: center; }

.msg-slider-hidden {
  opacity: 0; }

.msg-slider-visible {
  opacity: 1; }

.msg-slider-right {
  left: 200px; }

.msg-slider-middle {
  left: 0px; }

.msg-slider-left {
  left: -200px; }

/* /index message slider */
/* index testimonial slider */
#testimonial-slider-container {
  position: relative;
  overflow: hidden;
  height: 116px; }

.testimonial-slide {
  position: absolute;
  display: block;
  top: 0;
  transition: all 0.6s ease; }

.testimonial-slide-hidden {
  opacity: 0; }

.testimonial-slide-visible {
  opacity: 1; }

.testimonial-slide-right {
  left: 300px; }

.testimonial-slide-middle {
  left: 0px; }

.testimonial-slide-left {
  left: -300px; }

/* /index testimonial slider */
/* contact/talktous map */
section.section-map {
  height: 600px;
  background-position: center;
  background-size: cover; }

section.section-map.map8 {
  background-image: url("/img/contactmap/centered8.png"); }

section.section-map.map9 {
  background-image: url("/img/contactmap/centered9.png"); }

section.section-map.map10 {
  background-image: url("/img/contactmap/centered10.png"); }

section.section-map.map11 {
  background-image: url("/img/contactmap/centered11.png"); }

section.section-map.map12 {
  background-image: url("/img/contactmap/centered12.png"); }

section.section-map.map13 {
  background-image: url("/img/contactmap/centered13.png"); }

section.section-map.map14 {
  background-image: url("/img/contactmap/centered14.png"); }

section.section-map.map15 {
  background-image: url("/img/contactmap/centered15.png"); }

section.section-map.map16 {
  background-image: url("/img/contactmap/centered16.png"); }

section.section-map.map17 {
  background-image: url("/img/contactmap/centered17.png"); }

.map-scaler {
  height: 100%;
  width: calc(100% / 10);
  display: inline-block;
  float: left;
  z-index: 10; }

#map-marker {
  display: block;
  margin: 0 auto;
  height: 56px;
  width: 56px;
  margin-top: 220px;
  background-image: url("/img/contactmap/marker.png");
  z-index: 5; }

.map-howto {
  color: white;
  display: block;
  bottom: 4px;
  pointer-events: none;
  font-size: 30px;
  text-align: center;
  text-shadow: 0 0 6px #444444;
  transition: opacity 1s ease; }
  .map-howto.visible {
    opacity: 1; }
  .map-howto.hidden {
    opacity: 0; }

/* /contact/talktous map */
/* background image crossfader */
.bg-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #E1DCD2 no-repeat center center;
  background-size: cover;
  transition: opacity 2s ease; }

.bg-fade-bottom {
  z-index: 0; }

.bg-fade-top {
  z-index: 1; }

.bg-fade-visible {
  opacity: 1; }

.bg-fade-hidden {
  opacity: 0; }

.bg-fade-0 {
  background-image: url("/img/bg/bg-0.jpg"); }

.bg-fade-1 {
  background-image: url("/img/bg/bg-1.jpg"); }

.bg-fade-2 {
  background-image: url("/img/bg/bg-2.jpg"); }

.bg-fade-3 {
  background-image: url("/img/bg/bg-3.jpg"); }

.bg-fade-4 {
  background-image: url("/img/bg/bg-4.jpg"); }

.bg-fade-5 {
  background-image: url("/img/bg/bg-5.jpg"); }

.bg-fade-6 {
  background-image: url("/img/bg/bg-6.jpg"); }

.bg-fade-7 {
  background-image: url("/img/bg/bg-7.jpg"); }

.bg-fade-8 {
  background-image: url("/img/bg/bg-8.jpg"); }

.bg-fade-9 {
  background-image: url("/img/bg/bg-9.jpg"); }

/* /background image crossfader */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px; }

.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px; }

.bs-callout p:last-child {
  margin-bottom: 0; }

.bs-callout code {
  border-radius: 3px; }

.bs-callout + .bs-callout {
  margin-top: -5px; }

.bs-callout-default {
  border-left-color: #777; }

.bs-callout-default h4 {
  color: #777; }

.bs-callout-primary {
  border-left-color: #055183; }

.bs-callout-primary h4 {
  color: #055183; }

.bs-callout-success {
  border-left-color: #5cb85c; }

.bs-callout-success h4 {
  color: #5cb85c; }

.bs-callout-danger {
  border-left-color: #d9534f; }

.bs-callout-danger h4 {
  color: #d9534f; }

.bs-callout-warning {
  border-left-color: #f0ad4e; }

.bs-callout-warning h4 {
  color: #f0ad4e; }

.bs-callout-info {
  border-left-color: #5FB1E3; }

.bs-callout-info h4 {
  color: #5FB1E3; }

.bs-callout-left {
  border--color: #5FB1E3; }

/* IBM/PS launch button */
.launch-btn *,
.launch-btn *:after,
.launch-btn *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.launch-btn {
  margin: 0 auto;
  max-width: 460px; }
  @media screen and (max-width: 730px) {
    .launch-btn {
      max-width: 260px; } }
  .launch-btn a {
    position: relative;
    display: inline-block;
    outline: none;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2em;
    margin: 5px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    width: 100%; }
    @media screen and (max-width: 730px) {
      .launch-btn a {
        line-height: 1.2em; } }
    .launch-btn a:hover, .launch-btn a :focus {
      outline: none; }
    .launch-btn a span {
      position: relative;
      display: inline-block;
      width: 100%;
      padding: 8px 16px;
      background: #055183;
      -webkit-transition: -webkit-transform 0.4s, background 0.4s;
      -moz-transition: -moz-transform 0.4s, background 0.4s;
      transition: transform 0.4s, background 0.4s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform-origin: 50% 50% -230px;
      -moz-transform-origin: 50% 50% -230px;
      transform-origin: 50% 50% -230px; }
      @media screen and (max-width: 730px) {
        .launch-btn a span {
          -webkit-transform-origin: 50% 50% -130px;
          -moz-transform-origin: 50% 50% -130px;
          transform-origin: 50% 50% -130px; } }

.launch-btn a span:before {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.4);
  content: attr(data-link);
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  transition: background 0.4s;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  transform-origin: 0 50%;
  pointer-events: none; }

@media screen and (max-width: 730px) {
  .launch-btn a span::before {
    line-height: 1.2em; } }
.launch-btn a:hover span,
.launch-btn a:focus span {
  background: rgba(0, 0, 0, 0.7);
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  transform: rotateY(-90deg); }

.launch-btn a:hover span::before,
.launch-btn a:focus span::before {
  background: #055183; }

/* /IBM/PS launch button */
.ball-hover {
  display: inline-block;
  font-size: 80px;
  line-height: 260px;
  cursor: pointer;
  margin: 0px;
  height: 260px;
  width: 260px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  text-decoration: none;
  z-index: 1;
  color: #fff;
  -webkit-transition: background 0.2s, color 0.2s;
  -moz-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s; }
  .ball-hover:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: -7px;
    left: -7px;
    padding: 7px;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0; }
  .ball-hover:before {
    speak: none;
    font-size: 80px;
    line-height: 260px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased; }
  .ball-hover:hover {
    background: white; }
    .ball-hover:hover:after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
  .ball-hover:focus {
    background: white; }
    .ball-hover:focus:after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1; }

.ball-software {
  background: #3581C6; }
  .ball-software:after {
    box-shadow: 0 0 0 4px #3581C6; }
  .ball-software:hover {
    color: #3581C6; }
  .ball-software:focus {
    color: #3581C6; }

.ball-learning {
  background: #8A255A; }
  .ball-learning:after {
    box-shadow: 0 0 0 4px #8A255A; }
  .ball-learning:hover {
    color: #8A255A; }
  .ball-learning:focus {
    color: #8A255A; }

.ball-academy {
  background: #258A88; }
  .ball-academy:after {
    box-shadow: 0 0 0 4px #258A88; }
  .ball-academy:hover {
    color: #258A88; }
  .ball-academy:focus {
    color: #258A88; }

/* headline overlap fix */
h3.hero-headline {
  margin-top: 18px; }

/* contact page 3 links */
.contact-block-link:hover {
  background: #E7E6EF; }

/* rotating cogs */
.cog-container {
  position: relative; }
  .cog-container .cog-logo {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0; }
  .cog-container .cog-spin {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0; }
    .cog-container .cog-spin.clockwise {
      -webkit-animation: rotateClockwise 120s infinite linear;
      -moz-animation: rotateClockwise 120s infinite linear;
      -o-animation: rotateClockwise 120s infinite linear;
      -ms-animation: rotateClockwise 120s infinite linear;
      animation: rotateClockwise 120s infinite linear; }
    .cog-container .cog-spin.anticlockwise {
      -webkit-animation: rotateAnticlockwise 120s infinite linear;
      -moz-animation: rotateAnticlockwise 120s infinite linear;
      -o-animation: rotateAnticlockwise 120s infinite linear;
      -ms-animation: rotateAnticlockwise 120s infinite linear;
      animation: rotateAnticlockwise 120s infinite linear; }

@-webkit-keyframes rotateClockwise {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotateClockwise {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@-o-keyframes rotateClockwise {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }
@-ms-keyframes rotateClockwise {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); } }
@keyframes rotateClockwise {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes rotateAnticlockwise {
  0% {
    -webkit-transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@-moz-keyframes rotateAnticlockwise {
  0% {
    -moz-transform: rotate(360deg); }
  100% {
    -moz-transform: rotate(0deg); } }
@-o-keyframes rotateAnticlockwise {
  0% {
    -o-transform: rotate(360deg); }
  100% {
    -o-transform: rotate(0deg); } }
@-ms-keyframes rotateAnticlockwise {
  0% {
    -ms-transform: rotate(360deg); }
  100% {
    -ms-transform: rotate(0deg); } }
@keyframes rotateAnticlockwise {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }
/* homepage border between questionnaire and ibm links in banner*/
@media (max-width: 991px) {
  .questionnaires-border {
    border-right: none;
    border-bottom: 2px solid white; }

  .launch-bluemix-border {
    margin-top: 24px; } }
@media (min-width: 992px) {
  .questionnaires-border {
    border-right: 2px solid white;
    border-bottom: none; } }
/* Searchbox */
.search {
  width: 100%; }
  .search h3 {
    margin-top: 0;
    padding-top: 0; }
  .search input[type="search"] {
    border: 0;
    height: 50px;
    width: 80%;
    border: 2px solid #055183;
    font-size: 18px;
    padding-left: 10px;
    padding-bottom: 5px; }
  .search button {
    border: 0;
    background: none;
    padding: 0;
    vertical-align: top;
    margin-left: -4px; }

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px; }

.timeline > li {
  margin-bottom: 20px;
  position: relative; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); }

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " "; }

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " "; }

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%; }

.timeline > li.timeline-inverted > .timeline-panel {
  float: right; }

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto; }

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto; }

.timeline-badge.primary {
  background-color: #2e6da4 !important; }

.timeline-badge.success {
  background-color: #3f903f !important; }

.timeline-badge.warning {
  background-color: #f0ad4e !important; }

.timeline-badge.danger {
  background-color: #d9534f !important; }

.timeline-badge.info {
  background-color: #5bc0de !important; }

.timeline-title {
  margin-top: 0;
  color: inherit; }

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0; }

.timeline-body > p + p {
  margin-top: 5px; }

/*Bootstrap Override */
.popover {
  max-width: 800px; }

@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px; }

  ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px); }

  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px; }

  ul.timeline > li > .timeline-panel {
    float: right; }

  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto; }

  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto; } }
.ws-logo {
  /* incomplete */
  background: white;
  position: relative;
  height: 500px; }
  .ws-logo .petal {
    position: absolute;
    width: 180px;
    height: 100px;
    background: blue;
    -moz-border-radius: 90px / 50px;
    -ms-border-radius: 90px / 50px;
    -webkit-border-radius: 90px / 50px;
    -o-border-radius: 90px / 50px;
    border-radius: 90px / 50px; }
  .ws-logo .petal-1 {
    top: 185px;
    background: #055183;
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg); }
  .ws-logo .petal-2 {
    top: 60px;
    left: 10px;
    background: #30A7DF;
    -ms-transform: rotate(32deg);
    -webkit-transform: rotate(32deg);
    -moz-transform: rotate(32deg);
    -o-transform: rotate(32deg);
    transform: rotate(32deg); }
  .ws-logo .petal-3 {
    background: #5FB1E3;
    -ms-transform: rotate(88deg);
    -webkit-transform: rotate(88deg);
    -moz-transform: rotate(88deg);
    -o-transform: rotate(88deg);
    transform: rotate(88deg); }
  .ws-logo .petal-4 {
    background: #B1E1EF;
    -ms-transform: rotate(130deg);
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg); }

/*-------------------------------------------*\
  $LAYOUTS -  Page layout styles
\*-------------------------------------------*/
header {
  position: relative;
  z-index: 30; }

header .navbar, .dropdown-menu {
  border: none; }

header .navbar-wrapper {
  color: #4a4a4a;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  height: 110px;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  -webkit-transition: background .1s ease-in-out 0s;
  transition: background .1s ease-in-out 0s;
  -webkit-transition: height .5s ease-in-out;
  transition: height 0.5s ease-in-out; }

header .navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0; }

header .navbar-wrapper .navbar {
  padding-right: 0;
  padding-left: 0;
  border: none;
  background-color: #fff; }

header .navbar-wrapper .navbar .container {
  width: auto; }

header .navbar-wrapper .navbar-toggle {
  background: #f2f3f4;
  border: 1px solid #e3e9e9;
  color: #4a4a4a;
  box-shadow: inset 0 1px 0 #f2f3f4;
  text-shadow: 0 1px 0 #fff;
  margin: 36px 26px 34px;
  -webkit-transition: margin .5s ease-in-out;
  transition: margin .5s ease-in-out;
  -webkit-transition: background .1s ease-in-out 0s;
  transition: background .1s ease-in-out 0s;
  padding: 8px 14px 10px; }

header .navbar-wrapper .navbar-toggle:hover {
  background: #cacaca;
  border: 1px solid #9eadae;
  color: #fff;
  box-shadow: inset 0 1px 0 #aebbbc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); }

header .navbar-wrapper .navbar-toggle i {
  font-size: 16px;
  vertical-align: middle; }

header .navbar-wrapper .navbar-default .navbar-collapse,
header .navbar-wrapper .navbar-default .navbar-form {
  border-color: #cacaca; }

header .navbar-wrapper .navbar-nav {
  margin: 0 120px; }

header .navbar-wrapper .navbar-nav > li {
  border-bottom: 1px solid #cacaca; }

header .navbar-wrapper .navbar-nav > li > a {
  font-weight: 600;
  background-color: transparent;
  color: #4a4a4a;
  font-size: 16px;
  padding: 13px 18px;
  line-height: 25px;
  -webkit-transition: padding .5s ease-in-out;
  transition: padding 0.5s ease-in-out; }

header .navbar-wrapper .navbar-nav > li.active > a,
header .navbar-wrapper .navbar-nav > li:hover > a {
  background-color: transparent !important; }

header .navbar-wrapper .navbar-nav > li > a > .caret {
  margin-top: -5px;
  -webkit-transition: -webkit-transform .2s ease-in;
  transition: transform 0.2s ease-in; }

header .navbar-wrapper .navbar-nav li > a:hover > .caret,
header .navbar-wrapper .navbar-nav > li.open > a > .caret {
  opacity: .9;
  margin-top: -6px; }

header .navbar-wrapper .navbar-nav > .open > a {
  color: #4a4a4a;
  background-color: #fff !important; }

header .navbar-wrapper .navbar-nav .dropdown-menu > li > a {
  padding: 13px 18px;
  border-top: 1px solid #cacaca; }

header .navbar-wrapper .navbar-nav .dropdown-menu > li > a:before {
  content: ""; }

header .navbar-wrapper .navbar-brand {
  margin-top: 36px;
  padding: 0;
  -webkit-transition: margin .5s ease-in-out;
  transition: margin 0.5s ease-in-out; }

header .navbar-wrapper .navbar-brand img {
  margin-left: 15px;
  max-height: 44px;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height 0.5s ease-in-out; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border: 0;
  border-color: none; }

@media (min-width: 992px) {
  header .navbar-wrapper .navbar-default {
    background-color: transparent; }

  header .navbar-wrapper .navbar-nav > li {
    border-bottom: none; }

  header .navbar-wrapper .navbar-nav > li > a {
    border-bottom: 5px solid #fff;
    font-weight: 400;
    padding: 40px 0;
    margin: 0 18px; }

  header .navbar-wrapper .navbar-nav .dropdown-menu .dropdown-menu-large {
    left: 18px;
    border: none;
    border-top: 5px solid #255a8a;
    margin-top: -5px;
    padding: 0;
    width: 200px; }

  header .navbar-wrapper .navbar-nav .dropdown-menu .dropdown-menu-large > li > a {
    padding: 13px 18px;
    border-bottom: 1px solid #cacaca;
    border-top: none; }

  header .navbar-wrapper .navbar-nav .dropdown-menu .dropdown-menu-large > li > a:before {
    display: none; }

  header .navbar-wrapper .navbar-nav .dropdown-menu .dropdown-menu-large > li > a:last-child {
    border-bottom: 0; }

  header .navbar-wrapper .navbar-nav .dropdown-menu .dropdown-menu-large > li > a:focus,
  header .navbar-wrapper .navbar-nav .dropdown-menu .dropdown-menu-large > li > a:hover {
    background-color: #f2f3f4;
    color: #255a8a; }

  header .navbar-wrapper .navbar-nav li.dropdown:hover .dropdown-menu {
    display: block; }

  header .navbar-wrapper.stuck {
    position: fixed;
    top: 0; }

  header .navbar-wrapper.dark .navbar-nav > li > a {
    border-bottom: 5px solid #404041;
    color: #fff; }

  header .navbar-wrapper.dark .navbar-nav > li > a:hover {
    color: rgba(255, 255, 255, 0.6); } }
@media screen and (max-width: 992px) {
  .navbar-brand {
    margin-top: 0; }

  .navbar-default .navbar-nav {
    margin-left: 0; }

  .navbar-default .navbar-nav .dropdown-menu .dropdown a {
    background-color: inherit; }

  .navbar-default .navbar-nav .dropdown-menu .dropdown i {
    display: none; } }
@media only screen and (min-width: 480px) {
  header .navbar-wrapper .navbar-nav {
    margin: 0px; } }
.platform-menu-margin {
  margin-left: -160px; }

@media screen and (max-width: 992px) {
  .platform-menu-margin {
    margin-left: 0; } }
/*header .nav li:hover:nth-child(8n+1), .nav li.active:nth-child(8n+1) {
  border-bottom: #C4E17F 3px solid; }

header .nav li:hover:nth-child(8n+2), .nav li.active:nth-child(8n+2) {
  border-bottom: #F7FDCA 3px solid; }

header .nav li:hover:nth-child(8n+3), .nav li.active:nth-child(8n+3) {
  border-bottom: #FECF71 3px solid; }

header .nav li:hover:nth-child(8n+4), .nav li.active:nth-child(8n+4) {
  border-bottom: #F0776C 3px solid; }

header .nav li:hover:nth-child(8n+5), .nav li.active:nth-child(8n+5) {
  border-bottom: #DB9DBE 3px solid; }

header .nav li:hover:nth-child(8n+6), .nav li.active:nth-child(8n+6) {
  border-bottom: #C49CDE 3px solid; }

header .nav li:hover:nth-child(8n+7), .nav li.active:nth-child(8n+7) {
  border-bottom: #669AE1 3px solid; }

header .nav li:hover:nth-child(8n+8), .nav li.active:nth-child(8n+8) {
  border-bottom: #62C2E4 3px solid; }
*/
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static; }

.yamm .container {
  position: relative; }

.yamm .dropdown-menu {
  left: auto;
  right: auto; }

.yamm .yamm-content {
  padding: 20px 30px; }

.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0; }

.footer-content {
  padding: 2em 0; }

.footer-content h4 {
  color: #fff;
  font-size: 1.2em;
  font-weight: 900;
  text-transform: uppercase; }

.footer-content h4 > i {
  font-size: 1.5em;
  font-weight: 700;
  color: #055183; }

.footer-content .contact-block li {
  margin-bottom: 15px;
  line-height: 18px;
  position: relative;
  padding-left: 24px; }

.footer-content .contact-block li i {
  display: inline-block;
  width: 24px;
  position: absolute;
  top: 0;
  left: 0; }

.footer-content .contact-block li a {
  color: #5FB1E3; }

.footer-content .contact-block li a:hover {
  color: #B1E1EF; }

footer .footer-content .twitter-block li {
  margin-bottom: 15px;
  line-height: 18px;
  position: relative;
  padding-left: 34px;
  padding-right: 10px; }

footer .footer-content .twitter-block li a {
  color: #cacaca; }

footer .footer-content .twitter-block li .fa-stack {
  position: absolute;
  top: -3px;
  left: 0; }

footer .footer-content .twitter-block li .fa-circle {
  color: #255a8a; }

footer .footer-content .twitter-block li time {
  color: #cacaca;
  display: block;
  font-size: 10px;
  font-style: italic;
  margin-top: 5px; }

/*Dotted Map*/
.footer-content .map-img {
  background: url(../img/map-img.png) 5px 60px no-repeat; }

/*Copyright*/
.footer-copyright {
  border-top: none;
  padding: 10px 0 5px; }

.footer-copyright p {
  padding: 15px 0;
  font-size: 14px; }

.footer-copyright a {
  margin: 0 2px; }

.social {
  margin-top: 12px;
  text-align: left; }

.social li a {
  color: #FFF; }
  .social li a:hover {
    color: rgba(37, 90, 138, 0.9); }

/*      @media (max-width: 991px) {

        footer .copyright,
        footer .footer-socials {
          text-align: left; } 

        }
*/
/*-------------------------------------------*\
  $TIMELINE -  Scancy timeline
\*-------------------------------------------*/
.timeline-green {
  background: #75ce66; }

.timeline-red {
  background: #c03b44; }

.timeline-yellow {
  background: #f0ca45; }

.timeline-blue {
  background: #3b44c0; }

/* Modules - reusable parts of our design */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }
  .cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both; }

/* Main components */
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em; }
  #cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #d7e4ed; }
  @media only screen and (min-width: 1170px) {
    #cd-timeline {
      margin-top: 3em;
      margin-bottom: 3em; }
      #cd-timeline::before {
        left: 50%;
        margin-left: -2px; } }

.cd-timeline-block {
  position: relative;
  margin: 2em 0; }
  .cd-timeline-block::after {
    clear: both;
    content: "";
    display: table; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 1170px) {
    .cd-timeline-block {
      margin: 4em 0; }
      .cd-timeline-block:first-child {
        margin-top: 0; }
      .cd-timeline-block:last-child {
        margin-bottom: 0; } }

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); }
  .cd-timeline-img i {
    color: white; }
  .cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px; }
  .cd-timeline-img.cd-picture {
    background: #75ce66; }
  .cd-timeline-img.cd-movie {
    background: #c03b44; }
  .cd-timeline-img.cd-location {
    background: #f0ca45; }
  @media only screen and (min-width: 320px) {
    .cd-timeline-img i {
      font-size: 24px;
      margin: 8px 0 0 5px; } }
  @media only screen and (min-width: 768px) {
    .cd-timeline-img i {
      font-size: 24px;
      margin: 8px 0 0 5px; } }
  @media only screen and (min-width: 1170px) {
    .cd-timeline-img {
      width: 60px;
      height: 60px;
      left: 50%;
      margin-left: -30px;
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden; }
      .cd-timeline-img i {
        font-size: 32px;
        margin: 14px 0 0 10px; }
      .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden; }
      .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s; } }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5); }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2); }
  100% {
    -moz-transform: scale(1); } }
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #ffffff;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed; }
  .cd-timeline-content::after {
    clear: both;
    content: "";
    display: table; }
  .cd-timeline-content h2 {
    color: #303e49;
    font-size: 32px;
    font-size: 2rem; }
  .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 24px;
    font-size: 1.5rem; }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    display: inline-block; }
  .cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6; }
  .cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: #ffffff;
    border-radius: 0.25em; }
    .no-touch .cd-timeline-content .cd-read-more:hover {
      background-color: #bac4cb; }
  .cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7; }
  .cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #ffffff; }
  @media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
      font-size: 28px;
      font-size: 1.75rem; }
    .cd-timeline-content p {
      font-size: 20px;
      font-size: 1.25rem; }
    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media only screen and (min-width: 1170px) {
    .cd-timeline-content {
      margin-left: 0;
      padding: 1.6em;
      width: 45%; }
      .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #ffffff; }
      .cd-timeline-content .cd-read-more {
        float: left; }
      .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 24px;
        font-size: 1.5rem; }
      .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right; }
        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
          top: 24px;
          left: auto;
          right: 100%;
          border-color: transparent;
          border-right-color: #ffffff; }
        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
          float: right; }
        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
          left: auto;
          right: 122%;
          text-align: right; }
      .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden; }
      .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s; } }

.timeline-image {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease; }
  .timeline-image .visible {
    opacity: 1; }
  .timeline-image .hidden {
    opacity: 0; }

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s; } }
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px); }
  100% {
    -moz-transform: translateX(0); } }
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px); }
  100% {
    -moz-transform: translateX(0); } }
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
/*-------------------------------------------*\
  $Directory -  All directory pages
\*-------------------------------------------*/
@media (min-width: 1201px) {
  .directory-info, .directory-map {
    float: left; }

  .directory-info {
    width: 20%;
    min-width: 280px;
    height: 850px; }

  .directory-map {
    width: 80%;
    max-width: calc(100% - 280px); }

  .directory-strapline {
    width: calc(100% - 50px);
    text-align: right;
    margin-right: 50px;
    margin-bottom: 0; } }
.directory-filters .directory-filter:first-child .directory-filter-button {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.directory-filters .directory-filter:not(:first-child):not(:last-child) .directory-filter-button {
  border-top-width: 0;
  border-radius: 0; }

.directory-filters .directory-filter:last-child .directory-filter-button {
  border-top-width: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.directory-filter {
  width: 100%; }

.directory-filter-button {
  width: 100%;
  max-width: 260px; }

.filter-button {
  margin-top: 4px;
  width: 100%;
  max-width: 260px; }

.section-directory-map {
  padding: 0; }

.directory-info {
  padding: 6px; }

.directory-info .panel-group {
  /* suppress scroll */
  overflow: auto;
  height: 100%; }

.directory-info .panel-group .panel {
  width: 100%; }

.directory-map {
  height: 850px; }

.directory-block-link:hover {
  background: #B1E1EF;
  border: 1px solid #055183; }

.hr-slim-4 {
  margin: 4px 0; }

.hr-slim-8 {
  margin: 8px 0; }

.suppress-scroll {
  overflow: auto;
  max-height: 100%;
  margin-right: -80px;
  padding-right: 80px; }

.pulse_ring {
  border: 3px solid #999;
  border-radius: 30px;
  height: 18px;
  width: 18px;
  position: absolute;
  left: 20px;
  top: 214px;
  animation: pulsate 1s ease-out;
  -webkit-animation: pulsate 1s ease-out;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: 3;
  opacity: 0; }

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }
.pricing-column {
  font-size: 24px;
  background: #3695D7;
  color: white;
  height: 48px;
  margin: 0 4px; }

.pricing-column-top {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom: 1px solid #2D87C5;
  height: 56px;
  line-height: 56px; }

.pricing-column-bottom {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 48px;
  line-height: 48px; }

.pricing-table {
  text-align: center;
  min-width: 1000px; }
  .pricing-table thead tr th {
    margin: 0;
    padding: 0;
    font-weight: normal;
    border: none; }
    .pricing-table thead tr th div {
      text-align: center; }
  .pricing-table tbody tr {
    height: 48px; }
    .pricing-table tbody tr td {
      margin: 0;
      padding: 0;
      border: none; }
  .pricing-table tbody tr.table-price td div.pricing-column {
    height: 96px;
    width: calc(100% - 8px);
    display: inline-block; }
    .pricing-table tbody tr.table-price td div.pricing-column div {
      margin: 32px auto;
      width: 128px;
      border-radius: 40px;
      background: #2D87C5; }
  .pricing-table tbody tr.table-feature td:first-child {
    line-height: 48px;
    height: 48px; }
  .pricing-table tbody tr.table-feature td {
    font-size: 18px; }
    .pricing-table tbody tr.table-feature td div.pricing-column {
      background: #FFF;
      font-size: 28px;
      line-height: 48px;
      height: 48px; }
      .pricing-table tbody tr.table-feature td div.pricing-column span.glyphicon-ok {
        color: green;
        opacity: 0.6; }
      .pricing-table tbody tr.table-feature td div.pricing-column span.glyphicon-remove {
        color: gray; }
  .pricing-table tbody tr.table-feature:nth-child(odd) td div {
    background: #EFEFEF; }
  .pricing-table tbody tr.table-buy-now td div {
    font-size: 18px; }

.message.sse {
  background-color: rgba(255, 255, 255, 0.7); }
  @media (max-width: 768px) {
    .message.sse .sse-icons {
      margin: 0;
      padding: 0; } }
  @media (min-width: 768px) {
    .message.sse .sse-icons {
      margin: 0 60px;
      padding: 0 20px; } }

.typewriter-heading {
  margin-bottom: 32px; }

@media (max-width: 768px) {
  .typewriter-heading {
    min-height: 60px; } }
/* 768px and down */
@media (max-width: 768px) {
  .sse-coloured-icons {
    width: 100%; }

  .sse-action-step i:before, .sse-action-step i:after {
    font-size: 2.5em; } }
/* 769px and up */
@media (min-width: 769px) {
  .sse-coloured-icons {
    width: calc(100% - 80px);
    margin: 0 auto; } }
.sse-coloured-icons .sse-coloured-icon-block {
  padding: 8px; }
.sse-coloured-icons .sse-icon-container {
  max-height: 200px;
  max-width: 200px;
  border-radius: 50%;
  border: 8px solid #B1E1EF;
  padding: 32px;
  margin: 24px auto;
  background: #fefefe; }
  .sse-coloured-icons .sse-icon-container svg {
    max-height: 136px;
    max-width: 136px; }

.sse-action-step {
  font-size: 1.4em;
  padding: 32px 16px 0 16px; }
  .sse-action-step i {
    margin-top: 8px;
    display: block; }
    .sse-action-step i:before, .sse-action-step i:after {
      font-size: 3.5em; }
  .sse-action-step span {
    line-height: 1.1em;
    display: block;
    margin-top: 32px; }

.twreplace-typewriter {
  color: #055183 !important; }
  .twreplace-typewriter:after {
    /* as with //sjd.co/ twreplace author site */
    content: "|";
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/*# sourceMappingURL=main.css.map */