/* shadows, if used */
/* colors */
/******************************************************************************
 **                                Clean up                                  **
 ******************************************************************************/
root {
  display: block; }

* {
  margin: 0;
  padding: 0;
  border: 0; }

img {
  display: inline-block; }

/******************************************************************************
 **                             Helper elements                              **
 ******************************************************************************/
.wrapper {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  clear: both;
  padding: 0 12px; }

.clearfix {
  clear: both; }

td.space {
  width: 25px; }

td.top {
  vertical-align: top; }

td.middle {
  vertical-align: middle; }
  td.middle img {
    display: block; }
  td.middle * {
    margin-top: 0;
    margin-bottom: 0; }

.scroll {
  color: inherit; }

.round-image-frame, .small-round-image-frame, .tiny-round-image-frame {
  position: relative; }

.round-image, .round-image-frame {
  height: 220px;
  width: 220px;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  -ms-border-radius: 110px;
  border-radius: 110px; }

.small-round-image, .small-round-image-frame {
  height: 132px;
  width: 132px;
  -webkit-border-radius: 66px;
  -moz-border-radius: 66px;
  -ms-border-radius: 66px;
  border-radius: 66px; }

.tiny-round-image, .tiny-round-image-frame {
  height: 72px;
  width: 72px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  border-radius: 36px; }

#overlay {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 2;
  top: 0;
  left: 0; }

/******************************************************************************
 **                              General rules                               **
 ******************************************************************************/
body {
  font-family: "Open Sans", Arial, sans;
  text-align: left;
  min-width: 1024px;
  position: relative;
  background-color: none; }

a {
  text-decoration: none; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit; }

h2, h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center; }

h3 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 12px; }

h4 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px; }

h5 {
  /*?*/ }

h6 {
  /*?*/ }

p {
  font-size: 15px;
  font-weight: normal; }

hr {
  margin: 10px 0; }

input, textarea, select {
  font-family: "Open Sans", Arial, sans;
  font-size: 14px; }

.button:hover {
  background-color: #00A0A6; }

.button, .content .button {
  position: relative;
  text-align: center;
  cursor: pointer;
  cursor: hand;
  padding: 5px 10px;
  background-color: #00B0B9;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  color: white; }

.big-grey-button:hover {
  background-color: #333; }

.big-grey-button {
  margin-top: 20px;
  display: block;
  width: 95px;
  text-align: center;
  cursor: pointer;
  cursor: hand;
  padding: 10px 30px;
  background-color: #666;
  font-size: 26px;
  line-height: 26px;
  text-transform: uppercase;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  color: white; }

.content.blue .button,
.content.color2 .button,
.content.light-blue .button {
  background-color: white;
  color: #00B0B9; }
.content.blue .button:hover,
.content.color2 .button:hover,
.content.light-blue .button:hover {
  background-color: #F6F6F6; }

.success-message, .error-message {
  padding: 10px;
  margin-bottom: 20px;
  margin-top: 10px;
  color: white; }

.success-message {
  background: #99cc66; }

.error-message {
  background: #FF8F8F; }

.contact.text {
  font-size: 14px; }
  .contact.text .icon {
    font-size: 12px;
    position: relative;
    top: -2px;
    line-height: 11px;
    display: inline-block;
    height: 14px;
    width: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    background-color: #00B0B9;
    color: white;
    text-align: center; }
  .contact.text a:hover {
    color: #00B0B9;
    text-decoration: none; }
  .contact.text a {
    color: #666; }

.contact.img img {
  height: 16px;
  width: 16px; }

/******************************************************************************
 **                                  Header                                  **
 ******************************************************************************/
header {
  background-color: #F6F6F6;
  padding: 16px 0; }
  header .wrapper {
    height: 68px; }
  header .logo {
    position: relative;
    float: left;
    height: 68px; }
    header .logo img {
      width: 178px;
      height: 68px; }
  header #header-contacts {
    position: relative;
    float: right; }
    header #header-contacts .contact {
      float: left;
      margin-left: 10px; }
  header #main-nav {
    position: absolute;
    right: 12px;
    bottom: 0; }
    header #main-nav ul {
      float: left;
      list-style-type: none; }
    header #main-nav li {
      float: left; }
      header #main-nav li a:hover {
        color: #00B0B9;
        text-decoration: none; }
      header #main-nav li a.first-child {
        border: none; }
      header #main-nav li a.button {
        color: white; }
      header #main-nav li a {
        position: relative;
        text-transform: uppercase;
        font-size: 12px;
        color: #00B0B9;
        display: block;
        padding: 0 8px; }
    header #main-nav li li {
      display: none; }

/******************************************************************************
 **                                  Footer                                  **
 ******************************************************************************/
html, body {
  height: 100%; }

