/**
 * Small screens
 */
/*IMPORT GOOGLE FONTS*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600|Droid+Sans:400,700);

.raleway {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}

.raleway-medium {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}

.raleway-bold {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}

.droid {
  font-family: 'Droid Sans', sans-serif;
  font-weight: 400;
}

.droid-bold {
  font-family: 'Droid Sans', sans-serif;
  font-weight: 700;
}

/*FIX CSS CONFLICT FOR "SMALL" ATTRIBUTE*/
/*
small {
  font-size: 80%;
}
column-content small {
  font-size: inherit;
}
p em small {
  font-size: inherit;
}
*/

/* SMALL Global */

html {
  -webkit-font-smoothing: antialiased;
}

body {
  background: transparent;
  line-height: 1;
  height: 50%;
  -webkit-touch-callout: none !important;
}

html,
body {
  font-size: 12px;
  color: #3e3d3d;
  font-family: 'Droid Sans', sans-serif;
  /*font-weight: 400;*/
  background: #333131;
  line-height: 20px;
}

form#aspnetForm {
  overflow: hidden;
  background: #fff;
}

h1 {
  line-height: 1.2em;
}

h3 {
  font-size: 1.6em;
}

p {
  line-height: 1.25em;
  margin-bottom: 1em;
  font-size: 1.2em;
}

.full-width {
  max-width: 100%;
  width: 100% !important;
}

.no-padding {
  padding: 0;
}

.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

hr {
  margin: 10px 0;
  border-top: 2px solid #6bbe51;
}

.play_button {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -1.25em;
  left: 50%;
  margin-left: -1.25em;
  background: url(images/play_button.png) no-repeat center;
  z-index: 100;
  width: 4em;
  height: 4em;
}

a {
  color: #6ebc42;
  -webkit-touch-callout: none !important;
}

  a:hover {
    color: #509b3a;
  }

  a img {
    border: none;
  }

.CMSListMenuLinkHighlighted {
  color: #ACACAD;
}

/* SMALL Forms */

form {
  margin: 0;
}

::-webkit-input-placeholder {
  color: #acacac;
}

::-moz-placeholder {
  color: #acacac;
}

/* firefox 19+ */
:-ms-input-placeholder {
  color: #acacac;
}

/* ie */
input:-moz-placeholder {
  color: #acacac;
}

.inputfield {
  color: #acacac;
}

select, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  width: 100%;
  margin: 0;
  margin-bottom: .5em;
  border: 1px solid #51af33;
  border-radius: .4em;
}

select {
  font-size: 0.875rem;
  line-height: 1;
}

.search_bar_alt {
  height: 38px;
}

input[type="submit"] {
  -webkit-appearance: none;
}

input[type="password"] {
  line-height: 1.1em;
}

.FormButton {
  display: none;
}

.pp_form {
  margin-bottom: 30px;
  padding: 20px;
  border-top: 2px solid #51af33;
  padding-top: 20px;
}

span.customSelect {
  padding: 10px;
  width: 100%;
  margin: 0;
  margin-bottom: .5em;
  border: .1em solid #6bbe51;
  border-radius: .4em;
  background: #fbfbfb url(images/select_arrow.png) right 10px center no-repeat;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbfbfb),color-stop(47%,#f6f6f6),color-stop(100%,#ddd)) url(images/select_arrow.png) right 10px center no-repeat;
  background: -webkit-linear-gradient(top,#fbfbfb 0%,#f6f6f6 47%,#ddd 100%) url(images/select_arrow.png) right 10px center no-repeat;
  background: linear-gradient(to bottom,#fbfbfb 0%,#f6f6f6 47%,#ddd 100%) url(images/select_arrow.png) right 10px center no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb',endColorstr='#dddddd',GradientType=0 )";
}

/* SMALL Buttons */


.button.dark {
  background: #51af33;
}

  .button.dark:hover {
    background: #329014;
  }

  .button.dark:after {
    background: url(/App_Themes/ProPay/images/sprites_selectors.png) -12px -85px;
  }

.button.alt {
  color: #fff;
  text-decoration: none;
  background: #0993de;
}

  .button.alt:hover {
    background: #007095;
  }

.button.large {
  margin: 0;
  padding-top: .575rem;
  padding-bottom: .6375rem;
  text-align: center;
}

/* SMALL Icons */

.icon-login {
  display: inline-block;
  height: 6em;
  width: 6em;
  background: url(/App_Themes/ProPay/images/sprites_icons.png) -7px -102px no-repeat;
}

.icon-search {
  display: inline-block;
  height: 6em;
  width: 6em;
  background: url(/App_Themes/ProPay/images/sprites_icons.png) -7px -45px no-repeat;
}

.icon-nav {
  display: inline-block;
  height: 6em;
  width: 6em;
  background: url(/App_Themes/ProPay/images/sprites_icons.png) -7px -162px no-repeat;
}

/* SMALL Rounded Corners */
.rounded {
  border-bottom-right-radius: .4em;
  border-bottom-left-radius: .4em;
  border-top-right-radius: .4em;
  border-top-left-radius: .4em;
}

.rounded_bottom {
  border-bottom-right-radius: .4em;
  border-bottom-left-radius: .4em;
}

.rounded_top_right {
  border-top-right-radius: .4em;
}

.rounded_top_left {
  border-top-left-radius: .4em;
}

/* SMALL Header */

#header {
  height: 3.8em;
  padding-top: .25em;
  background: #0572ae;
  border-bottom: .4em solid #62b945;
}

  #header .top-bar, #header .top-bar li, #header .top-bar a {
    font-size: .75em;
    background: none;
    font-weight: 700;
    margin-top: .5em;
  }

#top_bar {
  overflow: hidden;
}

  #top_bar .top-bar-section {
    width: 100%;
  }

    #top_bar .top-bar-section ul {
      float: left;
      background: none;
    }

    #top_bar .top-bar-section .top-bar li {
      float: left;
      font-size: .9em;
      padding: 0;
      margin: .1em;
      margin-top: -.3em;
      height: 2em;
      border-right: .1em solid #079ced;
    }

      #top_bar .top-bar-section .top-bar li span {
        font-size: .85em;
      }

      #top_bar .top-bar-section .top-bar li.phone {
        line-height: 1em;
        color: #FFF;
        padding: 0;
        margin: 0;
        margin-top: -.25em;
        margin-right: .3em;
        font-weight: 400;
      }

        #top_bar .top-bar-section .top-bar li.phone a {
          padding-right: 1em !important;
        }

      #top_bar .top-bar-section .top-bar li a {
        padding: .9em .85em 2em .5em;
        padding-right: 3em !important;
        margin: 0;
        position: relative;
        left: 0;
        top: -.05em;
        z-index: 100;
        line-height: 1em;
        border: .1rem solid transparent;
        font-family: 'Droid Sans', sans-serif;
      }

      #top_bar .top-bar-section .top-bar li:last-child {
        border: none;
      }

    #top_bar .top-bar-section .has-dropdown > a:after {
      border: none;
      background: url(/App_Themes/ProPay/images/sprites_selectors.png) -94px -25px;
      display: block;
      height: 1em;
      width: 1.5em;
      margin-right: .5em;
    }

    #top_bar .top-bar-section .top-bar li.has-dropdown:hover a.top_level {
      left: -.4em;
      width: 106%;
      color: #000;
      background: #fff !important;
      border: .1rem solid #62b946;
      border-bottom: 0;
      border-top: 0;
      height: 100%;
      padding-top: .9em;
      padding-left: .8em;
      padding-right: 2.7em !important;
    }

    #top_bar .top-bar-section .dropdown {
      clip: auto;
      display: block;
      overflow: hidden;
      position: absolute;
      top: 2em;
      left: -.3em;
      width: 10em;
      font-size: 1em;
      z-index: 90;
      background: #fff;
      padding: 0;
      border: none;
      color: #000;
      height: 0;
    }

    #top_bar .top-bar-section .has-dropdown:hover .dropdown {
      padding-top: .5em;
      padding-bottom: .5em;
      border: .1em solid #62b946;
    }

    #top_bar .top-bar-section .dropdown li {
      border: none;
      padding: .5em;
      margin: 0;
      padding-bottom: 0;
      height: 0;
      padding-top: 0;
    }

    #top_bar .top-bar-section .has-dropdown:hover .dropdown li {
      padding-bottom: 2em;
      height: 2em;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
    }

    #top_bar .top-bar-section .dropdown li:hover {
      background: #ededed;
    }

      #top_bar .top-bar-section .dropdown li:hover a, #top_bar .top-bar-section .dropdown li.active a {
        color: #0572ae;
      }

    #top_bar .top-bar-section .top-bar li.has-dropdown > a:after {
      top: 1.3em;
    }

    #top_bar .top-bar-section .dropdown li a {
      color: #51af33;
    }

#top_nav {
  float: left;
  height: 3em;
  padding: 0;
  margin-top: .2em;
}

#logo {
  margin: 1em 0;
}

#branded-logo {
  margin: 0;
}

#main_nav {
  height: 100%;
  padding-right: 0;
}

  #main_nav .show-for-small a {
    display: block;
    height: 100%;
    text-align: center;
    padding-top: 3em;
  }

    #main_nav .show-for-small a img {
      max-width: 80%;
    }

    #main_nav .show-for-small a.active {
      background: #ededed;
      padding-bottom: 5em;
    }

      #main_nav .show-for-small a.active img.mobile_icon {
        display: none;
      }

      #main_nav .show-for-small a.active img.close {
        display: inline-block;
      }

.mobile_overlay {
  display: none;
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  padding: 2em;
  color: #fff;
  background: url(/App_Themes/ProPay/images/bg_black_90.png);
}

  .mobile_overlay .close {
    float: right;
    font-size: 3em;
    width: 30px;
  }

  .mobile_overlay ul {
    list-style: none;
    margin-top: 4em;
  }

    .mobile_overlay ul li {
      color: #fff;
      font-size: 1.4em;
      font-weight: 700;
    }

      .mobile_overlay ul li a {
        color: #888;
        font-size: 1em;
        font-weight: 400;
        line-height: 3em;
      }

      .mobile_overlay ul li.active a {
        color: #fff;
      }

#mobile_navigation_list {
  list-style: none;
}

  #mobile_navigation_list li {
    font-size: 1.4em;
    font-weight: 700;
    line-height: 2.5em;
  }

    #mobile_navigation_list li a, #mobile_navigation_list li span {
      color: #204f24;
      font-size: 1.35em;
    }

#nav_bar .active {
  background: #ededed;
}

#mobile_options div.mobile_nav_dropdown {
  margin-top: -2em;
  padding: 1em 2em;
  box-shadow: .1em .2em .1em #666;
  margin-bottom: 3em;
}

#mobile_options h3 {
  font-size: 1em;
  font-weight: 700;
  color: #18361c;
}

#mobile_options .inputfield {
  margin-bottom: 1em;
  height: 34px;
  padding-right: 4em;
}

#mobile_options button {
  width: 50%;
}

#mobile_users .create_account, #mobile_create .login {
  font-weight: 700;
  margin-right: 1em;
  margin-top: 1em;
  font-size: 1.2em;
  color: #204f24;
  text-decoration: underline;
}

.mobile_search_container {
  position: relative;
}

  .mobile_search_container .inputfield {
    border-color: #1d7eb4;
  }

.mobile_search_button {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 34px;
  border: none;
  background: url(/App_Themes/ProPay/images/icon_mobile_search.png) center center no-repeat;
  cursor: pointer;
}

input.invalid {
  border: 1px solid red !important;
}

#ie7_alert {
  display: none;
}

/* SMALL Breadcrumbs */
.breadcrum_sctn {
  color: #0572ae;
  font-size: 10px;
  background-color: #ededed;
  padding: 10px 0;
}

.CMSBreadCrumbsLink {
  color: #0572ae;
  margin: 0 3px;
}

.CMSBreadCrumbsCurrentItem {
  color: #77797c;
  margin-left: 3px;
}

#goto_top {
  position: fixed;
  z-index: 9998;
  right: .5em;
  bottom: .5em;
  height: 35px;
  width: 34px;
  background: url(/App_Themes/ProPay/images/icon_to_top.png) no-repeat;
  cursor: pointer;
  opacity: .4;
  filter: alpha(opacity=40);
}

  #goto_top:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }

/* SMALL WYSIWYG Styles */

.box_20 {
  font-size: 1em;
  line-height: 1.4em;
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
  margin-right: 2%;
  margin-bottom: 1em;
}

.box_25 {
  font-size: 1em;
  line-height: 1.4em;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}

.box_33 {
  font-size: 1em;
  line-height: 1.4em;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}

.box_50 {
  font-size: 1em;
  line-height: 1.4em;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 2em;
}

.box_100 {
  font-size: 1em;
  line-height: 1.4em;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}

.image-left {
  float: left;
  margin: 1em auto;
  width: 100%;
}

.image-right {
  float: right;
  margin: 1em auto;
  width: 100%;
}

.callout-image {
  margin-top: .85em;
}

.icon-left {
  float: left;
  margin-top: .75em;
  margin-right: 1em;
  width: auto;
  clear: left;
  max-width: 4em;
  min-height: 50px;
}

.icon-right {
  float: right;
  margin-top: .75em;
  margin-left: 1em;
  width: auto;
  clear: right;
  max-width: 4em;
  min-height: 50px;
}

/* SMALL Template Zones */

#top_banner_container {
  margin-top: 80px;
  background: #ededed;
  margin-bottom: 1em;
}

  #top_banner_container h1 {
    color: #2a5630;
    font-size: 1.77rem;
    font-weight: 700;
    margin: .75em 0;
  }

    #top_banner_container h1 a {
      font-size: 1.4rem;
      font-weight: 700;
    }

.top_banner_container {
  display: inline-block;
}

.shaded_content {
  background: #ededed;
}

#content .shaded_content h2 {
  font-size: 1em;
}

#content.interior_2 .zone1_left h2, #content.interior_2 .zone1_left a {
  color: #05334e;
}

/* SMALL Content */
.content_container {
  float: left;
  margin: 1.25em 0;
  width: 100%;
}

.enterprise_solutions {
  margin-top: 2em;
}

  .enterprise_solutions .content_container h2 {
    font-size: 1.625em;
    font-weight: 700;
  }

.callout_item p {
  overflow: hidden;
}

#content {
  font-size: 1.2em;
}

  #content h1 {
    color: #1f4d25;
    font-size: 1.6em;
  }

  #content h2 {
    color: #51af33;
    font-size: 1.6em;
    margin-top: .5em;
    font-weight: 700;
  }

  #content h3 {
    color: #1d3e1c;
    font-size: 1em;
    font-weight: 700;
  }

  #content p {
    font-size: 1em;
    line-height: 1.4em;
    overflow: hidden;
  }

  #content a {
    text-decoration: underline;
    font-weight: 700;
  }

  #content h3 a, #content h2 a {
    text-decoration: none;
    color: #51af33;
  }

  #content .box_20 a {
    font-size: 1.2em;
  }

  #content a.button {
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: 700 !important;
  }

  .enterprise_solutions hr, #content hr {
    border: solid #ededed;
    border-width: .15em 0 0;
    clear: both;
    margin: 1.25rem .9em 1.1875rem;
    height: 0;
  }

  #content ul {
    font-size: 1em;
    list-style: none;
  }

    #content ul li {
      margin-bottom: 1em;
    }

  #content .panel {
    background: #ededed;
    border: none;
    margin: 2em 0;
  }

