@charset "UTF-8";
/**
 ** This file only contains common mixins and variable definitions, such as colors or sizes of various elements.
 ** It is meant to be @import -ed by other .scss files and is not to be used directly.
 **/
/**
 **  Config variables
 **/
/**
 **  Utility stuff (mixins)
 **/
/*
$v is either top or bottom; $h is either left or right.
This is because CSS3 standard as well as Webkit wants e.g. -top-left- while Mozilla wants -topleft-
*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1; }

/* fonts */
@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("font/proximanovabold.eot");
  src: url("font/proximanovabold.eot?#iefix") format("embedded-opentype"), url("font/proximanovabold.woff") format("woff"), url("font/proximanovabold.ttf") format("truetype"), url("font/proximanovabold.svg#proximanovabold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNovaCond-Semibold';
  src: url("font/proximanovacondsemibold.eot");
  src: url("font/proximanovacondsemibold.eot?#iefix") format("embedded-opentype"), url("font/proximanovacondsemibold.woff") format("woff"), url("font/proximanovacondsemibold.ttf") format("truetype"), url("font/proximanovacondsemibold.svg#proximanovacondsemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url("font/proximanovasemibold.eot");
  src: url("font/proximanovasemibold.eot?#iefix") format("embedded-opentype"), url("font/proximanovasemibold.woff") format("woff"), url("font/proximanovasemibold.ttf") format("truetype"), url("font/proximanovasemibold.svg#proximanovasemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNova-Light';
  src: url("font/proximanovalight.eot");
  src: url("font/proximanovalight.eot?#iefix") format("embedded-opentype"), url("font/proximanovalight.woff") format("woff"), url("font/proximanovalight.ttf") format("truetype"), url("font/proximanovalight.svg#proximanovalight") format("svg");
  font-weight: normal;
  font-style: normal; }
/* hide zopim chat bubble */
.meshim_components_FirstUse {
  display: none !important; }

/* global */
body {
  background: url("images/pro_sales/bg-pattern.png") repeat;
  overflow-x: hidden; }

#main-content {
  float: left;
  width: 100%;
  background: url("images/pro_sales/full-body-bg.png") repeat-x;
  border-top: 1px solid #555e67;
  height: 1000px; }

#white-content {
  float: left;
  width: 100%;
  margin-top: -20px;
  padding: 20px 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  background: white;
  margin-bottom: 50px; }

.blog {
  padding: 0 !important; }

.container {
  width: 1025px;
  margin: 0 auto; }

.container.small {
  width: 1000px; }

.container.title {
  width: 985px; }

.no-margin {
  margin-right: 0 !important; }

ul {
  margin: 0; }

/* main menu */
#main-menu {
  float: left;
  width: 100%;
  height: 66px;
  background: #3e3e3e;
  background: -moz-linear-gradient(top, #3e3e3e 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3e3e), color-stop(100%, black));
  background: -webkit-linear-gradient(top, #3e3e3e 0%, black 100%);
  background: -o-linear-gradient(top, #3e3e3e 0%, black 100%);
  background: -ms-linear-gradient(top, #3e3e3e 0%, black 100%);
  background: linear-gradient(to bottom, #3e3e3e 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#000000',GradientType=0 );
  moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.65); }

#gateme-logo {
  float: left;
  background: url("images/pro_sales/logos/gateme-pro-logo.png") no-repeat;
  width: 197px;
  height: 54px;
  margin-top: 8px; }

#menu {
  float: right;
  list-style: none;
  height: 66px;
  overflow: hidden; }

#menu li {
  float: left; }

#menu li a {
  float: left;
  font-size: 16px;
  padding: 22px 15px 26px 15px;
  color: #c5d9e3;
  text-decoration: none;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  transition: background .2s;
  -moz-transition: background .2s;
  -webkit-transition: background .2s;
  -o-transition: background .2s; }

body.landing #menu li.menu-landing a,
body.features #menu li.menu-features a,
body.pricing #menu li.menu-pricing a,
body.about #menu li.menu-about a,
body.customers #menu li.menu-customers a,
body.jobs #menu li.menu-jobs a,
#menu li a:hover {
  background: rgba(198, 218, 227, 0.12);
  transition: background .2s;
  -moz-transition: background .2s;
  -webkit-transition: background .2s;
  -o-transition: background .2s; }

#menu li#log-in {
  margin-left: 15px; }

