/*
Theme Name:     Outspoken
Theme URI:      http://www.outspoken.com/
Description:    Child theme for the RB BoostrapWP
Author:         Allan Ritumban
Author URI:     http://www.outspoken.com
Template:       rachelbaker-bootstrapwp-Twitter-Bootstrap-for-WordPress-0c06b68                             
Version:        1.0.0
*/
/*===========================================================================
Typography
===========================================================================*/
.cantarell-regular {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
}
.cantarell-bold {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
}
h4 {
  color: #252525;
}
h3 {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  color: #1295d9;
  font-size: 24px;
}
h2 {
  display: inline-block;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  color: #252525;
  font-size: 32px;
  border-bottom: 1px solid #1295d9;
  padding-bottom: 10px;
}
p {
  margin: 0 0 1em 0;
}
.white-bg-home {
  width: 420px;
  display: block;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.1);
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

  font-size: 28px;
  line-height: 1.5em;
  padding: 30px;
}
strong {
  font-weight: 500;
}
.placeholder {
  color: #b9b9b9 !important;
}
/*===========================================================================
Variables and MixIns
===========================================================================*/
/*===========================================================================
Global Elements
===========================================================================*/
body {
  font-family: "futura-pt", Futura, "Trebuchet MS", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #363636;
  font-size: 18px;
  line-height: 1.5em;
  background: #FFF;
}
.container {
  width: 1250px;
}
a {
  outline: none !important;
  border: none !important;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
a:hover {
  color: #252525;
}
ul li {
  margin-bottom: 10px;
}
ul li ul {
  margin-top: 10px;
}
.navigation {
  float: left;
  clear: both;
  margin: 20px 0;
}
.navigation .wp-paginate .current {
  background: #252525;
  border: 1px solid #FFF;
}
#main-container {
  width: 100%;
}
#main-container #main-content {
  margin-top: 85px;
}
a.target {
  display: block;
  position: relative;
  top: -150px;
  outline: medium none;
  text-decoration: none;
  visibility: hidden;
}
.hero-cta {
  display: block;
  width: 300px;
  background: #0A96DD;
  padding: 10px 20px;
  margin: 1em auto 0;
  box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
  color: #FFFFFF;
  text-align: center;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.hero-cta:hover {
  color: #FFF;
  text-decoration: none;
  background: #0a7bb5;
}
.cta {
  display: block;
  width: 200px;
  background: #0A96DD;
  padding: 10px 20px;
  margin: 1em auto 0;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.cta:hover {
  color: #FFF;
  text-decoration: none;
  background: #0a7bb5;
}
.cta-small {
  display: block;
  width: 100px;
  background: #0A96DD;
  padding: 5px 20px;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.cta-small:hover {
  color: #FFF;
  text-decoration: none;
  background: #0a7bb5;
}
.empty {
  color: #b9b9b9 !important;
}
.invalid-field {
  border: 1px solid red !important;
  background: #f9b9bc !important;
  color: #111111 !important;
  -webkit-box-shadow: 1px 1px 10px #f9b9b9 !important;
  -moz-box-shadow: 1px 1px 10px #f9b9b9 !important;
  box-shadow: 1px 1px 10px #f9b9b9 !important;
  behavior: url(PIE.htc) !important;
  /* IE 6-8 Fix */

}
.invalid-select {
  border: 1px solid red !important;
  background: #f9b9bc !important;
  color: #7c5e60 !important;
  -webkit-box-shadow: 1px 1px 10px #f9b9b9 !important;
  -moz-box-shadow: 1px 1px 10px #f9b9b9 !important;
  box-shadow: 1px 1px 10px #f9b9b9 !important;
  behavior: url(PIE.htc) !important;
  /* IE 6-8 Fix */

}
.add-y-padding {
  padding: 60px 0 !important;
}
.form-tc-pp {
  margin: 0 auto;
  padding-top: 10px;
  display: block;
  width: 230px;
  clear: both;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
}
.form-tc-pp:hover {
  color: #FFF;
}
.form-tc-pp-gs {
  margin: 0 auto;
  padding-top: 10px;
  display: block;
  width: 230px;
  clear: both;
  font-size: 14px;
  text-align: center;
}
#request-demo-row {
  background: #0A96DD;
  text-align: left;
  padding: 10px 0 40px;
}
#request-demo-row #demo-request-container {
  text-align: center;
  width: 1100px;
  margin: 0 auto;
}
#request-demo-row #demo-request-container h2 {
  color: #FFF;
  font-size: 29px;
  border-bottom: none;
}
#request-demo-row #demo-request-container input[type="text"]:nth-child(4),
#request-demo-row #demo-request-container input[type="text"]:nth-child(6),
#request-demo-row #demo-request-container input[type="text"]:nth-child(8) {
  width: 130px;
}
#request-demo-row #demo-request-container input[type="text"]:nth-child(10) {
  width: 160px;
}
#request-demo-row #demo-request-container input[type="text"] {
  float: left;
  width: 12%;
  margin: 0 7px;
  padding: 1em;
  font-size: 14px;
  color: #7d7d7d;
}
#request-demo-row #demo-request-container input[type="submit"] {
  float: right;
  display: block;
  width: 180px;
  height: 50px;
  background: #252525 url(images/graphic-arrow.png) no-repeat 15px center;
  background-size: 13px 14px;
  font-size: 18px;
  border: none;
  box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  padding-left: 15px;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
#request-demo-row #demo-request-container input[type="submit"]:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #264e77;
}
#request-demo-row #demo-request-container input[type="hidden"] {
  display: none;
}
#request-demo-row #demo-request-container label {
  display: none;
}
.button-outline {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  color: #fff;
  padding: 20px 40px;
  border: 2px solid #fff !important;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.button-outline:hover {
  text-decoration: none;
  color: #ddd;
  border-color: #ddd;
}
.button-outline:hover:hover {
  cursor: pointer;
}
.legal {
  font-size: 12px !important;
  line-height: 1.5em;
  margin-top: 180px;
}
/*===========================================================================
Navigation
===========================================================================*/
.navbar {
  position: fixed;
  z-index: 10000;
  width: 100%;
  top: 0;
  background: #FFF;
  filter: none\9 !important;
  /* IE 7-9 fix */
  -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.navbar .fa-caret-square-o-down {
  font-weight: 500;
  font-size: 12px;
}
.navbar #mega_main_menu {
  padding: 10px 0 7px;
}
.navbar #mega_main_menu .logo_link {
  width: 200px;
  padding: 0;
}
.navbar #mega_main_menu .logo_link img {
  max-height: 100%;
}
.navbar #mega_main_menu .link_text {
  font-size: 14px !important;
}
.navbar #main-brand {
  width: 200px;
  height: 54px;
  text-indent: -999em;
  background: url(images/outspoken-logo.png) no-repeat center;
  background-size: 200px auto;
  outline: none;
  border: none;
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
}
.navbar .navbar-inner {
  width: 1250px;
  margin: 0 auto;
  border: none;
  background: #fff;
  filter: none\9 !important;
  /* IE 7-9 fix */
  box-shadow: none;
}
.navbar .navbar-inner #main-menu {
  margin-top: 25px;
  float: right;
}
.navbar .navbar-inner #main-menu a {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
  text-shadow: none;
  color: #0a96dd;
  font-size: 16px;
}
.navbar .navbar-inner #main-menu a:hover {
  color: #252525;
}
.navbar .navbar-inner #main-menu #menu-item-39 a i {
  vertical-align: middle;
  color: #252525;
  font-size: 12px;
  margin-left: 5px;
}
.navbar .navbar-inner #main-menu #menu-item-80 {
  border: none !important;
}
.navbar .navbar-inner #main-menu #menu-item-80 a {
  width: 150px;
  color: #FFF;
  background: #0A96DD;
  font-size: 15px;
  text-align: center;
  padding: 10px 5px;
  margin: 0 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  /* IE 6-8 Fix */

  behavior: url(PIE.htc);
}
.navbar .navbar-inner #main-menu #menu-item-80 a:hover {
  background: #0a7bb5;
}
.navbar .navbar-inner #main-menu #menu-item-74 {
  border: none !important;
}
.navbar .navbar-inner #main-menu #menu-item-74 a {
  background: #252525;
  color: #FFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  /* IE 6-8 Fix */

  behavior: url(PIE.htc);
}
.navbar .navbar-inner #main-menu #menu-item-74 a:hover {
  background: #264e77;
}
.navbar .navbar-inner #main-menu .dropdown-menu > li > a:hover,
.navbar .navbar-inner #main-menu .dropdown-menu > li > a:focus {
  background: #0A96DD;
  color: #FFF;
}
.navbar .navbar-inner #main-menu .dropdown-menu li {
  border-bottom: none !important;
}
.navbar .navbar-inner #main-menu a.dropdown-toggle:hover {
  background: none;
}
.navbar .navbar-inner .phone-number {
  float: right;
  clear: both;
  margin: -12px 10px 3px;
  font-size: 14px;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
}
.navbar .navbar-inner .phone-number i {
  vertical-align: middle;
  font-size: 14px;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  display: none !important;
}
/*===========================================================================
Header
===========================================================================*/
header {
  margin-top: 50px;
}
/*===========================================================================
Footer
===========================================================================*/
footer {
  height: 95px;
  background: #222;
  color: #FFF;
}
footer #footer-items {
  margin-top: 35px;
  font-size: 14px;
}
footer #footer-items .copyright {
  display: inline;
  float: left;
  margin: 0 10px 0 0;
}
footer #footer-items .copyright sup {
  font-size: 10px;
}
footer #footer-items .copyright span {
  font-size: 14px;
}
footer #footer-items .reserved {
  clear: both;
  display: inline;
  float: left;
  font-size: 12px;
  margin: 0 0 0 0;
}
footer #footer-items #menu-footer {
  float: left;
  margin: 0 0 0 0;
}
footer #footer-items #menu-footer li {
  display: inline;
  margin: 0 5px;
}
footer #footer-items #menu-footer li a {
  color: #FFF;
  text-decoration: none;
  text-transform: lowercase;
}
footer #footer-items #menu-footer li a:hover {
  color: #0A96DD;
}
footer .social-links {
  float: right;
  margin-top: 30px;
}
footer .social-links li {
  display: inline;
}
footer .social-links li a {
  margin: 0 5px;
  display: inline-block;
  text-indent: -999em;
}
footer .social-links li #twitter {
  width: 42px;
  height: 40px;
  background: url(images/social-icons.png) no-repeat left top;
}
footer .social-links li #facebook {
  width: 35px;
  height: 40px;
  background: url(images/social-icons.png) no-repeat -42px top;
}
footer .social-links li #linkedin {
  width: 35px;
  height: 40px;
  background: url(images/social-icons.png) no-repeat -122px top;
}
footer .social-links li #google-plus {
  width: 35px;
  height: 40px;
  background: url(images/social-icons.png) no-repeat -82px top;
}
/*===========================================================================
Default Elements
===========================================================================*/
.white-bg,
.grey-bg {
  padding: 50px 0;
}
.white-bg p,
.grey-bg p {
  width: 85%;
}
.grey-bg {
  background: #f0f2f3;
}
#hero-container-row-pages {
  width: 100%;
  min-height: 500px;
  background: url(images/bg-home-1.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
}
#hero-container-row-pages h1 {
  width: 900px;
  display: block;
  margin: 120px auto 0;
  font-size: 40px;
  color: #FFF;
  line-height: 1.3em;
  letter-spacing: 5px;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.72);
  padding: 0 0 10px 0;
}
#hero-container-row-pages p {
  color: #FFF;
  font-size: 28px;
}
#intro-subject-row {
  text-align: center;
  padding: 30px 0 0;
}
#intro-subject-row p {
  width: 75%;
  font-size: 21px;
  line-height: 1.7em;
  color: #999999;
  margin: 0 auto;
}
#intro-blurb {
  margin-bottom: 50px;
  text-align: center;
  color: #999999;
}
#intro-blurb ul {
  list-style: none;
}
#home-buckets p {
  width: 90%;
}
.current-menu-item {
  border-bottom: 5px solid #252525;
}
.last-row {
  padding-bottom: 100px;
}
/*-----Sprites-----*/
.circle-graphic {
  width: 97px;
  height: 96px;
}
.messaging-circle {
  background: url(images/circles.png) no-repeat center -424px;
}
.payments-circle {
  background: url(images/circles.png) no-repeat center -318px;
}
.api-circle {
  background: url(images/circles.png) no-repeat center -636px;
}
.selfservice-circle {
  background: url(images/circles.png) no-repeat center -212px;
}
.throughput-circle {
  background: url(images/circles.png) no-repeat center 0;
}
.agency-circle {
  background: url(images/circles.png) no-repeat center -106px;
}
.connected-circle {
  background: url(images/circles.png) no-repeat center -530px;
}
.video-circle {
  background: url(images/circles.png) no-repeat center -742px;
}
.fast-circle {
  background: url(images/circles.png) no-repeat center -849px;
}
.reliable-circle {
  background: url(images/circles.png) no-repeat center -955px;
}
.delivery-circle {
  background: url(images/circles.png) no-repeat center -1379px;
}
.reach-circle {
  background: url(images/circles.png) no-repeat center -1485px;
}
.integration-circle {
  background: url(images/circles.png) no-repeat center -1591px;
}
.optimization-circle {
  background: url(images/circles.png) no-repeat center -1698px;
}
.gateway-circle {
  background: url(images/circles.png) no-repeat center -1804px;
}
.content-circle {
  background: url(images/circles.png) no-repeat center -1910px;
}
/*===========================================================================
Lightbox 
===========================================================================*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
/*===========================================================================
Hero (Homepage)
===========================================================================*/
#hero-container-row {
  width: 100%;
  min-height: 550px;
  text-align: center;
}
#hero-container-row #strapslide > .strapslide-container {
  height: 550px !important;
}
#hero-container-row #strapslide {
  position: relative;
}
#hero-container-row #strapslide .pagination {
  display: none;
}
#hero-container-row #strapslide .strapslide-nav {
  display: none;
}
#hero-container-row #strapslide .strapslide-nav .btn {
  background: #0A96DD;
  color: #FFF;
  text-shadow: none;
  font-size: 28px;
  border: none;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.5);
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
#hero-container-row #strapslide .strapslide-nav .btn:active {
  box-shadow: none;
}
#hero-container-row #strapslide .strapslide-nav .btn:hover {
  color: #FFF;
  text-decoration: none;
  background: #0a7bb5;
}
#hero-container-row #strapslide .slide-content {
  overflow: hidden;
}
#hero-container-row #strapslide .slide-content .container {
  width: 1400px;
}
#hero-container-row #strapslide .slide-double {
  width: 200%;
  height: 100%;
}
#hero-container-row #strapslide #slide1 {
  background: url(images/bg-home-slide04.jpg) no-repeat center -145px;
  background-size: cover;
  min-width: 1300px;
}
#hero-container-row #strapslide #slide1 h1 {
  width: 900px;
  display: block;
  margin: 165px auto 0;
  font-size: 40px;
  color: #FFF;
  line-height: 1.3em;
  letter-spacing: 5px;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.72);
  padding: 0 0 10px 0;
}
#hero-container-row #strapslide #slide1 p {
  color: #FFF;
  font-size: 28px;
  margin-bottom: 45px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.72);
}
#hero-container-row #strapslide #slide1 a:nth-child(2) {
  width: 400px;
  margin: 40px auto 0;
  padding: 15px 0;
  display: block;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  color: #FFF;
  background: rgba(4, 151, 225, 0.85);
  -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