/* SMALL Rate Calculator */
#calculator_container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#calculator_container .calculator_form {
  margin-top: 1em;
}

#calculator_container .calculator_main_tabs ul li {
  cursor: pointer;
  display: inline;
  float: left;
  background: #c9d8e5;
  padding: .5em 2em;
  margin-bottom: .25em;
  margin-right: .75em;
  text-align: center;
  color: #999;
  font-weight: 700;
  width: 12em;
}

  #calculator_container .calculator_main_tabs ul li.active {
    color: #000;
    font-weight: 700;
  }

#calculator_container .calculator_main_tabs .comparison {
  margin-right: 0;
}

#calculator_container .mobile_hide {
  display: none;
}

#calculator_container .mobile_show {
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  padding-bottom: .25em;
}

#calculator_container ul li.rate {
  background: #EDEDED;
}

#calculator_container .calculator_content {
  background: none repeat scroll 0 0 #ededed;
  padding: 1.25em 1em .25em;
  clear: both;
  display: none;
}

  #calculator_container .calculator_content.active, #calculator_container .calculator_content .calculator_step.shown, .comparison_results.shown {
    display: block;
  }

  #calculator_container .calculator_content .calculator_step, .comparison_results {
    display: none;
  }

#calculator_container .mobile_plan_col {
  display: block;
}

#calculator_container .plan_col {
  display: none;
}

#calculator_container .results .plan_col {
  display: block;
}

#calculator_container .calculator_content .mobile_plan_col {
  border: 1px solid #999;
  float: right;
  margin-left: 1em;
  position: absolute;
  right: 1.5em;
  text-align: center;
  top: 5.3em;
  width: 45%;
}

  #calculator_container .calculator_content .mobile_plan_col li:after {
    clear: both;
  }

#calculator_container .mobile_plan_col .title {
  height: 3em;
  color: #fff;
  text-align: center;
  display: table-cell;
  width: 20%;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.25em;
}

#calculator_container .mobile_plan_col .annual, #calculator_container .mobile_plan_col .swipe, #calculator_container .mobile_plan_col .discover, #calculator_container .mobile_plan_col .transfer {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 0;
}

#calculator_container .mobile_plan_col .amex, #calculator_container .mobile_plan_col .limits, #calculator_container .mobile_plan_col .keyed {
  padding-top: 1em;
  padding-bottom: 1.1em;
  margin-bottom: 0;
  background: #fff;
}

#calculator_container .mobile_plan_col .limits {
  padding-top: 1em;
  padding-bottom: 1em;
  background: #fff;
  margin-bottom: 0;
}

#calculator_container .mobile_plan_col .fees {
  padding-top: .75em;
  padding-bottom: .75em;
  margin-bottom: .6em;
}

#calculator_container .mobile_plan_col .visa {
  padding-top: .75em;
  padding-bottom: .75em;
  margin-bottom: 0;
  background: #fff;
}

#calculator_container .mobile_plan_col span.mobile_plans {
  background: url(/App_Themes/ProPay/images/icon_arrowdown.png) no-repeat scroll 97% .9em #9cce71;
  padding-top: .4em;
  border-radius: 0;
  margin-bottom: 0;
}

#calculator_container .mobile_plan_col .title {
  padding: .25em;
  background: #fff;
}

#calculator_container .label_col li {
  padding-left: 1em;
  margin-bottom: 0;
}

#calculator_container .label_col .tabbed:before {
  content: "-";
  padding-right: .5em;
  padding-left: 1em;
}

#calculator_container .label_col .annual, #calculator_container .label_col .title, #calculator_container .label_col .swipe, #calculator_container .label_col .keyed, #calculator_container .label_col .transfer, #calculator_container .label_col .fees {
  padding-top: 1em;
  padding-bottom: 1em;
}

#calculator_container .label_col .visa {
  padding-top: .75em;
  padding-bottom: .75em;
}

#calculator_container .label_col li:not(.title):not(.annual):not(.fees):not(.limits) {
  border-bottom: solid 1px #999;
  width: 49%;
}

#calculator_container .label_col .amex, #calculator_container .label_col .limits, #calculator_container .label_col .discover {
  padding-top: .25em;
  padding-bottom: .25em;
  min-height: 45px;
}

#calculator_container .label_col .title {
  height: 3em;
  font-weight: 700;
  font-size: 1.25em;
}

#calculator_container .label_col .fees, #calculator_container .label_col .annual {
  background: #c9d8e5;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.7em;
}

#calculator_container .label_col .limits {
  width: 49%;
}

#calculator_container .mobile_plan_col .swipe, #calculator_container .mobile_plan_col .discover, #calculator_container .mobile_plan_col .transfer {
  padding: .3em;
  background: #fff;
}

  #calculator_container .mobile_plan_col .swipe div, #calculator_container .mobile_plan_col .discover div, #calculator_container .mobile_plan_col .transfer div {
    background: #EDEDED;
    height: 3.2em;
    padding-top: .75em;
    margin-bottom: 0;
    padding-bottom: 1px;
  }

.calculator_form ul, #calculator_form button.calculate {
  margin: 1.5em 0;
}

.calculator_form .withDollar span {
  display: inline;
  float: left;
  padding-top: .5em;
}

.calculator_form .withDollar input {
  display: inline;
  width: 95%;
  float: right;
}

.calculator_form li {
  position: relative;
}

.calculator_form button.calculate_rate, .calculator_form button.calculate_comparison, .rate_result_buttons button {
  width: 100%;
  border-radius: .4em;
}

#calculator_container .comparison .comparison_table {
  display: table;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  width: 100%;
  border-bottom: 1px solid #000;
}

#calculator_container .comparison_header, #calculator_container .comparison_data {
  width: 50%;
  float: left;
  display: block;
  text-align: center;
  border-right: 1px solid #000;
  padding: 1em 0;
}

  #calculator_container .comparison_header div, #calculator_container .comparison_data div {
    display: block;
    padding: .75em;
    font-size: .75em;
  }

  #calculator_container .comparison_data.competitor, #calculator_container .calculator_content.comparison {
    background: #C9D8E5;
  }

  #calculator_container .comparison_data.propay_level {
    background: #fff;
  }

#calculator_container .comparison_header {
  display: none;
}

#calculator_container input[type="radio"]:nth-child(2) {
  margin-left: 2em;
}

.comparison #calculator_form {
  margin-right: auto;
  margin-left: 0;
}

.comparison_selectors label {
  font-weight: 700;
  font-size: 1em;
}

.comparison_selectors ul li {
  display: inline;
  padding-right: 2em;
}

#calculator_container .comparison_data div:first-child {
  font-weight: 700;
  font-size: 1em;
}

#calculator_container .calculator_content .results {
  padding: 1.25em .5em .25em;
}

  #calculator_container .calculator_content .results .rec_content {
    clear: both;
  }

  #calculator_container .calculator_content .results .plan_col {
    border: none;
    margin-left: 1.5em;
    width: 17.3em;
  }

    #calculator_container .calculator_content .results .plan_col .title {
      width: 10%;
    }

    #calculator_container .calculator_content .results .plan_col.basic .rate {
      color: #9CCE71;
    }

    #calculator_container .calculator_content .results .plan_col.premium .rate {
      color: #61BB47;
    }

    #calculator_container .calculator_content .results .plan_col.professional .rate {
      color: #1E4D23;
    }

    #calculator_container .calculator_content .results .plan_col .rate {
      font-weight: 700;
      font-size: 1.25em;
      line-height: 2em;
    }

    #calculator_container .calculator_content .results .plan_col.basic {
      margin-left: 0;
    }

  #calculator_container .calculator_content .results .rate {
    text-align: center;
  }

#calculator_container .plan_col .title {
  border-bottom: solid 1px #999;
  height: 3em;
  color: #fff;
  text-align: center;
  display: table-cell;
  width: 20%;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.25em;
}

  #calculator_container .plan_col .title .sub {
    font-size: .5em;
    display: block;
    margin-top: -.75em;
  }

#calculator_container .plan_col.basic .title, #calculator_container .comparison_header {
  background: #69c800;
}

#calculator_container .plan_col.premium .title {
  background: #339400;
}

#calculator_container .plan_col.professional .title {
  background: #1f4d25;
}

#calculator_container .calculator_content .results .rec_content .title {
  color: #1E4D23;
  font-weight: 700;
  line-height: 2em;
}

.rate_result_buttons .get_started {
  background: #659e3d;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#659e3d),color-stop(100%,#1e4d23));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,#659e3d 0%,#1e4d23 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom,#659e3d 0%,#1e4d23 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#659e3d',endColorstr='#1e4d23',GradientType=0);
  /* IE6-9 */
}

  .rate_result_buttons .get_started:after, .rate_result_buttons .recalculate_results:after {
    background: url(/App_Themes/ProPay/images/sprites_selectors.png) repeat scroll -60px -40px #000;
    background: url(/App_Themes/ProPay/images/sprites_selectors.png) repeat scroll -60px -40px rgba(0,0,0,0);
  }

.rate_result_buttons .recalculate_results {
  border-top: .1em #ccc inset;
  background: #d1d1d1;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d1d1d1),color-stop(100%,#999));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,#d1d1d1 0%,#999 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom,#d1d1d1 0%,#999 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1',endColorstr='#999999',GradientType=0);
  /* IE6-9 */
}

.comparison_info {
  font-weight: 700;
  margin: 2em 0;
}

#calculator_container .calculator_label label {
  font-size: 1em;
}

#calculator_container .calculator_input input[type="radio"] {
  margin-right: .75em;
}

/* SMALL Pagination */
.PagerControl {
  text-align: center;
  margin: 0 auto;
  font-size: .9em;
  font-weight: 700;
}

  .PagerControl .PagerResults {
    display: none;
  }

#content .PagerControl .PagerNumberArea span a, #content .PagerControl .PagerNumberArea span span {
  text-decoration: none;
  border: .1em solid #51af33;
  padding: .1em .5em;
  border-bottom-right-radius: .4em;
  border-bottom-left-radius: .4em;
  border-top-right-radius: .4em;
  border-top-left-radius: .4em;
}

  #content .PagerControl .PagerNumberArea span a.UnselectedPage {
    border: none;
  }

  #content .PagerControl .PagerNumberArea span a.UnselectedNext {
    margin-left: -15px;
  }

.PagerControl span.SelectedPage {
  background: #51af33;
  color: #fff;
}

/* SMALL Blog */
.blogpost {
  margin-bottom: 2em !important;
  border-bottom: .2em solid #ededed;
  padding-bottom: 1em;
}

@media (max-width: 640px) {
  .blogpost .blogImage {
    margin-bottom: 5px;
  }
}

.blogpost.detail {
  border-bottom: none;
}

.blogpost .calendar {
  float: left;
  margin-right: 1em;
  width: 2.75em;
  height: 3.5em;
  overflow: hidden;
  text-align: center;
}

  .blogpost .calendar .month {
    padding: .2em;
    background: #309200;
    color: #fff;
    font-size: .7em;
    text-transform: uppercase;
  }

  .blogpost .calendar .day {
    padding: .2em;
    background: #f2f2f2;
    border: .1em solid #ccc;
  }

#content .blogpost h2 a {
  color: #1f4d25;
}

#content .blogpost p {
  margin-top: 1em;
  overflow: visible;
}

.blogpost .author {
  float: left;
  margin: 1em 0;
  font-size: .7em;
  color: #77797c;
}

.blogpost .categories {
  float: left;
  margin: 1em 0;
  font-size: .7em;
  color: #77797c;
}

.blogpost .tags {
  float: left;
  margin: 1em 0;
  font-size: .7em;
  color: #77797c;
}

#content .blogpost .tags a, #content .blogpost .categories a {
  color: #0572ae;
  text-decoration: none;
  font-weight: 400;
}

.blogpost .post {
  clear: left;
}

.blogpost a.readmore {
  display: block;
  margin-bottom: 2em;
  font-size: .9em;
  color: #51af33;
}

.blogpost .social {
  float: left;
}

.subtitle {
  font-size: .75em;
  margin-bottom: 1em;
  margin-top: -1.5em;
  color: #77797c;
  font-weight: 700;
}

/* SMALL Top Banner */
.top_banner_image_container {
  float: left;
  width: 100%;
}

.top_banner_content {
  margin: 2em 0;
  font-size: 1.2em;
}

  .top_banner_content h1 {
    color: #1f4d25;
    font-size: 1.85em;
    font-weight: 700;
    margin: .8em 0;
  }

  .top_banner_content p {
    color: #3e3d3d;
    line-height: 1.4em;
    font-size: 1em;
  }

    .top_banner_content p a {
      text-decoration: underline;
    }

  .top_banner_content .button {
    width: 100%;
    margin: .25em 0;
  }

.enterprise_solutions .top_banner_content h1 {
  color: #05334e;
}

/* SMALL Content web part */
.content_container .content_description {
  overflow: hidden;
  margin-bottom: 1.2em;
}

  .content_container .content_description a {
    text-decoration: underline;
  }

/* SMALL Content with callouts */
.callouts_container h2 {
  margin-bottom: .75em;
}

/* SMALL Lead In */
.leadin_container p.leadin_description {
  min-height: 9em;
}

.leadin_container div.leadin_callouts {
  min-height: 10.5em;
}

#content .leadin_container .leadin_submit {
  margin-top: 3em;
  margin-bottom: 3em;
  font-size: .8em;
}

p.leadin_submit:empty {
  display: none;
}

/* SMALL Hero */
#hero_slider {
  margin: 0;
  overflow: hidden;
  height: 100%;
}

  #hero_slider .hero_slide {
    height: 100%;
    background-size: cover;
  }

#hero_sctn {
  position: relative;
}

/* SMALL Ported from default.css */

.signup_form_sub_sctn .signup_form_sub {
  width: auto;
  float: left;
  color: #1d4d25;
  border-right: .2em solid #0673ae;
  padding-right: 2%;
  margin-right: 0;
}

  .signup_form_sub_sctn .signup_form_sub:last-child {
    float: right;
    width: auto;
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }

  .signup_form_sub_sctn .signup_form_sub .signup_form_sub_hdr {
    font-size: 1.438em;
    margin: 0;
    font-weight: 700;
    line-height: 1em;
  }

  .signup_form_sub_sctn .signup_form_sub .signup_form_sub_desc {
    font-size: 1em;
    margin: 0;
    line-height: 1em;
  }

.signup_form {
  margin-top: .75em;
  margin-bottom: 2em;
}

  .signup_form label {
    color: #112f15;
    font-size: 1.15em;
    font-weight: 700;
    cursor: default;
  }

.signup_form_half {
  width: 47.5%;
}

  .signup_form_half:last-child {
    margin-right: 0;
  }

.signup_form input {
  border-radius: .625em;
  border: 1px solid #65b844 !important;
  margin-bottom: .625em;
}

  .signup_form input.invalid {
    border: 1px solid red !important;
  }