#menu li#log-in a {
  margin-top: 17px;
  padding: 4px 13px 5px 13px;
  text-transform: uppercase;
  border-radius: 5px;
  background: #d0e3ea;
  background: -moz-linear-gradient(top, #d0e3ea 0%, #92a8b3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0e3ea), color-stop(100%, #92a8b3));
  background: -webkit-linear-gradient(top, #d0e3ea 0%, #92a8b3 100%);
  background: -o-linear-gradient(top, #d0e3ea 0%, #92a8b3 100%);
  background: -ms-linear-gradient(top, #d0e3ea 0%, #92a8b3 100%);
  background: linear-gradient(to bottom, #d0e3ea 0%, #92a8b3 100%);
  color: #111111;
  font-weight: bold;
  border-top: 1px solid white;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); }

#menu li#log-in a:hover {
  background: #b5cad2;
  background: -moz-linear-gradient(top, #b5cad2 0%, #92a8b3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5cad2), color-stop(100%, #92a8b3));
  background: -webkit-linear-gradient(top, #b5cad2 0%, #92a8b3 100%);
  background: -o-linear-gradient(top, #b5cad2 0%, #92a8b3 100%);
  background: -ms-linear-gradient(top, #b5cad2 0%, #92a8b3 100%);
  background: linear-gradient(to bottom, #b5cad2 0%, #92a8b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5cad2', endColorstr='#92a8b3',GradientType=0 ); }

#menu li#log-in a:active {
  background: #92a8b3;
  background: -moz-linear-gradient(top, #92a8b3 0%, #c2d6de 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92a8b3), color-stop(100%, #c2d6de));
  background: -webkit-linear-gradient(top, #92a8b3 0%, #c2d6de 100%);
  background: -o-linear-gradient(top, #92a8b3 0%, #c2d6de 100%);
  background: -ms-linear-gradient(top, #92a8b3 0%, #c2d6de 100%);
  background: linear-gradient(to bottom, #92a8b3 0%, #c2d6de 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a8b3', endColorstr='#c2d6de',GradientType=0 ); }

/* landing page */
#landing-top-content {
  float: left;
  width: 100%;
  height: 573px;
  background: url("images/pro_sales/landing-top-bg.jpg") no-repeat bottom center;
  background-position-x: center;
  background-position-y: bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.hero {
  text-align: center; }

/* top part of landing page */
#hero-title {
  float: left;
  width: 100%;
  margin-top: 60px;
  font-family: ProximaNova-Semibold, Helvetica, sans-serif;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
  color: #b1cdd9; }

#hero-title h1 {
  display: table;
  font-size: 42px;
  margin: 0 auto;
  padding: 14px 20px 6px 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
  background: rgba(0, 0, 0, 0.6); }

#hero-title span {
  display: table;
  font-size: 23px;
  margin: 0 auto;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  padding: 7px 20px;
  background: rgba(0, 0, 0, 0.6); }

#hero-desc {
  float: left;
  margin: 35px 0;
  width: 100%;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  color: #cccccc;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: 28px; }

#hero-btns {
  display: table;
  clear: left;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 16px 20px 20px 20px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(204, 204, 204, 0.1); }

.green.try {
  float: left;
  text-decoration: none;
  background-color: #99cc33;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99cc33), color-stop(50%, #7aaa24), color-stop(50%, #639b00), color-stop(100%, #558500));
  background-image: -webkit-linear-gradient(top, #99cc33 0%, #7aaa24 50%, #639b00 50%, #558500 100%);
  background-image: -moz-linear-gradient(top, #99cc33 0%, #7aaa24 50%, #639b00 50%, #558500 100%);
  background-image: -ms-linear-gradient(top, #99cc33 0%, #7aaa24 50%, #639b00 50%, #558500 100%);
  background-image: -o-linear-gradient(top, #99cc33 0%, #7aaa24 50%, #639b00 50%, #558500 100%);
  background-image: linear-gradient(top, #99cc33 0%, #7aaa24 50%, #639b00 50%, #558500 100%);
  -webkit-box-shadow: 0px 3px 0 #406400, 0 4px 0px #406400, 0 4px 4px 1px rgba(0, 0, 9, 0.5);
  box-shadow: 0px 3px 0 #406400, 0 4px 0px #406400, 0 4px 4px 1px rgba(0, 0, 9, 0.5);
  border-radius: 5px;
  color: white;
  font-family: Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 19px;
  padding: 12px 30px 15px 30px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  margin-bottom: 2px; }

.green.try:hover {
  background-color: #99cc33;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ac524), color-stop(50%, #89c424), color-stop(50%, #76b900), color-stop(100%, #69a400));
  background-image: -webkit-linear-gradient(top, #8ac524 0%, #89c424 50%, #76b900 50%, #69a400 100%);
  background-image: -moz-linear-gradient(top, #8ac524 0%, #89c424 50%, #76b900 50%, #69a400 100%);
  background-image: -ms-linear-gradient(top, #8ac524 0%, #89c424 50%, #76b900 50%, #69a400 100%);
  background-image: -o-linear-gradient(top, #8ac524 0%, #89c424 50%, #76b900 50%, #69a400 100%);
  background-image: linear-gradient(top, #8ac524 0%, #89c424 50%, #76b900 50%, #69a400 100%); }

.green.try:active {
  margin-top: 2px;
  margin-bottom: 0;
  -webkit-box-shadow: 0px 1px 0 #406400, 0 2px 0px #406400, 0 4px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 0 #406400, 0 2px 0px #406400, 0 4px 4px 1px rgba(0, 0, 0, 0.15); }

.gray.play {
  float: left;
  margin: 5px 0 2px 15px;
  text-decoration: none;
  background-color: #d0e3ea;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0e3ea), color-stop(100%, #a1b6c0));
  background-image: -webkit-linear-gradient(top, #d0e3ea, #a1b6c0);
  background-image: -moz-linear-gradient(top, #d0e3ea, #a1b6c0);
  background-image: -ms-linear-gradient(top, #d0e3ea, #a1b6c0);
  background-image: -o-linear-gradient(top, #d0e3ea, #a1b6c0);
  background-image: linear-gradient(top, #d0e3ea, #a1b6c0);
  -webkit-box-shadow: 0px 3px 0 #7a8a92, 0 4px 0px #7a8a92, 0 4px 4px 1px rgba(0, 0, 9, 0.5);
  box-shadow: 0px 3px 0 #7a8a92, 0 4px 0px #7a8a92, 0 4px 4px 1px rgba(0, 0, 9, 0.5);
  border-radius: 5px;
  color: #333333;
  font-family: Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 15px 10px 15px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  margin-bottom: 2px; }

.gray.play img {
  float: left;
  margin: -2px 8px 0 0; }

.gray.play:active {
  margin: 7px 0 0 15px;
  -webkit-box-shadow: 0px 1px 0 #406400, 0 2px 0px #406400, 0 4px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 0 #7a8a92, 0 2px 0px #7a8a92, 0 4px 4px 1px rgba(0, 0, 0, 0.15); }

.gray.play:hover {
  background: #d0e3ea;
  background: -moz-linear-gradient(top, #d0e3ea 0%, #b8ccd4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0e3ea), color-stop(100%, #b8ccd4));
  background: -webkit-linear-gradient(top, #d0e3ea 0%, #b8ccd4 100%);
  background: -o-linear-gradient(top, #d0e3ea 0%, #b8ccd4 100%);
  background: -ms-linear-gradient(top, #d0e3ea 0%, #b8ccd4 100%);
  background: linear-gradient(to bottom, #d0e3ea 0%, #b8ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e3ea', endColorstr='#b8ccd4',GradientType=0 ); }

#gateme-count {
  margin: 0 auto;
  margin-top: 45px;
  display: table;
  position: relative; }

.listed {
  display: table-cell;
  color: rgba(255, 255, 255, 0.7);
  font-size: 40px;
  font-family: ProximaNova-Light, Helvetica, sans-serif;
  line-height: 22px;
  padding: 10px; }

#count-breaker {
  position: absolute;
  top: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  height: 60px;
  width: 1px;
  transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  /* IE 9 */
  -webkit-transform: rotate(20deg);
  /* Safari and Chrome */
  -o-transform: rotate(20deg);
  /* Opera */
  -moz-transform: rotate(20deg);
  /* Firefox */ }

.listed span {
  font-family: ProximaNova-Semibold, Helvetica, sans-serif;
  clear: left;
  color: #aaaaaa;
  font-size: 16px; }

#scroll-down {
  float: left;
  line-height: 17px;
  margin-top: 30px;
  margin-left: 415px;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  color: rgba(255, 255, 255, 0.4); }

#scroll-down span {
  float: left;
  background: url("images/pro_sales/icon-scroll-down.png") top;
  height: 17px;
  width: 13px;
  margin-right: 10px; }

#scroll-down span.animated {
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite; }

/* LANDING PAGE content */
/* features */
#features-block {
  margin-top: 75px; }

#features-list {
  float: left;
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0; }

#features-list li {
  float: left;
  width: 270px;
  text-align: center;
  padding: 0 35px;
  background: url("images/pro_sales/list-spacer.png") no-repeat right center; }

#features-list li:last-child {
  background: none; }

#features-list li .img {
  height: 200px;
  position: relative; }

#features-list li .img img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

#features-list li h3 {
  font-family: ProximaNova-Semibold, Helvetica, sans-serif;
  color: white;
  font-size: 27px;
  margin: 15px 0;
  font-weight: normal; }

#features-list li span {
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  color: #676d85;
  font-size: 13px;
  line-height: 25px; }

.blocks-breaker {
  float: left;
  width: 100%;
  background: rgba(0, 0, 0, 0.26);
  height: 15px; }

/* landing promo block */
#promo-block {
  float: left;
  width: 100%;
  background: url("images/pro_sales/promo-bg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.promo, .integrate, .testimonials {
  margin-top: 75px;
  text-align: center; }

.promo h2, .integrate h2, #join-now-container h2 {
  font-size: 40px;
  position: relative;
  color: white;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
  font-family: ProximaNova-Bold, Helvetica, sans-serif;
  margin: 25px 0;
  font-weight: normal; }

.promo span, .integrate span, #join-now-container span {
  color: rgba(255, 255, 255, 0.56);
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 15px;
  line-height: 25px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }

#title-promo div {
  display: none; }

#title-promo div.active {
  display: inherit; }

#slide-promo {
  min-height: 490px;
  margin-top: 35px;
  list-style: none; }

#slide-promo li {
  opacity: 0;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation-duration: 1s; }

#slide-promo li.active {
  display: block; }

#nav-promo {
  padding: 0;
  list-style: none;
  margin: 0 auto;
  width: 540px; }

#nav-promo li {
  float: left;
  display: table;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 4px solid rgba(255, 255, 255, 0.39);
  font-family: ProximaNova-Semibold, Helvetica, sans-serif;
  font-size: 20px;
  height: 82px;
  width: 160px;
  margin: 10px 15px 40px 0;
  background: #2c2a4f;
  background: -moz-linear-gradient(top, #2c2a4f 0%, #05042d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c2a4f), color-stop(100%, #05042d));
  background: -webkit-linear-gradient(top, #2c2a4f 0%, #05042d 100%);
  background: -o-linear-gradient(top, #2c2a4f 0%, #05042d 100%);
  background: -ms-linear-gradient(top, #2c2a4f 0%, #05042d 100%);
  background: linear-gradient(to bottom, #2c2a4f 0%, #05042d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2a4f', endColorstr='#05042d',GradientType=0 );
  cursor: pointer; }

#nav-promo li:last-child {
  margin-right: 0; }

#nav-promo li:hover {
  opacity: 1;
  background: Red;
  background: #494582;
  background: -moz-linear-gradient(top, #494582 0%, #090751 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494582), color-stop(100%, #090751));
  background: -webkit-linear-gradient(top, #494582 0%, #090751 100%);
  background: -o-linear-gradient(top, #494582 0%, #090751 100%);
  background: -ms-linear-gradient(top, #494582 0%, #090751 100%);
  background: linear-gradient(to bottom, #494582 0%, #090751 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2a4f', endColorstr='#05042d',GradientType=0 ); }

#nav-promo li.active {
  background: #05042d;
  background: -moz-linear-gradient(top, #05042d 0%, #2c2a4f 65%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #05042d), color-stop(65%, #2c2a4f));
  background: -webkit-linear-gradient(top, #05042d 0%, #2c2a4f 65%);
  background: -o-linear-gradient(top, #05042d 0%, #2c2a4f 65%);
  background: -ms-linear-gradient(top, #05042d 0%, #2c2a4f 65%);
  background: linear-gradient(to bottom, #05042d 0%, #2c2a4f 65%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05042d', endColorstr='#2c2a4f',GradientType=0 ); }

#nav-promo li a {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  position: relative; }

/* tools block */
#tools-block {
  float: left;
  width: 100%; }

.tools {
  margin-top: 75px; }

.tools h2, #providing-content h2, .widgets h2, .testimonials h2 {
  text-align: center;
  font-size: 28px;
  color: #d9d9df;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
  font-family: ProximaNova-Light, Helvetica, sans-serif;
  margin: 25px 0;
  font-weight: 100; }

#tools-list {
  list-style: none;
  float: left;
  padding-left: 50px;
  margin: 25px 0; }

#tools-list li {
  float: left;
  width: 389px;
  height: 146px;
  background: rgba(153, 153, 153, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 35px 25px 0 35px;
  margin: 0 20px 20px 0;
  transition: background .2s;
  -moz-transition: background .2s;
  -webkit-transition: background .2s;
  -o-transition: background .2s; }

#tools-list li:hover, .accordion-element.active, .accordion-element:hover {
  background: rgba(153, 153, 153, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: background .2s;
  -moz-transition: background .2s;
  -webkit-transition: background .2s;
  -o-transition: background .2s; }

#tools-list li h4 {
  float: left;
  width: 275px;
  color: #ececec;
  font-size: 21px;
  font-family: ProximaNova-Semibold, Helvetica, sans-serif;
  margin: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
  font-weight: normal; }

#tools-list li span {
  float: left;
  width: 275px;
  margin-top: 14px;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  color: #999999;
  font-size: 14px;
  line-height: 20px; }

#tools-list li span a {
  color: #999999; }

#tools-list li .img {
  float: right;
  width: 104px;
  text-align: center;
  margin-top: -21px;
  height: 100%; }

/* providing block */
#providing-block {
  float: left;
  width: 100%; }

.providing {
  margin-top: 75px; }

#macbook-providing {
  position: absolute;
  right: 0;
  background: url("images/pro_sales/macbook-pro.png") no-repeat;
  width: 758px;
  height: 553px; }

#providing-content {
  float: left;
  width: 322px;
  padding-left: 100px;
  min-height: 600px;
  position: relative;
  z-index: 1; }

#providing-content h2 {
  text-align: left; }

#accordion {
  float: left;
  margin-top: 25px; }

.accordion-element {
  float: left;
  width: 282px;
  background: rgba(153, 153, 153, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 20px;
  cursor: pointer;
  transition: background .2s;
  -moz-transition: background .2s;
  -webkit-transition: background .2s;
  -o-transition: background .2s; }

.accordion-element.light.active {
  background: white; }

.accordion-element.light {
  border: 1px solid #cfcfcf;
  background: #fdfdfd;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%);
  background: -ms-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #fdfdfd 0%, #f4f4f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f4f4',GradientType=0 ); }

.accordion-element:first-of-type {
  border-radius: 8px 8px 0 0;
  border-bottom: none; }

.accordion-element:last-of-type {
  border-radius: 0 0 8px 8px;
  border-top: none; }

.accordion-nr {
  float: left;
  background: rgba(239, 239, 241, 0.19);
  font-family: ProximaNova-Bold, Helvetica, sans-serif;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #1d242a;
  font-size: 25px;
  width: 37px;
  height: 37px;
  line-height: 37px;
  display: table;
  padding: 4px; }

.accordion-nr.light {
  background: #cfcfcf;
  padding: 2px;
  color: #6b6d84; }

.accordion-nr span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #efeff1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: background .2s linear, color .2s linear;
  -moz-transition: background .2s linear, color .2s linear;
  -webkit-transition: background .2s linear, color .2s linear;
  -o-transition: background .2s linear, color .2s linear; }

.accordion-nr.light span {
  background: #eeeeee; }

.accordion-element:hover > .accordion-nr {
  color: #efeff1;
  transition: color .2s linear;
  -moz-transition: color .2s linear;
  -webkit-transition: color .2s linear;
  -o-transition: color .2s linear; }

.accordion-element.light:hover > .accordion-nr.light, .accordion-element.light.active > .accordion-nr.light {
  background: rgba(0, 121, 200, 0.28); }

.accordion-element:hover > .accordion-nr span {
  background: #0a0834;
  transition: background .2s linear;
  -moz-transition: background .2s linear;
  -webkit-transition: background .2s linear;
  -o-transition: background .2s linear; }

.accordion-element.light:hover > .accordion-nr.light span, .accordion-element.light.active > .accordion-nr.light span {
  background: #0093f5;
  color: white; }

.accordion-element h4 {
  margin: 10px 0 0 20px;
  float: left;
  color: #eeeef1;
  font-family: ProximaNova-Semibold, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); }

.accordion-element.light h4 {
  color: #878787;
  text-shadow: none; }

.accordion-element.light.active h4 {
  color: #444444; }

.accordion-body {
  float: left;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  color: #999999;
  font-size: 13px;
  line-height: 20px;
  width: 225px;
  margin: 5px 0 0 57px;
  display: none; }

/* widgets */
#widgets-block {
  float: left;
  width: 100%;
  background: #2a0e40;
  background: -moz-linear-gradient(top, #2a0e40 0%, #664069 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a0e40), color-stop(100%, #664069));
  background: -webkit-linear-gradient(top, #2a0e40 0%, #664069 100%);
  background: -o-linear-gradient(top, #2a0e40 0%, #664069 100%);
  background: -ms-linear-gradient(top, #2a0e40 0%, #664069 100%);
  background: linear-gradient(to bottom, #2a0e40 0%, #664069 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a0e40', endColorstr='#664069',GradientType=0 ); }

.widgets {
  margin-top: 75px; }

#widgets-content {
  margin: 0 auto;
  width: 910px; }

.widget-element {
  float: left;
  margin-top: 50px;
  width: 100%; }

.widget-element.second {
  margin-top: 63px; }

.widget-element.third {
  margin: 100px 0 70px 0; }

.widget-column {
  float: left;
  width: 422px; }

.widget-column.right {
  float: right; }

.widget-box {
  float: left; }

.widget-outer {
  float: left;
  position: relative;
  width: 390px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  background: rgba(153, 153, 153, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 10px; }

.widget-inner {
  float: left;
  position: relative;
  z-index: 2;
  width: 333px;
  margin: 11px 0 0 11px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 25px 17px;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #d8d8d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #d8d8d8));
  background: -webkit-linear-gradient(top, white 0%, #d8d8d8 100%);
  background: -o-linear-gradient(top, white 0%, #d8d8d8 100%);
  background: -ms-linear-gradient(top, white 0%, #d8d8d8 100%);
  background: linear-gradient(to bottom, white 0%, #d8d8d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 );
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.widget-inner h5, .widget-header h5 {
  display: block;
  margin: 0;
  color: #2b7ecb;
  font-family: ProximaNova-Semibold, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px; }

.widget-inner span {
  display: block;
  margin-top: 4px;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #777777; }

#questlist {
  float: left;
  margin-top: 18px;
  width: 100%; }

.widget-input {
  float: left;
  width: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(102, 102, 102, 0.5);
  border: 3px solid rgba(102, 102, 102, 0.3);
  padding: 15px 14px;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  color: #666666;
  font-size: 13px;
  width: 299px;
  outline: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.widget-input:focus, .widget-input.active {
  box-shadow: 0 1px 0 #2392f3 inset, 0 -1px 0 #2392f3 inset, 1px 0 0 #2392f3 inset, -1px 0 0 #2392f3 inset; }

.widget-submit {
  float: left;
  margin-top: 20px; }

.widget-drop {
  float: left;
  background: url("images/pro_sales/widget-drop.png") repeat-x bottom;
  width: 348px;
  min-height: 18px;
  margin-left: 20px;
  z-index: 0;
  position: absolute;
  bottom: 0;
  margin-bottom: -8px; }

.widget-information {
  float: left; }

.widget-information h4 {
  display: block;
  color: #ececec;
  font-size: 25px;
  font-family: ProximaNova-Semibold, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0; }

.widget-information span {
  display: block;
  margin-top: 15px;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.5); }

.widget-link {
  float: left;
  margin-top: 15px; }

.guestlist {
  margin-top: 25px; }

.book {
  margin: 80px 0 0 20px; }

.widget-book-table {
  float: right;
  background: url("images/pro_sales/book-table.png") no-repeat;
  height: 300px;
  width: 402px; }

.widget-inner.book-table {
  width: 367px;
  padding: 0;
  margin: 34px 0 0 -20px; }

.widget-header {
  float: left;
  padding: 25px 0 15px 0;
  border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  width: 100%;
  text-align: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); }

.widget-header h5 {
  color: #63ac00; }

.widget-footer {
  float: left;
  width: 100%;
  text-align: center;
  padding: 25px 0 25px 0; }

.book-table-btn {
  margin: 0 auto;
  display: table; }

.table {
  float: left;
  background: white;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 37px;
  display: table;
  padding: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  margin: 5px; }

.table span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  padding: 13px 0;
  -webkit-border-radius: 50%;
  color: white;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  font-size: 8px;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  background: #969696;
  background: -moz-linear-gradient(top, #969696 0%, #848484 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #969696), color-stop(100%, #848484));
  background: -webkit-linear-gradient(top, #969696 0%, #848484 100%);
  background: -o-linear-gradient(top, #969696 0%, #848484 100%);
  background: -ms-linear-gradient(top, #969696 0%, #848484 100%);
  background: linear-gradient(to bottom, #969696 0%, #848484 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#848484',GradientType=0 ); }

.table span.count {
  font-size: 12px;
  padding: 10px 0 11px 0; }

.table.green span {
  background: #abd11c;
  background: -moz-linear-gradient(top, #abd11c 0%, #70ad00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #abd11c), color-stop(100%, #70ad00));
  background: -webkit-linear-gradient(top, #abd11c 0%, #70ad00 100%);
  background: -o-linear-gradient(top, #abd11c 0%, #70ad00 100%);
  background: -ms-linear-gradient(top, #abd11c 0%, #70ad00 100%);
  background: linear-gradient(to bottom, #abd11c 0%, #70ad00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd11c', endColorstr='#70ad00',GradientType=0 ); }

.table.orange span {
  background: #ff9b62;
  background: -moz-linear-gradient(top, #ff9b62 1%, #ff5b39 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ff9b62), color-stop(100%, #ff5b39));
  background: -webkit-linear-gradient(top, #ff9b62 1%, #ff5b39 100%);
  background: -o-linear-gradient(top, #ff9b62 1%, #ff5b39 100%);
  background: -ms-linear-gradient(top, #ff9b62 1%, #ff5b39 100%);
  background: linear-gradient(to bottom, #ff9b62 1%, #ff5b39 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b62', endColorstr='#ff5b39',GradientType=0 ); }

#table-group-one {
  float: right;
  margin: 30px 20px 0 0;
  width: 165px; }

#table-group-two {
  float: left;
  margin: 30px 0 0 -7px;
  width: 155px; }

.table.sample-one {
  float: right;
  margin-top: 26px; }

.table.sample-two {
  float: right;
  margin-right: -4px; }

.table.sample-three {
  margin-top: 10px; }

.table.sample-four {
  margin: -16px 0 0 58px; }

.bar {
  float: left;
  display: table;
  background: url("images/pro_sales/bar-bg.png") no-repeat;
  width: 37px;
  height: 37px;
  border: 2px solid white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  margin: 5px; }

.bar span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #444444;
  text-transform: uppercase;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: bold;
  font-size: 8px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); }

#bar-group-one {
  float: right;
  margin: 10px 30px 0 0;
  width: 105px; }

.widget-box.tickets {
  margin-left: 25px; }

.tickets-count {
  float: left;
  width: 335px;
  margin: 17px 0 17px -17px;
  background: rgba(187, 187, 187, 0.32);
  border-top: 1px solid rgba(153, 153, 153, 0.32);
  border-bottom: 1px solid rgba(153, 153, 153, 0.32);
  padding: 12px 12px 12px 20px; }

.tickets-count h5 {
  float: left;
  width: 200px;
  font-size: 15px;
  color: #444444; }

.tickets-count h5 span {
  float: none;
  display: inline;
  font-size: 15px;
  color: #444444;
  font-weight: bold; }

.tickets-count span {
  float: left;
  clear: both;
  width: 200px; }

.tickets-checkout {
  float: right; }

.tickets-price, .tickets-price span {
  float: left;
  margin-top: 12px;
  color: #666666;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3); }

.tickets-price span {
  float: none;
  display: inline; }

#tickets-counter {
  float: right;
  width: 98px; }

#remove-ticket, #add-ticket {
  float: left;
  display: table;
  width: 23px;
  height: 23px;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 1%, #e2e3e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fefefe), color-stop(100%, #e2e3e5));
  background: -webkit-linear-gradient(top, #fefefe 1%, #e2e3e5 100%);
  background: -o-linear-gradient(top, #fefefe 1%, #e2e3e5 100%);
  background: -ms-linear-gradient(top, #fefefe 1%, #e2e3e5 100%);
  background: linear-gradient(to bottom, #fefefe 1%, #e2e3e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e3e5',GradientType=0 );
  margin-top: 6px;
  cursor: pointer; }

#add-ticket {
  float: right; }

#remove-ticket span, #add-ticket span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url("images/pro_sales/tickets-remove.png") no-repeat center center;
  float: none;
  clear: none;
  width: 10px; }

#add-ticket span {
  background: url("images/pro_sales/tickets-add.png") no-repeat center center;
  width: 13px; }

#tickets {
  float: left;
  padding: 9px 3px;
  text-align: center;
  width: 30px;
  outline: none;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 1px 0 white;
  color: #878787;
  font-size: 14px;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: bold;
  margin: 0 5px; }

.widget-drop.tickets {
  text-align: center; }

.widget-drop.tickets img {
  display: none;
  padding: 10px 0 13px 0; }

/* integrate */
#integrate-block {
  float: left;
  width: 100%;
  background: #290940;
  background: -moz-linear-gradient(top, #290940 0%, #5e2a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #290940), color-stop(100%, #5e2a4a));
  background: -webkit-linear-gradient(top, #290940 0%, #5e2a4a 100%);
  background: -o-linear-gradient(top, #290940 0%, #5e2a4a 100%);
  background: -ms-linear-gradient(top, #290940 0%, #5e2a4a 100%);
  background: linear-gradient(to bottom, #290940 0%, #5e2a4a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#290940', endColorstr='#5e2a4a',GradientType=0 ); }

.integrate h2, #join-now-container h2 {
  font-size: 38px;
  color: #d9d9df; }

#integration-services {
  margin: 0 auto;
  width: 820px;
  height: 460px;
  position: relative; }

#integrate-cart {
  float: left;
  margin-top: 80px;
  background: url("images/pro_sales/sell_tickets/1.png") no-repeat;
  width: 135px;
  height: 359px;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: 1; }

#integrate-arrow {
  float: left;
  margin: 260px 0 0 35px;
  background: url("images/pro_sales/integrate-arrow.png") no-repeat;
  width: 17px;
  height: 31px;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: 1;
  opacity: 0;
  position: absolute;
  left: 120px; }

#integrate-arrow2 {
  float: left;
  margin: 260px 0 0 35px;
  background: url("images/pro_sales/integrate-arrow.png") no-repeat;
  width: 17px;
  height: 31px;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: 1;
  opacity: 0;
  position: absolute;
  left: 545px; }

#integrate-mobile {
  float: left;
  margin-left: 60px;
  margin-top: 80px;
  background: url("images/pro_sales/sell_tickets/2.png") no-repeat;
  width: 429px;
  height: 359px; }

#integrate-gateme {
  float: right;
  margin-top: 80px;
  background: url("images/pro_sales/sell_tickets/3.png") no-repeat;
  width: 135px;
  height: 359px;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: 1; }

#integration-logos {
  list-style: none;
  margin: 320px auto 40px auto;
  display: table;
  clear: both;
  padding: 0; }

#integration-logos li {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle; }

/* testimonials block */
#testimonials-block {
  float: left;
  width: 100%;
  background: #292848;
  background: -moz-linear-gradient(top, #292848 0%, #090a2c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292848), color-stop(100%, #090a2c));
  background: -webkit-linear-gradient(top, #292848 0%, #090a2c 100%);
  background: -o-linear-gradient(top, #292848 0%, #090a2c 100%);
  background: -ms-linear-gradient(top, #292848 0%, #090a2c 100%);
  background: linear-gradient(to bottom, #292848 0%, #090a2c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292848', endColorstr='#090a2c',GradientType=0 ); }

.testimonials {
  width: 909px; }

#testimonials {
  float: left;
  margin: 50px 0 60px 0;
  padding: 0;
  list-style: none; }

#testimonials li {
  float: left;
  width: 263px;
  margin-right: 60px; }

#testimonials li:last-child {
  margin-right: 0px; }

.quote-bubble {
  text-decoration: none;
  width: 213px;
  cursor: pointer;
  display: table;
  position: relative;
  padding: 25px;
  height: 114px;
  color: #666666;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 14px;
  line-height: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #f3961c;
  background: #ebebee;
  background: -moz-linear-gradient(top, #ebebee 0%, #dadae0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebee), color-stop(100%, #dadae0));
  background: -webkit-linear-gradient(top, #ebebee 0%, #dadae0 100%);
  background: -o-linear-gradient(top, #ebebee 0%, #dadae0 100%);
  background: -ms-linear-gradient(top, #ebebee 0%, #dadae0 100%);
  background: linear-gradient(to bottom, #ebebee 0%, #dadae0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebee', endColorstr='#dadae0',GradientType=0 );
  box-shadow: 0px 3px 0 black;
  top: 0;
  transition: top .3s ease;
  -webkit-transition: top .3s ease;
  -moz-transition: top .3s ease;
  -o-transition: top .3s ease; }

.quote-bubble:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 123px;
  width: 0;
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: #dcdce1 transparent; }

.quote-bubble p {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.quote-bubble:hover {
  top: -5px; }

.testimonial-author {
  display: table;
  margin-top: 35px;
  width: 100%; }

.testimonial-logo {
  display: table-cell;
  vertical-align: middle; }

.testimonial-author-name {
  float: left;
  margin: 2px 0 0 10px;
  color: rgba(255, 255, 255, 0.55);
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 14px;
  text-align: left; }

.testimonial-author-name p {
  min-width: 114px;
  background: rgba(153, 153, 153, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 10px 15px;
  margin: 0;
  border-radius: 8px;
  -webkit-border-radius: 8px; }

.testimonial-author-name span {
  display: block;
  font-size: 12px; }

/* join now */
#join-now-block {
  float: left;
  width: 100%;
  position: relative; }

.join-now {
  margin-top: 65px; }

#join-now-container {
  float: left;
  width: 455px;
  margin-left: 25px;
  margin-bottom: 50px;
  position: relative;
  z-index: 2;
  min-height: 500px; }

#join-now-container h2 {
  margin: 0 0 10px 0; }

#join-form {
  float: left;
  margin-top: 50px; }

#join-form label {
  display: block;
  clear: both;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  color: #dddddd;
  font-size: 16px;
  text-shadow: 0 1px 1px black; }

.signup-field {
  float: left;
  margin: 10px 0 15px 0;
  background: rgba(151, 159, 164, 0.57);
  border: 3px solid rgba(38, 44, 49, 0.9);
  border-radius: 7px;
  -webkit-border-radius: 7px;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.66);
  padding: 10px 15px;
  font-size: 14px;
  width: 295px;
  box-shadow: inset 0 0 0 1px #23282d;
  box-shadow: 0 1px 0 #23282d inset, 0 -1px 0 #23282d inset, 1px 0 0 #23282d inset, -1px 0 0 #23282d inset;
  outline: none;
  transition: background .2s, border .2s;
  -moz-transition: background .2s, border .2s;
  -webkit-transition: background .2s, border .2s;
  -o-transition: background .2s, border .2s; }

.signup-field:focus {
  background: #979fa4;
  border: 3px solid rgba(36, 69, 96, 0.9);
  box-shadow: inset 0 0 0 1px rgba(36, 69, 96, 0.9);
  color: white;
  transition: background .2s, border .2s;
  -moz-transition: background .2s, border .2s;
  -webkit-transition: background .2s, border .2s;
  -o-transition: background .2s, border .2s; }

.signup-field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.66); }

.signup-field:-moz-placeholder {
  color: rgba(255, 255, 255, 0.66); }

.signup-field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.66); }

.signup-field:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.66); }

.signup-field:focus::-webkit-input-placeholder {
  color: white; }

.signup-field:focus:-moz-placeholder {
  color: white; }

.signup-field:focus::-moz-placeholder {
  color: white; }

.signup-field:focus:-ms-input-placeholder {
  color: white; }

#submit-signup {
  float: left;
  clear: left;
  text-decoration: none;
  background-color: #99cc33;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99cc33), color-stop(50%, #7aaa24), color-stop(50%, #639b00), color-stop(100%, #558500));
  background-image: -webkit-linear-gradient(top, #99cc33 0%, #7aaa24 50%, #639b00 50%, #558500 100%);
  background-image: -moz-linear-gradient(top, #99cc33 0%, #7aaa24 50%, #639b00 50%, #558500 100%);
  background-image: -ms-linear-gradient(top, #99cc33 0%, #7aaa24 50%, #639b00 50%, #558500 100%);
  background-image: -o-linear-gradient(top, #99cc33 0%, #7aaa24 50%, #639b00 50%, #558500 100%);
  background-image: linear-gradient(top, #99cc33 0%, #7aaa24 50%, #639b00 50%, #558500 100%);
  -webkit-box-shadow: 0px 1px 0 #406400, 0 2px 0px #406400, 0 4px 4px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 1px 0 #406400, 0 2px 0px #406400, 0 4px 4px 1px rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  border: none;
  color: white;
  font-family: Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 17px;
  padding: 8px 20px 11px 20px;
  text-align: center;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  margin-bottom: 2px; }

#submit-signup:active {
  margin-top: 2px;
  margin-bottom: 0;
  -webkit-box-shadow: 0px 1px 0 #406400, 0 0px 0px #406400, 0 4px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 0 #406400, 0 0px 0px #406400, 0 4px 4px 1px rgba(0, 0, 0, 0.15); }

#join-terms {
  float: left;
  margin: 12px 0 0 20px;
  color: rgba(221, 221, 221, 0.26);
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  font-size: 13px; }

#join-terms a {
  color: rgba(221, 221, 221, 0.26); }

#join-terms a:hover {
  text-decoration: none; }

#join-ipad {
  position: absolute;
  background: url("images/pro_sales/ipad.png") no-repeat;
  right: 0;
  bottom: 0;
  width: 784px;
  height: 414px; }

/* featured in block */
#featured-block {
  float: left;
  width: 100%;
  background: url("images/pro_sales/featured-bg.png") repeat-x;
  height: 93px;
  box-shadow: 0 0 55px rgba(0, 0, 0, 0.4); }

.featured {
  height: 100%; }

#featured-list {
  float: left;
  display: table;
  padding: 0;
  list-style: none;
  height: 100%;
  font-family: ProximaNova-Light, Helvetica, sans-serif;
  color: rgba(235, 235, 235, 0.7);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
  font-size: 18px; }

#featured-list li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 12px;
  height: auto; }

#featured-list li img {
  display: table-cell;
  vertical-align: middle; }

#featured-list li#featured-title {
  padding: 0 25px 0 10px; }

#like-and-follow {
  float: right;
  margin-top: 38px;
  font-family: Helvetica, Arial, Lucida Grande, sans-serif;
  color: rgba(235, 235, 235, 0.7);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
  font-size: 12px; }

.fb-like {
  float: left;
  opacity: .5; }

.twitter-follow-button {
  float: left;
  opacity: .5;
  margin-left: 5px; }

.fb-like, .twitter-follow-button {
  transition: opacity .2s;
  -moz-transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s; }

.fb-like:hover, .twitter-follow-button:hover {
  opacity: 0.9; }

#twitter-user {
  float: left;
  margin: 3px 0 0 7px; }

#twitter-user span {
  font-weight: bold; }

/* footer */
#footer {
  float: left;
  width: 100%;
  padding-bottom: 40px; }
  #footer .mixpanel {
    display: block;
    opacity: 0.5;
    float: right;
    clear: right; }
    #footer .mixpanel:hover {
      opacity: 1; }

.footer {
  width: 965px;
  margin-top: 60px; }

.footer-links-group {
  float: left;
  list-style: none;
  width: 170px;
  padding: 0;
  color: rgba(255, 255, 255, 0.62);
  margin-right: 35px; }

.footer-links-group span {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.36);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12);
  text-transform: uppercase;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 15px; }

.footer-links-group li {
  float: left;
  width: 100%;
  padding: 5px 0; }

.footer-links-group li a {
  float: left;
  color: rgba(255, 255, 255, 0.52);
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  text-decoration: none;
  font-size: 13px; }

.footer-links-group li a:hover {
  color: rgba(255, 255, 255, 0.82); }

.footer-links-group li a.notice {
  font-weight: bold;
  background: rgba(153, 153, 153, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 5px 8px;
  font-size: 11px;
  margin: -4px 0 0 5px;
  transition: background .2s, border .2s;
  -moz-transition: background .2s, border .2s;
  -webkit-transition: background .2s, border .2s;
  -o-transition: background .2s, border .2s; }

.footer-links-group li a.notice:hover {
  background: rgba(153, 153, 153, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: background .2s, border .2s;
  -moz-transition: background .2s, border .2s;
  -webkit-transition: background .2s, border .2s;
  -o-transition: background .2s, border .2s;
  text-decoration: none; }

.footer .eas-logo {
  clear: left;
  float: left;
  margin-top: 18px; }

#copyright {
  float: left;
  width: 160px;
  font-family: Helvetica, Arial, Lucida Grande, sans-serif;
  color: rgba(235, 235, 235, 0.52);
  font-size: 13px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8); }

#copyright span {
  float: left;
  font-weight: normal;
  color: #666666;
  margin-top: 10px; }

#copyright span#call {
  background: url("images/pro_sales/icon-call.png") no-repeat left center;
  min-height: 14px;
  padding-left: 25px; }

#copyright span#email {
  background: url("images/pro_sales/icon-email.png") no-repeat left center;
  min-height: 12px;
  padding-left: 25px; }

#social-media {
  float: left;
  padding: 0;
  list-style: none;
  margin-top: 15px; }

#social-media li {
  float: left;
  margin-right: 5px;
  background: rgba(153, 153, 153, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  -webkit-border-radius: 4px; }

#social-media li a {
  float: left;
  width: 36px;
  height: 38px;
  transition: background .2s, border .2s;
  -moz-transition: background .2s, border .2s;
  -webkit-transition: background .2s, border .2s;
  -o-transition: background .2s, border .2s; }

#social-media li a.facebook {
  background: url("images/pro_sales/icon-facebook.png") no-repeat center center; }

#social-media li a.twitter {
  background: url("images/pro_sales/icon-twitter.png") no-repeat center center; }

#social-media li a.linkedin {
  background: url("images/pro_sales/icon-linkedin.png") no-repeat center center; }

#social-media li:hover {
  background: rgba(153, 153, 153, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: background .2s, border .2s;
  -moz-transition: background .2s, border .2s;
  -webkit-transition: background .2s, border .2s;
  -o-transition: background .2s, border .2s; }

#footer-download, #features-download {
  float: right;
  list-style: none;
  padding: 0;
  width: 164px;
  font-family: Helvetica, Arial, Lucida Grande, sans-serif; }

#footer-download li, #features-download li {
  float: left;
  width: 162px;
  height: 55px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #333d49;
  background: -moz-linear-gradient(top, #333d49 0%, #20282e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333d49), color-stop(100%, #20282e));
  background: -webkit-linear-gradient(top, #333d49 0%, #20282e 100%);
  background: -o-linear-gradient(top, #333d49 0%, #20282e 100%);
  background: -ms-linear-gradient(top, #333d49 0%, #20282e 100%);
  background: linear-gradient(to bottom, #333d49 0%, #20282e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333d49', endColorstr='#20282e',GradientType=0 );
  margin-bottom: 13px;
  border: 1px solid #2b333a; }

#footer-download li:hover, #features-download li:hover {
  background: #465465;
  background: -moz-linear-gradient(top, #465465 0%, #323d48 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #465465), color-stop(100%, #323d48));
  background: -webkit-linear-gradient(top, #465465 0%, #323d48 100%);
  background: -o-linear-gradient(top, #465465 0%, #323d48 100%);
  background: -ms-linear-gradient(top, #465465 0%, #323d48 100%);
  background: linear-gradient(to bottom, #465465 0%, #323d48 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#465465', endColorstr='#323d48',GradientType=0 ); }

#footer-download li:active, #features-download li:active {
  background: #20282e;
  background: -moz-linear-gradient(top, #20282e 0%, #333d49 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20282e), color-stop(100%, #333d49));
  background: -webkit-linear-gradient(top, #20282e 0%, #333d49 100%);
  background: -o-linear-gradient(top, #20282e 0%, #333d49 100%);
  background: -ms-linear-gradient(top, #20282e 0%, #333d49 100%);
  background: linear-gradient(to bottom, #20282e 0%, #333d49 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282e', endColorstr='#333d49',GradientType=0 ); }

.download-place {
  float: left;
  display: table;
  width: 56px;
  height: 55px;
  background: rgba(0, 0, 0, 0.26);
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.36);
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.15); }

.download-place span {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.download-place span#android {
  background: url("images/pro_sales/icon-google-play.png") no-repeat center;
  width: 31px;
  height: 36px; }

.download-place span#ios {
  background: url("images/pro_sales/icon-app-store.png") no-repeat center;
  width: 17px;
  height: 30px; }

#footer-download li a, #features-download li a {
  width: 96px;
  height: 55px;
  display: table-cell;
  vertical-align: middle;
  color: rgba(195, 216, 224, 0.69);
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  padding-left: 9px; }

#footer-download li a span, #features-download li a span {
  font-size: 16px;
  font-weight: bold;
  color: #c5d8e1;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7); }

/* signup element */
.signup {
  margin: 0 auto 25px auto;
  width: 424px;
  position: relative;
  clear: both;
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #bababa;
  color: rgba(255, 255, 255, 0.76);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
  padding: 20px 130px 20px 20px;
  width: 272px;
  font-size: 15px; }

.signup.light {
  background: #eeeeee;
  border: 1px solid #dddddd;
  text-shadow: none;
  color: #868686;
  width: 172px;
  padding: 11px 130px 12px 20px; }

.signup.left {
  float: left; }

.signup-btn {
  float: right;
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 14px; }

/* top title content */
#title-content {
  float: left;
  width: 100%;
  height: 200px;
  background: url("images/pro_sales/top-bg.jpg") no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#title-content h1 {
  float: left;
  margin-top: 70px;
  font-family: ProximaNova-Light, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 49px;
  color: #c1d8e3;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6); }

#title-content span {
  float: right;
  margin-top: 90px;
  color: #cccccc;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 100;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  font-size: 14px; }

/* FEATURES PAGE */
#features-page-list {
  float: left;
  margin: 22px 0 0 42px;
  padding: 0;
  list-style: none; }

#features-page-list li {
  float: left;
  width: 118px;
  height: 134px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
  text-align: center;
  margin-right: 13px;
  cursor: pointer; }

#features-page-list li a {
  padding-bottom: 8px;
  text-decoration: none; }

#features-page-list li:hover {
  background: white;
  background: -moz-linear-gradient(top, white 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
  background: -o-linear-gradient(top, white 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, white 0%, #dddddd 100%);
  background: linear-gradient(to bottom, white 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); }

#features-page-list li:active {
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.23); }

#features-page-list li .img {
  padding-top: 29px;
  margin: 0 0 18px;
  width: 100%;
  height: 46px;
  position: relative; }

#features-page-list li .img img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

#features-page-list li span {
  display: table-cell;
  vertical-align: middle;
  width: 118px;
  text-align: center;
  height: 30px;
  font-size: 14px;
  line-height: 14px;
  color: #777777;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: bold;
  text-shadow: 0 1px 1px white; }

#and-more {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 35px;
  font-size: 20px;
  color: #777777;
  font-family: ProximaNova-Light, Helvetica, sans-serif;
  font-weight: bold; }

.features-scroll-down {
  color: #aaaaaa !important;
  margin-bottom: 35px; }

.features-scroll-down span {
  background: url("images/pro_sales/icon-features-scroll-down.png") top !important; }

/* features item */
.features-item, .page-item {
  float: left;
  overflow: hidden;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(221, 221, 221, 0.5) 0%, rgba(255, 255, 255, 0) 32%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(221, 221, 221, 0.5)), color-stop(32%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(221, 221, 221, 0.5) 0%, rgba(255, 255, 255, 0) 32%);
  background: -o-linear-gradient(top, rgba(221, 221, 221, 0.5) 0%, rgba(255, 255, 255, 0) 32%);
  background: -ms-linear-gradient(top, rgba(221, 221, 221, 0.5) 0%, rgba(255, 255, 255, 0) 32%);
  background: linear-gradient(to bottom, rgba(221, 221, 221, 0.5) 0%, rgba(255, 255, 255, 0) 32%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80dddddd', endColorstr='#00ffffff',GradientType=0 ); }

.features-item h1, #brand-and-logo h1, #customers-content h1, #pricing-content h1 {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 40px;
  color: #444444;
  font-family: ProximaNova-Semibold, Helvetica, sans-serif;
  margin: 50px 0 15px 0; }

.features-item span.desc, #brand-and-logo span.desc, #customers-content span.desc, #customer-description span.desc, #pricing-content span.desc {
  float: left;
  width: 100%;
  text-align: center;
  color: #676d85;
  font-size: 14px;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 300;
  line-height: 25px;
  margin-bottom: 25px; }

/* features Guest List block */
#guestlist-block {
  float: left;
  width: 100%;
  margin-top: 75px; }

#guestlist-ipad {
  margin: 0 auto;
  background: url("images/pro_sales/features-ipad.png") no-repeat;
  height: 523px;
  width: 691px;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s; }

#check-in-bubble-one {
  position: absolute;
  left: 44px;
  top: 20px; }

#check-in-bubble-one-placer {
  position: absolute;
  top: 211px;
  left: 367px; }

#check-in-bubble-one-line {
  width: 256px;
  margin-top: 126px;
  margin-left: -47px;
  position: relative;
  z-index: 2;
  transform: rotate(44deg);
  -ms-transform: rotate(44deg);
  -moz-transform: rotate(44deg);
  -webkit-transform: rotate(44deg);
  -o-transform: rotate(44deg); }

#check-in-bubble-two {
  position: absolute;
  right: 91px;
  top: -75px; }

#check-in-bubble-two-placer {
  position: absolute;
  top: 177px;
  right: 239px; }

#check-in-bubble-two-line {
  width: 167px;
  position: absolute;
  z-index: 2;
  top: 110px;
  right: 115px;
  transform: rotate(-57deg);
  -ms-transform: rotate(-57deg);
  -moz-transform: rotate(-57deg);
  -webkit-transform: rotate(-57deg);
  -o-transform: rotate(-57deg); }

#check-in-bubble-three {
  position: absolute;
  right: 31px;
  top: 254px; }

#check-in-bubble-three-placer {
  position: absolute;
  top: 29px;
  right: 236px; }

#check-in-bubble-three-line {
  width: 98px;
  position: absolute;
  z-index: 2;
  top: 28px;
  right: 143px;
  transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  -o-transform: rotate(-7deg); }

#manage-guests-bubble-one {
  position: absolute;
  top: 275px;
  left: 98px; }

#manage-guests-bubble-one-placer {
  position: absolute;
  top: 197px;
  left: 319px; }

#manage-guests-bubble-one-line {
  position: absolute;
  z-index: 2;
  width: 263px;
  left: 95px;
  top: 117px;
  transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  -moz-transform: rotate(41deg);
  -webkit-transform: rotate(41deg);
  -o-transform: rotate(41deg); }

#manage-guests-bubble-two {
  position: absolute;
  right: 255px;
  top: -50px; }

#manage-guests-bubble-two-placer {
  position: absolute;
  top: 276px;
  right: 353px; }

#manage-guests-bubble-two-line {
  position: absolute;
  z-index: 2;
  width: 322px;
  right: 89px;
  top: 159px;
  transform: rotate(-48deg);
  -ms-transform: rotate(-48deg);
  -moz-transform: rotate(-48deg);
  -webkit-transform: rotate(-48deg);
  -o-transform: rotate(-48deg); }

/* table management */
#tables-management-block {
  width: 890px;
  margin: 0 auto;
  position: relative; }