footer {
  background-color: #333;
  padding: 30px 0 0 0;
  color: white;
  font-size: 12px;
  height: 198px; }
  footer a:hover {
    color: #CCC; }
  footer a {
    color: white; }
  footer .footer-block.first-child {
    margin-left: 0; }
  footer .footer-block.grey {
    color: #CCC; }
    footer .footer-block.grey a:hover {
      color: white; }
    footer .footer-block.grey a {
      color: #CCC; }
  footer .footer-block.narrower {
    width: 167.5px; }
  footer .footer-block.widest {
    width: 287.5px; }
  footer .footer-block.wider {
    width: 287.5px; }
  footer .footer-block {
    float: left;
    margin-left: 30px;
    width: 227.5px;
    min-height: 1px; }
    footer .footer-block li {
      list-style-type: none; }
  footer #copyright {
    margin-top: 17px;
    font-size: 10px;
    background-color: #666;
    padding: 12px 0;
    text-align: left; }
    footer #copyright .holder {
      float: right;
      width: 287.5px; }

#page-wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -258px; }

.push {
  height: 258px; }

/******************************************************************************
 **                                 Content                                  **
 ******************************************************************************/
.content {
  background-position: center center;
  background-repeat: no-repeat;
  padding: 30px 0 30px 0;
  position: relative;
  color: #333; }
  .content a {
    color: #333; }
  .content hr {
    border-bottom: 1px solid #333; }
  .content main {
    display: block; }
  .content .half h1, .content .half h2, .content .half h3, .content .third h1, .content .third h2, .content .third h3, .content .right h1, .content .right h2, .content .right h3, .content .left h1, .content .left h2, .content .left h3, .content .quarter h1, .content .quarter h2, .content .quarter h3 {
    text-align: left; }
  .content .half h4, .content .half h5, .content .half h6, .content .third h4, .content .third h5, .content .third h6, .content .right h4, .content .right h5, .content .right h6, .content .left h4, .content .left h5, .content .left h6, .content .quarter h4, .content .quarter h5, .content .quarter h6 {
    text-align: center; }
  .content .half.first-child, .content .third.first-child, .content .quarter.first-child {
    margin-left: 0; }
    .content .half.first-child h1, .content .third.first-child h1, .content .quarter.first-child h1 {
      margin-top: 15px; }
  .content .half, .content .third, .content .quarter, .content .complement {
    position: relative;
    float: left; }
  .content .half {
    width: 425px;
    margin-left: 150px; }
  .content .third {
    width: 255px;
    margin-left: 117.5px; }
  .content .quarter {
    width: 137.5px;
    margin-left: 150px; }
  .content .quarter.two-quarters {
    width: 425px;
    margin-left: 150px; }
    .content .quarter.two-quarters #enquiry {
      margin: 0 62.5px; }
  .content .complement {
    margin-left: 150px; }
  .content p.testimonial {
    font-style: italic; }
  .content .right {
    float: right; }
  .content .left {
    float: left; }
  .content .content-field img[style*="left"] {
    margin: 0 15px 15px 0; }
  .content .content-field img[style*="right"] {
    margin: 0 0 15px 15px; }
  .content .content-field ul, .content .content-field ol {
    margin: 10px 0 10px 25px; }
  .content .content-field p {
    margin: 1.2em 0; }
  .content .bg-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden; }
    .content .bg-outer .bg-wrapper {
      position: relative;
      margin: 0 auto;
      height: 100%;
      width: 1024px; }
      .content .bg-outer .bg-wrapper .bg.right {
        right: 0; }
      .content .bg-outer .bg-wrapper .bg {
        position: absolute;
        height: 500px;
        width: 425px;
        bottom: 0;
        background-position: bottom left;
        background-repeat: no-repeat; }

.content.h-white h1, .content.h-white h2, .content.h-white h3, .content.h-white h4, .content.h-white h5, .content.h-white h6 {
  color: white; }
  .content.h-white h1 a, .content.h-white h2 a, .content.h-white h3 a, .content.h-white h4 a, .content.h-white h5 a, .content.h-white h6 a {
    color: white; }
.content.h-white a {
  color: white; }

.content.h-black h1, .content.h-black h2, .content.h-black h3, .content.h-black h4, .content.h-black h5, .content.h-black h6 {
  color: black; }
  .content.h-black h1 a, .content.h-black h2 a, .content.h-black h3 a, .content.h-black h4 a, .content.h-black h5 a, .content.h-black h6 a {
    color: black; }
.content.h-black a {
  color: black; }

.content.h-grey h1, .content.h-grey h2, .content.h-grey h3, .content.h-grey h4, .content.h-grey h5, .content.h-grey h6 {
  color: #666; }
  .content.h-grey h1 a, .content.h-grey h2 a, .content.h-grey h3 a, .content.h-grey h4 a, .content.h-grey h5 a, .content.h-grey h6 a {
    color: #666; }
.content.h-grey a {
  color: #666; }

.content.h-blue h1, .content.h-blue h2, .content.h-blue h3, .content.h-blue h4, .content.h-blue h5, .content.h-blue h6 {
  color: #00B0B9; }
  .content.h-blue h1 a, .content.h-blue h2 a, .content.h-blue h3 a, .content.h-blue h4 a, .content.h-blue h5 a, .content.h-blue h6 a {
    color: #00B0B9; }
.content.h-blue a {
  color: #00B0B9; }

.content.white,
.content.color3 {
  background-color: white;
  color: #333; }

.content.blue,
.content.color2 {
  background-color: #00B0B9;
  color: white; }
  .content.blue a,
  .content.color2 a {
    color: white; }
  .content.blue hr,
  .content.color2 hr {
    border-bottom: 1px solid white; }

.content.light-blue {
  background-color: #bfebed; }

.content.light-grey {
  background-color: #E3E3E3; }

.content.very-light-grey {
  background-color: #F6F6F6; }

.content.grey, .content.color1 {
  background-color: #CCC; }

.content.image .wrapper {
  height: 300px; }
.content.image table {
  position: absolute;
  width: 1000px;
  height: 100%; }

/******************************************************************************
 **                                  Home                                    **
 ******************************************************************************/
#top-image {
  overflow: hidden;
  position: relative;
  /*height: $top-image-height;*/
  padding-bottom: 38.7%; }
  #top-image #images-bg {
    position: absolute;
    left: 0;
    z-index: 0;
    height: 100%;
    width: 100%; }
    #top-image #images-bg .item {
      width: 100% !important;
      height: 100% !important;
      /*          
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      */ }
      #top-image #images-bg .item .scale {
        position: absolute;
        width: 100% !important;
        height: 100% !important; }
  #top-image .white-mask {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-position: center center; }
  #top-image .white-stripe {
    position: absolute;
    height: 75px;
    width: 100%;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7); }
  #top-image .strapline {
    line-height: 75px;
    bottom: 0px;
    font-style: italic;
    color: #333;
    font-size: 28px;
    font-weight: lighter; }
  #top-image .wrapper {
    height: 100%; }
  #top-image #intro-positioner {
    position: relative;
    top: 50%;
    margin-top: -225px; }
  #top-image #intro-holder {
    position: relative;
    height: 380px;
    width: 380px;
    margin: 0; }
    #top-image #intro-holder .intro {
      position: absolute;
      line-height: 11.875px;
      height: 95px;
      word-wrap: break-word;
      overflow: hidden;
      height: 95px;
      width: 95px;
      -webkit-border-radius: 47.5px;
      -moz-border-radius: 47.5px;
      -ms-border-radius: 47.5px;
      border-radius: 47.5px;
      text-align: center;
      font-size: 11px; }
      #top-image #intro-holder .intro table {
        position: relative;
        -webkit-border-radius: 47.5px;
        -moz-border-radius: 47.5px;
        -ms-border-radius: 47.5px;
        border-radius: 47.5px;
        height: 95px;
        width: 95px;
        padding: 10px; }
      #top-image #intro-holder .intro .turngrey {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-border-radius: 47.5px;
        -moz-border-radius: 47.5px;
        -ms-border-radius: 47.5px;
        border-radius: 47.5px;
        height: 95px;
        width: 95px;
        padding: 10px; }
      #top-image #intro-holder .intro .ie-bg {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-border-radius: 47.5px;
        -moz-border-radius: 47.5px;
        -ms-border-radius: 47.5px;
        border-radius: 47.5px;
        height: 95px;
        width: 95px;
        padding: 10px; }
    #top-image #intro-holder .intro.blue {
      color: #00B0B9; }
      #top-image #intro-holder .intro.blue a {
        color: #00B0B9; }
    #top-image #intro-holder .intro.white {
      color: white; }
      #top-image #intro-holder .intro.white a {
        color: white; }
    #top-image #intro-holder .intro.bottom.right {
      left: auto;
      top: auto;
      bottom: 41.325px;
      right: 41.325px; }
      #top-image #intro-holder .intro.bottom.right table {
        background-color: #00b9c6; }
      #top-image #intro-holder .intro.bottom.right .turngrey {
        background-color: #666666; }
    #top-image #intro-holder .intro.bottom {
      bottom: 0;
      left: 142.5px; }
      #top-image #intro-holder .intro.bottom table {
        background-color: rgba(0, 185, 198, 0.9); }
      #top-image #intro-holder .intro.bottom .turngrey {
        background-color: rgba(102, 102, 102, 0.9); }
    #top-image #intro-holder .intro.bottom.left {
      top: auto;
      bottom: 41.325px;
      left: 41.325px; }
      #top-image #intro-holder .intro.bottom.left table {
        background-color: rgba(0, 185, 198, 0.8); }
      #top-image #intro-holder .intro.bottom.left .turngrey {
        background-color: rgba(102, 102, 102, 0.8); }
    #top-image #intro-holder .intro.left {
      top: 142.5px;
      left: 0; }
      #top-image #intro-holder .intro.left table {
        background-color: rgba(0, 185, 198, 0.7); }
      #top-image #intro-holder .intro.left .turngrey {
        background-color: rgba(102, 102, 102, 0.7); }
    #top-image #intro-holder .intro.top.left {
      top: 41.325px;
      left: 41.325px; }
      #top-image #intro-holder .intro.top.left table {
        background-color: rgba(0, 185, 198, 0.6); }
      #top-image #intro-holder .intro.top.left .turngrey {
        background-color: rgba(102, 102, 102, 0.6); }
    #top-image #intro-holder .intro.top {
      top: 0;
      left: 142.5px; }
      #top-image #intro-holder .intro.top table {
        background-color: rgba(0, 185, 198, 0.5); }
      #top-image #intro-holder .intro.top .turngrey {
        background-color: rgba(102, 102, 102, 0.5); }
    #top-image #intro-holder .intro.top.right {
      left: auto;
      top: 41.325px;
      right: 41.325px; }
      #top-image #intro-holder .intro.top.right table {
        background-color: rgba(0, 185, 198, 0.4); }
      #top-image #intro-holder .intro.top.right .turngrey {
        background-color: rgba(102, 102, 102, 0.4); }
    #top-image #intro-holder .intro.right {
      top: 142.5px;
      right: 0; }
      #top-image #intro-holder .intro.right table {
        background-color: rgba(0, 185, 198, 0.3); }
      #top-image #intro-holder .intro.right .turngrey {
        background-color: rgba(102, 102, 102, 0.3); }