.signup_form_cta {
  color: #112f15;
  font-size: 1em;
  line-height: 1em;
  font-weight: 700;
  padding: 0;
  margin: 1em 0;
  text-align: center;
}

/* SMALL Sign Up Form */

.signup_form_sub {
  width: 100%;
  text-align: center;
}

.signup_form_sub_sctn {
  display: inline-block;
  margin: 0 auto;
  width: 98%;
}

  .signup_form_sub_sctn .signup_form_sub {
    width: 50%;
    text-align: left;
  }

    .signup_form_sub_sctn .signup_form_sub .signup_form_sub_hdr {
      font-size: 1.25em;
    }

    .signup_form_sub_sctn .signup_form_sub .signup_form_sub_desc {
      font-size: .9em;
      font-weight: 700;
    }

  .signup_form_sub_sctn .signup_form_half label {
    font-size: 1.15em;
  }

.signup_sctn h1 {
  color: #17381d;
  margin-top: 0;
  margin-bottom: .612em;
  font-size: 2em;
  line-height: 1em;
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}

.bx-viewport {
  height: 18em !important;
}

.signup_sctn {
  margin: 1.5em;
}

.play_button {
  display: block;
}

.youtube_overlay {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0;
  margin-top: 1em;
  display: inline-block;
  background: none;
}

  .youtube_overlay .green_btn {
    width: 100%;
  }

/* SMALL Hero Form */

.hero_form_sctn {
  margin: 1.5em;
}

  .hero_form_sctn label {
    color: #132f19;
    font-weight: 700;
  }

  .hero_form_sctn h1 {
    text-align: center;
    line-height: 1.1em;
  }

  .hero_form_sctn p {
    color: #3c3c3c;
    font-weight: 700;
    text-align: center;
    font-size: 1.05em;
  }

.hero_form_form button {
  margin: 0 3.5%;
  width: 93%;
  font-weight: 700;
  margin-top: 1.25em;
}

/* SMALL Password Checklist */

#pword_req_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

  #pword_req_list li {
    margin: 0;
    padding: 0;
    font-size: .8em;
    padding-left: 2.5em;
    background: url(images/x_mark_red.png) no-repeat left;
  }

    #pword_req_list li.pword_pass {
      background: url(images/check_mark_green.png) no-repeat left;
    }

/* SMALL Accept Payment Ways */

.acpt_pay_sctn {
  float: left;
  margin-top: 2em;
  margin-bottom: 2em;
}

  .acpt_pay_sctn h2 {
    font-size: 1.875em;
    margin: 0;
    color: #1f4d25;
    line-height: 1em;
    margin-bottom: 10px;
    font-weight: 700;
  }

  .acpt_pay_sctn p.acpt_pay_desc {
    margin: 0;
    color: #3e3d3d;
    line-height: 1.2em;
    margin-bottom: 10px;
  }

#acpt_pay_ways {
  list-style: none;
  margin: 0;
}

  #acpt_pay_ways li {
    float: left;
    width: 32%;
    height: 10em;
    text-align: center;
  }

    #acpt_pay_ways li:hover h3, #acpt_pay_ways li:hover p {
      color: #1f4d25;
    }

    #acpt_pay_ways li h3 {
      font-size: 1.1em;
      line-height: 1em;
      color: #8a8686;
      font-weight: 700;
      width: 85%;
      margin: 0 auto;
    }

    #acpt_pay_ways li p {
      font-size: .9em;
      margin: 0;
      color: #8a8686;
      line-height: 1.5em;
    }

/* SMALL Footer CTA Block */

.foot_cta_block {
  background-color: #ededed;
  border-top: 2px solid #65b64f;
  padding: 3em 0;
}

.footer_cta h4 {
  font-size: 14px;
  color: #51af33;
  font-weight: 700;
}

.footer_cta p {
  color: #3e3d3d;
}

.footer_cta_img {
  width: 60px;
  float: left;
}

.footer_cta_details {
  float: left;
  margin-left: 70px;
}

.footer_cta a.button {
  width: 100%;
}

.footer_cta {
  margin-bottom: 2em;
}

.enterprise_solutions .footer_cta h4 {
  color: #05334e;
  font-weight: 700;
}

/* SMALL YouTube */

.youtube_sctn {
  margin-bottom: 2em;
}

.youtube_poster_sctn {
  position: relative;
}

.youtube_btn {
  width: 100%;
}

.youtube_callout_list {
  margin: 0;
  list-style: none !important;
}

.youtube_callout_hdr {
  margin-bottom: 10px;
  font-size: 1.2em;
}

.youtube_callout {
  width: 100%;
  float: left;
  margin: 0 !important;
}

  .youtube_callout img {
    float: left;
    padding: 10px 15px 10px 0;
  }

  .youtube_callout p {
    font-size: .75em;
    color: #3e3d3d;
    font-weight: 700;
    padding: 10px 0;
    margin: 0;
  }

.youtube_callouts_player {
  width: 100%;
}

.youtube_callouts_callouts {
  width: 100%;
  margin: 20px 0;
  display: inline-block;
}

/* SMALL Callout */

.callout_sctn {
  padding: 20px;
}

.callout_img {
  width: 300px;
  float: left;
  margin: 0 20px 0 0;
}

.callout_details h3 {
  color: #51af33;
  font-size: 1.15em;
  font-weight: 700;
}

.callout_desc {
  font-size: .75em;
  color: #3e3d3d;
}

.callout_cta {
  color: #51af33;
  font-size: .8em;
}

/* SMALL Content Drawer */

.content_drawer_wrapper {
  margin-bottom: 2.2em;
}

.content_drawer {
  margin: 0 0 1.4em;
}

.content_drawer_headline {
  padding: .625em 1.5em .625em .625em;
  border-radius: 5px;
  cursor: pointer;
  /* background: #51af33 url(images/drawer_icon_closed.png) right 10px center no-repeat; */
  background-color: #51af33;
  background-image: url(images/drawer_icon_closed.png);
  background-repeat: no-repeat;
  background-position: right center; /* fallback for IE8 & Android Browser 4.3 */
  background-position: right 10px center;
  color: #fff;
  font-weight: 400;
  font-size: 1.25em;
}

  .content_drawer_headline.open {
    /* background: #51af33 url(images/drawer_icon_open.png) right 10px center no-repeat; */
    background-image: url(images/drawer_icon_open.png);
    color: #fff;
  }

.content_drawer_content {
  padding: 1.25em;
  display: none;
  background: #FFF;
}

  .content_drawer_content a {
    font-size: 1.5em;
    line-height: 2em;
  }

/* SMALL Testimonial List */

.testimonial_list {
  display: none;
}

.testimonial_list_hdr {
  color: #2a5630;
  font-size: .75em;
  font-weight: 700;
}

.testimonial_list ul {
  list-style: none;
  margin: 0;
}

  .testimonial_list ul li {
    border-left: 4px solid #63ba49;
    margin: 30px 0;
    padding: 0 10px;
    line-height: 1.1em;
    font-size: .688em;
    font-weight: 700;
  }

.testimonial_body {
  margin-bottom: .625em;
}

/* SMALL Resource List */

.resource_list {
  display: none;
}

/* SMALL Side Menu Links */

#side_menu_sctn {
  padding: 1.75em 0;
}

@media only screen and (max-width: 40em) {
  #side_menu_sctn {
    display: none;
  }
}

.side_menu_links {
  padding-bottom: 2em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ededed;
}

.side_menu_links_hdr {
  position: relative;
  z-index: 1;
  top: 1.5em;
  font-size: 1.5em;
  text-align: center;
  display: block;
  color: #51af33;
  font-weight: 700;
  background: url(images/side_links_downarrow.png) 95% top no-repeat;
}

.side_menu_links:hover .side_menu_links_hdr {
  display: none;
}

.side_menu_links ul {
  position: relative;
  font-size: 1.5em;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  height: 2em;
  width: 95%;
  border: .1em solid #51af33;
}

  .side_menu_links ul li {
    display: none;
  }

  .side_menu_links ul:hover {
    height: auto;
  }

    .side_menu_links ul:hover li {
      display: block;
      font-size: .813em;
      color: #51af33;
      padding-bottom: 1em;
    }

  .side_menu_links ul li.CMSListMenuHighlightedLI {
    padding-right: 1.2em;
    text-align: center;
    display: block;
    color: #51af33;
    font-weight: 700;
    background: url(images/side_links_downarrow.png) right top no-repeat;
    background-color: #fff;
  }

  .side_menu_links ul:hover li.CMSListMenuHighlightedLI {
    text-align: left;
    background: url(images/side_links_arrow.png) right .3em no-repeat;
  }

  .side_menu_links ul li a {
    color: #51af33;
  }

/* SMALL Side Bar Twitter */

.twitter_container h3 {
  background: #0572ae;
  color: #fff;
  font-size: 1em;
  padding: .9em .5em;
  font-weight: 700;
}

.twitter_container a {
  color: #0572ae;
}

.twitter_container .icon {
  float: left;
  margin-right: .5em;
}

.twitter_container .tweet {
  margin: 1em 0;
  font-size: 1.2em;
}

.twitter_container .tweet_top {
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.5em;
}

  .twitter_container .tweet_top a {
    color: #3e3d3d;
  }

/* SMALL Side Bar Blog Drawers */

.side_bar_blog_container {
  width: 100%;
  margin-bottom: 2em;
}

  .side_bar_blog_container .open {
    background: #51af33 url(images/drawer_icon_small_open.png) right 10px center no-repeat;
  }

  .side_bar_blog_container > h3 {
    display: block;
    padding: .2em 1em .2em .625em;
    font-size: 2em;
    border-radius: 5px;
    font-weight: 700;
    color: #fff;
    background: #51af33 url(images/drawer_icon_small_closed.png) right 10px center no-repeat;
  }

.side_bar_blog_content li {
  margin-left: .5em;
  list-style: none;
  font-size: .8em;
  margin-bottom: .75em;
}

  .side_bar_blog_content a, .side_bar_blog_content li a {
    font-weight: 700;
    color: #2a5630;
    font-size: 1.9em;
  }

.TagCloud.side_bar_blog_content {
  margin-left: .5em;
}

.side_bar_blog_content select {
  width: 80%;
  margin: 0 10%;
  height: auto;
  font-size: 1.5em;
}

/* SMALL Side Bar Blog Subscribe */

.side_bar_blog_subscribe_container {
  width: 100%;
  margin-bottom: 2em;
  position: relative;
}

  .side_bar_blog_subscribe_container h3 {
    color: #65b64f;
    font-size: 1em;
    font-weight: 700;
  }

  .side_bar_blog_subscribe_container ::-webkit-input-placeholder {
    color: #acacad;
  }

  .side_bar_blog_subscribe_container ::-moz-placeholder {
    color: #acacad;
  }

  /* firefox 19+ */
  .side_bar_blog_subscribe_container :-ms-input-placeholder {
    color: #acacad;
  }

  /* ie */
  .side_bar_blog_subscribe_container input:-moz-placeholder {
    color: #acacad;
  }

  .side_bar_blog_subscribe_container .inputfield {
    color: #acacad;
    height: 2.5em;
    padding-right: 4em;
  }

.blog_subscribe.rounded {
  background: #161616;
  border: .1em solid #6cbc42;
  margin: 0 auto;
  color: #fff;
}

/* blog email subscribe */

.side_bar_blog_subscribe_form_container {
  position: relative;
}

input.blog_subscribe_button {
  background: #5e5d5d;
  border: 0;
  border-radius: 0 .4em .4em 0;
  color: #fff;
  font-size: 1em;
  height: 42px;
  padding: 0 .75em;
  position: absolute;
  right: 1px;
  top: 1px;
}

  input.blog_subscribe_button:hover {
    background: #939f9f;
    cursor: pointer;
  }

@media (max-width: 1024px) {
  input.blog_subscribe_button {
    height: 36px;
    padding-right: .5em;
    padding-left: .5em;
  }
}

@media (max-width: 640px) {
  input.blog_subscribe_button {
    border-radius: 0 .25em .25em 0;
    height: 21px;
    padding-right: 1em;
    padding-left: 1em;
  }
}

.twitter_container p {
  font-size: 1em;
  overflow: hidden;
  font-weight: 700;
}

/* SMALL Side Menu Resource Document List */

.side_menu_documents_hdr {
  font-weight: 700;
  font-size: 1.25em;
  color: #51af33;
  margin: 1em 0;
}

.side_menu_documents_tree .CMSListMenuUL {
  list-style: none;
  margin: 0;
}

.side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI {
  margin: 0 0 1.875em;
}

  .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuLink {
    display: block;
    padding: .2em 1em .2em .625em;
    font-size: 2em;
    border-radius: 5px;
    font-weight: 700;
    color: #fff;
    background: #51af33 url(images/drawer_icon_small_closed.png) right 10px center no-repeat;
  }

    .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuLink.open {
      background: #51af33 url(images/drawer_icon_small_open.png) right 10px center no-repeat;
    }

  .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL {
    display: none;
    margin: .25em 0 0 .625em;
  }

    .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuLink {
      font-weight: 700;
      color: #2a5630;
      font-size: 1.5em;
    }

    .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuHighlightedLI {
      font-size: 1.5em;
    }

    .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuLink:hover {
      color: #000;
    }

/* SMALL Content with Documents */

#content .content_with_documents .content_with_documents_hdr {
  color: #51af33;
}

#content .content_with_documents .content_with_documents_tree {
  overflow: hidden;
  margin-bottom: 2em;
}

  #content .content_with_documents .content_with_documents_tree ul {
    list-style: none;
    margin: 0;
  }

    #content .content_with_documents .content_with_documents_tree ul li {
      margin-bottom: 0;
    }

/* SMALL 13.0 Template */

#content.interior_13 .zone_2_right .content_with_documents {
  background: #ededed;
}

/* SMALL Gateway Login Page */

#sign_up_wrapper {
  text-align: center;
}

  #sign_up_wrapper h2 {
    color: #51af33;
    font-size: 1.4em;
    margin-bottom: .6em;
    margin-top: .3em;
  }

  #sign_up_wrapper button {
    width: 100%;
    font-size: 1em;
    margin-top: .5em;
  }

#login_wrapper {
  margin-bottom: 3em;
}

#content.gateway input {
  font-size: 1em;
}

#login_wrapper .small_link {
  font-size: .8em;
  font-weight: 400;
  color: #6bbe51;
}

#login_wrapper .button_wrapper {
  text-align: center;
}

#login_wrapper button {
  display: block;
  width: 100%;
  margin: 1.2em 0;
  font-size: 1em;
}

#content .gateway_content {
  margin-top: 3em;
}

  #content .gateway_content hr {
    border: 1px solid #6bbe51;
    margin-left: 0;
    margin-right: 0;
  }

/* Small Contact us Page */

.contact_form .button {
  width: 100%;
  font-size: 17.55px;
}

.contact_form .side_bar_content {
  padding: 0 20px;
}

  .contact_form .side_bar_content h2 {
    color: #51af33;
    font-size: 1.125em;
    margin-top: .5em;
    font-weight: 700;
  }

  .contact_form .side_bar_content p {
    font-size: .75em;
    line-height: 1.25em;
    overflow: hidden;
  }

