/* General */
body {
  margin: 0;
  padding: 0;
  font-family: "Merriweather"; }

.site-width {
  max-width: 1080px;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0 30px; }

.clear {
  clear: both; }

.nomb {
  margin-bottom: 0; }

.white {
  color: #fff; }

.blue {
  color: #28B8CE; }

a:hover, a:focus {
  text-decoration: none; }

p {
  font-size: 17px;
  color: #878786;
  font-style: italic; }

h1 {
  font-size: 64px;
  font-weight: 300;
  font-family: "Muli";
  color: #273035;
  margin-top: 0;
  letter-spacing: -2px; }

h2 {
  font-size: 45px;
  font-weight: 300;
  font-family: "Muli";
  color: #273035;
  margin-top: 0;
  letter-spacing: -2px; }

h3 {
  font-size: 28px;
  font-style: italic;
  font-family: "Merriweather";
  color: #28B8CE;
  margin-top: 0; }

h4 {
  font-size: 28px;
  font-family: "Muli";
  color: #fff;
  margin-top: 0;
  letter-spacing: -2px; }

.button {
  font-family: "Merriweather";
  font-size: 18px;
  color: #fff;
  background-color: #28B8CE;
  margin-top: 10px;
  display: inline-block;
  padding: 10px 20px;
  display: inline-block;
  font-style: italic; }

.button:hover, .button:focus {
  background-color: #181F22;
  color: #fff; }

/* Header */
header {
  padding: 30px 0 0; }
  header #logo {
    display: inline-block; }
  header .top-header {
    position: relative;
    z-index: 2; }
  header .row {
    margin-left: 0;
    margin-right: 0; }
  header .top-menu {
    float: right;
    min-width: 218px; }
    header .top-menu a {
      font-size: 15px;
      font-family: "Muli";
      color: #fff;
      text-transform: uppercase;
      vertical-align: top; }
    header .top-menu a + a {
      margin-left: 20px; }
    header .top-menu a.twitter-icon {
      font-size: 20px !important; }
    header .top-menu a:hover {
      color: #28B8CE; }
  header .banner {
    position: relative;
    margin: -60px 0 0;
    border-bottom: 7px solid #28B8CE;
    overflow: hidden; }
    header .banner img {
      width: 100%;
      min-width: 980px; }
    header .banner .banner-text {
      position: absolute;
      top: 30%;
      transform: translateY(-30%);
      padding: 0 15px; }
      header .banner .banner-text h1 {
        line-height: 65px;
        letter-spacing: -2px; }
      header .banner .banner-text h1 span {
        color: #28B8CE;
        display: block; }
      header .banner .banner-text span {
        font-style: normal;
        display: inline-block; }
  header .banner:before {
    content: "";
    display: block;
    width: 100%;
    height: 190px;
    position: absolute;
    top: 0;
    box-shadow: inset 0 120px 150px -120px #000; }

/* Content */
#main-content {
  padding: 70px 0 0;
  text-align: center;
  /* Case study buttons */ }
  #main-content h2 {
    margin-bottom: 25px; }
  #main-content p {
    margin-bottom: 20px; }
  #main-content .case-studies {
    margin-top: 70px;
    margin-left: 0;
    margin-left: 0;
    margin-right: 0; }
  #main-content .case-studies > div {
    padding: 0; }
  #main-content .case-study-button {
    max-width: 100%;
    cursor: pointer; }
  #main-content .case-study-button:hover {
    opacity: 0.8; }
  #main-content .ih-item img {
    height: auto; }
  #main-content .ih-item .info {
    background: rgba(0, 0, 0, 0.9); }
  #main-content .ih-item .info-back {
    position: absolute;
    bottom: 0;
    width: 100%; }
    #main-content .ih-item .info-back h3 {
      background-color: transparent;
      text-align: left;
      font-style: normal;
      font-family: "Muli";
      font-weight: 300;
      padding: 15px 45px 5px;
      margin-top: 0;
      font-size: 28px;
      text-transform: capitalize; }
    #main-content .ih-item .info-back p {
      text-align: left;
      margin-bottom: 0;
      padding: 0 45px 40px;
      font-family: "Merriweather";
      font-style: italic;
      font-size: 17px;
      color: #fff; }
  #main-content .ih-item.square {
    border: none;
    width: auto;
    height: auto;
    box-shadow: none; }
  #main-content .modal-dialog {
    width: 90%;
    max-width: 960px; }
    #main-content .modal-dialog .modal-header {
      border: none; }
    #main-content .modal-dialog .modal-title {
      font-family: "Muli";
      font-weight: 300;
      font-size: 32px;
      color: #273035; }
    #main-content .modal-dialog .modal-content {
      border-radius: 0; }
    #main-content .modal-dialog .modal-body {
      padding: 0 15px 0; }
    #main-content .modal-dialog .modal-footer {
      border: none;
      text-align: center;
      padding: 0 15px 15px; }
  #main-content .carousel .carousel-control {
    background: none; }
  #main-content .carousel .carousel-indicators {
    position: relative;
    bottom: 0;
    margin-top: 25px; }
    #main-content .carousel .carousel-indicators li.active {
      background-color: #28B8CE;
      margin: 1px; }
    #main-content .carousel .carousel-indicators li {
      background-color: #878786;
      border: none;
      width: 12px;
      height: 12px; }
  #main-content .left-side {
    padding: 70px 70px 52px;
    background-color: #28B8CE;
    margin-left: 0;
    margin-right: 0; }
    #main-content .left-side h2 {
      margin-bottom: 45px; }
    #main-content .left-side .wcu-box img {
      margin-bottom: 35px; }
    #main-content .left-side .wcu-box h4 {
      margin-bottom: 35px; }
  #main-content .right-side {
    margin-left: 0;
    margin-right: 0; }
  #main-content .content-bottom {
    margin-left: 0;
    margin-right: 0;
    background-color: #273035; }
    #main-content .content-bottom .perfect-fit {
      background-color: #fff;
      text-align: left;
      padding: 70px; }
      #main-content .content-bottom .perfect-fit a {
        display: inline-block;
        vertical-align: top;
        margin-top: 20px; }
      #main-content .content-bottom .perfect-fit .mobile {
        font-family: "Muli";
        font-size: 28px;
        font-weight: 300;
        color: #273035;
        padding-left: 50px; }
      #main-content .content-bottom .perfect-fit .mobile:before {
        content: url("../images/icon-mobile.png");
        height: 44px;
        display: inline-block;
        position: relative;
        margin-right: 20px; }
    #main-content .content-bottom .twitter-box {
      background-color: #273035;
      padding: 40px 50px;
      color: #fff;
      max-height: 390px;
      overflow: hidden; }
      #main-content .content-bottom .twitter-box ul {
        padding: 0;
        margin-top: 20px; }
      #main-content .content-bottom .twitter-box li {
        list-style: none; }
      #main-content .content-bottom .twitter-box p {
        color: #fff;
        font-size: 25px;
        font-family: "Muli";
        font-weight: 300;
        line-height: 25px;
        text-align: left;
        font-style: normal; }
        #main-content .content-bottom .twitter-box p a {
          color: #28B8CE;
          word-wrap: break-word; }
        #main-content .content-bottom .twitter-box p a:hover, #main-content .content-bottom .twitter-box p a:focus {
          color: #fff; }
      #main-content .content-bottom .twitter-box p::first-letter {
        text-transform: uppercase; }
      #main-content .content-bottom .twitter-box .user {
        display: none; }
      #main-content .content-bottom .twitter-box .interact {
        display: none; }
      #main-content .content-bottom .twitter-box .timeposted {
        display: none; }
      #main-content .content-bottom .twitter-box .twitter-title {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center; }
        #main-content .content-bottom .twitter-box .twitter-title span {
          font-family: "Muli";
          font-size: 14px;
          text-transform: uppercase;
          display: inline-block;
          color: #878786; }
        #main-content .content-bottom .twitter-box .twitter-title a i {
          color: #28B8CE;
          font-size: 45px; }
    #main-content .content-bottom .image-box {
      padding: 0;
      overflow: hidden; }
      #main-content .content-bottom .image-box span {
        background: transparent url("../images/office.png") left top no-repeat;
        background-size: 120% auto;
        display: block;
        width: 100%;
        height: 100%;
        max-height: 390px; }