#hero-container-row #strapslide #slide1 a:nth-child(2):hover {
  text-decoration: none;
  background: #0a7bb5;
}
#hero-container-row #strapslide #slide2 {
  background: #ffffff url(images/smartie-bg.png) repeat center;
}
#hero-container-row #strapslide #slide2 #smartie-content {
  position: relative;
  width: 701px;
  height: 500px;
  margin: 25px auto 0;
  background: url(images/smartie-bg-2.png) no-repeat center;
}
#hero-container-row #strapslide #slide2 #smartie-content .cta {
  position: absolute;
  left: 85px;
  bottom: 80px;
}
#hero-container-row #circle-container {
  position: relative;
  width: 45px;
  height: 100px;
  margin: 35px auto 0;
}
#hero-container-row #circle-container #circle-down {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: url(images/scroll-down.png) rgba(37, 37, 37, 0.8) no-repeat center 18px;
  background-size: 30px auto;
  -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.7);
  -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.7);
  box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.7);
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

  -webkit-animation-name: arrow-bounce;
  animation-name: arrow-bounce;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#hero-container-row #circle-container #circle-down a {
  width: 45px;
  height: 100px;
  display: block;
  color: transparent;
  font-size: 0px;
}
@-webkit-keyframes arrow-bounce {
  0% {
    top: 0;
    -webkit-animation-timing-function: linear;
  }
  25% {
    top: 20px;
    -webkit-animation-timing-function: linear;
  }
  50% {
    top: 0;
    -webkit-animation-timing-function: linear;
  }
  75% {
    top: 20px;
    -webkit-animation-timing-function: linear;
  }
  100% {
    top: 0px;
    -webkit-animation-timing-function: linear;
  }
}
@keyframes arrow-bounce {
  0% {
    top: 0;
    -webkit-animation-timing-function: linear;
  }
  25% {
    top: 20px;
    -webkit-animation-timing-function: linear;
  }
  50% {
    top: 0;
    -webkit-animation-timing-function: linear;
  }
  75% {
    top: 20px;
    -webkit-animation-timing-function: linear;
  }
  100% {
    top: 0px;
    -webkit-animation-timing-function: linear;
  }
}
/*===========================================================================
Buckets (Homepage)
===========================================================================*/
#home-buckets {
  padding: 0px 0 30px 0;
  font-weight: 300;
}
#home-buckets .circle-graphic {
  margin-top: 1em;
}
#home-buckets .bucket-container {
  border-right: 1px solid #1295d9;
}
#home-buckets .bucket-container p {
  margin: 0 0 10px 0;
}
#home-buckets .bucket-container .cta {
  margin: 0px auto 10px;
}
#home-buckets .bucket-first-row {
  height: 230px;
}
#home-buckets .bucket-container:last-child {
  border: none;
}
/*===========================================================================
Messaging (Homepage)
===========================================================================*/
#messaging-row-home {
  background: url(images/bg-home-3.jpg) no-repeat center bottom;
  background-size: cover;
}
#messaging-row-home .hand-graphic-container {
  min-height: 700px;
}
#messaging-row-home .hand-graphic-container #hand-phone-home {
  float: left;
  width: 482px;
  height: 595px;
  margin: 0 0 0 130px;
  background: url(images/garphic-hand-phones.png) no-repeat center;
  background-size: cover;
}
#messaging-row-home h2 {
  margin-top: 70px;
  float: left;
}
#messaging-row-home .white-bg-home {
  float: right;
  margin: 222px 130px 0 0;
}
/*===========================================================================
Aggregation (Homepage)
===========================================================================*/
#aggregation-row-home {
  background: url(images/bg-home-aggregation.jpg) no-repeat center;
  background-size: cover;
  padding: 110px 0 0 0;
  min-height: 600px;
}
#aggregation-row-home #phone-graphic-container #phone-graphic {
  float: right;
  margin-right: 90px;
  margin-bottom: -55px;
  width: 420px;
  height: 618px;
  background: url(images/garphic-ipadmini.png) no-repeat center;
}
#aggregation-row-home h2 {
  margin: 20px 0 30px;
}
/*===========================================================================
{ API } (Homepage)
===========================================================================*/
#api-row-home {
  background: url(images/bg-home-api.jpg) no-repeat center;
  background-size: cover;
  padding: 10px 0 0 0;
}
#api-row-home .container {
  height: 810px;
  background: url(images/bg-home-4.png) no-repeat center 155px;
}
#api-row-home .container h2 {
  float: left;
  margin: 100px 0 0;
  width: 100px;
}
#api-row-home .container .white-bg-home {
  float: right;
  width: 325px;
  margin-top: 235px;
}
/*===========================================================================
Featured On (Homepage)
===========================================================================*/
#featured-on-row {
  min-height: 430px;
}
#featured-on-row h2 {
  width: 600px;
  margin: 120px auto 50px;
  display: block;
  text-align: center;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
}
#featured-on-row .feat-item {
  margin: 0 auto;
}
#featured-on-row #feat-client-quilt {
  background: none;
}
#featured-on-row #feat-client-quilt #jack {
  width: 250px;
  height: 65px;
  background: url(images/featured-sprite.png) no-repeat 0 top;
}
#featured-on-row #feat-client-quilt #coxmedia {
  width: 230px;
  height: 78px;
  background: url(images/featured-sprite.png) no-repeat 0 -146px;
}
#featured-on-row #feat-client-quilt #helloworld {
  width: 230px;
  height: 81px;
  background: url(images/featured-sprite.png) no-repeat 0 -65px;
  margin-top: -10px;
}
#featured-on-row #feat-client-quilt #cr {
  width: 230;
  height: 80px;
  background: url(images/featured-sprite.png) no-repeat 0 -211px;
}
/*===========================================================================
Messaging Page
===========================================================================*/
.messaging-page #hero-container-row-pages {
  background: url(images/bg-messaging.jpg) no-repeat top;
  background-size: cover;
}
.messaging-page #hero-container-row-pages h1 {
  width: 800px;
  margin-top: 130px;
}
.messaging-page .image-display {
  height: auto;
  display: block;
  margin: 0 auto;
}
.messaging-page #request-demo-row {
  background: #0A96DD;
  text-align: left;
  padding: 10px 0 40px;
}
.messaging-page #request-demo-row #demo-request-container {
  text-align: center;
  width: 1100px;
  margin: 0 auto;
}
.messaging-page #request-demo-row #demo-request-container h2 {
  color: #FFF;
  font-size: 29px;
  border-bottom: none;
}
.messaging-page #request-demo-row #demo-request-container input[type="text"]:nth-child(4),
.messaging-page #request-demo-row #demo-request-container input[type="text"]:nth-child(6),
.messaging-page #request-demo-row #demo-request-container input[type="text"]:nth-child(8) {
  width: 130px;
}
.messaging-page #request-demo-row #demo-request-container input[type="text"]:nth-child(10) {
  width: 160px;
}
.messaging-page #request-demo-row #demo-request-container input[type="text"] {
  float: left;
  width: 12%;
  margin: 0 7px;
  padding: 1em;
  font-size: 14px;
  color: #7d7d7d;
}
.messaging-page #request-demo-row #demo-request-container input[type="submit"] {
  float: right;
  display: block;
  width: 180px;
  height: 50px;
  background: #252525 url(images/graphic-arrow.png) no-repeat 15px center;
  background-size: 13px 14px;
  font-size: 18px;
  border: none;
  box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  padding-left: 15px;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.messaging-page #request-demo-row #demo-request-container input[type="submit"]:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #264e77;
}
.messaging-page #request-demo-row #demo-request-container input[type="hidden"] {
  display: none;
}
.messaging-page #request-demo-row #demo-request-container label {
  display: none;
}
/*===========================================================================
Aggregation Page
===========================================================================*/
.aggregation-page #hero-container-row-pages {
  background: url(images/bg-payments.jpg) no-repeat top;
  background-size: cover;
}
.aggregation-page #hero-container-row-pages h1 {
  margin-top: 155px;
}
.aggregation-page .image-display {
  height: auto;
  display: block;
  margin: 0 auto;
}
.aggregation-page .cta {
  background: none repeat scroll 0 0 rgba(4, 151, 225, 0.85);
  color: #FFFFFF;
  font-family: 'Cantarell';
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  padding: 10px 25px;
  text-align: center;
  float: left;
  width: 36%;
}
.aggregation-page .cta:hover {
  background: #0A7BB5;
  text-decoration: none;
}
.aggregation-page #request-demo-row {
  background: #0A96DD;
  text-align: left;
  padding: 10px 0 40px;
}
.aggregation-page #request-demo-row #demo-request-container {
  text-align: center;
  width: 1100px;
  margin: 0 auto;
}
.aggregation-page #request-demo-row #demo-request-container h2 {
  color: #FFF;
  font-size: 29px;
  border-bottom: none;
}
.aggregation-page #request-demo-row #demo-request-container input[type="text"]:nth-child(4),
.aggregation-page #request-demo-row #demo-request-container input[type="text"]:nth-child(6),
.aggregation-page #request-demo-row #demo-request-container input[type="text"]:nth-child(8) {
  width: 130px;
}
.aggregation-page #request-demo-row #demo-request-container input[type="text"]:nth-child(10) {
  width: 160px;
}
.aggregation-page #request-demo-row #demo-request-container input[type="text"] {
  float: left;
  width: 12%;
  margin: 0 7px;
  padding: 1em;
  font-size: 14px;
  color: #7d7d7d;
}
.aggregation-page #request-demo-row #demo-request-container input[type="submit"] {
  float: right;
  display: block;
  width: 180px;
  height: 50px;
  background: #252525 url(images/graphic-arrow.png) no-repeat 15px center;
  background-size: 13px 14px;
  font-size: 18px;
  border: none;
  box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  padding-left: 15px;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.aggregation-page #request-demo-row #demo-request-container input[type="submit"]:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #264e77;
}
.aggregation-page #request-demo-row #demo-request-container input[type="hidden"] {
  display: none;
}
.aggregation-page #request-demo-row #demo-request-container label {
  display: none;
}
/*===========================================================================
{API} Page
===========================================================================*/
.api-page #hero-container-row-pages {
  background: url(images/bg-api.jpg) no-repeat top;
  background-size: cover;
}
.api-page #hero-container-row-pages h1 {
  width: 900px;
  margin-top: 140px;
}
.api-page #hero-container-row-pages h2 {
  margin-bottom: 2em;
}
.api-page p {
  margin-bottom: 1.6em;
  line-height: 1.7em;
}
.api-page p:last-child {
  margin: 0 0 5em 0;
}
/*===========================================================================
About Us Page
===========================================================================*/
.about-page {
  text-align: center;
}
.about-page h2 {
  margin-bottom: 30px;
}
.about-page h3 {
  margin-bottom: 30px;
}
.about-page h5 {
  font-size: 16px;
  font-weight: 300;
}
.about-page hr {
  width: 90%;
  margin: 0 auto 50px;
}
.about-page p {
  text-align: left;
}
.about-page #intro-subject-row {
  padding: 55px 0 75px;
}
.about-page #intro-subject-row p {
  width: 90%;
  font-size: 16px;
  margin-bottom: 1em;
  color: #363636;
  text-align: center;
}
.about-page .exec-row {
  padding-bottom: 40px;
}
.about-page .exec-row:nth-child(4) {
  padding-bottom: 100px;
}
.about-page .grey-bg hr {
  border-bottom: 1px solid #d2d3d4;
}
.about-page .span4 .feat-item {
  margin: 0 auto;
}
.about-page .span4 #silverlake {
  width: 230px;
  height: 70px;
  background: url(images/investors.png) no-repeat 0 0;
  background-size: 230px auto;
}
.about-page .span4 #trinity {
  width: 260px;
  height: 70px;
  background: url(images/investors.png) no-repeat 0 -230px;
  background-size: 260px auto;
}
.about-page .span4 #montgomery {
  width: 210px;
  height: 94px;
  background: url(images/investors.png) no-repeat 0 -86px;
  background-size: 210px auto;
}
.bios {
  max-width: 400px !important;
}
.bios h4 {
  margin: 0 0 5px 0;
  text-align: center;
}
.bios h4 span {
  font-size: 16px;
  font-weight: 300;
}
.bios .bio-picture {
  display: block;
  margin: 0 auto 10px;
}
.bios p {
  text-align: left;
  font-size: 16px;
  color: #363636;
}
/*===========================================================================
SXSW Sweepstakes Legal Page
===========================================================================*/
.general-page {
  padding-bottom: 30px;
}
.general-page h4:first-child {
  text-align: center;
  margin-bottom: 2em;
}
.general-page .general-feat-img img {
  display: block;
  margin: 20px auto 30px;
}
/*===========================================================================
Brilliant Page
===========================================================================*/
.brilliant-page #hero-container-row-pages {
  background: url(images/bg-transcoding.jpg) no-repeat top;
  background-size: cover;
}
.brilliant-page #intro-subject-row {
  margin-bottom: 20px;
}
.brilliant-page #intro-subject-row p {
  width: 80%;
}
.brilliant-page #comparison-brilliant {
  text-align: center;
  margin-bottom: 50px;
}
.brilliant-page #comparison-brilliant strong {
  display: inline-block;
  margin: 10px 0 10px;
  font-size: 21px;
}
.brilliant-page #comparison-brilliant #yes-brilliant {
  background: url(images/brilliant-phone01.png) no-repeat center top;
}
.brilliant-page #comparison-brilliant #no-brilliant {
  background: url(images/brilliant-phone02.png) no-repeat top;
}
.brilliant-page #comparison-brilliant .video-comparison {
  display: block;
  width: 461px;
  height: 223px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  color: transparent;
  margin: auto;
}
.brilliant-page #comparison-brilliant .video-comparison:hover {
  background-position: center -224px !important;
}
.brilliant-page .grey-bg-transcoding {
  background: #f0f2f3;
}
.brilliant-page #try-brilliant {
  text-align: center;
}
.brilliant-page #try-brilliant h3 {
  margin-top: 50px;
}
.brilliant-page form#send-it {
  margin: 0;
}
.brilliant-page .form-brilliant input[type="text"] {
  width: 18.5%;
  border: 1px solid #0a8bcc;
  padding: 1em 2.5%;
  margin-bottom: 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.brilliant-page .form-brilliant input:first-child[type="submit"] {
  margin-left: 0;
}
.brilliant-page .form-brilliant input[type="submit"] {
  float: left;
  width: 20%;
  border: 1px solid #0a8bcc;
  padding: 1em 2%;
  margin-bottom: 20px;
  margin-left: 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.brilliant-page .form-brilliant .cta {
  border: none;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.brilliant-page .form-brilliant .video-selected {
  background: #252525;
  border: 1px solid #252525 !important;
}
.brilliant-page #confirm-brilliant-upload {
  min-height: 50px;
}
.brilliant-page #confirm-brilliant-upload p {
  display: none;
  margin-bottom: 0;
  color: #2ecc71;
  text-align: center;
  text-decoration: underline;
  font-size: 21px;
}
.brilliant-page #confirm-brilliant-upload #no-file {
  color: #ed1c24;
  text-decoration: none;
}
/*===========================================================================
Passbook Page
===========================================================================*/
.passbook-page .image-display {
  display: block;
  margin: 0 auto;
}
.passbook-page #hero-container-row-pages {
  background: url(images/bg-passbook.jpg) no-repeat top;
  background-size: cover;
}
.passbook-page #hero-container-row-pages .legal {
  font-size: 12px !important;
  line-height: 1.5em;
  margin-top: 180px;
}
.passbook-page #intro-subject-row {
  margin: 10px 0;
}
.passbook-page #intro-blurb {
  margin-bottom: 50px;
}
.passbook-page #intro-blurb p {
  text-align: center;
  color: #999999;
}
.passbook-page #intro-blurb img {
  margin: 5px auto 15px;
}
.passbook-page #demo-passbook {
  font-size: 21px;
  text-align: center;
  padding: 20px 0 30px;
}
.passbook-page #demo-passbook p:first-of-type {
  margin: 0 0 0;
}
.passbook-page #demo-passbook .legal {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5em;
}
.passbook-page #demo-passbook strong {
  color: #1295d9;
}
.passbook-page #request-demo-row {
  background: #0A96DD;
  text-align: left;
  padding: 10px 0 40px;
}
.passbook-page #request-demo-row #demo-request-container {
  text-align: center;
  width: 1100px;
  margin: 0 auto;
}
.passbook-page #request-demo-row #demo-request-container h2 {
  color: #FFF;
  font-size: 29px;
  border-bottom: none;
}
.passbook-page #request-demo-row #demo-request-container input[type="text"]:nth-child(4),
.passbook-page #request-demo-row #demo-request-container input[type="text"]:nth-child(6),
.passbook-page #request-demo-row #demo-request-container input[type="text"]:nth-child(8) {
  width: 130px;
}
.passbook-page #request-demo-row #demo-request-container input[type="text"]:nth-child(10) {
  width: 160px;
}
.passbook-page #request-demo-row #demo-request-container input[type="text"] {
  float: left;
  width: 12%;
  margin: 0 7px;
  padding: 1em;
  font-size: 14px;
  color: #7d7d7d;
}
.passbook-page #request-demo-row #demo-request-container input[type="submit"] {
  float: right;
  display: block;
  width: 180px;
  height: 50px;
  background: #252525 url(images/graphic-arrow.png) no-repeat 15px center;
  background-size: 13px 14px;
  font-size: 18px;
  border: none;
  box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  padding-left: 15px;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.passbook-page #request-demo-row #demo-request-container input[type="submit"]:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #264e77;
}
.passbook-page #request-demo-row #demo-request-container input[type="hidden"] {
  display: none;
}
.passbook-page #request-demo-row #demo-request-container label {
  display: none;
}
/*===========================================================================
Digital Wallet Page
===========================================================================*/
.digitalwallet-page .white-bg:nth-child(4),
.digitalwallet-page .white-bg:nth-child(6),
.digitalwallet-page .grey-bg:nth-child(7) {
  padding-bottom: 0;
}
.digitalwallet-page h3 {
  margin-bottom: 0;
}
.digitalwallet-page h4 {
  margin: 0 0 25px 0;
  font-size: 17px;
  color: #111;
}
.digitalwallet-page .image-display {
  display: block;
  margin: 0 auto;
}
.digitalwallet-page #hero-container-row-pages {
  background: url(images/bg-passbook.jpg) no-repeat top;
  background-size: cover;
}
.digitalwallet-page #hero-container-row-pages h1 {
  width: 1000px;
}
.digitalwallet-page #hero-container-row-pages .legal {
  margin-top: 250px;
}
.digitalwallet-page #intro-subject-row {
  margin: 10px 0;
}
.digitalwallet-page #intro-blurb {
  margin-bottom: 0;
}
.digitalwallet-page #intro-blurb p {
  text-align: center;
  color: #999999;
}
.digitalwallet-page #intro-blurb img {
  margin: 5px auto 15px;
}
.digitalwallet-page #request-demo-row {
  color: #FFF;
  line-height: 1.2em;
}
.digitalwallet-page #request-demo-row p {
  display: block;
  width: auto !important;
  text-align: left;
  margin: 0;
}
.digitalwallet-page #request-demo-row #demo-request-container h2 {
  text-transform: uppercase;
  display: block;
  text-align: left;
  margin-bottom: 0;
}
.digitalwallet-page #request-demo-row .button-outline {
  margin: 20px 0 0 20px;
}
/*===========================================================================
MMS Crash Course Page
===========================================================================*/
.mmscc-page #hero-container-row-pages {
  background: url(images/bg-crashcourse.jpg) no-repeat top;
  background-size: cover;
  min-height: 400px;
}
.mmscc-page .mscc-form-column label {
  display: none;
}
.mmscc-page .mscc-form-column .fake-phone {
  display: none;
}
.mmscc-page .mscc-form-column input {
  box-sizing: content-box;
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
.mmscc-page .mscc-form-column input[type="email"] {
  width: 95%;
  border: 1px solid #0a8bcc;
  padding: 2.5% 2.5%;
  margin-bottom: 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.mmscc-page .mscc-form-column input[type="text"] {
  width: 95%;
  border: 1px solid #0a8bcc;
  padding: 2.5% 2.5%;
  margin-bottom: 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.mmscc-page .mscc-form-column .phone-short-field {
  float: left;
  width: 15% !important;
  margin-left: 2%;
}
.mmscc-page .mscc-form-column .phone-1 {
  margin-left: 0;
}
.mmscc-page .mscc-form-column .phone-long-field {
  float: right;
  width: 50% !important;
}
.mmscc-page .mscc-form-column #submit-request {
  width: 95%;
  padding: 2.5% 2.5%;
  background: #0A96DD;
  border: none;
  font-size: 18px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  /* IE 6-8 Fix */

  behavior: url(PIE.htc);
}
.mmscc-page .mscc-form-column #submit-request:hover {
  color: #FFF;
  text-decoration: none;
  background: #0a7bb5;
}
.mmscc-page .msscc-desc {
  font-size: 18px;
}
.mmscc-page .msscc-desc h2 {
  font-size: 24px;
  padding-bottom: 0;
  margin-bottom: 30px;
}
.mmscc-page .msscc-desc ul {
  list-style: none;
  margin: 0;
}
.mmscc-page .msscc-desc ul li {
  margin-bottom: 35px;
}
.mmscc-page .msscc-desc ul li span {
  color: #0a96dd;
}
.mmscc-page .msscc-desc ul li span i {
  font-size: 18px;
}
/*===========================o================================================
Transcoding Page
===========================================================================*/
.transcoding-page .image-display {
  display: block;
  margin: 0 auto;
}
.transcoding-page #hero-container-row-pages {
  background: url(images/bg-transcoding.jpg) no-repeat top;
  background-size: cover;
}
.transcoding-page #intro-subject-row {
  margin: 10px 0;
}
.transcoding-page #intro-blurb {
  margin-bottom: 50px;
}
.transcoding-page #intro-blurb p {
  text-align: center;
  color: #999999;
}
.transcoding-page #intro-blurb img {
  margin: 5px auto 15px;
}
.transcoding-page #request-demo-row {
  background: #0A96DD;
  text-align: left;
  padding: 10px 0 40px;
}
.transcoding-page #request-demo-row #demo-request-container {
  text-align: center;
  width: 1100px;
  margin: 0 auto;
}
.transcoding-page #request-demo-row #demo-request-container h2 {
  color: #FFF;
  font-size: 29px;
  border-bottom: none;
}
.transcoding-page #request-demo-row #demo-request-container input[type="text"]:nth-child(4),
.transcoding-page #request-demo-row #demo-request-container input[type="text"]:nth-child(6),
.transcoding-page #request-demo-row #demo-request-container input[type="text"]:nth-child(8) {
  width: 130px;
}
.transcoding-page #request-demo-row #demo-request-container input[type="text"]:nth-child(10) {
  width: 160px;
}
.transcoding-page #request-demo-row #demo-request-container input[type="text"] {
  float: left;
  width: 12%;
  margin: 0 7px;
  padding: 1em;
  font-size: 14px;
  color: #7d7d7d;
}
.transcoding-page #request-demo-row #demo-request-container input[type="submit"] {
  float: right;
  display: block;
  width: 180px;
  height: 50px;
  background: #252525 url(images/graphic-arrow.png) no-repeat 15px center;
  background-size: 13px 14px;
  font-size: 18px;
  border: none;
  box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  padding-left: 15px;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.transcoding-page #request-demo-row #demo-request-container input[type="submit"]:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #264e77;
}
.transcoding-page #request-demo-row #demo-request-container input[type="hidden"] {
  display: none;
}
.transcoding-page #request-demo-row #demo-request-container label {
  display: none;
}
/*===========================================================================
Blog
===========================================================================*/
.blog-page {
  margin-top: 150px;
}
/*===========================================================================
Search Results
===========================================================================*/
.search-page {
  margin-top: 150px;
}
/*===========================================================================
Error
===========================================================================*/
.error-page {
  height: 700px;
  margin-top: 150px;
  text-align: center;
}
.error-page .hero-cta {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
/*===========================================================================
Contact Us
===========================================================================*/
.contact-page {
  background: url(images/contact-bg.jpg) no-repeat center;
  background-size: cover;
}
.contact-page #hero-container-row-pages {
  background: url(images/bg-contact-us.jpg) no-repeat top;
  background-size: cover;
}
.contact-page #hero-container-row-pages h1 {
  width: 600px;
  margin-top: 170px;
}
.contact-page #hero-container-row-pages p {
  margin: 40px 0 0 0;
  font-family: 'Cantarell';
  font-weight: 400;
}
.contact-page #hero-container-row-pages #trusted-gaphic {
  width: 850px;
  height: 129px;
  background: url(images/contact-trust-by.png) no-repeat center;
  margin: 0 auto;
}
.contact-page #main-content #intro-subject-row {
  padding: 10px 0 0;
}
.contact-page #main-content #intro-subject-row h2 {
  margin: 30px 0 30px;
}
.contact-page #main-content #intro-subject-row .span12 {
  padding: 0 0 20px 0;
}
.contact-page #main-content #intro-subject-row .span12 p {
  width: 85%;
}
.contact-page #main-content #contact-info {
  padding: 2em;
  text-align: center;
}
.contact-page #main-content #contact-info h4 {
  font-family: 'Cantarell';
  color: #0088cc;
}
.contact-page h2 {
  margin-bottom: 0;
}
.contact-page #contact-form-row {
  padding: 0 0 0 0;
}
.contact-page #contact-form-row select {
  color: #7D7D7D;
}
.contact-page #contact-form-row select option:first-child {
  color: #b9b9b9;
}
.contact-page #contact-form-row select option {
  color: #7D7D7D;
}
.contact-page #contact-form-row #contact {
  margin: 0 auto 170px;
  width: 100%;
}
.contact-page #contact-form-row #contact .name {
  float: left;
  width: 42.5%;
  margin: 0 3.5% 0 0;
  padding: .75em 2.5%;
  font-size: 14px;
  color: #7d7d7d;
  border: 1px solid #0a8bcc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.contact-page #contact-form-row #contact .name:nth-child(2) {
  margin: 0 0 0 0;
  float: right;
}
.contact-page #contact-form-row #contact #company,
.contact-page #contact-form-row #contact #email,
.contact-page #contact-form-row #contact #phone {
  float: left;
  width: 94.5%;
  margin: 25px 0 0 0;
  padding: .75em 2.5%;
  font-size: 14px;
  color: #7d7d7d;
  border: 1px solid #0a8bcc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.contact-page #contact-form-row #contact select {
  width: 99.5%;
  border: 1px solid #0a8bcc;
  border-radius: 0;
  margin: 25px 0 25px 0;
  height: 50px;
  background: #FFF;
  padding: 5px 2.5%;
  -webkit-border-radius: 0px !important;
}
.contact-page #contact-form-row #contact #message {
  float: left;
  width: 94.5%;
  height: 150px;
  margin: 10px 0 30px;
  padding: 1.5em 2.5%;
  font-size: 14px;
  color: #7d7d7d;
  border: 1px solid #0a8bcc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

  resize: none;
}
.contact-page #contact-form-row #contact input[type="submit"] {
  display: block;
  width: 99.5%;
  height: 45px;
  background: #0a8bcc;
  font-size: 24px;
  border: none;
  box-shadow: 0 ;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  clear: both;
}
.contact-page #contact-form-row #contact input[type="submit"]:hover {
  color: #FFF;
  text-decoration: none;
  background: #264e77;
}
.contact-page #contact-form-row .span2 {
  padding: 2em;
  width: 27%;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.contact-page #contact-form-row .span2 h3 {
  font-weight: 700;
}
.contactConfirm {
  padding-bottom: 20px;
}
/*===========================================================================
Career Page
===========================================================================*/
.career-page #intro-blurb {
  margin-bottom: 0;
  color: #363636;
  font-size: 16px;
}
.career-page #intro-blurb ul {
  margin: 20px 0 20px 25px;
}
.career-page #intro-blurb ul i {
  color: #1295d9;
}
.career-page #intro-blurb p:nth-child(3) {
  margin-bottom: 40px;
}
.career-page #intro-blurb hr {
  margin-bottom: 0px;
}
.career-page #career-section {
  padding: 0;
}
.career-page #career-section h3 {
  text-align: center;
}
.career-page .career-item {
  border-bottom: 1px dotted #DADADA;
  padding: 15px 0;
  width: 100%;
}
.career-page .career-item p {
  width: auto;
  text-align: center;
  margin: 0;
  font-size: 16px;
}
.career-page .career-item a {
  margin: 10px 0 0;
}
.career-page .career-item img {
  display: block;
  margin: 0 auto;
  width: 112px;
  border: 1px solid #d3d3d3;
}
.career-page .career-item:last-child {
  border-bottom: none;
}
.career-page .career-item:nth-child(even) {
  background: #F0F2F3;
}
#careerBack {
  clear: both;
}
.cta.career {
  float: left;
  margin: 20px 0;
}
.single header {
  padding-top: 80px;
}
.single ul {
  margin-bottom: 20px;
}
a#careerBack {
  float: left;
  clear: both;
  padding-bottom: 30px;
}
/*===========================================================================
Single Page
===========================================================================*/
.single-page #comments #reply-title {
  text-align: left;
}
.single-page #commentform {
  font-size: 14px;
}
.single-page #commentform input {
  width: 90%;
  padding: 1.5em 1em;
  border: 1px solid #0A8BCC;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.single-page #commentform textarea {
  resize: none;
  width: 90.5%;
  padding: 1em .9em;
  background: #FFF;
  box-shadow: none;
  border: 1px solid #0A8BCC;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.single-page #commentform label {
  display: none;
}
.single-page #commentform #submit {
  width: 150px;
  background: #0A96DD;
  border: none;
  padding: 10px 20px;
  margin: 1em auto 0;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

}
.single-page #commentform #submit:hover {
  color: #FFF;
  text-decoration: none;
  background: #0a7bb5;
}
.single-page .form-allowed-tags {
  display: none;
}
/*===========================================================================
Press Page
===========================================================================*/
.press-page {
  padding-top: 25px;
}
.press-page #intro-subject-row hr {
  width: 90%;
  margin: 20px auto 0;
}
.press-page .white-bg,
.press-page .grey-bg {
  padding: 0;
}
.press-page .white-bg p,
.press-page .grey-bg p {
  width: 100%;
}
.press-item {
  border-bottom: 1px dotted #DADADA;
  padding: 30px 0;
  width: 100%;
}
.press-item img {
  display: block;
  margin: 0 auto;
  width: 112px;
  border: 1px solid #d3d3d3;
}
.press-item:last-child {
  border-bottom: none;
}
.press-item:nth-child(even) {
  background: #F0F2F3;
}
/*===========================================================================
Events Page
===========================================================================*/
.events-page {
  padding-top: 25px;
}
.events-page #intro-subject-row hr {
  width: 75%;
  margin: 20px auto 0;
}
.events-page .white-bg,
.events-page .grey-bg {
  padding: 0;
}
.events-page .white-bg p,
.events-page .grey-bg p {
  width: 100%;
}
.event-item {
  border-bottom: 1px dotted #DADADA;
  padding: 30px 0;
  width: 100%;
}
.event-item h4 {
  text-align: left;
  margin: 10px 0 0;
}
.event-item img {
  display: block;
  margin: 0 auto;
  width: 112px;
  border: 1px solid #d3d3d3;
}
.event-item:last-child {
  border-bottom: none;
}
.event-item:nth-child(even) {
  background: #F0F2F3;
}
/*===========================================================================
Blank Page
===========================================================================*/
#blank-page header {
  margin-top: 60px;
}
/*===========  Media Queries  =============*/
/*===========================================================================
Typography
===========================================================================*/
.cantarell-regular {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
}
.cantarell-bold {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
}
h4 {
  color: #252525;
}
h3 {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  color: #1295d9;
  font-size: 24px;
}
h2 {
  display: inline-block;
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  color: #252525;
  font-size: 32px;
  border-bottom: 1px solid #1295d9;
  padding-bottom: 10px;
}
p {
  margin: 0 0 1em 0;
}
.white-bg-home {
  width: 420px;
  display: block;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.1);
  behavior: url(PIE.htc);
  /* IE 6-8 Fix */

  font-size: 28px;
  line-height: 1.5em;
  padding: 30px;
}
.white-bg-home p {
  margin: 0 0 10px 0;
}
strong {
  font-weight: 500;
}
/*===========================================================================
Variables and MixIns
===========================================================================*/
/*===========================================================================
Global (max-width : 480px)
===========================================================================*/
@media (max-width: 480px) {
  body {
    padding: 0px;
  }
  .container {
    width: auto !important;
    padding: 0 15px;
  }
  #main-container {
    overflow: hidden;
  }
  #main-container #main-content {
    margin: 0;
  }
  .hero-cta {
    width: 200px;
  }
  /*===========================================================================
  Default Elements (max-width : 480px)
  ===========================================================================*/
  #intro-subject-row {
    padding: 15px 0 30px;
  }
  #intro-subject-row h2 {
    font-size: 28px;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  #intro-subject-row p {
    width: auto;
    font-size: 18px;
  }
  .white-bg,
  .grey-bg {
    padding: 15px 0;
  }
  .white-bg p,
  .grey-bg p {
    width: 100%;
  }
  .current-menu-item {
    border-bottom: none !important;
  }
  .last-row {
    padding-bottom: 30px !important;
  }
  #request-demo-row {
    padding: 10px 0 20px;
  }
  #request-demo-row #demo-request-container {
    width: 100% !important;
  }
  #request-demo-row #demo-request-container input {
    clear: both;
    float: none !important;
    display: block;
    width: 80% !important;
    margin: 15px auto !important;
  }
  #request-demo-row #demo-request-container input[type="submit"] {
    width: 200px !important;
  }
  /*===========================================================================
  Typography (max-width : 480px)
  ===========================================================================*/
  #hero-container-row-pages {
    min-height: 400px !important;
  }
  #hero-container-row-pages h1 {
    width: 90% !important;
    font-size: 28px;
    margin: 60px auto 10px !important;
    padding: 0 0 10px;
  }
  #hero-container-row-pages p {
    font-size: 24px;
  }
  h3 {
    font-size: 18px;
  }
  .white-bg-home {
    width: 80%;
    font-size: 18px;
    padding: 5%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  /*===========================================================================
  Footer (max-width : 480px)
  ===========================================================================*/
  footer {
    height: 200px;
    text-align: center;
    padding: .5em 0;
  }
  footer #footer-items {
    margin-top: 20px;
  }
  footer #footer-items .copyright {
    display: inline;
    float: none;
  }
  footer #footer-items .reserved {
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  footer #footer-items #menu-footer {
    float: none;
    font-size: 12px;
    margin: 0 auto 0;
  }
  footer #footer-items #menu-footer li {
    margin: 0 2px;
  }
  footer .social-links {
    clear: both;
    float: none;
    margin: 0 auto;
  }
  /*===========================================================================
  Navigation (max-width : 480px)
  ===========================================================================*/
  .navbar {
    position: static;
    margin: 0;
    -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .navbar #main-brand {
    margin: 5px 0 0 0;
    padding: 0 10px 10px;
  }
  .navbar .navbar-inner {
    width: 100%;
    padding: 0;
    filter: none\9;
  }
  .navbar .navbar-inner .btn-navbar {
    margin: 10px 10px 0 0;
  }
  .navbar .navbar-inner ul#main-menu {
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  .navbar .navbar-inner ul#main-menu li {
    margin: 0;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  .navbar .navbar-inner ul#main-menu li:nth-child(4) {
    box-shadow: none;
  }
  .navbar .navbar-inner ul#main-menu li a {
    padding: 10px 15px;
  }
  .navbar .navbar-inner ul#main-menu .dropdown-toggle {
    display: none;
  }
  .navbar .navbar-inner ul#main-menu ul.dropdown-menu {
    display: block !important;
    margin: 0;
  }
  .navbar .navbar-inner ul#main-menu ul.dropdown-menu li:last-child {
    box-shadow: none;
  }
  .navbar .navbar-inner ul#main-menu .dropdown-menu > li > a:hover,
  .navbar .navbar-inner ul#main-menu .dropdown-menu > li > a:focus {
    background: #f2f2f2;
    color: #252525;
  }
  .navbar .navbar-inner ul#main-menu #menu-item-80 a {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .navbar .navbar-inner ul#main-menu #menu-item-74 a {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  /*===========================================================================
  Hero (Homepage) (max-width : 480px)
  ===========================================================================*/
  #hero-container-row {
    min-height: 400px;
  }
  #hero-container-row #strapslide > .strapslide-container {
    height: 400px !important;
  }
  #hero-container-row .strapslide > .preloader {
    height: 100%;
  }
  #hero-container-row #strapslide .strapslide-nav .btn {
    font-size: 14px;
    padding: 5px;
    opacity: .85;
  }
  #hero-container-row #strapslide #progress-bar-hero {
    height: 5px;
  }
  #hero-container-row #strapslide #progress-bar-hero .progress {
    margin: 0;
  }
  #hero-container-row #strapslide .pagination {
    font-size: 14px;
  }
  #hero-container-row #strapslide .pagination a {
    padding: 5px 10px;
  }
  #hero-container-row #strapslide #slide1 {
    background-position: center;
    min-width: 100%;
  }
  #hero-container-row #strapslide #slide1 h1 {
    width: 90%;
    font-size: 28px;
    margin-top: 50px;
  }
  #hero-container-row #strapslide #slide1 p {
    font-size: 21px;
    margin-bottom: 10px;
  }
  #hero-container-row #strapslide #slide1 a:nth-child(2) {
    width: 180px;
    font-size: 16px;
    padding: 10px 5px;
  }
  #hero-container-row #strapslide #slide1 #circle-container {
    margin: 20px auto 0;
  }
  #hero-container-row #strapslide #slide2 #smartie-content {
    float: left;
    background: url(images/smartie-bg480px.png) no-repeat center 10px;
    width: 100%;
    height: 400px;
    margin: 10px auto;
    background-size: 300px auto;
  }
  #hero-container-row #strapslide #slide2 #smartie-content .cta {
    display: block;
    position: static;
    margin: 265px auto 0;
  }
  /*===========================================================================
  Messaging (Homepage) (max-width : 480px)
  ===========================================================================*/
  #messaging-row-home h2 {
    float: none;
    margin: 30px auto 20px;
    display: block;
    width: 160px;
  }
  #messaging-row-home .hand-graphic-container {
    min-height: 300px;
  }
  #messaging-row-home .hand-graphic-container #hand-phone-home {
    float: left;
    width: 300px;
    height: 370px;
    background: url(images/garphic-hand-phones.png) no-repeat center;
    background-size: 300px 370px;
    margin-left: 10px;
  }
  #messaging-row-home .white-bg-home {
    float: none;
    margin: 0 auto;
  }
  /*===========================================================================
  Aggregation (Homepage) (max-width : 480px)
  ===========================================================================*/
  #aggregation-row-home {
    background: url(images/bg-home-aggregation-350px.jpg) top center;
    background-size: 480px auto;
    position: relative;
    padding-top: 0;
    min-height: 550px;
  }
  #aggregation-row-home h2 {
    float: none;
    margin: 30px auto 20px;
    display: block;
    width: 150px;
  }
  #aggregation-row-home .white-bg-home {
    float: none;
    margin-bottom: 30px;
  }
  #aggregation-row-home #phone-graphic-container #phone-graphic {
    position: absolute;
    bottom: -60px;
    left: 50%;
    width: 300px;
    height: 441px;
    margin: 0 0 0 -150px;
    background-size: 250px 368px;
  }
  /*===========================================================================
  { API } (Homepage) (max-width : 480px)
  ===========================================================================*/
  #api-row-home {
    background: url(images/bg-home-api-350px.jpg) no-repeat center;
  }
  #api-row-home .container {
    height: 650px;
    background: url(images/home-bg-4-350px.png) no-repeat center 350px;
    background-size: 400px auto;
  }
  #api-row-home .container h2 {
    float: none;
    margin: 30px auto 20px;
    display: block;
    width: 101px;
  }
  #api-row-home .container .white-bg-home {
    width: 80%;
    float: none;
    margin: 0 auto;
    margin-top: 10px;
  }
  /*===========================================================================
  Featured On (Homepage) (max-width : 480px)
  ===========================================================================*/
  #featured-on-row {
    min-height: 250px;
    margin-bottom: 30px;
  }
  #featured-on-row h2 {
    width: 200px;
    font-size: 18px;
    line-height: 1.5em;
    margin: 30px auto;
  }
  #featured-on-row #feat-client-quilt {
    width: 250px;
    height: 272px;
    background: url(images/featured-350px.png) no-repeat center top;
    background-size: 250px 272px;
    margin: 0 auto;
  }
  #featured-on-row #feat-client-quilt #jack {
    width: 250px;
    height: 65px;
    background: none;
  }
  #featured-on-row #feat-client-quilt #coxmedia {
    width: 230px;
    height: 78px;
    background: none;
  }
  #featured-on-row #feat-client-quilt #helloworld {
    width: 230px;
    height: 70px;
    background: none;
  }
  #featured-on-row #feat-client-quilt #cr {
    width: 230;
    height: 80px;
    background: none;
  }
  /*===========================================================================
  Messaging Page (max-width : 480px)
  ===========================================================================*/
  .messaging-page .parent-container {
    min-width: 200px;
    min-height: 100px;
  }
  .messaging-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  .messaging-page .parent-container #m-increase-sales {
    background: url(images/messaging-increase.png) no-repeat center;
    background-size: auto 100%;
  }
  .messaging-page .parent-container #m-alerts {
    min-height: 250px;
    background: url(images/messaging-alerts.png) no-repeat center;
    background-size: 100% auto;
  }
  .messaging-page .parent-container #m-engage {
    min-height: 250px;
    background: url(images/messaging-engage.png) no-repeat center;
    background-size: auto 100%;
  }
  .messaging-page .parent-container #m-grow {
    min-height: 200px;
    background: url(images/graphic-grow-2.png) no-repeat center;
    background-size: 100% auto;
    margin-bottom: 20px;
  }
  .messaging-page .parent-container #m-adstitch {
    min-height: 150px;
    background: url(images/messaging-adstitch.png) no-repeat center;
    background-size: 100% auto;
  }
  .messaging-page .parent-container #m-dbscrub {
    min-height: 200px;
    background: url(images/messaging-dbscrub.png) no-repeat center;
    background-size: auto 100%;
  }
  .messaging-page .parent-container #customer-support {
    min-height: 120px;
    background: url(images/messaging-cs.png) no-repeat center top;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .messaging-page .parent-container #m-relationship {
    min-height: 120px;
    background: url(images/messaging-relationship.png) no-repeat center;
    background-size: 100% auto;
  }
  /*===========================================================================
  Aggregation Page (max-width : 480px)
  ===========================================================================*/
  .aggregation-page .parent-container {
    min-width: 200px;
    min-height: 100px;
  }
  .aggregation-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  .aggregation-page .parent-container #a-migration {
    min-height: 220px;
    background: url(images/messaging-migration.png) no-repeat center;
    background-size: 100% auto;
  }
  .aggregation-page .parent-container #a-reach {
    background: url(images/agg-reach.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-twoclicks {
    min-height: 220px;
    background: url(images/agg-twoclicks.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-increase-conversion {
    background: url(images/agg-da.png) no-repeat center;
    background-size: 100% auto;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-multiplatforms {
    min-height: 100px !important;
    background: url(images/agg-multiplatforms.png) no-repeat center;
    background-size: 100% auto;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-security {
    background: url(images/agg-security.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-customize {
    height: 200px;
    background: url(images/agg-customize.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-code {
    height: 170px;
    background: url(images/agg-code.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #customer-support {
    min-height: 120px;
    background: url(images/messaging-cs.png) no-repeat center top;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #m-dbscrub {
    min-height: 250px;
    background: url(images/messaging-dbscrub.png) no-repeat center;
    background-size: auto 100%;
  }
  .aggregation-page .parent-container #a-target {
    min-height: 150px;
    background: url(images/agg-target.png) no-repeat center;
    background-size: 100% auto;
  }
  /*===========================================================================
  API Page (max-width : 480px)
  ===========================================================================*/
  .api-page #hero-container-row-pages p {
    font-size: 21px;
    margin-bottom: 1em;
    line-height: 1.2em;
  }
  .api-page #intro-subject-row {
    padding-bottom: 0;
  }
  .api-page .container .span7 {
    width: 100%;
  }
  /*===========================================================================
  Blog Page (max-width : 480px)
  ===========================================================================*/
  .blog-page {
    margin-top: 30px;
  }
  .blog-page ul.breadcrumb {
    margin: 20px 0 20px;
  }
  .blog-page .span7 {
    width: 100%;
  }
  .blog-page .span7 h3 {
    line-height: 1.5em;
  }
  .blog-page .span7 hr {
    margin: 30px 0;
    border-top: 1px solid #e3e4e4;
  }
  /*===========================================================================
  Single Page (max-width : 480px)
  ===========================================================================*/
  .single-page header {
    margin: 0;
    padding: 15px 0 0 0;
  }
  .single-page header h1 {
    font-size: 21px;
    line-height: 1.5em;
  }
  .single-page .span7 {
    width: 100%;
  }
  .single-page .span7 h2 {
    font-size: 18px;
    line-height: 1.5em;
    border: none;
  }
  .single-page .span7 #comments #reply-title {
    text-align: center;
  }
  .single-page .span7 .cta {
    float: none;
    margin: 0 auto;
  }
  .single-page .span7 #careerBack {
    float: none;
    text-align: center;
  }
  .single-page .span7 #commentform {
    font-size: 14px;
  }
  .single-page .span7 #commentform input {
    width: 90%;
    display: block;
    margin: 0 auto 1em;
    padding: 1.5em 1em;
    border: 1px solid #0A8BCC;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform textarea {
    resize: none;
    width: 90%;
    padding: 1em .9em;
    display: block;
    margin: 0 auto;
    background: #FFF;
    box-shadow: none;
    border: 1px solid #0A8BCC;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform label {
    display: none;
  }
  .single-page .span7 #commentform #submit {
    display: block;
    width: 300px;
    background: #0A96DD;
    border: none;
    padding: 10px 20px;
    margin: 1em auto 0;
    box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
    color: #FFFFFF;
    text-align: center;
    font-family: 'Cantarell';
    font-style: normal;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform #submit:hover {
    color: #FFF;
    text-decoration: none;
    background: #0a7bb5;
  }
  .single-page .span7 .form-allowed-tags {
    display: none;
  }
  /*===========================================================================
  Career Page (max-width : 480px)
  ===========================================================================*/
  .career-page #intro-subject-row {
    padding: 0 0 15px;
  }
  .career-page #intro-blurb {
    font-size: 16px;
    text-align: left;
  }
  .career-page #intro-blurb h3 {
    text-align: center;
    font-size: 18px;
  }
  .career-page #intro-blurb ul {
    margin: 20px 0 20px 0;
  }
  .career-page .span10 {
    width: 100%;
  }
  /*===========================================================================
  Press Page (max-width : 480px)
  ===========================================================================*/
  .press-item {
    width: auto;
    padding: 10px;
  }
  .press-item .span2 {
    float: left;
    width: auto;
    margin: 0 10px 0 0 !important;
  }
  .press-item .container h4 {
    line-height: 1.5em;
  }
  .press-item .container img {
    width: 112px;
    height: 99px;
    display: block;
    margin: 15px 10px 10px 0;
  }
  /*===========================================================================
  Events Page (max-width : 480px)
  ===========================================================================*/
  .events-page {
    padding-top: 25px;
  }
  .events-page #intro-subject-row hr {
    width: 99%;
    margin: 20px auto 0;
  }
  .event-item h4 {
    text-align: center;
  }
  .event-item p {
    text-align: center;
  }
  /*===========================================================================
  Contact Us (max-width : 480px)
  ===========================================================================*/
  .contact-page #main-content {
    padding-top: 0 !important;
  }
  .contact-page #main-content #intro-subject-row .span12 {
    padding: 0;
  }
  .contact-page #hero-container-row-pages h1 {
    font-size: 24px;
  }
  .contact-page #hero-container-row-pages p {
    font-size: 18px;
    margin: 50px 0 0px 0;
  }
  .contact-page #hero-container-row-pages #trusted-gaphic {
    width: 300px;
    height: 155px;
    background: url(images/trusted-by-480.png) no-repeat center;
    background-size: 300px auto;
    margin: -10px auto 0;
  }
  .contact-page #intro-subject-row h2 {
    font-size: 18px;
    margin: 10px 0 30px;
  }
  .contact-page #contact-form-row #contact {
    margin: 0 auto 20px;
  }
  .contact-page #contact-form-row #contact .name {
    float: left;
    width: 94.5%;
    margin: 0 0 10px 0;
    padding: .75em 2.5%;
    font-size: 14px;
    color: #7d7d7d;
    border: 1px solid #0a8bcc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .contact-page #contact-form-row #contact .name:nth-child(2) {
    margin: 0 0 10px 0;
  }
  .contact-page #contact-form-row #contact .name:nth-child(4) {
    margin: 0 0 10px 0;
  }
  .contact-page #contact-form-row #contact #company,
  .contact-page #contact-form-row #contact #email,
  .contact-page #contact-form-row #contact #phone,
  .contact-page #contact-form-row #contact select {
    margin: 0 0 10px 0;
  }
  /*===========================================================================
  About Us (max-width : 480px)
  ===========================================================================*/
  .about-page h3 {
    margin-bottom: 10px;
    font-size: 21px;
    margin: 0;
  }
  .about-page h4 {
    margin-bottom: 5px;
  }
  .about-page h5 {
    margin: 0;
  }
  .about-page #intro-subject-row {
    padding: 25px 0;
  }
  .about-page #intro-subject-row p {
    width: 100%;
    font-size: 16px;
    margin-bottom: 1em;
    text-align: center;
  }
  .about-page .exec-row {
    padding-bottom: 0px;
  }
  .about-page .exec-row .span4 {
    margin-bottom: 50px;
  }
  .about-page .exec-row:nth-child(4) {
    padding-bottom: 0px;
  }
  .about-page .grey-bg h3 {
    margin: 30px auto 5px;
  }
  .about-page .span4 .feat-item {
    margin: 0 auto 30px;
  }
  /*===========================================================================
  Brilliant Page (max-width : 480px)
  ===========================================================================*/
  .brilliant-page #intro-subject-row {
    margin-bottom: 0;
  }
  .brilliant-page #intro-subject-row p {
    width: 95%;
  }
  .brilliant-page #comparison-brilliant .video-comparison {
    width: 290px;
    height: 140px;
    background-size: 290px 281px !important;
  }
  .brilliant-page #comparison-brilliant .video-comparison:hover {
    background-position: center -141px !important;
  }
  .brilliant-page .form-brilliant input[type="text"] {
    width: 95%;
  }
  .brilliant-page .form-brilliant input[type="submit"] {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .brilliant-page .parent-container {
    min-width: 200px;
    min-height: 200px;
  }
  .brilliant-page .parent-container .child-container {
    min-width: 200px;
    min-height: 200px;
  }
  .brilliant-page .parent-container #transcoding-manage-cloud {
    background: url(images/transcoding-manage-cloud.png) no-repeat center;
    background-size: 100% auto;
    margin-bottom: 20px;
  }
  .brilliant-page .parent-container #transcoding-adapt-content {
    background: url(images/transcoding-adapt-content.png) no-repeat center;
    background-size: 100% auto;
    margin-bottom: 20px;
  }
  .brilliant-page .parent-container #transcoding-intergrate {
    background: url(images/transcoding-intergrate.png) no-repeat center;
    background-size: 100% auto;
    margin-bottom: 20px;
  }
  .brilliant-page .parent-container #transcoding-externally {
    background: url(images/transcoding-externally.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .brilliant-page .parent-container #transcoding-analyze {
    background: url(images/transcoding-analyze.png) no-repeat center;
    background-size: 100% auto;
    margin-bottom: 20px;
  }
  /*===========================================================================
  Passbook Page (max-width : 480px)
  ===========================================================================*/
  .passbook-page .hero-cta {
    font-size: 15px;
  }
  .passbook-page #intro-subject-row {
    padding: 30px 0 0;
  }
  .passbook-page .parent-container {
    min-width: 200px;
    min-height: 100px;
  }
  .passbook-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  .passbook-page .parent-container #passbook-non-ios {
    background: url(images/passbook-no-ios.png) no-repeat center;
    background-size: auto 100%;
  }
  .passbook-page .parent-container #passbook-time-location {
    background: url(images/passbook-time-location.png) no-repeat center;
    background-size: auto 100%;
  }
  .passbook-page .parent-container #passbook-go-green {
    background: url(images/passbook-go-green.png) no-repeat center;
    background-size: auto 100%;
  }
  .passbook-page .parent-container #passbook-intergrate {
    background: url(images/messaging-migration.png) no-repeat center;
    background-size: auto 100%;
  }
  .passbook-page .parent-container #passbook-offer {
    background: url(images/passbook-offer.png) no-repeat center;
    background-size: auto 100%;
  }
  .passbook-page .parent-container #passbook-one-click {
    background: url(images/passbook-one-click.png) no-repeat center;
    background-size: auto 100%;
  }
  /*===========================================================================
  Digital Wallet Page (max-width: 480px)
  ===========================================================================*/
  .digitalwallet-page .parent-container {
    min-width: 200px;
    min-height: 100px;
    margin-bottom: 20px;
  }
  .digitalwallet-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  .digitalwallet-page .parent-container #dw-special-treatment {
    background: url(images/graphic-special-treatment.png) no-repeat center;
    background-size: auto 100%;
  }
  .digitalwallet-page .parent-container #dw-play-well {
    background: url(images/graphic-play-well.png) no-repeat center;
    background-size: auto 100%;
  }
  .digitalwallet-page .parent-container #dw-personal {
    background: url(images/graphic-personal.png) no-repeat center;
    background-size: auto 100%;
  }
  .digitalwallet-page .parent-container #dw-giver {
    background: url(images/graphic-giver.png) no-repeat center;
    background-size: auto 100%;
  }
  .digitalwallet-page .parent-container #dw-smart-strategy {
    background: url(images/graphic-smart-strategy.png) no-repeat center;
    background-size: auto 100%;
  }
  .digitalwallet-page #request-demo-row .button-outline {
    margin: 20px 0 0 0;
  }
  /*===========================================================================
  MMS Crash Course Page (max-width: 480px)
  ===========================================================================*/
  .mmscc-page .msscc-desc {
    font-size: 15px;
    margin-bottom: 50px;
  }
  .mmscc-page .msscc-desc h2 {
    display: block;
    width: 250px;
    margin: 0 auto 30px#;
    text-align: center;
  }
  .mmscc-page .mscc-form-column .phone-short-field {
    width: 17.5% !important;
  }
  .mmscc-page .mscc-form-column .phone-long-field {
    width: 44.5% !important;
  }
  /*===========================================================================
  Overwrite Default Media Queries (max-width : 480px)
  ===========================================================================*/
  .row-fluid .span6 {
    width: 100%;
  }
  /*===========================================================================
  Blank Page (max-width : 480px)
  ===========================================================================*/
  #blank-page header {
    margin-top: 20px;
  }
}
/*===========================================================================
Hero (iPhone 6 Portrait) 
===========================================================================*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
  #hero-container-row #strapslide #slide2 #smartie-content {
    background-size: 300px auto;
  }
  #hero-container-row #strapslide #slide2 #smartie-content .cta {
    display: block;
    position: static;
    margin: 285px auto 0;
  }
}
/*===========================================================================
Hero (iPhone 6+ Portrait) 
===========================================================================*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
  #hero-container-row #strapslide #slide2 #smartie-content {
    background-size: 300px auto;
  }
  #hero-container-row #strapslide #slide2 #smartie-content .cta {
    display: block;
    position: static;
    margin: 285px auto 0;
  }
}
/*===========================================================================
Global (min-width: 480px) and (max-width: 767px)
===========================================================================*/
@media (min-width: 480px) and (max-width: 767px) {
  body {
    padding: 0px;
  }
  .container {
    width: auto !important;
    padding: 0 15px;
  }
  #main-container #main-content {
    margin: 0;
  }
  .hero-cta {
    width: 200px;
  }
  /*===========================================================================
  Default Elements (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  #intro-subject-row {
    padding: 15px 0 30px;
  }
  #intro-subject-row h2 {
    font-size: 28px;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  #intro-subject-row p {
    width: auto;
    font-size: 18px;
  }
  .white-bg,
  .grey-bg {
    padding: 15px 0;
  }
  .white-bg p,
  .grey-bg p {
    width: 100%;
  }
  .current-menu-item {
    border-bottom: none !important;
  }
  .last-row {
    padding-bottom: 30px !important;
  }
  #request-demo-row {
    padding: 10px 0 20px;
  }
  #request-demo-row #demo-request-container {
    width: 100% !important;
  }
  #request-demo-row #demo-request-container input {
    clear: both;
    float: none !important;
    display: block;
    width: 80% !important;
    margin: 15px auto !important;
  }
  #request-demo-row #demo-request-container input[type="submit"] {
    width: 200px !important;
  }
  /*===========================================================================
  Typography (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  #hero-container-row-pages {
    min-height: 400px !important;
  }
  #hero-container-row-pages h1 {
    width: 90% !important;
    font-size: 28px;
    margin: 60px auto 10px !important;
    padding: 0 0 10px;
  }
  #hero-container-row-pages p {
    font-size: 24px;
  }
  h3 {
    font-size: 18px;
  }
  .white-bg-home {
    width: 80%;
    font-size: 18px;
    padding: 5%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  /*===========================================================================
  Footer (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  footer {
    height: 155px;
    text-align: center;
    padding: .5em 0;
  }
  footer #footer-items {
    margin-top: 5px;
  }
  footer #footer-items .copyright {
    display: inline;
    float: none;
  }
  footer #footer-items .reserved {
    display: inline;
    float: none;
    line-height: 1.5em;
  }
  footer #footer-items #menu-footer {
    float: none;
    font-size: 14px;
    margin: 0 auto 0;
  }
  footer .social-links {
    float: none;
    margin: 0 auto;
    clear: both;
  }
  /*===========================================================================
  Navigation (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .navbar {
    position: static;
    margin: 0;
    -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .navbar #main-brand {
    margin: 0;
    padding: 0 0 20px 20px;
  }
  .navbar .navbar-inner {
    width: 100%;
    padding: 0;
  }
  .navbar .navbar-inner ul#main-menu {
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  .navbar .navbar-inner ul#main-menu li {
    margin: 0;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  .navbar .navbar-inner ul#main-menu li:nth-child(4) {
    box-shadow: none;
  }
  .navbar .navbar-inner ul#main-menu li a {
    padding: 10px 15px;
  }
  .navbar .navbar-inner ul#main-menu .dropdown-toggle {
    display: none;
  }
  .navbar .navbar-inner ul#main-menu ul.dropdown-menu {
    display: block !important;
    margin: 0;
  }
  .navbar .navbar-inner ul#main-menu ul.dropdown-menu li:last-child {
    box-shadow: none;
  }
  .navbar .navbar-inner ul#main-menu .dropdown-menu > li > a:hover,
  .navbar .navbar-inner ul#main-menu .dropdown-menu > li > a:focus {
    background: #f2f2f2;
    color: #252525;
  }
  .navbar .navbar-inner ul#main-menu #menu-item-80 a {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .navbar .navbar-inner ul#main-menu #menu-item-74 a {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  /*===========================================================================
  Hero (Homepage) (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  #hero-container-row {
    min-height: 400px;
  }
  #hero-container-row #strapslide > .strapslide-container {
    height: 400px !important;
  }
  #hero-container-row .strapslide > .preloader {
    height: 100%;
  }
  #hero-container-row #strapslide .strapslide-nav .btn {
    font-size: 14px;
    padding: 5px;
    opacity: .85;
  }
  #hero-container-row #strapslide #progress-bar-hero {
    height: 5px;
  }
  #hero-container-row #strapslide #progress-bar-hero .progress {
    margin: 0;
  }
  #hero-container-row #strapslide .pagination {
    font-size: 14px;
  }
  #hero-container-row #strapslide .pagination a {
    padding: 5px 10px;
  }
  #hero-container-row #strapslide #slide1 {
    background-position: center;
    min-width: 100%;
  }
  #hero-container-row #strapslide #slide1 h1 {
    width: 90%;
    font-size: 28px;
    margin-top: 100px;
  }
  #hero-container-row #strapslide #slide1 p {
    font-size: 21px;
    margin-bottom: 45px;
  }
  #hero-container-row #strapslide #slide1 a:nth-child(2) {
    width: 180px;
    font-size: 16px;
    padding: 10px 5px;
  }
  #hero-container-row #strapslide #slide1 #circle-container {
    margin: 20px auto 0;
  }
  #hero-container-row #strapslide #slide2 #smartie-content {
    float: left;
    background: url(images/smartie-bg-2.png) no-repeat center top;
    width: 100%;
    height: 400px;
    margin: 10px auto;
    background-size: 100% auto;
  }
  #hero-container-row #strapslide #slide2 #smartie-content .cta {
    left: 50px;
    bottom: 60px;
  }
  /*===========================================================================
  Messaging (Homepage) (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  #messaging-row-home h2 {
    float: none;
    margin: 30px auto 20px;
    display: block;
    width: 160px;
  }
  #messaging-row-home .hand-graphic-container {
    min-height: 300px;
  }
  #messaging-row-home .hand-graphic-container #hand-phone-home {
    float: left;
    width: 300px;
    height: 370px;
    background: url(images/garphic-hand-phones.png) no-repeat center;
    background-size: 300px 370px;
    margin-left: 10px;
  }
  #messaging-row-home .white-bg-home {
    float: none;
    margin: 0 auto;
  }
  /*===========================================================================
  Aggregation (Homepage) (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  #aggregation-row-home {
    background: url(images/bg-home-aggregation-350px.jpg) no-repeat center;
    position: relative;
    padding-top: 0;
    min-height: 650px;
  }
  #aggregation-row-home h2 {
    float: none;
    margin: 30px auto 20px;
    display: block;
    width: 150px;
  }
  #aggregation-row-home .white-bg-home {
    float: none;
    margin-bottom: 30px;
  }
  #aggregation-row-home #phone-graphic-container #phone-graphic {
    position: absolute;
    bottom: -60px;
    left: 50%;
    width: 300px;
    height: 441px;
    margin: 0 0 0 -150px;
    background-size: 250px 368px;
  }
  /*===========================================================================
  { API } (Homepage) (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  #api-row-home {
    min-height: 650px;
  }
  #api-row-home .container {
    min-height: 650px;
    background: url(images/bg-home-4.png) no-repeat center 400px;
    background-size: 480px auto;
  }
  #api-row-home .container h2 {
    float: none;
    margin: 50px auto 20px;
    display: block;
    width: 101px;
  }
  #api-row-home .container .white-bg-home {
    width: 80%;
    float: none;
    margin: 0 auto;
    margin-top: 10px;
  }
  /*===========================================================================
  Featured On (Homepage) (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  #featured-on-row {
    min-height: 250px;
    margin-bottom: 30px;
  }
  #featured-on-row h2 {
    width: 200px;
    font-size: 18px;
    line-height: 1.5em;
    margin: 30px auto;
  }
  #featured-on-row #feat-client-quilt {
    width: 250px;
    height: 272px;
    background: url(images/featured-350px.png) no-repeat center top;
    background-size: 250px 272px;
    margin: 0 auto;
  }
  #featured-on-row #feat-client-quilt #jack {
    width: 250px;
    height: 65px;
    background: none;
  }
  #featured-on-row #feat-client-quilt #coxmedia {
    width: 230px;
    height: 78px;
    background: none;
  }
  #featured-on-row #feat-client-quilt #helloworld {
    width: 230px;
    height: 70px;
    background: none;
  }
  #featured-on-row #feat-client-quilt #cr {
    width: 230;
    height: 80px;
    background: none;
  }
  /*===========================================================================
  Messaging Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .messaging-page #hero-container-row-pages h1 {
    width: 70% !important;
    margin: 100px auto 10px !important;
  }
  .messaging-page .parent-container {
    min-width: 200px;
    min-height: 100px;
  }
  .messaging-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  .messaging-page .parent-container #m-increase-sales {
    min-height: 200px;
    background: url(images/messaging-increase.png) no-repeat center;
    background-size: auto 100%;
  }
  .messaging-page .parent-container #m-alerts {
    min-height: 250px;
    background: url(images/messaging-alerts.png) no-repeat center;
    background-size: auto 100%;
  }
  .messaging-page .parent-container #m-engage {
    min-height: 250px;
    background: url(images/messaging-engage.png) no-repeat center;
    background-size: auto 100%;
  }
  .messaging-page .parent-container #m-grow {
    min-height: 200px;
    background: url(images/graphic-grow-2.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .messaging-page .parent-container #m-adstitch {
    min-height: 150px;
    background: url(images/messaging-adstitch.png) no-repeat center;
    background-size: auto 100%;
  }
  .messaging-page .parent-container #m-dbscrub {
    min-height: 250px;
    background: url(images/messaging-dbscrub.png) no-repeat center;
    background-size: auto 100%;
  }
  .messaging-page .parent-container #customer-support {
    min-height: 120px;
    background: url(images/messaging-cs.png) no-repeat center top;
    background-size: auto 100%;
  }
  .messaging-page .parent-container #m-relationship {
    min-height: 250px;
    background: url(images/messaging-relationship.png) no-repeat center;
    background-size: 100% auto;
  }
  /*===========================================================================
  Aggregation Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .aggregation-page #hero-container-row-pages h1 {
    width: 70% !important;
    margin: 100px auto 10px !important;
  }
  .aggregation-page .parent-container {
    min-width: 200px;
    min-height: 100px;
  }
  .aggregation-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  .aggregation-page .parent-container #a-reach {
    min-height: 220px;
    background: url(images/agg-reach.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-migration {
    min-height: 220px;
    background: url(images/messaging-migration.png) no-repeat center;
    background-size: auto 100%;
  }
  .aggregation-page .parent-container #a-twoclicks {
    min-height: 220px;
    background: url(images/agg-twoclicks.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-increase-conversion {
    background: url(images/agg-da.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-multiplatforms {
    min-height: 100px !important;
    background: url(images/agg-multiplatforms.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-security {
    background: url(images/agg-security.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-customize {
    height: 200px;
    background: url(images/agg-customize.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-code {
    height: 170px;
    background: url(images/agg-code.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #customer-support {
    min-height: 120px;
    background: url(images/messaging-cs.png) no-repeat center top;
    background-size: auto 100%;
  }
  .aggregation-page .parent-container #m-dbscrub {
    min-height: 250px;
    background: url(images/messaging-dbscrub.png) no-repeat center;
    background-size: auto 100%;
  }
  .aggregation-page .parent-container #a-target {
    min-height: 200px;
    background: url(images/agg-target.png) no-repeat center;
    background-size: 100% auto;
  }
  /*===========================================================================
  API Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .api-page #hero-container-row-pages h1 {
    width: 70% !important;
    margin: 100px auto 10px !important;
  }
  .api-page #hero-container-row-pages p {
    font-size: 21px;
    margin-bottom: 1em;
  }
  .api-page #intro-subject-row {
    padding-bottom: 0;
  }
  .api-page .container .span7 {
    width: 100%;
  }
  /*===========================================================================
  Blog Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .blog-page {
    margin-top: 30px;
  }
  .blog-page ul.breadcrumb {
    margin: 20px 0 20px;
  }
  .blog-page .span7 {
    width: 100%;
  }
  .blog-page .span7 h3 {
    line-height: 1.5em;
  }
  .blog-page .span7 hr {
    margin: 30px 0;
    border-top: 1px solid #e3e4e4;
  }
  /*===========================================================================
  Single Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .single-page header {
    margin: 0;
    padding: 15px 0 0 0;
  }
  .single-page header h1 {
    font-size: 21px;
    line-height: 1.5em;
  }
  .single-page .span7 {
    width: 100%;
  }
  .single-page .span7 h2 {
    font-size: 18px;
    line-height: 1.5em;
    border: none;
  }
  .single-page .span7 #comments #reply-title {
    text-align: center;
  }
  .single-page .span7 .cta {
    float: none;
    margin: 0 auto;
  }
  .single-page .span7 #careerBack {
    float: none;
    text-align: center;
  }
  .single-page .span7 #commentform {
    font-size: 14px;
  }
  .single-page .span7 #commentform input {
    width: 90%;
    display: block;
    margin: 0 auto 1em;
    padding: 1.5em 1em;
    border: 1px solid #0A8BCC;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform textarea {
    resize: none;
    width: 90%;
    padding: 1em .9em;
    display: block;
    margin: 0 auto;
    background: #FFF;
    box-shadow: none;
    border: 1px solid #0A8BCC;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform label {
    display: none;
  }
  .single-page .span7 #commentform #submit {
    display: block;
    width: 300px;
    background: #0A96DD;
    border: none;
    padding: 10px 20px;
    margin: 1em auto 0;
    box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
    color: #FFFFFF;
    text-align: center;
    font-family: 'Cantarell';
    font-style: normal;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform #submit:hover {
    color: #FFF;
    text-decoration: none;
    background: #0a7bb5;
  }
  .single-page .span7 .form-allowed-tags {
    display: none;
  }
  /*===========================================================================
  Careers Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .career-page .span10 {
    width: 100%;
  }
  /*===========================================================================
  Press Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .press-item {
    width: auto;
    padding: 2.5%;
  }
  .press-item .span2 {
    float: left;
    width: auto;
  }
  .press-item img {
    margin: 0 5px;
  }
  .press-item .container h4 {
    line-height: 1.5em;
  }
  .press-item .container img {
    width: 112px;
    height: 99px;
    display: block;
    margin: 15px 10px 10px 0;
  }
  /*===========================================================================
  Events Page (max-width : 480px) and (max-width: 762px)
  ===========================================================================*/
  .events-page {
    padding-top: 25px;
  }
  .events-page #intro-subject-row hr {
    width: 99%;
    margin: 20px auto 0;
  }
  .event-item h4 {
    text-align: center;
  }
  .event-item p {
    text-align: center;
  }
  /*===========================================================================
  Contact Us (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .contact-page {
    margin-top: 0;
  }
  .contact-page #hero-container-row-pages h1 {
    width: 70% !important;
    margin: 100px auto 10px !important;
  }
  .contact-page #hero-container-row-pages p {
    margin: 0;
  }
  .contact-page #hero-container-row-pages #trusted-gaphic {
    width: 300px;
    height: 155px;
    background: url(images/trusted-by-480.png) no-repeat center;
    background-size: 300px auto;
    margin: 0px auto 0;
  }
  .contact-page #main-content {
    padding-top: 0 !important;
  }
  .contact-page #main-content #intro-subject-row .span12 {
    padding: 0;
  }
  .contact-page #contact-form-row #contact {
    margin: 0 auto 50px;
  }
  .contact-page #contact-form-row #contact .name {
    float: left;
    width: 94.5%;
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #7d7d7d;
    border: 1px solid #0a8bcc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .contact-page #contact-form-row #contact .name:nth-child(2) {
    float: left;
    margin: 0 0 10px 0;
  }
  .contact-page #contact-form-row #contact .name:nth-child(4) {
    margin: 0 0 10px 0;
  }
  .contact-page #contact-form-row #contact #company,
  .contact-page #contact-form-row #contact #email,
  .contact-page #contact-form-row #contact #phone,
  .contact-page #contact-form-row #contact select {
    margin: 0 0 10px 0;
  }
  /*===========================================================================
  About Us (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .about-page h3 {
    margin-bottom: 10px;
    font-size: 21px;
    margin: 0;
  }
  .about-page h4 {
    margin-bottom: 5px;
  }
  .about-page h5 {
    margin: 0;
  }
  .about-page #intro-subject-row {
    padding: 25px 0;
  }
  .about-page #intro-subject-row p {
    width: 100%;
    font-size: 16px;
    margin-bottom: 1em;
  }
  .about-page .exec-row {
    padding-bottom: 0px;
  }
  .about-page .exec-row .span4 {
    margin-bottom: 50px;
  }
  .about-page .exec-row:nth-child(4) {
    padding-bottom: 0px;
  }
  .about-page .grey-bg h3 {
    margin: 30px auto 5px;
  }
  .about-page .span4 .feat-item {
    margin: 0 auto 30px;
  }
  /*===========================================================================
  Brilliant Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .brilliant-page #hero-container-row-pages h1 {
    width: 70% !important;
    margin: 100px auto 10px !important;
  }
  .brilliant-page #comparison-brilliant .video-comparison {
    width: 400px;
    height: 193px;
    background-size: 400px 388px !important;
  }
  .brilliant-page #comparison-brilliant .video-comparison:hover {
    background-position: center -194px !important;
  }
  .brilliant-page .form-brilliant input[type="text"] {
    width: 95%;
  }
  .brilliant-page .form-brilliant input[type="submit"] {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .brilliant-page .parent-container {
    min-width: 250px;
    min-height: 250px;
  }
  .brilliant-page .parent-container .child-container {
    min-width: 250px;
    min-height: 250px;
  }
  .brilliant-page .parent-container #transcoding-manage-cloud {
    background: url(images/transcoding-manage-cloud.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .brilliant-page .parent-container #transcoding-adapt-content {
    background: url(images/transcoding-adapt-content.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .brilliant-page .parent-container #transcoding-intergrate {
    background: url(images/transcoding-intergrate.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .brilliant-page .parent-container #transcoding-externally {
    background: url(images/transcoding-externally.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .brilliant-page .parent-container #transcoding-analyze {
    background: url(images/transcoding-analyze.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  /*===========================================================================
  Passbook Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .passbook-page #hero-container-row-pages h1 {
    width: 70% !important;
    margin: 100px auto 10px !important;
  }
  .passbook-page .hero-cta {
    font-size: 15px;
  }
  .passbook-page #intro-subject-row {
    padding: 30px 0 0;
  }
  .passbook-page .parent-container {
    min-width: 200px;
    min-height: 100px;
  }
  .passbook-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  .passbook-page .parent-container #passbook-non-ios {
    background: url(images/passbook-no-ios.png) no-repeat center;
    background-size: auto 100%;
  }
  .passbook-page .parent-container #passbook-time-location {
    background: url(images/passbook-time-location.png) no-repeat center;
    background-size: auto 100%;
  }
  .passbook-page .parent-container #passbook-go-green {
    background: url(images/passbook-go-green.png) no-repeat center;
    background-size: auto 100%;
  }
  .passbook-page .parent-container #passbook-intergrate {
    background: url(images/messaging-migration.png) no-repeat center;
    background-size: auto 100%;
  }
  .passbook-page .parent-container #passbook-offer {
    background: url(images/passbook-offer.png) no-repeat center;
    background-size: auto 100%;
  }
  .passbook-page .parent-container #passbook-one-click {
    background: url(images/passbook-one-click.png) no-repeat center;
    background-size: auto 100%;
  }
  /*===========================================================================
  Digital Wallet Page (max-width: 480px)
  ===========================================================================*/
  .digitalwallet-page .parent-container {
    min-width: 200px;
    min-height: 200px;
    margin-bottom: 20px;
  }
  .digitalwallet-page .parent-container .child-container {
    min-width: 200px;
    min-height: 200px;
  }
  .digitalwallet-page .parent-container #dw-special-treatment {
    background: url(images/graphic-special-treatment.png) no-repeat center;
    background-size: auto 100%;
  }
  .digitalwallet-page .parent-container #dw-play-well {
    background: url(images/graphic-play-well.png) no-repeat center;
    background-size: auto 100%;
  }
  .digitalwallet-page .parent-container #dw-personal {
    background: url(images/graphic-personal.png) no-repeat center;
    background-size: auto 100%;
  }
  .digitalwallet-page .parent-container #dw-giver {
    background: url(images/graphic-giver.png) no-repeat center;
    background-size: auto 100%;
  }
  .digitalwallet-page .parent-container #dw-smart-strategy {
    background: url(images/graphic-smart-strategy.png) no-repeat center;
    background-size: auto 100%;
  }
  /*===========================================================================
  MMS Crash Course Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .mmscc-page .msscc-desc {
    font-size: 18px;
    margin-bottom: 50px;
  }
  .mmscc-page input[type="email"] {
    width: 100%;
  }
  /*===========================================================================
  Overwirte Default Media Queires (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  .row-fluid .span6 {
    width: 100%;
  }
  /*===========================================================================
  Blank Page (min-width: 480px) and (max-width: 767px)
  ===========================================================================*/
  #blank-page header {
    margin-top: 20px;
  }
}
/*===========================================================================
Hero (iPhone 6 Landscape)
===========================================================================*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #hero-container-row #strapslide #slide2 #smartie-content {
    background: url(images/smartie-bg480px-2.png) no-repeat center top;
    background-size: 300px auto;
  }
  #hero-container-row #strapslide #slide2 #smartie-content .cta {
    display: block;
    position: static;
    margin: 285px auto 0;
  }
}
/*===========================================================================
Hero (iPhone 6+ Landscape)
===========================================================================*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
  #hero-container-row #strapslide #slide2 #smartie-content {
    background: url(images/smartie-bg480px-2.png) no-repeat center top;
    background-size: 300px auto;
  }
  #hero-container-row #strapslide #slide2 #smartie-content .cta {
    display: block;
    position: static;
    margin: 285px auto 0;
  }
}
/*===========================================================================
Global (min-width: 763px) and (max-width: 979px)
===========================================================================*/
@media (min-width: 763px) and (max-width: 979px) {
  body {
    padding: 0px;
  }
  .container {
    width: auto !important;
    padding: 0 15px;
  }
  #main-container #main-content {
    margin: 0;
  }
  .hero-cta {
    width: 200px;
  }
  /*===========================================================================
  Default Elements (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  #intro-subject-row {
    padding: 15px 0 0;
  }
  #intro-subject-row h2 {
    font-size: 28px;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  #intro-subject-row p {
    width: auto;
    font-size: 18px;
  }
  .white-bg,
  .grey-bg {
    padding: 25px 0;
  }
  .white-bg p,
  .grey-bg p {
    width: 100%;
  }
  .current-menu-item {
    border-bottom: none !important;
  }
  .last-row {
    padding-bottom: 30px !important;
  }
  #request-demo-row {
    padding: 10px 0 20px;
  }
  #request-demo-row #demo-request-container {
    width: 100% !important;
  }
  #request-demo-row #demo-request-container input {
    clear: both;
    float: none !important;
    display: block;
    width: 80% !important;
    margin: 15px auto !important;
  }
  #request-demo-row #demo-request-container input[type="submit"] {
    width: 200px !important;
  }
  /*===========================================================================
  Typography (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  #hero-container-row-pages {
    min-height: 400px !important;
  }
  #hero-container-row-pages h1 {
    width: 90% !important;
    font-size: 28px;
    margin: 60px auto 10px !important;
    padding: 0 0 10px;
  }
  #hero-container-row-pages p {
    font-size: 24px;
  }
  h3 {
    font-size: 18px;
  }
  .white-bg-home {
    clear: both;
    width: 350px;
    font-size: 18px;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  /*===========================================================================
  Footer (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  footer {
    height: 95px;
    text-align: left;
  }
  footer .row-fluid .span6 {
    width: 48.6188%;
  }
  footer #footer-items {
    margin-top: 30px;
  }
  footer #footer-items .copyright {
    display: inline;
    float: left;
    font-size: 12px;
  }
  footer #footer-items .copyright span {
    font-size: 12px;
  }
  footer #footer-items #menu-footer {
    float: left;
    font-size: 12px;
    margin: 0 auto 0 0;
  }
  footer #footer-items #menu-footer li:first-child {
    margin-left: 0;
  }
  footer #footer-items .reserved {
    font-size: 9px;
    margin: 0 0 0 0;
  }
  footer .social-links {
    float: right;
  }
  /*===========================================================================
  Navigation (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .navbar {
    position: static;
    margin: 0 0 0 0;
    -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .navbar #mega_main_menu {
    padding: 10px 0 7px;
  }
  .navbar #mega_main_menu .logo_link {
    width: 200px;
    padding: 0;
  }
  .navbar #mega_main_menu .logo_link img {
    max-height: 100%;
  }
  .navbar #mega_main_menu .link_text {
    font-size: 14px !important;
  }
  .navbar #mega_main_menu .menu_holder > .menu_inner > ul > li > .item_link:after {
    right: 1px;
  }
  .navbar #mega_main_menu .menu_holder > .menu_inner > ul > li > .item_link {
    padding: 0 15px;
  }
  .navbar #main-brand {
    margin: 0;
    padding: 0 0 20px 20px;
  }
  .navbar .navbar-inner {
    width: 100%;
    padding: 0;
    position: relative;
  }
  .navbar .navbar-inner .btn-navbar {
    margin: 15px 15px 0 0;
  }
  .navbar .navbar-inner ul#main-menu {
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  .navbar .navbar-inner ul#main-menu li {
    margin: 0;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  .navbar .navbar-inner ul#main-menu li:nth-child(4) {
    box-shadow: none;
  }
  .navbar .navbar-inner ul#main-menu li a {
    padding: 10px 15px;
  }
  .navbar .navbar-inner ul#main-menu .dropdown-toggle {
    display: none;
  }
  .navbar .navbar-inner ul#main-menu ul.dropdown-menu {
    display: block !important;
    margin: 0;
  }
  .navbar .navbar-inner ul#main-menu ul.dropdown-menu li:last-child {
    box-shadow: none;
  }
  .navbar .navbar-inner ul#main-menu .dropdown-menu > li > a:hover,
  .navbar .navbar-inner ul#main-menu .dropdown-menu > li > a:focus {
    background: #f2f2f2;
    color: #252525;
  }
  .navbar .navbar-inner ul#main-menu #menu-item-80 a {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .navbar .navbar-inner ul#main-menu #menu-item-74 a {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  /*===========================================================================
  Buckets (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  #home-buckets {
    font-size: 16px;
    padding: 0 0 20px 0 !important;
  }
  #home-buckets h3 {
    float: left;
    margin: 20px 0 20px 10px;
    font-size: 21px;
  }
  #home-buckets p {
    clear: both;
  }
  #home-buckets .cta {
    width: 150px;
    font-size: 14px;
  }
  #home-buckets .parent-container {
    min-width: 50px;
    min-height: 50px;
    float: left;
  }
  #home-buckets .parent-container .circle-graphic {
    width: 50px;
    height: 50px;
    background-size: 50px auto !important;
  }
  #home-buckets .parent-container .messaging-circle {
    background: url(images/circles.png) no-repeat center -218px;
  }
  #home-buckets .parent-container .payments-circle {
    background: url(images/circles.png) no-repeat center -163px;
  }
  #home-buckets .parent-container .api-circle {
    background: url(images/circles.png) no-repeat center -328px;
  }
  #home-buckets .parent-container .selfservice-circle {
    background: url(images/circles.png) no-repeat center -109px;
  }
  #home-buckets .parent-container .throughput-circle {
    background: url(images/circles.png) no-repeat center 0;
  }
  #home-buckets .parent-container .agency-circle {
    background: url(images/circles.png) no-repeat center -54px;
  }
  #home-buckets .parent-container .connected-circle {
    background: url(images/circles.png) no-repeat center -273px;
  }
  #home-buckets .parent-container .video-circle {
    background: url(images/circles.png) no-repeat center -382px;
  }
  #home-buckets .parent-container .fast-circle {
    background: url(images/circles.png) no-repeat center -436px;
  }
  #home-buckets .parent-container .reliable-circle {
    background: url(images/circles.png) no-repeat center -491px;
  }
  #home-buckets .parent-container .delivery-circle {
    background: url(images/circles.png) no-repeat center -710px;
  }
  #home-buckets .parent-container .reach-circle {
    background: url(images/circles.png) no-repeat center -765px;
  }
  #home-buckets .parent-container .integration-circle {
    background: url(images/circles.png) no-repeat center -819px;
  }
  #home-buckets .parent-container .optimization-circle {
    background: url(images/circles.png) no-repeat center -875px;
  }
  #home-buckets .parent-container .gateway-circle {
    background: url(images/circles.png) no-repeat center -930px;
  }
  #home-buckets .parent-container .content-circle {
    background: url(images/circles.png) no-repeat center -984px;
  }
  #home-buckets .bucket-container {
    border: none;
  }
  #home-buckets .span8 {
    width: 100%;
  }
  /*===========================================================================
  Hero (Homepage) (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  #hero-container-row {
    min-height: 400px;
  }
  #hero-container-row #strapslide > .strapslide-container {
    height: 400px !important;
  }
  #hero-container-row .strapslide > .preloader {
    height: 100%;
  }
  #hero-container-row #strapslide {
    margin-bottom: 30px;
  }
  #hero-container-row #strapslide .strapslide-nav .btn {
    font-size: 14px;
    padding: 5px;
    opacity: .85;
  }
  #hero-container-row #strapslide #progress-bar-hero {
    height: 5px;
  }
  #hero-container-row #strapslide #progress-bar-hero .span12 {
    min-height: 5px;
    height: 5px;
  }
  #hero-container-row #strapslide #progress-bar-hero .progress {
    margin: 0;
  }
  #hero-container-row #strapslide .pagination {
    font-size: 14px;
  }
  #hero-container-row #strapslide .pagination a {
    padding: 5px 10px;
  }
  #hero-container-row #strapslide #slide1 {
    background-position: center;
    min-width: 100%;
  }
  #hero-container-row #strapslide #slide1 h1 {
    width: 90%;
    font-size: 28px;
    margin-top: 100px;
  }
  #hero-container-row #strapslide #slide1 p {
    font-size: 21px;
    margin-bottom: 45px;
  }
  #hero-container-row #strapslide #slide1 a:nth-child(2) {
    width: 180px;
    font-size: 16px;
    padding: 10px 5px;
  }
  #hero-container-row #strapslide #slide1 #circle-container {
    margin: 20px auto 0;
  }
  #hero-container-row #strapslide #slide2 #smartie-content {
    width: 526px;
    height: 375px;
    margin: 10px auto;
    background-size: 526px 375px;
  }
  #hero-container-row #strapslide #slide2 #smartie-content .cta {
    left: 30px;
    bottom: 50px;
  }
  /*===========================================================================
  Messaging (Homepage) (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  #messaging-row-home h2 {
    float: left;
    margin: 50px 10px 0;
    display: block;
    width: 160px;
  }
  #messaging-row-home .hand-graphic-container {
    min-height: 300px;
  }
  #messaging-row-home .hand-graphic-container #hand-phone-home {
    float: left;
    width: 300px;
    height: 370px;
    background: url(images/garphic-hand-phones.png) no-repeat center;
    background-size: 300px 370px;
    margin-left: 10px;
  }
  #messaging-row-home .white-bg-home {
    margin: 0;
    float: right;
  }
  /*===========================================================================
  Aggregation (Homepage) (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  #aggregation-row-home {
    position: relative;
    padding-top: 0;
    min-height: auto;
    height: 450px;
  }
  #aggregation-row-home .span6 {
    width: auto;
  }
  #aggregation-row-home h2 {
    float: left;
    margin: 50px 10px 0;
    display: block;
    width: 160px;
  }
  #aggregation-row-home .white-bg-home {
    margin: 30px 0 0 10px;
    float: left;
  }
  #aggregation-row-home #phone-graphic-container #phone-graphic {
    position: absolute;
    right: 10px;
    bottom: -30px;
    width: 300px;
    height: 441px;
    margin: 0;
    background-size: 300px auto;
  }
  /*===========================================================================
  { API } (Homepage) (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  #api-row-home {
    min-height: 600px;
    height: 600px;
  }
  #api-row-home .container {
    min-height: auto;
    height: 600px;
    background: url(images/bg-home-4.png) no-repeat center 130px;
    background-size: 600px auto;
  }
  #api-row-home .container h2 {
    float: left;
    margin: 50px 10px 0;
    display: block;
    width: 101px;
  }
  #api-row-home .container .white-bg-home {
    width: 275px;
    float: right;
    margin-top: 80px;
  }
  /*===========================================================================
  Featured On (Homepage) (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  #featured-on-row {
    min-height: 250px;
    margin-bottom: 30px;
  }
  #featured-on-row h2 {
    width: 400px;
    font-size: 21px;
    line-height: 1.5em;
    margin: 30px auto;
  }
  #featured-on-row #feat-client-quilt #jack {
    width: 175px;
    height: 45px;
    background-size: 175px auto;
    background-position: center 0;
  }
  #featured-on-row #feat-client-quilt #coxmedia {
    width: 175px;
    height: 45px;
    background-size: 175px auto;
    background-position: center -102px;
  }
  #featured-on-row #feat-client-quilt #helloworld {
    width: 175px;
    height: 56px;
    background-size: 175px auto;
    background-position: center -46px;
  }
  #featured-on-row #feat-client-quilt #cr {
    width: 175px;
    height: 50px;
    background-size: 175px auto;
    background-position: center -150px;
  }
  /*===========================================================================
  Messaging Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .messaging-page #hero-container-row-pages h1 {
    width: 70% !important;
    margin: 100px auto 10px !important;
  }
  .messaging-page img[src*="messaging-sweepstakes.png"] {
    margin-top: 30px;
  }
  .messaging-page img[src*="messaging-adstitch.png"] {
    margin-top: 70px;
  }
  .messaging-page .image-balance {
    height: 250px;
  }
  .messaging-page .parent-container {
    min-width: 200px;
    min-height: 100px;
  }
  .messaging-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  /*===========================================================================
  Aggregation Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .aggregation-page #hero-container-row-pages h1 {
    margin: 100px auto 0 !important;
  }
  .aggregation-page #hero-container-row-pages .hero-cta {
    width: 250px;
  }
  .aggregation-page .cta {
    width: auto;
    font-size: 14px;
  }
  .aggregation-page .parent-container {
    min-width: 200px;
    min-height: 100px;
  }
  .aggregation-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  .aggregation-page .parent-container #a-reach {
    background: url(images/agg-reach.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-twoclicks {
    min-height: 220px;
    background: url(images/agg-twoclicks.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-increase-conversion {
    background: url(images/agg-da.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-multiplatforms {
    min-height: 100px !important;
    background: url(images/agg-multiplatforms.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-security {
    background: url(images/agg-security.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-customize {
    height: 200px;
    background: url(images/agg-customize.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-code {
    height: 170px;
    background: url(images/agg-code.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #customer-support {
    min-height: 120px;
    background: url(images/messaging-cs.png) no-repeat center top;
    background-size: auto 100%;
  }
  /*===========================================================================
  API Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .api-page #hero-container-row-pages h1 {
    margin: 100px auto 0 !important;
  }
  .api-page #hero-container-row-pages .hero-cta {
    width: 250px;
  }
  .api-page #hero-container-row-pages p {
    font-size: 21px;
    margin-bottom: 1em;
  }
  .api-page #intro-subject-row {
    padding-bottom: 0;
  }
  .api-page .container .span7 {
    width: 100%;
  }
  /*===========================================================================
  Blog Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .blog-page {
    margin-top: 30px;
  }
  .blog-page ul.breadcrumb {
    margin: 20px 0 20px;
  }
  .blog-page .span7 {
    width: auto;
  }
  .blog-page .span7 h3 {
    line-height: 1.5em;
  }
  .blog-page .span7 hr {
    margin: 30px 0;
    border-top: 1px solid #e3e4e4;
  }
  /*===========================================================================
  Single Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .single-page header {
    margin: 0;
    padding: 15px 0 0 0;
  }
  .single-page header h1 {
    font-size: 21px;
    line-height: 1.5em;
  }
  .single-page .span7 {
    width: 97%;
  }
  .single-page .span7 h2 {
    font-size: 18px;
    line-height: 1.5em;
    border: none;
  }
  .single-page .span7 #comments #reply-title {
    text-align: center;
  }
  .single-page .span7 .cta {
    float: none;
    margin: 0 auto;
  }
  .single-page .span7 #careerBack {
    float: none;
    text-align: center;
  }
  .single-page .span7 #commentform {
    font-size: 14px;
  }
  .single-page .span7 #commentform input {
    width: 90%;
    display: block;
    margin: 0 auto 1em;
    padding: 1.5em 1em;
    border: 1px solid #0A8BCC;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform textarea {
    resize: none;
    width: 90%;
    padding: 1em .9em;
    display: block;
    margin: 0 auto;
    background: #FFF;
    box-shadow: none;
    border: 1px solid #0A8BCC;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform label {
    display: none;
  }
  .single-page .span7 #commentform #submit {
    display: block;
    width: 300px;
    background: #0A96DD;
    border: none;
    padding: 10px 20px;
    margin: 1em auto 0;
    box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
    color: #FFFFFF;
    text-align: center;
    font-family: 'Cantarell';
    font-style: normal;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform #submit:hover {
    color: #FFF;
    text-decoration: none;
    background: #0a7bb5;
  }
  .single-page .span7 .form-allowed-tags {
    display: none;
  }
  /*===========================================================================
  Careers Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .career-page .span10 {
    width: 100%;
  }
  .career-page .offset1 {
    margin-left: 0 !important;
  }
  /*===========================================================================
  Press Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .press-item img {
    width: 85px;
    margin-left: 15px;
  }
  .press-item div[class*='offset'] {
    margin-left: 2.7624309392265194% !important;
  }
  .press-item .container h4 {
    line-height: 1.5em;
  }
  .press-item .container img {
    width: 112px;
    height: 99px;
    display: block;
    margin: 15px 10px 10px 0;
  }
  /*===========================================================================
  Contact Us (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .contact-page {
    margin-top: 0;
  }
  .contact-page #main-content {
    padding-top: 0 !important;
  }
  .contact-page #main-content #intro-subject-row .span12 {
    padding: 0;
  }
  .contact-page #hero-container-row-pages h1 {
    margin: 100px auto 10px !important;
  }
  .contact-page #hero-container-row-pages p {
    margin: 0;
  }
  .contact-page #hero-container-row-pages #trusted-gaphic {
    width: 600px;
    background-size: 600px auto;
  }
  .contact-page #contact-form-row #contact {
    margin: 0 auto 50px;
  }
  .contact-page #contact-form-row #contact .name {
    float: left;
    width: 94.5%;
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #7d7d7d;
    border: 1px solid #0a8bcc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .contact-page #contact-form-row #contact .name:nth-child(2) {
    margin: 0 0 10px 0;
  }
  .contact-page #contact-form-row #contact .name:nth-child(4) {
    margin: 0 0 10px 0;
  }
  .contact-page #contact-form-row #contact #company,
  .contact-page #contact-form-row #contact #email,
  .contact-page #contact-form-row #contact #phone,
  .contact-page #contact-form-row #contact select {
    margin: 0 0 10px 0;
  }
  /*===========================================================================
  About Us (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .about-page h3 {
    margin-bottom: 10px;
    font-size: 21px;
    margin: 0;
  }
  .about-page h4 {
    margin-bottom: 5px;
  }
  .about-page h5 {
    margin: 0;
  }
  .about-page #intro-subject-row {
    padding: 25px 0;
  }
  .about-page #intro-subject-row p {
    width: 100%;
    font-size: 16px;
    margin-bottom: 1em;
  }
  .about-page .exec-row {
    padding-bottom: 0px;
  }
  .about-page .exec-row .span4 {
    margin-bottom: 50px;
  }
  .about-page .exec-row:nth-child(4) {
    padding-bottom: 0px;
  }
  .about-page .grey-bg h3 {
    margin: 30px auto 5px;
  }
  .about-page .span4 .feat-item {
    margin: 0 auto 10px;
  }
  .about-page .span4 #silverlake {
    width: 150px;
    height: 45px;
    background: url(images/investors.png) no-repeat 0 0;
    background-size: 150px auto;
  }
  .about-page .span4 #trinity {
    width: 145px;
    height: 60px;
    background: url(images/investors.png) no-repeat 0 -130px;
    background-size: 150px auto;
  }
  .about-page .span4 #montgomery {
    width: 140px;
    height: 60px;
    background: url(images/investors.png) no-repeat 0 -62px;
    background-size: 150px auto;
  }
  /*===========================================================================
  Brilliant Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .brilliant-page #hero-container-row-pages h1 {
    margin: 100px auto 0 !important;
  }
  .brilliant-page #hero-container-row-pages .hero-cta {
    width: 250px;
  }
  .brilliant-page .form-brilliant .offset3 {
    margin-left: 0;
  }
  .brilliant-page .form-brilliant #form-span-brilliant {
    float: none;
    width: 600px;
    margin: auto;
  }
  .brilliant-page .form-brilliant #submit-span-brilliant {
    float: none;
    width: 550px;
    margin: auto;
  }
  .brilliant-page .form-brilliant input[type="text"] {
    margin-bottom: 5px;
  }
  .brilliant-page .form-brilliant input[type="submit"] {
    float: left;
    width: 32.2%;
    margin-bottom: 20px;
    margin-left: 5px;
  }
  .brilliant-page .form-brilliant .cta {
    border: none;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .brilliant-page #comparison-brilliant {
    text-align: center;
  }
  .brilliant-page #comparison-brilliant .span6:first-child {
    margin-bottom: 50px;
  }
  .brilliant-page #comparison-brilliant .span6 {
    width: 100%;
    margin-left: 0;
  }
  /*===========================================================================
  MMS Crash Course Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .mmscc-page {
    margin-bottom: 200px;
  }
  .mmscc-page .mscc-form-column {
    margin-top: 1.5em;
  }
  .mmscc-page .mscc-form-column .phone-long-field {
    width: 50% !important;
  }
  .mmscc-page .msscc-desc {
    font-size: 14px;
  }
  .mmscc-page .msscc-desc ul {
    list-style: none;
    margin: 0;
  }
  .mmscc-page .msscc-desc ul li {
    margin-bottom: 35px;
  }
  .mmscc-page .msscc-desc ul li span {
    color: #0a96dd;
  }
  .mmscc-page .msscc-desc ul li span i {
    font-size: 18px;
  }
  /*===========================================================================
  Passbook Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  .passbook-page #hero-container-row-pages h1 {
    margin: 100px auto 0 !important;
  }
  .passbook-page #hero-container-row-pages .hero-cta {
    width: 250px;
  }
  /*===========================================================================
  Blank Page (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
  #blank-page header {
    margin-top: 20px;
  }
  /*===========================================================================
  Overwirte Default Media Queires (min-width: 763px) and (max-width: 979px)
  ===========================================================================*/
}
/*===========================================================================
Global iPad Landscape
===========================================================================*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body {
    padding: 0px;
  }
  .container {
    width: auto !important;
    padding: 0 15px;
  }
  #main-container #main-content {
    margin: 0;
  }
  .hero-cta {
    width: 200px;
  }
  /*===========================================================================
  Default Elements iPad Landscape
  ===========================================================================*/
  #intro-subject-row {
    padding: 15px 0 0;
  }
  #intro-subject-row h2 {
    font-size: 28px;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  #intro-subject-row p {
    width: auto;
    font-size: 18px;
  }
  .white-bg,
  .grey-bg {
    padding: 25px 0;
  }
  .white-bg p,
  .grey-bg p {
    width: 100%;
  }
  .current-menu-item {
    border-bottom: none !important;
  }
  .last-row {
    padding-bottom: 30px !important;
  }
  #request-demo-row {
    padding: 10px 0 20px;
  }
  #request-demo-row #demo-request-container {
    width: 100% !important;
  }
  #request-demo-row #demo-request-container input {
    clear: both;
    float: none !important;
    display: block;
    width: 80% !important;
    margin: 15px auto !important;
  }
  #request-demo-row #demo-request-container input[type="submit"] {
    width: 200px !important;
  }
  .circle-graphic,
  .visible-desktop {
    display: none !important;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .parent-container > .circle-graphic {
    display: block !important;
  }
  /*===========================================================================
  Typography iPad Landscape
  ===========================================================================*/
  #hero-container-row-pages {
    min-height: 400px !important;
  }
  #hero-container-row-pages h1 {
    width: 90% !important;
    font-size: 28px;
    margin: 60px auto 10px !important;
    padding: 0 0 10px;
  }
  #hero-container-row-pages p {
    font-size: 24px;
  }
  h3 {
    font-size: 18px;
  }
  .white-bg-home {
    clear: both;
    width: 350px;
    font-size: 18px;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  /*===========================================================================
  Footer iPad Landscape
  ===========================================================================*/
  footer {
    height: 95px;
    text-align: left;
  }
  footer .row-fluid .span6 {
    width: 48.6188%;
  }
  footer #footer-items {
    margin-top: 43px;
  }
  footer #footer-items .copyright {
    display: inline;
    float: left;
  }
  footer #footer-items #menu-footer {
    float: left;
    font-size: 14px;
    margin: 0 auto 10px 10px;
  }
  footer .social-links {
    float: right;
  }
  /*===========================================================================
  Navigation iPad Landscape
  ===========================================================================*/
  .navbar {
    position: fixed;
    z-index: 10000;
    width: 100%;
    top: 0;
    background: #FFF;
    filter: none\9 !important;
    /* IE 7-9 fix */
    -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .navbar #main-brand {
    width: 228px;
    height: 65px;
    text-indent: -999em;
    background: url(images/outspoken-logo.png) no-repeat center;
    background-size: 228px 65px;
    outline: none;
    border: none;
  }
  .navbar .navbar-inner {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .navbar .nav li.dropdown > .dropdown-toggle .caret {
    display: none !important;
  }
  /*===========================================================================
  Buckets iPad Landscape
  ===========================================================================*/
  #home-buckets {
    font-size: 16px;
    padding: 0 0 20px 0 !important;
  }
  #home-buckets h3 {
    float: left;
    margin: 20px 0 20px 10px;
    font-size: 21px;
  }
  #home-buckets p {
    clear: both;
  }
  #home-buckets .cta {
    width: 150px;
    font-size: 14px;
  }
  #home-buckets .parent-container {
    min-width: 50px;
    min-height: 50px;
    float: left;
  }
  #home-buckets .parent-container .circle-graphic {
    width: 50px;
    height: 50px;
    background-size: 50px auto !important;
  }
  #home-buckets .parent-container .messaging-circle {
    background: url(images/circles.png) no-repeat center -218px;
  }
  #home-buckets .parent-container .payments-circle {
    background: url(images/circles.png) no-repeat center -163px;
  }
  #home-buckets .parent-container .api-circle {
    background: url(images/circles.png) no-repeat center -328px;
  }
  #home-buckets .parent-container .selfservice-circle {
    background: url(images/circles.png) no-repeat center -109px;
  }
  #home-buckets .parent-container .throughput-circle {
    background: url(images/circles.png) no-repeat center 0;
  }
  #home-buckets .parent-container .agency-circle {
    background: url(images/circles.png) no-repeat center -54px;
  }
  #home-buckets .parent-container .connected-circle {
    background: url(images/circles.png) no-repeat center -273px;
  }
  #home-buckets .bucket-container {
    border: none;
  }
  #home-buckets .span8 {
    width: 100%;
  }
  /*===========================================================================
  Hero (Homepage) iPad Landscape
  ===========================================================================*/
  #hero-container-row {
    min-height: 400px;
    margin-top: 100px;
  }
  #hero-container-row #strapslide > .strapslide-container {
    height: 400px !important;
  }
  #hero-container-row #strapslide {
    margin-bottom: 30px;
  }
  #hero-container-row #strapslide .strapslide-nav .btn {
    font-size: 14px;
    padding: 5px;
    opacity: .85;
  }
  #hero-container-row #strapslide #progress-bar-hero {
    height: 5px;
  }
  #hero-container-row #strapslide #progress-bar-hero .span12 {
    min-height: 5px;
    height: 5px;
  }
  #hero-container-row #strapslide #progress-bar-hero .progress {
    margin: 0;
  }
  #hero-container-row #strapslide .pagination {
    font-size: 14px;
  }
  #hero-container-row #strapslide .pagination a {
    padding: 5px 10px;
  }
  #hero-container-row #strapslide #slide1 {
    background-position: center -50px;
    min-width: 100%;
  }
  #hero-container-row #strapslide #slide1 h1 {
    width: 90%;
    font-size: 28px;
    margin-top: 125px;
  }
  #hero-container-row #strapslide #slide1 a:nth-child(2) {
    width: 180px;
    font-size: 16px;
    padding: 10px 5px;
  }
  #hero-container-row #strapslide #slide1 #circle-container {
    margin: 20px auto 0;
  }
  /*===========================================================================
  Messaging (Homepage) iPad Landscape
  ===========================================================================*/
  #messaging-row-home h2 {
    float: left;
    margin: 50px 10px 0;
    display: block;
    width: 160px;
  }
  #messaging-row-home .hand-graphic-container {
    min-height: 300px;
  }
  #messaging-row-home .hand-graphic-container #hand-phone-home {
    float: left;
    width: 300px;
    height: 370px;
    background: url(images/garphic-hand-phones.png) no-repeat center;
    background-size: 300px 370px;
    margin-left: 100px;
  }
  #messaging-row-home .white-bg-home {
    margin: 0 100px 0 0;
    float: right;
  }
  /*===========================================================================
  Aggregation (Homepage) iPad Landscape
  ===========================================================================*/
  #aggregation-row-home {
    position: relative;
    padding-top: 0;
    min-height: auto;
    height: 450px;
  }
  #aggregation-row-home .span6 {
    width: auto;
  }
  #aggregation-row-home h2 {
    float: left;
    margin: 50px 10px 0;
    display: block;
    width: 160px;
  }
  #aggregation-row-home .white-bg-home {
    margin: 30px 0 0 10px;
    float: left;
  }
  #aggregation-row-home #phone-graphic-container #phone-graphic {
    position: absolute;
    right: 100px;
    bottom: -30px;
    width: 300px;
    height: 441px;
    margin: 0;
    background-size: 300px auto;
  }
  /*===========================================================================
  { API } (Homepage) iPad Landscape
  ===========================================================================*/
  #api-row-home {
    min-height: 600px;
    height: 600px;
  }
  #api-row-home .container {
    min-height: auto;
    height: 600px;
    background: url(images/bg-home-4.png) no-repeat center 30px;
    background-size: 700px auto;
  }
  #api-row-home .container h2 {
    float: left;
    margin: 50px 10px 0;
    display: block;
    width: 101px;
  }
  #api-row-home .container .white-bg-home {
    float: right;
    margin-top: 50px;
  }
  /*===========================================================================
  Featured On (Homepage) iPad Landscape
  ===========================================================================*/
  #featured-on-row {
    min-height: 250px;
    margin-bottom: 30px;
  }
  #featured-on-row h2 {
    width: 400px;
    font-size: 21px;
    line-height: 1.5em;
    margin: 30px auto;
  }
  #featured-on-row #feat-client-quilt #jack {
    width: 175px;
    height: 50px;
    background-size: 175px auto;
    background-position: center 5px;
  }
  #featured-on-row #feat-client-quilt #coxmedia {
    width: 175px;
    height: 50px;
    background-size: 175px auto;
    background-position: center -102px;
  }
  #featured-on-row #feat-client-quilt #helloworld {
    width: 175px;
    height: 55px;
    background-size: 175px auto;
    background-position: center -4px;
  }
  #featured-on-row #feat-client-quilt #cr {
    width: 175px;
    height: 50px;
    background-size: 175px auto;
    background-position: center -150px;
  }
  /*===========================================================================
  Messaging Page iPad Landscape
  ===========================================================================*/
  .messaging-page #hero-container-row-pages {
    margin-top: 100px;
  }
  .messaging-page img[src*="messaging-sweepstakes.png"] {
    margin-top: 30px;
  }
  .messaging-page img[src*="messaging-adstitch.png"] {
    margin-top: 70px;
  }
  .messaging-page .image-balance {
    height: 250px;
  }
  .messaging-page .parent-container {
    min-width: 200px;
    min-height: 100px;
  }
  .messaging-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  /*===========================================================================
  Aggregation Page iPad Landscape
  ===========================================================================*/
  .aggregation-page #hero-container-row-pages {
    margin-top: 100px;
  }
  .aggregation-page .cta {
    width: auto;
    font-size: 14px;
  }
  .aggregation-page .parent-container {
    min-width: 200px;
    min-height: 100px;
  }
  .aggregation-page .parent-container .child-container {
    min-width: 200px;
    min-height: 150px;
  }
  .aggregation-page .parent-container #a-reach {
    background: url(images/agg-reach.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-twoclicks {
    min-height: 220px;
    background: url(images/agg-twoclicks.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-increase-conversion {
    background: url(images/agg-da.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-multiplatforms {
    min-height: 100px !important;
    background: url(images/agg-multiplatforms.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-security {
    background: url(images/agg-security.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-customize {
    height: 200px;
    background: url(images/agg-customize.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #a-code {
    height: 170px;
    background: url(images/agg-code.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .aggregation-page .parent-container #customer-support {
    min-height: 120px;
    background: url(images/messaging-cs.png) no-repeat center top;
    background-size: auto 100%;
  }
  /*===========================================================================
  API Page iPad Landscape
  ===========================================================================*/
  .api-page #hero-container-row-pages {
    margin-top: 100px;
  }
  .api-page #hero-container-row-pages p {
    font-size: 21px;
    margin-bottom: 1em;
  }
  .api-page #intro-subject-row {
    padding-bottom: 0;
  }
  .api-page .container .span7 {
    width: 100%;
  }
  /*===========================================================================
  Blog Page iPad Landscape
  ===========================================================================*/
  .blog-page {
    margin-top: 130px;
  }
  .blog-page ul.breadcrumb {
    margin: 20px 0 20px;
  }
  .blog-page .span7 {
    width: auto;
  }
  .blog-page .span7 h3 {
    line-height: 1.5em;
  }
  .blog-page .span7 hr {
    margin: 30px 0;
    border-top: 1px solid #e3e4e4;
  }
  /*===========================================================================
  Single Page iPad Landscape
  ===========================================================================*/
  .single-page header {
    margin: 0;
    padding: 15px 0 0 0;
  }
  .single-page header h1 {
    font-size: 21px;
    line-height: 1.5em;
  }
  .single-page .span7 {
    width: 97%;
  }
  .single-page .span7 h2 {
    font-size: 18px;
    line-height: 1.5em;
    border: none;
  }
  .single-page .span7 #comments #reply-title {
    text-align: center;
  }
  .single-page .span7 .cta {
    float: none;
    margin: 0 auto;
  }
  .single-page .span7 #careerBack {
    float: none;
    text-align: center;
  }
  .single-page .span7 #commentform {
    font-size: 14px;
  }
  .single-page .span7 #commentform input {
    width: 90%;
    display: block;
    margin: 0 auto 1em;
    padding: 1.5em 1em;
    border: 1px solid #0A8BCC;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform textarea {
    resize: none;
    width: 90%;
    padding: 1em .9em;
    display: block;
    margin: 0 auto;
    background: #FFF;
    box-shadow: none;
    border: 1px solid #0A8BCC;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform label {
    display: none;
  }
  .single-page .span7 #commentform #submit {
    display: block;
    width: 300px;
    background: #0A96DD;
    border: none;
    padding: 10px 20px;
    margin: 1em auto 0;
    box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
    color: #FFFFFF;
    text-align: center;
    font-family: 'Cantarell';
    font-style: normal;
    font-weight: 400;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .single-page .span7 #commentform #submit:hover {
    color: #FFF;
    text-decoration: none;
    background: #0a7bb5;
  }
  .single-page .span7 .form-allowed-tags {
    display: none;
  }
  /*===========================================================================
  Careers Page iPad Landscape
  ===========================================================================*/
  .career-page {
    margin-top: 85px;
  }
  /*===========================================================================
  Press Page iPad Landscape
  ===========================================================================*/
  .press-item .span2 {
    float: left;
    width: auto;
  }
  .press-item .container h4 {
    line-height: 1.5em;
  }
  .press-item .container img {
    width: 112px;
    height: 99px;
    display: block;
    margin: 15px 10px 10px 0;
  }
  /*===========================================================================
  Contact Us iPad Landscape
  ===========================================================================*/
  .contact-page {
    margin-top: 105px;
  }
  .contact-page #main-content {
    padding-top: 0 !important;
  }
  .contact-page #main-content #intro-subject-row .span12 {
    padding: 0;
  }
  .contact-page #contact-form-row #contact {
    margin: 0 auto 50px;
  }
  .contact-page #contact-form-row #contact .name {
    float: left;
    width: 94.5%;
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #7d7d7d;
    border: 1px solid #0a8bcc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(PIE.htc);
    /* IE 6-8 Fix */
  
  }
  .contact-page #contact-form-row #contact .name:nth-child(2) {
    margin: 0 0 10px 0;
  }
  .contact-page #contact-form-row #contact .name:nth-child(4) {
    margin: 0 0 10px 0;
  }
  .contact-page #contact-form-row #contact #company,
  .contact-page #contact-form-row #contact #email,
  .contact-page #contact-form-row #contact #phone,
  .contact-page #contact-form-row #contact select {
    margin: 0 0 10px 0;
  }
  /*===========================================================================
  About Us iPad Landscape
  ===========================================================================*/
  .about-page {
    margin-top: 100px;
  }
  .about-page h3 {
    margin-bottom: 10px;
    font-size: 21px;
    margin: 0;
  }
  .about-page h4 {
    margin-bottom: 5px;
  }
  .about-page h5 {
    margin: 0;
  }
  .about-page #intro-subject-row {
    padding: 25px 0;
  }
  .about-page #intro-subject-row p {
    width: 100%;
    font-size: 16px;
    margin-bottom: 1em;
  }
  .about-page .exec-row {
    padding-bottom: 0px;
  }
  .about-page .exec-row .span4 {
    margin-bottom: 50px;
  }
  .about-page .exec-row:nth-child(4) {
    padding-bottom: 0px;
  }
  .about-page .grey-bg h3 {
    margin: 30px auto 5px;
  }
  .about-page .span4 .feat-item {
    margin: 0 auto 10px;
  }
  .about-page .span4 #silverlake {
    width: 150px;
    height: 45px;
    background: url(images/investors.png) no-repeat 0 0;
    background-size: 150px auto;
  }
  .about-page .span4 #trinity {
    width: 145px;
    height: 60px;
    background: url(images/investors.png) no-repeat 0 -130px;
    background-size: 150px auto;
  }
  .about-page .span4 #montgomery {
    width: 140px;
    height: 60px;
    background: url(images/investors.png) no-repeat 0 -62px;
    background-size: 150px auto;
  }
  /*===========================================================================
  Overwirte iPad Landscape
  ===========================================================================*/
}