#who-we-are h2 {
  text-align: left; }
#who-we-are .testimonial {
  font-size: 20px;
  margin-left: 25px;
  margin-right: 10px;
  color: #81faff; }
#who-we-are .author-info {
  font-size: 16px;
  margin-left: 25px;
  margin-right: 10px;
  color: #81faff;
  text-align: right; }

#who-we-work-with .bg-outer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden; }
  #who-we-work-with .bg-outer .bg-wrapper {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 1024px; }
    #who-we-work-with .bg-outer .bg-wrapper .bg.right {
      right: 0; }
    #who-we-work-with .bg-outer .bg-wrapper .bg {
      position: absolute;
      height: 500px;
      width: 500px;
      bottom: 0;
      background-position: bottom left;
      background-repeat: no-repeat; }

#who-we-work-with .right {
  width: 400px; }
#who-we-work-with .who {
  position: relative;
  margin-bottom: 38px; }
  #who-we-work-with .who .outside-circle {
    position: absolute;
    background-color: #666;
    color: white;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    -ms-border-radius: 42px;
    border-radius: 42px;
    height: 84px;
    width: 84px;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    left: -109px;
    line-height: 1.15em;
    text-transform: uppercase; }
    #who-we-work-with .who .outside-circle table {
      height: 84px;
      width: 84px; }
      #who-we-work-with .who .outside-circle table td {
        vertical-align: middle; }