#table-management-ipad {
  float: left;
  background: url("images/pro_sales/features-ipad4.png") no-repeat;
  width: 503px;
  height: 428px;
  margin-left: 40px;
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s; }

#table-management-hand {
  position: relative;
  left: -44px;
  top: 176px;
  z-index: 3;
  background: url("images/pro_sales/features-hand.png") no-repeat;
  width: 231px;
  height: 252px;
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s; }

#table-management-bubbles {
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  opacity: 0; }

#table-management-bubble-one {
  position: absolute;
  right: 180px;
  top: 335px; }

#table-management-bubble-one-placer {
  position: absolute;
  right: 252px;
  top: 33px; }

#table-management-bubble-one-line {
  position: absolute;
  z-index: 2;
  width: 135px;
  right: 120px;
  top: 31px;
  transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg); }

#table-management-bubble-two {
  position: absolute;
  right: 180px;
  top: 414px; }

#table-management-bubble-two-placer {
  position: absolute;
  right: 275px;
  top: 13px; }

#table-management-bubble-two-line {
  position: absolute;
  z-index: 2;
  width: 127px;
  right: 151px;
  top: 24px;
  transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -o-transform: rotate(4deg); }

#table-management-bubble-three {
  position: absolute;
  right: 180px;
  top: 492px; }