.contact_form .pp_form {
  margin-bottom: 0;
  padding: 20px 20px 0;
}

.contact_form textarea {
  resize: vertical;
}

#form_error_list {
  color: red;
}

/* SMALL Compare Table Web Part */

.comparison_container {
  float: left;
  width: 100%;
  margin-bottom: 1em;
}

.comparison_description {
  display: table;
  width: 100%;
  border: .1em solid #ededed;
  float: left;
  padding: .3em;
}

.comparison_container .field_1 span {
  display: block;
  width: 100%;
  padding: .75em 0;
  padding-left: 1.25em;
  font-size: .8em;
  float: left;
  line-height: 1.2em;
}

.comparison_container .field_1 {
  clear: left;
  float: left;
  width: 49%;
  padding-right: .25em;
  margin-right: .25em;
  border-right: .1em solid #ededed;
}

.comparison_container .field_2 {
  float: left;
  clear: right;
  width: 49%;
}

  .comparison_container .field_2 span {
    display: block;
    width: 100%;
    padding: .75em 0;
    padding-left: 1.25em;
    font-size: .8em;
    float: left;
    padding-right: 1%;
    line-height: 1.2em;
  }

  .comparison_container .field_1 .label, .comparison_container .field_2 .label {
    padding: 1.25em;
    font-size: 1em;
    text-align: left;
    width: 99%;
    padding-right: 1%;
    font-weight: 700;
    color: #fff;
    background-color: green;
  }

  .comparison_container .field_1.has-label, .comparison_container .field_2.has-label {
    padding: 0;
    margin: 0;
  }

    .comparison_container .field_1.has-label span, .comparison_container .field_2.has-label span {
      width: 100%;
    }

  .comparison_container .field_1 span.alt, .comparison_container .field_2 span.alt {
    background: #ededed;
    height: 100%;
  }

  .comparison_container .field_2.has-label span {
    width: 100.75%;
  }

/* SMALL Search Results Web Part */

.search_results_form {
  float: left;
  width: 100%;
  margin-bottom: 1em;
}

  .search_results_form .search_bar_alt {
    float: left;
    width: 80%;
    background: none;
    border: .15em solid #ededed;
  }

  .search_results_form .search_button_alt {
    float: left;
    width: 38px;
    height: 38px;
    background: url(/App_Themes/ProPay/images/icon_search_button.png);
    border: none;
  }

.search_results_container .search_result {
  margin-bottom: 2em;
}

  .search_results_container .search_result p {
    width: 75%;
  }

  .search_results_container .search_result h3 span {
    color: #686b6a;
  }

.search_results_container .PagerControl {
  text-align: left;
}

.resultsInfo {
  display: none;
}

.searchInfoTop {
  margin-bottom: 3em;
}

/* SMALL Pricing Web Part */

.pricing_container {
  position: relative;
  float: left;
  width: 100%;
  color: #3e3d3d;
  margin-top: 3em;
}

  .pricing_container div.alt {
    background: #ededed;
  }

  .pricing_container div.tier_wrap {
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    border-bottom: 0;
  }

  .pricing_container div.tab {
    background: #5abb57;
    color: #fff;
    padding: 1.25em;
    margin: .25em;
  }

  .pricing_container div.cta_button {
    margin: 3em auto 1em auto;
  }

.touch .Safari:not(.Chrome) .pricing_container div.cta_button {
  margin: 2em auto;
}

.pricing_container div.cta_text {
  margin-bottom: 1em;
}

.pricing_container div.true {
  background-image: url(/App_Themes/ProPay/images/icon_checkmark.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.pricing_container .label_container {
  float: left;
  width: 55%;
}

  .pricing_container .label_container .div_group div {
    padding: .69em;
    height: 3.4em;
  }

    .pricing_container .label_container .div_group div.alt {
      margin-left: 0;
    }

  .pricing_container .label_container div.pricing-header {
    width: 237.5%;
    font-weight: 700;
    background: #e6f1f7;
    padding: .5em;
    position: relative;
  }

    .pricing_container .label_container div.pricing-header.two {
      background: #cde3ef;
    }

    .pricing_container .label_container div.pricing-header.three {
      background: #a8cee3;
    }

    .pricing_container .label_container div.pricing-header.four {
      background: #82b8d6;
    }

    .pricing_container .label_container div.pricing-header.five {
      background: #378ebe;
      color: #fff;
    }

.pricing_container .tier_container {
  float: left;
  width: 45%;
}

.pricing_container .tier {
  float: left;
  width: 31%;
  padding: .1em;
  margin-right: 2%;
  margin-top: -3.1em;
  text-align: center;
}

  .pricing_container .tier.dynamic {
    width: 100%;
  }

  .pricing_container .tier .div_group div {
    padding: .6em;
    color: #166f12;
    font-weight: 700;
    height: 3.4em;
  }

  .pricing_container .tier div.header {
    padding: .49em;
  }

.button.sign-up {
  margin-top: 25px;
  width: 66%;
  float: right;
  margin-right: 40px;
}

.touch .Safari:not(.Chrome) .pricing_container .tier div.pricing-header {
  padding: .75em;
}

.pricing_container .tier div.cost {
  font-weight: 700;
  color: #fff;
  font-size: 1.4em;
  width: 44%;
  text-align: center;
  position: absolute;
  z-index: 3;
}

.pricing_container .tier.dynamic ul.tabs {
  display: none;
  position: relative;
  top: -91.9em;
  left: -.6em;
  background: #ccc;
  width: 96%;
}

.touch .Safari:not(.Chrome) .pricing_container .tier.dynamic ul.tabs {
  top: -90.5em;
}

.pricing_container .tier.dynamic ul.tabs li {
  float: left;
  width: 100%;
  font-weight: 700;
  list-style: none;
}

/* SMALL Safari 6 Hacks */

.Safari6 .content_drawer_headline, .Safari6 .side_bar_blog_container > h3 {
  background: #51af33 url(images/drawer_icon_closed.png) right center no-repeat;
  background-size: 7px;
}

  .Safari6 .content_drawer_headline.open, .Safari6 .side_bar_blog_container .open {
    background: #51af33 url(images/drawer_icon_open.png) right center no-repeat;
    background-size: 10px;
  }

/* SMALL Safari 7 & 6 Hacks */

.touch .Safari7 #calculator_container .mobile_plan_col .title, .touch .Safari6 #calculator_container .mobile_plan_col .title {
  height: 3.3em;
}

.touch .Safari7 #calculator_container .plans, .touch .Safari6 #calculator_container .plans {
  margin-top: 0;
}

.touch .Safari7 #calculator_container .mobile_plan_col .visa, .touch .Safari6 #calculator_container .mobile_plan_col .visa {
  padding-top: .8em;
  padding-bottom: .9em;
}

.touch .Safari7 #calculator_container .mobile_plan_col .discover, .touch .Safari6 #calculator_container .mobile_plan_col .discover {
  padding-top: .3em;
  padding-bottom: .4em;
}

.touch .Safari7 #calculator_container .mobile_plan_col .amex, .touch .Safari6 #calculator_container .mobile_plan_col .amex, .touch .Safari7 #calculator_container .mobile_plan_col .limits, .touch .Safari6 #calculator_container .mobile_plan_col .limits {
  padding-top: 1.1em;
  padding-bottom: 1.1em;
}

/* =============================================================================================================== */
/* min-width 480px, iphone portrait */
@media only screen and (min-width: 480px) {
  .touch .Safari7 #calculator_container .mobile_plan_col .title, .touch .Safari6 #calculator_container .mobile_plan_col .title {
    height: 3.3em;
  }

  .touch .Safari7 #calculator_container .mobile_plan_col .transfer, .touch .Safari6 #calculator_container .mobile_plan_col .transfer, .touch .Safari7 #calculator_container .mobile_plan_col .swipe, .touch .Safari6 #calculator_container .mobile_plan_col .swipe {
    padding: .75em .35em;
  }

  .touch .Safari7 #calculator_container .mobile_plan_col .fees, .touch .Safari6 #calculator_container .mobile_plan_col .fees {
    padding: 1.4em;
    padding-bottom: 1.4em;
    margin-bottom: .5em;
  }

  .touch .Safari7 #calculator_container .mobile_plan_col .visa, .touch .Safari6 #calculator_container .mobile_plan_col .visa, .touch .Safari7 #calculator_container .mobile_plan_col .discover, .touch .Safari6 #calculator_container .mobile_plan_col .discover {
    padding: 1.3em .35em 1.4em;
  }

  .touch .Safari7 #calculator_container .mobile_plan_col .keyed, .touch .Safari6 #calculator_container .mobile_plan_col .keyed {
    padding: 1.5em;
    padding-bottom: 1.5em;
  }

  .touch .Safari7 #calculator_container .mobile_plan_col .annual, .touch .Safari6 #calculator_container .mobile_plan_col .annual {
    padding: 1.6em;
    padding-bottom: 1.6em;
  }

  .touch .Safari7 #calculator_container .mobile_plan_col .amex, .touch .Safari6 #calculator_container .mobile_plan_col .amex, .touch .Safari7 #calculator_container .mobile_plan_col .limits, .touch .Safari6 #calculator_container .mobile_plan_col .limits {
    padding-top: 2.1em;
    padding-bottom: 2.1em;
  }
}

/* min-width 568px, iphone landscape */
@media only screen and (min-width: 568px) {
  .touch .Safari7 #calculator_container .mobile_plan_col .discover, .touch .Safari6 #calculator_container .mobile_plan_col .discover {
    padding-top: .3em;
    padding-bottom: .4em;
  }
}

