/** * @file * Styles that apply to all devices */ @media all and (min-width: 0.063em) { 
  /**
   * General layout
   */
  .left {
    float: left;
  }
  .clear {
    clear: both;
  }
  .center {
    margin: auto;
  }
  #header {
    position: relative;
    padding: 0.75em 0.625em;
    height: 3.125em;
	z-index: 2;
  }
  #breadcrumb {
    padding: 0.625em;
  }
  .breadcrumb {
    padding-bottom: 0;
  }
  div.messages {
    margin: 0 0 0.833em 0;
  }
  #main-wrapper {
    padding: 1.5em 0.625em;
  }
  #bottom-content {
    padding-top: 1.5em;
  }
  #footer {
    padding: 1.5em 0.625em;
  }
  #footer_layout_2 {
    padding: 1.5em 0.625em;
  }

  /**
   * Typography
   */
  body {
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    line-height: 1.5em;
    -webkit-text-size-adjust: none;
    line-height: 1.5em;
    color: #888888;
  }
  h2, h3, h4, h5, h6, label {
    color: #999999;
    font-weight: normal;
    margin-bottom: 0.5em;
    line-height: 1.25em;
  }
  h1 {
    margin-top: 0;
    margin-bottom: 1em;
    color: #888888;
    font-weight: normal;
    line-height: 1em;
  }
  h4, h5, h6 {
    margin-bottom: 0.25em;
  }
  h4 + p,
  h5 + p,
  h6 + p {
    margin-top: 0;
  }
  p {
    margin-top: 0;
    margin-bottom: 1.5em;
  }
  blockquote {
    margin: 1.5em 0;
    padding: 2em;
    font-style: italic;
    background: #FAFAFA;
    border: 1px solid #DDDDDD;
  }
  blockquote:before {
    content: "\201C";
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.2em;
    vertical-align: -.4em;
    color: #DDDDDD;
  }
  blockquote:after {
    content: "\201D";
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -.45em;
    color: #DDDDDD;
  }
  blockquote > p:first-child {
    display: inline;
  }

  /**
   * Links
   */
  a {
    color: #0073CF;
    text-decoration: none;
  }
  a:hover {
    color: #63B1E5;
  }

  /**
   * General elements
   */
  img {
    display: block;
    max-width: 100%;
    height: auto !important;
  }
  iframe {
    display: block;
    border: none;
    max-width: 100%;
  }
  hr {
    margin-top: 3em;
    margin-bottom: 3em;
    border-top: 1px solid #DDDDDD;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
  hr.texture {
    margin-top: 3em;
    margin-bottom: -16.44em;
    border: none;
    background: url(../images/icon-hr.png) no-repeat center 0;
    height: 19.44em;
  }
  ul {
    list-style: circle;
  }
  table {
    margin-bottom: 1.5em;
    background: #FFFFFF;
  }
  th,
  td {
    padding: 0.25em 0.5em;
    border: 1px solid #DDDDDD;
  }
  tr.even,
  tr.odd {
    background-color: #FAFAFA;
  }

  /**
   * Forms
   */
  fieldset {
    border: 1px solid #DDDDDD;
    padding: 0;
  }
  html.js fieldset.collapsed {
    min-height: 2.4em;
  }
  legend {
    margin-left: -1px;
    border: 1px solid #DDDDDD;
    background: #FAFAFA;
    padding: 1em 2%;
    width: 96%;
    text-transform: uppercase;
    color: #DC0451;
    font-size: 0.8em;
    line-height: 1em;
  }
  .fieldset-wrapper {
    padding: 1em;
  }
  .form-textarea,
  .form-text {
    outline: none;
    border: 1px solid #DDDDDD;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 94%;
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    color: #888888;
  }
  .form-submit {
    display: inline-block;
    cursor: pointer;
    border: none;
    background: #0073CF url('../images/icon-button-arrow.png') no-repeat right center;
    padding: 1em 5em 1em 1em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 1em;
    -webkit-transition: background-color 1.5s;
    -moz-transition: background-color 1.5s;
    -o-transition: background-color 1.5s;
    transition: background-color 1.5s;
  }
  .form-submit:hover {
    background-color: #DC0451;
    color: #FFFFFF;
  }
  .form-item .description {
    margin-top: 0.3em;
    text-transform: uppercase;
    color: #888888;
    font-size: 0.7em;
    line-height: 1.5em;
  }
  .marker, .form-required {
    color: #0073CF;
  }
  .ckeditor_links {
    display: none !important;
  }
  .cke_editable {
    padding: 1em 2em;
    background: #FFFFFF;
  }
  label.option {
    color: #888888;
  }
  .field .field-label {
    color: #0073CF;
    font-weight: normal;
  }
  html.js input.form-autocomplete {
    background-position: 100% 8px;
  }
  html.js input.throbbing {
    background-position: 100% -24px;
  }

  /**
   * Drupal core menus
   */
  ul.menu {
    padding-left: 0.5em;
  }
  ul li.expanded {
    list-style-image: url('../images/icon-menu-expanded.png');
  }
  ul li.collapsed {
    list-style-image: url('../images/icon-menu-collapsed.png');
  }
  ul li.leaf {
    list-style-image: url('../images/icon-menu-leaf.png');
  }
  ul.primary {
    border-bottom: none;
    margin: 20px 0 10px 0;
    padding: 0;
    white-space: normal;
  }
  ul.primary:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  ul.primary li {
    display: inline-block;
  }
  ul.primary li a {
    display: block;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    border: none;
    border-radius: 1em;
    background-color: #FFFFFF;
    padding: 0.5em 1em;
    text-transform: uppercase;
    color: #888888;
    font-size: 0.7em;
    line-height: 1em;
  }
  ul.primary li.active a {
    box-shadow: 0.091em 0.091em 0.273em #AAAAAA;
    border: none;
    background: #FFFFFF url(../images/bg-navigation-button.png) repeat-x 0 1px;
    color: #0073CF;
  }
  ul.primary li a:hover {
    background-color: #FFFFFF;
    color: #0073CF;
    border: none;
  }
  #toolbar img {
    display: inline-block;
  }
  li a.active {
    color: #DC0451;
  }

  /**
   * Page design
   */
  body {
    margin: 0;
  }

  /**
   * Logo
   * The color animation is powered in the ../scripts/global.js file.
   */
  /**#logo {
    display: block;
    position: relative;
  }*/
  #logo img {
    width: 6.25em;
    position: absolute;
  }

  /**
   * Header region and search
   */
  .region-header {
    display: none;
  }

  /**
   * Mobile menu toggle
   * The toggle animation is powered in the ../scripts/global.js file.
   */
  #toggle {
    display: none;
    cursor: pointer;
  }
  .js #toggle {
    display: block;
    position: absolute;
    top: 1.25em;
    right: 0.625em;
  }

  /**
   * Business drop down
   */
  #nav #business-drop-down {
    padding: 1em 1.5em 0 1.5em;
  }
  #nav #business-drop-down h2 {
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
  }
  #nav #business-drop-down h3 {
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
  }
  #nav #business-drop-down p {
    margin: 0;
  }
  #nav #business-drop-down ul {
    line-height: 1.2em;
    padding: 0.25em 0 0.5em 1.5em;
  }
  #nav #business-drop-down ul li {
    padding: 0;
  }
  #nav #business-drop-down ul li ul li a {
    font-weight: normal;
    font-size: 0.7em;
  }
  #nav #business-drop-down a {
    color: #888888;
  }
  #nav #business-drop-down a:hover {
    color: #0073CF;
  }
  .business-link {
    text-decoration: none;
    font-size: 0.7em;
    line-height: 1em;
    text-transform: uppercase;
  }

  /**
   * Nav and main menu
   */
  #nav {
    background: #FAFAFA;
	margin-top: 70px;
  }
  #nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.5em 1.5em;
  }
  #nav ul li {
    margin-left: 0;
    padding: 0.5em 0;
    list-style-image: none;
    list-style-type: none;
  }
  #nav ul li a {
    text-decoration: none;
    color: #888888;
    font-size: 0.7em;
    line-height: 1em;
    text-transform: uppercase;
  }
  #nav ul li a:hover,
  #nav ul li a.active {
    color: #0073CF;
  }
  #nav ul li ul {
    padding: 0;
  }
  #nav ul li ul li {
    padding: 0;
  }
  #nav ul li ul li a {
    text-transform: none;
    font-size: 0.8em;
    font-weight: bold;
  }
  #nav ul li ul li ul li a {
    padding-left: 1em;
    font-weight: normal;
    color: #A5ACAF;
  }
  #nav ul li ul li ul li ul li a {
    padding-left: 2em;
  }

  /**
   * Buttons
   */
  .button {
    display: inline-block;
    background: #0073CF url('../images/icon-button-arrow.png') no-repeat right center;
    padding: 1.4em 7em 1.3em 3em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 0.7em;
    line-height: 1.5em;
    text-decoration: none;
    -webkit-transition: background-color 1.5s;
    -moz-transition: background-color 1.5s;
    -o-transition: background-color 1.5s;
    transition: background-color 1.5s;
  }
  .button:hover {
    background-color: #DC0451;
    color: #FFFFFF;
  }
  .button-small {
    display: inline-block;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    box-shadow: 0.091em 0.091em 0.273em #AAAAAA;
    border-radius: 1em;
    background: #FFFFFF url(../images/bg-navigation-button.png) repeat-x 0 1px;
    padding: 0.5em 1em;
    text-transform: uppercase;
    color: #888888;
    font-size: 0.7em;
    line-height: 1em;
  }
  .button-small:hover {
    color: #0073CF;
  }

  /**
   * Breadcrumb
   */
  #breadcrumb {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
  }
  .breadcrumb {
    text-transform: uppercase;
    color: #888888;
    font-size: 0.7em;
    line-height: 1.5em;
  }
  #breadcrumb a {
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
  }

  /**
   * Content
   */
  .two-columns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /**
   * Sidebar
   */
  #sidebar-first .block,
  #sidebar-second .block {
    margin-bottom: 1em;
    border: 1px solid #DDDDDD;
  }
  #sidebar-first .block h2,
  #sidebar-second .block h2 {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #DDDDDD;
    background: #FAFAFA;
    padding: 1em;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1em;
  }
  #sidebar-first .block .content,
  #sidebar-second .block .content {
    padding: 1em;
  }
  #sidebar-first ul.menu,
  #sidebar-second ul.menu {
    margin-top: 0;
    margin-bottom: 0;
  }

  /**
   * Custom collapsible sidebar menu
   * This menu is displayed on the wholesale page
   */
  #block-menu-block-1 {
    display: none;
  }

  /**
   * Comments
   */
  #comments {
    margin-bottom: 1em;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
  }
  #comments h2.title {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    background: #FAFAFA;
    padding: 1em;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1em;
  }
  .comment,
  .comment-form {
    padding: 1em;
  }
  .comment h3 {
    margin-top: 0;
  }
  .submitted {
    font-style: italic;
    margin-bottom: 0.25em;
  }

  /**
   * Views
   */
  #content .views-row,
  #bottom-content .views-row {
    background: #FAFAFA;
    border: 1px solid #DDDDDD;
    margin: 1.5em 0;
    padding: 1em 2em;
  }
  #content .view-filters {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 2em;
    padding-bottom: 1em;
  }

  /**
   * Search results
   */
  .search-form {
    margin-bottom: 1em;
    border: 1px solid #DDDDDD;
    background: #FAFAFA;
    padding: 1em 2em;
  }
  .search-results {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  .search-result {
    margin-bottom: 1em;
    border: 1px solid #DDDDDD;
    background: #FAFAFA;
    padding: 1em 2em;
  }
  .search-results .search-snippet-info {
    padding-left: 0;
  }

  /**
   * Product
   */
  #bottom-content .product {
    margin: 1.75em 0;
    border: none;
    background: none;
    padding: 0;
  }
  #bottom-content .views-row-first.product {
    margin-top: 2em;
  }
  .leader {
    display: block;
    color: #888888;
    text-align: center;
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 0.5em;
  }
  .leader em {
    font-style: normal;
  }
  .leader strong {
    color: #888888;
  }
  #bottom-content .product .icon {
    margin: 0 0 0.5em 0;
    text-align: center;
  }
  #bottom-content .product .icon img {
    display: inline-block;
  }
  body #bottom-content .resource {
    margin-right: 1.25em;
    float: left;
  }
  body #bottom-content .views-row-last.resource {
    margin-right: 0;
  }
  .get-started {
    clear: both;
    text-align: center;
    padding-top: 1.75em;
  }
  .get-started .button {
    display: block;
    box-shadow: 1px 1px 5px #888888;
    -webkit-border-radius: 1.7em;
    -moz-border-radius: 1.7em;
    border-radius: 1.7em;
    background: #0073CF;
    background: -moz-linear-gradient(top,  #63B1E5 0%, #0073CF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63B1E5), color-stop(100%,#0073CF));
    background: -webkit-linear-gradient(top,  #63B1E5 0%,#0073CF 100%);
    background: -o-linear-gradient(top,  #63B1E5 0%,#0073CF 100%);
    background: -ms-linear-gradient(top,  #63B1E5 0%,#0073CF 100%);
    background: linear-gradient(to bottom,  #63B1E5 0%,#0073CF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63B1E5', endColorstr='#0073CF',GradientType=0 );
    padding: 1em 1.5em;
    font-size: 0.9em;
    line-height: 1em;
    letter-spacing: 0.1em;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  .get-started .button:hover {
    background: #0073CF;
  }
  .leader-separator {
    display: block;
    margin: 1em auto;
    box-shadow: 1px 1px 3px #888888;
    border: 0.4em solid #FFFFFF;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    background: #DDDDDD;
    padding: 0.6em 0.9em 0.6em 0.4em;
    width: 1em;
    color: #0073CF;
    font-weight: bold;
    font-style: italic;
    font-size: 0.9em;
    line-height: 1em;
  }
  .contact-phone {
    display: block;
    box-shadow: inset 1px 3px 8px #888888;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    background: #DDDDDD;
    background: -moz-linear-gradient(top,  #DDDDDD 0%, #FAFAFA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDDDDD), color-stop(100%,#FAFAFA));
    background: -webkit-linear-gradient(top,  #DDDDDD 0%,#FAFAFA 100%);
    background: -o-linear-gradient(top,  #DDDDDD 0%,#FAFAFA 100%);
    background: -ms-linear-gradient(top,  #DDDDDD 0%,#FAFAFA 100%);
    background: linear-gradient(to bottom,  #DDDDDD 0%,#FAFAFA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#FAFAFA',GradientType=0 );
    padding: 1em 1.5em;
    font-size: 0.9em;
    line-height: 1em;
    letter-spacing: 0.1em;
  }

  /**
   * News
   */
  #content .news {
    padding: 2em;
  }
  #content .news h2 {
    margin-top: 0;
  }
  #content .news .images {
    position: relative;
    margin-bottom: 1em;
    width: 12.5em;
    height: 10em;
  }
  #content .news img {
    position: absolute;
    top: 0;
    left: 0;
  }

  /**
   * Home page
   */
  #spark {
    display: none;
  }
  #scroll-pager {
    display: none;
  }
  #home-reimagined {
    padding: 1em;
    text-align: center;
  }
  #home-reimagined h2 {
    color: #888888;
    text-align: center;
  }
  #home-reimagined h2 strong {
    color: #0073CF;
  }
  #home-reimagined h3 {
    margin-bottom: 0;
	color: #0073CF;
  }
  #home-reimagined .text {
    margin-bottom: 1em;
  }
  #home-reimagined .button:hover {
    background-color: #63B1E5;
  }
  #machine,
  #machine-animating,
  #machine-arm,
  #lever-vibrate,
  #phone-vibrate {
    display: none;
  }
  #home-passion {
    padding: 1em;
    background: url('../images/bg-home-page-section.png') repeat 0 0;
    text-align: center;
  }
  #home-passion img {
    max-width: 14em;
    margin-right: auto;
    margin-bottom: 0.5em;
    margin-left: auto;
  }
  #home-passion a {
    color: #4F0B7B;
  }
  #home-passion .button {
    background-color: #4F0B7B;
    color: #FFFFFF;
  }
  #home-passion .button:hover {
    background-color: #824BB0;
  }
  #home-value {
    padding: 1em;
    text-align: center;
  }
  #home-value .phone-slide {
    display: none;
  }
  #home-value .phone-home {
    display: block;
  }
  #home-value .title {
    max-width: 14em;
    margin-right: auto;
    margin-left: auto;
  }
  #home-value h3 {
    color: #DC0451;
    margin-bottom: 0;
  }
  #home-value .phone-screen {
    display: none;
  }
  #home-value .button {
    background-color: #DC0451;
  }
  #home-value .button:hover {
    background-color: #C30045;
  }
  #home-value .buttons {
    display: none;
  }
  #home-value .phone-slide .button-small {
    display: none;
  }
  #home-people {
    padding: 1em;
    text-align: center;
  }
  #home-people .title {
    margin-top: 0;
    margin-bottom: 0;
    color: #444444;
    text-align: center;
  }
  #home-people h2 strong {
    color: #00B138;
  }
  #home-people .text h3 {
    color: #00B138;
  }
  #home-people .button {
    background-color: #007B30;
  }
  #home-people .button:hover {
    background-color: #00B138;
  }
  #home-people .masonry {
    display: none;
    position: relative;
    overflow: hidden;
    margin: 1em auto 0 auto;
    background: #FAFAFA;
    padding: 0;
    width: 13.75em;
  }
  #home-people .masonry h3 {
    margin: 0;
    padding: 1em;
    text-transform: uppercase;
    font-size: 0.7em;
    line-height: 1em;
    color: #00B138;
  }
  #home-people .masonry img {
    max-width: none;
    margin-left: -50%;
  }
  #home-people .category-summary {
    position: absolute;
    bottom: -4.25em;
    padding: 0.5em 1em;
    height: 6.25em;
    width: 11.75em;
    color: #FFFFFF;
    background: url('../images/bg-transparent-green.png') repeat 0 0;
    -webkit-transition: bottom .5s;
    -moz-transition: bottom .5s;
    -o-transition: bottom .5s;
    transition: bottom .5s;
  }
  #home-people .views-row-1 .category-summary {
    background: url('../images/bg-transparent-green.png') repeat 0 0;
  }
  #home-people .views-row-2 .category-summary {
    background: url('../images/bg-transparent-blue.png') repeat 0 0;
  }
  #home-people .views-row-3 .category-summary {
    background: url('../images/bg-transparent-purple.png') repeat 0 0;
  }
  #home-people .views-row-4 .category-summary {
    background: url('../images/bg-transparent-yellow.png') repeat 0 0;
  }
  #home-people .views-row-5 .category-summary {
    background: url('../images/bg-transparent-magenta.png') repeat 0 0;
  }
  #home-people .views-row-6 .category-summary {
    background: url('../images/bg-transparent-blue.png') repeat 0 0;
  }
  #home-people .views-row-7 .category-summary {
    background: url('../images/bg-transparent-green.png') repeat 0 0;
  }
  #home-people .views-row-8 .category-summary {
    background: url('../images/bg-transparent-yellow.png') repeat 0 0;
  }
  #home-people .masonry:hover .category-summary {
    bottom: 0;
  }
  #home-people .masonry h2 {
    margin: 0 0 0.75em 0;
    color: #FFFFFF;
    font-size: 1em;
    display: inline-block;
    border-bottom: 2px solid #FFFFFF;
  }
  #home-people .masonry p {
    font-size: 0.8em;
    line-height: 1.5em;
  }
  #home-people .masonry a {
    color: #FFFFFF;
  }
  #home-future {
    padding: 1em;
    background: url('../images/bg-home-page-section.png') repeat 0 0;
    text-align: center;
  }
  #home-future img {
    display: none;
  }
  #home-future .button:hover {
    background-color: #63B1E5;
  }
  #create-arrows {
    display: none;
  }

  /**
   * Footer
   */
  #footer {
    background: #333333;
    color: #888888;
  }
  #footer_layout_2 {
    background: #333333;
    color: #888888;
  }
  #footer a {
    color: #888888;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
  }
  #footer a:hover {
    color: #63B1E5;
  }
  #footer-firstcolumn a:hover {
    color: #F9DE42;
  }
  #footer-secondcolumn a:hover {
    color: #00AF3F;
  }
  #footer-thirdcolumn a:hover {
    color: #EBB700;
  }
  #footer-fourthcolumn a:hover {
    color: #63B1E5;
  }
  #footer ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  #footer li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }
  #footer p {
    margin-top: 0;
    margin-bottom: 0;
  }
  #footer h2 {
    margin: 0;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 1.75em;
    text-transform: uppercase;
  }
  #footer .block {
    margin-top: 1.5em;
    font-size: 0.8em;
    line-height: 1.75em;
    text-align: center;
  }
  #footer-bottom {
    font-size: 0.8em;
  }
  .social-media {
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background: #90c url('../images/social-media.png') no-repeat 0 0;
    text-indent: -99em;
  }
  .social-media:hover {
    background-position: 0 -30px;
  }
  .facebook {
    background-position: -30px 0;
  }
  .facebook:hover {
    background-position: -30px -30px;
  }
  .linkedin {
    background-position: -60px 0;
  }
  .linkedin:hover {
    background-position: -60px -30px;
  }

  /**
   * Footer Icon
   * The color animation is powered in the ../scripts/global.js file.
   */
  #icon {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 5em;
    height: 2em;
  }
  #icon img {
    width: 5em;
    position: absolute;
    top: 0;
    left: 0;
  }

  /**
   * Marketo module window
   */
  .popups-close a {
    display: block;
    overflow: hidden;
    margin-top: -22px;
    margin-right: -22px;
    width: 45px;
    height: 45px;
    background: url(../images/icon-close.png) no-repeat 0 0;
  }
  .popups-close a img {
    display: none;
  }
  #modalBackdrop,
  #modalContent {
    display: none !important;
  }
  div.ctools-modal-marketo-modal-content {
    margin: 0;
    border-radius: 0.5em;
    box-shadow: 0 0 1.5em #333333;
    border: none;
    background: #FFFFFF;
    width: 600px;
    color: #000000;
    text-align: left;
  }
  div.ctools-modal-marketo-modal-content .modal-content {
    padding: 0;
  }

  /**
   * Grey boxes floated left
   */
  .grey_half {
    float: left;
    margin-right: 20px;
    border: #999999 1px solid;
    background: #FFFFFF;
    padding: 1em;
    width: 45%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  #FFFFFF 0%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
    background: -webkit-linear-gradient(45deg,  #FFFFFF 0%,#EEEEEE 100%);
    background: -o-linear-gradient(45deg,  #FFFFFF 0%,#EEEEEE 100%);
    background: -ms-linear-gradient(45deg,  #FFFFFF 0%,#EEEEEE 100%);
    background: linear-gradient(45deg,  #FFFFFF 0%,#EEEEEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=1 );
  }
  .grey_half ul {
    list-style-image: url('/sites/default/files/blue_arrow.jpg');
    font-size: 18px;
  }
  .grey_half li {
    line-height: 30px;
  }
  .grey_full {
    float: left;
    margin-right: 20px;
    border: #999999 1px solid;
    background: #FFFFFF;
    padding: 1em;
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  #FFFFFF 0%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
    background: -webkit-linear-gradient(45deg,  #FFFFFF 0%,#EEEEEE 100%);
    background: -o-linear-gradient(45deg,  #FFFFFF 0%,#EEEEEE 100%);
    background: -ms-linear-gradient(45deg,  #FFFFFF 0%,#EEEEEE 100%);
    background: linear-gradient(45deg,  #FFFFFF 0%,#EEEEEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=1 );
  }
  .grey_full h2 {
    padding-left: 10px;
  }
  .grey_full ul {
    list-style-image: url('/sites/default/files/blue_arrow.jpg');
    font-size: 18px;
  }
  .grey_full li {
    line-height: 30px;
  }

  /**
   * Updates page
   */
  .update-green {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
  }
  .update-yellow {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
  }
  .update-red {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
  }
  .update {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
  }

  /**
   * Catapult page
   */
  .page-node-503 div.messages {
    margin: 10px;
  }
  #catapult-header {
    background: url('../images/bg-office.jpg') no-repeat center center;
    padding: 50px 10px;
  }
  #catapult-header h1 {
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
  #catapult-header a {
    background: #44a4ea;
    background: -moz-linear-gradient(top,  #44a4ea 0%, #408fc8 4%, #2c79b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44a4ea), color-stop(4%,#408fc8), color-stop(100%,#2c79b8));
    background: -webkit-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: -o-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: -ms-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: linear-gradient(to bottom,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    color: #ffffff;
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44a4ea', endColorstr='#2c79b8',GradientType=0 );
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin: 20px auto 0 auto;
    padding: 10px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    width: 280px;
  }
  #catapult-header a:hover {
    background: #1b68a7;
  }
  #catapult-header p {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    font-size: 11px;
    line-height: 18px;
    margin: 10px 0 0 0;
    text-align: center;
    text-transform: uppercase;
  }
  #catapult-users {
    padding: 20px 10px;
    text-align: center;
  }
  #catapult-users h2 {
    color: #2c79b8;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 12px 0;
  }
  #catapult-users ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #catapult-users li {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 45px;
    margin: 0 12px 24px 12px;
    overflow: hidden;
    text-indent: -999px;
    width: 100px;
  }
  #logo-google {
    background-image: url('../images/logo-google.jpg');
  }
  #logo-marchex {
    background-image: url('../images/logo-marchex.jpg');
  }
  #logo-telmetrics {
    background-image: url('../images/logo-telemetrics.jpg');
  }
  #logo-ringcentral {
    background-image: url('../images/logo-ringcentral.jpg');
  }
  #logo-skype {
    background-image: url('../images/logo-skype.jpg');
  }
  #logo-groupme {
    background-image: url('../images/logo-groupme.jpg');
  }
  #catapult-map {
    background: url('../images/bg-map.gif') no-repeat center center;
    padding: 50px 10px;
  }
  #catapult-map p {
    color: #ffffff;
    margin: 0;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
  #catapult-question {
    background: url('../images/bg-molecules.jpg') no-repeat center center;
    padding: 20px 10px;
    text-align: center;
  }
  #catapult-question h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 12px 0;
  }
  #catapult-question p {
    margin: 0;
  }
  #catapult-features {
    background: url('../images/bg-dotted-gradient.jpg') repeat-x center -100px;
    padding: 20px 10px;
    text-align: center;
  }
  #catapult-features h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }
  #catapult-features ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #catapult-features li {
    margin: 20px 0;
  }
  #catapult-features li:before {
    background: url('../images/icon-sprite.png') no-repeat 0 0;
    content: '';
    display: inline-block;
    height: 30px;
    margin: 0 5px -10px 0;
    width: 30px;
  }
  #catapult-features .one:before {
    background-position: 0 -300px;
  }
  #catapult-features .two:before {
    background-position: 0 0;
  }
  #catapult-features .three:before {
    background-position: 0 -30px;
  }
  #catapult-features .four:before {
    background-position: 0 -60px;
  }
  #catapult-features .five:before {
    background-position: 0 -90px;
  }
  #catapult-features .six:before {
    background-position: 0 -120px;
  }
  #catapult-features .seven:before {
    background-position: 0 -150px;
  }
  #catapult-features .eight:before {
    background-position: 0 -180px;
  }
  #catapult-features .nine:before {
    background-position: 0 -210px;
  }
  #catapult-features .ten:before {
    background-position: 0 -240px;
  }
  #catapult-features .eleven:before {
    background-position: 0 -270px;
  }
  #webform-client-form-503 {
    background: url('../images/bg-office.jpg') no-repeat center top;
    padding: 20px 10px;
    text-align: center;
  }
  #webform-client-form-503 h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
  #webform-client-form-503 .form-item {
    margin: 10px auto;
    max-width: 440px;
  }
  #webform-client-form-503 .compact-form-label {
    font-size: 1em;
    left: 0;
    line-height: 1.5em;
    padding: 5px 10px;
    top: 0;
  }
  #webform-client-form-503 .form-text {
    -webkit-appearance: none;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px 10px;
    width: 100%;
  }
  #webform-client-form-503 .form-actions {
    margin: 0;
  }
  #webform-client-form-503 .form-actions:after {
    content: 'No credit card required.';
    display: block;
    font-size: 11px;
    line-height: 18px;
    margin: 10px 0 0 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
  }
  #webform-client-form-503 .form-submit {
    background: #44a4ea;
    background: -moz-linear-gradient(top,  #44a4ea 0%, #408fc8 4%, #2c79b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44a4ea), color-stop(4%,#408fc8), color-stop(100%,#2c79b8));
    background: -webkit-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: -o-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: -ms-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: linear-gradient(to bottom,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    color: #ffffff;
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44a4ea', endColorstr='#2c79b8',GradientType=0 );
    font: bold 16px/22px "Helvetica Neue", "Helvetica", Arial, sans-serif;
    margin: 10px auto 0 auto;
    max-width: 440px;
    padding: 10px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    text-transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    white-space: normal;
    width: 100%;
  }
  #webform-client-form-503 .form-submit:hover {
    background: #1b68a7;
  }

  /**
   * API page
   */
  .api-img-1 {
    float: none;
	margin: 0 auto 40px;
	width: 250px;
  }
  .api-img-2 {
    float: none;
	margin: 0 auto 40px;
	width: 60%;
  }
  .page-node-561 div.messages {
    margin: 10px;
  }
  #api-header {
    background: url('../images/bg-api-hdr.jpg') no-repeat top right;
    padding: 60px 10px;
	text-align: center;
  }
  #api-header h1 {
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    margin: 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
  #api-header h2 {
    color: #fff;
    font-size: 24px;
	font-weight: bold;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
  #api-users {
    padding: 20px 10px;
    text-align: center;
	font-size: 18px;
  }
  #api-users h2 {
    color: #2c79b8;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 12px 0;
  }
  #api-map {
    padding: 20px 10px;
	font-size: 18px;
	background: #569cda;
	color: #fff;
	text-align: center;
  }
  #api-map h2 {
    font-size: 30px;
    margin: 0 auto 20px auto;
	font-weight: bold;
	color: #fff;
  }
  #api-features {
    background: url('../images/bg-dotted-gradient.jpg') repeat-x center -100px;
    padding: 50px 10px;
	font-size: 18px;
    text-align: center;
  }
  #api-features h2 {
    font-size: 30px;
    line-height: 32px;
    margin: 0 auto 20px auto;
	font-weight: bold;
	color: #2c79b8;
  }
  #webform-client-form-561 {
    background: url('../images/bg-office.jpg') no-repeat center top;
    padding: 20px 10px;
    text-align: center;
  }
  #webform-client-form-561 h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
  #webform-client-form-561 .form-item {
    margin: 10px auto;
    max-width: 440px;
  }
  #webform-client-form-561 .compact-form-label {
    font-size: 1em;
    left: 0;
    line-height: 1.5em;
    padding: 5px 10px;
    top: 0;
  }
  #webform-client-form-561 .form-text {
    -webkit-appearance: none;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px 10px;
    width: 100%;
  }
  #webform-client-form-561 .form-actions {
    margin: 0;
  }
  #webform-client-form-561 .form-actions:after {
    content: 'No credit card required.';
    display: block;
    font-size: 11px;
    line-height: 18px;
    margin: 10px 0 0 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
  }
  #webform-client-form-561 .form-submit {
    background: #44a4ea;
    background: -moz-linear-gradient(top,  #44a4ea 0%, #408fc8 4%, #2c79b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44a4ea), color-stop(4%,#408fc8), color-stop(100%,#2c79b8));
    background: -webkit-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: -o-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: -ms-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: linear-gradient(to bottom,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    color: #ffffff;
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44a4ea', endColorstr='#2c79b8',GradientType=0 );
    font: bold 16px/22px "Helvetica Neue", "Helvetica", Arial, sans-serif;
    margin: 10px auto 0 auto;
    max-width: 440px;
    padding: 10px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    text-transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    white-space: normal;
    width: 100%;
  }
  #webform-client-form-561 .form-submit:hover {
    background: #1b68a7;
  }
  
  /**
   * Street Fight PR
   */
  #streetfight-header {
    background: url('../images/bg-office.jpg') no-repeat center center;
    padding: 50px 10px;
  }
  #streetfight-header h1 {
    color: #ffffff;
    font-size: 30px;
	line-height: 32px;
    font-weight: bold;
    margin: 0 auto 20px auto;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
  #streetfight-header a {
    background: #44a4ea;
    background: -moz-linear-gradient(top,  #44a4ea 0%, #408fc8 4%, #2c79b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44a4ea), color-stop(4%,#408fc8), color-stop(100%,#2c79b8));
    background: -webkit-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: -o-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: -ms-linear-gradient(top,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    background: linear-gradient(to bottom,  #44a4ea 0%,#408fc8 4%,#2c79b8 100%);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    color: #ffffff;
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44a4ea', endColorstr='#2c79b8',GradientType=0 );
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin: 20px auto 0 auto;
    padding: 10px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    width: 280px;
  }
  #streetfight-header a:hover {
    background: #1b68a7;
  }
  #streetfight-map {
    background: url('../images/bg-streetfight.jpg') no-repeat center center;
    padding: 50px 10px;
	align-content: center;
  }
  #streetfight-map h1 {
    color: #ffffff;
    font-size: 22px;
	line-height: 24px;
    font-weight: bold;
    margin: 0 auto 20px auto;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
  
  /**
   * Thank You Page
   */
  #thank-you-header {
    background: url('../images/hdr_thank-you.jpg') no-repeat center center;
    padding: 90px 10px;
	text-align: center;
	max-height: 340px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
  #thank-you-header h1 {
    font-size: 75px;
    font-weight: bold;
    margin: 0;
	color: #ffffff;
  }
  #thank-you-body {
    padding: 50px 10px;
	text-align: center;
  }
  
  /**
   * Anonymous Calling LPs
   */
  .anon-header {
    padding: 90px 10px;
	text-align: center;
	max-height: 340px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
  #anon-header-class {
    background: url('../images/lp_hdr_anon_class.jpg') no-repeat center center;
  }
  #anon-header-home {
    background: url('../images/lp_hdr_anon_home.jpg') no-repeat center center;
  }
  #anon-header-real {
    background: url('../images/lp_hdr_anon_real.jpg') no-repeat center center;
  }
  #anon-header-dating {
    background: url('../images/lp_hdr_anon_dating.jpg') no-repeat center center;
  }
  #anon-ul-class {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }

  #anon-ul-class li {
    background-image: url(../images/lp_img_anon_class_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	padding: 0 0 0 20px;
  }
  #anon-ul-home {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }

  #anon-ul-home li {
    background-image: url(../images/lp_img_anon_home_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	padding: 0 0 0 20px;
  }
  #anon-ul-real {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }

  #anon-ul-real li {
    background-image: url(../images/lp_img_anon_real_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	padding: 0 0 0 20px;
  }
  #anon-ul-dating {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }

  #anon-ul-dating li {
    background-image: url(../images/lp_img_anon_dating_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	padding: 0 0 0 20px;
  }
  .anon-header h1 {
    font-size: 50px;
    font-weight: bold;
    margin: 0 0 20px;
	color: #ffffff;
	line-height: 55px;
  }
  .anon-header p {
    font-size: 35px;
	font-style: italic;
    margin: 0;
	color: #ffffff;
	line-height: 40px;
  }
  .anon-body-white {
    padding: 40px 60px;
	background: #fff;
  }
  .anon-body-gray {
    padding: 40px 60px;
	background: #ebeced;
  }
  .anon-body-white h2 {
    font-weight: 600;
	color: #000;
  }
  .anon-body-gray h2 {
    font-weight: 600;
	color: #000;
  }
  .anon-float-right {
    float: right;
	margin: 0 0 20px 20px;
  }
  .anon-button-orange {
    display: inline-block;
    background: #ff7604 url('../images/icon-button-arrow.png') no-repeat right center;
    padding: 1.4em 7em 1.3em 3em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 0.7em;
    line-height: 1.5em;
    text-decoration: none;
    -webkit-transition: background-color 1.5s;
    -moz-transition: background-color 1.5s;
    -o-transition: background-color 1.5s;
    transition: background-color 1.5s;
  }
  .anon-button-orange:hover {
    background-color: #DC0451;
    color: #FFFFFF;
  }
  .anon-button-blue {
    display: inline-block;
    background: #3388cf url('../images/icon-button-arrow.png') no-repeat right center;
    padding: 1.4em 7em 1.3em 3em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 0.7em;
    line-height: 1.5em;
    text-decoration: none;
    -webkit-transition: background-color 1.5s;
    -moz-transition: background-color 1.5s;
    -o-transition: background-color 1.5s;
    transition: background-color 1.5s;
  }
  .anon-button-blue:hover {
    background-color: #DC0451;
    color: #FFFFFF;
  }
  .anon-button-green {
    display: inline-block;
    background: #0d9445 url('../images/icon-button-arrow.png') no-repeat right center;
    padding: 1.4em 7em 1.3em 3em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 0.7em;
    line-height: 1.5em;
    text-decoration: none;
    -webkit-transition: background-color 1.5s;
    -moz-transition: background-color 1.5s;
    -o-transition: background-color 1.5s;
    transition: background-color 1.5s;
  }
  .anon-button-green:hover {
    background-color: #DC0451;
    color: #FFFFFF;
  }
  .anon-button-red {
    display: inline-block;
    background: #b11520 url('../images/icon-button-arrow.png') no-repeat right center;
    padding: 1.4em 7em 1.3em 3em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 0.7em;
    line-height: 1.5em;
    text-decoration: none;
    -webkit-transition: background-color 1.5s;
    -moz-transition: background-color 1.5s;
    -o-transition: background-color 1.5s;
    transition: background-color 1.5s;
  }
  .anon-button-red:hover {
    background-color: #DC0451;
    color: #FFFFFF;
  }
  .anon-img-right {
	float: none;
	margin: 0 auto 40px;
  }
  .anon-img-left {
	float: none;
	margin: 0 auto 40px;
  }
  .anon-form {
	float: none;
	margin: 20px auto;
  }
  
  /**
   * Product Pages
   */
  .product-body-top {
    background: url('../images/bg-dotted-gradient.jpg') repeat-x center -100px;
    padding: 40px 60px;
  }
  .product-body-top h2 {
    font-weight: 600;
	color: #2c79b8;
  }
  #product-header-origination {
    background: url('../images/hdr_origination.jpg') no-repeat center center;
  }
  #product-header-termination {
    background: url('../images/hdr_termination.jpg') no-repeat center center;
  }
  #product-header-messaging {
    background: url('../images/hdr_messaging.jpg') no-repeat center center;
  }
  #product-header-toll-free {
    background: url('../images/hdr_toll-free.jpg') no-repeat center center;
  }
  #product-header-sip {
    background: url('../images/hdr_sip-trunking.jpg') no-repeat center center;
  }
  #product-header-uc {
    background: url('../images/hdr_uc.jpg') no-repeat center center;
  }
  #product-header-app-platform {
    background: url('../images/hdr_app-platform.jpg') no-repeat center center;
  }
  #product-header-call-tracking {
    background: url('../images/hdr_call-tracking.jpg') no-repeat center center;
  }
  #product-header-anon {
    background: url('../images/hdr_anon.jpg') no-repeat center center;
  }
  #product-header-mobile-platform {
    background: url('../images/hdr_mobile-platform.jpg') no-repeat center center;
  }
  .bg-dashboard {
    background: url('../images/bg-dashboard.png') #ebeced no-repeat bottom right;
  }
  .bg-network {
    background: url('../images/bg-network.png') #ebeced no-repeat bottom right;
  }
 
  /**
  * Contact Box
  */ 
  #contact-box {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 700;
	box-shadow: 0 0 1.5em #CCCCCC;
  }
  /**
  * Layout 2
  */

  #cp-s2 .content-wrapper, #cp-s3 .content-wrapper {
    padding: 0 40px 40px;
  }
  #cp-s2 .content, #cp-s3 .content {
    width: 73%;
  }
  #cp-s2 ul, #cp-s3 ul {
    padding: 0 20px;
  }
  #cp-s2 li, #cp-s3 li {
    list-style: initial;
    margin-bottom: 20px;
  }
  #cp-s4 h2, #cp-s2 h2, #cp-s3 h2 {
    color: #2279be;
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
  }
  #cp-s4 h2.header, #cp-s5 h2.header, #cp-s6 h2.header {
    font-size: 28px;
    text-align: center;
    color: #343434;
  }
  #cp-s4, #cp-s5 {
    margin: 0 40px 40px;
  }
  #cp-s5 img.logo {
    margin: 40px auto;
    float: none;
  }
  img.icon {
    position: relative;
    top: 10px;
    margin-right: 30px;
    margin-bottom: 70px;
    width: 49px;
  }
  img.header {
    margin: 30px auto 40px;
  }

  /**
   * Footer
   */
  #footer_layout_2 {
    padding: 1.5em 0.625em;
    background: #333333;
    color: #888888;
    text-align: center;
  }
  #footer_layout_2 a {
    color: #888888;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
  }
  #footer_layout_2 a:hover {
    color: #63B1E5;
  }
  #footer_layout_2-firstcolumn a:hover {
    color: #F9DE42;
    text-align: center;
  }
  #footer_layout_2-secondcolumn a:hover {
    color: #00AF3F;
  }
  #footer_layout_2-thirdcolumn a:hover {
    color: #EBB700;
  }
  #footer_layout_2-fourthcolumn a:hover {
    color: #63B1E5;
  }
  #footer_layout_2 ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  #footer_layout_2 li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }
  #footer_layout_2 p {
    margin-top: 0;
    margin-bottom: 0;
  }
  #footer_layout_2 h2 {
    margin: 0;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 1.75em;
    text-transform: uppercase;
  }

  #footer_layout_2 .block {
    margin-top: 1.5em;
    font-size: 0.8em;
    line-height: 1.75em;
  }
  #footer_layout_2-bottom {
    font-size: 0.8em;
  }

  /**
   * Footer Icon
   * The color animation is powered in the ../scripts/global.js file.
   */
  #icon {
    display: block;
    position: relative;
    width: 5em;
    height: 2em;
    margin-bottom: 20px;
  }
  #icon img {
    width: 5em;
    position: absolute;
    top: 0;
    left: 0;
  }
  #cp-s5 p {
    text-align: center;
  }
  #cp-s6 {
    margin: 0 auto;
    text-align: center;
  }
  #cp-s2-wrapper, #cp-s4-wrapper, #cp-s6-wrapper {
    background: #f9f9fa;
  }
  #cp-s3-wrapper, #cp-s5-wrapper {
    background: #fff;
  }
  #cp-s5 .quote {
    margin: 20px auto;
    text-align: center;
    color: #2579bf;
  }
  #cp-s5 .quote .content {
    margin: 30px 0;
  }

  /*
   * Header image section for layout 2
   */

  #header-image {
    height: 398px;
    color: #fff;
    text-align: center;
  }
  #header-image.channel-partners {
    background: url('../images/hdr_channel_partners.png') center center no-repeat, url('../images/bg-header-image.png') center center repeat;
  }
  #header-image.voip-cloud {
    background: url('../images/hdr_voip_cloud.png') center center no-repeat, url('../images/bg-header-image.png') center center repeat;
  }
  #header-image.telecom-carrier {
    background: url('../images/hdr_telecom_carrier.png') center center no-repeat, url('../images/bg-header-image.png') center center repeat;
  }
  #header-image.voice-messaging {
    background: url('../images/hdr_voice_messaging.png') center center no-repeat, url('../images/bg-header-image.png') center center repeat;
  }
  #header-image.digital-media {
    background: url('../images/hdr_digital_media.png') center center no-repeat, url('../images/bg-header-image.png') center center repeat;
  }
  #header-image.software-technology-firms {
    background: url('../images/hdr_software_technology_firms.png') center center no-repeat, url('../images/bg-header-image.png') center center repeat;
  }
  #header-image.communications {
    background: url('../images/hdr_communications.png') center center no-repeat, url('../images/bg-header-image.png') center center repeat;
  }
  #header-image img {
    margin: auto;
    padding: 40px 0 40px;
  }
  #header-image p {
    font-size: 1.1em;
  }
  #header-image h1 {
    color: #fff;
    margin: 0 auto 20px;
  }


  /*
   * Product Slider
   */

  #cp-s4 .views-field-field-icon {
    text-align: center;
    margin: auto;
  }
  #cp-s4 .views-field-field-icon img{
    margin: auto;
  }
  #cp-s4 .views-field-title {
    color: #2279be;
    padding: 20px 0;
  }
  #cp-s4 .jcarousel-view--products-slider--block {
    width: 10000px;
  }
  #cp-s4 .jcarousel li.jcarousel-item-horizontal {
    height: 230px;
    width: 250px;
  }
  #cp-s4 .jcarousel-skin-default .jcarousel-container-horizontal {
    height: 210px;
    padding: 40px 20px;
  }

  /*
   * Digital Media
   */

  #cp-s2.digital-media img.icon {
    width: 60px;
    height: auto;
  }
  #cp-s3.digital-media img.icon {
    width: 49px;
    height: auto;
  }
  #cp-s2.channel-partners img.icon {
    width: 48px;
  }
  #cp-s2.digital-media .content, #cp-s3.digital-media .content {
    width: 69%;
  }

  /*
   * Voice Messaging
   */
  #cp-s2.voice-messaging img.icon {
    width: 60px;
    height: auto;
  }
  #cp-s3.voice-messaging {
    position: relative;
  }
  #cp-s3.voice-messaging img.icon {
    width: 49px;
    height: auto;
  }
  #cp-s3.voice-messaging img.header {
    width: 75%;
    max-width: 374px;
    height: auto;
  }
  #cp-s6.voice-messaging img.header {
    width: 80%;
  }
  #cp-s2.voice-messaging img.header, #cp-s6.voice-messaging img.header {
    width: 80%;
    max-width: 389px;
  }
  #cp-s2.voice-messaging .content, #cp-s3.voice-messaging .content {
    width: 69%;
  }

  /*
   * Software & Technology Firms
   */

  #cp-s6.software-technology-firms img.header {
    width: 80%;
    max-width: 556px;
  }

  /*
   * Communications
   */

  #cp-s2.communications img.icon {
    width: 48px;
  }

  /*
   * Telecom Carriers
   */

  #cp-s3.telecom-carrier {
    position: relative;
  }
  #cp-s3.telecom-carrier img.header {
    width: 80%;
    max-width: 355px;
  }
  #cp-s6.telecom-carrier img.header {
    width: 80%;
    max-width: 395px;
  }

  /*
   * VoIP Cloud
   */

  #cp-s2.voip-cloud img.icon {
    width: 48px;
  }
  #cp-s2.voip-cloud img.header {
    width: 80%;
    max-width: 355px;
  }
  #cp-s3.voip-cloud img.header {
    width: 80%;
    max-width: 372px;
  }

  #cp-s2-wrapper, #cp-s3-wrapper, #cp-s4-wrapper, #cp-s5-wrapper, #cp-s6-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .page-node-1165 #cp-s2-wrapper {
    background: #fff !important;
    padding: 20px 0 0 0 !important;
  }
  .page-node-1165 #cp-s2 {
    padding: 0 !important;
  }
  .page-node-1165 #cp-s2 img.header {
    margin: 0 0 0 11% !important;
  }
  .page-node-1165 #cp-s2 .content-wrapper {
    margin-top: 60px;
  }
  .page-node-1165 #cp-s3-wrapper {
    background: #f9f9fa !important;
  }

  /*
   * Work Matters
   */

  .region-employee-spotlight {
    height: 380px;
    background: #ebecee;
  }
  .region-employee-spotlight div:first-child {
    text-align: left;
  }
  .region-employee-spotlight .jcarousel-skin-default .jcarousel-container-horizontal {
    height: 220px;
    width: auto;
  }
  .region-employee-spotlight .jcarousel-skin-default .jcarousel-item {
    height: 220px;
    border: 1px solid #ddd;
  }
  .region-employee-spotlight img {
    margin: auto;
  }
  .region-employee-spotlight h3 {
    margin: 0;
    padding: 1em;
    text-transform: uppercase;
    font-size: 0.7em;
    line-height: 1em;
  }
  .region-employee-spotlight .category-summary {
    position: absolute;
    bottom: -4.5em;
    padding: 0.5em 1em;
    height: 6.25em;
    width: 189px;
    color: #FFFFFF;
    background: url('../images/bg-transparent-blue.png') repeat 0 0;
    -webkit-transition: bottom .5s;
    -moz-transition: bottom .5s;
    -o-transition: bottom .5s;
    transition: bottom .5s;
  }
  .region-employee-spotlight li:hover .category-summary {
    bottom: 0;
  }
  .region-employee-spotlight h2:nth-child(1) {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .region-employee-spotlight .content h2 {
    margin: 0 0 0.75em 0;
    color: #FFFFFF;
    font-size: 1em;
    display: inline-block;
    border-bottom: 2px solid #FFFFFF;
    padding: 0;
  }
  .region-employee-spotlight p {
    font-size: 0.8em;
    line-height: 1.5em;
  }
  .region-employee-spotlight a {
    color: #FFFFFF;
  }
  .region-employee-spotlight .jcarousel-skin-default .jcarousel-container-horizontal {
    padding: 20px 70px;
  }
  .region-employee-spotlight li:nth-child(1) h3 {color: #EBB700;}
  .region-employee-spotlight li:nth-child(1) div.category-summary {background:url('/sites/default/files/bandwidth-category-49.png') repeat 0 0;}
  .region-employee-spotlight li:nth-child(2) h3 {color: #0073CF;}
  .region-employee-spotlight li:nth-child(3) H3 {color: #824BB0;}
  .region-employee-spotlight li:nth-child(3) div.category-summary {background:url('/sites/default/files/bandwidth-category-50.png') repeat 0 0;}
  .region-employee-spotlight li:nth-child(4) h3 {color: #EBB700;}
  .region-employee-spotlight li:nth-child(4) div.category-summary {background:url('/sites/default/files/bandwidth-category-49.png') repeat 0 0;}
  .region-employee-spotlight li:nth-child(5) H3 {color: #824BB0;}
  .region-employee-spotlight li:nth-child(5) div.category-summary {background:url('/sites/default/files/bandwidth-category-50.png') repeat 0 0;}
  .region-employee-spotlight li:nth-child(6) H3 {color: #EBB700;}
  .region-employee-spotlight li:nth-child(6) div.category-summary {background:url('/sites/default/files/bandwidth-category-49.png') repeat 0 0;}
  .region-employee-spotlight li:nth-child(7) H3 {color: #824BB0;}
  .region-employee-spotlight li:nth-child(7) div.category-summary {background:url('/sites/default/files/bandwidth-category-50.png') repeat 0 0;}
  .region-employee-spotlight li:nth-child(8) H3 {color: #007A34;}
  .region-employee-spotlight li:nth-child(8) div.category-summary {background:url('/sites/default/files/bandwidth-category-46.png') repeat 0 0;}
  .region-employee-spotlight li:nth-child(9) H3 {color: #824BB0;}
  .region-employee-spotlight li:nth-child(9) div.category-summary {background:url('/sites/default/files/bandwidth-category-50.png') repeat 0 0;}
  .region-employee-spotlight li:nth-child(10) h3 {color: #0073CF;}
  .region-employee-spotlight li:nth-child(11) H3 {color: #824BB0;}
  .region-employee-spotlight li:nth-child(11) div.category-summary {background:url('/sites/default/files/bandwidth-category-50.png') repeat 0 0;}
  .region-employee-spotlight li:nth-child(12) h3 {color: #EBB700;}
  .region-employee-spotlight li:nth-child(12) div.category-summary {background:url('/sites/default/files/bandwidth-category-49.png') repeat 0 0;}

  /*
   * Resources
   */
  .resources {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .resources a {
    color: #4c4d4f;
    font-size: 0.7em;
  }
  .resources .resource-item {
    display: inline-block;
    text-align: center;
    padding: 0 40px;
  }
  .resources .item-name {
  }
  .resources .icon {
    width: auto;
    max-width: 85px;
    top: 0;
    margin: auto;
    margin-bottom: 10px;
  }