#where-we-work {
  text-align: center; }
  #where-we-work h3 {
    text-align: center; }
  #where-we-work .school h4.round {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    background-color: #00B0B9;
    color: white;
    text-align: center;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase; }

/******************************************************************************
 **                                Elements                                  **
 ******************************************************************************/
#testimonials .testimonial {
  text-align: center; }
  #testimonials .testimonial .portrait-replacement {
    width: 182px;
    height: 182px; }
  #testimonials .testimonial .portrait-holder {
    position: relative;
    width: 182px;
    height: 182px;
    overflow: hidden;
    background-color: white;
    margin: 0 auto 15px auto;
    -webkit-border-radius: 91px;
    -moz-border-radius: 91px;
    -ms-border-radius: 91px;
    border-radius: 91px; }
    #testimonials .testimonial .portrait-holder .portrait-canvas {
      display: none; }
    #testimonials .testimonial .portrait-holder .portrait {
      position: relative;
      height: 182px;
      width: 182px; }
  #testimonials .testimonial h3 {
    text-align: center;
    color: #00B0B9;
    font-size: 16px;
    margin-bottom: 12px; }

#what-we-do {
  text-align: center; }
  #what-we-do h1, #what-we-do h2, #what-we-do h3, #what-we-do h4, #what-we-do h5, #what-we-do h6 {
    color: #00B0B9; }
  #what-we-do .service {
    margin-bottom: 40px; }
    #what-we-do .service h3 {
      font-size: 16px;
      text-align: center; }
    #what-we-do .service .icon {
      margin-bottom: 10px; }

/******************************************************************************
 **                                Services                                  **
 ******************************************************************************/
#service-content .half h1.service {
  display: inline-block; }