#table-management-bubble-three-line {
  position: absolute;
  z-index: 2;
  width: 249px;
  right: 156px;
  top: 4px;
  transform: rotate(21deg);
  -ms-transform: rotate(21deg);
  -moz-transform: rotate(21deg);
  -webkit-transform: rotate(21deg);
  -o-transform: rotate(21deg); }

#table-management-bubble-three-placer {
  position: absolute;
  right: 392px;
  top: -47px; }

/* know your customers */
#know-your-customers-block {
  float: left;
  width: 100%;
  margin: 50px 0 25px 0;
  position: relative; }

#know-your-customers-content {
  float: left;
  width: 322px;
  margin-left: 75px;
  min-height: 530px;
  position: relative;
  z-index: 2; }

#macbook-know-your-customers {
  position: absolute;
  background: url("images/pro_sales/features-macbook.png") no-repeat center right;
  width: 100%;
  height: 520px;
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s; }

#know-accordion {
  float: left;
  margin: 25px 0;
  min-height: 330px; }

/* promoter management */
#promoter-block {
  float: left;
  width: 100%; }

#promoter-bubble-one {
  position: absolute;
  left: 63px;
  top: 80px; }

#promoter-bubble-one-placer {
  position: absolute;
  top: 125px;
  left: 369px; }

#promoter-bubble-one-line {
  width: 236px;
  margin-top: 88px;
  margin-left: -9px;
  position: relative;
  z-index: 2;
  transform: rotate(21deg);
  -ms-transform: rotate(21deg);
  -moz-transform: rotate(21deg);
  -webkit-transform: rotate(21deg);
  -o-transform: rotate(21deg); }