/* Medium screens 641px */
@media only screen and (min-width: 40.063em) {
  /* MEDIUM Global */
  body, html {
    font-size: 14px;
  }

  input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    font-size: 1.1em;
    height: auto;
    padding: .35em;
  }

  .no-padding-medium {
    padding: 0;
  }

  p {
    font-size: .75em;
  }

  .button:after {
    right: -.2em;
  }

  .button {
    padding-right: 2.4em;
    width: auto;
  }

  /* MEDIUM Buttons */
  .button {
    width: auto;
    font-size: .875em;
  }

    .button.large.alt {
      font-weight: 700 !important;
    }

  /* MEDIUM General Styles */
  .signup_sctn, .hero_form_sctn {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    display: inline-block;
  }

  .play_button {
    display: block;
  }

  .youtube_overlay {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    padding: 0;
    margin-top: 1em;
    display: inline-block;
    background: none;
  }

  .play_button {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -1.25em;
    left: 50%;
    margin-left: -1.25em;
    width: 2.5em;
    height: 2.5em;
    background: url(images/play_button.png) no-repeat center;
    z-index: 100;
  }

  .pp_form {
    padding: 0;
    padding-top: 2em;
  }

  /* MEDIUM Header */

  #top_bar .top-bar-section {
    width: auto;
  }

  #login {
    float: left;
    margin: 0;
    padding: 0;
  }

  input.search_bar, input.search_bar:focus {
    position: relative;
    top: 0;
    width: 99%;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    padding-left: .8em;
    font-size: 1em;
    color: #fff;
    background: #1e80b6;
    border: .1em solid #079ced;
    border-radius: 1em !important;
    padding-right: 2.5em;
  }

  input.search_button {
    position: absolute;
    top: .4rem;
    right: .6rem;
    font-size: 0;
    background: url(/App_Themes/ProPay/images/sprites_icons.png) -21px -13px #1E80B6;
    height: 20px;
    width: 20px;
    border: none;
  }

  .search_container {
    position: relative;
    width: 16rem;
    margin-left: 2em !important;
    margin-top: -.25em !important;
  }

    .search_container ::-webkit-input-placeholder {
      color: #fff;
      font-weight: 700;
    }

    .search_container ::-moz-placeholder {
      color: #fff;
      font-weight: 700;
    }

    /* firefox 19+ */
    .search_container :-ms-input-placeholder {
      color: #fff;
      font-weight: 700;
    }

    /* ie */
    .search_container input:-moz-placeholder {
      color: #fff;
      font-weight: 700;
    }

    .search_container .inputfield {
      color: #fff;
      font-weight: 700;
    }

  #nav_bar {
    width: 100%;
    margin-top: 1em;
  }

  #top_bar {
    overflow: visible;
  }

  #logo {
    float: left;
    margin: .6em 0 1.2em .35em;
    padding: 0;
  }

  #branded-logo {
    margin: 1.4em 0 1.2em .35em;
  }

  /* MEDIUM Main Navigation */

  #main_nav {
    float: left;
    padding: 0;
    margin-top: 2.8em;
    margin-left: 3em;
  }

    #main_nav.branded {
      margin-top: 0;
    }

  #main_navigation_list {
    position: absolute;
    width: 55em;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .77em;
  }

    #main_navigation_list > li {
      float: left;
      position: relative;
      margin-right: .82em;
      padding-right: 1.75em;
      font-size: 1em;
      border-right: .1em solid #7ec667;
      background: url(/App_Themes/ProPay/images/icon_arrowdown.png) 96% .5em no-repeat;
    }

  .enterprise #main_navigation_list .CMSListMenuLI:first-child {
    margin-right: .85em;
    float: left;
    position: relative;
    padding-right: 1.75em;
    font-size: 1em;
    border-right: .1em solid #7ec667;
    background: url(/App_Themes/ProPay/images/icon_arrowdown.png) 96% .3em no-repeat;
  }

  .enterprise #main_navigation_list .hovactive:first-child {
    margin-right: -.05em;
  }

  .enterprise #main_navigation_list > li {
    padding-right: .8em;
    background: none;
  }

    .enterprise #main_navigation_list > li.CMSListMenuHighlightedLI {
      background: none;
    }

  #main_navigation_list > li.CMSListMenuHighlightedLI, #main_navigation_list > li.CMSListMenuHighlightedLIlast {
    background: url(/App_Themes/ProPay/images/icon_arrowdown_active.png) 96% .5em no-repeat;
  }

  #main_navigation_list > li > a {
    color: #2a5630;
  }

  #main_navigation_list > li a {
    font-weight: 700;
  }

  #main_navigation_list > li span {
    color: #0572ae;
    font-weight: 700;
  }

  #main_navigation_list li ul li > a {
    padding: 1em;
    line-height: 1em;
    overflow: visible;
  }

  #main_navigation_list > li.hovactive a, #main_navigation_list > li.hovactive span {
    display: block;
    position: relative;
    z-index: 1000;
    height: 2.25em;
  }

  #main_navigation_list > li.hovactive > a, #main_navigation_list > li.hovactive > span {
    color: #0572ae;
  }

  #main_navigation_list > a:after {
    border: none;
    background: url(/App_Themes/ProPay/images/sprites_selectors.png) -94px -25px;
    display: block;
    height: 1em;
    width: 1em;
  }

  #main_navigation_list > li:first-child {
    margin-left: 0;
    padding-left: 0;
  }

  #main_navigation_list > li:last-child {
    border: none;
    margin-right: 0;
  }

  #main_navigation_list li.hovactive ul {
    left: -.295em;
    top: -.7em;
  }

  .IE #main_navigation_list li.hovactive ul, .Gecko #main_navigation_list li.hovactive ul {
    left: -.315em;
  }

  .webgl .Gecko #main_navigation_list li.hovactive ul {
    left: -.3em;
  }

  #main_navigation_list li ul {
    position: absolute;
    list-style: none;
    top: 0;
    left: -.89em;
    width: 16.85em;
    z-index: 90;
    margin: 0;
    padding: 0;
    margin-top: 2.9em;
  }

  .Gecko #main_navigation_list li ul {
    margin-top: 2.93em;
  }

    .Gecko #main_navigation_list li ul li, .IE #main_navigation_list li ul li {
      box-shadow: none;
    }

  #main_navigation_list > li.hovactive {
    height: 2.9em;
    border-left: .1em solid #7ec667;
    left: -.88em;
    margin: 0;
    padding-left: .82em;
    padding-right: 1.655em;
    box-shadow: 0 2px 1px #184701;
    background: url(/App_Themes/ProPay/images/icon_arrowup.png) 96% .5em no-repeat;
  }

  .Gecko #main_navigation_list > li.hovactive, .IE #main_navigation_list > li.hovactive {
    box-shadow: none;
    left: -.9em;
    padding-left: .815em;
  }

  .webgl .Gecko #main_navigation_list > li.hovactive {
    padding-left: .825em;
  }

  #main_navigation_list > li.CMSListMenuLIlast.hovactive a {
    left: -.1em;
  }

  #main_navigation_list > li:last-child.hovactive {
    border-right: .1em solid #7ec667;
    left: -.86em;
  }

  #main_navigation_list > li.hovactive:after {
    position: absolute;
    width: 99.8%;
    z-index: 9999;
    display: block;
    height: .5em;
    background: #fff;
    margin-top: .4em;
    margin-left: -.82em;
    content: " ";
  }

  .Safari:not(.Chrome) #main_navigation_list > li.hovactive:after {
    margin-top: 1em;
  }

  .webgl .Gecko #main_navigation_list > li.hovactive:after {
    margin-left: -.79em;
    width: 99.6%;
  }

  /* FF Only */

  #main_navigation_list li ul li {
    overflow: hidden;
    height: 0;
    border-left: .1em solid #62b946;
    border-right: .1em solid #62b946;
    background: #fff;
    box-shadow: 0 .1em .1em #184701;
    width: 16.25em;
    margin-left: .23em;
  }

  #main_navigation_list li.hovactive ul li {
    height: 50px;
    -webkit-transition: height .4s ease;
    transition: height .4s ease;
  }

  #main_navigation_list li:hover ul li:hover a {
    color: #0572ae;
    background: #ededed;
  }

  #main_navigation_list li:hover ul li:hover:first-child a {
    border-top-right-radius: .4em;
  }

  #main_navigation_list li:hover ul li:hover:last-child a {
    border-bottom-right-radius: .4em;
    border-bottom-left-radius: .4em;
  }

  #main_navigation_list li.hovactive ul li:first-child {
    border-top: .1em solid #62b946;
  }

  #main_navigation_list li ul li:first-child {
    border-top-right-radius: .4em;
  }

  #main_navigation_list li.hovactive ul li:last-child {
    border-bottom: .1em solid #62b946;
  }

  #main_navigation_list li ul li:last-child {
    border-bottom-right-radius: .4em;
    border-bottom-left-radius: .4em;
  }

  #main_navigation_list li.hovactive ul li > a {
    height: 100%;
    background: #fff;
    color: #51af33;
    padding: 1em;
  }

  #main_navigation_list li.hovactive ul li > span {
    color: #0572ae;
    font-weight: 700;
    padding: 1em;
    line-height: 1em;
  }

  #main_navigation_list li ul, #main_navigation_list li ul li {
    -webkit-transform: translateZ(0);
    -webkit-transition: height .3s;
    transition: height .3s;
  }

  /* MEDIUM Login */

  #login {
    margin: 0;
    padding: 0;
    text-align: right;
    width: 15em;
  }

    #login li .login, #login li .signup {
      margin: .35em;
    }

    #login li {
      position: relative;
      display: inline-block;
      margin: 0;
      padding: 0;
    }

  ul#login > li:first-child {
    width: 7em;
  }

  ul#login > li {
    width: 7em;
    height: 3em;
  }

  #login > li:last-child {
    margin-top: 1px;
  }

  #login li a {
    color: #000;
    font-size: .9em;
  }

  #login li ul h3 {
    font-size: 1em;
    font-weight: 700;
    color: #18361c;
  }

  #login li ul {
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 18.75em;
    top: 2.4em;
    right: .26em;
    text-align: left;
    z-index: 90;
    background: #fff;
    color: #000;
    margin: 0;
    -webkit-transition: height .2s ease;
    transition: height .2s ease;
  }

    #login li ul li {
      height: auto;
      border: none;
      width: 94.2%;
      margin: .5em;
    }

  #login li:hover button:first-child {
    color: #0572ae;
    margin: .29em;
    background: #fff !important;
    border: .1rem solid #62b946;
    border-bottom: 0;
    border-top: 0;
    height: 100%;
    background: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-shadow: none;
    padding-top: 0;
  }

    #login li:hover button:first-child:after {
      height: 2.9em;
      border: none;
      right: .8em;
      margin: 0;
      padding-left: .8em;
      padding-right: 1.435em;
      background: url(/App_Themes/ProPay/images/icon_arrowdown.png) 96% .5em no-repeat;
    }

  #login > li:hover:after {
    position: absolute;
    right: .35em;
    width: 90%;
    z-index: 9999;
    display: block;
    height: .5em;
    background: #fff;
    margin-top: 2.4em;
    content: " ";
  }

  #login > li:hover:first-child:after {
    width: 83%;
    right: .35em;
  }

  #login li:first-child:hover ul {
    display: block;
    height: 8.32em;
  }

  #login li:hover ul {
    display: block;
    height: 13.88em;
    border: .1em solid #62b946;
  }


  /* MEDIUM WYSIWYG Styles */
  /* Change medium WYSIWYG styles to inline editor stylesheet when updated */

  .box_20 {
    float: left;
    width: 18%;
    padding: 0;
    margin: 0;
    margin-right: 2%;
    margin-bottom: 1em;
  }

  .box_25 {
    float: left;
    width: 23%;
    padding: 0;
    margin: 0;
    margin-right: 2%;
    margin-bottom: 1em;
  }

  .box_33 {
    float: left;
    width: 31%;
    padding: 0;
    margin: 0;
    margin-right: 2%;
    margin-bottom: 1em;
  }

  .box_50 {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 0;
  }

  .box_100 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-right: 0;
    margin-bottom: 1em;
  }

  .image-left {
    margin: 0;
    margin-right: 1em;
    width: auto;
    margin-top: .5em;
  }

  .image-right {
    margin: 0;
    margin-left: 1em;
    width: auto;
    margin-top: .5em;
  }

  /* MEDIUM Content */

  #content {
    font-size: 1em;
    padding: 1.25em;
  }

    #content p {
      font-size: .75em;
    }

    #content ul {
      list-style: disc;
      font-size: .75em;
    }

  .contact_us .pp_form {
    border: none;
    padding: 0;
  }

  /* MEDIUM Content Web Part */

  .content_container .button {
    width: 60%;
    max-width: 300px;
  }

  #content .content_container h2 {
    margin-top: 0;
  }

  /* MEDIUM Blog */

  #content.blog {
    padding-left: 0;
  }

  .blogpost .social {
    float: right;
  }

  .blogpost.detail .social {
    float: left;
  }

  .blogpost a.readmore {
    margin-bottom: 0;
  }

  /* MEDIUM 13.0 Template */

  #content.interior_13 .zone_1 .content_with_documents .content_with_documents_tree ul li {
    float: left;
    width: 48%;
    font-size: 1.1em;
    margin-bottom: 1em;
  }

    #content.interior_13 .zone_1 .content_with_documents .content_with_documents_tree ul li a {
      color: #309200;
    }

      #content.interior_13 .zone_1 .content_with_documents .content_with_documents_tree ul li a:hover {
        color: #6ebc42;
      }

  #content.interior_13 .zone_2_right .content_with_documents {
    padding: 1.25em 1.875em;
    margin-top: 2em;
  }

  #content.interior_13 .zone_2_right h2 {
    font-size: 1.1em;
    margin-top: 0;
  }

  /* MEDIUM 17.1 Template */

  .interior17_1 .zone2 .comparison_container {
    margin-top: -2em;
  }

  .interior17_1 .zone2 .field_1 {
    width: 39%;
  }

  .interior17_1 .zone2 .field_2 {
    width: 60%;
  }

  .interior17_1 .zone3 .field_1 {
    width: 60%;
  }

  .interior17_1 .zone3 .field_2 {
    width: 39%;
  }

  .interior17_1 .zone3 .label {
    background: #1d3e1c;
  }

  /* MEDIUM Title Bar */

  #title_bar {
    margin-bottom: 1em;
    width: auto;
    position: relative;
    overflow: hidden;
    background: #EDEDED;
  }

    #title_bar h1 {
      font-size: 1.4rem;
      color: #6EBC42;
      font-weight: 700;
      margin: .75em 0;
    }

  /* MEDIUM Top Banner */

  .top_banner_image_container {
    float: left;
    width: auto;
    margin: 2em 1.2em 2em 0;
  }

  .top_banner_content {
    margin: 1.4em 0;
    width: auto;
    font-size: 1em;
    position: relative;
    overflow: hidden;
  }

    .top_banner_content:before, .top_banner_content:after {
      content: "";
      position: absolute;
      z-index: -1;
      background: #ccc;
      top: 0;
      bottom: 0;
      width: 9999px;
    }

    .top_banner_content:before {
      right: 100%;
    }

    .top_banner_content:after {
      left: 100%;
    }

    .top_banner_content h1 {
      color: #1f4d25;
      font-weight: 700;
      margin-top: 0;
      margin-bottom: .2em;
      line-height: 1.4em;
    }

    .top_banner_content p {
      width: auto;
      color: #3e3d3d;
      line-height: 1.4em;
      font-size: .8em;
    }

    .top_banner_content .button {
      width: auto;
      font-size: 1em;
      margin-right: .5em;
      padding-left: 4em;
      padding-right: 4em;
      text-align: center;
    }

  /* MEDIUM Hero Slider */

  .bx-viewport {
    height: 33.125em !important;
    overflow: hidden;
    box-shadow: 0 10px 20px 0 rgba(70,70,70,0.75);
  }

  #hero_slider {
    margin: 0;
    overflow: hidden;
    height: 100%;
  }

    #hero_slider .hero_slide {
      height: 100%;
      background-size: cover;
    }

  #hero_sctn {
    position: relative;
    margin-bottom: 50px;
    min-height: 30em;
  }

  .enterprise_solutions_hero #hero_sctn {
    margin-bottom: 20px;
  }

  /* MEDIUM Signup Form */

  .signup_sctn, .hero_form_sctn {
    position: absolute;
    float: left;
    left: 30%;
    width: 35em;
    padding: 1.25em;
    background: url(images/signup_bkgd.png) repeat;
    border: 3px solid #fff;
    border-radius: 8px;
  }

    .signup_sctn h1 {
      color: #17381d;
      margin-top: 0;
      margin-bottom: .612em;
      font-size: 2em;
      line-height: 1em;
      text-align: center;
      font-family: 'Raleway', sans-serif;
      letter-spacing: .5px;
    }

  .signup_form_sub_sctn .signup_form_sub .signup_form_sub_hdr {
    font-size: 1.465em;
    margin: 0;
    font-weight: 700;
    line-height: .9em;
  }

  .signup_form_sub_sctn .signup_form_sub .signup_form_sub_desc {
    font-size: 1em;
    margin: 0;
    line-height: 1em;
  }

  .signup_form {
    margin-top: .75em;
    margin-bottom: 0;
  }

    .signup_form label {
      color: #112f15;
      font-size: 1.25em;
      font-weight: 700;
      cursor: default;
    }

  .signup_form_half {
    width: 47.5%;
  }

    .signup_form_half:last-child {
      margin-right: 0;
    }

  .signup_form input {
    border: 1px solid #65b844 !important;
    margin-bottom: .75em;
  }

    .signup_form input.invalid {
      border: 1px solid red !important;
    }

  .signup_form_cta {
    color: #112f15;
    font-size: 1.25em;
    line-height: 1em;
    font-weight: 700;
    padding: 0;
    margin: 0;
    margin-top: .25em;
    margin-bottom: .75em;
    text-align: center;
  }

  .signup_form button {
    margin: 0;
    padding: .525em;
    font-size: 1.5em;
    line-height: 1.3em;
    width: 100%;
    font-weight: 400;
  }

    .signup_form button:after {
      right: -.5em;
    }

  #pword_req_list li {
    font-size: .75em;
    padding-left: 1.75em;
  }

  /* MEDIUM Contactus Form */

  .contact_us .invalid {
    border: 1px solid red !important;
  }

  /* MEDIUM Hero Form */

  /*.hero_form_sctn { position: absolute; top: 1.563em; left: 50%; width: 30.00em; padding: 1.250em; background: url('images/signup_bkgd.png') repeat; border: 3px solid white; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } */
  .hero_form_sctn h1 {
    color: #06344e;
    margin-top: 0;
    margin-bottom: .1em;
    font-size: 2em;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    letter-spacing: .5px;
  }

  .hero_form_sctn label {
    color: #112f15;
    font-weight: 700;
  }

  /* MEDIUM Youtube Player */

  .youtube_sctn {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 1.875em;
  }

    .youtube_sctn iframe {
      width: 100%;
    }

  .youtube_poster {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
  }

  .youtube_overlay {
    width: auto;
    position: absolute;
    margin: 0;
    padding: 0 1.5em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
  }

    .youtube_overlay .youtube_hdr {
      font-size: 1.625em;
      line-height: 1.5em;
      color: #3c3d3a;
    }

    .youtube_overlay .youtube_desc {
      font-size: .75em;
      line-height: 1em;
      margin-bottom: 1.5em;
    }

  .youtube_btn {
    width: 15.95em;
  }

  .youtube_callouts {
    margin-bottom: 1.25em !important;
    padding: 1.25em;
    background-color: #ededed;
  }

  .youtube_callouts_player {
    width: 54%;
  }

    .youtube_callouts_player.right {
      margin-left: 15px;
    }

    .youtube_callouts_player.left {
      margin-right: 15px;
    }

  .youtube_callouts_callouts {
    width: 42%;
    float: left;
    margin: 0;
  }

  .youtube_callouts .youtube_sctn {
    margin: 0;
  }

  #content .youtube_callout p {
    font-size: 1em;
  }

  /* MEDIUM Hero */

  .callout_sctn {
    padding: 20px 0;
  }

  .acpt_pay_sctn {
    margin-top: 0;
    margin-bottom: 2em;
  }

  .enterprise_solutions .acpt_pay_sctn {
    margin-bottom: 1em;
  }

  #acpt_pay_ways li {
    width: 5.85em;
    height: 7.95em;
    list-style: none;
  }

  /* MEDIUM Content Drawer */

  .content_drawer_headline {
    font-size: 1.375em;
  }

  .content_drawer_content a {
    font-size: 1.2em;
    line-height: 1.2em;
  }

  /* MEDIUM Twitter side bar */

  .twitter_container .tweet {
    font-size: .8em;
  }

  /* MEDIUM Contact us Page */

  .contact_form .button {
    width: auto;
    font-size: 17.55px;
  }

  /* MEDIUM Gateway Login Page */

  #login_wrapper {
    margin-bottom: 0;
  }

  #sign_up_wrapper button {
    width: 65%;
    margin-top: 7px;
  }

  /* MEDIUM Accept payments web part */

  #acpt_pay_ways li h3 {
    font-size: .75em;
  }

  #acpt_pay_ways li p {
    font-size: .6em;
  }

  /* MEDIUM Results page */

  #SearchResult .ResultTitle {
    margin: .5em 0;
  }

    #SearchResult .ResultTitle a {
      text-decoration: none;
      color: #1F4D25;
      font-weight: 700;
      font-size: 1.6em;
    }

  /* MEDIUM Testimonials */

  .testimonial_list {
    display: block;
  }

  /* MEDIUM Resource List */

  .resource_list {
    display: block;
  }

  .resource_list_hdr {
    color: #2a5630;
    font-size: .75em;
    margin-bottom: 10px;
    font-weight: 700;
  }

  .icon_resource_doc {
    margin: 0 10px;
    background: url(images/icon_resource_doc.png) center no-repeat;
    width: 50px;
    height: 50px;
    float: left;
  }

  .icon_resource_video {
    margin: 0 10px;
    background: url(images/icon_resource_vid.png) center no-repeat;
    width: 50px;
    height: 50px;
    float: left;
  }

  .resource_list ul {
    list-style: none;
    margin: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
    display: inline-block;
    padding: 10px;
  }

    .resource_list ul li {
      margin-bottom: 10px;
      display: inline-block;
    }

      .resource_list ul li:last-child {
        margin-bottom: 0;
      }

      .resource_list ul li a {
        color: #51af33;
        font-size: .7em;
        line-height: 1em;
        text-decoration: underline;
        font-weight: 700;
        margin-top: .5em;
        width: 52%;
        float: left;
        line-height: 1.6em;
      }

  /* MEDIUM Side Menu Resource Document List */

  .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuLink.open {
    font-size: 1em;
    background: url(images/drawer_icon_small_open.png) no-repeat scroll right 10px center #51af33;
  }

  .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuLink {
    font-size: 1em;
    background: url(images/drawer_icon_small_closed.png) no-repeat scroll right 10px center #51af33;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: .7em 1em .8em .625em;
  }

  .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuLink, .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuHighlightedLI {
    font-size: 1em;
  }

  /* MEDIUM Side Menu Links Web Part */

  #side_menu_sctn {
    padding: 1.75em 0;
  }

  .side_menu_links {
    padding-bottom: 2em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ededed;
  }

  .side_menu_links_hdr {
    text-align: left;
    background: none;
    line-height: 1;
    top: 0;
    font-size: 1em;
    display: block;
    color: #295531;
    padding-bottom: .625em;
    margin-bottom: .75em;
    border-bottom: 2px solid #0472ad;
    font-weight: 700;
  }

    .side_menu_links_hdr a {
      color: #1f4d25;
    }

  .side_menu_links ul {
    font-size: 1em;
    border: none;
    list-style: none;
    margin: 0;
    overflow: visible;
    height: auto;
  }

    .side_menu_links ul li {
      display: block;
      font-size: .813em;
      color: #51af33;
      padding-bottom: 1em;
    }

      .side_menu_links ul li.CMSListMenuHighlightedLI {
        text-align: left;
        font-weight: 700;
        background: url(images/side_links_arrow.png) right .3em no-repeat;
      }

      .side_menu_links ul li a {
        color: #51af33;
      }

  .side_menu_links:hover .side_menu_links_hdr {
    display: block;
  }

  /* MEDIUM Side Bar Blog Drawers */

  .side_bar_blog_container h3 {
    cursor: pointer;
    background: #51af33;
    color: #fff;
    font-size: 1em;
    padding: .9em .5em;
    font-weight: 700;
    background: #51af33 url(images/drawer_icon_small_closed.png) right 10px center no-repeat;
  }

  .side_bar_blog_content a, .side_bar_blog_content li a {
    color: #2a5630;
    font-weight: 700;
    font-size: 1em;
  }

  .side_bar_blog_content select {
    height: 2.3125rem;
    font-size: .875em;
  }

  /* MEDIUM Search Results Web Part */

  .search_results_form .search_bar_alt, .search_results_form .search_button_alt, .search_results_container {
    margin-left: -1em;
  }

  .search_button_alt {
    cursor: pointer;
  }

  /* MEDIUM Pricing Web Part */

  .pricing_container {
    font-size: .6em;
    margin: 0;
    padding: 0;
    padding-bottom: 2em;
    margin-top: 2em;
  }

    .pricing_container div.alt {
      margin: .2em;
      height: 2.5em !important;
    }

    .pricing_container div.tier_wrap {
      padding: 0;
      margin: 0;
      border-bottom: 0;
      padding-bottom: .05em;
    }

    .pricing_container div.tab {
      background: #5abb57;
      color: #fff;
      padding: .7em 1em;
      margin: 3px;
    }

    .pricing_container div.cta_button {
      margin: 3em 0 0 0;
    }

    .pricing_container div.true {
      background-image: url(/App_Themes/ProPay/images/icon_checkmark.png);
      background-position: center center;
      background-repeat: no-repeat;
    }

    .pricing_container .label_container {
      float: left;
      width: 40%;
    }

      .pricing_container .label_container div.pricing-header {
        width: 237.5%;
        font-size: 1.2em;
        padding-left: .6em;
      }

    .pricing_container .tier_container {
      float: left;
      width: 57%;
    }

    .pricing_container .tier {
      margin-top: -3.4em;
    }

      .pricing_container .tier div {
        color: #166f12;
        font-weight: 700;
      }

    .pricing_container .label_container .div_group div {
      height: 2.4em;
    }

    .pricing_container .tier .div_group div {
      height: 2.4em;
    }

    .pricing_container .tier div.tiername {
      color: #fff;
      background: #6DCA00;
      height: 45px;
    }

    .pricing_container .tier:nth-child(2) div.tiername {
      background: #056AA4;
    }

    .pricing_container .tier:nth-child(3) div.tiername {
      background: #156615;
    }

    .pricing_container .tier:nth-child(4) div.tiername {
      background: #056AA4;
    }

    .pricing_container .tier div.pricing-header {
      padding: .63em;
    }

  .touch .pricing_container .tier div.pricing-header {
    padding: .8em;
  }

  .pricing_container .tier div.cost {
    font-weight: 700;
    color: #fff;
    font-size: 1.2em;
    margin: 0 .5em;
    position: absolute;
    z-index: 3;
    text-align: center;
    width: 14%;
  }

  .pricing_container.four .label_container {
    width: 30%;
  }

  .pricing_container.four .tier_container {
    float: left;
    width: 67%;
  }

  .pricing_container.four .tier {
    width: 23%;
  }

  .pricing_container.four .label_container div.pricing-header {
    width: 318.5%;
  }

  /* MEDIUM Rate Calculator */

  #calculator_container .label_col .fees, #calculator_container .label_col .annual {
    background: #c9d8e5;
    font-weight: 700;
    font-size: 1.25em;
    line-height: .8em;
  }

  #calculator_container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #calculator_container .calculator_main_tabs ul li {
    width: 25em;
    padding: 1em;
  }

  #calculator_container ul li.rate {
    background: #EDEDED;
  }

  #calculator_container .mobile_hide {
    display: inline;
  }

  #calculator_container .mobile_show {
    display: none;
  }

  #calculator_container .calculator_content .plan_col {
    border: 1px solid #999;
    float: right;
    margin-left: .75em;
    text-align: center;
    width: 9.5em;
  }

  #calculator_container .calculator_content .results .plan_col {
    float: left;
  }

  #calculator_container .plans {
    float: right;
    margin-top: -21.4em;
    width: 26.3em;
  }

  #calculator_container .calculator_content .plan_col li:after {
    clear: both;
  }

  #calculator_container .mobile_plan_col {
    display: none;
  }

  #calculator_container .plan_col {
    display: block;
  }

    #calculator_container .plan_col .fees, #calculator_container .plan_col .annual {
      padding-top: .9em;
      padding-bottom: .9em;
      margin-bottom: 0;
    }

    #calculator_container .plan_col .limits {
      padding-top: 1em;
      padding-bottom: 1em;
      margin-bottom: 0;
    }

    #calculator_container .plan_col .keyed, #calculator_container .plan_col .amex {
      padding-top: .25em;
      padding-bottom: .25em;
      margin-bottom: 1px;
    }

    #calculator_container .plan_col .swipe, #calculator_container .plan_col .transfer, #calculator_container .plan_col .discover {
      padding-top: .25em;
      padding-bottom: .25em;
      margin-bottom: 1px;
      background: #fff;
    }

    #calculator_container .plan_col .visa {
      padding-top: .75em;
      padding-bottom: .75em;
      margin-bottom: 1px;
    }

  #calculator_container .label_col li:not(.title):not(.annual):not(.fees):not(.limits) {
    border-bottom: solid 1px #999;
    width: 38%;
  }

  #calculator_container .label_col .limits {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  #calculator_container .label_col .swipe, #calculator_container .label_col .keyed, #calculator_container .label_col .transfer {
    padding-top: .25em;
    padding-bottom: .25em;
  }

  .calculator_form {
    width: 80%;
    margin-left: auto;
    margin-top: 1em;
  }

  .comparison .calculator_form {
    width: 85%;
  }

  .calculator_form li {
    width: 100%;
    display: inline;
    float: left;
  }

  .calculator_form .calculator_label {
    width: 60%;
  }

  .calculator_form .calculator_input {
    width: 40%;
  }

  #calculator_container .label_col .amex, #calculator_container .label_col .limits, #calculator_container .label_col .discover {
    min-height: inherit;
  }

  .comparison_selectors ul li {
    float: left;
    width: 47%;
  }

  #calculator_container .comparison_header {
    display: table-row;
    font-weight: 700;
    color: #fff;
  }

  #calculator_container .comparison_header, #calculator_container .comparison_data {
    display: table-row;
    float: none;
    text-align: left;
    padding: 0;
    border-right: none;
  }

    #calculator_container .comparison_header div, #calculator_container .comparison_data div {
      display: table-cell;
      border-bottom: 1px solid #000;
      border-right: 1px solid #000;
    }

  #calculator_container .comparison .comparison_table {
    border-bottom: none;
  }

  #calculator_container .comparison_data div:first-child {
    font-weight: 400;
    font-size: .75em;
  }

  #calculator_container .comparison_table .title {
    width: 20em;
  }

  .calculator_form button.calculate_rate, .calculator_form button.calculate_comparison {
    left: 23.4em;
    margin-bottom: 1em;
    width: 15.3em;
  }

  .calculator_form button.calculate_comparison {
    left: 24.8em;
    width: 16.3em;
  }

  .rate_result_buttons li button {
    background: #51af33;
    border-radius: .4em;
    font-size: 1em;
    width: 20em;
    margin-right: 1.5em;
  }

  .rate_result_buttons li {
    display: inline;
    float: left;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .rate_result_buttons:after {
    content: "";
    clear: both;
    display: block;
  }

  .comparison_table .total {
    background-color: #69f;
    color: #fff;
  }

  /* Safari 7 Hacks */

  .touch .Safari7 #calculator_container .plans {
    margin-top: -20.8em;
  }

  /* MEDIUM IE7 Hacks */

  .IE7 #ie7_alert {
    width: 100%;
    background: #FF9;
    border-bottom: 2px solid #ff0;
    padding-top: 1em;
    display: block;
  }

    .IE7 #ie7_alert .ie7_message {
      width: 100%;
      max-width: 62.5em;
      margin: 0 auto;
    }

    .IE7 #ie7_alert li {
      font-size: .75em;
    }

  /* MEDIUM IE8 Hacks */

  html.IE8, .IE8 body {
    font-size: 18px;
  }

  .IE8 p {
    font-size: 12px;
  }

  /* login/signup */

  .IE8 #login li .login, .IE8 #login li .signup {
    width: 100%;
  }

  .IE8 ul#login > li:first-child, .IE8 ul#login > li {
    width: 10em;
  }

    .IE8 ul#login > li:first-child {
      margin-right: 1em;
    }

  .IE8 #login LI:hover UL {
    height: 11.35em;
    margin-top: 1em;
    border-top: none;
  }

  .IE8 #login LI:hover BUTTON:first-child {
    padding-top: .9em;
    background: #fff;
    -webkit-filter: none;
    filter: none;
    height: auto;
  }

  .IE9 #login LI:hover BUTTON:first-child {
    background: #fff;
    -webkit-filter: none;
    filter: none;
  }

  .IE8 #login LI button {
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 0;
  }

  .IE8 #login li ul {
    top: 3em;
  }

  /* search */

  .IE8 input.search_bar, .IE8 input.search_bar:focus {
    left: -2em;
    width: 116%;
    height: 2.5em;
    font-size: .8em;
  }

  .IE8 input.search_button {
    margin-left: -7em;
  }

  /* main nav */

  .IE8 #main_navigation_list > li.hovactive:after {
    content: none;
  }

  .IE8 #main_navigation_list li ul {
    width: 100%;
    margin-left: -.09em;
    margin-top: 2.4em;
    font-size: 12px;
  }

    .IE8 #main_navigation_list li ul li {
      width: 102%;
      font-size: 12px;
      border-left-width: .2em;
      border-right-width: .2em;
    }

  .IE8 #main_navigation_list li.hovactive ul li:first-child {
    border-top: none;
  }

  .IE8 #main_navigation_list > li.hovactive {
    height: 2em;
    padding-left: .8em;
    padding-right: 1.4em;
  }

  /* hero */

  .IE8 .button.alt.large {
    line-height: 3em;
  }

    .IE8 .button.alt.large:after {
      width: 3.4em;
      height: 3.4em;
    }

  .IE8 .signup_form_sub_sctn .signup_form_sub {
    width: 48%;
    border-right: none;
  }

  .IE8 .signup_form_sub_sctn {
    width: 102%;
  }

  /* login */

  .IE8 #login {
    width: 25%;
  }

    .IE8 #login li ul {
      margin-top: .9em;
    }

    .IE8 #login > li:hover:after {
      content: none;
    }

  .IE8 #top_bar .top-bar-section .top-bar li.has-dropdown:hover a.top_level {
    border-bottom: none;
  }

  .IE8 #login li:hover ul li {
    height: auto;
  }

    .IE8 #login li:hover ul li button {
      width: 100%;
    }

  .IE8 #login li:hover ul {
    height: 18.88em;
  }

  .IE8 #login li:first-child:hover ul {
    height: 11.35em;
  }

  /* contact us */

  .IE8 label {
    font-size: .875em;
  }

  .IE8 .button {
    padding-right: 3em;
  }

  .IE8 .customSelectInner {
    background: url(images/select_arrow.png) right center no-repeat;
    width: 100% !important;
  }

  .IE8 .hasCustomSelect {
    width: 94% !important;
  }

  /* drawers */

  .IE8 .content_drawer_headline {
    background: #51AF33;
    margin-bottom: 1em;
  }

  .IE8 .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuLink {
    background: #51AF33;
    font-size: 1.5em;
  }

  .IE8 .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuLink {
    font-size: 1.4em;
  }

  /* top banner */

  .IE8 .top_banner_container {
    width: 100%;
  }

  .IE8 #top_banner_container H1 {
    font-size: 30px;
  }

  .IE8 .top_banner_image_container {
    width: 30%;
  }

  .IE8 .top_banner_content {
    width: 65%;
  }
}