/* Footer */
footer {
  background-color: #181F22;
  text-align: center;
  padding: 60px 0 0; }
  footer .site-width {
    padding: 0 30px; }
  footer h2 {
    color: #fff;
    margin-bottom: 30px; }
  footer p {
    color: #878786;
    font-size: 17px;
    font-style: italic; }
  footer .footer-contact {
    margin: 45px 0 0; }
    footer .footer-contact a {
      font-size: 28px;
      font-family: "Muli";
      color: #fff;
      font-weight: 300; }
    footer .footer-contact a:hover, footer .footer-contact a:focus {
      color: #28B8CE; }
    footer .footer-contact a:hover i, footer .footer-contact a:focus i {
      color: #28B8CE; }
    footer .footer-contact i {
      margin-right: 15px;
      color: #28B8CE;
      font-style: normal; }
  footer .footer-bottom {
    margin-top: 60px;
    background-color: #273035; }
    footer .footer-bottom span {
      color: #fff;
      padding: 20px 30px 15px;
      display: block;
      position: relative; }

@media screen and (min-width: 1500px) {
  .content-bottom {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch; }

  .flex-zone {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch; } }
@media screen and (max-width: 1500px) {
  header .banner .banner-text h1 {
    font-size: 55px;
    line-height: 55px; }

  .image-box {
    display: none; }

  .twitter-box {
    width: 100%; } }
@media screen and (max-width: 1250px) {
  header .banner .banner-text h1 {
    font-size: 50px;
    line-height: 50px; }

  header .banner .banner-text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }
@media screen and (min-width: 1250px) and (max-width: 1268px) {
  #main-content .left-side .col-md-6 {
    padding: 10px; } }
@media screen and (min-width: 1080px) and (max-width: 1130px) {
  #main-content .left-side .wcu-box {
    padding: 8px !important; } }
@media screen and (min-width: 992px) and (max-width: 1250px) {
  #main-content .left-side {
    padding: 40px 20px 20px; }

  #main-content .left-side .row {
    margin-left: 0;
    margin-right: 0; }

  #main-content .content-bottom .perfect-fit {
    padding: 40px; }

  #main-content .content-bottom .perfect-fit .mobile:before {
    display: none; }

  #main-content .content-bottom .twitter-box {
    padding: 40px; } }