#promoter-bubble-two {
  position: absolute;
  right: 77px;
  top: -56px; }

#promoter-bubble-two-placer {
  position: absolute;
  top: 349px;
  right: 445px; }

#promoter-bubble-two-line {
  width: 456px;
  position: absolute;
  z-index: 2;
  top: 221px;
  right: 40px;
  transform: rotate(-36deg);
  -ms-transform: rotate(-36deg);
  -moz-transform: rotate(-36deg);
  -webkit-transform: rotate(-36deg);
  -o-transform: rotate(-36deg); }

#tally-settings-bubble-one {
  position: absolute;
  left: 31px;
  top: 99px; }

#tally-settings-bubble-one-placer {
  position: absolute;
  top: 134px;
  left: 382px; }

#tally-settings-bubble-one-line {
  width: 284px;
  margin-top: 87px;
  margin-left: 113px;
  position: absolute;
  z-index: 2;
  transform: rotate(21deg);
  -ms-transform: rotate(21deg);
  -moz-transform: rotate(21deg);
  -webkit-transform: rotate(21deg);
  -o-transform: rotate(21deg); }

#tally-settings-bubble-two {
  position: absolute;
  right: 35px;
  top: 156px; }

#tally-settings-bubble-two-placer {
  position: absolute;
  top: 162px;
  right: 305px; }

#tally-settings-bubble-two-line {
  width: 218px;
  position: absolute;
  z-index: 2;
  top: 110px;
  right: 107px;
  transform: rotate(-31deg);
  -ms-transform: rotate(-31deg);
  -moz-transform: rotate(-31deg);
  -webkit-transform: rotate(-31deg);
  -o-transform: rotate(-31deg); }

/* advanced reporting block */
#advanced-reporting-content {
  float: right;
  margin-right: 75px;
  width: 345px;
  position: relative;
  z-index: 2; }

.bullets-list {
  float: left;
  padding: 0;
  list-style: none;
  margin: 35px 0; }

.bullets-list li {
  color: #676d85;
  font-size: 14px;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: bold;
  margin: 7px 0;
  background: url("images/pro_sales/list-bullet.png") no-repeat left 4px;
  padding-left: 20px; }

#advanced-reporting-block {
  float: left;
  width: 100%;
  position: relative;
  min-height: 560px; }

#macbook-advanced-reporting {
  position: absolute;
  background: url("images/pro_sales/features-macbook2.png") no-repeat center left;
  width: 100%;
  height: 500px;
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s; }

/* be open 24/7 */
#be-open-block {
  float: left;
  width: 100%;
  position: relative;
  text-align: center; }

#be-open-ipad {
  background: url("images/pro_sales/features-ipad2.png") no-repeat center;
  width: 100%;
  height: 427px;
  opacity: 0;
  position: relative;
  z-index: 2;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s; }

#be-open-tickets {
  float: left;
  background: url("images/pro_sales/features-ipad-tickets.png") no-repeat;
  width: 196px;
  height: 272px;
  position: absolute;
  margin-top: -334px;
  margin-left: 54px;
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s; }

/* POS integration */
#pos-integration-content {
  width: 760px;
  margin: 0 auto;
  position: relative; }

#pos-device {
  float: left;
  background: url("images/pro_sales/features-pos.png") no-repeat center;
  width: 230px;
  height: 364px; }

#pos-integrate {
  float: left;
  background: url("images/pro_sales/features-integrate.png") no-repeat;
  width: 98px;
  height: 96px;
  margin: 110px 0 0 80px;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite; }

#features-gateme-cloud {
  float: right;
  background: url("images/pro_sales/features-gateme.png") no-repeat;
  width: 299px;
  height: 255px;
  margin-top: 50px; }

/* facebook integration */
#facebook-block {
  margin: 0 auto;
  width: 840px;
  position: relative; }

#facebook-integration {
  float: left;
  background: url("images/pro_sales/features-facebook.png") no-repeat center;
  width: 100%;
  height: 373px;
  opacity: 0; }

#facebook-integration-tips {
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  margin-top: 42px; }

#facebook-bubble-one {
  position: absolute;
  top: 265px; }

#facebook-bubble-one-placer {
  position: absolute;
  left: 422px;
  top: 18px; }

#facebook-bubble-one-line {
  position: absolute;
  z-index: 2;
  width: 281px;
  top: 26px;
  left: 149px;
  transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  -o-transform: rotate(-1deg); }

#facebook-bubble-two {
  position: absolute;
  top: 343px; }

#facebook-bubble-two-placer {
  position: absolute;
  left: 408px;
  top: -2px; }

#facebook-bubble-two-line {
  position: absolute;
  z-index: 2;
  width: 257px;
  left: 159px;
  top: 19px;
  transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  -o-transform: rotate(-7deg); }

#facebook-bubble-three {
  position: absolute;
  top: 435px; }

#facebook-bubble-three-placer {
  position: absolute;
  left: 368px;
  top: -56px; }

#facebook-bubble-three-line {
  position: absolute;
  z-index: 2;
  width: 225px;
  left: 156px;
  top: -11px;
  transform: rotate(-21deg);
  -ms-transform: rotate(-21deg);
  -moz-transform: rotate(-21deg);
  -webkit-transform: rotate(-21deg);
  -o-transform: rotate(-21deg); }

#facebook-bubble-four {
  position: absolute;
  right: 0;
  top: 262px; }

#facebook-bubble-four-placer {
  position: absolute;
  right: 274px;
  top: 3px; }

#facebook-bubble-four-line {
  position: absolute;
  z-index: 2;
  width: 148px;
  right: 132px;
  top: 24px;
  transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  -moz-transform: rotate(13deg);
  -webkit-transform: rotate(13deg);
  -o-transform: rotate(13deg); }

#facebook-bubble-five {
  position: absolute;
  right: 0;
  top: 338px; }

#facebook-bubble-five-placer {
  position: absolute;
  right: 283px;
  top: 40px; }

#facebook-bubble-five-line {
  position: absolute;
  z-index: 2;
  width: 130px;
  top: 37px;
  right: 161px;
  transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -webkit-transform: rotate(-8deg);
  -o-transform: rotate(-8deg); }

/* Safety feature */
#safety-block {
  float: left;
  width: 100%;
  margin-top: 25px; }

#safety-content {
  float: right;
  width: 425px;
  margin-right: 75px; }

#safety-content h4 {
  display: block;
  color: #008cdf;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 18px;
  margin: 15px 0; }

#safety-content span {
  display: block;
  width: 100%;
  color: #676d85;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 13px;
  line-height: 23px; }

#trusted-ssl {
  float: left;
  background: url("images/pro_sales/icon-ssl.png") no-repeat;
  width: 159px;
  height: 40px;
  margin-top: 25px; }

#safe {
  float: left;
  background: url("images/pro_sales/features-safety.png") no-repeat;
  width: 394px;
  height: 331px;
  margin-left: 62px;
  position: relative;
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s; }

#safe-outer {
  position: absolute;
  background: url("images/pro_sales/features-safety-outer.png") no-repeat;
  width: 188px;
  height: 188px;
  top: 120px;
  right: 78px; }

#safe-inner {
  position: absolute;
  background: url("images/pro_sales/features-safety-inner.png") no-repeat;
  width: 135px;
  height: 135px;
  top: 149px;
  right: 105px; }

/* gateme devices */
#gateme-devices-block {
  float: left;
  width: 100%;
  position: relative;
  min-height: 435px; }

#features-devices {
  float: left;
  margin-left: 80px;
  width: 370px;
  position: relative;
  z-index: 2; }

#offline-notice {
  float: left;
  background: #eeeeee;
  border: 1px solid #dddddd;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 10px 15px;
  width: 332px; }

#offline-notice span {
  float: left;
  height: 35px;
  background: url("images/pro_sales/icon-offline.png") no-repeat left center;
  padding: 8px 0 0 40px;
  color: #666666;
  font-size: 13px;
  text-shadow: 0 1px 0 white;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }

#features-download {
  float: left;
  margin-top: 20px;
  width: 100%; }

#features-download li {
  margin-right: 15px; }

#features-download li {
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f3f3f3',GradientType=0 );
  border: 1px solid #d1d8de; }

.download-place.light {
  background: white;
  background: -moz-linear-gradient(top, white 0%, #e3e3e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e3e3e3));
  background: -webkit-linear-gradient(top, white 0%, #e3e3e3 100%);
  background: -o-linear-gradient(top, white 0%, #e3e3e3 100%);
  background: -ms-linear-gradient(top, white 0%, #e3e3e3 100%);
  background: linear-gradient(to bottom, white 0%, #e3e3e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 );
  border-right: 1px solid #d1d8de; }

#features-download li:hover {
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f9f9f9',GradientType=0 ); }

#features-download li:hover > .download-place.light {
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f4f4f4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, white 0%, #f4f4f4 100%);
  background: -o-linear-gradient(top, white 0%, #f4f4f4 100%);
  background: -ms-linear-gradient(top, white 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, white 0%, #f4f4f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); }

#features-download li:active {
  background: #f3f3f3;
  background: -moz-linear-gradient(top, #f3f3f3 0%, #fcfcfc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #fcfcfc));
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #fcfcfc 100%);
  background: -o-linear-gradient(top, #f3f3f3 0%, #fcfcfc 100%);
  background: -ms-linear-gradient(top, #f3f3f3 0%, #fcfcfc 100%);
  background: linear-gradient(to bottom, #f3f3f3 0%, #fcfcfc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fcfcfc',GradientType=0 ); }

#features-download li:active > .download-place.light {
  background: #e3e3e3;
  background: -moz-linear-gradient(top, #e3e3e3 0%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #e3e3e3 0%, white 100%);
  background: -o-linear-gradient(top, #e3e3e3 0%, white 100%);
  background: -ms-linear-gradient(top, #e3e3e3 0%, white 100%);
  background: linear-gradient(to bottom, #e3e3e3 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 ); }

.download-place.light span#ios {
  background: url("images/pro_sales/icon-features-app-store.png") no-repeat center; }

#features-download li a {
  color: #9a9fad; }

#features-download li a span {
  color: #485667;
  text-shadow: none; }

#devices-support {
  display: block;
  background: url("images/pro_sales/features-devices.png") no-repeat right center;
  width: 100%;
  height: 416px;
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s; }

/* try it for free */
#try-it-for-free {
  float: left;
  width: 100%;
  display: table;
  height: 125px;
  background: #331249;
  background: -moz-linear-gradient(top, #331249 0%, #794c7a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #331249), color-stop(100%, #794c7a));
  background: -webkit-linear-gradient(top, #331249 0%, #794c7a 100%);
  background: -o-linear-gradient(top, #331249 0%, #794c7a 100%);
  background: -ms-linear-gradient(top, #331249 0%, #794c7a 100%);
  background: linear-gradient(to bottom, #331249 0%, #794c7a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#331249', endColorstr='#794c7a',GradientType=0 );
  text-align: center; }

#try-it-for-free span {
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-family: ProximaNova-Semibold, Helvetica, sans-serif;
  font-size: 18px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.26);
  text-align: right; }

#try-it-for-free-btn {
  float: left;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
  background: -o-linear-gradient(top, white 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, white 0%, #dddddd 100%);
  background: linear-gradient(to bottom, white 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
  color: #3d1751;
  font-family: ProximaNova-Bold, Helvetica, sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 20px 30px 17px 30px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.23);
  margin: 31px 20px; }

#try-it-for-free-btn:hover {
  background: #ffac82;
  background: -moz-linear-gradient(top, #ffac82 0%, #ff9326 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffac82), color-stop(100%, #ff9326));
  background: -webkit-linear-gradient(top, #ffac82 0%, #ff9326 100%);
  background: -o-linear-gradient(top, #ffac82 0%, #ff9326 100%);
  background: -ms-linear-gradient(top, #ffac82 0%, #ff9326 100%);
  background: linear-gradient(to bottom, #ffac82 0%, #ff9326 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffac82', endColorstr='#ff9326',GradientType=0 );
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); }

#try-it-for-free-btn:active {
  background: #ff993c;
  background: -moz-linear-gradient(top, #ff993c 0%, #ffb399 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff993c), color-stop(100%, #ffb399));
  background: -webkit-linear-gradient(top, #ff993c 0%, #ffb399 100%);
  background: -o-linear-gradient(top, #ff993c 0%, #ffb399 100%);
  background: -ms-linear-gradient(top, #ff993c 0%, #ffb399 100%);
  background: linear-gradient(to bottom, #ff993c 0%, #ffb399 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff993c', endColorstr='#ffb399',GradientType=0 );
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); }

#page-bottom-contacts {
  float: left;
  width: 100%; }

#b-contacts {
  display: table;
  margin: 30px auto 5px auto; }

#page-bottom-contacts span, #page-bottom-contacts a {
  display: table-cell;
  vertical-align: middle;
  color: #999999;
  font-size: 24px;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: 100;
  padding-left: 45px;
  margin-right: 10px;
  text-decoration: none;
  line-height: 35px; }

#page-bottom-contacts span#tel {
  background: url("images/pro_sales/icon-tel.png") no-repeat center left;
  padding-right: 50px; }

#page-bottom-contacts a#email {
  background: url("images/pro_sales/icon-features-email.png") no-repeat center left;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica, Arial, Lucida Grande, sans-serif; }

/* bottom social */
#bottom-social {
  float: left;
  width: 100%;
  margin-bottom: 40px; }

#bottom-social-elements {
  display: table;
  margin: 0 auto;
  font-family: Helvetica, Arial, Lucida Grande, sans-serif;
  color: rgba(235, 235, 235, 0.7);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
  font-size: 12px; }

/* nav tabs at feature page */
.tabbed {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
  position: relative; }

.tabbed li {
  width: 100%;
  float: left;
  display: none; }

.tabbed li.active {
  display: block; }

.tabbed li .img {
  float: left;
  width: 100%;
  min-height: 400px;
  text-align: center; }

.tabbed li .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0; }

.tabbed li .overlay.active {
  opacity: 1; }

.features-bubble {
  float: left;
  background: #0092d9;
  padding: 15px 10px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  color: white;
  font-weight: bold;
  font-size: 13px;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  position: relative;
  z-index: 4; }

.features-bubble-placer {
  float: left;
  background: #0092d9;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  width: 8px;
  height: 8px;
  border: 2px solid white; }

.features-bubble-line {
  float: left;
  background: #0092d9;
  height: 2px; }

.nav-tabs {
  margin: 25px auto;
  display: table;
  position: relative;
  list-style: none;
  padding: 0;
  border: 1px solid #cfcfcf;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  background: #fdfdfd;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%);
  background: -ms-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #fdfdfd 0%, #f4f4f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f4f4',GradientType=0 ); }

.nav-tabs li {
  display: table-cell;
  padding: 12px 14px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  color: #2c80cc;
  font-weight: bold;
  cursor: pointer;
  font-size: 14px;
  float: left; }

.nav-tabs li.active {
  background: #666666;
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.34);
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  margin: -1px;
  padding: 13px 14px; }

/* ABOUT US */
#page-subtitle {
  float: left;
  width: 100%;
  text-align: center;
  color: #444444;
  margin: 40px 0 45px 0; }

#page-subtitle h1 {
  font-family: ProximaNova-Light, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
  font-size: 48px;
  line-height: 48px; }

#page-subtitle h2 {
  font-family: ProximaNova-Bold, Helvetica, sans-serif;
  font-size: 48px;
  font-weight: normal;
  line-height: 48px;
  margin: 0; }

#about-gateme {
  margin: 50px auto 0 auto;
  width: 835px; }

#about-company {
  float: left;
  width: 515px;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  margin-bottom: 35px; }

#about-company h4, #logo-info h4 {
  display: block;
  color: #333333;
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 20px 0; }

#about-company span, #logo-info span {
  display: block;
  color: #676d85;
  font-size: 15px;
  line-height: 27px;
  font-weight: normal; }

#company-contacts {
  float: right;
  margin-bottom: 35px;
  width: 248px; }

#company-information {
  float: left; }

.box {
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f3f3f3',GradientType=0 );
  border: 1px solid #d1d8de;
  transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg); }

.box > .box {
  transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg); }

#company-information-outer {
  float: left; }

#company-information-inner {
  float: left;
  width: 196px;
  padding: 10px 25px; }