/* min-width 641px, medium screens */
/* Medium-Small screens 745px */

@media only screen and (max-width: 750px) {
  #calculator_container .calculator_content .results .plan_col {
    width: 100%;
    margin-left: 0;
  }

    #calculator_container .calculator_content .results .plan_col .title {
      width: 7%;
    }

  .button.sign-up {
    margin-right: 30px;
  }
}

/* min-width 768px, ipad portrait */

@media only screen and (min-width: 768px) {

  .calculator_form button.calculate_rate {
    left: 20em;
    width: 13.5em;
  }

  .calculator_form button.calculate_comparison {
    left: 21.4em;
    width: 14.1em;
  }

  .calculator_input .contact_us_err_container {
    font-size: .9em;
  }

  #calculator_container .calculator_content .results .plan_col {
    width: 14.8em;
  }

  #content.blog {
    padding-left: 1.25em;
  }

  #side_menu_sctn {
    padding-left: .625em;
    padding-right: 0;
  }

    #side_menu_sctn:last-child {
      padding-right: 1.25em;
      padding-left: 0;
    }
}

/* =============================================================================================================== */
/* Large screens, 1000px */
@media only screen and (min-width: 64.063em) {
  /* LARGE Buttons */
  .button {
    padding-right: 3em;
  }

    .button.large:after, .button.dark.large:after, .button.alt.large:after {
      right: 1em;
      height: 2em;
      width: 2em;
    }

  /* LARGE Header */
  #main_nav {
    margin-left: -.8em;
  }

  #main_navigation_list {
    font-size: 1em;
  }

    #main_navigation_list li.hovactive ul {
      top: -.1em;
    }

    #main_navigation_list > li {
      padding-right: 1.49em;
    }

      #main_navigation_list > li:hover {
        padding-right: 1.42em;
      }

  .Gecko #main_navigation_list > li.hovactive, .IE #main_navigation_list > li.hovactive {
    padding-right: 1.4em;
  }

  .webgl .Gecko #main_navigation_list > li.hovactive {
    padding-right: 1.4em;
    padding-left: .84em;
  }

    /* FF Only */
    .webgl .Gecko #main_navigation_list > li.hovactive:first-child {
      padding-right: 1.405em;
    }

  /* FF Only */
  #main_navigation_list li ul {
    left: -1.16em;
    margin-top: 3em;
  }

  #main_navigation_list > li.CMSListMenuLIlast.hovactive a {
    left: -.04em;
  }

  .IE #main_navigation_list li.hovactive ul, .Gecko #main_navigation_list li.hovactive ul {
    left: -.33em;
  }

  .webgl .Gecko #main_navigation_list li.hovactive ul {
    left: -.29em;
  }

  /* FF Only */
  .enterprise #main_navigation_list > li:hover {
    padding-right: .8em;
  }

  .enterprise #main_navigation_list > li a:hover {
    color: #000;
  }

  .enterprise #main_navigation_list > li, .enterprise #main_navigation_list .subCMSListMenuLink {
    font-size: .8em;
  }

  .enterprise #main_navigation_list .CMSListMenuLI:first-child {
    font-size: .8em;
    background: url(/App_Themes/ProPay/images/icon_arrowdown.png) 96% .5em no-repeat;
  }

  .enterprise #main_navigation_list .subCMSListMenuUL {
    z-index: 90;
    margin-top: 2.4em;
  }

  #header .top-bar, #header .top-bar li, #header .top-bar a {
    margin-top: 1em;
    left: -.3em;
  }

  ul#login > li {
    width: 7.5em;
  }

  /* LARGE Signup Form */

  .signup_sctn, .hero_form_sctn {
    float: left;
    left: 45%;
  }

  /* LARGE Pricing Web Part */

  .pricing_container {
    font-size: .8em;
  }

    .pricing_container div.true {
      background-image: url(/App_Themes/ProPay/images/icon_checkmark_large.png);
    }

    .pricing_container .tier {
      margin-top: -3.1em;
    }

  /* LARGE Rate Calculator */

  .calculator_form button.calculate_rate {
    left: 23.3em;
    width: 15.4em;
  }

  .calculator_form button.calculate_comparison {
    left: 24.7em;
    width: 16.3em;
  }
}