@media screen and (min-width: 992px) and (max-width: 1061px) {
  #main-content .content-bottom .perfect-fit .mobile {
    padding-left: 15px; } }
@media screen and (max-width: 1080px) {
  .banner-text {
    padding: 0 45px; }

  header .banner .banner-text {
    top: 55%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%); } }
@media screen and (max-width: 980px) {
  header .banner .banner-text h1 {
    font-size: 45px;
    line-height: 45px; }

  header .banner .banner-text {
    top: 55%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%); } }
@media screen and (max-width: 768px) {
  header .banner .banner-text {
    top: 55%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%); }

  header .banner img {
    position: relative;
    right: 20%; }

  #main-content .modal-dialog {
    margin: 0 auto; } }
@media screen and (max-width: 580px) {
  header .banner {
    margin-top: -90px; } }
@media screen and (max-width: 560px) {
  header .top-menu {
    min-width: 218px;
    margin-top: 8px;
    float: none; }

  header .banner .banner-text h1 {
    font-size: 40px;
    line-height: 40px; }

  header .col-xs-6 {
    width: 100%; } }
@media screen and (max-device-width: 1024px) {
  header .banner .banner-text {
    top: 30%;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); } }
@media screen and (max-width: 480px) {
  header .banner .banner-text {
    top: 40%; }

  #main-content .left-side .wcu-box img {
    margin-top: 15px; }

  /*sl*/
  #main-content .content-bottom .perfect-fit .mobile {
    font-size: 25px;
    padding-left: 0; }

  #main-content .content-bottom .perfect-fit .mobile:before {
    display: none; }

  footer .footer-contact i {
    display: block;
    margin-right: 0; }

  footer .footer-contact a {
    font-size: 23px; } }
@media screen and (max-width: 580px) {
  header .banner .banner-text {
    top: 40%; }

  header .banner img {
    right: 40%; } }
@media screen and (max-width: 480px) {
  header .banner .banner-text {
    top: 40%; }

  header .banner img {
    right: 80%; } }
/* Browser Fixes */
.ie .banner {
  overflow: visible; }
  .ie .banner img {
    margin-top: -60px; }

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