#service-content h1.service {
  display: block; }
  #service-content h1.service .icon {
    display: block;
    margin: 0 auto 15px auto; }
#service-content .content-field p {
  font-size: 1.4em; }

#top-image.service-top {
  height: 250px; }

.storyboard .middle .half {
  margin-bottom: 40px; }

#know-more .third.first-child {
  margin-left: 0; }
#know-more .third {
  width: 305px;
  margin-left: 42.5px; }
  #know-more .third table {
    margin: 0 auto 20px auto; }
  #know-more .third h3 {
    color: #666;
    margin-left: 20px; }
    #know-more .third h3 a {
      color: #666; }

/******************************************************************************
 **                                 Enquiry                                  **
 ******************************************************************************/
.info {
  margin-bottom: 30px; }
  .info .contact.text {
    font-size: 16px; }
    .info .contact.text .icon {
      font-size: 14px;
      line-height: 16px;
      height: 16px;
      width: 16px;
      margin-right: 10px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px; }

.left.enquiry-left {
  width: 300px; }
  .left.enquiry-left #enquiry {
    margin-top: 85px; }

.right.enquiry-right {
  width: 550px; }
  .right.enquiry-right img.icon {
    margin-left: 15px; }

#enquiry.collapsed #initial-area {
  display: block; }
#enquiry.collapsed .row {
  display: none; }

#enquiry {
  width: 300px; }
  #enquiry #email_message {
    display: none; }
  #enquiry #email_subject {
    height: 0;
    position: absolute;
    overflow: hidden; }
  #enquiry .row.textarea {
    height: auto; }
  #enquiry .row.submit {
    height: auto;
    margin-top: 15px; }
  #enquiry .row {
    height: 30px;
    clear: both;
    margin: 5px 0; }
    #enquiry .row label {
      font-size: 14px;
      line-height: 30px;
      height: 30px;
      display: inline-block;
      width: 100px;
      float: left; }
    #enquiry .row .text-input {
      display: block;
      padding: 5px;
      width: 190px;
      height: 20px;
      float: right;
      color: #333; }
    #enquiry .row .textarea-input {
      display: block;
      padding: 5px;
      width: 190px;
      height: 80px;
      float: right;
      color: #333; }
    #enquiry .row .submit-input {
      float: right; }
  #enquiry .octavo-select {
    width: 200px; }

.text-input {
  display: block;
  padding: 5px;
  width: 190px;
  height: 20px;
  float: right;
  color: #333; }

.octavo-select {
  display: block;
  height: 30px;
  float: right; }
  .octavo-select .chosen-single span {
    padding: 3.5px 0; }

.octavo-select {
  position: relative; }
  .octavo-select .chosen-container .chosen-single div b {
    background-image: url("images/arrow-down.png");
    background-position: center center; }
  .octavo-select .chosen-container.chosen-with-drop .chosen-single div b {
    background-image: url("images/arrow-up.png"); }
  .octavo-select .chosen-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .octavo-select .chosen-container .chosen-single {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      box-shadow: none;
      background-color: white;
      background-image: none;
      border: none;
      height: 100%; }
      .octavo-select .chosen-container .chosen-single span {
        margin-right: 36px; }
      .octavo-select .chosen-container .chosen-single div {
        right: 10px; }
    .octavo-select .chosen-container .chosen-drop {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      box-shadow: none;
      border: none; }
      .octavo-select .chosen-container .chosen-drop .chosen-results li.highlighted {
        background-image: none;
        background-color: #00B0B9;
        color: white; }

/******************************************************************************
 **                                  Team                                    **
 ******************************************************************************/
#team-nav ul.first-child {
  margin-right: 10px;
  text-align: right; }
#team-nav ul.last-child {
  margin-left: 10px;
  text-align: left; }
#team-nav ul {
  float: left;
  list-style-type: none;
  width: 490px; }
  #team-nav ul li {
    font-size: 12px;
    line-height: 1.35em; }
    #team-nav ul li a.current-menu-item:hover {
      color: #00A0A6; }
    #team-nav ul li a.current-menu-item {
      color: #00B0B9; }
    #team-nav ul li a:hover {
      color: #333; }
    #team-nav ul li a {
      color: #666; }

#team .people-holder {
  text-align: center; }
#team .people.not-first {
  margin-top: 30px; }
#team .people {
  display: inline-block; }
  #team .people .person.first-column {
    margin-left: 0; }
  #team .people .person.has-biog {
    cursor: pointer;
    cursor: hand; }
  #team .people .person {
    position: relative;
    width: 132px;
    margin-left: 40px;
    float: left; }
    #team .people .person * {
      z-index: 0; }
    #team .people .person .small-round-image-frame {
      position: relative; }
    #team .people .person .info {
      position: relative;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 0; }
      #team .people .person .info h3 {
        font-size: 15px;
        margin-bottom: 8px; }
      #team .people .person .info p {
        font-size: 13px; }