/* min-width 1000px, large screens */

@media only screen and (min-width: 64.063em) {
  /* GLOBAL */
  html, body {
    font-family: 'Droid Sans', sans-serif;
    font-size: 16px;
  }

  .full-width {
    width: 100%;
    max-width: 100%;
  }

  .clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }
}

/**
 * New Web Parts
 */

.v2 a {
  transition: background-color .15s, border-color .15s, color .15s, opacity .15s;
}

/* rows */

h1, h2, h3 {
  font-family: 'Raleway', sans-serif;
}

.row-holder {
  background-size: cover;
}

.row-holder--dark,
.row-holder--dark h1,
.row-holder--dark h2,
.row-holder--dark h3,
.row-holder--dark h4 {
  font-family: 'Raleway', sans-serif;
  color: #fff;
}

@media only screen and (min-width: 40.0625em) { /* 64.0625em is large */
  .v2 .row-holder--gutters-none .column,
  .v2 .row-holder--gutters-none .columns {
    padding-right: 0;
    padding-left: 0;
  }

  .v2 .row-holder--gutters-tight .column,
  .v2 .row-holder--gutters-tight .columns {
    padding-right: 12.5px;
    padding-left: 12.5px;
  }

  .v2 .row-holder--gutters-normal .column,
  .v2 .row-holder--gutters-normal .columns {
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media only screen and (max-width: 40em) {
  .v2 .row-holder--gutters-tight .column:not(:first-of-type):not(.small-6),
  .v2 .row-holder--gutters-tight .columns:not(:first-of-type):not(.small-6) {
    margin-top: 25px;
  }

  .v2 .row-holder--gutters-normal .column:not(:first-of-type):not(.small-6),
  .v2 .row-holder--gutters-normal .columns:not(:first-of-type):not(.small-6) {
    margin-top: 37.5px;
  }

  .v2 .row-holder--gutters-tight .column.small-6:nth-of-type(n+3),
  .v2 .row-holder--gutters-tight .columns.small-6:nth-of-type(n+3) {
    margin-top: 25px;
  }
}

.v2 .row {
  clear: both;
}

.v2 .row--wide {
  max-width: 1100px; /* extra 50px on each side */
}

/* buttons */

.button,
.button:hover,
.button:focus {
  background: none;
  background-color: #444;
  border: 2px solid transparent;
  border-radius: 2px;
  box-shadow: none;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  height: auto;
  line-height: 1.414;
  padding: 6px 24px;
  text-shadow: none;
  transition: background-color .2s, border-color .2s, color .2s, opacity .2s;
}

  .button:after {
    display: none;
  }

  .button:hover,
  .button:focus {
    background-color: #252525; /* #444 darken 12% */
  }

.button--large,
.button--large:hover,
.button--large:focus {
  font-size: 16px;
  padding: 10px 32px;
}

.button--green {
  background-color: #51af33; /* ProPay green */
}

  .button--green:hover,
  .button--green:focus {
    background-color: #329014; /* ProPay green - darken 12% */
  }

.button--blue {
  background-color: #0572ae; /* ProPay blue */
}

  .button--blue:hover,
  .button--blue:focus {
    background-color: #00538f; /* ProPay blue - darken 12% */
  }

.button--white,
.button--white:hover,
.button--white:focus {
  background-color: transparent;
  border-color: #fff;
}

.button--green-trans,
.button--green-trans:hover,
.button--green-trans:focus {
  background-color: transparent;
  border-color: #51af33;
  color: #51af33;
}

.button--light-gray {
  background-color: #ddd;
  color: #51af33;
}

  .button--light-gray:hover,
  .button--light-gray:focus {
    background-color: #ccc;
    color: #329014; /* ProPay green - darken 12% */
  }

/* column content */

.v2 .column-content {
  background-size: cover;
  font-size: 14px;
}

.v2 a.column-content {
  color: inherit;
  display: block;
}

.v2 .column-content > * { /* remove margins for all direct descendants (we want to set them) */
  margin-top: 0;
  margin-bottom: 0;
}

  .v2 .column-content > *:not(:first-child) {
    margin-top: 20px;
  }

.column-content h1,
.column-content h2,
.column-content h3,
.column-content h4 {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}

.column-content h1,
.column-content h2 {
  line-height: 1.333;
  font-family: 'Raleway', sans-serif;
}

.column-content h1 {
  font-size: 46px;
  font-family: 'Raleway', sans-serif;
}

@media only screen and (max-width: 40em) {
  .column-content h1 {
    font-size: 34px;
    font-family: 'Raleway', sans-serif;
  }
}

.column-content h2 {
  font-size: 30px;
  font-family: 'Raleway', sans-serif;
}

@media only screen and (max-width: 40em) {
  .column-content h2 {
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
  }
}

.column-content h3,
.column-content h4 {
  line-height: 1.414;
  font-family: 'Raleway', sans-serif;
}

.column-content h3 {
  font-size: 22px;
  font-family: 'Raleway', sans-serif;
}

.column-content h4 {
  font-size: 18px;
  font-family: 'Raleway', sans-serif;
}

.column-content p {
  font-family: 'Droid Sans', sans-serif;
  font-size: 16px;
  line-height: 1.414;
}

.column-content > p:not(:first-child) {
  margin-top: 12px;
}

/* hover image */

.v2 .hover-image {
  background-size: cover;
  padding: 37.5px 25px;
  position: relative;
  transition: padding .4s;
  height: 100%;
}

@media only screen and (max-width: 40em) {
  .v2 .hover-image {
    padding: 37.5px 25px !important; /* override JS-applied styles */
  }
}

.v2 .hover-image--dark,
.v2 .hover-image--dark h4 {
  color: #fff;
}

.v2 .hover-image--light {
  color: #3e3d3d; /* ProPay gray */
}

  .v2 .hover-image--light h4 {
    color: #51af33; /* ProPay green */
  }

.v2 .hover-image:before,
.v2 .hover-image > * {
  opacity: 0;
  transition: opacity .4s;
}

.v2 .hover-image > .button {
  transition: background-color .2s, border-color .2s, color .2s, opacity .4s;
}

@media only screen and (max-width: 64em) {
  .v2 .hover-image:before,
  .v2 .hover-image > * {
    opacity: 1; /* always show hover image content on mobile/tablet */
  }
}

.v2 .hover-image:before {
  background-color: rgba(0, 0, 0, .6667);
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}

.v2 .hover-image--dark:before {
  background-color: rgba(0, 0, 0, .6667);
}

.v2 .hover-image--light:before {
  background-color: #fff;
}

.v2 .hover-image > * {
  position: relative;
  z-index: 200;
}

.v2 .hover-image:hover:before,
.v2 .hover-image:focus:before,
.v2 .hover-image:hover > *,
.v2 .hover-image:focus > * {
  opacity: 1;
}

.v2 .hover-image-subtext {
  color: #51af33; /* ProPay green */
  font-weight: 700;
  text-align: center;
}

  .v2 .hover-image-subtext:empty {
    display: none; /* don't show empty paragraphs */
  }

/* header (desktop) */

.header {
  background-color: #fff;
  border-bottom: 3px solid #51af33; /* ProPay green */
  height: 83px; /* 80px, plus 3px for the border */
  left: 0;
  padding: 12.5px;
  position: fixed;
  top: 0;
  transition: background-color .4s, border-color .4s;
  width: 100%;
  z-index: 300;
}

.PagePlaceholder {
  position: relative;
  z-index: 400; /* show Kentico editor above our header */
}

.header--trans {
  background-color: transparent;
  border-color: #fff;
}

.header > .row {
  min-height: 55px; /* height of logo */
  padding-left: 139.797px; /* logo width + 37.5px */
  position: relative;
}

.header-logo {
  display: block;
  height: 55px;
  left: 0;
  position: absolute;
  top: 0;
}

  .header-logo > img {
    display: block;
    max-height: 100%;
    transition: filter .4s;
  }

img.secondary-logo {
  max-height: 60px;
  top: 0;
  position: absolute;
  max-width: calc(100% - 150px);
}

.header--trans .header-logo > img {
  /*-webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);*/
}

.header-nav {
  list-style: none;
  margin: 8px 0 0; /* top margin to center nav in header */
  padding: 0;
  width: 100%;
}

  .header-nav > li {
    float: left;
    margin-right: 25px;
    position: relative;
  }

  .header-nav > .header-nav-button {
    float: right;
    margin-left: 11px;
    margin-right: 0;
  }

    .header-nav > .header-nav-button > .button--green-trans {
      transition: border-color .4s, color .4s;
    }

.header--trans .header-nav > .header-nav-button > .button--green-trans {
  border-color: #fff;
  color: #fff;
}

.header-nav > li > a:not(.button) {
  color: #51af33; /* ProPay green */
  display: inline-block;
  font-size: 15px;
  line-height: 37px; /* match button height */
  transition: color .4s;
}

.header--trans .header-nav > li > a:not(.button) {
  color: #fff;
}

.header-nav > .has-subnav > a:after {
  content: "\f078"; /* font awesome content for chevron-down icon */
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: .8em;
  margin-left: .5em;
  position: relative;
  text-rendering: auto;
  top: -.05em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header-nav > .has-subnav.is-open > a:after {
  content: "\f077"; /* font awesome content for chevron-up icon */
}

.header-nav-sub {
  background-color: #222729;
  border-bottom: 3px solid rgba(0, 0, 0, .1);
  border-top: 3px solid #fff;
  display: none;
  left: 0;
  list-style: none;
  margin: 25px 0 0; /* position subnav below nav border */
  padding: 3px 0;
  position: absolute;
  top: 100%;
  transition: border-color .4s;
  width: 250px;
}

.has-subnav.is-open > .header-nav-sub {
  display: block;
}

.header--trans .header-nav-sub {
  border-top-color: #51af33;
}

.header-nav-sub > li > a {
  color: #929292;
  display: block;
  padding: 7.5px 12.5px;
  font-size: 14px;
}

  .header-nav-sub > li > a:hover,
  .header-nav-sub > li > a:focus {
    background-color: rgba(0, 0, 0, .25);
    color: #fff;
  }

/* header (mobile/tablet) */

.header-toggle {
  color: #51af33;
  display: block;
  font-size: 28px;
  padding: 12.5px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 12.5px;
}

.header--trans .header-toggle {
  color: #fff;
}

.header-toggle:before {
  content: "\f0c9"; /* font awesome content for bars icon */
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header.is-open .header-toggle:before {
  content: "\f00d"; /* font awesome content for times icon */
}

@media only screen and (max-width: 64em) {
  .header {
    padding: 0;
    position: absolute;
  }

  .header-logo {
    left: 12.5px;
    top: 12.5px;
  }

  img.secondary-logo {
    top: 12px;
  }

  .header-nav {
    background-color: #222729;
    display: none;
    left: 0;
    margin-top: 0;
    padding: 12.5px;
    position: absolute;
    top: 83px;
  }

  .header.is-open .header-nav {
    display: block;
  }

  .header-nav > li {
    float: none;
    margin-right: 0;
  }

    .header-nav > li > a:not(.button) {
      display: block; /* take up full container width */
      font-size: 16px;
      padding: 2.5px 12.5px;
    }

  .header-nav > .has-subnav > a:after {
    margin-left: 0;
    position: absolute;
    right: 0;
    top: 12.5px;
  }

  .header-nav > .header-nav-button {
    float: none;
    margin-left: 0;
    text-align: center;
  }

  .header-nav > .header-nav-button--first {
    border-top: 3px solid rgba(0, 0, 0, .25);
    margin-top: 12.5px;
    padding-top: 25px;
  }

  .header-nav > .header-nav-button > .button {
    display: inline-block;
    margin-bottom: 17.5px;
    max-width: 100%;
    width: 320px;
  }

  .header-nav-sub {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
    width: auto;
    min-width: 0;
    padding: 5px 0;
    position: relative;
    top: 0;
  }

    .header-nav-sub > li > a {
      padding: 10px 12.5px;
    }
}

/* banner */

.banner--large {
  padding-top: 187.5px !important;
  padding-bottom: 125px !important;
}

@media only screen and (max-width: 40em) {
  .banner--large {
    padding-top: 125px !important;
    padding-bottom: 70px !important;
  }
}

.banner--medium {
  padding-top: 140px !important;
  padding-bottom: 80px !important;
}

@media only screen and (max-width: 40em) {
  .banner--medium {
    padding-top: 115px !important;
    padding-bottom: 55px !important;
  }
}

/* New footer styles*/

/* override weird styles... oO */
.v2 .content_container {
  float: none;
}

.footer {
  background: #242424;
  color: #686b6a;
  font-size: .8em;
  line-height: 1.25em;
  padding-bottom: 25px;
  font-family: 'Droid Sans', sans-serif;
}

.partial-footer {
  padding: 25px 0;
}

.footer_nav {
  background: #333131;
  margin-bottom: 30px;
}

#footer_navigation_list {
  line-height: 1em;
  margin: 0;
}

  #footer_navigation_list > li {
    text-decoration: none;
    list-style: none;
    display: inline-block;
    margin: 30px 20px 28px 0;
    font-family: 'Droid Sans', sans-serif;
  }

  #footer_navigation_list li a {
    color: #FFF;
    font-size: .85em;
    font-weight: bold;
  }

    #footer_navigation_list li a:hover {
      color: #51af33;
    }

  #footer_navigation_list > li > .CMSListMenuLinkHighlighted {
    font-size: .85em;
  }