#company-information-inner span, #customer-company-information-inner span {
  float: left;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  margin: 10px 0;
  color: #676d85;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 13px;
  line-height: 20px; }

#company-social {
  float: right;
  margin: 20px 15px 0 0;
  color: #07628d;
  font-size: 12px; }

#company-social > .fb-like, #company-social > .twitter-follow-button {
  opacity: 1 !important; }

.team-content {
  width: 880px;
  margin: 40px auto 0 auto; }

.team-content h2 {
  display: block;
  color: #444444;
  font-family: ProximaNova-Bold, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: normal;
  margin: 0 0 0 5px; }

.team-content span.desc {
  display: block;
  margin: 8px 0 0 5px;
  color: #868686;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 15px; }

.the-team {
  float: left;
  width: 100%;
  margin-top: 60px;
  padding: 0;
  list-style: none; }

.the-team li {
  float: left;
  width: 417px;
  margin: 0 45px 60px 0; }

.the-team li .picture {
  float: left;
  width: 150px; }

#join-with-us {
  width: 148px;
  height: 213px;
  background: url("images/pro_sales/want-to-join.png") no-repeat;
  float: left;
  border: 1px dashed #bbb;
  border-radius: 5px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); }

#join-with-us:hover {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2); }

.the-team li .about {
  float: right;
  width: 252px;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }

.the-team li .about.blur {
  background: url("images/pro_sales/blur-information.png") no-repeat;
  height: 228px;
  width: 239px; }

.the-team li .about h4 {
  float: left;
  margin: 0;
  font-family: ProximaNova-Bold, Helvetica, sans-serif;
  font-weight: normal;
  color: #444444;
  font-size: 18px; }

.the-team li .about .tag {
  float: left;
  margin: -2px 0 0 5px;
  background: #bbbbbb;
  color: white;
  font-size: 12px;
  padding: 3px 8px;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.the-team li .about .occupation {
  display: block;
  clear: both;
  color: #676d85;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px; }

.the-team li .about .email {
  display: block;
  color: #73b700;
  font-size: 13px; }

.the-team li .about .email:hover, .the-team li .about .contacts span a:hover {
  text-decoration: none; }

.the-team li .about .contacts {
  float: left;
  width: 100%;
  margin: 13px 0;
  color: #666666;
  font-size: 14px; }

.the-team li .about .contacts span {
  float: left;
  width: 100%;
  margin: 2px 0; }

.the-team li .about .contacts span a {
  color: #73b700; }

.the-team li .about .desc {
  display: block;
  color: #676d85;
  font-size: 13px;
  line-height: 23px;
  font-weight: normal; }

#brand-and-logo {
  margin: 50px auto 0 auto;
  width: 776px;
  text-align: center; }

#brand-and-logo h1 {
  margin-top: 0; }

#logos {
  float: left;
  width: 100%;
  list-style: none;
  display: table;
  padding: 0;
  margin-top: 15px; }

#logos li {
  width: 194px;
  display: table-cell;
  vertical-align: middle; }

#logos li .sample {
  margin-bottom: 10px; }

#logos li .sample img {
  border-radius: 7px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);
  width: 150px;
  padding: 12px 16px; }

#logos li .sample.light img {
  background: #ccc; }

#logos li .sample.dark img {
  background: #444; }

#logos li span.desc {
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: bold;
  color: #676d85;
  font-size: 13px;
  line-height: 20px; }

#logos li span.desc a {
  text-decoration: none;
  color: #6c4499; }

#logos-lisence {
  float: left;
  width: 100%;
  margin-bottom: 35px;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #aaaaaa;
  line-height: 20px; }

#old-logo-block {
  float: left;
  width: 100%;
  background: #f9f9f9;
  -moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.1), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.1), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.1), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.1);
  padding: 50px 0; }

#old-logo-content {
  margin: 0 auto;
  width: 740px; }

#logo-info {
  float: left;
  width: 400px; }

#old-logo-sample {
  float: right;
  width: 275px;
  margin-top: 38px; }

#page-footer-logos-content {
  margin: 30px 0 10px 0;
  float: left;
  width: 100%; }

#page-footer-logos {
  margin: 0 auto;
  padding: 0;
  display: table;
  text-align: center; }

#page-footer-logos li {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  padding: 0 5px;
  opacity: .5;
  transition: opacity .2s;
  -moz-transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s; }

#page-footer-logos li:hover {
  opacity: 1; }

/* CUSTOMERS PAGE */
#customers-content {
  margin: 0 auto;
  width: 830px;
  text-align: center; }

#customers-list {
  float: left;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 25px 0; }

#customers-list li {
  float: left;
  width: 255px;
  min-height: 300px;
  padding-bottom: 10px;
  border: 1px solid #d1d8de;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f3f3f3',GradientType=0 );
  margin: 0 29px 25px 0;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  /*cursor: pointer;*/ }

#customers-list li:hover {
  /*border: 1px solid rgb(176, 181, 185);*/ }

#customers-list li a {
  text-decoration: none; }

#customers-list li .logo {
  float: left;
  margin: -1px;
  width: 257px;
  height: 139px;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0; }

#customers-list li .about {
  float: left;
  width: 100%;
  margin-top: 24px; }

#customers-list li .about h4 {
  display: block;
  color: #475566;
  margin: 0;
  font-weight: bold;
  font-size: 16px; }

#customers-list li .about span {
  float: left;
  width: 90%;
  color: #666666;
  font-size: 13px;
  line-height: 20px;
  margin-left: 12px;
  padding: 15px 0 20px 0; }

.btn.read-more {
  display: inline-block;
  padding: 10px 25px;
  color: #666666;
  text-decoration: none;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.26);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #b6b6b6;
  background: #ececec;
  background: -moz-linear-gradient(top, #ececec 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, #ececec 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, #ececec 0%, #e0e0e0 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #e0e0e0 100%);
  background: linear-gradient(to bottom, #ececec 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#e0e0e0',GradientType=0 );
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }

.btn.read-more:hover, #customers-list li:hover .btn.read-more {
  background: #4db1dd;
  background: -moz-linear-gradient(top, #4db1dd 0%, #2d78c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4db1dd), color-stop(100%, #2d78c4));
  background: -webkit-linear-gradient(top, #4db1dd 0%, #2d78c4 100%);
  background: -o-linear-gradient(top, #4db1dd 0%, #2d78c4 100%);
  background: -ms-linear-gradient(top, #4db1dd 0%, #2d78c4 100%);
  background: linear-gradient(to bottom, #4db1dd 0%, #2d78c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4db1dd', endColorstr='#2d78c4',GradientType=0 );
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26);
  border: 1px solid #2f77a7; }

.btn.read-more:active {
  background: #2d78c4 !important;
  background: -moz-linear-gradient(top, #2d78c4 0%, #4db1dd 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d78c4), color-stop(100%, #4db1dd)) !important;
  background: -webkit-linear-gradient(top, #2d78c4 0%, #4db1dd 100%) !important;
  background: -o-linear-gradient(top, #2d78c4 0%, #4db1dd 100%) !important;
  background: -ms-linear-gradient(top, #2d78c4 0%, #4db1dd 100%) !important;
  background: linear-gradient(to bottom, #2d78c4 0%, #4db1dd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d78c4', endColorstr='#4db1dd',GradientType=0 ) !important; }

/* CUSTOMER DETAILS */
#customer-details {
  margin: 0 auto;
  width: 900px; }

#customer-information {
  float: left;
  width: 100%; }

#customer-information h2 {
  display: block;
  font-size: 40px;
  color: #222222;
  font-family: ProximaNova-Bold, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 35px 0 0 0; }

#customer-description {
  float: left;
  width: 100%; }

#customer-description span.desc {
  float: left;
  width: 520px;
  text-align: left;
  margin-top: 10px; }

.customer-details-btn {
  float: right;
  margin-top: 10px; }

.customer-details-btn span {
  display: inline-block;
  background: url("images/pro_sales/customer-btn-arrow.png") no-repeat top;
  width: 5px;
  height: 11px;
  margin: 5px 0 -2px 5px;
  line-height: 20px;
  clear: both; }

.customer-details-btn:hover > span {
  background-position: bottom; }

#customer-body {
  float: left;
  width: 100%;
  margin: 30px 0; }

#customer-left {
  width: 605px; }

#customer-right {
  float: right;
  width: 255px; }

#customer-company-information-outer {
  float: left;
  transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg); }

#customer-company-information-inner {
  float: left;
  width: 198px;
  padding: 15px 22px;
  transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg); }

#customer-company-information-inner span {
  margin: 5px 0; }

#customer-company-information-inner span a {
  color: #4e1f4d; }

#customer-company-information-inner span a:hover {
  text-decoration: none; }

#customer-company-information-inner span ul {
  float: left;
  width: 100%;
  padding-left: 30px; }

#customer-company-information-inner span ul li {
  padding: 2px 0; }

#customers-gallery {
  float: left;
  display: table;
  list-style: none;
  width: 96%;
  padding: 0;
  margin: 25px 0 0 4px; }

#customers-gallery li {
  display: table-cell;
  vertical-align: middle; }

#customer-social {
  float: left;
  margin: 25px 0 0 35px; }

#customer-social .fb-like {
  opacity: 1;
  margin-right: 10px; }

/* JOBS PAGE */
body.jobs-base .page-item {
  background: -moz-linear-gradient(top, rgba(221, 221, 221, 0.5) 0%, rgba(255, 255, 255, 0) 3%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(221, 221, 221, 0.5)), color-stop(3%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(221, 221, 221, 0.5) 0%, rgba(255, 255, 255, 0) 3%);
  background: -o-linear-gradient(top, rgba(221, 221, 221, 0.5) 0%, rgba(255, 255, 255, 0) 3%);
  background: -ms-linear-gradient(top, rgba(221, 221, 221, 0.5) 0%, rgba(255, 255, 255, 0) 3%);
  background: linear-gradient(to bottom, rgba(221, 221, 221, 0.5) 0%, rgba(255, 255, 255, 0) 3%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80dddddd', endColorstr='#00ffffff',GradientType=0 ); }

#jobs-page-list {
  line-height: 50px;
  text-align: center; }

#jobs-page-list .looking-for {
  color: #bbb;
  font-size: 18px;
  font-style: italic;
  margin: 20px 0 6px; }

#jobs-page-list ul {
  list-style: none; }

#jobs-page-list ul li {
  display: inline-block; }

#jobs-page-list li a {
  border: 1px solid #cccccc;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
  margin-right: 13px;
  padding: 12px 24px;
  text-decoration: none;
  color: #777777;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  text-shadow: 0 1px 1px white; }

#jobs-page-list li a:hover {
  background: white;
  background: -moz-linear-gradient(top, white 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
  background: -o-linear-gradient(top, white 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, white 0%, #dddddd 100%);
  background: linear-gradient(to bottom, white 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); }

#jobs-page-list li a:active {
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.23); }

.content-table {
  display: table;
  margin-left: 5%;
  width: 90%; }

.content-row {
  display: table-row; }

.content-row .content-cell {
  color: #676d85;
  display: table-cell;
  font-size: 14px;
  line-height: 24px;
  padding: 10px 20px 75px;
  text-align: left;
  vertical-align: top;
  width: 50%; }

.content-row .content-cell h3 {
  color: #212121;
  font-size: 21px; }

.content-row .content-cell a {
  color: #3794d3;
  text-decoration: none; }