.biog.white,
.biog.color3 {
  background-color: white;
  color: #333; }

.biog.light-blue,
.biog.color3 {
  background-color: #bfebed; }

.biog.light-grey {
  background-color: #E3E3E3; }

.biog.blue,
.biog.color2 {
  background-color: #00B0B9;
  border: 5px solid white;
  color: white; }
  .biog.blue a,
  .biog.color2 a {
    color: white; }
  .biog.blue hr,
  .biog.color2 hr {
    border-bottom: 1px solid white; }

.biog {
  color: #333;
  position: fixed;
  display: none;
  padding: 15px 15px 15px 192px;
  width: 600px;
  min-height: 215px;
  top: 30%;
  left: 50%;
  margin: -107.5px 0 0 -300px;
  z-index: 5;
  border: 5px solid #E3E3E3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  font-size: 12px; }
  .biog a {
    color: #333; }
  .biog hr {
    border-bottom: 1px solid #333; }
  .biog p {
    font-size: 12px; }
  .biog .content-field img[style*="left"] {
    margin: 0 15px 15px 0; }
  .biog .content-field img[style*="right"] {
    margin: 0 0 15px 15px; }
  .biog .content-field ul, .biog .content-field ol {
    margin: 10px 0 10px 25px; }
  .biog .content-field p {
    margin-bottom: 1.2em; }
  .biog .corner {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 162px;
    float: left;
    margin-right: 15px;
    text-align: center; }
    .biog .corner .small-round-image-frame {
      margin: 0 auto; }
    .biog .corner .info {
      margin-top: 10px; }
      .biog .corner .info h3 {
        font-size: 14px;
        margin-bottom: 8px; }
      .biog .corner .info p {
        font-size: 12px; }
  .biog .rest {
    display: block; }

/******************************************************************************
 **                                  News                                    **
 ******************************************************************************/
#news-content .content-field p {
  font-size: 1.4em; }

.article-heading {
  font-size: 18px; }

.publishing-info {
  position: absolute;
  font-size: 11px;
  line-height: 15px;
  height: 30px;
  word-wrap: break-word;
  overflow: hidden;
  bottom: 0px; }

.career-item .publishing-info {
  font-size: 15px;
  line-height: 20px;
  height: 60px;
  word-wrap: break-word;
  overflow: hidden; }

.publishing-info.left {
  text-align: right;
  right: 12px; }

.publishing-info.right {
  text-align: left;
  left: 12px; }

.marketing.img {
  padding-bottom: 220px; }

.marketing {
  padding-bottom: 60px; }
  .marketing .round-image-frame {
    position: absolute;
    bottom: 0;
    right: 0; }
  .marketing h3 {
    font-size: 30px; }

.marketing.right h3 {
  text-align: left; }

.marketing.left h3 {
  text-align: right; }

.content-field.news {
  padding-bottom: 50px; }

.page-nav {
  position: relative;
  padding: 0 0 30px 0;
  height: 36px; }
  .page-nav a {
    cursor: pointer;
    cursor: hand;
    position: absolute;
    height: 36px;
    width: 36px;
    top: 0; }
  .page-nav a.next-page {
    right: 12px;
    background-image: url("images/arrow-right.png"); }
  .page-nav a.prev-page {
    left: 12px;
    background-image: url("images/arrow-left.png"); }

#news-item {
  /*    p{
          margin-bottom: 12px;
      }*/ }
  #news-item .half.full-article {
    margin-left: 30px;
    width: 545px; }

.content .button.read-more {
  padding: 0 12px;
  float: right;
  font-size: 12px; }

.news-item {
  /*    p{
          margin-bottom: 12px;
      }*/ }
  .news-item .half.article {
    margin-left: 30px;
    width: 545px; }

/******************************************************************************
 **                                  SLA                                     **
 ******************************************************************************/
form#form1 {
  display: inline; }

.content.sla.color1 h1, .content.sla.color1 h2, .content.sla.color1 h5, .content.sla.color1 h6, .content.sla.grey h1, .content.sla.grey h2, .content.sla.grey h5, .content.sla.grey h6,
.content.sla.color3 h1,
.content.sla.color3 h2,
.content.sla.color3 h5,
.content.sla.color3 h6, .content.sla.white h1, .content.sla.white h2, .content.sla.white h5, .content.sla.white h6 {
  color: #00B0B9; }
  .content.sla.color1 h1 a, .content.sla.color1 h2 a, .content.sla.color1 h5 a, .content.sla.color1 h6 a, .content.sla.grey h1 a, .content.sla.grey h2 a, .content.sla.grey h5 a, .content.sla.grey h6 a,
  .content.sla.color3 h1 a,
  .content.sla.color3 h2 a,
  .content.sla.color3 h5 a,
  .content.sla.color3 h6 a, .content.sla.white h1 a, .content.sla.white h2 a, .content.sla.white h5 a, .content.sla.white h6 a {
    color: #00B0B9; }
.content.sla.color1 a, .content.sla.grey a,
.content.sla.color3 a, .content.sla.white a {
  color: #00B0B9; }
.content.sla.color1 a.button, .content.sla.grey a.button,
.content.sla.color3 a.button, .content.sla.white a.button {
  color: white; }

.content.sla.white h3,
.content.sla.grey h3,
.content.sla.color1 h3,
.content.sla.color3 h3 {
  color: #00B0B9; }
  .content.sla.white h3 a,
  .content.sla.grey h3 a,
  .content.sla.color1 h3 a,
  .content.sla.color3 h3 a {
    color: #00B0B9; }
.content.sla.white h4,
.content.sla.grey h4,
.content.sla.color1 h4,
.content.sla.color3 h4 {
  color: #333; }
  .content.sla.white h4 a,
  .content.sla.grey h4 a,
  .content.sla.color1 h4 a,
  .content.sla.color3 h4 a {
    color: #333; }

.content.sla.index h2 {
  color: #333;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 12px;
  font-weight: 600;
  text-align: left; }
  .content.sla.index h2 a {
    color: #333; }
  .content.sla.index h2 a:hover {
    color: #00B0B9; }

.content.sla.item h1 {
  color: #333;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 12px;
  font-weight: 600;
  text-align: left; }
.content.sla.item h2 {
  font-size: 20px;
  font-weight: 600; }

.content.sla.category .row .half {
  width: 325px;
  padding-left: 145px;
  position: relative;
  min-height: 105px; }
  .content.sla.category .row .half .side {
    position: absolute;
    height: 100%;
    width: 120px;
    top: 0;
    left: 0; }
    .content.sla.category .row .half .side .small-image-frame {
      height: 80px;
      width: 120px; }
      .content.sla.category .row .half .side .small-image-frame img {
        height: 80px;
        width: 120px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        border-radius: 40px; }

.content.sla .schools {
  margin-top: 30px; }
  .content.sla .schools h3 {
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    cursor: hand;
    position: relative; }
    .content.sla .schools h3 .icon {
      font-weight: normal;
      position: absolute;
      left: -26px;
      bottom: 0;
      display: block;
      background-color: #00B0B9;
      text-align: center;
      font-size: 14px;
      line-height: 13px;
      height: 16px;
      width: 16px;
      margin-right: 10px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      text-transform: lowercase; }
  .content.sla .schools .info {
    display: none;
    margin-left: 30px; }
.content.sla .page-nav a.prev-page {
  left: 0; }
.content.sla .page-nav a.next-page {
  right: 0; }
.content.sla h3.first-child, .content.sla h3:first-child, .content.sla h4.first-child, .content.sla h4:first-child {
  margin-top: 0; }
.content.sla .button.read-more {
  position: relative;
  float: left; }
.content.sla .right .button.read-more {
  float: none; }
.content.sla .right {
  text-align: right; }
  .content.sla .right h3, .content.sla .right h4, .content.sla .right h5 {
    text-align: right; }
  .content.sla .right .middle {
    text-align: left; }
.content.sla h5 {
  font-size: 14px;
  font-weight: 600;
  text-align: left; }
.content.sla h3, .content.sla h4 {
  font-size: 20px;
  margin: 12px 0;
  font-weight: normal;
  text-align: left; }
.content.sla .half.first-child {
  margin-left: 0; }
.content.sla .half {
  width: 470px;
  margin-left: 60px; }
.content.sla .row {
  margin-bottom: 30px; }
.content.sla .row.filter-row {
  margin-bottom: 0;
  margin-top: 15px; }
.content.sla .centered {
  text-align: center; }
  .content.sla .centered * {
    text-align: center; }
  .content.sla .centered h3.tagline {
    margin-top: 20px;
    font-style: italic; }
  .content.sla .centered .medium-image-frame {
    margin: 0 auto;
    height: 160px;
    width: 240px; }
    .content.sla .centered .medium-image-frame img {
      height: 160px;
      width: 240px;
      -webkit-border-radius: 80px;
      -moz-border-radius: 80px;
      -ms-border-radius: 80px;
      border-radius: 80px; }
  .content.sla .centered .contacts {
    margin-top: 50px; }
    .content.sla .centered .contacts h4 {
      color: black;
      font-size: 20px; }
    .content.sla .centered .contacts .row {
      margin-bottom: 0; }
.content.sla td.middle h1, .content.sla td.middle h2 {
  text-align: left;
  margin-top: 0; }
.content.sla td.middle .customer-login {
  display: block;
  float: right;
  margin-right: 15px;
  text-align: center; }
  .content.sla td.middle .customer-login .big-grey-button {
    position: relative;
    margin-top: 12px; }
.content.sla .corner-nav ul {
  list-style-type: none;
  text-align: right; }
  .content.sla .corner-nav ul li {
    font-size: 12px;
    line-height: 1.35em;
    text-transform: uppercase; }
    .content.sla .corner-nav ul li a.current-menu-item:hover {
      color: #00A0A6; }
    .content.sla .corner-nav ul li a.current-menu-item {
      color: #00B0B9; }
    .content.sla .corner-nav ul li a:hover {
      color: #333; }
    .content.sla .corner-nav ul li a {
      color: #666; }
.content.sla .filter {
  float: right; }
  .content.sla .filter .button {
    float: left;
    margin-left: 10px; }
  .content.sla .filter div.simple .octavo-select, .content.sla .filter div.advanced .octavo-select, .content.sla .filter div.simple input[type=text], .content.sla .filter div.advanced input[type=text], .content.sla .filter div.simple .form-toggle, .content.sla .filter div.advanced .form-toggle {
    float: left; }
  .content.sla .filter div.simple label, .content.sla .filter div.advanced label {
    line-height: 32px;
    margin-right: 15px;
    float: left;
    color: #666;
    width: 150px; }
  .content.sla .filter div.simple .octavo-select, .content.sla .filter div.advanced .octavo-select {
    margin-right: 15px;
    width: 130px; }
  .content.sla .filter div.simple input[type=text], .content.sla .filter div.advanced input[type=text] {
    border: 1px solid #E3E3E3;
    padding: 5px; }
  .content.sla .filter div.simple .form-toggle, .content.sla .filter div.advanced .form-toggle {
    clear: left; }
  .content.sla .filter div.simple .search {
    width: 232px; }
  .content.sla .filter div.form-block.disabled {
    display: none; }
  .content.sla .filter div.advanced .date label.first-child {
    width: 150px;
    margin-right: 15px;
    margin-left: 0; }
  .content.sla .filter div.advanced .date label {
    width: auto;
    margin: 0 15px; }
  .content.sla .filter div.advanced .date input[type=text] {
    width: 117.5px; }
  .content.sla .filter div.advanced .search {
    width: 377px; }
  .content.sla .filter div.advanced .form-toggle {
    margin-bottom: 10px; }
  .content.sla .filter div.advanced .row {
    clear: both;
    margin-bottom: 12px; }
    .content.sla .filter div.advanced .row .octavo-select {
      margin-right: 0;
      width: 305px; }
  .content.sla .filter .form-toggle {
    cursor: pointer;
    cursor: hand;
    line-height: 32px; }
  .content.sla .filter .octavo-select .chosen-container .chosen-single {
    border: 1px solid #E3E3E3;
    background-image: none; }
  .content.sla .filter .octavo-select .chosen-container .chosen-drop {
    border: 1px solid #E3E3E3;
    border-top: none; }
  .content.sla .filter #last-days.octavo-select {
    float: left; }
    .content.sla .filter #last-days.octavo-select .chosen-search {
      display: none; }

/******************************************************************************
 **                               DATE PICKER                                **
 ******************************************************************************/
#ui-datepicker-div {
  width: 176px;
  font-size: 0.8em;
  border: 1px solid #E3E3E3; }
  #ui-datepicker-div .ui-widget-header {
    background-image: none;
    background-color: #E3E3E3;
    border-color: #CCC; }
  #ui-datepicker-div .ui-state-default {
    background-image: none;
    background-color: #bfebed;
    border: 1px solid #bfebed; }
  #ui-datepicker-div .ui-datepicker-current-day .ui-state-default {
    background-color: #00B0B9;
    border: 1px solid #00B0B9;
    color: white; }
  #ui-datepicker-div .ui-datepicker-today .ui-state-default {
    border: 1px solid #00B0B9; }

/******************************************************************************
 **                                   HOLD                                   **
 ******************************************************************************/
body.hold .content .wrapper {
  width: 650px; }
body.hold h1 {
  font-size: 32px;
  font-weight: normal;
  color: #00B0B9; }
body.hold h2 {
  font-size: 22px;
  text-align: left;
  font-weight: bold; }
body.hold h3 {
  color: #00B0B9; }
body.hold p {
  margin: 20px 0;
  font-size: 18px; }
body.hold a:hover {
  color: #00B0B9; }
body.hold a {
  font-weight: bold; }
body.hold .push {
  height: 100px; }
body.hold #page-wrapper {
  margin-bottom: -100px; }
body.hold footer {
  height: 100px;
  padding-top: 0; }
  body.hold footer #copyright {
    margin-top: 0;
    background-color: #333; }

#twitter-feed-news {
  margin-top: 73px; }

#twitter-feed-footer {
  overflow: hidden;
  height: 175px;
  position: relative;
  border-bottom: 1px solid #444; }
  #twitter-feed-footer #twitter-container-footer {
    width: 100%;
    position: absolute;
    top: -35px; }

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