.social_bar {
  margin: 20px 0;
}

  .social_bar a {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin: 0;
  }

.facebook {
  background: url(/App_Themes/ProPay/images/social_icons_Facebook.png);
}

.twitter {
  background: url(/App_Themes/ProPay/images/social_icons_Twitter.png);
}

.instagram {
  background: url(/App_Themes/ProPay/images/social_icons_Instagram.png);
}

.linkedin {
  background: url(/App_Themes/ProPay/images/social_icons_LinkedIn.png);
}

.pinterest {
  background: url(/App_Themes/ProPay/images/social_icons_Pinterest.png);
}

.youtube {
  background: url(/App_Themes/ProPay/images/social_icons_YouTube.png);
}

.facebook:hover {
  background: url(/App_Themes/ProPay/images/social_icons_Facebook_hover.png);
}

.twitter:hover {
  background: url(/App_Themes/ProPay/images/social_icons_Twitter_hover.png);
}

.instagram:hover {
  background: url(/App_Themes/ProPay/images/social_icons_Instagram_hover.png);
}

.linkedin:hover {
  background: url(/App_Themes/ProPay/images/social_icons_LinkedIn_hover.png);
}

.pinterest:hover {
  background: url(/App_Themes/ProPay/images/social_icons_Pinterest_hover.png);
}

.youtube:hover {
  background: url(/App_Themes/ProPay/images/social_icons_YouTube_hover.png);
}

.langDropDown-wrapper {
  width: 128px;
  background: url(/App_Themes/ProPay/images/lang_arrow.png) no-repeat 90% 45%;
  background-size: 12px;
}

#langDropDown {
  color: #686b6a;
  width: 128px;
  background: transparent;
  border: none;
  line-height: 1.2em;
  font-size: 1em;
}

  #langDropDown option {
    background: #242424;
  }

  #langDropDown:focus {
    border: none;
  }

  #langDropDown:active {
    border: none;
  }

@media only screen and (max-width: 64em) {
  .social_bar a {
    width: 28px;
    height: 28px;
    background-size: 28px;
  }

    .social_bar a:hover {
      width: 28px;
      height: 28px;
      background-size: 28px;
    }
}

@media only screen and (max-width: 1026px) {
  .footer-wrap {
    clear: both;
  }

  .footer-nav-column {
    width: 100%;
  }

  .social_bar {
    margin: 0 0 20px 0;
  }

  .v2 .partial-footer .social_bar {
    margin: 20px 0;
  }
}

@media only screen and (max-width: 690px) {
  .footer {
    font-size: .95em;
  }

    .footer:not(.partial-footer) {
      height: 487px;
    }

  #footer_navigation_list {
    margin-top: 10px;
  }

    #footer_navigation_list > li {
      width: 100%;
      margin: 10px 0 10px 15px;
    }

      #footer_navigation_list > li > a {
        font-size: 12.5px;
      }

      #footer_navigation_list > li > .CMSListMenuLinkHighlighted {
        font-size: 1.25em;
      }

  .social_bar {
    margin: 15px 0 20px 0;
    text-align: center;
  }

    .social_bar a {
      width: 30px;
      height: 30px;
      background-size: 30px;
      margin: 0 7px;
    }

      .social_bar a:hover {
        width: 30px;
        height: 30px;
        background-size: 30px;
      }

  #disclaimer {
    margin: 0 10px 10px 15px;
  }

  .langDropDown-wrapper {
    margin: 10px 0 0 0;
  }

  #langDropDown {
    line-height: 1em;
    font-size: 1.2em;
  }
}

/**
 * New table styles
 */

table tr.odd {
  background-color: transparent;
}

table tr.even {
  background-color: #F9F9F9;
}

.table-holder {
  margin-bottom: 25px;
}

.table-holder-desc {
  font-size: 12px;
  font-weight: 700;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  text-align: right;
}

@media only screen and (max-width: 64em) {
  .table-holder {
    margin-top: 0;
    max-width: 100%;
    overflow-x: scroll;
  }
}

.table {
  margin-top: 0;
  margin-bottom: 0;
  min-width: 550px;
  width: 100%;
}

  .table > thead > tr > th,
  .table > tbody > tr > td {
    line-height: 18px;
    padding: 9px 10px;
    text-align: center;
  }

  .table > thead > tr > th {
    color: #fff;
    font-size: 15px;
    padding-top: 12.5px;
    padding-bottom: 12.5px;
    text-align: center;
  }

.table--alt > thead > tr > th {
  background-color: #69c800;
}

.table > thead > tr > th > small {
  display: block;
  font-size: .7em;
  text-transform: uppercase;
}

.table > tbody > .heading-row {
  background-color: #c9d8e5; /* light blue */
}

.table > tbody > .heading-row--results {
  background-color: #0572ae; /* ProPay blue */
}

.table > tbody > .heading-row--results-alt {
  opacity: .75;
}

.table > tbody > .heading-row > td {
  font-size: 14px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
}

.table > tbody > .heading-row--results > td {
  color: #fff;
}

.table > tbody > tr > td:first-of-type {
  text-align: left;
}

.table > tbody > tr > td {
  font-size: 13px;
}

/* table user input */

.table-input {
  font-size: 13px;
}

  .table-input > .row:not(:last-of-type) {
    margin-bottom: 12.5px;
  }

@media only screen and (max-width: 40em) {
  .table-input .mobile-row:not(:last-of-type) {
    margin-bottom: 12.5px;
  }

  .table-input label {
    font-weight: 700;
  }

    .table-input label.right {
      text-align: left;
    }
}

.table-input .button {
  display: block;
  margin-top: 7.5px;
  margin-bottom: 0;
  width: 100%;
}

/* table results */

.table-results > h3 {
  color: #1f4d25;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.table-results > p {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0;
}

.table-results-actions {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}

  .table-results-actions > li {
    float: left;
  }

@media only screen and (max-width: 40em) {
  .table-results-actions > li {
    float: none;
  }
}

.table-results-actions > li:not(:last-of-type) {
  margin-right: 12.5px;
}

.table-results-actions > li > .button {
  margin-bottom: 0;
}

@media only screen and (max-width: 40em) {
  .table-results-actions > li:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 12.5px;
  }

  .table-results-actions > li > .button {
    display: block;
    float: none;
    width: 100%;
  }
}

/**
 * New form styles
 */

.form label {
  font-size: 1em;
  line-height: 30px;
  margin: 0;
  padding: 0;
}

.form input[type="text"],
.form input[type="radio"],
.form select,
.form .prefix {
  font-size: 1em;
  line-height: 28px; /* 30px if you include the border */
}

.form input[type="text"],
.form select,
.form .prefix {
  height: 30px;
}

.form input[type="text"],
.form input[type="radio"],
.form select {
  margin: 0;
  padding: 0 6px;
}

.form input[type="radio"] {
  position: relative;
  top: 1px;
}

.form .columns {
  margin-top: 0 !important;
}

#viewBiz .FormButton {
  display: block;
  background: none;
  background-color: #51af33;
  border: 2px solid transparent;
  border-radius: 2px;
  box-shadow: none;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  height: auto;
  line-height: 1.414;
  padding: 6px 24px;
  text-shadow: none;
  transition: background-color .2s, border-color .2s, color .2s, opacity .2s;
}

  #viewBiz .FormButton:hover,
  #viewBiz .FormButton:focus {
    background-color: #329014; /* ProPay green - darken 12% */
  }

.Error > input {
  border-color: #990000;
}

.EditingFormErrorLabel {
  color: #990000;
}

.ErrorLabel {
  display: none;
}

#overlay-form .lightbox {
  margin: 25px auto;
  width: 60%;
  height: calc(75% - 45px);
  
}

.iframe-container {
  -webkit-overflow-scrolling: touch !important;
  overflow-y: scroll !important;
  height: 100%;
  sc
}

.gated-form {
  padding: 25px;
}

@media (max-width: 640px) {
  #overlay-form .lightbox {
    margin: 25px auto;
    width: 83%;
    height: calc(95% - 45px);
  }
}

/**
 * Foundation tabs
 */

@media only screen and (max-width: 40em) {
  .tabs dd,
  .tabs .tab-title {
    float: none;
    margin-bottom: 5px !important;
    text-align: center;
  }

    .tabs dd > a,
    .tabs .tab-title > a {
      border: 1px solid transparent;
    }

    .tabs dd:not(.active) > a,
    .tabs .tab-title:not(.active) > a {
      opacity: .75;
    }

    .tabs dd.active > a,
    .tabs .tab-title.active > a {
      border-color: rgba(0, 0, 0, .1);
    }
}

.tabs dd > a,
.tabs .tab-title > a {
  font-weight: 700;
  outline: none !important;
}

.tabs dd:nth-of-type(odd) > a,
.tabs .tab-title:nth-of-type(odd) > a,
.tabs dd.active:nth-of-type(odd) > a,
.tabs .tab-title.active:nth-of-type(odd) > a {
  background-color: #f0f0f0;
}

.tabs dd:nth-of-type(even) > a,
.tabs .tab-title:nth-of-type(even) > a,
.tabs dd.active:nth-of-type(even) > a,
.tabs .tab-title.active:nth-of-type(even) > a {
  background-color: rgba(201, 216, 229, .6); /* light blue, 40% opaque */
}

.tabs dd:not(.active) > a,
.tabs .tab-title:not(.active) > a {
  color: #777;
}

.tabs dd.active > a,
.tabs .tab-title.active > a {
  color: #222;
  cursor: default;
}

.tabs-content > .content {
  padding: 25px;
}

  .tabs-content > .content:nth-of-type(odd) {
    background-color: #f0f0f0;
  }

  .tabs-content > .content:nth-of-type(even) {
    background-color: rgba(201, 216, 229, .6); /* light blue, 40% opaque */
  }

.pricing-container-icon .false {
  min-width: 0;
}

.pricing-container-icon .true {
  min-width: 10px;
}

.price-hidden-true {
  display: none;
}

.pricing_container .tier div.tiername {
  height: 50px;
  margin-bottom: -2px;
}

@media only screen and (max-width: 64.063em) {
  .pricing_container .tier div.tiername {
    height: 40px;
    padding: 1em;
    line-height: 14px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 40.063em) {
  .pricing_container .tier div.tiername {
    height: 49px;
    margin-bottom: 9px;
  }

  .pricing-header {
    height: 35px;
  }

  .pricing_container .label_container div.pricing-header {
    width: 181.5%;
  }

  .button.sign-up {
    margin-top: 25px;
    width: 100%;
    float: right;
    margin-right: 0;
  }
}

.iframe-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
  height: 100%;
  background: rgba(0,0,0,.85);
  margin: 0 !important;
}

.lightbox {
  margin: 25px auto;
  width: 90%;
  height: calc(100% - 45px);
}

  .lightbox.youtube {
    width: 650px;
    height: 475px;
    transform: translateY(25%);
  }

.lightbox-close {
  position: fixed;
  right: 3%;
  top: 10px;
  font-size: 22px;
  cursor: pointer;
}

.lightbox.youtube > .lightbox-close {
  position: fixed;
  right: -25px;
  top: -25px;
  font-size: 22px;
}

.round {
  border: 2px solid #FFF;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  padding: 20px 0 0 7px;
  display: inline-block;
  margin-bottom: 15px;
  font-size: 32px;
}

.iframe-btn.button.button--large-play {
  background: transparent;
  font-size: 24px;
  text-align: center;
  font-weight: normal;
}

@media only screen and (max-width: 750px) {
  .lightbox.youtube {
    width: 420px;
    height: 236px;
    top: 50%;
    transform: translateY(50%);
  }

    .lightbox.youtube > .lightbox-close {
      position: fixed;
      right: -25px;
      top: -25px;
      font-size: 22px;
    }
}


@media only screen and (max-width: 550px) {
  .lightbox.youtube {
    width: 320px;
    height: 180px;
    top: 0;
    transform: none;
    margin: 50px auto;
  }

    .lightbox.youtube > .lightbox-close {
      position: fixed;
      right: 3%;
      top: 10px;
      font-size: 22px;
    }
}