@charset "UTF-8";
/* For Vertical Center */
/* For Vertical Center */
/* ----- COLOUR PALETTE ------- */
body {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400;
  margin: 0;
  font-size: 17px;
  line-height: 1.8;
  color: #727A78;
  -webkit-font-smoothing: antialiased; }

.onboarding .navigation-container {
  display: none; }

body, html, .full-height {
  height: 100%; }
  
  a:hover, a:focus, a:active{
	  text-decoration: none;
	  color: #00334B;
  }
  a{
	
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
	  color: #00334B;
  }

a:hover:before, a:focus:before, a:active:before{
    right: 0;
	  color: #00334B;
}
a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #00CDC0;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

/* Remove Bootstrap Margin*/
.navbar {
  margin-bottom: 0px; }

/* Remove Bootstrap Margin*/
html.no-scroll {
  overflow: hidden; }

@media (min-width: 768px) {
  .navbar-nav li a {
    padding-top: 10px;
    padding-bottom: 10px; } }
*:focus {
  outline: none !important; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
-------------------------------------- TYPOGRAPHY -------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
h1 {
	color: #00334B;
	line-height: 1.3;
	font-weight: 500;
	
}
h1, h2, h3 {
  padding: 0px;
  margin: 0; }

h1, h2.large {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 300;
  color: #282d2c;
  margin: 0.5em 0;
  font-size: 2.4em;
  line-height: 1.35;
  letter-spacing: -0.02em; }

h4 {
  color: #282d2c; }

h2.large span {
  color: #8C9391;
  display: block;
  margin-bottom: 2em; }
  h2.large span a {
    color: #00C7B1;
    border-bottom: 2px solid; }
  h2.large span a:hover {
    color: #109B89; }

h1.small {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400; }

h2 {
  font-size: 1.8em;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 300;
  color: #282d2c;
  line-height: 1.4;
  margin: 1.2em 0; }

h2.sub-head {
  font-size: 1.3em;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400; }

h2.smaller {
  font-size: 1.3em;
  line-height: 1.5; }

h3 {
  font-size: 1.3em;
  line-height: 1.5;
  color: #282d2c;
  line-height: 1.4;
  margin-bottom: 1em; }

h3.smaller {
  font-size: 1em; }

h4 {
  font-size: 1em; }

h5 {
  text-transform: uppercase; }

p {
  margin-bottom: 1em; }

.lede {
  font-size: 1.1em;
  line-height: 1.5;
  color: #00334B;
  margin-bottom: 2em;
  line-height: 1.8; }

.preview-label {
  text-transform: uppercase;
  font-weight: bold; }

.small {
  font-size: 15px; }

.footnote {
  color: #ADB2B1;
  padding-top: 2em; }
  .footnote a {
    color: #282d2c; }

@media (max-width: 768px) {
  .footnote {
    padding-top: 0; } }
.medium {
  font-size: 1.3em;
  line-height: 1.5; }

a {
  cursor: pointer; }

.link {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 600;
  color: #00C7B1;
  border-bottom: 2px solid;
  padding-bottom: 5px;
  position: relative;
  cursor: pointer; }
  .link img {
    margin-top: -2px; }
  .link:hover {
    color: #00C7B1; }
  .link:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../img/link-small-arrow.svg) 0 1px no-repeat;
    margin-left: 10px;
    -webkit-background-size: 10px auto;
    -moz-background-size: 10px auto;
    -o-background-size: 10px auto;
    background-size: 10px auto;
    vertical-align: bottom;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    top: 5px; }
  .link:hover:after {
    margin-left: 15px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }

.uppercase {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 600; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
----------------------------------------- GLOBAL --------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
::selection {
  background: #ecf4ec;
  /* Safari */ }

::-moz-selection {
  background: #ecf4ec;
  /* Firefox */ }

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

:-moz-placeholder {
  /* Firefox 18- */
  color: #ADB2B1; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ADB2B1; }

:-ms-input-placeholder {
  color: #ADB2B1; }

img {
  width: auto \9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

.languages-drop a {
  display: block;
  border: 2px solid #f6f6f6;
  padding: 0.5em 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
.languages-drop img {
  margin-right: 10px; }
.languages-drop .dropup .dropdown-menu {
  bottom: 3.5em; }
.languages-drop .dropdown-menu {
  border: 0;
  -moz-box-shadow: 0 11px 75px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 11px 75px rgba(0, 0, 0, 0.16);
  box-shadow: 0 11px 75px rgba(0, 0, 0, 0.16); }

.languages-slidedown li {
  padding: 0.5em 1em;
  cursor: pointer; }
.languages-slidedown li:hover {
  background-color: #f6f6f6; }

button {
  border: 0;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  outline: none; }

.centered {
  text-align: center; }

hr.clear {
  margin: 0;
  padding: 0;
  border: 0;
  clear: both; }

.no-bullets {
  list-style: none;
  padding: 0;
  margin: 0; }

input, select {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  background-color: #f6f6f6;
  color: black;
  line-height: 1; }

label {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 600; }

textarea {
  width: 100%;
  border: none; }

input {
  border-bottom: 2px solid #ececec;
  background-color: white;
  padding: 10px 0;
  font-size: 1.8em;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 300; }

input:focus {
  border-color: #00C7B1; }

input[type="submit"] {
  width: auto; }

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  width: 15px;
  height: 15px;
  margin-right: 10px; }

.dropdown .btn {
  width: 100%;
  text-align: left;
  padding: 15px;
  border: none;
  background: #f6f6f6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  .dropdown .btn .caret {
    background: url("../img/drop-arrow.svg") no-repeat;
    border: none;
    width: 20px;
    height: 12px;
    margin-top: 4px; }
.dropdown .btn:focus {
  outline: none; }
.dropdown .dropdown-menu li a {
  padding: 15px; }

button[disabled], html input[disabled] {
  cursor: not-allowed;
  color: #727A78; }

.button.disabled, .button.disabled:hover {
  cursor: not-allowed !important;
  color: #ADB2B1 !important; }

.dropdown-menu {
  max-height: 400px;
  overflow: auto;
  width: 100%;
  border: none;
  -moz-box-shadow: 0 11px 75px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 11px 75px rgba(0, 0, 0, 0.16);
  box-shadow: 0 11px 75px rgba(0, 0, 0, 0.16); }
  .dropdown-menu li a {
    padding: 8px 20px; }

.overlay {
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  width: 100%;
  display: none;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9000; }
  .overlay .close {
    position: absolute;
    right: 20px;
    top: 25px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$transparency*100)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    cursor: pointer;
    z-index: 902; }
  .overlay .close:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$transparency*100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
  .overlay .overlay-inner-wrap {
    background: white;
    padding: 30px;
    margin-top: 5em;
    display: none; }

.tooltip {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400; }
  .tooltip .tooltip-inner {
    text-align: left !important;
    padding: 8px !important; }

.button {
  display: inline-block !important;
  padding: 15px 30px !important;
  color: white;
  cursor: pointer;
  background: #00C7B1;
  border-bottom: 1px solid #109B89;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 600; }

.button:hover {
  color: white;
  background: #109B89;
  border-color: #207262; }

.small-button {
  padding: 10px 20px !important; }

.ghost-button {
  border: 1px solid #00C7B1;
  display: inline-block;
  padding: 11px 30px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 600; }

.ghost-button.invisible-button {
  border: none;
  cursor: pointer;
  color: #6550D5; }

.video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }
  .video-wrap .fb-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.call-to-action-panel {
  border-top: 2px solid #f6f6f6;
  padding-bottom: 5em !important; }
  .call-to-action-panel p {
    margin-bottom: 3em; }
  .call-to-action-panel h2 {
    margin-bottom: 0; }

.small-call-to-action {
  padding: 4em 0; }

.bg {
  background: #f6f6f6; }

.panel-section.bg {
  margin: 0 20px; }

.panel-section.large-banner {
  padding: 0em 0em 6em; }

@media (max-width: 768px) {
  .panel-section.bg {
    margin: 0; } }
.list-styles li a {
  display: block;
  padding: 1em 0;
  border-bottom: 1px solid #ececec; }
.list-styles li a:hover {
  background: #f6f6f6; }
.list-styles li:first-child a {
  border-top: 1px solid #ececec; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------------ LAYOUT -------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.container-fluid {
  padding-left: 30px;
  padding-right: 30px; 
  padding-bottom: 20px;}

.panel-section {
  padding: 5em 0 3em;
  position: relative; }

.page-header {
  padding: 7em 0 0;
  border: none;
  margin: 0; }
  .page-header .dropdown {
    margin-top: 2.5em; }

.page-header.panel-section {
  padding: 7em 0 5em 0; }

.table {
  display: table;
  width: 100%;
  height: 100%; }

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

.wrapped-pages {
  padding: 6em 0; }

li.col-md-3:nth-child(4n+1), li.col-md-2:nth-child(6n+1) {
  clear: left; }

/* CUSTOM GUTTERS */
.container {
  padding-left: 30px;
  padding-right: 30px; }

.row {
  margin-left: -30px;
  margin-right: -30px; }

.row.no-bullets {
  margin-left: -30px;
  margin-right: -30px; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10,
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 30px;
  padding-right: 30px; }

@media (max-width: 767px) {
  .container, .container-fluid {
    padding-left: 20px;
    padding-right: 20px; }

  .row {
    margin-left: -20px;
    margin-right: -20px; }

  .row.no-bullets {
    margin-left: -20px;
    margin-right: -20px; }

  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
  .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10,
  .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
  .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
  .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
  .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 20px;
    padding-right: 20px; } }
/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------------ SUB NAV ------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.sub-nav {
  border-bottom: 1px solid #ececec;
  margin-bottom: 2em; }
  .sub-nav ul {
    margin-bottom: 0; }
  .sub-nav li + li {
    margin-left: 10px; }
  .sub-nav li a {
    color: #ADB2B1;
    display: inline-block;
    padding: 1em 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 600;
    border-bottom: 3px solid transparent; }
  .sub-nav li a:hover {
    color: #727A78; }
  .sub-nav li a.active {
    border-color: #6550D5;
    color: #282d2c; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------------ FOOTER -------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.main-footer {
  padding: 7em 0;
  background: #00334B;
  font-size: 15px; 
  color: #DEF0DE; }
  .main-footer h3 {
    margin-bottom: 1.5em; }
  .main-footer .footer-note {
    padding: 2em 0 0;
    color: #DEF0DE; }

.bottom-nav li {
  margin-bottom: 0.5em; }
  .bottom-nav li a {
    color: #DEF0DE; }

.bottom-nav li a:hover {
  color: #727A78; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
--------------------------------------- NAVIGATION ------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.app-download-wrapper {
  display: none;
  /*remove after app release*/
  background: white;
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
  font-size: 15px;
  padding-left: 40px; }
  .app-download-wrapper p {
    margin: 0;
    color: #282d2c; }
  .app-download-wrapper a {
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 600;
    border-bottom: 2px solid;
    margin-left: 10px; }
  .app-download-wrapper .close {
    position: absolute;
    left: 20px;
    top: 25px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$transparency*100)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    cursor: pointer; }
  .app-download-wrapper .close:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$transparency*100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
  .app-download-wrapper .entropay-app-icon {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #ececec;
    width: 55px;
    height: 55px;
    float: left;
    margin-right: 10px;
    padding: 12px 8px; }
  .app-download-wrapper .entropay-app-inner-wrap {
    padding: 15px 0 0; }

.main-header {
  z-index: 40;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.95); }
  .main-header .logo {
    margin-top: 20px; }
  .main-header .main-nav li {
    position: relative;
    padding-bottom: 15px; }
  .main-header .main-nav li a, .main-header .main-nav li span {
    color: #282d2c;
    cursor: pointer;
    padding: 20px 0.5em 0.2em;
    display: block;
    border-top: 3px solid transparent;
    font-size: 15px; }
    .main-header .main-nav li a:hover, .main-header .main-nav li span:hover {
      border-color: #00C7B1; }
  .main-header .main-nav li.sign-up a, .main-header .main-nav li.for-business a {
    display: inline-block;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 600;
    background: #00C7B1;
    color: white;
    padding: 8px 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: none; }
  .main-header .main-nav li.sign-up a:hover {
    border: none; }
  .main-header .main-nav li.for-business {
    margin-left: -5px; }
    .main-header .main-nav li.for-business a {
      color: #727A78;
      background: #f6f6f6; }
      .main-header .main-nav li.for-business a:hover {
        color: #282d2c !important; }
  .main-header .main-nav .submenu {
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background: white;
    width: 340px;
    text-align: left;
    left: -10px;
    display: none;
    position: absolute;
    margin-top: 0;
    top: 45px; }
    .main-header .main-nav .submenu li {
      padding-bottom: 0; }
    .main-header .main-nav .submenu a {
      padding: 20px 20px 10px;
      border: none !important; }
      .main-header .main-nav .submenu a img {
        float: left;
        margin-right: 20px; }
      .main-header .main-nav .submenu a h4 {
        margin: 0;
        font-size: 15px; }
      .main-header .main-nav .submenu a p {
        font-size: 15px;
        color: #727A78;
        margin: 0; }
    .main-header .main-nav .submenu li:last-child {
      margin-bottom: 5px; }
  .main-header .main-nav .parent:hover .submenu {
    display: block;
    -moz-animation: fadeIn 0.3s ease-in;
    -webkit-animation: fadeIn 0.3s ease-in;
    animation: fadeIn 0.3s ease-in;
    margin-top: 10px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }

.nav-outer {
  float: right; }

.burger-wrap {
  display: none;
  float: right; }
  .burger-wrap .burger-icon {
    display: block;
    cursor: pointer; }
    .burger-wrap .burger-icon span {
      display: block;
      width: 35px;
      height: 3px;
      position: relative;
      background-color: #00C7B1;
      margin-bottom: 7px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }

.burger-wrap.closeIcon span {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
.burger-wrap.closeIcon span.line-one {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10px; }
.burger-wrap.closeIcon span.line-two {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$transparency*100)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }
.burger-wrap.closeIcon span.line-three {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -10px; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
----------------------------------------- HOMEPAGE ------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.hero-section {
  padding: 8em 0; }

.hero-image {
  position: absolute;
  width: 60%;
  bottom: 0;
  right: 20px; }

@media (max-width: 767px) {
  .hero-section.panel-section {
    padding: 5em 0 0; }

  .hero-image {
    position: static;
    width: 100%;
    margin-top: 3em; } }
.hero-section .play-button-wrapper {
  margin-bottom: 1.5em; }
.hero-section .small-play-button {
  padding: 10px 0; }
  .hero-section .small-play-button img {
    margin-right: 10px; }

.features-section.panel-section {
  padding: 5em 0; }
  .features-section.panel-section .col-sm-4 {
    margin-bottom: 2em; }

.app-stores {
  padding: 2em 0; }
  .app-stores li {
    margin-bottom: 1em; }

.explore-box {
  display: block;
  color: #8C9391;
  margin-bottom: 3em; }
  .explore-box h3 {
    margin: 2em 0 0; }
  .explore-box .explore-cta {
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 600;
    color: #00C7B1; }
    .explore-box .explore-cta span {
      float: left; }
    .explore-box .explore-cta img {
      float: right;
      position: relative;
      top: 8px;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
  .explore-box:hover {
    color: #8C9391; }

.panel-section.benefits-wrap {
  margin-bottom: 20px; }

.pattern-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: url(../img/pattern.svg);
  -webkit-background-size: 50px;
  -moz-background-size: 50px;
  -o-background-size: 50px;
  background-size: 50px; }

.hero-header {
  background-position: top left;
  -webkit-background-size: 80%;
  -moz-background-size: 80%;
  -o-background-size: 80%;
  background-size: 80%;
  position: relative;
  min-height: 560px;
  background-repeat: no-repeat;
  padding-top: 3em; }
  .hero-header .hero-header-text {
    padding: 40px 20px 40px 80px;
    position: absolute;
    background: white;
    right: 40px;
    width: 55%;
    max-width: 900px;
    bottom: -2em;
    z-index: 20;
    margin-left: -25%; }

.features-text-wrap {
  padding: 0 10%;
  margin-bottom: 4em; }

.right-features-wrap {
  margin-top: 10em; }

.products-section {
  padding-bottom: 5em; }

.features-image-wrap {
  margin: 2em 0 5em; }

@media (max-width: 767px) {
  .features-text-wrap {
    padding: 0; }

  .right-features-wrap {
    margin-top: 4em; }

  .features-image-wrap img {
    width: 170px; } }
.figures {
  padding-top: 3em; }
  .figures .hero-image {
    bottom: 4em; }
  .figures h3.smaller {
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 600;
    color: #8C9391;
    margin-bottom: 0; }

.big-digit {
  color: #6550D5;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  margin-bottom: 1em; }

.sign-up-list {
  margin-bottom: 4em; }
  .sign-up-list li {
    background: url(../img/tick-30x24.svg) 0 4px no-repeat;
    -webkit-background-size: 30px auto;
    -moz-background-size: 30px auto;
    -o-background-size: 30px auto;
    background-size: 30px auto;
    padding-left: 40px;
    font-size: 1.3em;
    line-height: 1.5;
    font-family: "Whitney SSm A", "Whitney SSm B";
    font-style: normal;
    font-weight: 300;
    margin: 0.5em 0;
    margin-left: -40px; }

.testimonials li:nth-child(3n+1) {
  clear: left; }
.testimonials .testimonial-box {
  margin-bottom: 3em;
  padding-top: 2em; }

.beta {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 600;
  background: #6550D5;
  color: white;
  padding: 2px 5px;
  font-size: 60%;
  top: -0.75em; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
----------------------------------------- TRANSFERS -----------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.transfers-trial .footnote {
  padding: 0 0 2em; }
.transfers-trial .transfer-exrate {
  color: #282d2c;
  font-size: 1.3em;
  line-height: 1.5; }

.transfers-wrapper {
  padding-bottom: 3em;
  text-align: left; }

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  user-select: none; }

.custom-select-wrapper select {
  display: none; }

.custom-select {
  position: relative;
  display: block; }
  .custom-select.opened .custom-select-trigger {
    border-color: #00C7B1; }

.custom-select-trigger {
  position: relative;
  display: block;
  width: 100%;
  font-size: 1.8em;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 300;
  color: #282d2c;
  cursor: pointer;
  border-bottom: 2px solid #ececec; }

.custom-select-trigger:after {
  position: absolute;
  display: block;
  content: '';
  width: 16px;
  height: 8px;
  top: 50%;
  right: 15px;
  background: url(../img/drop-arrow.svg) no-repeat;
  margin-top: -3px;
  transition: all .3s ease-in-out;
  transform-origin: 50% 0; }

.custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-180deg); }

.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: 15px 0;
  box-sizing: border-box;
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
  z-index: 80; }

.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0); }

.option-hover:before {
  background: #f9f9f9; }

.custom-option {
  position: relative;
  display: block;
  padding: 0.8em 20px;
  cursor: pointer;
  transition: all .3s ease-in-out; }

.custom-option:hover,
.custom-option.selection {
  background: #f6f6f6;
  color: #282d2c; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------------- CARDS -------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.virtual-card-design {
  text-align: left;
  line-height: 1.2;
  margin: 60px auto 4em;
  width: 500px;
  height: 308px;
  max-width: 100%;
  background: #4a48ad;
  background: -moz-linear-gradient(-45deg, #4a48ad 1%, #303272 100%);
  background: -webkit-linear-gradient(-45deg, #4a48ad 1%, #303272 100%);
  background: -webkit-linear-gradient(315deg, #4a48ad 1%, #303272 100%);
  background: -o-linear-gradient(315deg, #4a48ad 1%, #303272 100%);
  background: linear-gradient(135deg, #4a48ad 1%, #303272 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a48ad', endColorstr='#303272',GradientType=1 );
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  color: white;
  -moz-box-shadow: 0 12px 52px rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 0 12px 52px rgba(0, 0, 0, 0.26);
  box-shadow: 0 12px 52px rgba(0, 0, 0, 0.26); }
  .virtual-card-design .virtual-card-pattern {
    padding: 30px;
    background: url(../img/card-pattern.svg) center bottom no-repeat;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .virtual-card-design .card-number {
    font-size: 1.4em;
    line-height: 1;
    margin-top: 2em;
    margin-bottom: 0.5em;
    letter-spacing: 0.1em; }
  .virtual-card-design .cardholder {
    text-transform: uppercase;
    letter-spacing: 0.05em; }
  .virtual-card-design .virtual-card-message {
    font-size: 15px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$transparency*100)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6; }
  .virtual-card-design .label {
    padding: 0; }
  .virtual-card-design .bottom-info {
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;
    padding: 0 30px; }
    .virtual-card-design .bottom-info img {
      margin-top: 1em; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------------- BLOG --------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.blog-list-item img {
  margin-bottom: 1em; }
.blog-list-item a {
  display: block;
  padding: 3em 0; }

.blog-article-header img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$transparency*100)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translate(-5px, 0);
  -moz-transform: translate(-5px, 0);
  -ms-transform: translate(-5px, 0);
  -o-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
  margin-top: 8px; }
.blog-article-header span {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 600;
  color: #ADB2B1;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400; }
.blog-article-header span:before {
  content: '•';
  display: inline-block;
  margin: 0 5px 0 0;
  color: #D2D6D5; }
.blog-article-header span.blog-date:before {
  content: '';
  margin: 0; }

.category-toggle {
  display: none;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 600;
  cursor: pointer;
  line-height: 1;
  background: #f6f6f6;
  padding: 1.5em 0; }
  .category-toggle img {
    margin-top: -3px;
    margin-left: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.category-toggle.active img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.load-more {
  padding-bottom: 6em; }

.blog-highlight a {
  padding-top: 0; }
.blog-highlight .blog-highlight-text-wrapper {
  position: absolute;
  bottom: -80px;
  right: 0;
  max-width: 700px;
  background: white;
  padding: 40px 60px;
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); }

.blog-highlight:hover .blog-highlight-text-wrapper {
  bottom: -70px;
  padding-bottom: 60px;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }

.blog-extract {
  color: #ADB2B1; }

.blog-list-item:hover .blog-article-header img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$transparency*100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translate(5px, 0);
  -moz-transform: translate(5px, 0);
  -ms-transform: translate(5px, 0);
  -o-transform: translate(5px, 0);
  transform: translate(5px, 0); }

.blog-entry .blog-content {
  padding-bottom: 5em; }
  .blog-entry .blog-content p, .blog-entry .blog-content img, .blog-entry .blog-content .video-wrapper {
    margin-bottom: 1em; }
  .blog-entry .blog-content a {
    color: #282d2c;
    -moz-box-shadow: inset 0 -5px 0 #7FECD6;
    -webkit-box-shadow: inset 0 -5px 0 #7FECD6;
    box-shadow: inset 0 -5px 0 #7FECD6;
    background: transparent; }
  .blog-entry .blog-content a:hover {
    background: #7FECD6; }

.promo-box {
  padding: 25px;
  background: #f6f6f6;
  margin-bottom: 5em; }
  .promo-box h2 {
    margin: 0; }
  .promo-box img {
    margin: 1.5em 0; }
  .promo-box .button {
    margin: 0.5em 0; }

.related-posts-list {
  border-bottom: 1px solid #ececec;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .related-posts-list h3 {
    color: #282d2c;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 600;
    margin-bottom: 2em; }
  .related-posts-list li {
    font-size: 15px;
    margin: 1em 0; }
    .related-posts-list li a {
      color: #ADB2B1;
      font-family: "Whitney SSm A", "Whitney SSm B";
      font-style: normal;
      font-weight: 600;
      padding: 0.5em 0;
      display: block; }
    .related-posts-list li a:hover {
      color: #727A78; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------------- FAQ ---------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.faq-list li {
  padding: 10px 20px 10px 0;
  cursor: pointer;
  position: relative;
  margin-bottom: 10px; }
  .faq-list li p {
    display: none;
    margin-top: 1em; }
  .faq-list li .drop-arrow {
    position: absolute;
    right: 0;
    top: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.faq-list li.slideDown .drop-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
.faq-list li.slideDown p {
  display: block; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
-------------------------------------- COUNTRIES --------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.countries-list li.countries-list-item, .countries-list li.partners-list-item, .partners-list li.countries-list-item, .partners-list li.partners-list-item {
  margin: 0.5em 0; }
  .countries-list li.countries-list-item img, .countries-list li.partners-list-item img, .partners-list li.countries-list-item img, .partners-list li.partners-list-item img {
    margin-right: 10px; }

.partners-list {
  padding: 3em 0; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------- PRESS ----------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.card-list-item {
  margin-bottom: 1.5em;
  border: 1px solid #ececec;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .card-list-item .card-text {
    padding: 20px;
    background: #f6f6f6;
    border-top: 1px solid #ececec; }
    .card-list-item .card-text h3 {
      margin: 0.5em 0 0; }
    .card-list-item .card-text p {
      font-size: 15px;
      color: #ADB2B1; }
    .card-list-item .card-text .file-download {
      display: inline-block;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      font-size: 0.85em;
      font-weight: 600;
      margin: 0.5em 0; }

.press-copy-wrap {
  padding-right: 20px; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------- CAREERS --------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.job-list {
  margin-bottom: 5em; }
  .job-list li a span {
    color: #ADB2B1; }

.life-entropay-gallery img {
  margin: 1em 0; }

.perks li .perks-wrap {
  margin-bottom: 4em;
  padding: 0 20px; }
  .perks li .perks-wrap img {
    margin-bottom: 2em; }
  .perks li .perks-wrap p {
    color: #ADB2B1;
    font-size: 15px; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------------ ABOUT --------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.the-team h3 {
  margin-bottom: 2em; }

.team-list li {
  margin-bottom: 3em; }
  .team-list li img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background: #f6f6f6;
    margin: 0 auto 2em;
    max-width: 140px; }
  .team-list li p {
    color: #ADB2B1;
    font-size: 15px; }

.about-header {
  background-image: url(../files/about/breather-168761.jpg); }

.panel-number {
  font-size: 10em;
  position: absolute;
  right: 30%;
  top: 60px;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 600;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$transparency*100)";
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
  color: #7FECD6; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
----------------------------------------- CONTACT -------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.contact-list {
  margin: 3em 0 5em; }
  .contact-list li {
    margin-bottom: 3em; }
    .contact-list li img {
      margin-bottom: 1.5em; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
----------------------------------------- PRICING -------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.table-style {
  border-top: 1px solid #ececec; }
  .table-style li {
    border-bottom: 1px solid #ececec;
    padding: 0.3em 0; }
    .table-style li img {
      margin-right: 10px; }

#price-list-table {
  display: none; }

.pricing-header {
  padding-bottom: 0;
  z-index: 30; }
  .pricing-header h2 {
    margin-bottom: 0;
    margin-top: -0.5em; }
  .pricing-header .sub-nav {
    background: white;
    padding-top: 2em;
    margin-top: -3em; }

.pricing {
  margin-bottom: 2em; }
  .pricing .row {
    border-bottom: 1px solid #ececec;
    padding-top: 10px;
    padding-bottom: 10px; }
  .pricing .row.heading {
    border-bottom-width: 2px; }

.pricing .row:hover {
  border-color: #ADB2B1; }

.pricing .row.heading:hover {
  border-color: #ececec; }

.show-fees-button {
  margin-bottom: 3em; }

.eur-table .GBP, .usd-table .GBP {
  display: none; }

.gbp-table .EUR, .usd-table .EUR {
  display: none; }

.eur-table .USD, .gbp-table .USD {
  display: none; }

.footnotes {
  margin: 4em 0em; }

.eu-fees-section img {
  margin-bottom: 1em; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
-------------------------------------- LANDING PAGE -----------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.landing-page .page-header {
  padding-bottom: 1em; }
  .landing-page .page-header h1 {
    margin-bottom: 0; }
  .landing-page .page-header .lede {
    margin-bottom: 1em; }
.landing-page .landing-content {
  padding-bottom: 2em; }
  .landing-page .landing-content img {
    margin-bottom: 3em; }
  .landing-page .landing-content .call-to-action {
    padding: 1.5em 0; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------- OFFERS ---------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.offer-banner img {
  width: 100%; }

.offers-carousel {
  padding-top: 0; }
  .offers-carousel h1 {
    margin-bottom: 2em; }

.offers-list .list-styles-n-a li:first-child {
  border-top: 1px solid #ececec; }
.offers-list .list-styles-n-a li {
  border-bottom: 1px solid #ececec;
  padding: 1em 0; }
  .offers-list .list-styles-n-a li .small-button {
    margin-top: 1.5em; }
  .offers-list .list-styles-n-a li img.modal-icon {
    width: 16px !important;
    display: inline-block;
    margin: 0;
    cursor: pointer; }

.carousel-offer-wrap h4, .list-offer-wrap h4 {
  margin-bottom: 0; }
.carousel-offer-wrap .small, .list-offer-wrap .small {
  margin-bottom: 1em;
  display: inline-block; }

.list-offer-wrap a p {
  margin-bottom: 0; }
.list-offer-wrap a .button {
  margin-top: 0.5em; }
.list-offer-wrap img {
  width: auto; }

.bottom-offer-wrap .footnote {
  padding-top: 0; }

@media (max-width: 767px) {
  .list-offer-wrap {
    text-align: center !important; }
    .list-offer-wrap .text-right {
      text-align: center !important; }
    .list-offer-wrap img {
      margin-bottom: 1em; }
    .list-offer-wrap a p {
      margin-bottom: 1em; } }
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto 2em; }
.owl-carousel .owl-item img.modal-icon {
  width: 16px !important;
  display: inline-block;
  margin: 0;
  cursor: pointer; }

.terms-details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.owl-dots {
  width: 100%;
  height: 20px;
  text-align: center; }
  .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #9A9AE5;
    display: inline-block;
    margin: 0 3px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%; }
  .owl-dots .owl-dot.active {
    background: #401E9B; }

.owl-nav {
  text-align: center;
  margin: 2em 0; }
  .owl-nav .owl-prev, .owl-nav .owl-next {
    display: inline-block;
    margin: 0 5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 600;
    color: #282d2c; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------ MEDIA QUERIES ------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
@media (max-width: 990px) {
  li.col-md-3:nth-child(4n+1), li.col-md-2:nth-child(6n+1) {
    clear: none;
    /*reset clears*/ }

  li.col-sm-3:nth-child(4n+1) {
    clear: left; }

  h1, h2.large {
    font-size: 2.3em; }

  /* ----- BLOG ------- */
  .blog-highlight .blog-highlight-text-wrapper {
    padding: 30px 40px;
    max-width: 600px;
    bottom: -60px; }

  .blog-highlight:hover .blog-highlight-text-wrapper {
    padding-bottom: 40px; }

  .category-toggle {
    display: block; }

  .blog-categories.open-categories {
    display: block; }

  .blog-categories {
    display: none; }
    .blog-categories li {
      display: block; }
      .blog-categories li a {
        display: block; }
      .blog-categories li a.active {
        border: none; }
      .blog-categories li a.active:before {
        content: '';
        width: 10px;
        height: 10px;
        margin-right: 5px;
        position: relative;
        top: 0.05em;
        display: inline-block;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        background-color: #401E9B; }

  .features-text-wrap {
    padding: 0; }

  /* --------- ABOUT ------------ */
  .hero-header {
    -webkit-background-size: 90%;
    -moz-background-size: 90%;
    -o-background-size: 90%;
    background-size: 90%; }
    .hero-header .hero-header-text {
      width: auto;
      max-width: none;
      margin: 0 15px;
      right: auto;
      left: 0; }

  .hero-section.panel-section {
    padding: 5em 0 5em; }

  /* -------- NAVIGATION -------- */
  .main-header {
    padding: 16px 0 10px; }
    .main-header .logo {
      margin-top: 0;
      width: 120px; }
    .main-header .nav-wrap {
      display: none;
      position: fixed;
      top: 54px;
      left: 0;
      width: 100%;
      background: white;
      z-index: 1000;
      height: 100%; }
      .main-header .nav-wrap .main-nav li {
        display: block;
        text-align: left;
        padding: 0;
        margin: 0; }
        .main-header .nav-wrap .main-nav li a {
          border: none;
          font-family: "Whitney SSm A", "Whitney SSm B";
          font-style: normal;
          font-weight: 400;
          font-size: 1.3em;
          line-height: 1.5;
          display: block;
          padding: 20px 30px; }
        .main-header .nav-wrap .main-nav li a:hover {
          background: #f6f6f6; }
      .main-header .nav-wrap .main-nav li:first-child a {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0; }
      .main-header .nav-wrap .main-nav li.sign-up, .main-header .nav-wrap .main-nav li.for-business {
        display: inline-block;
        float: left;
        width: 40%;
        text-align: center;
        margin: 18px 20px; }
        .main-header .nav-wrap .main-nav li.sign-up a, .main-header .nav-wrap .main-nav li.for-business a {
          letter-spacing: 0.06em;
          text-transform: uppercase;
          font-size: 0.85em;
          font-weight: 600;
          padding: 10px 20px; }
      .main-header .nav-wrap .main-nav li.for-business {
        margin-left: 0;
        margin-right: 0; }
      .main-header .nav-wrap .main-nav li.parent {
        border-bottom: 1px solid #ececec;
        border-top: 1px solid #ececec; }
        .main-header .nav-wrap .main-nav li.parent > span {
          letter-spacing: 0.06em;
          text-transform: uppercase;
          font-size: 0.85em;
          font-weight: 600;
          padding: 20px 30px;
          border-top: none; }
        .main-header .nav-wrap .main-nav li.parent .submenu {
          display: block;
          margin-top: 0 !important;
          position: static;
          -moz-animation: none;
          -webkit-animation: none;
          animation: none;
          width: 100%;
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          box-shadow: none; }
          .main-header .nav-wrap .main-nav li.parent .submenu li a {
            padding-top: 0; }
            .main-header .nav-wrap .main-nav li.parent .submenu li a:hover {
              background: none; }
    .main-header .burger-wrap {
      display: block; }
    .main-header .nav-wrap.openNav {
      display: block; }

  .hero-header .hero-header-text {
    right: 0;
    left: auto;
    width: 80%;
    margin: 0; }

  .hero-section.panel-section {
    padding: 5em 0; }

  .panel-section {
    padding: 3em 0 2em; }

  .lede {
    margin-bottom: 3em; }

  .page-header {
    padding: 3em 0; } }
@media (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 1.6; }

  .lede {
    margin-bottom: 2em; }

  .page-header {
    padding: 2em 0; }

  .main-footer {
    padding: 4em 0; }
    .main-footer .ep-icon {
      margin-bottom: 3em; }
    .main-footer .bottom-nav {
      margin-bottom: 3em; }
    .main-footer .footer-note {
      padding-top: 2em; }

  /* ---------- LAYOUT ---------- */
  li.col-sm-3:nth-child(4n+1) {
    clear: none; }

  li.col-xs-6:nth-child(2n+1) {
    clear: left; }

  .pricing-header .sub-nav {
    padding-top: 4em; }
    .pricing-header .sub-nav .list-inline {
      clear: left;
      text-align: left;
      margin-top: 40px; }

  /* -------- BLOG ------  */
  .blog-highlight .blog-highlight-text-wrapper {
    padding: 0;
    position: static;
    margin: 0; }

  .blog-list-item img {
    margin-bottom: 2.5em; }

  .blog-highlight:hover .blog-highlight-text-wrapper {
    padding-bottom: inherit; }

  .blog-highlight a {
    padding-bottom: 0; }

  .blog-list-item {
    border-bottom: 1px solid #ececec; }

  .hero-header .hero-header-text {
    padding: 30px 40px 40px; }

  .panel-number {
    font-size: 8em;
    right: 15px; }

  .ghost-button, .button {
    padding: 10px 30px; }

  .category-toggle {
    padding: 1em 0; }

  .main-footer .row .col-sm-2:nth-child(3n+1) {
    clear: left; } }
@media (max-width: 600px) {
  h1, h2.large {
    font-size: 1.6em; }

  .link:after {
    display: none; }

  h2 {
    font-size: 1.3em; }

  .hero-header {
    margin-top: 28px;
    min-height: 300px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%; }
    .hero-header .hero-header-text {
      padding: 10px 40px;
      width: 95%;
      bottom: -10px; }

  .main-footer {
    font-size: 13px; }

  .pattern-wrap {
    width: 20px;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px; }

  .lede {
    font-size: 1.2em; }

  .team-list li img {
    max-width: 110px; }

  .hero-section.panel-section {
    padding: 5em 0 0; }

  .features-image-wrap {
    margin-bottom: 0; }

  .explore-inner-wrap img {
    width: 81px; }

  .virtual-card-design {
    height: 230px; }

  .virtual-card-design .virtual-card-message {
    font-size: 13px; } }
@media (min-width: 1200px) {
  .panel-section {
    } }