.content-row .content-cell a:hover {
  color: #236d9e; }

.content-row .content-cell .job-actions {
  line-height: 50px;
  margin: 30px; }

.content-row .content-cell .job-actions a {
  color: #fff;
  float: left;
  margin-right: 24px; }

.job-offer {
  text-align: center; }

.job-offer h2 {
  color: #212121;
  font-size: 42px; }

.job-offer .job-desc {
  color: #676d85;
  font-size: 16px;
  line-height: 28px;
  margin: -20px 200px 60px; }

.job-offer .content-cell:first-child {
  width: 30%; }

.job-offer .box > .box {
  padding-bottom: 75px; }

.job-offer .box h4 {
  color: #0092D9;
  font-size: 20px;
  margin: 30px 0;
  text-align: center; }

.job-offer .box h4, .job-offer .box ul {
  -webkit-transform: translate3d(0, 0, 0); }

.job-offer ul {
  color: #676d85;
  font-size: 14px;
  list-style: none;
  padding: 0 30px; }

.job-offer ul li {
  padding-left: 20px;
  text-indent: -18px; }

.job-offer ul li:before {
  content: "\2022";
  color: #777;
  font-size: 24px;
  left: -8px;
  position: relative;
  top: 4px; }

.job-offer .box ul {
  font-size: 13px; }

.job-offer .box ul li:before {
  left: 0; }

.job-offer .content-row .content-cell h3 {
  font-size: 18px; }

.divider {
  margin: 35px auto;
  background: -moz-linear-gradient(left, rgba(172, 172, 172, 0) 0%, #d2d2d2 50%, rgba(172, 172, 172, 0));
  /* FF3.6+ */
  background: -webkit-linear-gradient(left, rgba(172, 172, 172, 0) 0%, #d2d2d2 50%, rgba(172, 172, 172, 0));
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(172, 172, 172, 0) 0%, #d2d2d2 50%, rgba(172, 172, 172, 0));
  /* Opera11.10+ */
  background: -ms-linear-gradient(left, rgba(172, 172, 172, 0) 0%, #d2d2d2 50%, rgba(172, 172, 172, 0));
  /* IE10+ */
  background: linear-gradient(left, rgba(172, 172, 172, 0) 0%, #d2d2d2 50%, rgba(172, 172, 172, 0));
  /* W3C */
  height: 1px;
  width: 550px; }

/* PRICING PAGE */
body.pricing #currency-select {
  float: right;
  margin-right: 50px; }
  body.pricing #currency-select .currency {
    background: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    margin: 1px 0;
    padding: 3px 8px; }
    body.pricing #currency-select .currency:hover, body.pricing #currency-select .currency.active {
      background-color: #ddd;
      cursor: pointer; }
    body.pricing #currency-select .currency img {
      position: relative;
      top: 1px; }
body.pricing #pricing-list {
  float: left;
  list-style: none;
  padding: 0 50px;
  margin: 25px 0; }
  body.pricing #pricing-list li.pricing-plan {
    float: left;
    min-height: 562px;
    width: 300px; }
    body.pricing #pricing-list li.pricing-plan .pricing-plan-helper {
      border: 1px solid #ccc;
      border-radius: 7px;
      color: #777;
      min-height: 560px;
      line-height: 1.2;
      text-align: center;
      background-color: #eaeaea;
      /* For greater backwards compatibility */
      background: -moz-linear-gradient(top, #f5f5f5, #e0e0e0);
      /* FF3.6+ */
      background: -webkit-linear-gradient(top, #f5f5f5, #e0e0e0);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #f5f5f5, #e0e0e0);
      /* Opera11.10+ */
      background: -ms-linear-gradient(top, #f5f5f5, #e0e0e0);
      /* IE10+ */
      background: linear-gradient(top, #f5f5f5, #e0e0e0);
      /* W3C */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e0e0e0));
      /* Chrome,Safari4+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF5F5F5', endColorstr='#FFE0E0E0',GradientType=0 );
      /* IE6-9 */ }
      body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-header {
        border-radius: 7px 7px 0 0;
        display: table-cell;
        height: 120px;
        padding: 0 20px;
        position: relative;
        text-transform: uppercase;
        vertical-align: middle;
        width: 300px;
        background-color: #e1e1e1;
        /* For greater backwards compatibility */
        background: -moz-linear-gradient(top, #eee, #d5d5d5);
        /* FF3.6+ */
        background: -webkit-linear-gradient(top, #eee, #d5d5d5);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eee, #d5d5d5);
        /* Opera11.10+ */
        background: -ms-linear-gradient(top, #eee, #d5d5d5);
        /* IE10+ */
        background: linear-gradient(top, #eee, #d5d5d5);
        /* W3C */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #d5d5d5));
        /* Chrome,Safari4+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEEEEEE', endColorstr='#FFD5D5D5',GradientType=0 );
        /* IE6-9 */ }
        body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-header .plan-name {
          color: #000;
          font-family: ProximaNova-Bold;
          font-size: 38px; }
        body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-header .plan-price {
          color: #000;
          font-family: ProximaNova-Light;
          font-size: 22px; }
        body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-header .plan-desc {
          color: #999;
          font-family: ProximaNova-Bold;
          font-size: 13px;
          margin-top: 12px; }
        body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-header .ribbon-wrapper {
          width: 100px;
          height: 60px;
          overflow: hidden;
          position: absolute;
          top: 0;
          left: 0; }
          body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-header .ribbon-wrapper .ribbon-popular {
            background: #fff;
            color: #320061;
            font-family: ProximaNova-Bold;
            font-size: 15px;
            text-align: center;
            padding: 2px 0 0;
            position: absolute;
            left: -24px;
            top: 11px;
            width: 121px;
            -moz-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            -o-transform: rotate(-30deg);
            -ms-transform: rotate(-30deg);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }
      body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-content {
        padding-bottom: 24px; }
        body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-content > ul {
          font-weight: bold;
          list-style-type: none;
          margin: 0 0 36px;
          min-height: 300px;
          padding: 0; }
          body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-content > ul > li {
            border-bottom: 1px solid #d5d5d5;
            font-family: Helvetica, Arial, Lucida Grande, sans-serif;
            font-size: 14px;
            padding: 14px 40px;
            box-shadow: 0px 1px 0 #fff;
            -moz-box-shadow: 0px 1px 0 #fff;
            -webkit-box-shadow: 0px 1px 0 #fff; }
            body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-content > ul > li .sub-list {
              font-size: 14px;
              font-weight: normal;
              line-height: 28px;
              margin-top: 12px; }
          body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-content > ul.higher > li {
            padding-bottom: 25px;
            padding-top: 25px; }
          body.pricing #pricing-list li.pricing-plan .pricing-plan-helper .plan-content > ul.highest > li {
            padding-bottom: 41px;
            padding-top: 41px; }
      body.pricing #pricing-list li.pricing-plan .pricing-plan-helper:hover {
        background-color: #d8d8d8;
        /* For greater backwards compatibility */
        background: -moz-linear-gradient(top, #e4e4e4, #ccc);
        /* FF3.6+ */
        background: -webkit-linear-gradient(top, #e4e4e4, #ccc);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e4e4e4, #ccc);
        /* Opera11.10+ */
        background: -ms-linear-gradient(top, #e4e4e4, #ccc);
        /* IE10+ */
        background: linear-gradient(top, #e4e4e4, #ccc);
        /* W3C */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #ccc));
        /* Chrome,Safari4+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE4E4E4', endColorstr='#FFCCCCCC',GradientType=0 );
        /* IE6-9 */ }
        body.pricing #pricing-list li.pricing-plan .pricing-plan-helper:hover .plan-header {
          background-color: #d8d8d8;
          /* For greater backwards compatibility */
          background: -moz-linear-gradient(top, #e4e4e4, #ccc);
          /* FF3.6+ */
          background: -webkit-linear-gradient(top, #e4e4e4, #ccc);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #e4e4e4, #ccc);
          /* Opera11.10+ */
          background: -ms-linear-gradient(top, #e4e4e4, #ccc);
          /* IE10+ */
          background: linear-gradient(top, #e4e4e4, #ccc);
          /* W3C */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #ccc));
          /* Chrome,Safari4+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE4E4E4', endColorstr='#FFCCCCCC',GradientType=0 );
          /* IE6-9 */ }
    body.pricing #pricing-list li.pricing-plan.pricing-main {
      position: relative; }
      body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper {
        border: 2px solid #fff;
        color: #aea1ba;
        min-height: 600px;
        width: 308px;
        position: absolute;
        left: -5px;
        top: -30px;
        z-index: 10;
        background-color: #301051;
        /* For greater backwards compatibility */
        background: -moz-linear-gradient(top, #32085c, #2f1946);
        /* FF3.6+ */
        background: -webkit-linear-gradient(top, #32085c, #2f1946);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #32085c, #2f1946);
        /* Opera11.10+ */
        background: -ms-linear-gradient(top, #32085c, #2f1946);
        /* IE10+ */
        background: linear-gradient(top, #32085c, #2f1946);
        /* W3C */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32085c), color-stop(100%, #2f1946));
        /* Chrome,Safari4+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF32085C', endColorstr='#FF2F1946',GradientType=0 );
        /* IE6-9 */
        box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.39);
        -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.39);
        -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.39); }
        body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper .plan-header {
          height: 160px;
          background-color: #2b0354;
          /* For greater backwards compatibility */
          background: -moz-linear-gradient(top, #330066, #240642);
          /* FF3.6+ */
          background: -webkit-linear-gradient(top, #330066, #240642);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #330066, #240642);
          /* Opera11.10+ */
          background: -ms-linear-gradient(top, #330066, #240642);
          /* IE10+ */
          background: linear-gradient(top, #330066, #240642);
          /* W3C */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #330066), color-stop(100%, #240642));
          /* Chrome,Safari4+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF330066', endColorstr='#FF240642',GradientType=0 );
          /* IE6-9 */ }
          body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper .plan-header .plan-name {
            color: #fff; }
          body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper .plan-header .plan-price {
            color: #fff;
            font-size: 55px;
            margin-top: 8px; }
          body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper .plan-header .plan-desc {
            color: #fff;
            margin: 0; }
        body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper .plan-content > ul {
          margin-bottom: 20px; }
          body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper .plan-content > ul > li {
            border-bottom: 1px solid #2a094b;
            font-size: 18px;
            box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.05);
            -moz-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.05);
            -webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.05); }
        body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper .btn.orange {
          border: none;
          color: #fff;
          font-weight: bold;
          font-size: 22px;
          padding: 12px 28px;
          background-color: #ff5e27;
          /* For greater backwards compatibility */
          background: -moz-linear-gradient(top, #ff7731, #ff461d);
          /* FF3.6+ */
          background: -webkit-linear-gradient(top, #ff7731, #ff461d);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #ff7731, #ff461d);
          /* Opera11.10+ */
          background: -ms-linear-gradient(top, #ff7731, #ff461d);
          /* IE10+ */
          background: linear-gradient(top, #ff7731, #ff461d);
          /* W3C */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7731), color-stop(100%, #ff461d));
          /* Chrome,Safari4+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF7731', endColorstr='#FFFF461D',GradientType=0 );
          /* IE6-9 */ }
          body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper .btn.orange:hover {
            background-color: #ff7d4f;
            /* For greater backwards compatibility */
            background: -moz-linear-gradient(top, #ff9e64, #ff5c3a);
            /* FF3.6+ */
            background: -webkit-linear-gradient(top, #ff9e64, #ff5c3a);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ff9e64, #ff5c3a);
            /* Opera11.10+ */
            background: -ms-linear-gradient(top, #ff9e64, #ff5c3a);
            /* IE10+ */
            background: linear-gradient(top, #ff9e64, #ff5c3a);
            /* W3C */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9e64), color-stop(100%, #ff5c3a));
            /* Chrome,Safari4+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF9E64', endColorstr='#FFFF5C3A',GradientType=0 );
            /* IE6-9 */ }
          body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper .btn.orange:active {
            background-color: #ff7d4f;
            /* For greater backwards compatibility */
            background: -moz-linear-gradient(top, #ff5c3a, #ff9e64);
            /* FF3.6+ */
            background: -webkit-linear-gradient(top, #ff5c3a, #ff9e64);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ff5c3a, #ff9e64);
            /* Opera11.10+ */
            background: -ms-linear-gradient(top, #ff5c3a, #ff9e64);
            /* IE10+ */
            background: linear-gradient(top, #ff5c3a, #ff9e64);
            /* W3C */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5c3a), color-stop(100%, #ff9e64));
            /* Chrome,Safari4+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF5C3A', endColorstr='#FFFF9E64',GradientType=0 );
            /* IE6-9 */ }
        body.pricing #pricing-list li.pricing-plan.pricing-main .pricing-plan-helper.hover {
          background-color: #380c63;
          /* For greater backwards compatibility */
          background: -moz-linear-gradient(top, #420081, #2f1946);
          /* FF3.6+ */
          background: -webkit-linear-gradient(top, #420081, #2f1946);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #420081, #2f1946);
          /* Opera11.10+ */
          background: -ms-linear-gradient(top, #420081, #2f1946);
          /* IE10+ */
          background: linear-gradient(top, #420081, #2f1946);
          /* W3C */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #420081), color-stop(100%, #2f1946));
          /* Chrome,Safari4+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF420081', endColorstr='#FF2F1946',GradientType=0 );
          /* IE6-9 */ }
body.pricing .pricing-footer {
  color: #6b6d84;
  float: left;
  font-size: 14px;
  padding: 24px 0;
  text-align: center;
  width: 100%; }
body.pricing .btn {
  display: inline-block; }
body.pricing .tooltip-trigger {
  position: relative; }
  body.pricing .tooltip-trigger .tooltip {
    border: 1px solid #bbb;
    border-radius: 7px;
    color: #eee;
    display: none;
    left: 37px;
    line-height: 24px;
    opacity: 0.9;
    padding: 6px 12px;
    position: absolute;
    width: 200px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
    background-color: #222222;
    /* For greater backwards compatibility */
    background: -moz-linear-gradient(top, #333, #111);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #333, #111);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #333, #111);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #333, #111);
    /* IE10+ */
    background: linear-gradient(top, #333, #111);
    /* W3C */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #111));
    /* Chrome,Safari4+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF333333', endColorstr='#FF111111',GradientType=0 );
    /* IE6-9 */ }

/* post elements */
.post-body {
  float: left;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }

.post-body h4 {
  display: block;
  color: #333333;
  font-size: 17px;
  margin: 0; }

.post-body p {
  display: block;
  font-size: 14px;
  line-height: 23px;
  color: #676d85;
  font-weight: normal;
  margin: 20px 0; }

.post-body blockquote {
  display: block;
  background: url("images/pro_sales/blockquote-up.png") no-repeat 23px 21px;
  margin: 0;
  padding: 0 50px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd; }

.post-body blockquote p {
  font-size: 17px;
  color: #666666;
  font-style: italic;
  background: url("images/pro_sales/blockquote-bottom.png") no-repeat bottom right; }

/* global btns */
.btn {
  padding: 10px 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }

.btn.green {
  background: #add500;
  background: -moz-linear-gradient(top, #add500 0%, #70b800 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #add500), color-stop(100%, #70b800));
  background: -webkit-linear-gradient(top, #add500 0%, #70b800 100%);
  background: -o-linear-gradient(top, #add500 0%, #70b800 100%);
  background: -ms-linear-gradient(top, #add500 0%, #70b800 100%);
  background: linear-gradient(to bottom, #add500 0%, #70b800 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add500', endColorstr='#70b800',GradientType=0 );
  border: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  color: white;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  text-decoration: none; }

.btn.green:hover {
  background: #c4e100;
  background: -moz-linear-gradient(top, #c4e100 0%, #55ac00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4e100), color-stop(100%, #55ac00));
  background: -webkit-linear-gradient(top, #c4e100 0%, #55ac00 100%);
  background: -o-linear-gradient(top, #c4e100 0%, #55ac00 100%);
  background: -ms-linear-gradient(top, #c4e100 0%, #55ac00 100%);
  background: linear-gradient(to bottom, #c4e100 0%, #55ac00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4e100', endColorstr='#55ac00',GradientType=0 ); }

.btn.green:active {
  background: #6bb500;
  background: -moz-linear-gradient(top, #6bb500 0%, #b1d700 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6bb500), color-stop(100%, #b1d700));
  background: -webkit-linear-gradient(top, #6bb500 0%, #b1d700 100%);
  background: -o-linear-gradient(top, #6bb500 0%, #b1d700 100%);
  background: -ms-linear-gradient(top, #6bb500 0%, #b1d700 100%);
  background: linear-gradient(to bottom, #6bb500 0%, #b1d700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb500', endColorstr='#b1d700',GradientType=0 ); }

.btn.blue {
  background: #41addd;
  background: -moz-linear-gradient(top, #41addd 0%, #2770c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #41addd), color-stop(100%, #2770c4));
  background: -webkit-linear-gradient(top, #41addd 0%, #2770c4 100%);
  background: -o-linear-gradient(top, #41addd 0%, #2770c4 100%);
  background: -ms-linear-gradient(top, #41addd 0%, #2770c4 100%);
  background: linear-gradient(to bottom, #41addd 0%, #2770c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41addd', endColorstr='#2770c4',GradientType=0 );
  border: 1px solid #2a74d3;
  -webkit-box-shadow: inset 0 1px 0 0 #77c5ec;
  box-shadow: inset 0 1px 0 0 #77c5ec;
  color: white;
  font-size: 17px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
  cursor: pointer;
  line-height: 18px; }

.btn.blue span {
  background: url("images/pro_sales/icon-confirm.png") no-repeat center center;
  width: 100%;
  height: 20px;
  margin-top: -2px; }

.btn.blue:hover {
  background: #4cc4e6;
  background: -moz-linear-gradient(top, #4cc4e6 0%, #1a55ba 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4cc4e6), color-stop(100%, #1a55ba));
  background: -webkit-linear-gradient(top, #4cc4e6 0%, #1a55ba 100%);
  background: -o-linear-gradient(top, #4cc4e6 0%, #1a55ba 100%);
  background: -ms-linear-gradient(top, #4cc4e6 0%, #1a55ba 100%);
  background: linear-gradient(to bottom, #4cc4e6 0%, #1a55ba 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cc4e6', endColorstr='#1a55ba',GradientType=0 ); }

.btn.blue:active {
  background: #256bc1;
  background: -moz-linear-gradient(top, #256bc1 0%, #44b1df 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #256bc1), color-stop(100%, #44b1df));
  background: -webkit-linear-gradient(top, #256bc1 0%, #44b1df 100%);
  background: -o-linear-gradient(top, #256bc1 0%, #44b1df 100%);
  background: -ms-linear-gradient(top, #256bc1 0%, #44b1df 100%);
  background: linear-gradient(to bottom, #256bc1 0%, #44b1df 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#256bc1', endColorstr='#44b1df',GradientType=0 );
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn.orange {
  background: #ffbe61;
  background: -moz-linear-gradient(top, #ffbe61 0%, #ff923a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbe61), color-stop(100%, #ff923a));
  background: -webkit-linear-gradient(top, #ffbe61 0%, #ff923a 100%);
  background: -o-linear-gradient(top, #ffbe61 0%, #ff923a 100%);
  background: -ms-linear-gradient(top, #ffbe61 0%, #ff923a 100%);
  background: linear-gradient(to bottom, #ffbe61 0%, #ff923a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbe61', endColorstr='#ff923a',GradientType=0 );
  border: 1px solid #d0752d;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.btn.orange:hover {
  background: #ffd172;
  background: -moz-linear-gradient(top, #ffd172 0%, #ff7f28 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd172), color-stop(100%, #ff7f28));
  background: -webkit-linear-gradient(top, #ffd172 0%, #ff7f28 100%);
  background: -o-linear-gradient(top, #ffd172 0%, #ff7f28 100%);
  background: -ms-linear-gradient(top, #ffd172 0%, #ff7f28 100%);
  background: linear-gradient(to bottom, #ffd172 0%, #ff7f28 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd172', endColorstr='#ff7f28',GradientType=0 ); }

.btn.orange:active {
  background: #ff7f28;
  background: -moz-linear-gradient(top, #ff7f28 0%, #ffd172 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7f28), color-stop(100%, #ffd172));
  background: -webkit-linear-gradient(top, #ff7f28 0%, #ffd172 100%);
  background: -o-linear-gradient(top, #ff7f28 0%, #ffd172 100%);
  background: -ms-linear-gradient(top, #ff7f28 0%, #ffd172 100%);
  background: linear-gradient(to bottom, #ff7f28 0%, #ffd172 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f28', endColorstr='#ffd172',GradientType=0 ); }

@media only screen and (max-height: 600px) {
  #main-menu {
    position: relative; } }
#customers-list .read-more {
  display: none; }

#ipad-mini-section {
  padding: 80px 0;
  margin: 20px 0 35px;
  position: relative;
  background: -moz-linear-gradient(top, #e8e8e8 0%, white 8%, white 92%, #e8e8e8 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #e8e8e8 0%, white 8%, white 92%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e8e8e8 0%, white 8%, white 92%, #e8e8e8 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #e8e8e8 0%, white 8%, white 92%, #e8e8e8 100%);
  /* IE10+ */
  background: linear-gradient(top, #e8e8e8 0%, white 8%, white 92%, #e8e8e8 100%);
  /* W3C */ }
  #ipad-mini-section .ipad-mini-section__image {
    float: left;
    width: 364px;
    height: 229px;
    background: url(images/pro_sales/pricing-ipad-mini.png);
    margin-left: 100px;
    margin-right: 50px; }
  #ipad-mini-section .ipad-mini-section__right {
    float: left; }
  #ipad-mini-section .ipad-mini-section__right__text {
    font-size: 37px;
    font-family: ProximaNova-Light;
    color: #333;
    line-height: 1.1em; }
  #ipad-mini-section .ipad-mini-section__right__text--bold {
    font-family: ProximaNova-Bold; }
  #ipad-mini-section .ipad-mini-section__right__btn {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 32px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #ff5f29;
    /* For greater backwards compatibility */
    background: -moz-linear-gradient(top, #ff7a4c, #ff4507);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #ff7a4c, #ff4507);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff7a4c, #ff4507);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ff7a4c, #ff4507);
    /* IE10+ */
    background: linear-gradient(top, #ff7a4c, #ff4507);
    /* W3C */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7a4c), color-stop(100%, #ff4507));
    /* Chrome,Safari4+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF7A4C', endColorstr='#FFFF4507',GradientType=0 );
    /* IE6-9 */ }
    #ipad-mini-section .ipad-mini-section__right__btn:hover {
      background-color: #e05425;
      /* For greater backwards compatibility */
      background: -moz-linear-gradient(top, #e6693d, #db400d);
      /* FF3.6+ */
      background: -webkit-linear-gradient(top, #e6693d, #db400d);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #e6693d, #db400d);
      /* Opera11.10+ */
      background: -ms-linear-gradient(top, #e6693d, #db400d);
      /* IE10+ */
      background: linear-gradient(top, #e6693d, #db400d);
      /* W3C */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6693d), color-stop(100%, #db400d));
      /* Chrome,Safari4+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE6693D', endColorstr='#FFDB400D',GradientType=0 );
      /* IE6-9 */
      text-decoration: none; }
  #ipad-mini-section .icon-close-sign {
    position: absolute;
    top: 42px;
    right: 56px;
    font-size: 34px;
    color: #ccc;
    cursor: pointer; }
    #ipad-mini-section .icon-close-sign:hover {
      color: #aaa; }

.gateme-fees-header {
  font-size: 17px;
  color: #6b6d84;
  text-align: center; }

.banking-fees-wrapper {
  display: none; }

table.banking-fees {
  font-size: 13px;
  color: #6b6d84;
  margin: 0 auto; }
  table.banking-fees td {
    padding: 5px 3px; }
  table.banking-fees .flag {
    width: 16px; }
  table.banking-fees .local {
    width: 120px; }
  table.banking-fees .international {
    width: 142px; }
  table.banking-fees .local-fees-header {
    font-size: 12px;
    color: #6b6d84;
    padding: 20px 0 10px;
    text-align: center; }

#pricing-content {
  text-align: center;
  color: #939aaa;
  font-family: ProximaNova-Light, Helvetica, sans-serif; }
  #pricing-content h2, #pricing-content h3 {
    margin-top: 10px;
    color: #2f3f4f; }
  #pricing-content .description {
    font-size: 14px;
    line-height: 161%;
    margin-bottom: 20px; }
  #pricing-content .top {
    margin-top: 60px; }
    #pricing-content .top .top-row {
      margin-bottom: 60px; }
    #pricing-content .top .price {
      border-right: 1px solid rgba(147, 154, 170, 0.32);
      top: 10px; }
    #pricing-content .top #monthly-price {
      font-size: 96px; }
    #pricing-content .top .per-month {
      font-size: 40px;
      margin-top: -25px; }
    #pricing-content .top .orange-button {
      position: relative;
      left: -25px; }
    #pricing-content .top img#arrow-diagonal {
      position: relative;
      left: -70px;
      top: -20px; }
    #pricing-content .top .orange-button {
      font-size: 20px;
      color: white;
      padding-top: 13px;
      border: none;
      font-weight: bold;
      /* Firefox v3.6+ */
      background-image: -moz-linear-gradient(55% 0% -90deg, #ff9665 0%, #ff621e 100%);
      /* safari v4.0+ and by Chrome v3.0+ */
      background-image: -webkit-gradient(linear, 55% 0%, 55% 120%, color-stop(0, #ff9665), color-stop(1, #ff621e));
      /* Chrome v10.0+ and by safari nightly build*/
      background-image: -webkit-linear-gradient(-90deg, #ff9665 0%, #ff621e 100%);
      /* Opera v11.10+ */
      background-image: -o-linear-gradient(-90deg, #ff9665 0%, #ff621e 100%);
      /* IE v10+ */
      background-image: -ms-linear-gradient(-90deg, #ff9665 0%, #ff621e 100%);
      background-image: linear-gradient(180deg, #ff9665 0%, #ff621e 100%);
      width: 270px;
      height: 56px;
      /* Firefox v1.0+ */
      -moz-border-radius: 3px;
      /* Safari v3.0+ and by Chrome v0.2+ */
      -webkit-border-radius: 3px;
      /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
      border-radius: 3px;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff9665,endColorstr=#ffff621e,GradientType=0)";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff9665,endColorstr=#ffff621e,GradientType=0); }
      #pricing-content .top .orange-button:hover, #pricing-content .top .orange-button:active {
        /* Firefox v3.6+ */
        background-image: -moz-linear-gradient(55% 0% -90deg, #ff621e 0%, #ff9665 100%);
        /* safari v4.0+ and by Chrome v3.0+ */
        background-image: -webkit-gradient(linear, 55% 0%, 55% 120%, color-stop(0, #ff621e), color-stop(1, #ff9665));
        /* Chrome v10.0+ and by safari nightly build*/
        background-image: -webkit-linear-gradient(-90deg, #ff621e 0%, #ff9665 100%);
        /* Opera v11.10+ */
        background-image: -o-linear-gradient(-90deg, #ff621e 0%, #ff9665 100%);
        /* IE v10+ */
        background-image: -ms-linear-gradient(-90deg, #ff621e 0%, #ff9665 100%);
        background-image: linear-gradient(180deg, #ff621e 0%, #ff9665 100%);
        width: 270px;
        height: 56px;
        /* Firefox v1.0+ */
        -moz-border-radius: 3px;
        /* Safari v3.0+ and by Chrome v0.2+ */
        -webkit-border-radius: 3px;
        /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
        border-radius: 3px;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff621e,endColorstr=#ffff9665,GradientType=0)";
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff621e,endColorstr=#ffff9665,GradientType=0); }
    #pricing-content .top .features-wrapper {
      margin-left: 30px; }
      #pricing-content .top .features-wrapper .feature {
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        margin-top: 5px; }
        #pricing-content .top .features-wrapper .feature:before {
          content: "";
          display: inline-block;
          position: relative;
          top: 10px;
          margin-right: 10px;
          height: 30px;
          width: 30px;
          background-image: url("images/success-icon.png"); }
  #pricing-content .middle {
    background-color: #f8f8f8;
    padding: 60px 0px;
    margin-top: 40px; }
  #pricing-content .bottom {
    margin-top: 100px; }
    #pricing-content .bottom .row {
      width: 800px;
      margin: auto; }
    #pricing-content .bottom h3 {
      font-size: 21px; }
    #pricing-content .bottom img {
      margin-bottom: 20px; }
    #pricing-content .bottom a.learn-more {
      color: #399adc;
      font-size: 16px;
      font-weight: bold;
      text-decoration: underline; }
      #pricing-content .bottom a.learn-more:hover {
        text-decoration: none;
        opacity: 0.6; }

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